@import '_content/AuralizeBlazor/AuralizeBlazor.tf5u2o3oxg.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.tkxqvq0zjw.bundle.scp.css';

/* _content/DataCrewSolutions.TKDPH/Areas/AthleteAsstCoach/Main/EventCourtDiagram.razor.rz.scp.css */
.wrapper[b-m9q8hb0xa3] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card[b-m9q8hb0xa3] {
    overflow: hidden;
    box-shadow: 0px 2px 20px #d7dfe2;
    border-radius: 0.5rem;
    position: relative;
    width: 350px;
    margin: 1rem;
    transition: 250ms all ease-in-out;
}

    .card:hover[b-m9q8hb0xa3] {
        transform: scale(1.05);
        box-shadow: 0px 2px 40px #d7dfe2;
    }

    .card .banner-img[b-m9q8hb0xa3] {
        height: 100%;
        width: 100% !important;
    }

.category-tag[b-m9q8hb0xa3] {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.5rem 1.3rem 0.5rem 1rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 1rem;
    border-radius: 0 2rem 2rem 0;
}

.clock[b-m9q8hb0xa3] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}

.popular[b-m9q8hb0xa3] {
    background: #ef257a;
}

.technology[b-m9q8hb0xa3] {
    background: #651fff;
}

.psychology[b-m9q8hb0xa3] {
    background: #e85808;
}

.card-body[b-m9q8hb0xa3] {
    margin: 1rem;
}

.blog-hashtag[b-m9q8hb0xa3] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #4d97b2;
}

.blog-title[b-m9q8hb0xa3] {
    line-height: 1.5rem;
    margin: 1rem 0 0.5rem;
}

.blog-description[b-m9q8hb0xa3] {
    color: #616b74;
    font-size: 0.9rem;
}

.card-profile[b-m9q8hb0xa3] {
    display: flex;
    margin-top: 2rem;
    align-items: center;
}

.profile-img[b-m9q8hb0xa3] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.card-profile-info[b-m9q8hb0xa3] {
    margin-left: 1rem;
}

.profile-name[b-m9q8hb0xa3] {
    font-size: 1rem;
}

.profile-followers[b-m9q8hb0xa3] {
    color: #616b74;
    font-size: 0.9rem;
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/AthleteCompetitionHistories.razor.rz.scp.css */
.event-container[b-nl423s578p] {
    background: var(--mud-palette-surface);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}
.event-card[b-nl423s578p] {
    display: flex;
    flex-direction: column;
    margin: 1rem auto;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    margin-bottom: 1.6%;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;
}

    .event-card a[b-nl423s578p] {
        color: inherit;
    }

        .event-card a:hover[b-nl423s578p] {
            color: #3b70fc;
        }

    .event-card:hover .photo[b-nl423s578p] {
        transform: scale(1.3) rotate(3deg);
    }

    .event-card .meta[b-nl423s578p] {
        position: relative;
        z-index: 0;
        height: 200px;
    }

    .event-card .photo[b-nl423s578p] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        transition: transform 0.2s;
    }

    .event-card .details[b-nl423s578p],
    .event-card .details ul[b-nl423s578p] {
        margin: auto;
        padding: 0;
        list-style: none;
    }

    .event-card .details[b-nl423s578p] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        margin: auto;
        transition: left 0.2s;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        width: 100%;
        font-size: 0.9rem;
    }

        .event-card .details a[b-nl423s578p] {
            -webkit-text-decoration: dotted underline;
            text-decoration: dotted underline;
        }

        .event-card .details ul li[b-nl423s578p] {
            display: inline-block;
        }

        .event-card .details .author[b-nl423s578p]:before {
            margin-right: 10px;
        }

        .event-card .details .date[b-nl423s578p]:before {
            margin-right: 10px;
        }

        .event-card .details .tags ul[b-nl423s578p]:before {
            margin-right: 10px;
        }

        .event-card .details .tags li[b-nl423s578p] {
            margin-right: 2px;
        }

            .event-card .details .tags li:first-child[b-nl423s578p] {
                margin-left: -4px;
            }

    .event-card .description[b-nl423s578p] {
        padding: 1rem;
        background: rgb(39, 53, 65);
        position: relative;
        z-index: 1;
    }

        .event-card .description h1[b-nl423s578p],
        .event-card .description h2[b-nl423s578p] {
            font-family: Poppins, sans-serif;
        }

        .event-card .description h1[b-nl423s578p] {
            line-height: 1;
            margin: 0;
            font-size: 1.3rem;
            color: #fff;
        }

        .event-card .description h2[b-nl423s578p] {
            font-size: 1rem;
            font-weight: 300;
            text-transform: uppercase;
            color: #a2a2a2;
            margin-top: 5px;
        }

        .event-card .description .read-more[b-nl423s578p] {
            text-align: right;
        }

            .event-card .description .read-more a[b-nl423s578p] {
                color: #3b70fc;
                display: inline-block;
                position: relative;
            }

                .event-card .description .read-more a[b-nl423s578p]:after {
                    margin-left: -10px;
                    opacity: 0;
                    vertical-align: middle;
                    transition: margin 0.3s, opacity 0.3s;
                }

                .event-card .description .read-more a:hover[b-nl423s578p]:after {
                    margin-left: 5px;
                    opacity: 1;
                }

    .event-card p[b-nl423s578p] {
        position: relative;
        margin: 1rem 0 0;
    }

        .event-card p:first-of-type[b-nl423s578p] {
            margin-top: 1.25rem;
        }

            .event-card p:first-of-type[b-nl423s578p]:before {
                content: "";
                position: absolute;
                height: 5px;
                background: #ff6d00;
                width: 100%;
                top: -0.75rem;
                border-radius: 3px;
            }

    .event-card:hover .details[b-nl423s578p] {
        left: 0%;
    }

@media (min-width: 640px) {
    .event-card[b-nl423s578p] {
        flex-direction: row;
    }

        .event-card .meta[b-nl423s578p] {
            flex-basis: 30%;
            height: auto;
        }

        .event-card .description[b-nl423s578p] {
            flex-basis: 70%;
        }

            .event-card .description[b-nl423s578p]:before {
                transform: skewX(-3deg);
                content: "";
                background: rgb(39, 53, 65);
                width: 30px;
                position: absolute;
                left: -10px;
                top: 0;
                bottom: -1px;
                z-index: -1;
            }

        .event-card.alt[b-nl423s578p] {
            flex-direction: row-reverse;
        }

            .event-card.alt .description[b-nl423s578p]:before {
                left: inherit;
                right: -10px;
                transform: skew(3deg);
            }

            .event-card.alt .details[b-nl423s578p] {
                padding-left: 25px;
            }
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/CourtTemplates/_BracketingRecordTemplate.razor.rz.scp.css */
.live-container[b-pjj8rnhdeg] {
    display: flex;
    gap: 4rem;
    align-self: stretch;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    border-radius: 8px;
    /*background-color: #e61d1d;*/
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    background-image: linear-gradient(to right, #e0529c, #f05b45);
    position: relative;
    z-index: 1;
}

    .live-container[b-pjj8rnhdeg]:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: linear-gradient( to right, #3ec6e0, #536df4 );
        opacity: 0;
        transition: opacity 0.4s ease;
        z-index: -1;
    }

    .live-container:hover[b-pjj8rnhdeg]:before {
        opacity: 1;
    }

.player1-sub-content[b-pjj8rnhdeg],
.player2-sub-content[b-pjj8rnhdeg]
{
    --_6nwioy0: var(--c1kcb66);
    --_6nwioy1: var(--c1kcb66);
    --_6nwioy2: column;
    --_6nwioy4: inherit;
    --_6nwioy5: center;
    display: flex;
    flex-direction: var(--_6nwioy2);
    flex-wrap: var(--_6nwioy3, nowrap);
    align-items: var(--_6nwioy5);
    justify-content: var(--_6nwioy4, flex-start);
    gap: 12px;
}

.player1-img-content[b-pjj8rnhdeg],
.player2-img-content[b-pjj8rnhdeg] {
    height: 100px;
    max-height: 100px !important;
    max-width: 100px;
    box-sizing: border-box;
    display: block;
    width: 100px;
}

    .player1-img-content img[b-pjj8rnhdeg],
    .player2-img-content img[b-pjj8rnhdeg]
    {
        object-fit: cover;
        height: 100%;
        max-width: unset;
        box-sizing: border-box;
        display: block;
        border-radius: 50%;
        border: solid #fff 2px;
        width: 100%;
        object-position: top;
    }

.player-text[b-pjj8rnhdeg] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    font-stretch: 120%;
    letter-spacing: 0 !important;
    text-align: center;
    font-size: 15px;
    line-height: 1.1666666666666667em;
    color: #fff
}

.players-on-live-container[b-pjj8rnhdeg] {
    --_6nwioy0: var(--c1kcb63);
    --_6nwioy1: var(--c1kcb67);
    --_6nwioy2: column;
    --_6nwioy4: inherit;
    --_6nwioy5: center;
    display: flex;
    flex-direction: var(--_6nwioy2);
    flex-wrap: var(--_6nwioy3, nowrap);
    align-items: var(--_6nwioy5);
    justify-content: var(--_6nwioy4, flex-start);
}

.compete_section[b-pjj8rnhdeg] {
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

    .compete_section .one[b-pjj8rnhdeg] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        max-height: 25px;
        padding: 12px;
        border-radius: 8px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0 6px 6px 0 rgba(17, 23, 32, .12);
        position: relative;
        margin-bottom: calc(8px * -1);
    }

        .compete_section .one .one_inner[b-pjj8rnhdeg] {
            --_1d88n030: rgb(var(--c1kcb63f));
            color: var(--mud-palette-text-primary);
            font-size: 20px;
            line-height: 1.25em;
            font-weight: 700;
            font-stretch: 116%;
            font-variant-numeric: lining-nums tabular-nums;
        }

.one_inner div[b-pjj8rnhdeg] {
    transform: scaleX(1) translateY(-50%);
    inset-inline-end: 0;
    position: absolute;
    top: 50%;
}

.compete_section .two[b-pjj8rnhdeg] {
    color: rgb(116, 118, 121);
    background-color: rgb(216, 217, 218);
    display: flex;
    justify-content: center;
    border-end-end-radius: 8px;
    border-end-start-radius: 8px;
    overflow: hidden;
}

    .compete_section .two .two_inner[b-pjj8rnhdeg] {
        width: 100%;
        display: flex;
        text-align: center;
        letter-spacing: .03em;
        text-transform: uppercase;
        font-weight: 650;
        font-stretch: 100%;
        font-size: 14px;
        line-height: 1.1428571428571428em;
    }

.two_inner div[b-pjj8rnhdeg] {
    flex-basis: 50%;
    padding: 4px;
    padding-top: calc(4px + 8px);
    flex-grow: 1;
}

/*.player2-sub-content {
    --_6nwioy0: var(--c1kcb66);
    --_6nwioy1: var(--c1kcb66);
    --_6nwioy2: column;
    --_6nwioy4: inherit;
    --_6nwioy5: center;
    display: flex;
    flex-direction: var(--_6nwioy2);
    flex-wrap: var(--_6nwioy3, nowrap);
    align-items: var(--_6nwioy5);
    justify-content: var(--_6nwioy4, flex-start);
    gap: 12px;
}

.player2-img-content {
    height: auto;
    max-height: 100px;
    max-width: 100px;
    box-sizing: border-box;
    display: block;
}

    .player2-img-content img {
        object-fit: cover;
        width: 100px;
        object-position: top;
        height: auto;
        max-height: 100px;
        max-width: unset;
        box-sizing: border-box;
        display: block;
        border-radius: 5px;
        border: solid #fff 2px;
    }*/

.has-arrow-bottom[b-pjj8rnhdeg],
.has-arrow-top[b-pjj8rnhdeg] {
    position: relative;
}

    .has-arrow-bottom[b-pjj8rnhdeg]::after {
        content: ''; /* Required for pseudo-elements */
        position: absolute;
        bottom: -8px; /* Adjust to control how far the arrow extends below the div */
        left: 50%;
        transform: translateX(-50%); /* Center the arrow horizontally */
        width: 0;
        height: 0;
        border-left: 10px solid transparent; /* Adjust size and color */
        border-right: 10px solid transparent; /* Adjust size and color */
        border-top: 10px solid #0d47a1; /* Matches the background color of the div */
    }

    .has-arrow-top[b-pjj8rnhdeg]::before {
        content: "";
        position: absolute;
        top: -8px; /* Adjust to position the arrow above the div */
        left: 50%;
        transform: translateX(-50%); /* Center the arrow horizontally */
        width: 0;
        height: 0;
        border-left: 10px solid transparent; /* Half of arrow base width */
        border-right: 10px solid transparent; /* Half of arrow base width */
        border-bottom: 10px solid #b71c1c; /* Arrow tip color and height */
        z-index: 0; /* Place arrow below the content */
    }
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/CourtTemplates/_CourtItemTemplate.razor.rz.scp.css */
.wrapper[b-zc0n4wlkt9] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card[b-zc0n4wlkt9] {
    overflow: hidden;
    box-shadow: var(--mud-elevation-4);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 0.5rem;
    position: relative;
    width: 350px;
    margin: 1rem;
    transition: 250ms all ease-in-out;
}

    .card:hover[b-zc0n4wlkt9] {
        transform: scale(1.05);
        box-shadow: var(--mud-elevation-20);
    }

    .card .banner-img[b-zc0n4wlkt9] {
        height: 100%;
        width: 100% !important;
    }

.category-tag[b-zc0n4wlkt9] {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.5rem 1.3rem 0.5rem 1rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 1rem;
    border-radius: 0 2rem 2rem 0;
}

.clock[b-zc0n4wlkt9] {
    font-size: 1.3rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}

.timer[b-zc0n4wlkt9] {
    font-size: 1rem;
    font-weight: bold;
}

.popular[b-zc0n4wlkt9] {
    background: #ef257a;
}

.technology[b-zc0n4wlkt9] {
    background: #651fff;
}

.psychology[b-zc0n4wlkt9] {
    background: #e85808;
}

.card-body[b-zc0n4wlkt9] {
    margin: 1rem;
}

.blog-hashtag[b-zc0n4wlkt9] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #4d97b2;
}

.blog-title[b-zc0n4wlkt9] {
    font-weight: bold;
    line-height: 1.5rem;
    margin: 1rem 0 0.5rem;
}

.blog-description[b-zc0n4wlkt9] {
    color: #616b74;
    font-size: 0.9rem;
}

.card-profile[b-zc0n4wlkt9] {
    display: flex;
    margin-top: 2rem;
    align-items: center;
}

.profile-img[b-zc0n4wlkt9] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.card-profile-info[b-zc0n4wlkt9] {
    margin-left: 1rem;
}

.profile-name[b-zc0n4wlkt9] {
    font-size: 1rem;
}

.profile-followers[b-zc0n4wlkt9] {
    color: #616b74;
    font-size: 0.9rem;
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/EventCourtManagement.razor.rz.scp.css */
.wrapper[b-3a17oqj5r6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card[b-3a17oqj5r6] {
    overflow: hidden;
    box-shadow: 0px 2px 20px #d7dfe2;
    /*background: white;*/
    border-radius: 0.5rem;
    position: relative;
    width: 350px;
    margin: 1rem;
    transition: 250ms all ease-in-out;
}

    .card:hover[b-3a17oqj5r6] {
        transform: scale(1.05);
        box-shadow: 0px 2px 40px #d7dfe2;
    }

.card .banner-img[b-3a17oqj5r6] {
    height: 100%;
    width: 100% !important;
}

.category-tag[b-3a17oqj5r6] {
    font-size: 0.8rem;
    font-weight: bold;
    padding: 0.5rem 1.3rem 0.5rem 1rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 1rem;
    border-radius: 0 2rem 2rem 0;
}

.clock[b-3a17oqj5r6] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}

.popular[b-3a17oqj5r6] {
    background: #ef257a;
}

.technology[b-3a17oqj5r6] {
    background: #651fff;
}

.psychology[b-3a17oqj5r6] {
    background: #e85808;
}

.card-body[b-3a17oqj5r6] {
    margin: 1rem;
}

.blog-hashtag[b-3a17oqj5r6] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #4d97b2;
}

.blog-title[b-3a17oqj5r6] {
    line-height: 1.5rem;
    margin: 1rem 0 0.5rem;
}

.blog-description[b-3a17oqj5r6] {
    color: #616b74;
    font-size: 0.9rem;
}

.card-profile[b-3a17oqj5r6] {
    display: flex;
    margin-top: 2rem;
    align-items: center;
}

.profile-img[b-3a17oqj5r6] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.card-profile-info[b-3a17oqj5r6] {
    margin-left: 1rem;
}

.profile-name[b-3a17oqj5r6] {
    font-size: 1rem;
}

.profile-followers[b-3a17oqj5r6] {
    color: #616b74;
    font-size: 0.9rem;
}

.live-container[b-3a17oqj5r6] {
    display: flex;
    gap: 4rem;
    align-self: stretch;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    border-radius: 8px;
    background-color: #e61d1d;
}

.player1-sub-content[b-3a17oqj5r6] {
    --_6nwioy0: var(--c1kcb66);
    --_6nwioy1: var(--c1kcb66);
    --_6nwioy2: column;
    --_6nwioy4: inherit;
    --_6nwioy5: center;
    display: flex;
    flex-direction: var(--_6nwioy2);
    flex-wrap: var(--_6nwioy3, nowrap);
    align-items: var(--_6nwioy5);
    justify-content: var(--_6nwioy4, flex-start);
    gap: 12px;
}

.player1-img-content[b-3a17oqj5r6] {
    height: auto;
    max-height: 64px;
    max-width: 64px;
    box-sizing: border-box;
    display: block;
}

    .player1-img-content img[b-3a17oqj5r6] {
        object-fit: cover;
        height: auto;
        max-height: 64px;
        max-width: unset;
        box-sizing: border-box;
        display: block;
        border-radius: 5px;
        border: solid #fff 2px;
        width: 64px;
        object-position: top;
    }

.player-text[b-3a17oqj5r6] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis;
    font-stretch: 120%;
    letter-spacing: 0 !important;
    text-align: center;
    font-size: 15px;
    line-height: 1.1666666666666667em;
    color: #fff
}

.players-on-live-container[b-3a17oqj5r6] {
    --_6nwioy0: var(--c1kcb63);
    --_6nwioy1: var(--c1kcb67);
    --_6nwioy2: column;
    --_6nwioy4: inherit;
    --_6nwioy5: center;
    display: flex;
    flex-direction: var(--_6nwioy2);
    flex-wrap: var(--_6nwioy3, nowrap);
    align-items: var(--_6nwioy5);
    justify-content: var(--_6nwioy4, flex-start);
}

.compete_section[b-3a17oqj5r6] {
    display: flex;
    flex-direction: column;
    max-width: 100%;
}

    .compete_section .one[b-3a17oqj5r6] {
        display: flex;
        justify-content: center;
        align-items: center;
        max-height: 56px;
        padding: 12px;
        border-radius: 8px;
        background-color: rgb(255,255,255);
        box-shadow: 0 6px 6px 0 rgba(17, 23, 32, .12);
        position: relative;
        margin-bottom: calc(8px * -1);
    }

        .compete_section .one .one_inner[b-3a17oqj5r6] {
            --_1d88n030: rgb(var(--c1kcb63f));
            font-size: 24px;
            line-height: 1.25em;
            font-weight: 700;
            font-stretch: 116%;
            font-variant-numeric: lining-nums tabular-nums;
        }

.one_inner div[b-3a17oqj5r6] {
    transform: scaleX(1) translateY(-50%);
    inset-inline-end: 0;
    position: absolute;
    top: 50%;
}

.compete_section .two[b-3a17oqj5r6] {
    color: rgb(116, 118, 121);
    background-color: rgb(216, 217, 218);
    display: flex;
    justify-content: center;
    border-end-end-radius: 8px;
    border-end-start-radius: 8px;
    overflow: hidden;
}

    .compete_section .two .two_inner[b-3a17oqj5r6] {
        width: 100%;
        display: flex;
        text-align: center;
        letter-spacing: .03em;
        text-transform: uppercase;
        font-weight: 650;
        font-stretch: 100%;
        font-size: 14px;
        line-height: 1.1428571428571428em;
    }

.two_inner div[b-3a17oqj5r6] {
    flex-basis: 50%;
    padding: 4px;
    padding-top: calc(4px + 8px);
    flex-grow: 1;
}

.player2-sub-content[b-3a17oqj5r6] {
    --_6nwioy0: var(--c1kcb66);
    --_6nwioy1: var(--c1kcb66);
    --_6nwioy2: column;
    --_6nwioy4: inherit;
    --_6nwioy5: center;
    display: flex;
    flex-direction: var(--_6nwioy2);
    flex-wrap: var(--_6nwioy3, nowrap);
    align-items: var(--_6nwioy5);
    justify-content: var(--_6nwioy4, flex-start);
    gap: 12px;
}

.player2-img-content[b-3a17oqj5r6] {
    height: auto;
    max-height: 64px;
    max-width: 64px;
    box-sizing: border-box;
    display: block;
}

    .player2-img-content img[b-3a17oqj5r6] {
        object-fit: cover;
        width: 64px;
        object-position: top;
        height: auto;
        max-height: 64px;
        max-width: unset;
        box-sizing: border-box;
        display: block;
        border-radius: 5px;
        border: solid #fff 2px;
    }
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/EventTournamentDetails.razor.rz.scp.css */
.wrapper[b-gqmh7wynml] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.card[b-gqmh7wynml] {
    overflow: hidden;
    box-shadow: 0px 2px 20px #d7dfe2;
    background: white;
    border-radius: 0.5rem;
    position: relative;
    width: 350px;
    margin: 1rem;
    transition: 250ms all ease-in-out;
    cursor: pointer;
}

    .card:hover[b-gqmh7wynml] {
        transform: scale(1.05);
        box-shadow: 0px 2px 40px #d7dfe2;
    }

.banner-img[b-gqmh7wynml] {
    position: absolute;
    object-fit: cover;
    height: 14rem;
    width: 100%;
}

.category-tag[b-gqmh7wynml] {
    font-size: 0.8rem;
    font-weight: bold;
    color: white;
    background: red;
    padding: 0.5rem 1.3rem 0.5rem 1rem;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 1rem;
    border-radius: 0 2rem 2rem 0;
}

.popular[b-gqmh7wynml] {
    background: #ef257a;
}

.technology[b-gqmh7wynml] {
    background: #651fff;
}

.psychology[b-gqmh7wynml] {
    background: #e85808;
}

.card-body[b-gqmh7wynml] {
    margin: 15rem 1rem 1rem 1rem;
}

.blog-hashtag[b-gqmh7wynml] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #4d97b2;
}

.blog-title[b-gqmh7wynml] {
    line-height: 1.5rem;
    margin: 1rem 0 0.5rem;
}

.blog-description[b-gqmh7wynml] {
    color: #616b74;
    font-size: 0.9rem;
}

.card-profile[b-gqmh7wynml] {
    display: flex;
    margin-top: 2rem;
    align-items: center;
}

.profile-img[b-gqmh7wynml] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.card-profile-info[b-gqmh7wynml] {
    margin-left: 1rem;
}

.profile-name[b-gqmh7wynml] {
    font-size: 1rem;
}

.profile-followers[b-gqmh7wynml] {
    color: #616b74;
    font-size: 0.9rem;
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/FightDiagram.razor.rz.scp.css */
.border-color-blue-darken-4[b-zysakf0lw9] {
    border-color: #0d47a1 !important;
}

.border-color-red-darken-4[b-zysakf0lw9] {
    border-color: #b71c1c !important;
}

.custom-tabs.mud-tabs-tabbar[b-zysakf0lw9],
.custom-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-zysakf0lw9],
.mud-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-zysakf0lw9] {
    border-radius: 0 !important;
}

.ellipsed-text[b-zysakf0lw9] {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.first-text-caption[b-zysakf0lw9] {
    width: 65px;
    text-align: right;
}

.gold[b-zysakf0lw9] {
    background-color: #fad300;
}

.silver[b-zysakf0lw9] {
    background-color: silver;
}

.bronze[b-zysakf0lw9] {
    background-color: #cb8745;
}

.top-record-input input[b-zysakf0lw9] {
    font-size: 1.5rem !important;
}

.input-score .mud-input[b-zysakf0lw9] {
    background-color: rgb(87 99 149);
    border-radius: 8px !important;
    color: #fff;
}

.input-score .mud-shrink ~ label
.input-score .mud-input-label
.input-score .mud-input-label-inputcontrol
.input-score .mud-input-label-filled[b-zysakf0lw9] {
    color: #2b2b2b;
}

.input-score .mud-disabled[b-zysakf0lw9] {
    color: #576395 !important;
}

.input-score .mud-input.mud-input-filled.mud-input-underline[b-zysakf0lw9]:before,
.input-score .mud-input.mud-input-filled.mud-input-underline[b-zysakf0lw9] {
    border-bottom: 0 !important;
}

.input-score .mud-icon-root.mud-svg-icon[b-zysakf0lw9],
.top-record-input .mud-icon-root.mud-svg-icon[b-zysakf0lw9] {
    display: none !important;
}

@media print {
    .print-hidden[b-zysakf0lw9] {
        display: none !important;
    }

    .mud-input-helper-text[b-zysakf0lw9] {
        display: none !important;
    }
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/PublicFightAndMatchPreview.razor.rz.scp.css */
/* 1. Theme default css */
@font-face {
    font-family: 'Refault';
    src: url('../fonts/REFAULT.eot'); /* IE9 Compat Modes */
    src: url('../fonts/REFAULT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/REFAULT.woff') format('woff'), /* Modern Browsers */
    url('../fonts/REFAULT.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/REFAULT.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

body[b-1f458rakiw] {
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #cfcfcf;
    font-style: normal;
    background: #15171c;
}

.img[b-1f458rakiw] {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

.f-left[b-1f458rakiw] {
    float: left
}

.f-right[b-1f458rakiw] {
    float: right
}

.fix[b-1f458rakiw] {
    overflow: hidden
}

a[b-1f458rakiw],
.button[b-1f458rakiw] {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

    a:focus[b-1f458rakiw],
    .btn:focus[b-1f458rakiw],
    .button:focus[b-1f458rakiw] {
        text-decoration: none;
        outline: none;
        box-shadow: none;
    }

    a:hover[b-1f458rakiw],
    .portfolio-cat a:hover[b-1f458rakiw],
    .footer -menu li a:hover[b-1f458rakiw] {
        color: #ff8503;
        text-decoration: none;
    }

a[b-1f458rakiw],
button[b-1f458rakiw] {
    color: #ff8503;
    outline: medium none;
    text-decoration: none;
}

    button:focus[b-1f458rakiw], input:focus[b-1f458rakiw], input:focus[b-1f458rakiw], textarea[b-1f458rakiw], textarea:focus[b-1f458rakiw] {
        outline: 0
    }

.uppercase[b-1f458rakiw] {
    text-transform: uppercase;
}

.capitalize[b-1f458rakiw] {
    text-transform: capitalize;
}

h1[b-1f458rakiw],
h2[b-1f458rakiw],
h3[b-1f458rakiw],
h4[b-1f458rakiw],
h5[b-1f458rakiw],
h6[b-1f458rakiw] {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    margin-top: 0px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}

    h1 a[b-1f458rakiw],
    h2 a[b-1f458rakiw],
    h3 a[b-1f458rakiw],
    h4 a[b-1f458rakiw],
    h5 a[b-1f458rakiw],
    h6 a[b-1f458rakiw] {
        color: inherit;
    }

h1[b-1f458rakiw] {
    font-size: 40px;
    font-weight: 700;
}

h2[b-1f458rakiw] {
    font-size: 35px;
}

h3[b-1f458rakiw] {
    font-size: 28px;
}

h4[b-1f458rakiw] {
    font-size: 22px;
}

h5[b-1f458rakiw] {
    font-size: 18px;
}

h6[b-1f458rakiw] {
    font-size: 16px;
}

ul[b-1f458rakiw] {
    margin: 0px;
    padding: 0px;
}

li[b-1f458rakiw] {
    list-style: none
}

p[b-1f458rakiw] {
    font-size: 14px;
    font-weight: normal;
    line-height: 26px;
    color: #cfcfcf;
    margin-bottom: 15px;
}

hr[b-1f458rakiw] {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label[b-1f458rakiw] {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

[b-1f458rakiw]::-moz-selection {
    background: #ff8503;
    color: #fff;
    text-shadow: none;
}

[b-1f458rakiw]::selection {
    background: #ff8503;
    color: #fff;
    text-shadow: none;
}

*[b-1f458rakiw]::-moz-placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

*[b-1f458rakiw]::placeholder {
    color: #555555;
    font-size: 14px;
    opacity: 1;
}

[b-1f458rakiw]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #15171c;
}

[b-1f458rakiw]::-webkit-scrollbar {
    width: 8px;
    background-color: #15171c;
}

[b-1f458rakiw]::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ff8503;
}

.theme-overlay[b-1f458rakiw] {
    position: relative
}

    .theme-overlay[b-1f458rakiw]::before {
        background: #1696e7 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0.6;
        position: absolute;
        top: 0;
        width: 100%;
    }

.separator[b-1f458rakiw] {
    border-top: 1px solid #f2f2f2
}

.slick-slide:focus-visible[b-1f458rakiw] {
    outline: none;
}

/* Bootstrap 5 */
.container[b-1f458rakiw] {
    padding-left: 15px;
    padding-right: 15px;
}

.row[b-1f458rakiw] {
    --bs-gutter-x: 30px;
}

    .row.g-0[b-1f458rakiw] {
        --bs-gutter-x: 0;
    }

.gutter-y-30[b-1f458rakiw] {
    --bs-gutter-y: 30px;
}

/* button style */
.btn[b-1f458rakiw] {
    -moz-user-select: none;
    user-select: none;
    background: #ff8503 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    margin-bottom: 0;
    padding: 18px 33px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    clip-path: polygon(90% 0, 100% 34%, 100% 100%, 10% 100%, 0 66%, 0 0);
    border-radius: 0;
    position: relative;
    font-family: 'Oswald', sans-serif;
}

    .btn:hover[b-1f458rakiw] {
        color: #fff;
        background: #1f2029;
    }

.breadcrumb > .active[b-1f458rakiw] {
    color: #888;
}


/* scrollUp */
.scroll-top[b-1f458rakiw] {
    width: 50px;
    height: 50px;
    line-height: 48px;
    position: fixed;
    bottom: 105%;
    right: 50px;
    font-size: 16px;
    z-index: 99;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #ff8503;
    transition: 1s ease;
    border: none;
    clip-path: polygon(70% 0, 100% 30%, 100% 100%, 30% 100%, 0 70%, 0 0);
    opacity: 0;
}

    .scroll-top.open[b-1f458rakiw] {
        bottom: 30px;
        opacity: 1;
    }

    .scroll-top[b-1f458rakiw]::after {
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 1;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    }

    .scroll-top:hover[b-1f458rakiw] {
        background: #fff;
        color: #ff8503;
    }


/* 2. Header */
.custom-container[b-1f458rakiw] {
    max-width: 1570px;
}

.menu-area[b-1f458rakiw] {
    background: #1f2029;
    position: relative;
    box-shadow: 0px 3px 27px 0px rgba(0, 0, 0, 0.36);
    z-index: 9;
}

    .menu-area[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -18px;
        width: 175px;
        height: 18px;
        background: #1f2029;
        clip-path: polygon(0 0, 100% 0%, 82% 100%, 0% 100%);
    }

    .menu-area[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -18px;
        width: 175px;
        height: 18px;
        background: #1f2029;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 18% 100%);
    }

    .menu-area.sticky-menu[b-1f458rakiw]::after {
        display: none;
    }

    .menu-area.sticky-menu[b-1f458rakiw]::before {
        display: none;
    }

.menu-nav[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.navbar-wrap[b-1f458rakiw] {
    display: flex;
    flex-grow: 1;
}

    .navbar-wrap ul[b-1f458rakiw] {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin-left: 130px;
    }

        .navbar-wrap ul li[b-1f458rakiw] {
            display: block;
            position: relative;
        }

            .navbar-wrap ul li a[b-1f458rakiw] {
                font-size: 15px;
                font-weight: 500;
                text-transform: uppercase;
                color: #e8e6e6;
                padding: 48px 30px;
                display: block;
                line-height: 1;
                position: relative;
                font-family: 'Oswald', sans-serif;
                z-index: 1;
            }

    .navbar-wrap > ul > li.active > a[b-1f458rakiw],
    .navbar-wrap > ul > li:hover > a[b-1f458rakiw] {
        color: #ff8503;
    }

    .navbar-wrap > ul > li > a[b-1f458rakiw]::before {
        transform: skewX(-15deg);
        content: "";
        position: absolute;
        left: -15px;
        bottom: 0;
        width: 100%;
        height: 5px;
        background: #ff8503;
        opacity: 0;
        transition: .3s linear;
    }

    .navbar-wrap > ul > li > a[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: skewX(-15deg);
        right: 0;
        margin: 0 auto;
        z-index: -1;
        opacity: 0;
        background: #1a1b21;
        transition: .3s linear;
    }

    .navbar-wrap ul > li:hover > a[b-1f458rakiw]::before,
    .navbar-wrap ul > li:hover > a[b-1f458rakiw]::after,
    .navbar-wrap > ul > li.active > a[b-1f458rakiw]:before,
    .navbar-wrap > ul > li.active > a[b-1f458rakiw]::after {
        opacity: 1;
    }

.main-menu .navigation li.menu-item-has-children .dropdown-btn[b-1f458rakiw] {
    display: none;
}

.header-action ul[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

    .header-action ul li[b-1f458rakiw] {
        margin-right: 50px;
    }

        .header-action ul li:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

    .header-action ul .header-search a[b-1f458rakiw] {
        color: #fff;
        font-size: 16px;
    }

        .header-action ul .header-search a:hover[b-1f458rakiw] {
            color: #ff8503;
        }

    .header-action ul .header-sine[b-1f458rakiw] {
        background: #262830;
        display: flex;
        align-items: center;
        position: relative;
    }

        .header-action ul .header-sine[b-1f458rakiw]::before {
            content: "";
            position: absolute;
            left: -25px;
            top: 0;
            width: 5px;
            height: 100%;
            background: #15151a;
            box-shadow: 0px 3px 7px 0px rgba(128, 18, 40, 0.2), inset 0px 3px 7px 0px rgba(56, 17, 33, 0.4);
        }

        .header-action ul .header-sine a[b-1f458rakiw] {
            color: #cfcdcd;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: 700;
            transition: .3s linear;
            padding: 5px 25px 5px 5px;
            position: relative;
            font-family: 'Oswald', sans-serif;
        }

            .header-action ul .header-sine a[b-1f458rakiw]::before {
                content: "";
                position: absolute;
                width: 5px;
                height: 100%;
                top: 0;
                right: 0;
                background: #ff8503;
            }

            .header-action ul .header-sine a:hover[b-1f458rakiw] {
                color: #ff8503;
            }

            .header-action ul .header-sine a i[b-1f458rakiw] {
                width: 32px;
                height: 30px;
                line-height: 29px;
                text-align: center;
                background: #1a1b21;
                margin-right: 15px;
                box-shadow: 0px 3px 7px 0px rgba(128, 18, 40, 0.2), inset 0px 3px 7px 0px rgba(56, 17, 33, 0.4);
            }

.navbar-wrap ul li .sub-menu[b-1f458rakiw] {
    position: absolute;
    z-index: 9;
    border-radius: 0;
    display: block;
    left: -15px;
    opacity: 0;
    padding: 18px 0;
    right: 0;
    top: 100%;
    visibility: hidden;
    min-width: 230px;
    border: 1px solid #3d3f49;
    background: #1f2029;
    box-shadow: 0px 30px 70px 0px rgba(137,139,142,0.15);
    -webkit-box-shadow: 0px 30px 70px 0px rgb(1 1 1 / 15%);
    margin: 0;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .navbar-wrap ul li .sub-menu li[b-1f458rakiw] {
        margin-left: 0;
        text-align: left;
        display: block;
    }

        .navbar-wrap ul li .sub-menu li a[b-1f458rakiw] {
            padding: 0 10px 0 25px;
            line-height: 40px;
            font-weight: 500;
            color: #fff;
            text-transform: uppercase;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

.navbar-wrap ul li:hover > .sub-menu[b-1f458rakiw] {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.navbar-wrap ul li .sub-menu li a[b-1f458rakiw]::after {
    transform: skewX(0deg);
}

.navbar-wrap ul li .sub-menu li a[b-1f458rakiw]::before {
    left: 0;
    transform: skewX(0deg);
}

.navbar-wrap ul li.active .sub-menu li.active a[b-1f458rakiw] {
    background: #1a1b21;
    color: #fff;
}

.sticky-menu[b-1f458rakiw] {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #1f2029;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown-b-1f458rakiw;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
}

.header-icon[b-1f458rakiw] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

    .header-icon a[b-1f458rakiw] {
        width: 120px;
        height: calc(100% + 18px);
        background: #1a1b21;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: unset;
    }

.menu-area.sticky-menu .header-icon a[b-1f458rakiw] {
    height: 100%;
}

/* header-style-two */
.menu-area.transparent-header[b-1f458rakiw] {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 9;
    height: auto;
    background: rgb(153 5 190 / 80%);
}

    .menu-area.transparent-header[b-1f458rakiw]::after {
        background: rgb(153 5 190 / 80%);
    }

    .menu-area.transparent-header[b-1f458rakiw]::before {
        background: rgb(153 5 190 / 80%);
    }

.transparent-header .navbar-wrap ul li a[b-1f458rakiw]::after {
    background: #440557;
}

.transparent-header.sticky-menu[b-1f458rakiw] {
    background: #9905be;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInDown-b-1f458rakiw;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    border-radius: 0;
}

.transparent-header .header-action ul li[b-1f458rakiw] {
    margin-right: 25px;
}

    .transparent-header .header-action ul li:last-child[b-1f458rakiw] {
        margin-right: 0;
    }

.transparent-header .header-action ul .header-th a[b-1f458rakiw] {
    font-size: 26px;
    color: #fff;
}

.transparent-header .header-action ul .header-search a[b-1f458rakiw] {
    font-size: 20px;
}

.header-action ul .header-phone[b-1f458rakiw] {
    background: #480159;
    padding: 25px 29px;
    display: flex;
    align-items: center;
}

.header-phone .phone-icon[b-1f458rakiw] {
    background: #ff8503;
    width: 67px;
    height: 61px;
    text-align: center;
    line-height: 58px;
    color: #fff;
    border-radius: 6px;
    margin-right: 15px;
}

    .header-phone .phone-icon img[b-1f458rakiw] {
        max-width: 36px;
    }

.header-phone .call a[b-1f458rakiw] {
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    display: block;
    letter-spacing: 1px;
    font-family: 'Oswald', sans-serif;
}

.header-phone .call > span[b-1f458rakiw] {
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
    color: #fff;
}

.header-phone .call a:hover[b-1f458rakiw] {
    color: #ff8503;
}

.header-fixed-position[b-1f458rakiw] {
    display: block;
    height: 111px;
}

/* 3. Mobile-menu */
.nav-outer .mobile-nav-toggler[b-1f458rakiw] {
    position: relative;
    float: right;
    font-size: 40px;
    line-height: 50px;
    cursor: pointer;
    display: none;
    color: #fff;
    margin-right: 30px;
    top: 15px;
}

.nav-logo img[b-1f458rakiw] {
    width: 150px;
}

.mobile-menu[b-1f458rakiw] {
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 0px;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

    .mobile-menu .navbar-collapse[b-1f458rakiw] {
        display: block !important;
    }

    .mobile-menu .nav-logo[b-1f458rakiw] {
        position: relative;
        padding: 30px 25px;
        text-align: left;
    }

.mobile-menu-visible[b-1f458rakiw] {
    overflow: hidden;
}

    .mobile-menu-visible .mobile-menu[b-1f458rakiw] {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

.mobile-menu .navigation li.current > a[b-1f458rakiw]:before {
    height: 100%;
}

.menu-backdrop[b-1f458rakiw] {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    opacity: 0;
    visibility: hidden;
    background: #000;
}

.mobile-menu-visible .menu-backdrop[b-1f458rakiw] {
    opacity: 0.80;
    visibility: visible;
}

.mobile-menu .menu-box[b-1f458rakiw] {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1b21;
    padding: 0px 0px;
    z-index: 5;
    box-shadow: -9px 0 14px 0px rgb(0 0 0 / 6%);
}

.mobile-menu-visible .mobile-menu .menu-box[b-1f458rakiw] {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .close-btn[b-1f458rakiw] {
    position: absolute;
    right: 25px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: #ff8503;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn[b-1f458rakiw] {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.mobile-menu .navigation[b-1f458rakiw] {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}

    .mobile-menu .navigation li[b-1f458rakiw] {
        position: relative;
        display: block;
        border-top: 1px solid rgb(255 255 255 / 10%);
    }

    .mobile-menu .navigation:last-child[b-1f458rakiw] {
        border-bottom: 1px solid rgb(255 255 255 / 10%);
    }

    .mobile-menu .navigation li > ul > li:first-child[b-1f458rakiw] {
        border-top: 1px solid rgb(255 255 255 / 10%);
    }

    .mobile-menu .navigation li > a[b-1f458rakiw] {
        position: relative;
        display: block;
        line-height: 24px;
        padding: 10px 25px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        text-transform: capitalize;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        border: none;
    }

    .mobile-menu .navigation li.active > a[b-1f458rakiw],
    .mobile-menu .navigation li:hover > a[b-1f458rakiw] {
        color: #ff8503;
    }

    .mobile-menu .navigation li ul li > a[b-1f458rakiw] {
        font-size: 15px;
        margin-left: 20px;
        text-transform: capitalize;
    }

    .mobile-menu .navigation li ul li ul li a[b-1f458rakiw] {
        margin-left: 40px;
    }

    .mobile-menu .navigation li ul li ul li ul li a[b-1f458rakiw] {
        margin-left: 60px;
    }

    .mobile-menu .navigation li > a[b-1f458rakiw]:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 0;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .mobile-menu .navigation li.menu-item-has-children .dropdown-btn[b-1f458rakiw] {
        position: absolute;
        right: 6px;
        top: 6px;
        width: 32px;
        height: 32px;
        text-align: center;
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        background: #2e2e30;
        cursor: pointer;
        border-radius: 2px;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: 5;
    }

        .mobile-menu .navigation li.menu-item-has-children .dropdown-btn.open[b-1f458rakiw] {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg);
            background: #ff8503;
        }

    .mobile-menu .navigation li > ul[b-1f458rakiw],
    .mobile-menu .navigation li > ul > li > ul[b-1f458rakiw] {
        display: none;
    }

.mobile-menu .social-links[b-1f458rakiw] {
    position: relative;
    text-align: center;
    padding: 30px 25px;
}

    .mobile-menu .social-links ul[b-1f458rakiw] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .mobile-menu .social-links li[b-1f458rakiw] {
        position: relative;
        margin: 0px 10px 10px;
    }

        .mobile-menu .social-links li a[b-1f458rakiw] {
            display: block;
            position: relative;
            line-height: 32px;
            font-size: 16px;
            color: #ff8503;
            -webkit-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
        }

.menu-area .mobile-nav-toggler[b-1f458rakiw] {
    position: relative;
    float: right;
    font-size: 30px;
    cursor: pointer;
    line-height: 1;
    color: #fff;
    display: none;
    margin-top: 6px;
}

/* 4. Search */
.search-popup-wrap[b-1f458rakiw] {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(31, 31, 41, 0.95);
    height: 100%;
    width: 100%;
    z-index: 99;
    padding: 100px 0;
    display: none;
}

.search-wrap[b-1f458rakiw] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

    .search-wrap .title[b-1f458rakiw] {
        font-size: 47px;
        margin: 0 0 70px 0;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        letter-spacing: -1px;
        color: #fff;
    }

.search-form[b-1f458rakiw] {
    position: relative;
}

    .search-form input[b-1f458rakiw] {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ff8503;
        padding: 10px 50px 20px;
        text-align: center;
        font-weight: 500;
        font-size: 30px;
        background: transparent;
        color: #fff;
    }

        .search-form input[b-1f458rakiw]::placeholder {
            font-size: 30px;
            color: #fff;
            opacity: .5;
        }

.search-btn[b-1f458rakiw] {
    position: absolute;
    right: 20px;
    background: transparent;
    border: 0;
    font-size: 25px;
    color: #ff8503;
    top: 50%;
    transform: translateY(-50%);
}

.search-close[b-1f458rakiw] {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 30px;
    color: #ff8503;
    cursor: pointer;
}

/* Offcanvas-menu */
.extra-info[b-1f458rakiw] {
    background: #1f2029 none repeat scroll 0 0;
    height: 100%;
    padding: 30px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.7s ease 0s;
    width: 340px;
    z-index: 999;
    overflow-y: scroll;
    transform: translateX(100%);
}

    .extra-info.active[b-1f458rakiw] {
        transform: translateX(0);
    }

.close-icon[b-1f458rakiw] {
    margin-top: -16px;
    text-align: right;
}

    .close-icon > button[b-1f458rakiw] {
        background: transparent;
        border: 0 none;
        color: #ff8503;
        cursor: pointer;
        font-size: 20px;
        padding: 0;
    }

.side-info[b-1f458rakiw] {
    border-top: 1px solid #344159;
    padding-top: 25px;
}

.contact-list h4[b-1f458rakiw] {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.contact-list p[b-1f458rakiw] {
    color: #cfcfcf;
    margin: 0;
    margin-bottom: 2px;
    line-height: 26px;
}

.side-instagram[b-1f458rakiw] {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

    .side-instagram li[b-1f458rakiw] {
        width: 33.3333%;
        flex: 0 0 33.3333%;
        padding: 5px;
    }

        .side-instagram li > a[b-1f458rakiw] {
            display: block;
        }

    .side-instagram img[b-1f458rakiw] {
        width: 100%;
    }

.social-icon-right > a[b-1f458rakiw] {
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    text-align: center;
}

    .social-icon-right > a:hover[b-1f458rakiw] {
        color: #ff8503;
    }

.offcanvas-overly[b-1f458rakiw] {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

    .offcanvas-overly.active[b-1f458rakiw] {
        opacity: .5;
        visibility: visible;
    }

/* 5. Breadcrumb */
.breadcrumb-bg[b-1f458rakiw] {
    background-image: url(../img/bg/breadcrumb_bg.jpg);
    background-position: bottom center;
    background-size: cover;
    position: relative;
    z-index: 2;
}

.breadcrumb-bg-two[b-1f458rakiw],
.breadcrumb-bg-three[b-1f458rakiw] {
    background-image: url(../img/bg/breadcrumb_bg02.jpg);
}

    .breadcrumb-bg-three .breadcrumb-content[b-1f458rakiw] {
        text-align: center;
    }

.breadcrumb-overflow[b-1f458rakiw] {
    overflow: hidden;
    padding: 65px 0 110px;
    position: relative;
}

.breadcrumb-bg[b-1f458rakiw]::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 100%;
    height: 11px;
    background-image: url(../img/bg/breadcrumb_line.png);
    background-size: cover;
    background-position: center;
}

.breadcrumb-inner[b-1f458rakiw] {
    padding: 0 85px;
}

.breadcrumb-content .title[b-1f458rakiw] {
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    margin: 0 0 25px;
}

.breadcrumb-content .breadcrumb[b-1f458rakiw] {
    display: inline-flex;
    align-items: center;
    margin: 0 0 0;
    background: #ff8503;
    clip-path: polygon(90% 0, 100% 34%, 100% 100%, 10% 100%, 0 66%, 0 0);
    padding: 15px 25px;
}

    .breadcrumb-content .breadcrumb .breadcrumb-item[b-1f458rakiw] {
        font-family: 'Oswald', sans-serif;
        font-size: 16px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
    }

        .breadcrumb-content .breadcrumb .breadcrumb-item a[b-1f458rakiw] {
            color: #fff;
        }

.breadcrumb-content .breadcrumb-item + .breadcrumb-item[b-1f458rakiw]::before {
    padding-right: .5rem;
    color: #fff;
    content: var(--bs-breadcrumb-divider, "\f101");
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
}

.breadcrumb-shape[b-1f458rakiw] {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

    .breadcrumb-shape.shape-2[b-1f458rakiw] {
        left: auto;
        right: 0;
    }

.breadcrumb-img[b-1f458rakiw] {
    position: relative;
    padding: 0 65px 0 0;
    height: 330px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .breadcrumb-img[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-image: url(../img/images/breadcrumb_img_shape.png);
        width: 570px;
        height: 426px;
        z-index: -1;
    }

    .zoom-fade[b-1f458rakiw],
    .breadcrumb-img[b-1f458rakiw]::before {
        animation-name: zoom-fade-b-1f458rakiw;
        animation-duration: 15s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        -webkit-animation-name: zoom-fade;
        -webkit-animation-duration: 15s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: zoom-fade;
        -moz-animation-duration: 15s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-timing-function: linear;
        -ms-animation-name: zoom-fade;
        -ms-animation-duration: 15s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        -o-animation-name: zoom-fade;
        -o-animation-duration: 15s;
        -o-animation-iteration-count: infinite;
        -o-animation-timing-function: linear;
    }

@-webkit-keyframes zoom-fade {
    0% {
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }

    50% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }

    100% {
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }
}

@keyframes zoom-fade-b-1f458rakiw {
    0% {
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }

    50% {
        -webkit-transform: scale(1) translate(-50%, -50%);
        transform: scale(1) translate(-50%, -50%);
    }

    100% {
        -webkit-transform: scale(0.9) translate(-50%, -50%);
        transform: scale(0.9) translate(-50%, -50%);
    }
}

.breadcrumb-img-two[b-1f458rakiw] {
    max-width: 534px;
    margin: 0 auto;
    padding: 0 85px;
    position: relative;
    z-index: 1;
}

    .breadcrumb-img-two[b-1f458rakiw]::before,
    .breadcrumb-img-two[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../img/images/breadcrumb_img_shape01.png);
        width: 210px;
        height: 319px;
        pointer-events: none;
        transition: .5s linear;
        z-index: -1;
    }

    .breadcrumb-img-two[b-1f458rakiw]::after {
        background-image: url(../img/images/breadcrumb_img_shape02.png);
        left: auto;
        right: 0;
    }

    .breadcrumb-img-two:hover[b-1f458rakiw]::before {
        left: 50px;
    }

    .breadcrumb-img-two:hover[b-1f458rakiw]::after {
        left: auto;
        right: 50px;
    }

.breadcrumb-img-three[b-1f458rakiw] {
    min-width: 416px;
    margin: 0 0 0 -22px;
    padding: 0 0;
    position: relative;
    z-index: 1;
}

    .breadcrumb-img-three.right-team[b-1f458rakiw] {
        margin: 0 -22px 0 auto;
    }

    .breadcrumb-img-three[b-1f458rakiw]::before,
    .breadcrumb-img-three[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background-image: url(../img/images/breadcrumb_team_shape01.png);
        width: 164px;
        height: 249px;
        pointer-events: none;
        transition: .4s linear;
    }

    .breadcrumb-img-three[b-1f458rakiw]::after {
        background-image: url(../img/images/breadcrumb_team_shape02.png);
        left: auto;
        right: 0;
    }

    .breadcrumb-img-three:hover[b-1f458rakiw]::before {
        left: 25px;
    }

    .breadcrumb-img-three:hover[b-1f458rakiw]::after {
        left: auto;
        right: 25px;
    }

    .breadcrumb-img-three .team-name[b-1f458rakiw] {
        margin: 12px 0 0;
        text-align: center;
    }

    .breadcrumb-img-three .team-logo[b-1f458rakiw] {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 31%;
    }

    .breadcrumb-img-three.right-team .team-logo[b-1f458rakiw] {
        transform: translateX(-43%);
    }

.breadcrumb-bg-three .breadcrumb-overflow[b-1f458rakiw] {
    padding: 90px 0 130px;
    position: relative;
}

.breadcrumb-content .coming-time[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8503;
    clip-path: polygon(93% 0, 100% 34%, 100% 100%, 8% 100%, 0 66%, 0 0);
    padding: 10px 25px;
    max-width: 255px;
    min-height: 55px;
    color: #fff;
    margin: 0 auto;
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

    .breadcrumb-content .coming-time .time-count[b-1f458rakiw] {
        display: flex;
        align-items: center;
        margin-right: 10px;
    }

        .breadcrumb-content .coming-time .time-count span[b-1f458rakiw] {
            margin-right: 10px;
        }

        .breadcrumb-content .coming-time .time-count:last-child[b-1f458rakiw],
        .breadcrumb-content .coming-time .time-count:last-child span[b-1f458rakiw] {
            margin-right: 0;
        }

/* 6. Banner */
.banner-bg[b-1f458rakiw] {
    background-image: url(../img/slider/banner_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 100px 0;
    width: 100%;
    height: 836px;
    display: flex;
    align-items: center;
}

.banner-content .small-title[b-1f458rakiw] {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 30px;
    text-shadow: 0px 7px 0px rgba(0, 0, 0, 0.54);
    margin-bottom: 25px;
}

.banner-content .title[b-1f458rakiw] {
    font-size: 150px;
    color: #fff;
    line-height: .9;
    margin-bottom: 0;
    font-family: 'Refault';
    font-weight: normal;
}

.banner-btn[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

    .banner-btn > a[b-1f458rakiw] {
        margin-top: 10px;
    }

    .banner-btn a > i[b-1f458rakiw] {
        margin-left: 10px;
        font-size: 20px;
    }

    .banner-btn .text-btn[b-1f458rakiw] {
        color: #fff;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
        letter-spacing: 1px;
        margin-left: 20px;
        font-family: 'Oswald', sans-serif;
    }

        .banner-btn .text-btn:hover[b-1f458rakiw] {
            color: #ff8503;
        }

/* Banner-two */
.banner-area-two.banner-bg[b-1f458rakiw] {
    background-image: url(../img/slider/banner_bg02.jpg);
    height: 916px;
}

.banner-area-two .banner-content[b-1f458rakiw] {
    margin-top: 110px;
}

/* Banner-three */
.banner-three-bg[b-1f458rakiw] {
    background-image: url(../img/slider/banner_bg03.jpg);
    background-position: bottom center;
    background-size: cover;
    padding: 100px 0;
}

.banner-area-three .banner-content .small-title[b-1f458rakiw] {
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 600;
    text-shadow: none;
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px;
    color: #c3c3c3;
}

    .banner-area-three .banner-content .small-title[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 100%;
        background: #ff8503;
    }

.banner-area-three .banner-content .title[b-1f458rakiw] {
    font-size: 80px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    text-transform: capitalize;
    display: table;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 22px;
}

    .banner-area-three .banner-content .title span[b-1f458rakiw] {
        font-weight: 300;
        color: #ff8503;
    }

    .banner-area-three .banner-content .title i[b-1f458rakiw] {
        margin-right: 15px;
    }

.banner-area-three .banner-content p[b-1f458rakiw] {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 35px;
    width: 80%;
}

.banner-area-three .banner-content .banner-btn[b-1f458rakiw] {
    justify-content: flex-start;
}

    .banner-area-three .banner-content .banner-btn .btn[b-1f458rakiw] {
        font-size: 18px;
        letter-spacing: 0;
    }

.banner-img-wrap[b-1f458rakiw] {
    margin-left: auto;
    width: 565px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.banner-img-item[b-1f458rakiw] {
    width: 265px;
    flex: 0 0 265px;
    height: 262px;
    position: relative;
    margin-bottom: 35px;
    padding-left: 25px;
    padding-bottom: 20px;
    z-index: 1;
}

    .banner-img-item .shape[b-1f458rakiw] {
        position: absolute;
        left: 0;
        bottom: 0;
        transition: .3s linear;
        z-index: -1;
    }

    .banner-img-item:hover .shape[b-1f458rakiw] {
        bottom: 22px;
        left: 25px;
    }

    .banner-img-item:nth-child(4n+3)[b-1f458rakiw],
    .banner-img-item:nth-child(4n+4)[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .banner-img-item:nth-child(4n+1)[b-1f458rakiw] {
        margin-top: 30px;
    }

    .banner-img-item:nth-child(4n+4)[b-1f458rakiw] {
        margin-top: -30px;
    }

/* 7. About */
.about-bg[b-1f458rakiw] {
    background-image: url(../img/bg/about_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 110px 0 120px;
    overflow: hidden;
}

.about-title[b-1f458rakiw] {
    margin: 0 0 50px;
}

    .about-title .title[b-1f458rakiw] {
        font-family: 'Poppins', sans-serif;
        text-transform: capitalize;
        font-size: 40px;
        line-height: 1.5;
        margin: 0 0 0;
    }

.about-info-item[b-1f458rakiw] {
    display: flex;
    background: #1a1b21;
    border: 1px solid #23242a;
    margin: 0 0 30px;
    border-radius: 4px;
    padding: 35px 35px;
    transition: .3s linear;
    transform: translateY(0);
}

    .about-info-item:hover[b-1f458rakiw] {
        transform: translateY(-5px);
    }

.about-info-icon[b-1f458rakiw] {
    margin-right: 30px;
}

    .about-info-icon img[b-1f458rakiw] {
        max-width: 50px;
    }

.about-info-content .title[b-1f458rakiw] {
    margin: 0 0 12px;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-weight: 600;
    transition: .3s linear;
}

.about-info-content p[b-1f458rakiw] {
    margin: 0 0 0;
}

.about-info-item:hover .about-info-content .title[b-1f458rakiw] {
    color: #ff8503;
}

.about-gallery-area[b-1f458rakiw] {
    margin: 40px 0 0;
}

.about-gallery-active .slick-list[b-1f458rakiw] {
    overflow: visible;
}

.about-gallery-active [class*="col-"][b-1f458rakiw] {
    padding-left: 15px;
    padding-right: 15px;
}

.about-gallery-item img[b-1f458rakiw] {
    width: 100%;
}

/* area-bg */
.area-bg[b-1f458rakiw] {
    background-image: url(../img/bg/area_bg.jpg);
    background-size: cover;
    background-position: center;
}

.area-bg-two[b-1f458rakiw] {
    background-image: url(../img/bg/area_bg02.jpg);
    background-size: cover;
    background-position: center;
}

/* 9. Just-gamer-area */
.just-gamer-area[b-1f458rakiw] {
    position: relative;
    z-index: 1;
}

.just-gamer-shape[b-1f458rakiw] {
    background-image: url(../img/images/gamer_img_shadow.png);
    position: absolute;
    right: 0;
    top: -130px;
    width: 100%;
    height: 1092px;
    background-position: right;
    background-repeat: no-repeat;
    z-index: -1;
}

.just-gamer-area .nav-tabs[b-1f458rakiw] {
    border-bottom: none;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 36px;
}

    .just-gamer-area .nav-tabs[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 5px;
        background: #ff8503;
        border-radius: 0 0 3px 3px;
    }

    .just-gamer-area .nav-tabs[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        right: 35px;
        bottom: -4px;
        width: 50px;
        height: 5px;
        background: #ff8503;
        border-radius: 0 0 4px 4px;
    }

    .just-gamer-area .nav-tabs .nav-link[b-1f458rakiw] {
        margin-bottom: 0;
        border: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 0;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 600;
        font-family: 'Oswald', sans-serif;
        color: #fff;
        cursor: pointer;
    }

        .just-gamer-area .nav-tabs .nav-item.show .nav-link[b-1f458rakiw],
        .just-gamer-area .nav-tabs .nav-link.active[b-1f458rakiw] {
            color: #ff8503;
            background-color: transparent;
            border-color: transparent;
        }

    .just-gamer-area .nav-tabs .nav-item:last-child[b-1f458rakiw] {
        position: relative;
        margin-left: 60px;
    }

        .just-gamer-area .nav-tabs .nav-item:last-child[b-1f458rakiw]::before {
            content: "";
            position: absolute;
            left: -35px;
            top: 50%;
            transform: translateY(-50%);
            width: 15px;
            height: 4px;
            background: #373843;
        }

.just-gamer-content-box[b-1f458rakiw] {
    background: #1f2029;
    padding: 48px 43px;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.17);
    border-radius: 3px;
}

.section-title .title[b-1f458rakiw] {
    font-size: 50px;
    margin-bottom: 24px;
}

.section-title p[b-1f458rakiw] {
    margin-bottom: 30px;
    width: 92%;
}

.section-title .title span[b-1f458rakiw] {
    color: #ff8503;
}

.gamer-content[b-1f458rakiw] {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
}

    .gamer-content P[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .gamer-content i[b-1f458rakiw] {
        color: #ff8503;
        margin-right: 10px;
        font-size: 16px;
    }

.just-gamer-img img[b-1f458rakiw] {
    position: absolute;
}

.just-gamer-img .gamer-shadow[b-1f458rakiw] {
    left: -22%;
    top: -30%;
}

.just-gamer-img .main-img[b-1f458rakiw] {
    z-index: 1;
    position: inherit;
}

.just-gamer-img .shape-1[b-1f458rakiw] {
    left: 0;
    top: 80px;
}

.just-gamer-img .shape-2[b-1f458rakiw] {
    right: 60px;
    top: 121px;
}

.just-gamer-img .shape-3[b-1f458rakiw] {
    right: -109px;
    top: 0;
}


/* 10. Tournament */
.tournament-area[b-1f458rakiw] {
    position: relative;
    z-index: 1;
}

.tournament-content .sub-title[b-1f458rakiw] {
    font-size: 16px;
    color: #ff8503;
    margin-bottom: 13px;
}

.tournament-content .title[b-1f458rakiw] {
    font-size: 30px;
    margin-bottom: 20px;
}

.tournament-content p[b-1f458rakiw] {
    width: 90%;
    margin-bottom: 36px;
}

.tournament-content .btn[b-1f458rakiw] {
    font-size: 16px;
    letter-spacing: 0;
}

.prize-pool[b-1f458rakiw] {
    text-align: center;
}

    .prize-pool .title[b-1f458rakiw] {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .prize-pool .prize[b-1f458rakiw] {
        background: #ff8503;
        display: inline-block;
        font-size: 26px;
        font-weight: 400;
        color: #211f2a;
        padding: 11px 42px;
        border-radius: 25.5px;
        margin-bottom: 0;
        font-family: 'Oswald', sans-serif;
    }

.tournament-area .prize-pool .coming-time[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-family: 'Oswald', sans-serif;
    top: 25px;
}

    .tournament-area .prize-pool .coming-time[b-1f458rakiw]::before {
        content: "\f017";
        display: block;
        font-weight: 400;
        font-family: "Font Awesome 5 Free";
        color: #fff;
        font-size: 18px;
        margin-right: 12px;
    }

.tournament-area .prize-pool .time-count[b-1f458rakiw] {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
}

.winner-wrap[b-1f458rakiw] {
    background: #1f2029;
    text-align: center;
    padding: 50px;
    box-shadow: 0px 7px 16px 0px rgba(0, 0, 0, 0.17);
    border-radius: 3px;
}

    .winner-wrap .title[b-1f458rakiw] {
        font-size: 30px;
        margin-bottom: 28px;
    }

    .winner-wrap .winner-active .slick-arrow[b-1f458rakiw] {
        border: none;
        background: #ff8503;
        width: 36px;
        height: 36px;
        line-height: 33px;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        position: absolute;
        left: -65px;
        top: 30%;
    }

    .winner-wrap .winner-active .slick-next[b-1f458rakiw] {
        left: auto;
        right: -65px;
    }

.winner-thumb img[b-1f458rakiw] {
    max-width: 100%;
    margin-bottom: 10px;
}

.slick-slide img[b-1f458rakiw] {
    display: inline-block;
}

.winner-content span[b-1f458rakiw] {
    display: inline-block;
    color: #fff;
    background: #ff8503;
    padding: 8px 12px;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

/* 11. Team */
.section-title.title-style-two[b-1f458rakiw] {
    position: relative;
    padding-bottom: 25px;
}

    .section-title.title-style-two[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        background-image: url(../images/section_line.png);
        height: 8px;
        width: 120px;
        margin: 0 auto;
    }

    .section-title.title-style-two .title[b-1f458rakiw] {
        font-size: 40px;
        margin-bottom: 0;
    }

.single-thumb[b-1f458rakiw] {
    margin-bottom: 40px;
    width: calc(100% / 8);
    text-align: center;
}

    .single-thumb a > img[b-1f458rakiw] {
        border: 2px solid #282931;
        border-radius: 50%;
        transition: .3s linear;
        display: inline-block;
        position: relative;
    }

    .single-thumb a[b-1f458rakiw] {
        position: relative;
    }

        .single-thumb a[b-1f458rakiw]::before {
            content: "\f0c1";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
            font-size: 40px;
            opacity: 0;
            color: #ff8503;
            transition: .3s linear;
        }

    .single-thumb:hover a > img[b-1f458rakiw] {
        border-color: #ff8503;
    }

    .single-thumb:hover a:hover[b-1f458rakiw]::before {
        opacity: 1;
        z-index: 1;
    }

.team-area-two .team-thumb img[b-1f458rakiw] {
    width: 100%;
}

.team-area-two[b-1f458rakiw] {
    background-image: url(../img/bg/team_bg.jpg);
    background-position: bottom center;
    background-size: cover;
    padding: 110px 0 87px;
}

.counter-area-two[b-1f458rakiw] {
    padding: 35px 0 0;
}

/* 12. Squad-area */
.our-squad-area[b-1f458rakiw] {
    padding: 130px 0 120px;
}

.squad-item[b-1f458rakiw] {
    margin: 0 0 50px;
}

.squad-thumb a[b-1f458rakiw] {
    display: block;
}

.squad-thumb img[b-1f458rakiw] {
    width: 100%;
    border: 2px solid #242424;
}

.squad-content[b-1f458rakiw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 25px 0 30px;
    border-bottom: 2px solid #242424;
}

.squad-info .title[b-1f458rakiw] {
    font-size: 24px;
    margin-bottom: 5px;
}

.squad-info > span[b-1f458rakiw] {
    display: block;
    text-transform: uppercase;
    font-size: 15px;
}

.squad-social[b-1f458rakiw] {
    margin-left: 20px;
    text-align: right;
}

.social-list[b-1f458rakiw] {
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: flex-end;
    margin: 0 0 15px;
}

    .social-list > a[b-1f458rakiw] {
        color: #bababa;
        margin: 0 0 0 11px;
    }

        .social-list > a:first-child[b-1f458rakiw] {
            margin: 0;
        }

.squad-social .follow-us[b-1f458rakiw] {
    display: block;
    text-transform: uppercase;
    line-height: 1;
    font-size: 13px;
    color: #ff8503;
}

.social-list > a:hover[b-1f458rakiw] {
    color: #ff8503;
}

.load-more-squad[b-1f458rakiw] {
    margin: 20px 0 0;
}

    .load-more-squad .btn[b-1f458rakiw] {
        font-size: 16px;
    }

/* Squad-details */
.squad-details-area[b-1f458rakiw] {
    padding: 130px 0 120px;
    background-image: url(../img/bg/gallery_bg.png);
    background-position: top center;
    background-size: cover;
}

.squad-details-padding[b-1f458rakiw] {
    padding: 0 85px;
}

.squad-details-meta[b-1f458rakiw] {
    background: #1f2029;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-shadow: 0 10px 27px 0 rgb(6 5 7 / 50%);
    box-shadow: 0 10px 27px 0 rgb(6 5 7 / 50%);
    padding: 25px 30px 10px;
}

.squad-details-info[b-1f458rakiw] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .squad-details-info .squad-logo[b-1f458rakiw] {
        max-width: 70px;
        margin-right: 20px;
    }

    .squad-details-info .squad-name .title[b-1f458rakiw] {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .squad-details-info .squad-name .cat[b-1f458rakiw] {
        display: block;
        font-size: 14px;
        color: #ff8503;
    }

.squad-details-social[b-1f458rakiw] {
    margin: 0 0 15px auto;
    text-align: right;
}

    .squad-details-social .social-list[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .squad-details-social .follow[b-1f458rakiw] {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .squad-details-social .social-list > a[b-1f458rakiw] {
        margin: 0 0 0 18px;
        font-size: 18px;
    }

.squad-details-content > p[b-1f458rakiw] {
    text-align: center;
    max-width: 79%;
    margin: 0 auto 15px;
}

.squad-details-content[b-1f458rakiw] {
    padding: 50px 0 20px;
}

    .squad-details-content .counter-img img[b-1f458rakiw] {
        max-width: 75px;
    }

    .squad-details-content .counter-content[b-1f458rakiw] {
        margin-left: 25px;
    }

    .squad-details-content .counter-item .counter-content .count[b-1f458rakiw] {
        font-size: 48px;
        margin-bottom: 5px;
    }

        .squad-details-content .counter-item .counter-content .count > span[b-1f458rakiw] {
            font-size: 56px;
        }

    .squad-details-content .counter-content p[b-1f458rakiw] {
        font-size: 13px;
        margin-bottom: 0;
    }

.squad-details-fact[b-1f458rakiw] {
    margin-top: 50px;
    margin-bottom: 40px;
}

.squad-details-content .counter-item[b-1f458rakiw] {
    justify-content: center;
}


/* 13. RoadMap-area */
.roadmap-area[b-1f458rakiw] {
    background: #080808;
    padding: 108px 0 120px;
    overflow: hidden;
}

    .roadmap-area .title-style-three .title[b-1f458rakiw] {
        margin-bottom: 0;
        justify-content: flex-start;
        text-transform: uppercase;
    }

.roadmap-timeline-wrap[b-1f458rakiw] {
    position: relative;
}

    .roadmap-timeline-wrap[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 33%;
        top: 0;
        background-image: url(../img/bg/time_line.png);
        width: 5px;
        height: 100%;
        background-repeat: no-repeat;
    }

    .roadmap-timeline-wrap ul li[b-1f458rakiw] {
        display: flex;
        align-items: center;
        margin-bottom: 120px;
        position: relative;
    }

        .roadmap-timeline-wrap ul li:last-child[b-1f458rakiw] {
            margin-bottom: 0;
        }

.sold-percentage[b-1f458rakiw] {
    width: 30%;
}

    .sold-percentage .title[b-1f458rakiw] {
        margin-bottom: 0;
        font-size: 50px;
    }

.timeline-content[b-1f458rakiw] {
    width: 55.4%;
    margin-left: auto;
}

.roadmap-timeline-wrap ul li[b-1f458rakiw]::before {
    content: "";
    position: absolute;
    left: 31.6%;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    background: #454545;
    border-radius: 50%;
    border: 5px solid #080808;
    transition: .3s linear;
}

.roadmap-timeline-wrap ul li:hover[b-1f458rakiw]::before {
    background: #fff;
}

.timeline-content .image[b-1f458rakiw] {
    margin-bottom: 35px;
}

    .timeline-content .image img[b-1f458rakiw] {
        border-radius: 50%;
    }

.timeline-content > p[b-1f458rakiw] {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 55px 0 0;
    letter-spacing: 10px;
    line-height: 2.5;
}

.timeline-content .sold-img img[b-1f458rakiw] {
    border: 12px solid #171717;
}

.timeline-content .accordion-button[b-1f458rakiw] {
    color: #ffffff;
    background-color: #171717;
    box-shadow: none;
    border: none !important;
    border-radius: 0 !important;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 24px 28px;
}

    .timeline-content .accordion-button:not(.collapsed)[b-1f458rakiw] {
        color: #ffffff;
        background-color: #171717;
        box-shadow: none;
        border: none !important;
    }

.timeline-content .accordion-item[b-1f458rakiw] {
    background-color: #171717;
    border: none;
    border-radius: 6px !important;
    overflow: hidden;
    margin-bottom: 12px;
}

    .timeline-content .accordion-item:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

.timeline-content .accordion-body[b-1f458rakiw] {
    padding: 0 28px 30px;
    position: relative;
}

    .timeline-content .accordion-body[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        right: 25px;
        bottom: 0;
        width: 50px;
        height: 5px;
        background: #ff8503;
        border-radius: 3px 3px 0 0;
    }

    .timeline-content .accordion-body .title[b-1f458rakiw] {
        font-size: 20px;
        text-transform: uppercase;
        margin: 0 0;
        line-height: 1.6;
    }

.timeline-content .accordion-button[b-1f458rakiw]::after {
    background-image: url(../img/icon/down_arrow.png);
    opacity: .64;
}

.timeline-content .accordion-button:not(.collapsed)[b-1f458rakiw]::after {
    background-image: url(../img/icon/down_arrow.png);
    opacity: 1;
}

.timeline-bottom-image[b-1f458rakiw] {
    max-width: 965px;
    margin: 120px auto 0;
    position: relative;
}

    .timeline-bottom-image .main-img[b-1f458rakiw] {
        width: 100%;
        border: 12px solid #ff8503;
    }

    .timeline-bottom-image .shape[b-1f458rakiw] {
        position: absolute;
        right: 70px;
        bottom: 45px;
        z-index: 1;
    }

    .timeline-bottom-image .btn[b-1f458rakiw] {
        position: absolute;
        left: 55px;
        bottom: 60px;
        z-index: 1;
    }

.roadmap-area .title-style-three[b-1f458rakiw] {
    margin-bottom: 55px;
}

/* 14. Gallery */
.gallery-area[b-1f458rakiw] {
    position: relative;
    overflow: hidden;
}

.gallery-active .slick-list[b-1f458rakiw] {
    overflow: visible;
}

.gallery-item[b-1f458rakiw] {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

    .gallery-item img[b-1f458rakiw] {
        display: inline-block;
        border-radius: 3px;
    }

.gallery-active .slick-slide[b-1f458rakiw] {
    margin-top: 50px;
    transition: .4s linear;
}

.gallery-active .slick-active.slick-center[b-1f458rakiw] {
    margin-top: 0;
}

.gallery-area .slider-nav[b-1f458rakiw] {
    max-width: 806px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
}

    .gallery-area .slider-nav .slick-next.slick-arrow[b-1f458rakiw] {
        margin-left: auto;
    }

.slider-nav > span[b-1f458rakiw] {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    color: #ff8503;
    cursor: pointer;
    transition: .3s linear;
    font-family: 'Oswald', sans-serif;
}

    .slider-nav > span i[b-1f458rakiw] {
        color: #fff;
        font-size: 13px;
    }

        .slider-nav > span i:hover[b-1f458rakiw] {
            color: #ff8503;
        }

    .slider-nav > span:hover[b-1f458rakiw] {
        color: #fff;
    }

/* 15. Gallery-two */
.gallery-area-two.gallery-bg[b-1f458rakiw] {
    background-image: url(../img/bg/gallery_bg.png);
    background-position: top center;
    background-size: cover;
}

.gallery-active-two .slick-slide[b-1f458rakiw] {
    transform: scale(0.85);
    transition: .4s linear;
    max-width: 1140px;
    padding: 10px;
    position: relative;
}

    .gallery-active-two .slick-slide .popup-video[b-1f458rakiw] {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        width: 110px;
        height: 110px;
    }

        .gallery-active-two .slick-slide .popup-video svg[b-1f458rakiw] {
            width: 100%;
            height: 100%;
        }

            .gallery-active-two .slick-slide .popup-video svg .circle[b-1f458rakiw] {
                stroke: #fff;
                stroke-dasharray: 650;
                stroke-dashoffset: 650;
                transition: all .9s ease-in-out;
                -webkit-transition: all .9s ease-in-out;
                opacity: 0.6;
                fill: rgba(0, 0, 0, 0.8);
                fill-rule: nonzero;
            }

            .gallery-active-two .slick-slide .popup-video svg .triangle[b-1f458rakiw] {
                transition: all .7s ease-in-out;
                -webkit-transition: all .7s ease-in-out;
                stroke-dasharray: 240;
                stroke-dashoffset: 480;
                stroke: #fafafa;
                transform: translateY(0);
            }

        .gallery-active-two .slick-slide .popup-video:hover svg .circle[b-1f458rakiw] {
            stroke-dashoffset: 0;
            opacity: 1;
            fill: rgba(0, 0, 0, 0.3);
        }

        .gallery-active-two .slick-slide .popup-video:hover svg .triangle[b-1f458rakiw] {
            stroke: #ff8503;
            stroke-dashoffset: 0;
            opacity: 1;
            z-index: 10;
        }

.gallery-item.slick-slide.slick-current.slick-active[b-1f458rakiw] {
    transform: scale(1);
}

.gallery-two-bottom[b-1f458rakiw] {
    position: relative;
}

.gallery-area-two .gallery-nav[b-1f458rakiw] {
    position: absolute;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: 215px;
}

    .gallery-area-two .gallery-nav button[b-1f458rakiw] {
        font-size: 40px;
        border: none;
        padding: 0;
        background: transparent;
        line-height: 1;
        color: #fff;
        z-index: 1;
    }

        .gallery-area-two .gallery-nav button:hover[b-1f458rakiw] {
            color: #fff;
        }

    .gallery-area-two .gallery-nav .slick-prev[b-1f458rakiw] {
        margin-right: 15px;
    }

    .gallery-area-two .gallery-nav .slick-next[b-1f458rakiw] {
        margin-left: 15px;
    }

.gallery-area-two .gallery-item img[b-1f458rakiw] {
    display: inline-block;
    transition: .4s linear;
    max-width: 100%;
    border: 12px solid #30344a;
    border-radius: 0;
}

.gallery-active-two .slick-list[b-1f458rakiw] {
    overflow: visible;
}

.gallery-area-two[b-1f458rakiw] {
    position: relative;
    overflow: hidden;
}

.gallery-active-two .slick-slide[b-1f458rakiw]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ff8503;
    box-shadow: 0px 4px 5.52px 0.48px rgba(255, 133, 3, 0.04);
    transition: .4s linear;
    opacity: 0;
}

.gallery-item.slick-slide.slick-current.slick-active[b-1f458rakiw]::before {
    opacity: 1;
}

.gallery-nav-active[b-1f458rakiw] {
    max-width: 275px;
    margin: 50px auto 0;
    text-align: center;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8503;
    padding: 0 50px;
    clip-path: polygon(90% 0, 100% 30%, 100% 100%, 10% 100%, 0 70%, 0 0);
}

    .gallery-nav-active h4[b-1f458rakiw] {
        margin-bottom: 0;
        font-size: 20px;
    }

/* 15. Live-stream */
.live-stream-bg[b-1f458rakiw] {
    background-image: url(../img/bg/live-stream_bg.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

    .live-stream-bg[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50%;
        background: #1a131f;
        background: -webkit-linear-gradient(to top, transparent, #1a131f 85%);
        background: linear-gradient(to top, transparent, #1a131f 85%);
    }

.live-stream-wrap[b-1f458rakiw] {
    background: rgb(31 32 41 / 72%);
    padding: 100px 0px 50px 64px;
    border: 1px solid #43484e;
    position: relative;
    margin-top: 285px;
}

.live-stream-icon[b-1f458rakiw] {
    width: 85px;
    height: 85px;
    background: #ff8503;
    text-align: center;
    line-height: 85px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 35px;
}

    .live-stream-icon img[b-1f458rakiw] {
        max-width: 50px;
    }

.section-title .sub-title[b-1f458rakiw] {
    font-size: 22px;
    margin-bottom: 5px;
    color: #ff8503;
}

.live-stream-content p[b-1f458rakiw] {
    margin-bottom: 32px;
}

.live-stream-content a[b-1f458rakiw] {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff8503;
    position: relative;
    display: inline-block;
    font-family: 'Oswald', sans-serif;
}

    .live-stream-content a[b-1f458rakiw]::before {
        content: "\f067";
        position: absolute;
        right: -17px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 700;
        font-family: "Font Awesome 5 Free";
        font-size: 12px;
    }

    .live-stream-content a:hover[b-1f458rakiw] {
        color: #fff;
    }

.live-videos-wrapper[b-1f458rakiw] {
    display: flex;
}

.live-video-active[b-1f458rakiw] {
    max-width: 550px;
    flex: 0 0 550px;
    text-align: center;
    margin-top: -395px;
    margin-left: -107px;
    position: relative;
    z-index: 1;
}

.live-video-item .coming-time[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
}

    .live-video-item .coming-time[b-1f458rakiw]::before {
        content: "\f017";
        display: block;
        font-weight: 400;
        font-family: "Font Awesome 5 Free";
        color: #fff;
        font-size: 18px;
        margin-right: 7px;
    }

.live-video-item .video[b-1f458rakiw] {
    margin: 29px 29px 70px;
    position: relative;
}

    .live-video-item .video[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        background-image: url(../img/images/live_stream_shape.png);
        width: 549px;
        height: 549px;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: -1;
        -webkit-animation-name: rotateme;
        animation-name: rotateme-b-1f458rakiw;
        -webkit-animation-duration: 30s;
        animation-duration: 30s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }

.live-video-item .btn i[b-1f458rakiw] {
    margin-left: 10px;
}

.rotateme[b-1f458rakiw] {
    -webkit-animation-name: rotateme;
    animation-name: rotateme-b-1f458rakiw;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes rotateme-b-1f458rakiw {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@-webkit-keyframes rotateme {
    from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
    }
}

.live-video-navs[b-1f458rakiw] {
    margin-left: auto;
    width: 306px;
    flex: 0 0 306px;
}

.video-nav-item[b-1f458rakiw] {
    display: flex !important;
    align-items: center;
    flex-direction: row-reverse;
    padding: 0 37px 0 25px;
    position: relative;
    transform: scale(.8);
    transition: .3s ease-in-out;
    margin-bottom: 16px;
    cursor: pointer;
    z-index: 1;
}

.live-video-navs .video-nav-item.slick-current.slick-center[b-1f458rakiw] {
    transform: scale(1);
}

.video-nav-item[b-1f458rakiw]::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 70px;
    background: #ff8503;
    transition: .3s ease-in-out;
    z-index: -1;
}

.live-video-navs .video-nav-item.slick-current.slick-center[b-1f458rakiw]::before {
    width: 100%;
}

.video-nav-item .thumb[b-1f458rakiw] {
    width: 140px;
    flex: 0 0 140px;
    margin-left: 20px;
}

    .video-nav-item .thumb img[b-1f458rakiw] {
        border: 3px solid #ff8503;
        max-width: 100%;
    }

.video-nav-item .content .title[b-1f458rakiw] {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 500;
}

.liveVideo[b-1f458rakiw] {
    width: 493px;
    height: 493px;
    border-radius: 50%;
    object-fit: cover;
    object-position: right center;
}

/* 16. Stem */
.stem-bg[b-1f458rakiw] {
    background-image: url(../img/bg/stem_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 200px 0;
}

.stem-content .stem-icon a[b-1f458rakiw] {
    font-size: 100px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    margin-bottom: 20px;
}

.stem-content .title[b-1f458rakiw] {
    font-size: 80px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1;
}

.stem-content > span[b-1f458rakiw] {
    font-size: 23px;
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 25px;
    color: #fff;
    text-shadow: 0px 7px 0px rgba(0, 0, 0, 0.54);
}

/* Tournament */
.tournament-area-bg[b-1f458rakiw] {
    background-image: url(../img/bg/tournament_bg.jpg);
    background-position: center;
    background-size: cover;
}

    .tournament-area-bg .live-streams-area[b-1f458rakiw] {
        padding: 120px 0 120px;
    }

    .tournament-area-bg .tournament-area[b-1f458rakiw] {
        padding: 0 0 120px;
    }

.live-streams-wrapper[b-1f458rakiw] {
    padding: 0 87px;
}

.live-streams-item[b-1f458rakiw] {
    position: relative;
}

.streams-thumb[b-1f458rakiw] {
    position: relative;
}

    .streams-thumb img[b-1f458rakiw] {
        width: 100%;
    }

    .streams-thumb a[b-1f458rakiw] {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 80px;
        display: block;
        line-height: 1;
    }

.streams-bottom-wrap[b-1f458rakiw] {
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    bottom: 0;
    background: #1a1a1e;
    opacity: .87;
    height: 150px;
    clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
    width: 40%;
    justify-content: space-between;
}

    .streams-bottom-wrap[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        right: 25px;
        top: -3px;
        width: 4px;
        height: 159px;
        background: #ff8503;
        transform: rotate(18deg);
    }

.streams-content[b-1f458rakiw] {
    margin-left: 32px;
}

    .streams-content .live-btn[b-1f458rakiw] {
        text-transform: uppercase;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 1px;
        display: inline-block;
        position: relative;
        padding: 7px 18px;
        z-index: 1;
        margin: 0 6px 10px;
    }

        .streams-content .live-btn[b-1f458rakiw]:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            transform: skewX(-25deg);
            z-index: -1;
            right: 0;
            margin: 0 auto;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            background: #ff8503;
        }

        .streams-content .live-btn:hover[b-1f458rakiw],
        .watch-stream:hover[b-1f458rakiw] {
            color: #ff8503;
        }

            .streams-content .live-btn:hover[b-1f458rakiw]::before {
                background: #fff;
            }

    .streams-content .title[b-1f458rakiw] {
        font-size: 20px;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 7px;
    }

    .streams-content .date[b-1f458rakiw] {
        color: #ff8503;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: 600;
    }

.streams-bottom-wrap .watch-stream[b-1f458rakiw] {
    margin-right: 51px;
    display: flex;
    align-items: center;
    color: #fff;
}

.live-streams-active .slick-arrow[b-1f458rakiw] {
    position: absolute;
    left: -85px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding: 0;
    border: none;
    transition: .3s linear;
    background: transparent;
    width: auto;
    z-index: 9;
}

.live-streams-active .slick-next[b-1f458rakiw] {
    right: -85px;
    left: auto;
}

.watch-stream[b-1f458rakiw] {
    font-size: 12px;
    text-transform: uppercase;
    color: #a19f9f;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .watch-stream img[b-1f458rakiw] {
        margin-right: 12px;
    }

.live-streams-active [class*="col-"][b-1f458rakiw] {
    padding: 0 15px;
}


/* 17. My-match */
.my-match-area[b-1f458rakiw] {
    background-image: url(../img/bg/my_match_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 80px 0 100px 0;
}

.my-match-box-wrap[b-1f458rakiw] {
    position: relative;
    margin-top: -30px;
}

    .my-match-box-wrap > img[b-1f458rakiw] {
        width: 100%;
    }

    .my-match-box-wrap ul[b-1f458rakiw] {
        display: flex;
        align-items: center;
        position: absolute;
        top: 0;
        left: 120px;
        right: 100px;
        height: 270px;
    }

.my-match-team[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

.my-match-box-wrap ul li:first-child[b-1f458rakiw] {
    width: 400px;
    flex: 0 0 400px;
}

.my-match-box-wrap ul li:nth-child(2)[b-1f458rakiw] {
    width: 320px;
    flex: 0 0 320px;
}

.my-match-box-wrap ul li:last-child[b-1f458rakiw] {
    flex-grow: 1;
    text-align: right;
}

.my-match-team .vs[b-1f458rakiw] {
    margin: 0 25px;
}

.my-match-info[b-1f458rakiw] {
    padding: 0 35px;
}

    .my-match-info .live-btn[b-1f458rakiw] {
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 1px;
        display: inline-block;
        position: relative;
        padding: 7px 18px;
        z-index: 1;
        margin: 0 6px 10px;
    }

        .my-match-info .live-btn[b-1f458rakiw]:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            transform: skewX(-25deg);
            z-index: -1;
            right: 0;
            margin: 0 auto;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            background: #ff8503;
        }

        .my-match-info .live-btn:hover[b-1f458rakiw],
        .watch-stream:hover[b-1f458rakiw] {
            color: #ff8503;
        }

            .my-match-info .live-btn:hover[b-1f458rakiw]::before {
                background: #fff;
            }

    .my-match-info h5[b-1f458rakiw] {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .my-match-info > span[b-1f458rakiw] {
        display: block;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        color: #ff8503;
    }

.watch-stream[b-1f458rakiw] {
    font-size: 12px;
    text-transform: uppercase;
    color: #a19f9f;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .watch-stream img[b-1f458rakiw] {
        margin-right: 12px;
    }

.match-menu button[b-1f458rakiw] {
    border: none;
    position: relative;
    color: #e3e2e2;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    background: none;
    z-index: 1;
    padding: 7px 16px;
    margin: 0 8px;
    font-family: 'Oswald', sans-serif;
    white-space: nowrap;
}

    .match-menu button[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        transform: skewX(-25deg);
        z-index: -1;
        right: 0;
        margin: 0 auto;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
        background: #ff8503;
        opacity: 0;
    }

    .match-menu button.active[b-1f458rakiw] {
        color: #fff;
    }

        .match-menu button.active[b-1f458rakiw]::before {
            opacity: 1;
        }

.match-menu[b-1f458rakiw] {
    border: none;
}

.my-match-inner[b-1f458rakiw] {
    padding: 0 117px;
}

/* 18. Give-player */
.give-player-bg[b-1f458rakiw] {
    background-image: url(../img/bg/give_player_bg.png);
    background-position: top center;
    background-size: cover;
}

.gp-item-top[b-1f458rakiw] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .gp-item-top .title[b-1f458rakiw] {
        font-size: 20px;
        margin-bottom: 0;
        margin-right: 25px;
    }

    .gp-item-top img[b-1f458rakiw] {
        max-width: 45px;
    }

.gp-content p[b-1f458rakiw] {
    margin-bottom: 0;
}

.gp-img img[b-1f458rakiw] {
    width: 100%;
}

.gp-item.right .gp-item-top .title[b-1f458rakiw] {
    margin-right: 0;
    margin-left: 25px;
}


/* 19. Live-match */
.live-match-bg[b-1f458rakiw] {
    background-image: url(../img/bg/live_match_bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.live-match-team[b-1f458rakiw] {
    position: relative;
    z-index: 1;
}

    .live-match-team[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        right: 35px;
        top: -140px;
        background-image: url(../img/images/dots.png);
        width: 566px;
        height: 560px;
        z-index: -1;
    }

.live-match-time[b-1f458rakiw] {
    position: relative;
}

    .live-match-time > span[b-1f458rakiw] {
        display: block;
        max-width: 273px;
        background: #ff8503;
        color: #fff;
        text-transform: uppercase;
        padding: 4px 20px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2px;
        margin: 0 auto 85px;
        font-family: 'Poppins', sans-serif;
    }

    .live-match-time .time[b-1f458rakiw] {
        font-size: 70px;
        color: #fff;
        line-height: 1;
        margin-bottom: 0;
        padding: 0 50px;
        display: inline-block;
        position: relative;
    }

        .live-match-time .time[b-1f458rakiw]::before,
        .live-match-time .time[b-1f458rakiw]::after {
            content: "";
            position: absolute;
            left: -50px;
            top: 50%;
            transform: translateY(-50%);
            width: 52px;
            height: 1px;
            background: #d3d1d1;
        }

        .live-match-time .time[b-1f458rakiw]::after {
            right: -50px;
            left: auto;
        }

.live-match-bg .live-overlay-text[b-1f458rakiw] {
    font-size: 352px;
    text-transform: uppercase;
    font-weight: 800;
    position: absolute;
    line-height: .9;
    margin-bottom: 0;
    z-index: -1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(246, 245, 245, 0.051);
}

.live-match-team.right[b-1f458rakiw]::before {
    left: 35px;
    right: auto;
}


/* 20. Offer */
.offer-area[b-1f458rakiw] {
    position: relative;
    z-index: 1;
}

    .offer-area[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 15px;
        top: -80px;
        background-image: url(../img/images/offer_shape.png);
        width: 169px;
        height: 261px;
        background-repeat: no-repeat;
        background-size: contain;
        animation: heartbeat-b-1f458rakiw 3s infinite alternate;
    }

@-webkit-keyframes heartbeat {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

@keyframes heartbeat-b-1f458rakiw {
    from {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    to {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
}

.offer-area .section-title .title[b-1f458rakiw] {
    margin-bottom: 0;
    position: relative;
    padding-left: 30px;
    line-height: 1.1;
    margin-bottom: 65px;
}

    .offer-area .section-title .title[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        background: #ff8503;
        width: 11px;
        height: 100px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

.offer-item[b-1f458rakiw] {
    background: #ff8503;
    background-image: -moz-linear-gradient( 93deg, rgb(249,81,73) 0%, rgba(160,45,106,0.59) 47%, rgba(70,9,138,0.12941) 100%);
    background-image: -webkit-linear-gradient( 93deg, rgb(249,81,73) 0%, rgba(160,45,106,0.59) 47%, rgba(70,9,138,0.12941) 100%);
    background-image: -ms-linear-gradient( 93deg, rgb(249,81,73) 0%, rgba(160,45,106,0.59) 47%, rgba(70,9,138,0.12941) 100%);
    box-shadow: 0px 4px 11.96px 1.04px rgba(255, 133, 3, 0.56);
    padding: 45px 30px;
    position: relative;
    z-index: 1;
    transform: translateY(0);
    transition: .3s linear;
}

    .offer-item:hover[b-1f458rakiw] {
        transform: translateY(-8px);
    }

    .offer-item .title[b-1f458rakiw] {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 7px;
    }

    .offer-item p[b-1f458rakiw] {
        margin-bottom: 0;
        font-size: 16px;
        color: #ffffff;
    }

    .offer-item .overlay-text[b-1f458rakiw] {
        position: absolute;
        margin-bottom: 0;
        right: 0px;
        top: 44px;
        transform: rotate(-90deg);
        font-size: 40px;
        font-weight: 600;
        color: #d98d7b;
        -webkit-text-fill-color: transparent;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #d98d7b;
        z-index: -1;
    }

/* 21. Counter */
.counter-item[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

.counter-content[b-1f458rakiw] {
    margin-left: 30px;
}

.counter-item .counter-content .count[b-1f458rakiw] {
    line-height: .8;
    font-size: 70px;
    display: flex;
    align-items: center;
    color: #ff8503;
    -webkit-text-fill-color: #121316;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ff8503;
    margin-bottom: 10px;
}

.counter-content p[b-1f458rakiw] {
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.counter-area-two .row .col-20[b-1f458rakiw] {
    width: 20%;
    flex: 0 0 20%;
}

.counter-item-two .counter-content[b-1f458rakiw] {
    margin-left: 0;
    margin-bottom: 30px;
}

    .counter-item-two .counter-content .count[b-1f458rakiw] {
        font-size: 40px;
        font-weight: 400;
        letter-spacing: -1px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 45px;
    }

    .counter-item-two .counter-content p[b-1f458rakiw] {
        font-size: 24px;
        font-weight: 500;
        color: #fff;
        text-transform: capitalize;
        font-family: 'Oswald', sans-serif;
    }

    .counter-item-two .counter-content > span[b-1f458rakiw] {
        background: #ff8503;
        color: #fff;
        font-size: 13px;
        font-family: 'Poppins', sans-serif;
        font-weight: 600;
        padding: 6px 15px;
        border-radius: 15px;
        display: inline-block;
        margin-bottom: 8px;
    }

.counter-area-two .row [class*="col-"]:nth-child(3) .counter-item-two .counter-content .count[b-1f458rakiw],
.counter-area-two .row [class*="col-"]:nth-child(4) .counter-item-two .counter-content .count[b-1f458rakiw] {
    margin-bottom: 6px;
}

.counter-area-two .row [class*="col-"]:nth-child(5) .counter-item-two .counter-content p[b-1f458rakiw] {
    margin: 0 0 18px 0;
    line-height: 1.2;
}

.counter-area-two .counter-content i[b-1f458rakiw] {
    font-size: 30px;
    color: #fff;
}

.counter-area-two .odometer-inside[b-1f458rakiw] {
    margin-right: 10px;
}


/* 22. Countdown */
.countdown-bg[b-1f458rakiw] {
    background-image: url(../img/bg/counter_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 107px 0 112px;
}

.title-style-three .title[b-1f458rakiw] {
    font-size: 50px;
    margin-bottom: 27px;
    text-transform: capitalize;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

    .title-style-three .title[b-1f458rakiw]::after {
        content: "";
        background-image: url("../img/icon/title_icon.png");
        width: 37px;
        height: 41px;
        display: block;
        margin-left: 13px;
    }

.title-style-three.text-center span[b-1f458rakiw] {
    color: #f1f1f1;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    display: block;
}

.ClassyCountdown-wrapper[b-1f458rakiw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}

    .ClassyCountdown-wrapper > div[b-1f458rakiw] {
        width: auto !important;
        height: auto !important;
        margin: 0 25px 50px;
    }

        .ClassyCountdown-wrapper > div > div:not(:last-child)[b-1f458rakiw] {
            display: block !important;
            width: 130px !important;
            height: 130px !important;
        }

        .ClassyCountdown-wrapper > div > div canvas[b-1f458rakiw] {
            display: block;
            width: 100% !important;
            height: 100% !important;
        }

.ClassyCountdown-value[b-1f458rakiw] {
    display: block;
    line-height: 0;
}

    .ClassyCountdown-value > div[b-1f458rakiw] {
        display: block;
        text-align: center;
        line-height: 1;
        margin-top: -85px;
        margin-bottom: 60px;
        font-size: 50px;
        font-weight: 600;
    }

    .ClassyCountdown-value > span[b-1f458rakiw] {
        font-size: 16px;
        display: block;
        text-align: center;
        font-family: 'Poppins', sans-serif;
        color: #f1f1f1;
        font-weight: 500;
        line-height: 1;
    }

.countdown-wrap img[b-1f458rakiw] {
    margin-bottom: 80px;
}

.countdown-wrap p[b-1f458rakiw] {
    margin-bottom: 0;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 13px;
}

/* 23. Match single */
.match-single-content[b-1f458rakiw] {
    background: #171717;
    padding: 50px 35px;
    margin: 0 0 50px;
}

    .match-single-content .blog-meta ul[b-1f458rakiw] {
        margin-bottom: 10px;
    }

.match-single-img[b-1f458rakiw] {
    margin: 32px 0 30px;
}

    .match-single-img img[b-1f458rakiw] {
        max-width: 100%;
    }

.match-single-content .blog-details-content-bottom[b-1f458rakiw] {
    margin-top: 50px;
}

.comment-reply-box .widget-title[b-1f458rakiw] {
    margin: 0 0 30px;
}

/* 24. Shop */
.shop-thumb[b-1f458rakiw] {
    position: relative;
}

    .shop-thumb .shape[b-1f458rakiw] {
        width: 100%;
    }

    .shop-thumb .shop-img[b-1f458rakiw] {
        position: absolute;
        left: 50%;
        top: calc(50% + 15px);
        transform: translate(-50%, -50%);
    }

.shop-date[b-1f458rakiw] {
    position: absolute;
    top: 14px;
    right: 40px;
}

    .shop-date span[b-1f458rakiw] {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        color: #ff8503;
        position: relative;
        display: flex;
        align-items: center;
        font-family: 'Oswald', sans-serif;
    }

        .shop-date span[b-1f458rakiw]::before {
            content: "\f017";
            display: block;
            margin-right: 8px;
            font-family: "Font Awesome 5 Free";
            font-weight: 400;
            line-height: 1;
        }

.shop-share[b-1f458rakiw] {
    position: absolute;
    right: 25px;
    top: 22%;
}

    .shop-share a[b-1f458rakiw] {
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 2px solid #3e3e45;
        border-radius: 50%;
        color: #ff8503;
        font-size: 14px;
    }

        .shop-share a:hover[b-1f458rakiw] {
            border-color: #ff8503;
        }

.shop-content[b-1f458rakiw] {
    padding: 35px 0 0 0;
}

.shop-content-top[b-1f458rakiw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 30px;
}

    .shop-content-top .shop-title .title[b-1f458rakiw] {
        font-size: 22px;
        margin-bottom: 5px;
    }

        .shop-content-top .shop-title .title a:hover[b-1f458rakiw] {
            color: #ff8503;
        }

    .shop-content-top .shop-title p[b-1f458rakiw] {
        font-size: 15px;
        text-transform: uppercase;
        color: #bababa;
        font-weight: 400;
        margin-bottom: 0;
    }

    .shop-content-top .price span[b-1f458rakiw] {
        font-size: 22px;
        font-weight: 700;
        display: block;
        color: #ff8503;
        font-family: 'Oswald', sans-serif;
        line-height: 1;
    }

.shop-content-bottom .btn[b-1f458rakiw] {
    font-size: 18px;
    align-items: center;
    padding: 19px 33px;
}

    .shop-content-bottom .btn i[b-1f458rakiw] {
        font-size: 14px;
        margin-right: 8px;
    }

.shop-content-bottom[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .shop-content-bottom .shop-wishlist a[b-1f458rakiw] {
        display: block;
        width: 70px;
        height: 56px;
        text-align: center;
        line-height: 56px;
        background: #1f1f28;
        color: #ff8503;
        font-size: 18px;
        clip-path: polygon(75% 0, 100% 25%, 100% 100%, 25% 100%, 0 75%, 0 0);
    }

        .shop-content-bottom .shop-wishlist a:hover[b-1f458rakiw] {
            background: #ff8503;
            color: #fff;
        }

.inner-shop-area[b-1f458rakiw] {
    padding: 130px 0 120px;
}

.shop-top-meta[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 15px;
}

    .shop-top-meta .shop-show-result[b-1f458rakiw] {
        color: #bababa;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 500;
        margin-right: 20px;
    }

    .shop-top-meta .shop-top-right[b-1f458rakiw] {
        margin: 0 0 15px 0;
    }

        .shop-top-meta .shop-top-right form[b-1f458rakiw] {
            display: flex;
            align-items: center;
        }

            .shop-top-meta .shop-top-right form label[b-1f458rakiw] {
                min-width: 65px;
                text-transform: uppercase;
                font-size: 15px;
                font-weight: 500;
                color: #bababa;
                cursor: default;
            }

    .shop-top-meta form .form-select[b-1f458rakiw] {
        padding: 10px 42px 10px 16px;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.6;
        color: #c4c4c4;
        vertical-align: middle;
        background: url("../img/icon/select_down_arrow.png") no-repeat scroll 97.5% center;
        background-color: #171717;
        border: 1px solid #232323;
        border-radius: 2px;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: .3s ease-in-out;
        width: 160px;
        height: 48px;
        margin-left: 15px;
    }

.shop-sidebar[b-1f458rakiw] {
    margin-left: 20px;
}

    .shop-sidebar .widget[b-1f458rakiw],
    .blog-sidebar .blog-widget[b-1f458rakiw] {
        padding: 35px 25px;
        background: #171717;
        border: 1px solid #232323;
        border-radius: 2px;
        margin: 0 0 30px;
    }

        .shop-sidebar .widget:last-child[b-1f458rakiw],
        .blog-sidebar .blog-widget:last-child[b-1f458rakiw] {
            margin: 0 0 0;
        }

.widget-title[b-1f458rakiw] {
    display: inline-flex;
    margin: 0 0 23px;
    padding-right: 20px;
    position: relative;
    line-height: 1;
}

    .widget-title[b-1f458rakiw]::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 7px;
        height: 18px;
        background: #ff8503;
    }

.sidebar-search[b-1f458rakiw] {
    position: relative;
}

    .sidebar-search input[b-1f458rakiw] {
        width: 100%;
        background: #080808;
        border: none;
        padding: 20px 100px 20px 20px;
        height: 68px;
        font-weight: 500;
        font-size: 14px;
        color: #c4c4c4;
    }

        .sidebar-search input[b-1f458rakiw]::placeholder {
            font-weight: 500;
            font-size: 14px;
            color: #c4c4c4;
        }

    .sidebar-search button[b-1f458rakiw] {
        position: absolute;
        top: 0;
        right: 0;
        width: 70px;
        height: 100%;
        border: none;
        padding: 0;
        background: #ff8503;
        color: #fff;
        z-index: 1;
        font-size: 20px;
    }

.price_filter[b-1f458rakiw] {
    margin-top: 15px;
}

    .price_filter .ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all[b-1f458rakiw] {
        background: #232323 none repeat scroll 0 0;
        border: medium none;
        border-radius: 20px;
        height: 8px;
        margin-bottom: 20px;
        margin-left: auto;
    }

    .price_filter .ui-slider-range[b-1f458rakiw] {
        background: #ff8503 none repeat scroll 0 0;
        border-radius: 0;
    }

    .price_filter .ui-slider-handle.ui-state-default.ui-corner-all[b-1f458rakiw] {
        height: 15px;
        width: 15px;
        top: 0;
        margin-top: -4px;
        background: #fff;
        border-radius: 50px;
        margin-left: 0;
        border: 3px solid #ff8503;
    }

        .price_filter .ui-slider-handle.ui-state-default.ui-corner-all:focus[b-1f458rakiw] {
            outline: none;
            box-shadow: none;
        }

.price_slider_amount[b-1f458rakiw] {
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #080808;
    padding: 14px 25px;
    height: 65px;
    margin: 0 0 25px;
}

    .price_slider_amount > span[b-1f458rakiw] {
        font-size: 15px;
        font-weight: 500;
        color: #bababa;
        text-transform: uppercase;
        margin-right: 9px;
    }

    .price_slider_amount > input[type="text"][b-1f458rakiw] {
        height: auto;
        margin-left: 0;
        text-align: left;
        width: 120px;
        flex-grow: 1;
        border: none;
        font-size: 15px;
        color: #bababa;
        font-weight: 500;
        background: transparent;
        padding: 0;
    }

.price_filter > input[type="submit"][b-1f458rakiw] {
    text-transform: uppercase;
    transition: all .3s ease-out 0s;
    cursor: pointer;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    background: #ff8503;
    font-weight: 600;
    justify-content: center;
    border: none;
    min-width: 123px;
    padding: 16px 33px;
}

    .price_filter > input[type="submit"]:hover[b-1f458rakiw] {
        color: #fff;
        background: #232323;
        border-color: #232323;
    }

.shop-sidebar-cat li + li[b-1f458rakiw] {
    margin-top: 10px;
}

.shop-sidebar-cat li a[b-1f458rakiw] {
    display: flex;
    align-items: center;
    background: #080808;
    font-size: 15px;
    color: #fff;
    justify-content: space-between;
    text-transform: uppercase;
    padding: 13px 20px;
}

    .shop-sidebar-cat li a span[b-1f458rakiw] {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #171717;
        border-radius: 50%;
        flex: 0 0 44px;
        font-size: 13px;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .shop-sidebar-cat li a:hover span[b-1f458rakiw] {
        color: #ff8503;
    }

.shop-sidebar-tags[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .shop-sidebar-tags li[b-1f458rakiw] {
        padding: 0 7px 13px;
    }

        .shop-sidebar-tags li a[b-1f458rakiw] {
            display: block;
            text-transform: uppercase;
            color: #fff;
            font-family: 'Oswald', sans-serif;
            font-weight: 700;
            font-size: 14px;
            padding: 12px 22px;
            clip-path: polygon(85% 0, 100% 30%, 100% 100%, 15% 100%, 0 70%, 0 0);
            position: relative;
            background: #232323;
        }

            .shop-sidebar-tags li a:hover[b-1f458rakiw] {
                background: #ff8503;
            }

.shop-details-area[b-1f458rakiw] {
    padding: 130px 0 60px;
}

.shop-details-thumb[b-1f458rakiw] {
    position: relative;
}

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        right: 55px;
        top: 0;
        height: 80px;
        display: flex;
        align-items: center;
        z-index: 1;
    }

        .shop-details-thumb .shop-date span[b-1f458rakiw] {
            text-transform: uppercase;
            font-size: 18px;
            font-weight: 500;
            color: #ff8503;
            position: relative;
            display: flex;
            align-items: center;
            font-family: 'Oswald', sans-serif;
        }

            .shop-details-thumb .shop-date span[b-1f458rakiw]::before {
                content: "\f017";
                display: block;
                margin-right: 8px;
                font-family: "Font Awesome 5 Free";
                font-weight: 400;
                line-height: 1;
            }

    .shop-details-thumb .wrap-bg[b-1f458rakiw] {
        width: 100%;
    }

    .shop-details-thumb .main-img[b-1f458rakiw] {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        max-width: 70%;
        margin: 20px 0 0;
    }

.shop-details-images .nav-tabs[b-1f458rakiw] {
    border: none;
    margin: 23px 0 0;
}

    .shop-details-images .nav-tabs .nav-item[b-1f458rakiw] {
        margin-right: 16px;
    }

        .shop-details-images .nav-tabs .nav-item:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

        .shop-details-images .nav-tabs .nav-item .nav-link[b-1f458rakiw] {
            margin: 0;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
        }

            .shop-details-images .nav-tabs .nav-item .nav-link img[b-1f458rakiw] {
                border-radius: 2px;
                border: 1.5px solid #232323;
            }

.shop-details-content[b-1f458rakiw] {
    margin-left: 30px;
}

    .shop-details-content > span[b-1f458rakiw] {
        display: block;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
        line-height: 1;
        color: #ff8503;
        font-family: 'Oswald', sans-serif;
        margin-bottom: 13px;
    }

    .shop-details-content .title[b-1f458rakiw] {
        font-size: 30px;
        margin: 0 0 20px;
    }

.shop-details-rating[b-1f458rakiw] {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

    .shop-details-rating .rating[b-1f458rakiw] {
        font-size: 12px;
        color: #febd00;
        margin-right: 8px;
    }

    .shop-details-rating > span[b-1f458rakiw] {
        font-size: 14px;
    }

.shop-details-price[b-1f458rakiw] {
    display: flex;
    align-items: center;
    margin-bottom: 38px;
}

    .shop-details-price .price[b-1f458rakiw] {
        margin: 0;
        font-size: 24px;
    }

    .shop-details-price .stock-status[b-1f458rakiw] {
        font-size: 12px;
        color: #ff8503;
        margin: 0 0 0 12px;
    }

.shop-details-content > p[b-1f458rakiw] {
    margin-bottom: 0;
    width: 85%;
}

.shop-details-quantity[b-1f458rakiw] {
    display: flex;
    align-items: center;
    margin: 40px 0 55px;
}

    .shop-details-quantity .quantity[b-1f458rakiw] {
        text-transform: uppercase;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        margin: -30px 13px 0 0;
    }

    .shop-details-quantity .cart-plus-minus[b-1f458rakiw] {
        width: 137px;
        flex: 0 0 137px;
        position: relative;
    }

        .shop-details-quantity .cart-plus-minus input[b-1f458rakiw] {
            width: 100%;
            border: 1px solid #cfcfcf;
            background: transparent;
            border-radius: 0;
            height: 45px;
            text-align: center;
            padding: 0 30px;
            font-size: 14px;
            color: #cfcfcf;
            font-weight: 600;
        }

        .shop-details-quantity .cart-plus-minus .qtybutton[b-1f458rakiw] {
            position: absolute;
            top: 1px;
            left: 0;
            width: 40px;
            height: 58%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 600;
            color: #cfcfcf;
            cursor: pointer;
            border-right: 1px solid #cfcfcf;
            user-select: none;
            -moz-user-select: none;
        }

            .shop-details-quantity .cart-plus-minus .qtybutton.inc[b-1f458rakiw] {
                left: auto;
                right: 0;
                border-right: none;
                border-left: 1px solid #cfcfcf;
            }

.shop-details-button-wrap[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

    .shop-details-button-wrap .btn[b-1f458rakiw] {
        font-size: 16px;
        min-width: 210px;
        justify-content: center;
        letter-spacing: 0;
        margin: 0 20px 15px 0;
    }

        .shop-details-button-wrap .btn:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

.shop-details-bottom .bottom-list li[b-1f458rakiw] {
    display: flex;
    margin: 0 0 15px;
}

    .shop-details-bottom .bottom-list li:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .shop-details-bottom .bottom-list li span[b-1f458rakiw] {
        font-family: 'Oswald', sans-serif;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 700;
        display: block;
        margin-right: 10px;
    }

    .shop-details-bottom .bottom-list li a[b-1f458rakiw] {
        color: #cfcfcf;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 500;
        margin-right: 5px;
    }

        .shop-details-bottom .bottom-list li a:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

        .shop-details-bottom .bottom-list li a:hover[b-1f458rakiw] {
            color: #ff8503;
        }

.shop-description-wrap[b-1f458rakiw] {
    margin: 70px 0 0;
}

    .shop-description-wrap .nav-tabs[b-1f458rakiw] {
        border: 1px solid #232323;
        padding: 23px 30px 8px;
        margin-bottom: -1px;
        border-radius: 2px 2px 0 0;
    }

        .shop-description-wrap .nav-tabs .nav-item[b-1f458rakiw] {
            margin: 0 45px 15px 0;
        }

        .shop-description-wrap .nav-tabs .nav-link[b-1f458rakiw] {
            background: transparent;
            border-radius: 0;
            border: none;
            padding: 0 0;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 700;
            font-family: 'Oswald', sans-serif;
            color: #fff;
        }

            .shop-description-wrap .nav-tabs .nav-link.active[b-1f458rakiw] {
                color: #ff8503;
            }

    .shop-description-wrap .tab-content .tab-pane[b-1f458rakiw] {
        border: 1px solid #232323;
        background: #171717;
        border-radius: 2px;
        padding: 35px 35px 50px;
    }

    .shop-description-wrap .product-desc-content p span[b-1f458rakiw] {
        color: #fff;
        font-weight: 600;
    }

    .shop-description-wrap .product-desc-content p:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

.product-desc-img img[b-1f458rakiw] {
    width: 100%;
}

.product-desc-info .small-title[b-1f458rakiw] {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 800;
}

.product-desc-info p[b-1f458rakiw] {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
}

.product-desc-list li[b-1f458rakiw] {
    font-size: 14px;
    display: block;
    padding-left: 18px;
    position: relative;
    margin-bottom: 10px;
}

    .product-desc-list li:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .product-desc-list li[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        height: 5px;
        width: 5px;
        background: #ff8503;
        top: 9px;
    }

.product-desc-review[b-1f458rakiw] {
    border: 1px solid #232323;
    padding: 25px 30px;
}

.review-title .title[b-1f458rakiw] {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0;
}

.product-desc-review .left-rc[b-1f458rakiw] {
    display: inline-block;
}

    .product-desc-review .left-rc p[b-1f458rakiw] {
        margin-bottom: 0;
        font-size: 14px;
    }

.product-desc-review .right-rc[b-1f458rakiw] {
    float: right;
    display: block;
}

    .product-desc-review .right-rc a[b-1f458rakiw] {
        color: #ff8503;
        font-family: 'Oswald', sans-serif;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .product-desc-review .right-rc a:hover[b-1f458rakiw] {
            color: #ff8503;
        }

.related-products-wrap[b-1f458rakiw] {
    padding: 110px 0 0;
}

/* 25. Pagination */
.pagination-wrap ul[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .pagination-wrap ul li[b-1f458rakiw] {
        margin: 10px 10px 0 0;
    }

        .pagination-wrap ul li:last-child[b-1f458rakiw] {
            margin: 10px 0 0;
        }

        .pagination-wrap ul li a[b-1f458rakiw] {
            display: block;
            font-size: 15px;
            color: #fff;
            font-weight: 700;
            padding: 11px 22px;
            border: 2px solid #ff8503;
            font-family: 'Oswald', sans-serif;
            text-transform: uppercase;
        }

            .pagination-wrap ul li.active a[b-1f458rakiw],
            .pagination-wrap ul li a:hover[b-1f458rakiw] {
                color: #fff;
                border-color: #ff8503;
                background: #ff8503;
            }

/* 26. Blog */
.blog-area[b-1f458rakiw],
.blog-details-area[b-1f458rakiw] {
    padding: 130px 0 120px;
}

.blog-item:last-child[b-1f458rakiw] {
    margin-bottom: 0;
}

.blog-thumb img[b-1f458rakiw] {
    max-width: 100%;
}

.blog-content .small-title[b-1f458rakiw] {
    font-size: 18px;
    margin-bottom: 10px;
    color: #ff8503;
}

.blog-content .title[b-1f458rakiw] {
    font-size: 30px;
    margin-bottom: 25px;
    line-height: 1.4;
}

.blog-meta ul[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

    .blog-meta ul li[b-1f458rakiw] {
        font-size: 14px;
        font-weight: 500;
        color: #c4c4c4;
        text-transform: uppercase;
        margin: 0 25px 10px 0;
    }

        .blog-meta ul li:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

        .blog-meta ul li i[b-1f458rakiw] {
            margin-right: 8px;
        }

        .blog-meta ul li a[b-1f458rakiw] {
            color: #c4c4c4;
        }

            .blog-meta ul li a:hover[b-1f458rakiw] {
                color: #ff8503;
            }

.blog-content-bottom[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #1e1e1e;
    padding-top: 30px;
}

    .blog-details-content-bottom .social[b-1f458rakiw],
    .blog-content-bottom .social[b-1f458rakiw] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .blog-details-content-bottom .social li[b-1f458rakiw],
        .blog-content-bottom .social li[b-1f458rakiw] {
            margin-right: 15px;
        }

            .blog-details-content-bottom .social li:last-child[b-1f458rakiw],
            .blog-content-bottom .social li:last-child[b-1f458rakiw] {
                margin-right: 0;
            }

            .blog-details-content-bottom .social li a[b-1f458rakiw],
            .blog-content-bottom .social li a[b-1f458rakiw] {
                width: 55px;
                height: 52px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #171717;
                border: 1px solid #282828;
                position: relative;
                clip-path: polygon(70% 0, 100% 30%, 100% 100%, 28% 100%, 0% 74%, 0 0);
                overflow: hidden;
                font-size: 18px;
                transition: .3s linear;
                color: #ff8503;
            }

                .blog-details-content-bottom .social li a:hover[b-1f458rakiw],
                .blog-content-bottom .social li a:hover[b-1f458rakiw] {
                    background: #ff8503;
                    color: #fff;
                    border-color: #ff8503;
                }

                .blog-details-content-bottom .social li a[b-1f458rakiw]::before,
                .blog-content-bottom .social li a[b-1f458rakiw]::before {
                    content: "";
                    position: absolute;
                    background: #282828;
                    width: 60px;
                    height: 2px;
                    left: -16px;
                    bottom: -1px;
                    transform: rotate(43deg);
                    transition: .3s linear;
                }

                .blog-details-content-bottom .social li a[b-1f458rakiw]::after,
                .blog-content-bottom .social li a[b-1f458rakiw]::after {
                    content: "";
                    position: absolute;
                    background: #282828;
                    width: 60px;
                    height: 2px;
                    right: -16px;
                    top: -1px;
                    transform: rotate(43deg);
                    transition: .3s linear;
                }

                .blog-details-content-bottom .social li a:hover[b-1f458rakiw]::before,
                .blog-details-content-bottom .social li a:hover[b-1f458rakiw]::after,
                .blog-content-bottom .social li a:hover[b-1f458rakiw]::before,
                .blog-content-bottom .social li a:hover[b-1f458rakiw]::after {
                    background: #ff8503;
                }

.blog-sidebar[b-1f458rakiw] {
    margin-left: 40px;
}

    .blog-sidebar .widget-title .title[b-1f458rakiw] {
        margin-bottom: 0;
    }

.blog-categories ul li[b-1f458rakiw] {
    margin-bottom: 15px;
}

    .blog-categories ul li:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .blog-categories ul li a[b-1f458rakiw] {
        display: flex;
        justify-content: space-between;
        padding: 23px 20px;
        font-size: 16px;
        font-weight: 700;
        font-family: 'Oswald', sans-serif;
        color: #fff;
        text-transform: uppercase;
        align-items: center;
        background-size: cover;
        transition: .3s ease-in;
        position: relative;
        z-index: 1;
    }

        .blog-categories ul li a[b-1f458rakiw]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .7;
            z-index: -1;
        }

        .blog-categories ul li a > span[b-1f458rakiw] {
            width: 48px;
            height: 48px;
            background: #ff8503;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            font-size: 14px;
            color: #fff;
        }

    .blog-categories ul li:hover a[b-1f458rakiw] {
        color: #ff8503;
    }

.rc-post-list ul li[b-1f458rakiw] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #24272e;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .rc-post-list ul li:last-child[b-1f458rakiw] {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

.rc-post-thumb[b-1f458rakiw] {
    width: 110px;
    flex: 0 0 110px;
    margin-right: 18px;
}

    .rc-post-thumb img[b-1f458rakiw] {
        max-width: 100%;
    }

.rc-post-content .title[b-1f458rakiw] {
    font-size: 16px;
    margin-bottom: 6px;
    line-height: 1.6;
}

.rc-post-content .date[b-1f458rakiw] {
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    color: #c4c4c4;
    font-weight: 500;
}

    .rc-post-content .date i[b-1f458rakiw] {
        color: #ff8503;
        margin-right: 5px;
    }

.sidebar-newsletter[b-1f458rakiw] {
    background: #24272e;
    padding: 30px 25px;
}

.sn-content > p[b-1f458rakiw] {
    width: 80%;
    margin: 0 auto 25px;
    line-height: 1.6;
}

.sn-content input[b-1f458rakiw] {
    width: 100%;
    border: none;
    text-align: center;
    padding: 16px 25px;
    display: block;
    clip-path: polygon(93% 0, 100% 30%, 100% 100%, 7% 100%, 0 75%, 0 0);
    font-size: 14px;
    color: #707070;
    height: 52px;
    margin-bottom: 12px;
}

    .sn-content input[b-1f458rakiw]::placeholder {
        font-size: 14px;
        color: #707070;
    }

.sn-content button[b-1f458rakiw] {
    border: none;
    color: #fff;
    background: #ff8503;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    padding: 17px 40px;
    font-family: 'Oswald', sans-serif;
    width: 100%;
    height: 52px;
    clip-path: polygon(93% 0, 100% 30%, 100% 100%, 7% 100%, 0 75%, 0 0);
    margin-bottom: 20px;
}

.sn-content .last-text[b-1f458rakiw] {
    width: 100%;
    margin: 0;
}

/* 27. Blog-details */
.blog-details-content p[b-1f458rakiw] {
    margin-bottom: 20px;
}

.blog-details-content blockquote[b-1f458rakiw] {
    background: #171717;
    padding: 47px 66px 47px 125px;
    border-bottom: 1px solid #ff8503;
    position: relative;
    margin-bottom: 25px;
}

    .blog-details-content blockquote[b-1f458rakiw]::before {
        content: "\f10d";
        position: absolute;
        left: 45px;
        top: 45px;
        font-size: 47px;
        font-weight: 700;
        font-family: "Font Awesome 5 Free";
        color: #fff;
    }

    .blog-details-content blockquote p[b-1f458rakiw] {
        margin-bottom: 20px;
        font-size: 16px;
        color: #fff;
        font-style: italic;
    }

    .blog-details-content blockquote cite[b-1f458rakiw] {
        font-style: normal;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        font-family: 'Oswald', sans-serif;
        position: relative;
        padding-left: 35px;
    }

        .blog-details-content blockquote cite[b-1f458rakiw]::after {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background: #ff8503;
            width: 25px;
            height: 2px;
        }

.blog-details-content .title-two[b-1f458rakiw] {
    font-size: 20px;
    margin-bottom: 15px;
}

.blog-details-img img[b-1f458rakiw] {
    max-width: 100%;
}

.blog-details-list li[b-1f458rakiw] {
    font-size: 14px;
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

    .blog-details-list li:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .blog-details-list li[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 6px;
        background: #ff8503;
    }

.blog-details-content-bottom[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #1e1e1e;
    padding-top: 30px;
    margin-top: 60px;
}

    .blog-details-content-bottom .post-tags .title[b-1f458rakiw] {
        font-size: 14px;
        width: 100%;
        margin-bottom: 3px;
    }

    .blog-details-content-bottom .post-tags .tags[b-1f458rakiw] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .blog-details-content-bottom .post-tags .tags li[b-1f458rakiw] {
            margin-right: 5px;
        }

            .blog-details-content-bottom .post-tags .tags li:last-child[b-1f458rakiw] {
                margin-right: 0;
            }

            .blog-details-content-bottom .post-tags .tags li a[b-1f458rakiw] {
                font-size: 14px;
                color: #cfcfcf;
            }

                .blog-details-content-bottom .post-tags .tags li a:hover[b-1f458rakiw] {
                    color: #ff8503;
                }

.avatar-post[b-1f458rakiw] {
    display: flex;
    align-items: center;
    background: #171717;
    border: 1px solid #282828;
    padding: 35px 30px;
}

.avatar-post-img[b-1f458rakiw] {
    margin-right: 30px;
}

    .avatar-post-img img[b-1f458rakiw] {
        border-radius: 50%;
    }

.ap-content-top[b-1f458rakiw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    .ap-content-top .title[b-1f458rakiw] {
        font-size: 20px;
        margin-bottom: 0;
    }

    .ap-content-top > a[b-1f458rakiw] {
        font-size: 14px;
        text-transform: uppercase;
        position: relative;
        padding-left: 15px;
        margin-left: 15px;
    }

        .ap-content-top > a[b-1f458rakiw]::before {
            content: "";
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 1px;
            height: 14px;
            background: #ff8503;
        }

.avatar-post-content p[b-1f458rakiw] {
    margin-bottom: 20px;
}

.avatar-post .social[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

    .avatar-post .social li[b-1f458rakiw] {
        margin-right: 15px;
    }

        .avatar-post .social li:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

        .avatar-post .social li a[b-1f458rakiw] {
            font-size: 16px;
            color: #fff;
        }

            .avatar-post .social li a:hover[b-1f458rakiw] {
                color: #ff8503;
            }

.blog-next-prev[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

    .blog-next-prev a[b-1f458rakiw] {
        display: flex;
        align-items: center;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        text-transform: uppercase;
        font-family: 'Oswald', sans-serif;
        transition: .3s linear;
    }

        .blog-next-prev a:hover[b-1f458rakiw] {
            color: #ff8503;
        }

.blog-details-area .blog-next-prev a i[b-1f458rakiw] {
    width: 55px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8503;
    position: relative;
    clip-path: polygon(70% 0, 100% 30%, 100% 100%, 28% 100%, 0% 74%, 0 0);
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    margin-right: 20px;
}

.comment-reply-box[b-1f458rakiw] {
    background: #171717;
    border: 1px solid #282828;
    padding: 60px 40px;
}

.form-grp textarea[b-1f458rakiw],
.form-grp input[b-1f458rakiw] {
    display: block;
    border: none;
    width: 100%;
    height: 65px;
    background: #080808;
    padding: 20px 30px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 20px;
}

    .form-grp textarea[b-1f458rakiw]::placeholder,
    .form-grp input[b-1f458rakiw]::placeholder {
        color: #cfcfcf;
        font-size: 14px;
    }

.form-grp textarea[b-1f458rakiw] {
    min-height: 140px;
}

.comment-reply-box .btn[b-1f458rakiw] {
    font-size: 16px;
}

.comment-reply-box .form-check[b-1f458rakiw] {
    margin-bottom: 30px;
}

.comment-reply-box .form-check-label[b-1f458rakiw] {
    color: #cfcfcf;
}

.comment-reply-box .form-check-input[type=checkbox][b-1f458rakiw] {
    background-color: #080808;
    border: 1px solid #383838;
}

.details-img-wrap[b-1f458rakiw] {
    margin: 30px 0 30px;
}

/* 28. Contact */
.contact-area[b-1f458rakiw] {
    padding: 130px 0 120px;
}

.contact-wrap[b-1f458rakiw] {
    margin: 0 90px 0 0;
}

.contact-title[b-1f458rakiw] {
    margin: 0 0 40px;
}

    .contact-title .title[b-1f458rakiw] {
        font-size: 40px;
        margin: 0 0 23px;
    }

        .contact-title .title span[b-1f458rakiw] {
            display: block;
            font-size: 32px;
        }

    .contact-title p[b-1f458rakiw] {
        margin: 0 0;
        width: 85%;
    }

.contact-form .form-grp[b-1f458rakiw] {
    margin-bottom: 25px;
}

    .contact-form .form-grp label[b-1f458rakiw] {
        display: inline-flex;
        text-transform: uppercase;
        font-weight: 500;
        color: #fff;
        line-height: 1;
        margin: 0 0 13px;
    }

        .contact-form .form-grp label > span[b-1f458rakiw] {
            color: #ff8503;
            margin-left: 6px;
        }

    .contact-form .form-grp input[b-1f458rakiw] {
        background: #171717;
        padding: 15px 30px;
        height: 60px;
        clip-path: polygon(97% 0, 100% 35%, 100% 100%, 3% 100%, 0 70%, 0 0);
        margin-bottom: 0;
    }

    .contact-form .form-grp textarea[b-1f458rakiw] {
        background: #171717;
        padding: 15px 30px;
        clip-path: polygon(97% 0, 100% 15%, 100% 100%, 3% 100%, 0 85%, 0 0);
        margin-bottom: 0;
        max-height: 140px;
    }

        .contact-form .form-grp input[b-1f458rakiw]::placeholder,
        .contact-form .form-grp textarea[b-1f458rakiw]::placeholder {
            color: #676666;
        }

.contact-form .form-check[b-1f458rakiw] {
    display: block;
    margin-bottom: 35px;
}

.contact-form .form-check-input[b-1f458rakiw] {
    background-color: #171717;
    border-color: #383838;
}

.contact-form .form-check-label[b-1f458rakiw] {
    font-size: 14px;
    font-weight: 500;
    color: #676666;
    text-transform: capitalize;
}

.contact-info-wrap[b-1f458rakiw] {
    background: #171717;
    padding: 12px;
}

.contact-info-list[b-1f458rakiw] {
    padding: 35px 33px;
}

    .contact-info-list ul li[b-1f458rakiw] {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .contact-info-list ul li:last-child[b-1f458rakiw] {
            margin-bottom: 0;
        }

    .contact-info-list .icon[b-1f458rakiw] {
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 45px;
        background: #ff8503;
        flex: 0 0 45px;
        border-radius: 50%;
        margin-right: 15px;
        font-size: 16px;
        color: #fff;
        box-shadow: 0px 2px 14.88px 1.12px rgba(97, 83, 252, 0.11);
    }

    .contact-info-list .content[b-1f458rakiw] {
        flex-grow: 1;
    }

        .contact-info-list .content p[b-1f458rakiw] {
            margin-bottom: 0;
            font-size: 14px;
            line-height: 1.6;
            color: #cfcfcf;
        }

.contact-info-map img[b-1f458rakiw] {
    max-width: 100%;
}

.contact-social ul[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

    .contact-social ul li[b-1f458rakiw] {
        margin-right: 15px;
    }

        .contact-social ul li:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

        .contact-social ul li a[b-1f458rakiw] {
            display: block;
        }

            .contact-social ul li a i[b-1f458rakiw] {
                width: 41px;
                height: 41px;
                display: block;
                text-align: center;
                line-height: 41px;
                border-radius: 50%;
                background: #385594;
                color: #fff;
                font-size: 14px;
            }

        .contact-social ul li:nth-child(2) a i[b-1f458rakiw] {
            background: #4eabee;
        }

        .contact-social ul li:nth-child(3) a i[b-1f458rakiw] {
            background: #f04336;
        }

.contact-social[b-1f458rakiw] {
    padding: 10px 33px 35px;
}

#contact-map[b-1f458rakiw] {
    width: 100%;
    height: 350px;
}

    #contact-map iframe[b-1f458rakiw] {
        width: 100%;
        height: 100%;
    }


/* 29. Newsletter */
.newsletter-area-bg[b-1f458rakiw] {
    background-image: url(../img/bg/newsletter_area_bg.jpg);
    background-position: bottom center;
    background-size: cover;
}

.newsletter-wrap[b-1f458rakiw] {
    background-image: url(../img/bg/newsletter_bg.jpg);
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    padding: 64px 65px 68px 77px;
    align-items: center;
    justify-content: space-between;
}

.newsletter-title .title[b-1f458rakiw] {
    font-size: 40px;
    margin-bottom: 0;
    letter-spacing: 1px;
    margin-left: 35px;
}

.newsletter-content[b-1f458rakiw] {
    display: flex;
    align-items: center;
    width: 50%;
}

.newsletter-form[b-1f458rakiw] {
    flex-grow: 1;
    margin-left: 127px;
}

    .newsletter-form form[b-1f458rakiw] {
        position: relative;
        display: flex;
        overflow: hidden;
    }

        .newsletter-form form[b-1f458rakiw]::before {
            content: "";
            position: absolute;
            background: #ffffff;
            width: 60px;
            height: 2px;
            left: -11px;
            bottom: -1px;
            transform: rotate(45deg);
        }

    .newsletter-form input[b-1f458rakiw] {
        background: #9d4923;
        color: #fff;
        border: 1px solid #fff;
        padding: 15px 27px;
        font-family: 'Poppins', sans-serif;
        font-size: 13px;
        font-weight: 400;
        clip-path: polygon(96% 0, 100% 36%, 100% 100%, 4% 100%, 0 66%, 0 0);
        height: 56px;
        width: 100%;
        padding-right: 220px;
    }

        .newsletter-form input[b-1f458rakiw]::placeholder {
            color: #fff;
        }

    .newsletter-form .btn[b-1f458rakiw] {
        position: absolute;
        right: 0;
        top: 0;
        height: 56px;
        background: #fff;
        color: #ff8503;
        font-size: 18px;
        align-items: center;
        transition: .3s ease-in-out;
    }

        .newsletter-form .btn i[b-1f458rakiw] {
            font-size: 15px;
            margin-right: 8px;
        }

        .newsletter-form .btn:hover[b-1f458rakiw] {
            background: #1f1f28;
            color: #fff;
        }

/* 30. Footer */
.footer-top-wrap[b-1f458rakiw] {
    background-image: url(../img/bg/footer_bg.jpg);
    background-position: center;
    background-size: cover;
    padding: 80px 0 55px;
}

.footer-menu-wrap[b-1f458rakiw] {
    position: relative;
    padding-bottom: 30px;
}

    .footer-menu-wrap[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #121418;
        box-shadow: 0px 3px 0px 0px rgba(143, 143, 143, 0.14);
    }

.footer-menu nav[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .footer-menu nav .navigation[b-1f458rakiw] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .footer-menu nav .navigation li[b-1f458rakiw] {
            margin-right: 34px;
        }

            .footer-menu nav .navigation li a[b-1f458rakiw] {
                color: #e8e6e6;
                font-size: 15px;
                font-weight: 500;
                padding: 10px;
                letter-spacing: 1px;
                text-transform: uppercase;
                display: block;
                font-family: 'Oswald', sans-serif;
            }

                .footer-menu nav .navigation li a:hover[b-1f458rakiw] {
                    color: #ff8503;
                }

.footer-search form[b-1f458rakiw] {
    min-width: 288px;
    position: relative;
    display: flex;
}

    .footer-search form input[b-1f458rakiw] {
        width: 100%;
        border: none;
        color: #fff;
        font-size: 13px;
        background: #1a131f;
        font-family: 'Poppins', sans-serif;
        height: 52px;
        padding: 15px 75px 15px 25px;
        clip-path: polygon(92% 0, 100% 30%, 100% 100%, 7% 100%, 0 63%, 0 0);
    }

        .footer-search form input[b-1f458rakiw]::placeholder {
            color: #828383;
        }

.footer-search button[b-1f458rakiw] {
    position: absolute;
    border: none;
    width: 53px;
    height: 52px;
    font-size: 14px;
    background: #ff8503;
    color: #fff;
    right: 0;
    clip-path: polygon(66% 0, 100% 37%, 100% 100%, 0% 100%, 0 63%, 0 0);
    transition: .3s linear;
}

    .footer-search button:hover[b-1f458rakiw] {
        background: #fff;
        color: #ff8503;
    }

.footer-quick-link-wrap[b-1f458rakiw] {
    margin-top: 40px;
}

.quick-link-list ul[b-1f458rakiw] {
    display: flex;
    align-items: center;
}

    .quick-link-list ul li[b-1f458rakiw] {
        margin: 5px 50px 5px 0px;
    }

        .quick-link-list ul li a[b-1f458rakiw] {
            font-size: 12px;
            text-transform: uppercase;
            color: #d8d8d8;
            font-weight: 500;
            display: block;
            letter-spacing: 1px;
            font-family: 'Oswald', sans-serif;
        }

            .quick-link-list ul li a:hover[b-1f458rakiw] {
                color: #ff8503;
            }

.footer-social ul[b-1f458rakiw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .footer-social ul li[b-1f458rakiw] {
        margin-right: 8px;
    }

        .footer-social ul li:last-child[b-1f458rakiw] {
            margin-right: 0;
        }

        .footer-social ul li a[b-1f458rakiw] {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            text-align: center;
            background: #18121d;
            border-radius: 50%;
            font-size: 12px;
            color: #bcbcbc;
            box-shadow: inset 0px 4px 9px 0px rgba(0, 0, 0, 0.25);
        }

            .footer-social ul li a:hover[b-1f458rakiw] {
                color: #ff8503;
            }

.copyright-wrap[b-1f458rakiw] {
    background: #1a131f;
    padding: 23px 0;
}

.copyright-text p[b-1f458rakiw] {
    font-size: 14px;
    font-weight: 500;
    color: #c5c5c5;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Oswald', sans-serif;
}

    .copyright-text p span[b-1f458rakiw] {
        color: #ff8503;
    }

/* 31. Preloader */
#preloader[b-1f458rakiw] {
    background-color: #1a1b21;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 999;
}

#loading-center[b-1f458rakiw] {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader[b-1f458rakiw] {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 75px;
    display: inline-block;
    vertical-align: middle;
}

    .loader .loader-outter[b-1f458rakiw] {
        position: absolute;
        border: 4px solid #ff8503;
        border-left-color: transparent;
        border-bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        -webkit-animation: loader-outter 1s cubic-bezier(.42, .61, .58, .41) infinite;
        animation: loader-outter-b-1f458rakiw 1s cubic-bezier(.42, .61, .58, .41) infinite;
    }

    .loader .loader-inner[b-1f458rakiw] {
        position: absolute;
        border: 4px solid #ff8503;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        left: calc(50% - 20px);
        top: calc(50% - 20px);
        border-right: 0;
        border-top-color: transparent;
        -webkit-animation: loader-inner 1s cubic-bezier(.42, .61, .58, .41) infinite;
        animation: loader-inner-b-1f458rakiw 1s cubic-bezier(.42, .61, .58, .41) infinite;
    }

@-webkit-keyframes loader-outter {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader-outter-b-1f458rakiw {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-inner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes loader-inner-b-1f458rakiw {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.cart-plus-minus h4[b-1f458rakiw] {
    font-size: 14px;
    position: relative;
    left: 60px;
    top: -35px;
}


.gallery-area-two button.slick-arrow.slick-next[b-1f458rakiw] {
    font-size: 40px;
    border: none;
    padding: 0;
    background: transparent;
    line-height: 1;
    color: #fff;
    z-index: 1;
}

.gallery-area-two button.slick-arrow.slick-prev[b-1f458rakiw] {
    font-size: 40px;
    border: none;
    padding: 0;
    background: transparent;
    line-height: 1;
    color: #fff;
    z-index: 1;
}


/* Animate Styles */
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated[b-1f458rakiw] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .animated.hinge[b-1f458rakiw] {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce-b-1f458rakiw {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce[b-1f458rakiw] {
    -webkit-animation-name: bounce;
    animation-name: bounce-b-1f458rakiw;
}

@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash-b-1f458rakiw {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash[b-1f458rakiw] {
    -webkit-animation-name: flash;
    animation-name: flash-b-1f458rakiw;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes pulse-b-1f458rakiw {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.pulse[b-1f458rakiw] {
    -webkit-animation-name: pulse;
    animation-name: pulse-b-1f458rakiw;
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@keyframes shake-b-1f458rakiw {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

.shake[b-1f458rakiw] {
    -webkit-animation-name: shake;
    animation-name: shake-b-1f458rakiw;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing-b-1f458rakiw {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing[b-1f458rakiw] {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing-b-1f458rakiw;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@keyframes tada-b-1f458rakiw {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

.tada[b-1f458rakiw] {
    -webkit-animation-name: tada;
    animation-name: tada-b-1f458rakiw;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes wobble-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.wobble[b-1f458rakiw] {
    -webkit-animation-name: wobble;
    animation-name: wobble-b-1f458rakiw;
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounceIn-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.bounceIn[b-1f458rakiw] {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn-b-1f458rakiw;
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInDown-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }

    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInDown[b-1f458rakiw] {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown-b-1f458rakiw;
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }

    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInLeft[b-1f458rakiw] {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft-b-1f458rakiw;
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes bounceInRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }

    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.bounceInRight[b-1f458rakiw] {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight-b-1f458rakiw;
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes bounceInUp-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.bounceInUp[b-1f458rakiw] {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp-b-1f458rakiw;
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
}

@keyframes bounceOut-b-1f458rakiw {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
}

.bounceOut[b-1f458rakiw] {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut-b-1f458rakiw;
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes bounceOutDown-b-1f458rakiw {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.bounceOutDown[b-1f458rakiw] {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown-b-1f458rakiw;
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes bounceOutLeft-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.bounceOutLeft[b-1f458rakiw] {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft-b-1f458rakiw;
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes bounceOutRight-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.bounceOutRight[b-1f458rakiw] {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight-b-1f458rakiw;
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes bounceOutUp-b-1f458rakiw {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.bounceOutUp[b-1f458rakiw] {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp-b-1f458rakiw;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeIn-b-1f458rakiw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn[b-1f458rakiw] {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn-b-1f458rakiw;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown[b-1f458rakiw] {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown-b-1f458rakiw;
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDownBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDownBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig-b-1f458rakiw;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft-b-1f458rakiw;
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeftBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInLeftBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig-b-1f458rakiw;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRight[b-1f458rakiw] {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight-b-1f458rakiw;
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRightBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fadeInRightBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig-b-1f458rakiw;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUp[b-1f458rakiw] {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp-b-1f458rakiw;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUpBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInUpBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig-b-1f458rakiw;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes fadeOut-b-1f458rakiw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut[b-1f458rakiw] {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut-b-1f458rakiw;
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}

@keyframes fadeOutDown-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}

.fadeOutDown[b-1f458rakiw] {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown-b-1f458rakiw;
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

@keyframes fadeOutDownBig-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}

.fadeOutDownBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig-b-1f458rakiw;
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes fadeOutLeft-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

.fadeOutLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft-b-1f458rakiw;
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes fadeOutLeftBig-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig-b-1f458rakiw;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeOutRight-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}

.fadeOutRight[b-1f458rakiw] {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight-b-1f458rakiw;
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes fadeOutRightBig-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.fadeOutRightBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig-b-1f458rakiw;
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes fadeOutUp-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.fadeOutUp[b-1f458rakiw] {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp-b-1f458rakiw;
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes fadeOutUpBig-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig-b-1f458rakiw;
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip[b-1f458rakiw] {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip-b-1f458rakiw;
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes flipInX-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX[b-1f458rakiw] {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX-b-1f458rakiw;
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes flipInY-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY[b-1f458rakiw] {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY-b-1f458rakiw;
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX[b-1f458rakiw] {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX-b-1f458rakiw;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY[b-1f458rakiw] {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY-b-1f458rakiw;
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

@keyframes lightSpeedIn-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn[b-1f458rakiw] {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn-b-1f458rakiw;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut[b-1f458rakiw] {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut-b-1f458rakiw;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateIn-b-1f458rakiw {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn[b-1f458rakiw] {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn-b-1f458rakiw;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft-b-1f458rakiw {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft-b-1f458rakiw;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight-b-1f458rakiw {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight[b-1f458rakiw] {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight-b-1f458rakiw;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft-b-1f458rakiw {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft-b-1f458rakiw;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight-b-1f458rakiw {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight[b-1f458rakiw] {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight-b-1f458rakiw;
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut-b-1f458rakiw {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut[b-1f458rakiw] {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut-b-1f458rakiw;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft-b-1f458rakiw {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft-b-1f458rakiw;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight-b-1f458rakiw {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight[b-1f458rakiw] {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight-b-1f458rakiw;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft-b-1f458rakiw {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft-b-1f458rakiw;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight-b-1f458rakiw {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight[b-1f458rakiw] {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight-b-1f458rakiw;
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideInDown-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.slideInDown[b-1f458rakiw] {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown-b-1f458rakiw;
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        transform: translateX(-400px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-400px);
        -ms-transform: translateX(-400px);
        transform: translateX(-400px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInLeft[b-1f458rakiw] {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft-b-1f458rakiw;
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(400px);
        -ms-transform: translateX(400px);
        transform: translateX(400px);
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.slideInRight[b-1f458rakiw] {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight-b-1f458rakiw;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

@keyframes slideOutLeft-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}

.slideOutLeft[b-1f458rakiw] {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft-b-1f458rakiw;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

@keyframes slideOutRight-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}

.slideOutRight[b-1f458rakiw] {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight-b-1f458rakiw;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

@keyframes slideOutUp-b-1f458rakiw {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}

.slideOutUp[b-1f458rakiw] {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp-b-1f458rakiw;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

@keyframes hinge-b-1f458rakiw {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge[b-1f458rakiw] {
    -webkit-animation-name: hinge;
    animation-name: hinge-b-1f458rakiw;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

@keyframes rollIn-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn[b-1f458rakiw] {
    -webkit-animation-name: rollIn;
    animation-name: rollIn-b-1f458rakiw;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

@keyframes rollOut-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut[b-1f458rakiw] {
    -webkit-animation-name: rollOut;
    animation-name: rollOut-b-1f458rakiw;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn-b-1f458rakiw {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn[b-1f458rakiw] {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn-b-1f458rakiw;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown-b-1f458rakiw {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown[b-1f458rakiw] {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown-b-1f458rakiw;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft-b-1f458rakiw {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft[b-1f458rakiw] {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft-b-1f458rakiw;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight-b-1f458rakiw {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight[b-1f458rakiw] {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight-b-1f458rakiw;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp-b-1f458rakiw {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp[b-1f458rakiw] {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp-b-1f458rakiw;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut-b-1f458rakiw {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut[b-1f458rakiw] {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut-b-1f458rakiw;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown-b-1f458rakiw {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown[b-1f458rakiw] {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown-b-1f458rakiw;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft-b-1f458rakiw {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft[b-1f458rakiw] {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft-b-1f458rakiw;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight-b-1f458rakiw {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight[b-1f458rakiw] {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight-b-1f458rakiw;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp-b-1f458rakiw {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp[b-1f458rakiw] {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp-b-1f458rakiw;
}

/* Responsive Styles */
/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1800px) {
    .custom-container[b-1f458rakiw] {
        max-width: 1400px;
    }

    .header-action[b-1f458rakiw] {
        margin-right: 70px;
    }

    .just-gamer-img .shape-3[b-1f458rakiw] {
        right: -75px;
    }
}


/* Extra large devices (large desktops, 1800px and up) */
@media (max-width: 1500px) {
    .custom-container[b-1f458rakiw] {
        max-width: 1200px;
    }

    .container[b-1f458rakiw] {
        max-width: 1200px;
    }

    .header-icon a[b-1f458rakiw] {
        width: 85px;
    }

    .navbar-wrap ul[b-1f458rakiw] {
        margin-left: 85px;
    }

    .menu-area[b-1f458rakiw]::before,
    .menu-area[b-1f458rakiw]::after {
        width: 115px;
    }

    .header-action[b-1f458rakiw] {
        margin-right: 65px;
    }

    .just-gamer-img .main-img[b-1f458rakiw] {
        max-width: 430px;
    }

    .just-gamer-img .shape-3[b-1f458rakiw] {
        right: -30px;
    }

    .just-gamer-img .shape-2[b-1f458rakiw] {
        right: 150px;
        top: 121px;
        max-width: 150px;
    }

    .just-gamer-img .shape-1[b-1f458rakiw] {
        left: -55px;
        max-width: 130px;
    }

    .banner-bg[b-1f458rakiw] {
        height: 680px;
    }

    .winner-thumb img[b-1f458rakiw] {
        max-width: 75%;
        margin-bottom: 15px;
    }

    .gallery-active .slick-slide[b-1f458rakiw] {
        margin: 0 15px;
        margin-top: 30px;
    }

        .gallery-active .slick-slide img[b-1f458rakiw] {
            max-width: 100%;
        }

    .gallery-active .slick-active.slick-center[b-1f458rakiw] {
        margin-top: 0;
    }

    .gallery-area .slider-nav[b-1f458rakiw] {
        max-width: 680px;
        bottom: 0;
    }

    .live-video-active[b-1f458rakiw] {
        max-width: 528px;
        flex: 0 0 528px;
    }

    .live-video-item .video[b-1f458rakiw] {
        margin: 25px 25px 70px;
    }

    .liveVideo[b-1f458rakiw] {
        width: 470px;
        height: 470px;
    }

    .live-video-item .video[b-1f458rakiw]::before {
        width: 526px;
        height: 526px;
    }

    .shop-date[b-1f458rakiw] {
        top: 11px;
        right: 26px;
    }

    .newsletter-form[b-1f458rakiw] {
        margin-left: 55px;
    }

    .footer-menu nav .navigation li[b-1f458rakiw] {
        margin-right: 20px;
    }

    .transparent-header .header-action[b-1f458rakiw] {
        margin-right: 0;
    }

    .header-action ul .header-phone[b-1f458rakiw] {
        padding: 25px 20px;
    }

    .transparent-header .navbar-wrap ul li a[b-1f458rakiw] {
        padding: 48px 27px;
    }

    .banner-area-two.banner-bg[b-1f458rakiw] {
        height: 750px;
    }

    .menu-area.transparent-header[b-1f458rakiw]::before,
    .menu-area.transparent-header[b-1f458rakiw]::after {
        width: 100px;
    }

    .banner-area-three .banner-content .title[b-1f458rakiw] {
        font-size: 70px;
    }

    .banner-area-three .banner-content p[b-1f458rakiw] {
        width: 85%;
    }

    .banner-img-wrap[b-1f458rakiw] {
        width: 480px;
    }

    .banner-img-item[b-1f458rakiw] {
        width: 220px;
        flex: 0 0 220px;
        height: 220px;
    }

        .banner-img-item img[b-1f458rakiw] {
            max-width: 100%;
        }

        .banner-img-item .shape[b-1f458rakiw] {
            max-width: 89%;
        }

    .banner-three-bg[b-1f458rakiw] {
        padding: 80px 0 100px;
    }

    .counter-item-two .counter-content p[b-1f458rakiw] {
        font-size: 23px;
    }

    .timeline-content .sold-img img[b-1f458rakiw] {
        border: 10px solid #171717;
        max-width: 100%;
    }

    .stem-bg[b-1f458rakiw] {
        padding: 120px 0;
    }

    .breadcrumb-inner[b-1f458rakiw] {
        padding: 0 0;
    }

    .breadcrumb-shape img[b-1f458rakiw] {
        max-width: 290px;
    }

    .about-info-item[b-1f458rakiw] {
        padding: 30px 30px;
    }

    .about-info-icon[b-1f458rakiw] {
        margin-right: 20px;
    }

    .about-title .title[b-1f458rakiw] {
        font-size: 34px;
    }

    .breadcrumb-img-two[b-1f458rakiw] {
        max-width: 400px;
        margin: 0 auto;
        padding: 0 40px;
    }

        .breadcrumb-img-two[b-1f458rakiw]::before, .breadcrumb-img-two[b-1f458rakiw]::after {
            width: 175px;
            height: 266px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .breadcrumb-img-two img[b-1f458rakiw] {
            max-width: 300px;
        }

        .breadcrumb-img-two:hover[b-1f458rakiw]::before {
            left: 20px;
        }

        .breadcrumb-img-two:hover[b-1f458rakiw]::after {
            left: auto;
            right: 20px;
        }

    .sidebar-search input[b-1f458rakiw] {
        padding: 17px 100px 17px 20px;
        height: 58px;
    }

    .blog-sidebar[b-1f458rakiw] {
        margin-left: 30px;
    }

    .contact-title p[b-1f458rakiw] {
        width: 100%;
    }

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        right: 30px;
        top: 0;
        height: 65px;
    }

    .streams-bottom-wrap[b-1f458rakiw] {
        width: 50%;
    }

    .my-match-inner[b-1f458rakiw] {
        padding: 0 0;
    }

    .squad-details-padding[b-1f458rakiw] {
        padding: 0 0;
    }

    .squad-live-streams-wrap[b-1f458rakiw] {
        padding: 0 87px;
    }

    .squad-details-content > p[b-1f458rakiw] {
        max-width: 91%;
    }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
    .custom-container[b-1f458rakiw] {
        max-width: 960px;
    }

    .header-action > ul li.header-btn[b-1f458rakiw] {
        display: none;
    }

    .header-shop-cart .minicart[b-1f458rakiw] {
        right: 0;
    }

    .navbar-wrap ul li a[b-1f458rakiw] {
        padding: 37px 23px;
    }

    .navbar-wrap ul[b-1f458rakiw] {
        margin-left: 100px;
    }

    .header-action ul .header-sine a[b-1f458rakiw] {
        display: none;
    }

    .header-icon a[b-1f458rakiw] {
        width: 72px;
        height: calc(100% + 18px);
    }

    .navbar-wrap > ul > li > a[b-1f458rakiw]::before {
        left: -12px;
    }

    .banner-content .title[b-1f458rakiw] {
        font-size: 115px;
    }

    .single-thumb[b-1f458rakiw] {
        width: calc(100% / 6);
        margin-bottom: 30px;
    }

    .live-video-active[b-1f458rakiw] {
        max-width: 60%;
        flex: 0 0 60%;
        margin: 0 0 0;
    }

    .live-video-navs[b-1f458rakiw] {
        width: 33%;
        flex: 0 0 33%;
    }

    .live-videos-wrapper[b-1f458rakiw] {
        align-items: center;
    }

    .live-stream-wrap[b-1f458rakiw] {
        padding: 100px 0px 100px 65px;
        margin-top: 0;
    }

    .live-stream-content[b-1f458rakiw] {
        margin-bottom: 50px;
    }

    .newsletter-wrap[b-1f458rakiw] {
        padding: 50px 40px;
    }

    .newsletter-title .title[b-1f458rakiw] {
        font-size: 36px;
    }

    .newsletter-form input[b-1f458rakiw] {
        clip-path: polygon(95% 0, 100% 36%, 100% 100%, 5% 100%, 0 66%, 0 0);
    }

    .just-gamer-img[b-1f458rakiw] {
        max-width: 575px;
        margin: 0 auto 40px;
    }

    .winner-wrap[b-1f458rakiw] {
        margin-right: 15px;
    }

    .header-action[b-1f458rakiw] {
        margin-right: 30px;
    }

    .shop-content-top[b-1f458rakiw] {
        margin-bottom: 20px;
    }

    .transparent-header .header-action ul li.header-phone[b-1f458rakiw] {
        display: none;
    }

    .transparent-header .header-action ul li.header-th[b-1f458rakiw] {
        margin-right: 0;
    }

    .transparent-header .navbar-wrap ul[b-1f458rakiw] {
        margin-left: 95px;
    }

        .transparent-header .navbar-wrap ul li a[b-1f458rakiw] {
            padding: 37px 23px;
        }

    .banner-area-two .banner-content[b-1f458rakiw] {
        margin-top: 90px;
    }

    .banner-area-two.banner-bg[b-1f458rakiw] {
        height: 650px;
    }

    .offer-area .section-title .title[b-1f458rakiw] {
        font-size: 48px;
    }

    .offer-area[b-1f458rakiw]::before {
        left: auto;
        right: 15px;
    }

    .offer-item[b-1f458rakiw] {
        padding: 30px 25px;
    }

    .counter-item .counter-content .count[b-1f458rakiw] {
        font-size: 65px;
    }

    .gp-item:not(:last-child)[b-1f458rakiw] {
        margin-bottom: 40px;
    }

    .gp-item:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .give-player-bg[b-1f458rakiw] {
        background-position: bottom center;
        padding-bottom: 115px;
    }

    .live-match-team img[b-1f458rakiw] {
        max-width: 100%;
    }

    .live-match-time > span[b-1f458rakiw] {
        margin: 0 auto 40px;
    }

    .live-match-time .time[b-1f458rakiw]::before,
    .live-match-time .time[b-1f458rakiw]::after {
        left: -20px;
    }

    .live-match-time .time[b-1f458rakiw]::after {
        left: auto;
        right: -20px;
    }

    .banner-img-wrap[b-1f458rakiw] {
        width: 100%;
    }

    .banner-area-three .banner-content .title[b-1f458rakiw] {
        font-size: 56px;
    }

    .banner-area-three .banner-content p[b-1f458rakiw] {
        width: 100%;
    }

    .banner-three-bg[b-1f458rakiw] {
        padding: 100px 0 100px;
    }

    .ClassyCountdown-wrapper > div[b-1f458rakiw] {
        margin: 0 20px 50px;
    }

    .countdown-wrap img[b-1f458rakiw] {
        max-width: 100%;
    }

    .counter-item-two .counter-content .count[b-1f458rakiw] {
        font-size: 32px;
    }

    .counter-area-two .counter-item-two .counter-content p[b-1f458rakiw] {
        font-size: 18px;
        line-height: 1.5 !important;
    }

    .timeline-content > p[b-1f458rakiw] {
        margin: 0 0 0;
    }

    .timeline-bottom-image[b-1f458rakiw] {
        max-width: 820px;
    }

    .stem-content .title[b-1f458rakiw] {
        font-size: 76px;
    }

    .breadcrumb-img[b-1f458rakiw] {
        padding: 0 65px 0 0;
        height: auto;
    }

        .breadcrumb-img img[b-1f458rakiw] {
            max-height: 245px;
            max-width: 100%;
        }

        .breadcrumb-img[b-1f458rakiw]::before {
            display: none;
        }

    .breadcrumb-shape img[b-1f458rakiw] {
        max-width: 215px;
    }

    .breadcrumb-overflow[b-1f458rakiw] {
        padding: 55px 0 95px;
    }

    .about-info-item[b-1f458rakiw] {
        display: block;
    }

    .about-info-icon[b-1f458rakiw] {
        margin-bottom: 15px;
    }

    .blog-content .title[b-1f458rakiw] {
        font-size: 26px;
    }

    .blog-sidebar[b-1f458rakiw] {
        margin-left: 0;
    }

    .blog-categories ul li a[b-1f458rakiw] {
        padding: 15px 15px;
    }

    .rc-post-thumb[b-1f458rakiw] {
        width: 90px;
        flex: 0 0 90px;
    }

    .rc-post-content .title[b-1f458rakiw] {
        font-size: 14px;
    }

    .blog-details-img[b-1f458rakiw] {
        margin: 0 0 20px;
    }

    .comment-reply-box[b-1f458rakiw] {
        padding: 40px 30px;
    }

    .contact-wrap[b-1f458rakiw] {
        margin: 0 50px 0 0;
    }

    .inner-shop-area .shop-sidebar[b-1f458rakiw] {
        margin: 120px 0 0;
    }

    .pagination-wrap ul[b-1f458rakiw] {
        justify-content: center;
    }

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        height: 57px;
    }

    .match-single-content[b-1f458rakiw] {
        padding: 35px 25px;
    }

    .breadcrumb-img-three[b-1f458rakiw]::before,
    .breadcrumb-img-three[b-1f458rakiw]::after {
        display: none;
    }

    .breadcrumb-img-three[b-1f458rakiw] {
        min-width: 100%;
        margin: 0 0 0 0;
    }

        .breadcrumb-img-three img[b-1f458rakiw] {
            max-width: 100%;
        }

    .breadcrumb-bg-three .breadcrumb-content .title[b-1f458rakiw] {
        font-size: 50px;
    }

    .breadcrumb-img-three.right-team[b-1f458rakiw] {
        margin: 0 0 0 auto;
    }

    .live-streams-wrapper[b-1f458rakiw] {
        padding: 0 45px;
    }

    .live-streams-active .slick-arrow[b-1f458rakiw] {
        left: -30px;
    }

    .live-streams-active .slick-next[b-1f458rakiw] {
        right: -30px;
        left: auto;
    }

    .prize-pool img[b-1f458rakiw] {
        max-width: 100%;
    }

    .my-match-box-wrap ul[b-1f458rakiw] {
        top: 60px;
        left: 80px;
        right: 80px;
    }

    .my-match-box-wrap[b-1f458rakiw] {
        margin-top: -25px;
    }

        .my-match-box-wrap ul li:nth-child(2)[b-1f458rakiw] {
            width: 260px;
            flex: 0 0 260px;
        }

    .my-match-info[b-1f458rakiw] {
        padding: 0 0;
    }


    .squad-live-streams-wrap[b-1f458rakiw] {
        padding: 0 45px;
    }

    .squad-details-content > p[b-1f458rakiw] {
        max-width: 100%;
    }
}


/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
    .custom-container[b-1f458rakiw] {
        max-width: 720px;
    }

    .container[b-1f458rakiw] {
        max-width: 720px;
    }

    .main-header[b-1f458rakiw] {
        padding: 25px 0;
    }

    .menu-nav[b-1f458rakiw] {
        justify-content: space-between;
    }

    .header-action[b-1f458rakiw] {
        margin-right: 40px;
    }

    .header-shop-cart .minicart[b-1f458rakiw] {
        top: 51px;
    }

    .menu-outer .navbar-wrap[b-1f458rakiw] {
        display: block !important;
    }

    .menu-area .mobile-nav-toggler[b-1f458rakiw] {
        display: block;
    }

    .menu-area[b-1f458rakiw] {
        padding: 20px 0;
    }

    .header-action[b-1f458rakiw] {
        display: none;
    }

    .single-thumb[b-1f458rakiw] {
        width: calc(100% / 4);
    }

    .header-icon[b-1f458rakiw] {
        display: none;
    }

    .tournament-content[b-1f458rakiw] {
        text-align: center;
        margin-bottom: 50px;
    }

        .tournament-content p[b-1f458rakiw] {
            width: 90%;
            margin: 0 auto 35px;
        }

        .tournament-content .title[b-1f458rakiw] {
            font-size: 40px;
        }

    .winner-wrap[b-1f458rakiw] {
        margin-right: 0;
    }

    .shop-date[b-1f458rakiw] {
        top: 8px;
        right: 20px;
    }

    .shop-thumb .shop-img[b-1f458rakiw] {
        max-width: 160px;
    }

    .newsletter-wrap[b-1f458rakiw] {
        display: block;
        text-align: center;
    }

    .newsletter-content[b-1f458rakiw] {
        width: 75%;
        text-align: left;
        margin: 0 auto 30px;
    }

    .newsletter-form input[b-1f458rakiw] {
        clip-path: polygon(96% 0, 100% 36%, 100% 100%, 4% 100%, 0 66%, 0 0);
    }

    .newsletter-form form[b-1f458rakiw]::before {
        height: 2px;
        left: -9px;
        bottom: -1px;
        transform: rotate(40deg);
    }

    .live-video-navs[b-1f458rakiw] {
        width: 100%;
        flex: 0 0 100%;
    }

    .live-video-active[b-1f458rakiw] {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .live-videos-wrapper[b-1f458rakiw] {
        display: block;
    }

    .live-stream-wrap[b-1f458rakiw] {
        padding: 70px 65px 70px 65px;
    }

    .video-nav-item[b-1f458rakiw]::before {
        display: none;
    }

    .video-nav-item[b-1f458rakiw] {
        display: block !important;
        text-align: center;
        padding: 0 25px 0 25px;
        transform: scale(1);
        margin-bottom: 0;
    }

        .video-nav-item .thumb[b-1f458rakiw] {
            width: 110px;
            flex: 0 0 110px;
            margin: 0 auto 15px;
        }

    .live-video-navs[b-1f458rakiw] {
        width: 100%;
        flex: 0 0 100%;
        margin: 50px 0 0;
    }

    .footer-top-wrap .f-logo[b-1f458rakiw] {
        text-align: center;
        margin-bottom: 50px;
    }

    .copyright-img img[b-1f458rakiw] {
        max-width: 100%;
    }

    .banner-area-two .banner-content[b-1f458rakiw] {
        margin-top: 80px;
    }

    .gp-item[b-1f458rakiw] {
        text-align: center;
        padding: 0 19px;
    }

    .gp-item-top[b-1f458rakiw] {
        display: block;
    }

    .gp-item .gp-item-top .title[b-1f458rakiw] {
        margin: 25px 0 0 0 !important;
    }

    .gp-content[b-1f458rakiw] {
        text-align: center !important;
    }

    .live-match-time[b-1f458rakiw] {
        margin: 50px 0;
    }

    .live-match-team.right[b-1f458rakiw] {
        text-align: right;
    }

    .banner-three-bg[b-1f458rakiw] {
        padding: 100px 0 120px;
    }

    .banner-img-wrap[b-1f458rakiw] {
        width: 94%;
        margin: 0 auto 60px;
    }

    .banner-area-three .banner-content[b-1f458rakiw] {
        text-align: center;
    }

        .banner-area-three .banner-content .small-title[b-1f458rakiw] {
            display: inline-block;
        }

        .banner-area-three .banner-content p[b-1f458rakiw] {
            width: 75%;
            margin: 0 auto 30px;
        }

        .banner-area-three .banner-content .title[b-1f458rakiw] {
            display: block;
        }

        .banner-area-three .banner-content .banner-btn[b-1f458rakiw] {
            justify-content: center;
        }

    .counter-area-two .row .col-20[b-1f458rakiw] {
        width: 33.333%;
        flex: 0 0 33.333%;
    }

    .counter-area-two .counter-item-two .counter-content p[b-1f458rakiw] {
        font-size: 22px;
    }

    .counter-item-two .counter-content .count[b-1f458rakiw] {
        margin-bottom: 20px;
    }

    .counter-item-two .counter-content .count[b-1f458rakiw] {
        font-size: 36px;
    }

    .sold-percentage .title[b-1f458rakiw] {
        font-size: 36px;
    }

    .roadmap-timeline-wrap ul li[b-1f458rakiw]::before {
        left: 31%;
    }

    .timeline-content .accordion-button[b-1f458rakiw] {
        font-size: 25px;
    }

    .timeline-content .accordion-body .title[b-1f458rakiw] {
        font-size: 18px;
    }

    .timeline-content > p[b-1f458rakiw] {
        letter-spacing: 6px;
        line-height: 2.4;
    }

    .breadcrumb-img[b-1f458rakiw] {
        padding: 0 0 0;
        height: auto;
    }

    .breadcrumb-img-two[b-1f458rakiw]::before,
    .breadcrumb-img-two[b-1f458rakiw]::after {
        display: none;
    }

    .breadcrumb-img-two[b-1f458rakiw] {
        padding: 0 0;
    }

    .breadcrumb-content .title[b-1f458rakiw] {
        font-size: 52px;
    }

    .blog-sidebar[b-1f458rakiw] {
        margin-top: 120px;
    }

    .rc-post-content .title[b-1f458rakiw] {
        font-size: 16px;
    }

    .blog-details-content blockquote[b-1f458rakiw] {
        padding: 47px 45px 47px 125px;
    }

    .contact-wrap[b-1f458rakiw] {
        margin: 0 0;
    }

    .contact-info-wrap[b-1f458rakiw] {
        margin: 70px 0 0;
    }

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        height: 80px;
        right: 45px;
    }

    .shop-details-content[b-1f458rakiw] {
        margin: 50px 0 0;
    }

    .shop-details-price[b-1f458rakiw] {
        margin-bottom: 25px;
    }

    .shop-details-quantity[b-1f458rakiw] {
        margin: 30px 0 40px;
    }

    .breadcrumb-bg-three .breadcrumb-content[b-1f458rakiw] {
        margin: 0 0 45px;
    }

    .my-match-box-wrap ul[b-1f458rakiw] {
        top: 0;
        left: 0;
        right: 0;
        position: unset;
        display: block;
        height: 400px;
    }

    .my-match-box-wrap > img[b-1f458rakiw] {
        display: none;
    }

    .my-match-box-wrap[b-1f458rakiw] {
        margin: 0 auto 40px;
        max-width: 70%;
        background-color: rgba(42, 40, 49, 0.49);
        box-shadow: 0px 3px 43px 0px rgba(15, 14, 13, 0.68);
        padding: 50px 30px;
    }

        .my-match-box-wrap ul li:first-child[b-1f458rakiw],
        .my-match-box-wrap ul li:nth-child(2)[b-1f458rakiw],
        .my-match-box-wrap ul li:last-child[b-1f458rakiw] {
            width: 100%;
            flex: 0 0 100%;
        }

            .my-match-box-wrap ul li:nth-child(2)[b-1f458rakiw] {
                margin-top: 35px;
            }

            .my-match-box-wrap ul li:last-child[b-1f458rakiw] {
                margin-top: 1.5rem;
                text-align: start;
            }

    .my-match-info[b-1f458rakiw] {
        padding: 0;
        text-align: center;
    }

        .my-match-info h5[b-1f458rakiw] {
            font-size: 20px;
        }

    .my-match-team[b-1f458rakiw] {
        justify-content: center;
    }

    .watch-stream[b-1f458rakiw] {
        justify-content: center;
        margin-top: 25px;
    }

    .my-match-box-wrap:last-child[b-1f458rakiw] {
        margin-bottom: 0;
    }

    .match-menu[b-1f458rakiw] {
        margin-bottom: 40px;
        justify-content: center;
        margin-left: 0;
        display: flex;
    }

    .live-streams-wrapper[b-1f458rakiw] {
        padding: 0 0;
    }

    .streams-bottom-wrap[b-1f458rakiw] {
        height: 120px;
        width: 60%;
        clip-path: polygon(0 0, 100% 0%, 96% 100%, 0% 100%);
    }

        .streams-bottom-wrap[b-1f458rakiw]::before {
            transform: rotate(8deg);
            right: 11px;
        }

    .streams-content .title[b-1f458rakiw] {
        font-size: 17px;
    }

    .streams-content[b-1f458rakiw] {
        margin-left: 15px;
    }

    .streams-bottom-wrap .watch-stream[b-1f458rakiw] {
        margin-right: 45px;
    }

    .live-streams-active .slick-arrow[b-1f458rakiw] {
        left: 0;
    }

    .live-streams-active .slick-next[b-1f458rakiw] {
        right: 0;
        left: auto;
    }


    .squad-live-streams-wrap[b-1f458rakiw] {
        padding: 0 0;
    }
}


/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
    .custom-container[b-1f458rakiw],
    .container[b-1f458rakiw] {
        max-width: 100%;
    }

    .transparent-header[b-1f458rakiw] {
        top: 0;
    }

    .menu-area[b-1f458rakiw]::after {
        display: none;
    }

    .menu-area[b-1f458rakiw]::before {
        display: none;
    }

    .banner-content .small-title[b-1f458rakiw] {
        font-size: 18px;
        letter-spacing: 12px;
        margin-bottom: 15px;
    }

    .banner-content .title[b-1f458rakiw] {
        font-size: 70px;
    }

    .just-gamer-img .main-img[b-1f458rakiw] {
        max-width: 100%;
    }

    .just-gamer-img [class*="shape-"][b-1f458rakiw] {
        display: none;
    }

    .single-thumb[b-1f458rakiw] {
        width: calc(100% / 3);
    }

    .live-stream-wrap[b-1f458rakiw] {
        padding: 40px 30px 50px 30px;
    }

    .newsletter-content[b-1f458rakiw] {
        width: 100%;
        text-align: center;
        display: block;
    }

    .section-title.title-style-two .title[b-1f458rakiw],
    .section-title .title[b-1f458rakiw] {
        font-size: 34px;
    }

    .just-gamer-content-box[b-1f458rakiw] {
        padding: 40px 25px;
    }

    .gamer-content[b-1f458rakiw] {
        align-items: flex-start;
    }

        .gamer-content i[b-1f458rakiw] {
            margin-top: 6px;
        }

    .section-title p[b-1f458rakiw] {
        margin-bottom: 20px;
        width: 100%;
    }

    .winner-wrap[b-1f458rakiw] {
        padding: 40px 25px;
    }

    .tournament-content .title[b-1f458rakiw] {
        font-size: 34px;
    }

    .gallery-active .slick-slide[b-1f458rakiw] {
        margin: 0 10px;
        margin-top: 0;
    }

    .single-thumb a > img[b-1f458rakiw] {
        max-width: 100%;
    }

    .live-video-item .video[b-1f458rakiw]::before {
        display: none;
    }

    .shop-thumb .shop-img[b-1f458rakiw] {
        max-width: 145px;
    }

    .shop-date[b-1f458rakiw] {
        top: 15px;
        right: 35px;
    }

    .liveVideo[b-1f458rakiw] {
        width: 320px;
        height: 320px;
    }

    .banner-bg[b-1f458rakiw] {
        height: 520px;
    }

    .newsletter-wrap[b-1f458rakiw] {
        padding: 50px 25px;
    }

    .newsletter-title .title[b-1f458rakiw] {
        font-size: 30px;
        margin: 0;
    }

    .newsletter-icon[b-1f458rakiw] {
        margin-bottom: 10px;
    }

    .newsletter-form[b-1f458rakiw] {
        margin-left: 0;
    }

        .newsletter-form form[b-1f458rakiw] {
            display: block;
        }

        .newsletter-form .btn[b-1f458rakiw] {
            position: unset;
        }

        .newsletter-form input[b-1f458rakiw] {
            clip-path: none;
            margin-bottom: 15px;
            padding: 14px 25px;
        }

        .newsletter-form form[b-1f458rakiw]::before {
            display: none;
        }

    .footer-menu nav[b-1f458rakiw] {
        justify-content: center;
        flex-wrap: wrap;
    }

        .footer-menu nav .navigation[b-1f458rakiw] {
            justify-content: center;
            margin-bottom: 20px;
        }

    .quick-link-list ul[b-1f458rakiw] {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 20px;
    }

        .quick-link-list ul li[b-1f458rakiw] {
            margin: 5px 15px 5px 15px;
        }

    .footer-social ul[b-1f458rakiw] {
        justify-content: center;
    }

    .copyright-text p[b-1f458rakiw] {
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.6;
    }

    .scroll-top[b-1f458rakiw] {
        right: 15px;
    }

    .footer-menu nav .navigation li[b-1f458rakiw] {
        margin: 0 10px;
    }

        .footer-menu nav .navigation li a[b-1f458rakiw] {
            padding: 5px 10px;
        }

    .live-video-item .video[b-1f458rakiw] {
        margin: 0 0 20px;
    }

    .offer-area .section-title .title[b-1f458rakiw] {
        font-size: 34px;
    }

        .offer-area .section-title .title br[b-1f458rakiw] {
            display: none;
        }

    .offer-area[b-1f458rakiw]::before {
        left: auto;
        right: 20px;
        width: 85px;
        height: 118px;
    }

    .counter-content[b-1f458rakiw] {
        margin-left: 25px;
    }

    .counter-item .counter-content .count[b-1f458rakiw] {
        font-size: 60px;
    }

    .gallery-active-two .slick-slide .popup-video[b-1f458rakiw] {
        width: 70px;
        height: 70px;
    }

    .gallery-area-two .gallery-item img[b-1f458rakiw] {
        border: 7px solid #30344a;
    }

    .live-match-time > span[b-1f458rakiw] {
        margin: 0 auto 20px;
    }

    .counter-item[b-1f458rakiw] {
        justify-content: center;
    }

    .banner-img-item .shape[b-1f458rakiw] {
        display: none;
    }

    .banner-img-item[b-1f458rakiw] {
        width: 50%;
        flex: 0 0 50%;
        height: auto;
        padding: 0 10px;
        margin-bottom: 20px;
    }

    .banner-img-wrap[b-1f458rakiw] {
        width: auto;
        margin: 0 -10px 40px;
    }

    .banner-img-item:nth-child(4n+1)[b-1f458rakiw] {
        margin-top: 20px;
    }

    .banner-img-item:nth-child(4n+4)[b-1f458rakiw] {
        margin-top: -20px;
    }

    .banner-area-three .banner-content .title[b-1f458rakiw] {
        font-size: 36px;
    }

    .banner-area-three .banner-content p[b-1f458rakiw] {
        width: 100%;
        margin: 0 auto 25px;
    }

    .title-style-three .title[b-1f458rakiw]::after {
        display: none;
    }

    .countdown-wrap p[b-1f458rakiw] {
        letter-spacing: 10px;
    }

    .counter-area-two .row .col-20[b-1f458rakiw] {
        width: 75%;
        flex: 0 0 75%;
    }

    .counter-item-two .counter-content .count[b-1f458rakiw] {
        margin-bottom: 5px;
    }

    .counter-item-two .counter-content[b-1f458rakiw] {
        margin-bottom: 50px;
    }

    .team-area-two[b-1f458rakiw] {
        padding: 110px 0 65px;
    }

    .roadmap-timeline-wrap[b-1f458rakiw]::before,
    .roadmap-timeline-wrap ul li[b-1f458rakiw]::before {
        display: none;
    }

    .roadmap-timeline-wrap ul li[b-1f458rakiw] {
        display: block;
        margin-bottom: 60px;
    }

    .timeline-content[b-1f458rakiw] {
        width: 100%;
    }

    .sold-percentage[b-1f458rakiw] {
        width: 100%;
    }

    .timeline-content .image[b-1f458rakiw] {
        margin-bottom: 25px;
    }

    .sold-percentage[b-1f458rakiw] {
        width: 100%;
        margin-bottom: 25px;
    }

        .sold-percentage .title[b-1f458rakiw] {
            font-size: 30px;
        }

    .timeline-content > p[b-1f458rakiw] {
        letter-spacing: 5px;
        line-height: 2;
    }

    .timeline-content .sold-img img[b-1f458rakiw] {
        border: 5px solid #171717;
    }

    .timeline-content .accordion-button[b-1f458rakiw] {
        font-size: 20px;
        padding: 20px 20px;
    }

    .timeline-content .accordion-body[b-1f458rakiw] {
        padding: 0 20px 25px;
    }

    .roadmap-timeline-wrap ul li[b-1f458rakiw] {
        margin-bottom: 50px;
    }

    .timeline-bottom-image .main-img[b-1f458rakiw] {
        border: 5px solid #ff8503;
    }

    .timeline-bottom-image .shape[b-1f458rakiw] {
        display: none;
    }

    .timeline-bottom-image .btn[b-1f458rakiw] {
        left: 50%;
        bottom: auto;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .stem-content .title[b-1f458rakiw] {
        font-size: 52px;
    }

    .stem-content > span[b-1f458rakiw] {
        font-size: 20px;
        letter-spacing: 10px;
    }

    .stem-content .stem-icon a[b-1f458rakiw] {
        font-size: 84px;
    }

    .breadcrumb-shape[b-1f458rakiw] {
        display: none;
    }

    .breadcrumb-overflow[b-1f458rakiw] {
        padding: 60px 0 80px;
    }

    .breadcrumb-content .title[b-1f458rakiw] {
        font-size: 48px;
        margin: 0 0 20px;
    }

    .about-title .title[b-1f458rakiw] {
        font-size: 22px;
    }

    .about-info-item[b-1f458rakiw] {
        padding: 30px 25px;
    }

    .blog-area[b-1f458rakiw],
    .blog-details-area[b-1f458rakiw] {
        padding: 120px 0 120px;
    }

    .blog-thumb.mb-50[b-1f458rakiw] {
        margin-bottom: 25px;
    }

    .blog-content .title[b-1f458rakiw] {
        font-size: 24px;
    }

    .blog-details-content-bottom .social li a[b-1f458rakiw],
    .blog-content-bottom .social li a[b-1f458rakiw] {
        width: 46px;
        height: 46px;
        clip-path: polygon(78% 0, 100% 30%, 100% 100%, 28% 100%, 0% 74%, 0 0);
    }

        .blog-details-content-bottom .social li a[b-1f458rakiw]::before,
        .blog-content-bottom .social li a[b-1f458rakiw]::before {
            left: -19px;
            bottom: -1px;
            transform: rotate(43deg);
        }

        .blog-details-content-bottom .social li a[b-1f458rakiw]::after,
        .blog-content-bottom .social li a[b-1f458rakiw]::after {
            right: -21px;
            top: -1px;
            transform: rotate(52deg);
        }

    .blog-content-bottom .btn[b-1f458rakiw] {
        letter-spacing: 0;
        font-size: 16px;
        padding: 15px 25px;
        margin: 15px 15px 0px 0;
    }

    .blog-meta ul li[b-1f458rakiw] {
        margin: 0 15px 5px 0;
    }

    .blog-details-content-bottom .social[b-1f458rakiw],
    .blog-content-bottom .social[b-1f458rakiw] {
        margin: 15px 0 0;
    }

    .blog-content-bottom[b-1f458rakiw] {
        padding-top: 10px;
    }

    .blog-sidebar[b-1f458rakiw] {
        margin-top: 80px;
    }

    .blog-details-content blockquote[b-1f458rakiw] {
        padding: 35px 35px;
    }

        .blog-details-content blockquote[b-1f458rakiw]::before {
            left: 30px;
            top: 30px;
            opacity: .2;
            line-height: 1;
        }

        .blog-details-content blockquote p[b-1f458rakiw] {
            margin-bottom: 15px;
        }

    .avatar-post[b-1f458rakiw] {
        display: block;
        padding: 35px 25px;
        text-align: center;
    }

    .avatar-post-img[b-1f458rakiw] {
        margin: 0 0 20px;
    }

    .ap-content-top[b-1f458rakiw] {
        justify-content: center;
    }

    .avatar-post .social[b-1f458rakiw] {
        justify-content: center;
    }

    .comment-reply-box[b-1f458rakiw] {
        padding: 35px 25px;
    }

    .form-grp textarea[b-1f458rakiw],
    .form-grp input[b-1f458rakiw] {
        height: 58px;
        padding: 16px 25px;
    }

    .rc-post-content .title[b-1f458rakiw] {
        font-size: 15px;
    }

    .blog-details-content-bottom .post-tags[b-1f458rakiw] {
        margin-right: 20px;
    }

    .contact-title .title[b-1f458rakiw] {
        font-size: 33px;
    }

        .contact-title .title span[b-1f458rakiw] {
            font-size: 28px;
        }

    .contact-info-list .content p br[b-1f458rakiw] {
        display: none;
    }

    .contact-area[b-1f458rakiw] {
        padding: 115px 0 120px;
    }

    .inner-shop-area[b-1f458rakiw] {
        padding: 120px 0 120px;
    }

    .shop-details-area[b-1f458rakiw] {
        padding: 120px 0 60px;
    }

    .shop-details-images .nav-tabs .nav-item[b-1f458rakiw] {
        max-width: 29%;
    }

        .shop-details-images .nav-tabs .nav-item .nav-link img[b-1f458rakiw] {
            max-width: 100%;
        }

    .shop-details-content > p[b-1f458rakiw] {
        width: 100%;
    }

    .shop-description-wrap .tab-content .tab-pane[b-1f458rakiw] {
        padding: 30px 25px 40px;
    }

    .product-desc-img[b-1f458rakiw] {
        margin-bottom: 25px;
    }

    .product-desc-review[b-1f458rakiw] {
        padding: 20px 20px;
        overflow: hidden;
    }

    .shop-description-wrap .nav-tabs[b-1f458rakiw] {
        padding: 23px 25px 8px;
    }

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        height: 45px;
        right: 20px;
    }

        .shop-details-thumb .shop-date span[b-1f458rakiw] {
            font-size: 14px;
        }

    .shop-description-wrap .nav-tabs .nav-item[b-1f458rakiw] {
        margin: 0 30px 15px 0;
    }

    .breadcrumb-bg-three .breadcrumb-content .title[b-1f458rakiw] {
        font-size: 48px;
    }

    .breadcrumb-img-three.right-team[b-1f458rakiw] {
        margin: 45px 0 0 auto;
    }

    .match-single-img .row [class*="col-"]:first-child img[b-1f458rakiw] {
        margin: 0 0 25px;
    }

    .my-match-box-wrap[b-1f458rakiw] {
        margin: 0 auto 30px;
        max-width: 100%;
        padding: 40px 20px;
        min-height: 450px;
    }

    .team-one img[b-1f458rakiw] {
        max-width: 70px;
    }

    .match-menu[b-1f458rakiw] {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto 30px;
    }

        .match-menu button[b-1f458rakiw] {
            margin-bottom: 10px;
        }

    .streams-bottom-wrap[b-1f458rakiw] {
        height: auto;
        width: 100%;
        position: unset;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
        padding: 25px 25px;
        display: block;
    }

    .streams-content[b-1f458rakiw] {
        margin-left: 0;
    }

    .streams-thumb a[b-1f458rakiw] {
        font-size: 50px;
    }

    .streams-content .title[b-1f458rakiw] {
        font-size: 20px;
    }

    .streams-bottom-wrap .watch-stream[b-1f458rakiw] {
        margin: 13px 0 0;
        justify-content: flex-start;
    }

    .streams-bottom-wrap[b-1f458rakiw]::before {
        display: none;
    }

    .tournament-area-bg .live-streams-area[b-1f458rakiw] {
        padding: 110px 0 117px;
    }

    .squad-details-area[b-1f458rakiw] {
        padding: 120px 0 120px;
    }
}


@media (max-width: 420px) {
    .liveVideo[b-1f458rakiw] {
        width: 228px;
        height: 228px;
    }

    .single-thumb[b-1f458rakiw] {
        width: calc(100% / 2);
    }

    .banner-content .title[b-1f458rakiw] {
        font-size: 54px;
    }

    .shop-date[b-1f458rakiw] {
        top: 6px;
        right: 15px;
    }

    .breadcrumb-overflow[b-1f458rakiw] {
        padding: 60px 0 70px;
    }

    .contact-info-list[b-1f458rakiw] {
        padding: 30px 10px;
    }

    .contact-social[b-1f458rakiw] {
        padding: 0 10px 25px;
    }

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        height: 38px;
        right: 14px;
    }

        .shop-details-thumb .shop-date span[b-1f458rakiw] {
            font-size: 14px;
        }



    .squad-details-meta[b-1f458rakiw] {
        display: block;
    }

    .squad-details-info[b-1f458rakiw] {
        justify-content: center;
        margin: 0 auto 20px;
    }

    .squad-details-social[b-1f458rakiw] {
        margin: 0 auto 15px auto;
        text-align: center;
    }

        .squad-details-social .social-list > a:first-child[b-1f458rakiw] {
            margin-left: 0;
        }

        .squad-details-social .social-list[b-1f458rakiw] {
            justify-content: center;
        }
}



/* Small devices (landscape phones, 576px and up) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container[b-1f458rakiw],
    .container[b-1f458rakiw] {
        max-width: 540px;
    }

    .just-gamer-img .main-img[b-1f458rakiw] {
        max-width: 80%;
    }

    .just-gamer-content-box[b-1f458rakiw] {
        padding: 50px 40px;
    }

    .section-title.title-style-two .title[b-1f458rakiw],
    .section-title .title[b-1f458rakiw] {
        font-size: 45px;
    }

    .tournament-content .title[b-1f458rakiw] {
        font-size: 45px;
    }

    .single-thumb[b-1f458rakiw] {
        width: calc(100% / 4);
    }

    .liveVideo[b-1f458rakiw] {
        width: 380px;
        height: 380px;
    }

    .shop-date[b-1f458rakiw] {
        top: 10px;
        right: 20px;
    }

    .newsletter-wrap[b-1f458rakiw] {
        padding: 50px 60px;
    }

    .banner-content .title[b-1f458rakiw] {
        font-size: 90px;
    }

    .just-gamer-img [class*="shape-2"][b-1f458rakiw] {
        display: block;
    }

    .gp-item[b-1f458rakiw] {
        padding: 0 40px;
    }

    .banner-area-three .banner-content .title[b-1f458rakiw] {
        font-size: 60px;
    }

    .counter-area-two .row .col-20[b-1f458rakiw] {
        width: 50%;
        flex: 0 0 50%;
    }

    .stem-content .title[b-1f458rakiw] {
        font-size: 62px;
    }

    .about-title .title[b-1f458rakiw] {
        font-size: 28px;
    }

    .rc-post-content .title[b-1f458rakiw] {
        font-size: 16px;
    }

    .shop-details-thumb .shop-date span[b-1f458rakiw] {
        font-size: 16px;
    }

    .shop-details-thumb .shop-date[b-1f458rakiw] {
        height: 60px;
        right: 30px;
    }

    .breadcrumb-img-three.right-team[b-1f458rakiw] {
        margin: 0 0 0 auto;
    }

    .breadcrumb-img-three .team-logo[b-1f458rakiw] {
        max-height: 100px;
    }

    .streams-bottom-wrap[b-1f458rakiw] {
        display: flex;
    }

        .streams-bottom-wrap .watch-stream[b-1f458rakiw] {
            margin: 0 0;
            justify-content: flex-start;
        }

    .my-match-box-wrap[b-1f458rakiw] {
        margin: 0 auto 30px;
        max-width: 90%;
        padding: 40px 20px;
    }


    .squad-details-content .counter-content[b-1f458rakiw] {
        margin-left: 15px;
    }
}

.has-arrow-bottom[b-1f458rakiw],
.has-arrow-top[b-1f458rakiw] {
    position: relative;
}

    .has-arrow-bottom[b-1f458rakiw]::after {
        content: ''; /* Required for pseudo-elements */
        position: absolute;
        bottom: -8px; /* Adjust to control how far the arrow extends below the div */
        left: 50%;
        transform: translateX(-50%); /* Center the arrow horizontally */
        width: 0;
        height: 0;
        border-left: 10px solid transparent; /* Adjust size and color */
        border-right: 10px solid transparent; /* Adjust size and color */
        border-top: 10px solid #0d47a1; /* Matches the background color of the div */
    }

    .has-arrow-top[b-1f458rakiw]::before {
        content: "";
        position: absolute;
        top: -8px; /* Adjust to position the arrow above the div */
        left: 50%;
        transform: translateX(-50%); /* Center the arrow horizontally */
        width: 0;
        height: 0;
        border-left: 10px solid transparent; /* Half of arrow base width */
        border-right: 10px solid transparent; /* Half of arrow base width */
        border-bottom: 10px solid #b71c1c; /* Arrow tip color and height */
        z-index: 0; /* Place arrow below the content */
    }


/* Defult Styles */
/* Defult Margin & Padding */
/*-- Margin Top --*/
.mt-5[b-1f458rakiw] {
    margin-top: 5px;
}

.mt-10[b-1f458rakiw] {
    margin-top: 10px;
}

.mt-15[b-1f458rakiw] {
    margin-top: 15px;
}

.mt-20[b-1f458rakiw] {
    margin-top: 20px;
}

.mt-25[b-1f458rakiw] {
    margin-top: 25px;
}

.mt-30[b-1f458rakiw] {
    margin-top: 30px;
}

.mt-35[b-1f458rakiw] {
    margin-top: 35px;
}

.mt-40[b-1f458rakiw] {
    margin-top: 40px;
}

.mt-45[b-1f458rakiw] {
    margin-top: 45px;
}

.mt-50[b-1f458rakiw] {
    margin-top: 50px;
}

.mt-55[b-1f458rakiw] {
    margin-top: 55px;
}

.mt-60[b-1f458rakiw] {
    margin-top: 60px;
}

.mt-65[b-1f458rakiw] {
    margin-top: 65px;
}

.mt-70[b-1f458rakiw] {
    margin-top: 70px;
}

.mt-75[b-1f458rakiw] {
    margin-top: 75px;
}

.mt-80[b-1f458rakiw] {
    margin-top: 80px;
}

.mt-85[b-1f458rakiw] {
    margin-top: 85px;
}

.mt-90[b-1f458rakiw] {
    margin-top: 90px;
}

.mt-95[b-1f458rakiw] {
    margin-top: 95px;
}

.mt-100[b-1f458rakiw] {
    margin-top: 100px;
}

.mt-105[b-1f458rakiw] {
    margin-top: 105px;
}

.mt-110[b-1f458rakiw] {
    margin-top: 110px;
}

.mt-115[b-1f458rakiw] {
    margin-top: 115px;
}

.mt-120[b-1f458rakiw] {
    margin-top: 120px;
}

.mt-125[b-1f458rakiw] {
    margin-top: 125px;
}

.mt-130[b-1f458rakiw] {
    margin-top: 130px;
}

.mt-135[b-1f458rakiw] {
    margin-top: 135px;
}

.mt-140[b-1f458rakiw] {
    margin-top: 140px;
}

.mt-145[b-1f458rakiw] {
    margin-top: 145px;
}

.mt-150[b-1f458rakiw] {
    margin-top: 150px;
}

.mt-155[b-1f458rakiw] {
    margin-top: 155px;
}

.mt-160[b-1f458rakiw] {
    margin-top: 160px;
}

.mt-165[b-1f458rakiw] {
    margin-top: 165px;
}

.mt-170[b-1f458rakiw] {
    margin-top: 170px;
}

.mt-175[b-1f458rakiw] {
    margin-top: 175px;
}

.mt-180[b-1f458rakiw] {
    margin-top: 180px;
}

.mt-185[b-1f458rakiw] {
    margin-top: 185px;
}

.mt-190[b-1f458rakiw] {
    margin-top: 190px;
}

.mt-195[b-1f458rakiw] {
    margin-top: 195px;
}

.mt-200[b-1f458rakiw] {
    margin-top: 200px;
}
/*-- Margin Bottom --*/

.mb-5[b-1f458rakiw] {
    margin-bottom: 5px;
}

.mb-10[b-1f458rakiw] {
    margin-bottom: 10px;
}

.mb-15[b-1f458rakiw] {
    margin-bottom: 15px;
}

.mb-20[b-1f458rakiw] {
    margin-bottom: 20px;
}

.mb-25[b-1f458rakiw] {
    margin-bottom: 25px;
}

.mb-30[b-1f458rakiw] {
    margin-bottom: 30px;
}

.mb-35[b-1f458rakiw] {
    margin-bottom: 35px;
}

.mb-40[b-1f458rakiw] {
    margin-bottom: 40px;
}

.mb-45[b-1f458rakiw] {
    margin-bottom: 45px;
}

.mb-50[b-1f458rakiw] {
    margin-bottom: 50px;
}

.mb-55[b-1f458rakiw] {
    margin-bottom: 55px;
}

.mb-60[b-1f458rakiw] {
    margin-bottom: 60px;
}

.mb-65[b-1f458rakiw] {
    margin-bottom: 65px;
}

.mb-70[b-1f458rakiw] {
    margin-bottom: 70px;
}

.mb-75[b-1f458rakiw] {
    margin-bottom: 75px;
}

.mb-80[b-1f458rakiw] {
    margin-bottom: 80px;
}

.mb-85[b-1f458rakiw] {
    margin-bottom: 85px;
}

.mb-90[b-1f458rakiw] {
    margin-bottom: 90px;
}

.mb-95[b-1f458rakiw] {
    margin-bottom: 95px;
}

.mb-100[b-1f458rakiw] {
    margin-bottom: 100px;
}

.mb-105[b-1f458rakiw] {
    margin-bottom: 105px;
}

.mb-110[b-1f458rakiw] {
    margin-bottom: 110px;
}

.mb-115[b-1f458rakiw] {
    margin-bottom: 115px;
}

.mb-120[b-1f458rakiw] {
    margin-bottom: 120px;
}

.mb-125[b-1f458rakiw] {
    margin-bottom: 125px;
}

.mb-130[b-1f458rakiw] {
    margin-bottom: 130px;
}

.mb-135[b-1f458rakiw] {
    margin-bottom: 135px;
}

.mb-140[b-1f458rakiw] {
    margin-bottom: 140px;
}

.mb-145[b-1f458rakiw] {
    margin-bottom: 145px;
}

.mb-150[b-1f458rakiw] {
    margin-bottom: 150px;
}

.mb-155[b-1f458rakiw] {
    margin-bottom: 155px;
}

.mb-160[b-1f458rakiw] {
    margin-bottom: 160px;
}

.mb-165[b-1f458rakiw] {
    margin-bottom: 165px;
}

.mb-170[b-1f458rakiw] {
    margin-bottom: 170px;
}

.mb-175[b-1f458rakiw] {
    margin-bottom: 175px;
}

.mb-180[b-1f458rakiw] {
    margin-bottom: 180px;
}

.mb-185[b-1f458rakiw] {
    margin-bottom: 185px;
}

.mb-190[b-1f458rakiw] {
    margin-bottom: 190px;
}

.mb-195[b-1f458rakiw] {
    margin-bottom: 195px;
}

.mb-200[b-1f458rakiw] {
    margin-bottom: 200px;
}
/*-- Padding Top --*/

.pt-5[b-1f458rakiw] {
    padding-top: 5px;
}

.pt-10[b-1f458rakiw] {
    padding-top: 10px;
}

.pt-15[b-1f458rakiw] {
    padding-top: 15px;
}

.pt-20[b-1f458rakiw] {
    padding-top: 20px;
}

.pt-25[b-1f458rakiw] {
    padding-top: 25px;
}

.pt-30[b-1f458rakiw] {
    padding-top: 30px;
}

.pt-35[b-1f458rakiw] {
    padding-top: 35px;
}

.pt-40[b-1f458rakiw] {
    padding-top: 40px;
}

.pt-45[b-1f458rakiw] {
    padding-top: 45px;
}

.pt-50[b-1f458rakiw] {
    padding-top: 50px;
}

.pt-55[b-1f458rakiw] {
    padding-top: 55px;
}

.pt-60[b-1f458rakiw] {
    padding-top: 60px;
}

.pt-65[b-1f458rakiw] {
    padding-top: 65px;
}

.pt-70[b-1f458rakiw] {
    padding-top: 70px;
}

.pt-75[b-1f458rakiw] {
    padding-top: 75px;
}

.pt-80[b-1f458rakiw] {
    padding-top: 80px;
}

.pt-85[b-1f458rakiw] {
    padding-top: 85px;
}

.pt-90[b-1f458rakiw] {
    padding-top: 90px;
}

.pt-95[b-1f458rakiw] {
    padding-top: 95px;
}

.pt-100[b-1f458rakiw] {
    padding-top: 100px;
}

.pt-105[b-1f458rakiw] {
    padding-top: 105px;
}

.pt-110[b-1f458rakiw] {
    padding-top: 110px;
}

.pt-115[b-1f458rakiw] {
    padding-top: 115px;
}

.pt-120[b-1f458rakiw] {
    padding-top: 120px;
}

.pt-125[b-1f458rakiw] {
    padding-top: 125px;
}

.pt-130[b-1f458rakiw] {
    padding-top: 130px;
}

.pt-135[b-1f458rakiw] {
    padding-top: 135px;
}

.pt-140[b-1f458rakiw] {
    padding-top: 140px;
}

.pt-145[b-1f458rakiw] {
    padding-top: 145px;
}

.pt-150[b-1f458rakiw] {
    padding-top: 150px;
}

.pt-155[b-1f458rakiw] {
    padding-top: 155px;
}

.pt-160[b-1f458rakiw] {
    padding-top: 160px;
}

.pt-165[b-1f458rakiw] {
    padding-top: 165px;
}

.pt-170[b-1f458rakiw] {
    padding-top: 170px;
}

.pt-175[b-1f458rakiw] {
    padding-top: 175px;
}

.pt-180[b-1f458rakiw] {
    padding-top: 180px;
}

.pt-185[b-1f458rakiw] {
    padding-top: 185px;
}

.pt-190[b-1f458rakiw] {
    padding-top: 190px;
}

.pt-195[b-1f458rakiw] {
    padding-top: 195px;
}

.pt-200[b-1f458rakiw] {
    padding-top: 200px;
}
/*-- Padding Bottom --*/

.pb-5[b-1f458rakiw] {
    padding-bottom: 5px;
}

.pb-10[b-1f458rakiw] {
    padding-bottom: 10px;
}

.pb-15[b-1f458rakiw] {
    padding-bottom: 15px;
}

.pb-20[b-1f458rakiw] {
    padding-bottom: 20px;
}

.pb-25[b-1f458rakiw] {
    padding-bottom: 25px;
}

.pb-30[b-1f458rakiw] {
    padding-bottom: 30px;
}

.pb-35[b-1f458rakiw] {
    padding-bottom: 35px;
}

.pb-40[b-1f458rakiw] {
    padding-bottom: 40px;
}

.pb-45[b-1f458rakiw] {
    padding-bottom: 45px;
}

.pb-50[b-1f458rakiw] {
    padding-bottom: 50px;
}

.pb-55[b-1f458rakiw] {
    padding-bottom: 55px;
}

.pb-60[b-1f458rakiw] {
    padding-bottom: 60px;
}

.pb-65[b-1f458rakiw] {
    padding-bottom: 65px;
}

.pb-70[b-1f458rakiw] {
    padding-bottom: 70px;
}

.pb-75[b-1f458rakiw] {
    padding-bottom: 75px;
}

.pb-80[b-1f458rakiw] {
    padding-bottom: 80px;
}

.pb-85[b-1f458rakiw] {
    padding-bottom: 85px;
}

.pb-90[b-1f458rakiw] {
    padding-bottom: 90px;
}

.pb-95[b-1f458rakiw] {
    padding-bottom: 95px;
}

.pb-100[b-1f458rakiw] {
    padding-bottom: 100px;
}

.pb-105[b-1f458rakiw] {
    padding-bottom: 105px;
}

.pb-110[b-1f458rakiw] {
    padding-bottom: 110px;
}

.pb-115[b-1f458rakiw] {
    padding-bottom: 115px;
}

.pb-120[b-1f458rakiw] {
    padding-bottom: 120px;
}

.pb-125[b-1f458rakiw] {
    padding-bottom: 125px;
}

.pb-130[b-1f458rakiw] {
    padding-bottom: 130px;
}

.pb-135[b-1f458rakiw] {
    padding-bottom: 135px;
}

.pb-140[b-1f458rakiw] {
    padding-bottom: 140px;
}

.pb-145[b-1f458rakiw] {
    padding-bottom: 145px;
}

.pb-150[b-1f458rakiw] {
    padding-bottom: 150px;
}

.pb-155[b-1f458rakiw] {
    padding-bottom: 155px;
}

.pb-160[b-1f458rakiw] {
    padding-bottom: 160px;
}

.pb-165[b-1f458rakiw] {
    padding-bottom: 165px;
}

.pb-170[b-1f458rakiw] {
    padding-bottom: 170px;
}

.pb-175[b-1f458rakiw] {
    padding-bottom: 175px;
}

.pb-180[b-1f458rakiw] {
    padding-bottom: 180px;
}

.pb-185[b-1f458rakiw] {
    padding-bottom: 185px;
}

.pb-190[b-1f458rakiw] {
    padding-bottom: 190px;
}

.pb-195[b-1f458rakiw] {
    padding-bottom: 195px;
}

.pb-200[b-1f458rakiw] {
    padding-bottom: 200px;
}



/*-- Padding Left --*/
.pl-0[b-1f458rakiw] {
    padding-left: 0px;
}

.pl-5[b-1f458rakiw] {
    padding-left: 5px;
}

.pl-10[b-1f458rakiw] {
    padding-left: 10px;
}

.pl-15[b-1f458rakiw] {
    padding-left: 15px;
}

.pl-20[b-1f458rakiw] {
    padding-left: 20px;
}

.pl-25[b-1f458rakiw] {
    padding-left: 35px;
}

.pl-30[b-1f458rakiw] {
    padding-left: 30px;
}

.pl-35[b-1f458rakiw] {
    padding-left: 35px;
}

.pl-35[b-1f458rakiw] {
    padding-left: 35px;
}

.pl-40[b-1f458rakiw] {
    padding-left: 40px;
}

.pl-45[b-1f458rakiw] {
    padding-left: 45px;
}

.pl-50[b-1f458rakiw] {
    padding-left: 50px;
}

.pl-55[b-1f458rakiw] {
    padding-left: 55px;
}

.pl-60[b-1f458rakiw] {
    padding-left: 60px;
}

.pl-65[b-1f458rakiw] {
    padding-left: 65px;
}

.pl-70[b-1f458rakiw] {
    padding-left: 70px;
}

.pl-75[b-1f458rakiw] {
    padding-left: 75px;
}

.pl-80[b-1f458rakiw] {
    padding-left: 80px;
}

.pl-85[b-1f458rakiw] {
    padding-left: 80px;
}

.pl-90[b-1f458rakiw] {
    padding-left: 90px;
}

.pl-95[b-1f458rakiw] {
    padding-left: 95px;
}

.pl-100[b-1f458rakiw] {
    padding-left: 100px;
}


/*-- Padding Right --*/
.pr-0[b-1f458rakiw] {
    padding-right: 0px;
}

.pr-5[b-1f458rakiw] {
    padding-right: 5px;
}

.pr-10[b-1f458rakiw] {
    padding-right: 10px;
}

.pr-15[b-1f458rakiw] {
    padding-right: 15px;
}

.pr-20[b-1f458rakiw] {
    padding-right: 20px;
}

.pr-25[b-1f458rakiw] {
    padding-right: 35px;
}

.pr-30[b-1f458rakiw] {
    padding-right: 30px;
}

.pr-35[b-1f458rakiw] {
    padding-right: 35px;
}

.pr-35[b-1f458rakiw] {
    padding-right: 35px;
}

.pr-40[b-1f458rakiw] {
    padding-right: 40px;
}

.pr-45[b-1f458rakiw] {
    padding-right: 45px;
}

.pr-50[b-1f458rakiw] {
    padding-right: 50px;
}

.pr-55[b-1f458rakiw] {
    padding-right: 55px;
}

.pr-60[b-1f458rakiw] {
    padding-right: 60px;
}

.pr-65[b-1f458rakiw] {
    padding-right: 65px;
}

.pr-70[b-1f458rakiw] {
    padding-right: 70px;
}

.pr-75[b-1f458rakiw] {
    padding-right: 75px;
}

.pr-80[b-1f458rakiw] {
    padding-right: 80px;
}

.pr-85[b-1f458rakiw] {
    padding-right: 80px;
}

.pr-90[b-1f458rakiw] {
    padding-right: 90px;
}

.pr-95[b-1f458rakiw] {
    padding-right: 95px;
}

.pr-100[b-1f458rakiw] {
    padding-right: 100px;
}

/* font weight */
.f-700[b-1f458rakiw] {
    font-weight: 700;
}

.f-600[b-1f458rakiw] {
    font-weight: 600;
}

.f-500[b-1f458rakiw] {
    font-weight: 500;
}

.f-400[b-1f458rakiw] {
    font-weight: 400;
}

.f-300[b-1f458rakiw] {
    font-weight: 300;
}

/* Background Color */

.gray-bg[b-1f458rakiw] {
    background: #f7f7fd;
}

.white-bg[b-1f458rakiw] {
    background: #fff;
}

.black-bg[b-1f458rakiw] {
    background: #080808;
}

.theme-bg[b-1f458rakiw] {
    background: #222;
}

.primary-bg[b-1f458rakiw] {
    background: #222;
}
/* Color */

.white-color[b-1f458rakiw] {
    color: #fff;
}

.black-color[b-1f458rakiw] {
    color: #222;
}

.theme-color[b-1f458rakiw] {
    color: #222;
}

.primary-color[b-1f458rakiw] {
    color: #222;
}
/* black overlay */

[data-overlay][b-1f458rakiw] {
    position: relative;
}

    [data-overlay][b-1f458rakiw]::before {
        background: #000 none repeat scroll 0 0;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

[data-overlay="3"][b-1f458rakiw]::before {
    opacity: 0.3;
}

[data-overlay="4"][b-1f458rakiw]::before {
    opacity: 0.4;
}

[data-overlay="5"][b-1f458rakiw]::before {
    opacity: 0.5;
}

[data-overlay="6"][b-1f458rakiw]::before {
    opacity: 0.6;
}

[data-overlay="7"][b-1f458rakiw]::before {
    opacity: 0.7;
}

[data-overlay="8"][b-1f458rakiw]::before {
    opacity: 0.8;
}

[data-overlay="9"][b-1f458rakiw]::before {
    opacity: 0.9;
}


.box[b-1f458rakiw], .clock[b-1f458rakiw] {
    align-items: center;
    display: flex;
    justify-content: center
}

.box[b-1f458rakiw] {
    flex-direction: column;
    height: 300px;
    position: relative;
    width: 170px
}

    .box .percent[b-1f458rakiw], .box .percent svg[b-1f458rakiw] {
        height: 150px;
        position: relative;
        width: 150px
    }

        .box .percent svg circle[b-1f458rakiw] {
            fill: none;
            stroke-width: 7;
            stroke: #ff8503;
            stroke-dasharray: 440;
            stroke-dashoffset: 440;
            height: 150px;
            -webkit-transform: translate(5px,5px);
            transform: translate(5px,5px);
            width: 150px
        }

            .box .percent svg circle:first-child[b-1f458rakiw] {
                stroke-dashoffset: 0
            }

        .box .percent .ttt[b-1f458rakiw] {
            align-items: center;
            display: flex;
            height: 100%;
            justify-content: center;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

    .box small[b-1f458rakiw] {
        padding: 33px 0 0
    }

@media (max-width: 567.98px) {
    .clock[b-1f458rakiw] {
        display: block;
        margin: 0 auto;
        padding: 0 100px
    }

    .box[b-1f458rakiw] {
        height: 222px
    }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root[b-1f458rakiw] {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated[b-1f458rakiw] {
    -webkit-animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animate__animated.animate__infinite[b-1f458rakiw] {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1[b-1f458rakiw] {
        -webkit-animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: 1;
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2[b-1f458rakiw] {
        -webkit-animation-iteration-count: 2;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
        animation-iteration-count: 2;
        animation-iteration-count: calc(var(--animate-repeat)*2)
    }

    .animate__animated.animate__repeat-3[b-1f458rakiw] {
        -webkit-animation-iteration-count: 3;
        -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
        animation-iteration-count: 3;
        animation-iteration-count: calc(var(--animate-repeat)*3)
    }

    .animate__animated.animate__delay-1s[b-1f458rakiw] {
        -webkit-animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: 1s;
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s[b-1f458rakiw] {
        -webkit-animation-delay: 2s;
        -webkit-animation-delay: calc(var(--animate-delay)*2);
        animation-delay: 2s;
        animation-delay: calc(var(--animate-delay)*2)
    }

    .animate__animated.animate__delay-3s[b-1f458rakiw] {
        -webkit-animation-delay: 3s;
        -webkit-animation-delay: calc(var(--animate-delay)*3);
        animation-delay: 3s;
        animation-delay: calc(var(--animate-delay)*3)
    }

    .animate__animated.animate__delay-4s[b-1f458rakiw] {
        -webkit-animation-delay: 4s;
        -webkit-animation-delay: calc(var(--animate-delay)*4);
        animation-delay: 4s;
        animation-delay: calc(var(--animate-delay)*4)
    }

    .animate__animated.animate__delay-5s[b-1f458rakiw] {
        -webkit-animation-delay: 5s;
        -webkit-animation-delay: calc(var(--animate-delay)*5);
        animation-delay: 5s;
        animation-delay: calc(var(--animate-delay)*5)
    }

    .animate__animated.animate__faster[b-1f458rakiw] {
        -webkit-animation-duration: .5s;
        -webkit-animation-duration: calc(var(--animate-duration)/2);
        animation-duration: .5s;
        animation-duration: calc(var(--animate-duration)/2)
    }

    .animate__animated.animate__fast[b-1f458rakiw] {
        -webkit-animation-duration: .8s;
        -webkit-animation-duration: calc(var(--animate-duration)*.8);
        animation-duration: .8s;
        animation-duration: calc(var(--animate-duration)*.8)
    }

    .animate__animated.animate__slow[b-1f458rakiw] {
        -webkit-animation-duration: 2s;
        -webkit-animation-duration: calc(var(--animate-duration)*2);
        animation-duration: 2s;
        animation-duration: calc(var(--animate-duration)*2)
    }

    .animate__animated.animate__slower[b-1f458rakiw] {
        -webkit-animation-duration: 3s;
        -webkit-animation-duration: calc(var(--animate-duration)*3);
        animation-duration: 3s;
        animation-duration: calc(var(--animate-duration)*3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animate__animated[b-1f458rakiw] {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important
    }

        .animate__animated[class*=Out][b-1f458rakiw] {
            opacity: 0
        }
}

@-webkit-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce-b-1f458rakiw {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0) scaleY(1.1);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95);
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce[b-1f458rakiw] {
    -webkit-animation-name: bounce;
    animation-name: bounce-b-1f458rakiw;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash-b-1f458rakiw {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash[b-1f458rakiw] {
    -webkit-animation-name: flash;
    animation-name: flash-b-1f458rakiw
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse-b-1f458rakiw {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse[b-1f458rakiw] {
    -webkit-animation-name: pulse;
    animation-name: pulse-b-1f458rakiw;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand-b-1f458rakiw {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand[b-1f458rakiw] {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand-b-1f458rakiw
}

@-webkit-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX-b-1f458rakiw {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX[b-1f458rakiw] {
    -webkit-animation-name: shakeX;
    animation-name: shakeX-b-1f458rakiw
}

@-webkit-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY-b-1f458rakiw {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY[b-1f458rakiw] {
    -webkit-animation-name: shakeY;
    animation-name: shakeY-b-1f458rakiw
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake-b-1f458rakiw {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake[b-1f458rakiw] {
    -webkit-animation-name: headShake;
    animation-name: headShake-b-1f458rakiw;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing-b-1f458rakiw {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing[b-1f458rakiw] {
    -webkit-animation-name: swing;
    animation-name: swing-b-1f458rakiw;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada-b-1f458rakiw {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada[b-1f458rakiw] {
    -webkit-animation-name: tada;
    animation-name: tada-b-1f458rakiw
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble-b-1f458rakiw {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble[b-1f458rakiw] {
    -webkit-animation-name: wobble;
    animation-name: wobble-b-1f458rakiw
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello-b-1f458rakiw {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello[b-1f458rakiw] {
    -webkit-animation-name: jello;
    animation-name: jello-b-1f458rakiw;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat-b-1f458rakiw {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat[b-1f458rakiw] {
    -webkit-animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: 1.3s;
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat-b-1f458rakiw;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInDown-b-1f458rakiw {
    0% {
        opacity: .7;
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInDown[b-1f458rakiw] {
    -webkit-animation-name: backInDown;
    animation-name: backInDown-b-1f458rakiw
}

@-webkit-keyframes backInLeft {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInLeft-b-1f458rakiw {
    0% {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInLeft[b-1f458rakiw] {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft-b-1f458rakiw
}

@-webkit-keyframes backInRight {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInRight-b-1f458rakiw {
    0% {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInRight[b-1f458rakiw] {
    -webkit-animation-name: backInRight;
    animation-name: backInRight-b-1f458rakiw
}

@-webkit-keyframes backInUp {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes backInUp-b-1f458rakiw {
    0% {
        opacity: .7;
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__backInUp[b-1f458rakiw] {
    -webkit-animation-name: backInUp;
    animation-name: backInUp-b-1f458rakiw
}

@-webkit-keyframes backOutDown {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

@keyframes backOutDown-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7)
    }
}

.animate__backOutDown[b-1f458rakiw] {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown-b-1f458rakiw
}

@-webkit-keyframes backOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

@keyframes backOutLeft-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7)
    }
}

.animate__backOutLeft[b-1f458rakiw] {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft-b-1f458rakiw
}

@-webkit-keyframes backOutRight {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

@keyframes backOutRight-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7)
    }
}

.animate__backOutRight[b-1f458rakiw] {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight-b-1f458rakiw
}

@-webkit-keyframes backOutUp {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

@keyframes backOutUp-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .7;
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7)
    }
}

.animate__backOutUp[b-1f458rakiw] {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp-b-1f458rakiw
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn-b-1f458rakiw {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn[b-1f458rakiw] {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn-b-1f458rakiw
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown-b-1f458rakiw {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0) scaleY(3);
        transform: translate3d(0,-3000px,0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown[b-1f458rakiw] {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown-b-1f458rakiw
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft-b-1f458rakiw {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0) scaleX(3);
        transform: translate3d(-3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft[b-1f458rakiw] {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft-b-1f458rakiw
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight-b-1f458rakiw {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0) scaleX(3);
        transform: translate3d(3000px,0,0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight[b-1f458rakiw] {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight-b-1f458rakiw
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp-b-1f458rakiw {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0) scaleY(5);
        transform: translate3d(0,3000px,0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp[b-1f458rakiw] {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp-b-1f458rakiw
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut-b-1f458rakiw {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut[b-1f458rakiw] {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut-b-1f458rakiw
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown-b-1f458rakiw {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        transform: translate3d(0,10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown[b-1f458rakiw] {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown-b-1f458rakiw
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft-b-1f458rakiw {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        transform: translate3d(20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft[b-1f458rakiw] {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft-b-1f458rakiw
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight-b-1f458rakiw {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        transform: translate3d(-20px,0,0) scaleX(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight[b-1f458rakiw] {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight-b-1f458rakiw
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp-b-1f458rakiw {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        transform: translate3d(0,-10px,0) scaleY(.985)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0) scaleY(.9);
        transform: translate3d(0,20px,0) scaleY(.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp[b-1f458rakiw] {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp-b-1f458rakiw
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn-b-1f458rakiw {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn[b-1f458rakiw] {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn-b-1f458rakiw
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown[b-1f458rakiw] {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown-b-1f458rakiw
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig-b-1f458rakiw
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft-b-1f458rakiw
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig-b-1f458rakiw
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight[b-1f458rakiw] {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight-b-1f458rakiw
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig-b-1f458rakiw
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp[b-1f458rakiw] {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp-b-1f458rakiw
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig[b-1f458rakiw] {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig-b-1f458rakiw
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft-b-1f458rakiw
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight[b-1f458rakiw] {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight-b-1f458rakiw
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft-b-1f458rakiw
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight[b-1f458rakiw] {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight-b-1f458rakiw
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut[b-1f458rakiw] {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut-b-1f458rakiw
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown[b-1f458rakiw] {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown-b-1f458rakiw
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig-b-1f458rakiw
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft-b-1f458rakiw
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig-b-1f458rakiw
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight[b-1f458rakiw] {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight-b-1f458rakiw
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig-b-1f458rakiw
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp[b-1f458rakiw] {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp-b-1f458rakiw
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig[b-1f458rakiw] {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig-b-1f458rakiw
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft-b-1f458rakiw
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight[b-1f458rakiw] {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight-b-1f458rakiw
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight[b-1f458rakiw] {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight-b-1f458rakiw
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft-b-1f458rakiw {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft[b-1f458rakiw] {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft-b-1f458rakiw
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animate__animated.animate__flip[b-1f458rakiw] {
    -webkit-animation-name: flip;
    animation-name: flip-b-1f458rakiw;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX[b-1f458rakiw] {
    -webkit-animation-name: flipInX;
    animation-name: flipInX-b-1f458rakiw;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY[b-1f458rakiw] {
    -webkit-animation-name: flipInY;
    animation-name: flipInY-b-1f458rakiw;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.animate__flipOutX[b-1f458rakiw] {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX-b-1f458rakiw;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY-b-1f458rakiw {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg)
    }
}

.animate__flipOutY[b-1f458rakiw] {
    -webkit-animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: .75s;
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY-b-1f458rakiw;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg)
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight[b-1f458rakiw] {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight-b-1f458rakiw;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg)
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft[b-1f458rakiw] {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft-b-1f458rakiw;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

@keyframes lightSpeedOutRight-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.animate__lightSpeedOutRight[b-1f458rakiw] {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight-b-1f458rakiw;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg)
    }
}

@keyframes lightSpeedOutLeft-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg)
    }
}

.animate__lightSpeedOutLeft[b-1f458rakiw] {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft-b-1f458rakiw;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateIn-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateIn[b-1f458rakiw] {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn-b-1f458rakiw;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft-b-1f458rakiw;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInDownRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInDownRight[b-1f458rakiw] {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight-b-1f458rakiw;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpLeft-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft-b-1f458rakiw;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rotateInUpRight-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rotateInUpRight[b-1f458rakiw] {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight-b-1f458rakiw;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

@keyframes rotateOut-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg)
    }
}

.animate__rotateOut[b-1f458rakiw] {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut-b-1f458rakiw;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@keyframes rotateOutDownLeft-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

.animate__rotateOutDownLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft-b-1f458rakiw;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutDownRight-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutDownRight[b-1f458rakiw] {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight-b-1f458rakiw;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpLeft-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.animate__rotateOutUpLeft[b-1f458rakiw] {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft-b-1f458rakiw;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes rotateOutUpRight-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

.animate__rotateOutUpRight[b-1f458rakiw] {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight-b-1f458rakiw;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0)
    }
}

@keyframes hinge-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg)
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0)
    }
}

.animate__hinge[b-1f458rakiw] {
    -webkit-animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: 2s;
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge-b-1f458rakiw;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox[b-1f458rakiw] {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox-b-1f458rakiw
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn[b-1f458rakiw] {
    -webkit-animation-name: rollIn;
    animation-name: rollIn-b-1f458rakiw
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut-b-1f458rakiw {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut[b-1f458rakiw] {
    -webkit-animation-name: rollOut;
    animation-name: rollOut-b-1f458rakiw
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn-b-1f458rakiw {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn[b-1f458rakiw] {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn-b-1f458rakiw
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInDown-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.animate__zoomInDown[b-1f458rakiw] {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown-b-1f458rakiw
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInLeft-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.animate__zoomInLeft[b-1f458rakiw] {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft-b-1f458rakiw
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInRight-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.animate__zoomInRight[b-1f458rakiw] {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight-b-1f458rakiw
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomInUp-b-1f458rakiw {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.animate__zoomInUp[b-1f458rakiw] {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp-b-1f458rakiw
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut-b-1f458rakiw {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut[b-1f458rakiw] {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut-b-1f458rakiw
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

@keyframes zoomOutDown-b-1f458rakiw {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

.animate__zoomOutDown[b-1f458rakiw] {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown-b-1f458rakiw;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft-b-1f458rakiw {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft[b-1f458rakiw] {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft-b-1f458rakiw;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight-b-1f458rakiw {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight[b-1f458rakiw] {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight-b-1f458rakiw;
    -webkit-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

@keyframes zoomOutUp-b-1f458rakiw {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

.animate__zoomOutUp[b-1f458rakiw] {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp-b-1f458rakiw;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown-b-1f458rakiw {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown[b-1f458rakiw] {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown-b-1f458rakiw
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft-b-1f458rakiw {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft[b-1f458rakiw] {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft-b-1f458rakiw
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight-b-1f458rakiw {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight[b-1f458rakiw] {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight-b-1f458rakiw
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp-b-1f458rakiw {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp[b-1f458rakiw] {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp-b-1f458rakiw
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown-b-1f458rakiw {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.animate__slideOutDown[b-1f458rakiw] {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown-b-1f458rakiw
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft-b-1f458rakiw {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutLeft[b-1f458rakiw] {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft-b-1f458rakiw
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight-b-1f458rakiw {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.animate__slideOutRight[b-1f458rakiw] {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight-b-1f458rakiw
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

@keyframes slideOutUp-b-1f458rakiw {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.animate__slideOutUp[b-1f458rakiw] {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp-b-1f458rakiw
}

/*# sourceMappingURL=main.1aa55f84.css.map*/
/* _content/DataCrewSolutions.TKDPH/Areas/Common/EventTournaments/TournamentMatchEdit.razor.rz.scp.css */
.custom-alert .mud-alert-message[b-2h2k8mm947] {
    width: 100%;
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/FightDiagrams/BracketingTournaments.razor.rz.scp.css */
.border-color-blue-darken-4[b-hkp4c4rdas] {
    border-color: #0d47a1 !important;
}

.border-color-red-darken-4[b-hkp4c4rdas] {
    border-color: #b71c1c !important;
}

.custom-tabs.mud-tabs-tabbar[b-hkp4c4rdas],
.custom-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-hkp4c4rdas],
.mud-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-hkp4c4rdas] {
    border-radius: 0 !important;
}

.ellipsed-text[b-hkp4c4rdas] {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.first-text-caption[b-hkp4c4rdas] {
    width: 65px;
    text-align: right;
}

.gold[b-hkp4c4rdas] {
    background-color: #fad300;
}

.silver[b-hkp4c4rdas] {
    background-color: silver;
}

.bronze[b-hkp4c4rdas] {
    background-color: #cb8745;
}

.top-record-input input[b-hkp4c4rdas] {
    font-size: 1.5rem !important;
}

.input-score .mud-input[b-hkp4c4rdas] {
    background-color: rgb(87 99 149);
    border-radius: 8px !important;
    color: #fff;
}

.input-score .mud-shrink ~ label
.input-score .mud-input-label
.input-score .mud-input-label-inputcontrol
.input-score .mud-input-label-filled[b-hkp4c4rdas] {
    color: #2b2b2b;
}

.input-score .mud-disabled[b-hkp4c4rdas] {
    color: #576395 !important;
}

.input-score .mud-input.mud-input-filled.mud-input-underline[b-hkp4c4rdas]:before,
.input-score .mud-input.mud-input-filled.mud-input-underline[b-hkp4c4rdas] {
    border-bottom: 0 !important;
}

.input-score .mud-icon-root.mud-svg-icon[b-hkp4c4rdas],
.top-record-input .mud-icon-root.mud-svg-icon[b-hkp4c4rdas] {
    display: none !important;
}

@media print {
    .print-hidden[b-hkp4c4rdas] {
        display: none !important;
    }

    .mud-input-helper-text[b-hkp4c4rdas] {
        display: none !important;
    }
}
/* _content/DataCrewSolutions.TKDPH/Areas/Common/FightDiagrams/_BracketingSchematicViewTemplate.razor.rz.scp.css */
/* latin-ext */
@font-face {
    font-family: 'Holtwood One SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/holtwoodonesc/v23/yYLx0hLR0P-3vMFSk1TCq3Txg5BHeLz7HZs.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Holtwood One SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/holtwoodonesc/v23/yYLx0hLR0P-3vMFSk1TCq3Txg5BHdrz7.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Herr Von Muellerhoff';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/herrvonmuellerhoff/v23/WBL6rFjRZkREW8WqmCWYLgCkQKXb4CAft0cz9KNo3Q.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Herr Von Muellerhoff';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/herrvonmuellerhoff/v23/WBL6rFjRZkREW8WqmCWYLgCkQKXb4CAft0c99KM.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/kaushanscript/v18/vm8vdRfvXFLG3OLnsO15WYS5DG72wNJHMw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Kaushan Script';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/kaushanscript/v18/vm8vdRfvXFLG3OLnsO15WYS5DG74wNI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/abel/v18/MwQ5bhbm2POE2V9BPQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/istokweb/v25/3qTvojGmgSyUukBzKslpC2t_xkI.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/istokweb/v25/3qTvojGmgSyUukBzKslpAmt_xkI.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/istokweb/v25/3qTvojGmgSyUukBzKslpCGt_xkI.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Istok Web';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/istokweb/v25/3qTvojGmgSyUukBzKslpBmt_.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBD5XxxKA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBK5XxxKA.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBC5XxxKA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBN5XxxKA.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBB5XxxKA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBA5XxxKA.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v30/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBO5Xw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32KxfXBiEJow.ttf) format('truetype');
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJow.ttf) format('truetype');
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 600;
    src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBiEJow.ttf) format('truetype');
}

@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/worksans/v19/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBiEJow.ttf) format('truetype');
}

.border-color-blue-darken-4[b-fr2a4uyotq] {
    border-color: #0d47a1 !important;
}

.border-color-red-darken-4[b-fr2a4uyotq] {
    border-color: #b71c1c !important;
}

.custom-tabs.mud-tabs-tabbar[b-fr2a4uyotq],
.custom-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-fr2a4uyotq],
.mud-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-fr2a4uyotq] {
    border-radius: 0 !important;
}

.ellipsed-text[b-fr2a4uyotq] {
    max-width: 280px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.first-text-caption[b-fr2a4uyotq] {
    width: 65px;
    text-align: right;
}

.gold[b-fr2a4uyotq] {
    background-color: #fad300 !important;
}

.silver[b-fr2a4uyotq] {
    background-color: silver !important;
}

.bronze[b-fr2a4uyotq] {
    background-color: #cb8745 !important;
}

.top-record-input input[b-fr2a4uyotq] {
    font-size: 1.5rem !important;
}

.input-score .mud-input[b-fr2a4uyotq] {
    background-color: rgb(87 99 149);
    border-radius: 8px !important;
    color: #fff;
}

.input-score .mud-shrink ~ label
.input-score .mud-input-label
.input-score .mud-input-label-inputcontrol
.input-score .mud-input-label-filled[b-fr2a4uyotq] {
    color: #2b2b2b;
}

.input-score .mud-disabled[b-fr2a4uyotq] {
    color: #576395 !important;
}

.input-score .mud-input.mud-input-filled.mud-input-underline[b-fr2a4uyotq]:before,
.input-score .mud-input.mud-input-filled.mud-input-underline[b-fr2a4uyotq] {
    border-bottom: 0 !important;
}

.input-score .mud-icon-root.mud-svg-icon[b-fr2a4uyotq],
.top-record-input .mud-icon-root.mud-svg-icon[b-fr2a4uyotq] {
    display: none !important;
}

@media print {
    .print-hidden[b-fr2a4uyotq] {
        display: none !important;
    }

    .mud-input-helper-text[b-fr2a4uyotq] {
        display: none !important;
    }
}

.custom-tabs.mud-tabs-tabbar[b-fr2a4uyotq],
.custom-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-fr2a4uyotq],
.mud-tabs.mud-tabs-rounded .mud-tabs-tabbar[b-fr2a4uyotq] {
    border-radius: 0 !important;
}

.tournament[b-fr2a4uyotq] {
    position: relative;
    min-height: 300px;
    padding-bottom: 60px;
}

.tournament__grid[b-fr2a4uyotq] {
    font-size: 0;
    line-height: 0;
    display: flex;
    align-items: stretch;
    min-height: 400px;
}

.tournament__round[b-fr2a4uyotq] {
    position: relative;
    flex: 1 0;
    display: flex;
    flex-direction: column;
    margin: auto;
}

.tournament__match[b-fr2a4uyotq] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 0;
    align-items: center;
    min-height: 110px;
    margin-bottom: 2rem;
}

tournament__match:nth-child(odd) .tournament__match[b-fr2a4uyotq]:after {
    display: none !important;
}

.tournament__round--first-round .tournament__match[b-fr2a4uyotq],
.tournament__round--second-round .tournament__match[b-fr2a4uyotq],
.tournament__round--semis-round .tournament__match[b-fr2a4uyotq] {
    padding-left: 0;
}

.tournament__round--winner .tournament__match[b-fr2a4uyotq] {
    padding-right: 0;
    height: 32px;
}

.tournament__match[b-fr2a4uyotq]:after {
    position: absolute;
    right: 0;
    width: 1px;
    background: #6b798c;
    top: 25%;
    bottom: 25%;
}

.tournament__round--winner .tournament__match[b-fr2a4uyotq]:after, .tournament__round--end-point .tournament__match[b-fr2a4uyotq]:after {
    display: none;
}

.tournament__match__participant[b-fr2a4uyotq] {
    display: flex;
    align-items: center;
    font-size: 14px;
    transition: color 0.3s ease;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
    width: auto;
    height: 50px;
    line-height: 40px;
    padding: 2px 1px;
    margin: 0.2rem;
    border-radius: 4px;
    min-width: 300px;
    text-align: center;
    z-index: 3;
    background: rgba(50, 54, 65, 0.4);
    color: #FFEB3B;
}

.tournament__match .winner[b-fr2a4uyotq] {
    background: rgb(0 150 136 / 30%);
    color: rgb(1 181 164);
    z-index: 1;
}

.tournament-bracket__round-title[b-fr2a4uyotq] {
    color: #9e9e9e;
    font-size: 0.95rem;
    font-weight: 400;
    text-align: center;
    font-style: italic;
    line-height: 35px;
}

.tournament__match__participant:focus[b-fr2a4uyotq], .tournament__match__participant:hover[b-fr2a4uyotq] {
    color: #fff;
}

.tournament__match__participant[b-fr2a4uyotq]:before, .tournament__match__participant[b-fr2a4uyotq]:after {
    position: absolute;
    top: 50%;
    width: 999px;
    height: 1px;
    margin-top: -1px;
    background: #6b798c;
}

.tournament__match__participant[b-fr2a4uyotq]:after {
    left: 100%;
}

.tournament__round:last-child[b-fr2a4uyotq]:after {
    background: none !important;
}

.tournament__round:last-child .tournament__match__participant[b-fr2a4uyotq]:after, .tournament__round--end-point .tournament__match__participant[b-fr2a4uyotq]:after {
    display: none;
}

.tournament__match__participant[b-fr2a4uyotq]:before {
    right: 100%;
}

.tournament__round:first-child .tournament__match__participant[b-fr2a4uyotq]:before {
    display: none;
}

.hero[b-fr2a4uyotq] {
    position: relative;
    text-align: center;
    overflow: hidden;
    color: #fcfcfc;
}

    .hero h1[b-fr2a4uyotq] {
        font-family: 'Holtwood One SC', serif;
        font-weight: normal;
        font-size: 3em;
        margin: 0 0 20px;
        text-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
        letter-spacing: 1rem;
    }

    .hero p[b-fr2a4uyotq] {
        font-family: 'Abel', sans-serif;
        text-transform: uppercase;
        color: #5CCA87;
        letter-spacing: 6px;
        font-weight: bold;
    }

.hero-wrap[b-fr2a4uyotq] {
    padding: 3.5em 10px;
}

.hero p.intro[b-fr2a4uyotq] {
    font-family: 'Holtwood One SC', serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 5em;
    margin-bottom: -64px;
}

.hero p.sub-title[b-fr2a4uyotq] {
    color: #fff;
    letter-spacing: 30px;
    font-size: 30px;
    margin: -20px 0 15px;
    font-weight: 900;
}

    .hero p.sub-title i[b-fr2a4uyotq] {
        font-size: 14px;
        vertical-align: middle;
    }

.tournament__match .participant[b-fr2a4uyotq] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-left: 6px;
    position: relative;
    text-align: start;
    overflow: hidden;
}

    .tournament__match .participant > .image[b-fr2a4uyotq] {
        display: flex;
    }

    .tournament__match .participant span.name[b-fr2a4uyotq] {
        font-size: 14px;
        padding-left: 8px;
        width: 190px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 8px;
        line-height: 15px;
    }

        .tournament__match .participant span.name > small[b-fr2a4uyotq] {
            font-size: 10px !important;
            color: #e7e7df !important;
        }

    .tournament__match .participant span:last-child[b-fr2a4uyotq] {
        display: block;
        text-align: right;
        margin-left: auto;
        padding-right: 5px;
    }

    .tournament__match .participant .score[b-fr2a4uyotq] {
        margin-left: 20px;
        font-weight: 500;
    }

.tournament__match .score[b-fr2a4uyotq]:before {
    opacity: 0.25;
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    background: black;
    min-height: 100px;
    min-width: 70px;
    transform: translate(0px, -15px) rotate(20deg);
    right: 0;
}

.blue.darken-4[b-fr2a4uyotq] {
    background-color: #0d47a1 !important;
}

.red.darken-4[b-fr2a4uyotq] {
    background-color: #b71c1c !important;
}
/* _content/DataCrewSolutions.TKDPH/Areas/National/Officers/Officers.razor.rz.scp.css */
.grid-container[b-afvc3p5oq6] {
    margin: 16px !important;
    background: rgb(39, 53, 65);
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.2) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
    padding: 24px !important;
}

.grid-container-content[b-afvc3p5oq6] {
    width: 100%;
    display: grid;
    gap: 30px 20px;
    align-items: flex-start;
    grid-template-columns: repeat(5, minmax(0px, 1fr));
}

    .grid-container-content .items[b-afvc3p5oq6] {
        cursor: pointer;
        gap: 9px;
        width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .grid-container-content .items > .img-content[b-afvc3p5oq6] {
            width: 100%;
            position: relative;
        }

    .grid-container-content .img-content > img[b-afvc3p5oq6] {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 8px;
    }

    .grid-container-content .items > .desc[b-afvc3p5oq6] {
        margin-top: 6px;
        color: rgb(255, 255, 255);
        -webkit-box-pack: start;
        justify-content: flex-start;
        width: 100%;
        word-break: break-word;
        white-space: pre-wrap;
    }

    .grid-container-content .desc > .content_1[b-afvc3p5oq6] {
        line-height: 1.5rem;
        font-size: 13px;
        font-weight: bold;
        width: 100%;
        color: rgb(224, 227, 231);
        text-align: center;
    }

    .grid-container-content .desc > .content_2[b-afvc3p5oq6] {
        font-size: 10px;
        line-height: 1.2;
        width: 100%;
        text-align: center;
        color: rgb(206, 206, 206);
    }

@media (max-width: 1000px) {
    .grid-container-content[b-afvc3p5oq6] {
        gap: 14px 10px;
        grid-template-columns: repeat(4, minmax(0px, 1fr));
    }
}

@media (max-width: 999px) {
    .grid-container-content[b-afvc3p5oq6] {
        margin-top: 16px;
    }
}
/* _content/DataCrewSolutions.TKDPH/Components/Common/CountdownTimer.razor.rz.scp.css */
.clock[b-rqytwnd2a7] {
    color: var(--color-tone-1);
    font-family: sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    overflow: hidden;
}
/* _content/DataCrewSolutions.TKDPH/Pages/Blogs/Blogs.razor.rz.scp.css */
body[b-8utrg9n36q] {
    background: #e5ded8;
    box-sizing: border-box;
}

#heading[b-8utrg9n36q] {
    position: sticky;
    top: 10%;
    background: var(--mud-palette-drawer-background);
    box-shadow: var(--mud-elevation-1);
    padding: 0 10px;
    border-radius: 5px;
    z-index: 2;
}

    #heading h1[b-8utrg9n36q] {
        font-size: 20px;
        padding: 0.5em 0;
        width: 100%;
        font-family: 'Oswald', sans-serif;
    }

        #heading h1 span[b-8utrg9n36q] {
            letter-spacing: 6px;
            color: #71BC2F;
        }

    #heading img[b-8utrg9n36q] {
        border-style: none;
    }

.blog-container[b-8utrg9n36q] {
    background-color: var(--mud-palette-appbar-background);
    border-radius: 5px;
    box-shadow: var(--mud-elevation-25);
    color: var(--mud-palette-appbar-text);
    font-family: "adelle-sans", sans-serif;
    font-weight: 100;
    margin: 48px auto;
    width: 20rem;
}

@media screen and (min-width: 480px) {
    .blog-container[b-8utrg9n36q] {
        width: 28rem;
    }
}

@media screen and (min-width: 767px) {
    .blog-container[b-8utrg9n36q] {
        width: 40rem;
    }
}

@media screen and (min-width: 959px) {
    .blog-container[b-8utrg9n36q] {
        width: 50rem;
    }
}

.blog-container a[b-8utrg9n36q] {
    text-decoration: none;
    transition: 0.25s ease;
}

    .blog-container a:hover[b-8utrg9n36q] {
        border-color: #ff4d4d;
        color: #ff4d4d;
    }

.blog-cover[b-8utrg9n36q] {
    border-radius: 5px 5px 0 0;
    height: 14rem;
    box-shadow: inset rgba(0, 0, 0, 0.2) 0 64px 64px 16px;
    background-size: cover;
    background-position: center !important;
    background-repeat: no-repeat;
}

.blog-author[b-8utrg9n36q],
.blog-author--no-cover[b-8utrg9n36q] {
    padding: 0 2rem;
    background: rgb(0 0 0 / 20%);
}

    .blog-author h3[b-8utrg9n36q] {
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 100;
        padding: 20px 0;
    }

    .blog-author--no-cover h3[b-8utrg9n36q] {
        display: flex;
        align-items: center;
        color: #999999;
        font-weight: 100;
        padding: 20px 0;
    }

.blog-body[b-8utrg9n36q] {
    margin: 0 auto;
    width: 80%;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}

.video-body[b-8utrg9n36q] {
    height: 100%;
    width: 100%;
}

.blog-title h1 a[b-8utrg9n36q] {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}

.blog-tags ul[b-8utrg9n36q] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.blog-tags li + li[b-8utrg9n36q] {
    margin-left: 0.5rem;
}

.blog-tags a[b-8utrg9n36q] {
    border: 1px solid #999999;
    border-radius: 25px;
    color: #999999;
    line-height: 1.5rem;
    padding: 4px 11px;
    text-align: center;
    white-space: nowrap;
}

.blog-footer[b-8utrg9n36q] {
    border-top: 1px solid #e6e6e6;
    margin: 0 auto;
    padding: 1rem;
}

    .blog-footer ul[b-8utrg9n36q] {
        list-style: none;
        display: flex;
        flex: auto;
        justify-content: flex-end;
        padding-left: 0;
    }

    .blog-footer li:first-child[b-8utrg9n36q] {
        margin-right: auto;
    }

    .blog-footer li + li[b-8utrg9n36q] {
        margin-left: 0.5rem;
    }

    .blog-footer li[b-8utrg9n36q] {
        font-size: 0.75rem;
        height: 1.5rem;
        letter-spacing: 1px;
        line-height: 1.5rem;
        text-align: center;
        position: relative;
        white-space: nowrap;
    }

        .blog-footer li a[b-8utrg9n36q] {
            color: #999999;
        }

.comments[b-8utrg9n36q] {
    margin-right: 1rem;
}

.published-date[b-8utrg9n36q] {
    border: 1px solid #999999;
    border-radius: 50px;
    padding: 0 0.5rem;
}

.numero[b-8utrg9n36q] {
    font-size: 15px;
}

.icon-star[b-8utrg9n36q],
.icon-bubble[b-8utrg9n36q] {
    fill: #999999;
    height: 24px;
    margin-right: 0.5rem;
    transition: 0.25s ease;
    width: 24px;
}

    .icon-star:hover[b-8utrg9n36q],
    .icon-bubble:hover[b-8utrg9n36q] {
        fill: #ff4d4d;
    }

.comment_drawer .mud-drawer[b-8utrg9n36q],
.comment_drawer .mud-drawer-content[b-8utrg9n36q] {
    height: auto !important;
}

.comment_block[b-8utrg9n36q] {
    background: #fff;
    width: 500px;
    padding: 1rem;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: block;
}

.block-header[b-8utrg9n36q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

    .block-header .title[b-8utrg9n36q] {
        display: flex;
        align-items: flex-start;
    }

        .block-header .title .tag[b-8utrg9n36q] {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-left: 4px;
            background: #f7f7f7;
            color: #1c1c1c;
            text-align: center;
            padding: 0 4px;
            letter-spacing: 0.04em;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 10px;
            line-height: 16px;
            border: 1px solid #e8e8e8;
            border-radius: 96px;
        }

.writing[b-8utrg9n36q] {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 24px;
    padding: 12px;
}

    .writing .textarea[b-8utrg9n36q],
    .mud-input textarea[b-8utrg9n36q] {
        width: 100%;
        color: #585757;
        height: 50px;
        overflow-y: auto;
        appearance: none;
        border: 0;
        outline: 0;
        resize: none;
        font-size: 16px;
        line-height: 24px;
    }

    .writing:focus-within[b-8utrg9n36q] {
        border: 1px solid #0085ff;
        box-shadow: 0px 0px 2px 2px rgba(0, 133, 255, 0.15);
    }

    .writing .footer[b-8utrg9n36q] {
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

        .writing .footer .text-format[b-8utrg9n36q] {
            display: flex;
            align-items: center;
            gap: 12px;
        }

.comment[b-8utrg9n36q] {
    display: grid;
    gap: 14px;
}

    .comment .user-banner[b-8utrg9n36q] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .comment .user-banner .user[b-8utrg9n36q] {
            gap: 8px;
            align-items: center;
            display: flex;
        }

            .comment .user-banner .user .avatar[b-8utrg9n36q] {
                height: 32px;
                width: 32px;
                display: flex;
                align-items: center;
                justify-content: center;
                border: 1px solid transparent;
                position: relative;
                border-radius: 100px;
                font-weight: 500;
                font-size: 13px;
                line-height: 20px;
            }

                .comment .user-banner .user .avatar img[b-8utrg9n36q] {
                    max-width: 100%;
                    border-radius: 50%;
                }

                .comment .user-banner .user .avatar .stat[b-8utrg9n36q] {
                    display: flex;
                    position: absolute;
                    right: -2px;
                    bottom: -2px;
                    display: block;
                    width: 12px;
                    height: 12px;
                    z-index: 9;
                    border: 2px solid #ffffff;
                    border-radius: 100px;
                }

                    .comment .user-banner .user .avatar .stat.green[b-8utrg9n36q] {
                        background: #00ba34;
                    }

                    .comment .user-banner .user .avatar .stat.grey[b-8utrg9n36q] {
                        background: #969696;
                    }

    .comment .footer[b-8utrg9n36q] {
        gap: 12px;
        display: flex;
        align-items: center;
    }

        .comment .footer .reactions[b-8utrg9n36q] {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .comment .footer .divider[b-8utrg9n36q] {
            height: 12px;
            width: 1px;
            background: #e8e8e8;
        }

    .comment:not(.comment:first-child)[b-8utrg9n36q] {
        padding-bottom: 12px;
        margin-bottom: 12px;
        border-bottom: 1px solid #e8e8e8;
    }

    .comment + .comment[b-8utrg9n36q] {
        padding-top: 12px;
    }

    .comment.reply .user-banner[b-8utrg9n36q],
    .comment.reply .content[b-8utrg9n36q],
    .comment.reply .footer[b-8utrg9n36q] {
        margin-left: 32px;
    }

.group-radio[b-8utrg9n36q] {
    position: relative;
    display: flex;
    user-select: none;
    align-items: stretch;
}

    .group-radio .button-radio[b-8utrg9n36q] {
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.06);
    }

        .group-radio .button-radio label[b-8utrg9n36q] {
            cursor: pointer;
            padding: 4px 8px;
            font-weight: 500;
            font-size: 14px;
            display: flex;
            height: 28px;
            align-items: center;
            line-height: 28px;
            transition: 0.2s ease;
        }

        .group-radio .button-radio:first-child[b-8utrg9n36q] {
            border-top-left-radius: 8px;
            border-bottom-left-radius: 8px;
            border-left: 1px solid #e8e8e8;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
        }

        .group-radio .button-radio:last-child[b-8utrg9n36q] {
            border-top-right-radius: 8px;
            border-right: 1px solid #e8e8e8;
            border-top: 1px solid #e8e8e8;
            border-bottom: 1px solid #e8e8e8;
            border-bottom-right-radius: 8px;
        }

        .group-radio .button-radio input[type=radio][b-8utrg9n36q] {
            display: none;
        }

            .group-radio .button-radio input[type=radio]:checked + label[b-8utrg9n36q] {
                background: #f7f7f7;
            }

    .group-radio .divider[b-8utrg9n36q] {
        width: 1px;
        background: #e8e8e8;
    }

.comment_block h5[b-8utrg9n36q] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #1c1c1c;
    letter-spacing: 0em;
    text-align: left;
}

.comment_block .btn[b-8utrg9n36q] {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    display: flex;
    font: inherit;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #1c1c1c;
    transition: 0.2s ease;
    outline: none;
}

    .comment_block .btn i[b-8utrg9n36q] {
        color: #969696;
        font-size: 18px;
        transition: 0.15s ease-in-out;
    }

    .comment_block .btn.primary[b-8utrg9n36q] {
        min-width: 64px;
        padding: 0 12px;
        height: 30px;
        color: #fff;
        display: inline-flex;
        background: #0085ff;
        box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 2px 1px rgba(0, 0, 0, 0.06), 0px 1px 1px rgba(0, 0, 0, 0.08);
        border-radius: 4px;
    }

        .comment_block .btn.primary:hover[b-8utrg9n36q] {
            background: #339dff;
        }

    .comment_block .btn:hover i[b-8utrg9n36q] {
        opacity: 0.7;
    }

    .comment_block .btn img[b-8utrg9n36q] {
        max-width: 18px;
        height: auto;
    }

    .comment_block .btn.react[b-8utrg9n36q] {
        padding: 4px 8px 4px 4px;
        background: #f7f7f7;
        border: 1px solid #e8e8e8;
        border-radius: 8px;
        gap: 4px;
    }

        .comment_block .btn.react:hover[b-8utrg9n36q] {
            background-color: #eee;
        }

    .comment_block .btn.dropdown[b-8utrg9n36q] {
        display: flex;
        cursor: pointer;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 26px;
        height: 26px;
    }

        .comment_block .btn.dropdown:hover[b-8utrg9n36q] {
            background-color: #eee;
        }

.comment_block p[b-8utrg9n36q] {
    line-height: 24px;
}

    .comment_block p a.tagged-user[b-8utrg9n36q] {
        display: inline-flex;
        padding: 2px 8px;
        background: #e5f3ff;
        border-radius: 256px;
        color: #0085ff;
    }

.comment_block .is-mute[b-8utrg9n36q] {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #969696;
}

.comment_block a[b-8utrg9n36q] {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    color: #1c1c1c;
    text-decoration: none;
    transition: opacity 0.15s ease-in-out;
}

    .comment_block a:hover[b-8utrg9n36q] {
        opacity: 0.7;
    }

.comment_block h2[b-8utrg9n36q] {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #1c1c1c;
}

*[b-8utrg9n36q] {
    box-sizing: border-box;
}

.load[b-8utrg9n36q] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .load span[b-8utrg9n36q] {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        color: #969696;
    }

        .load span i[b-8utrg9n36q] {
            margin-right: 6px;
        }

.comment_block .group-button[b-8utrg9n36q] {
    display: flex;
    gap: 16px;
}
/* _content/DataCrewSolutions.TKDPH/Pages/Communication/Chat.razor.rz.scp.css */
.mud-table-container[b-2tg4efpt2i] {
    margin-top: auto !important
}

.mud-chat .mud-avatar[b-2tg4efpt2i] {
    align-self: start !important;
}

.mud-input[b-2tg4efpt2i] {
    line-height: 1.5rem !important;
    outline: none !important;
    padding-left: 10px !important;
}

    .mud-input:focus[b-2tg4efpt2i] {
        outline: none !important;
    }

.hoverarea[b-2tg4efpt2i] {
    cursor: pointer !important;
    background-color: var(--mud-palette-appbar-background);
    color: var(--mud-palette-appbar-text);
    transition: opacity 0.3s ease;
    opacity: .8;
}

.actionarea[b-2tg4efpt2i] {
    background-color: var(--mud-palette-appbar-background);
    color: var(--mud-palette-appbar-text);
}

    .actionarea:focus[b-2tg4efpt2i] {
        opacity: 1;
    }

span.emoji[b-2tg4efpt2i] {
    font-size: 12px;
    padding: 6px 3px;
    align-self: center;
    cursor: pointer;
}

.parent_message .mud-chip-content[b-2tg4efpt2i] {
    text-wrap: auto !important;
    flex-wrap: wrap !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.reply_message .mud-chip-content[b-2tg4efpt2i] {
    height: auto !important;
    display: block !important;
    text-wrap: auto !important;
}

a:action[b-2tg4efpt2i], a:focus[b-2tg4efpt2i], a:hover[b-2tg4efpt2i] {
    text-decoration: none;
}

.table-content[b-2tg4efpt2i] {
    display: table;
    width: 100%;
    margin: 0;
}

    .table-content .table-content-cell[b-2tg4efpt2i] {
        display: table-cell;
        vertical-align: middle;
    }

.icon[b-2tg4efpt2i] {
    font-size: 24px;
}

.media-object[b-2tg4efpt2i] {
    display: block;
}

.img-circle[b-2tg4efpt2i] {
    border-radius: 50%;
}

.list-group-item[b-2tg4efpt2i] {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: var(--mud-palette-drawer-background);
    border: 1px solid var(--mud-palette-table-lines);
}

.scroll-content[b-2tg4efpt2i] {
    min-height: calc(100vh - 255px);
    max-height: calc(100vh - 255px);
    overflow-y: auto;
}

.mud-chat:last-child[b-2tg4efpt2i] {
    margin-bottom: 20px !important;
}

.container[b-2tg4efpt2i] {
    width: 100%;
    background: var(--mud-palette-surface);
}

.dcs-chat-container[b-2tg4efpt2i] {
    margin: 0 auto;
    background: var(--mud-palette-surface);
    position: relative;
    box-shadow: var(--mud-elevation-25);
}

    .dcs-chat-container .dcs-chat-list-header[b-2tg4efpt2i] {
        background: var(--mud-palette-surface);
        padding: 12px 20px;
        box-shadow: var(--mud-elevation-25);
    }

        .dcs-chat-container .dcs-chat-list-header .arrow-icon[b-2tg4efpt2i] {
            width: 30px;
        }

            .dcs-chat-container .dcs-chat-list-header .arrow-icon .icon[b-2tg4efpt2i] {
                font-size: xx-large;
                font-weight: bold;
                cursor: pointer;
                padding-top: 2px;
                cursor: pointer;
            }

                .dcs-chat-container .dcs-chat-list-header .arrow-icon .icon:hover[b-2tg4efpt2i] {
                    color: #666666;
                    background: "transparent";
                }

        .dcs-chat-container .dcs-chat-list-header .dcs-chat-title[b-2tg4efpt2i] {
            font-size: 22px;
            text-align: center;
        }

        .dcs-chat-container .dcs-chat-list-header .search-form[b-2tg4efpt2i] {
            position: relative;
            text-align: right;
            width: 30px;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-list-header .search-form form[b-2tg4efpt2i] {
                margin: 0;
            }

            .dcs-chat-container .dcs-chat-list-header .search-form .icon[b-2tg4efpt2i] {
                cursor: pointer;
            }

                .dcs-chat-container .dcs-chat-list-header .search-form .icon:hover[b-2tg4efpt2i] {
                    color: #666666;
                    background: "transparent";
                }

        .dcs-chat-container .dcs-chat-list-header input[type=text][b-2tg4efpt2i] {
            height: 30px;
            width: 0px;
            font-size: 18px;
            padding: 0;
            margin: 0;
            position: absolute;
            top: 5px;
            right: 25px;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            background: var(--mud-palette-surface);
            transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
        }

            .dcs-chat-container .dcs-chat-list-header .search-form:hover input[type=text][b-2tg4efpt2i], .dcs-chat-container .dcs-chat-list-header input[type=text]:focus[b-2tg4efpt2i] {
                width: 240px;
                z-index: 1;
                padding-right: 25px;
                border-bottom: 1px solid #BBBBBB;
                cursor: text;
                box-shadow: none;
                margin-top: 6px;
            }

    .dcs-chat-container .dcs-chat-option[b-2tg4efpt2i] {
        padding: 15px 20px 10px;
        color: #a8a2a2;
    }

        .dcs-chat-container .dcs-chat-option .table-content-cell:first-child[b-2tg4efpt2i] {
            font-size: 18px;
        }

        .dcs-chat-container .dcs-chat-option .remove-icon[b-2tg4efpt2i] {
            cursor: pointer;
            margin-right: 25px;
            opacity: 0.7;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-option .remove-icon:hover[b-2tg4efpt2i] {
                color: #F05050;
                background: "transparent";
            }

        .dcs-chat-container .dcs-chat-option .check-icon[b-2tg4efpt2i] {
            cursor: pointer;
            opacity: 0.7;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-option .check-icon:hover[b-2tg4efpt2i] {
                color: #4CAF50;
                background: "transparent";
            }

    .dcs-chat-container .dcs-chat-list-box .list-group[b-2tg4efpt2i] {
        margin: auto 15px;
        /*box-shadow: var(--mud-elevation-4);*/
    }

        .dcs-chat-container .dcs-chat-list-box .list-group .table-content-cell:nth-child(2)[b-2tg4efpt2i] {
            width: 75px;
            text-align: right;
            position: absolute;
            right: 25px;
            top: 34px;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item[b-2tg4efpt2i] {
            border-radius: 8px;
            padding: 12px 20px;
            overflow: hidden;
            margin-bottom: 8px;
            box-shadow: var(--mud-elevation-5);
            position: relative;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.active[b-2tg4efpt2i] {
                background: var(--mud-palette-skeleton);
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.active[b-2tg4efpt2i]::before {
                    content: '';
                    display: block;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    top: 50%;
                    transform: rotate(45deg) translate(-50%, -50%);
                    left: -10px;
                    background: var(--mud-palette-action-disabled-background);
                }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item .media-heading[b-2tg4efpt2i] {
                font-weight: 600;
            }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.unread[b-2tg4efpt2i] {
                background: #F5F5F5;
                font-weight: bold;
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.unread .media-heading[b-2tg4efpt2i] {
                    color: #333333;
                    font-weight: inherit;
                }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover[b-2tg4efpt2i] {
                background: var(--mud-palette-table-hover);
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .media-heading[b-2tg4efpt2i],
                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .dcs-chat-location[b-2tg4efpt2i] {
                    color: var(--mud-palette-text-primary) !important;
                }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .list-time[b-2tg4efpt2i] {
                    display: none;
                }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .list-remove-btn[b-2tg4efpt2i] {
                    right: 0;
                }

        .dcs-chat-container .dcs-chat-list-box .list-group .media[b-2tg4efpt2i] {
            width: 82%;
            overflow: hidden;
            zoom: 1;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .media-left[b-2tg4efpt2i] {
            padding-right: 15px;
            display: table-cell;
            vertical-align: top;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-left .mud-image[b-2tg4efpt2i] {
                width: 50px;
                height: 50px;
                max-width: 50px;
                border-radius: 50%;
                display: block;
            }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-left .text-media-object[b-2tg4efpt2i] {
                background: #6747CD;
                width: 50px;
                height: 50px;
                border-radius: 100%;
                text-align: center;
                line-height: 35px;
                color: #FFFFFF;
                font-weight: bold;
                padding: 10px;
                font-size: 18px;
            }

        .dcs-chat-container .dcs-chat-list-box .list-group .media-body[b-2tg4efpt2i] {
            display: table-cell;
            vertical-align: top;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-body .dcs-chat-location[b-2tg4efpt2i] {
                color: var(--mud-palette-gray-darker);
            }

        .dcs-chat-container .dcs-chat-list-box .list-group .dcs-chat-time[b-2tg4efpt2i] {
            color: #CCCCCC;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .list-remove-btn[b-2tg4efpt2i] {
            position: absolute;
            right: -110px;
            width: 100px;
            top: 0;
            background: #F05050;
            padding: 35px 0;
            text-align: center;
            font-size: 16px;
            color: #FFFFFF;
            transition: 500ms cubic-bezier(0.58, 0.54, 0.41, 1.38);
        }


/*** Default scrolling customize style ***/
.custom-scrollBar[b-2tg4efpt2i] {
    overflow: hidden;
}

    .custom-scrollBar:hover[b-2tg4efpt2i] {
        overflow-y: auto;
    }

    .custom-scrollBar[b-2tg4efpt2i]::-webkit-scrollbar,
    #chatContainer[b-2tg4efpt2i]::-webkit-scrollbar {
        width: 6px;
    }

    .custom-scrollBar[b-2tg4efpt2i]::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #ECECEC;
    }

        .custom-scrollBar[b-2tg4efpt2i]::-webkit-scrollbar-thumb:hover {
            background-color: #CCCCCC;
        }


.chat-message-container[b-2tg4efpt2i] {
    /*position: absolute;*/
    width: 100%;
    bottom: 0;
}

.chat-message-pane[b-2tg4efpt2i] {
    background: var(--mud-palette-surface);
    padding: 10px;
    min-height: 42px;
    max-height: 100px;
    border: 1px solid;
    field-sizing: content;
}
/* _content/DataCrewSolutions.TKDPH/Pages/Communication/ChatUser.razor.rz.scp.css */
.list-group-item[b-d80zggului] {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: var(--mud-palette-drawer-background);
    border: 1px solid var(--mud-palette-table-lines);
}

.unread-messages[b-d80zggului] {
    background-color: #a5d6a7;
} 

.dcs-chat-container[b-d80zggului] {
    margin: 0 auto;
    background: var(--mud-palette-surface);
    position: relative;
    box-shadow: var(--mud-elevation-25);
}

    .dcs-chat-container .dcs-chat-list-header[b-d80zggului] {
        background: var(--mud-palette-surface);
        padding: 12px 20px;
        box-shadow: var(--mud-elevation-25);
    }

        .dcs-chat-container .dcs-chat-list-header .arrow-icon[b-d80zggului] {
            width: 30px;
        }

            .dcs-chat-container .dcs-chat-list-header .arrow-icon .icon[b-d80zggului] {
                font-size: xx-large;
                font-weight: bold;
                cursor: pointer;
                padding-top: 2px;
                cursor: pointer;
            }

                .dcs-chat-container .dcs-chat-list-header .arrow-icon .icon:hover[b-d80zggului] {
                    color: #666666;
                    background: "transparent";
                }

        .dcs-chat-container .dcs-chat-list-header .dcs-chat-title[b-d80zggului] {
            font-size: 22px;
            text-align: center;
        }

        .dcs-chat-container .dcs-chat-list-header .search-form[b-d80zggului] {
            position: relative;
            text-align: right;
            width: 30px;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-list-header .search-form form[b-d80zggului] {
                margin: 0;
            }

            .dcs-chat-container .dcs-chat-list-header .search-form .icon[b-d80zggului] {
                cursor: pointer;
            }

                .dcs-chat-container .dcs-chat-list-header .search-form .icon:hover[b-d80zggului] {
                    color: #666666;
                    background: "transparent";
                }

        .dcs-chat-container .dcs-chat-list-header input[type=text][b-d80zggului] {
            height: 30px;
            width: 0px;
            font-size: 18px;
            padding: 0;
            margin: 0;
            position: absolute;
            top: 5px;
            right: 25px;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            background: var(--mud-palette-surface);
            transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
        }

            .dcs-chat-container .dcs-chat-list-header .search-form:hover input[type=text][b-d80zggului], .dcs-chat-container .dcs-chat-list-header input[type=text]:focus[b-d80zggului] {
                width: 240px;
                z-index: 1;
                padding-right: 25px;
                border-bottom: 1px solid #BBBBBB;
                cursor: text;
                box-shadow: none;
                margin-top: 6px;
            }

    .dcs-chat-container .dcs-chat-option[b-d80zggului] {
        padding: 15px 20px 10px;
        color: #a8a2a2;
    }

        .dcs-chat-container .dcs-chat-option .table-content-cell:first-child[b-d80zggului] {
            font-size: 18px;
        }

        .dcs-chat-container .dcs-chat-option .remove-icon[b-d80zggului] {
            cursor: pointer;
            margin-right: 25px;
            opacity: 0.7;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-option .remove-icon:hover[b-d80zggului] {
                color: #F05050;
                background: "transparent";
            }

        .dcs-chat-container .dcs-chat-option .check-icon[b-d80zggului] {
            cursor: pointer;
            opacity: 0.7;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-option .check-icon:hover[b-d80zggului] {
                color: #4CAF50;
                background: "transparent";
            }

    .dcs-chat-container .dcs-chat-list-box .list-group[b-d80zggului] {
        margin: auto 15px;
        /*box-shadow: var(--mud-elevation-4);*/
    }

        .dcs-chat-container .dcs-chat-list-box .list-group .table-content-cell:nth-child(2)[b-d80zggului] {
            width: 75px;
            text-align: right;
            position: absolute;
            right: 25px;
            top: 34px;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item[b-d80zggului] {
            border-radius: 8px;
            padding: 12px 20px;
            overflow: hidden;
            margin-bottom: 8px;
            box-shadow: var(--mud-elevation-5);
            position: relative;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.active[b-d80zggului] {
                background: var(--mud-palette-skeleton);
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.active[b-d80zggului]::before {
                    content: '';
                    display: block;
                    width: 20px;
                    height: 20px;
                    position: absolute;
                    top: 50%;
                    transform: rotate(45deg) translate(-50%, -50%);
                    left: -10px;
                    background: var(--mud-palette-action-disabled-background);
                }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item .media-heading[b-d80zggului] {
                font-weight: 600;
            }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.unread[b-d80zggului] {
                background: #F5F5F5;
                font-weight: bold;
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.unread .media-heading[b-d80zggului] {
                    color: #333333;
                    font-weight: inherit;
                }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover[b-d80zggului] {
                background: var(--mud-palette-table-hover);
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .media-heading[b-d80zggului],
                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .dcs-chat-location[b-d80zggului] {
                    color: var(--mud-palette-text-primary) !important;
                }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .list-time[b-d80zggului] {
                    display: none;
                }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .list-remove-btn[b-d80zggului] {
                    right: 0;
                }

        .dcs-chat-container .dcs-chat-list-box .list-group .media[b-d80zggului] {
            width: 82%;
            overflow: hidden;
            zoom: 1;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .media-left[b-d80zggului] {
            padding-right: 15px;
            display: table-cell;
            vertical-align: top;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-left .mud-image[b-d80zggului] {
                width: 50px;
                height: 50px;
                max-width: 50px;
                border-radius: 50%;
                display: block;
            }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-left .text-media-object[b-d80zggului] {
                background: #6747CD;
                width: 50px;
                height: 50px;
                border-radius: 100%;
                text-align: center;
                line-height: 35px;
                color: #FFFFFF;
                font-weight: bold;
                padding: 10px;
                font-size: 18px;
            }

        .dcs-chat-container .dcs-chat-list-box .list-group .media-body[b-d80zggului] {
            display: table-cell;
            vertical-align: top;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-body .dcs-chat-location[b-d80zggului] {
                color: var(--mud-palette-gray-darker);
            }

        .dcs-chat-container .dcs-chat-list-box .list-group .dcs-chat-time[b-d80zggului] {
            color: #CCCCCC;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .list-remove-btn[b-d80zggului] {
            position: absolute;
            right: -110px;
            width: 100px;
            top: 0;
            background: #F05050;
            padding: 35px 0;
            text-align: center;
            font-size: 16px;
            color: #FFFFFF;
            transition: 500ms cubic-bezier(0.58, 0.54, 0.41, 1.38);
        }


/*** Default scrolling customize style ***/
.custom-scrollBar[b-d80zggului] {
    overflow: hidden;
}

    .custom-scrollBar:hover[b-d80zggului] {
        overflow-y: auto;
    }

    .custom-scrollBar[b-d80zggului]::-webkit-scrollbar,
    #chatContainer[b-d80zggului]::-webkit-scrollbar {
        width: 6px;
    }

    .custom-scrollBar[b-d80zggului]::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #ECECEC;
    }

        .custom-scrollBar[b-d80zggului]::-webkit-scrollbar-thumb:hover {
            background-color: #CCCCCC;
        }
/* _content/DataCrewSolutions.TKDPH/Pages/Communication/_ChatFooterTemplate.razor.rz.scp.css */
.chat-message-pane[b-dzpe9mxeh9] {
    background: var(--mud-palette-surface);
    padding: 10px;
    min-height: 42px;
    max-height: 100px;
    border: 1px solid;
    field-sizing: content;
}
/* _content/DataCrewSolutions.TKDPH/Pages/Communication/_ChatUsersTemplate.razor.rz.scp.css */
a:action[b-ls01v6i7lr], a:focus[b-ls01v6i7lr], a:hover[b-ls01v6i7lr] {
    text-decoration: none;
}

.table-content[b-ls01v6i7lr] {
    display: table;
    width: 100%;
    margin: 0;
}

    .table-content .table-content-cell[b-ls01v6i7lr] {
        display: table-cell;
        vertical-align: middle;
    }

.icon[b-ls01v6i7lr] {
    font-size: 24px;
}

.media-object[b-ls01v6i7lr] {
    display: block;
}

.img-circle[b-ls01v6i7lr] {
    border-radius: 50%;
}

.list-group-item[b-ls01v6i7lr] {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: var(--mud-palette-drawer-background);
    border: 1px solid var(--mud-palette-table-lines);
}

.scroll-content[b-ls01v6i7lr] {
    min-height: calc(100vh - 255px);
    max-height: calc(100vh - 255px);
    overflow-y: auto;
}

.chat-message-pane[b-ls01v6i7lr] {
    background: var(--mud-palette-surface);
    padding: 10px;
    min-height: 42px;
    max-height: 100px;
    border: 1px solid;
    field-sizing: content;
}

.container[b-ls01v6i7lr] {
    width: 100%;
    background: var(--mud-palette-surface);
}

.dcs-chat-container[b-ls01v6i7lr] {
    margin: 0 auto;
    background: var(--mud-palette-surface);
    position: relative;
    box-shadow: var(--mud-elevation-25);
}

    .dcs-chat-container .dcs-chat-list-header[b-ls01v6i7lr] {
        background: var(--mud-palette-surface);
        padding: 12px 20px;
        box-shadow: var(--mud-elevation-25);
    }

        .dcs-chat-container .dcs-chat-list-header .arrow-icon[b-ls01v6i7lr] {
            width: 30px;
        }

            .dcs-chat-container .dcs-chat-list-header .arrow-icon .icon[b-ls01v6i7lr] {
                font-size: xx-large;
                font-weight: bold;
                cursor: pointer;
                padding-top: 2px;
                cursor: pointer;
            }

                .dcs-chat-container .dcs-chat-list-header .arrow-icon .icon:hover[b-ls01v6i7lr] {
                    color: #666666;
                    background: "transparent";
                }

        .dcs-chat-container .dcs-chat-list-header .dcs-chat-title[b-ls01v6i7lr] {
            font-size: 22px;
            text-align: center;
        }

        .dcs-chat-container .dcs-chat-list-header .search-form[b-ls01v6i7lr] {
            position: relative;
            text-align: right;
            width: 30px;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-list-header .search-form form[b-ls01v6i7lr] {
                margin: 0;
            }

            .dcs-chat-container .dcs-chat-list-header .search-form .icon[b-ls01v6i7lr] {
                cursor: pointer;
            }

                .dcs-chat-container .dcs-chat-list-header .search-form .icon:hover[b-ls01v6i7lr] {
                    color: #666666;
                    background: "transparent";
                }

        .dcs-chat-container .dcs-chat-list-header input[type=text][b-ls01v6i7lr] {
            height: 30px;
            width: 0px;
            font-size: 18px;
            padding: 0;
            margin: 0;
            position: absolute;
            top: 5px;
            right: 25px;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            background: var(--mud-palette-surface);
            transition: width 0.4s cubic-bezier(0, 0.795, 0, 1);
        }

            .dcs-chat-container .dcs-chat-list-header .search-form:hover input[type=text][b-ls01v6i7lr], .dcs-chat-container .dcs-chat-list-header input[type=text]:focus[b-ls01v6i7lr] {
                width: 240px;
                z-index: 1;
                padding-right: 25px;
                border-bottom: 1px solid #BBBBBB;
                cursor: text;
                box-shadow: none;
                margin-top: 6px;
            }

    .dcs-chat-container .dcs-chat-option[b-ls01v6i7lr] {
        padding: 15px 20px 10px;
        color: #a8a2a2;
    }

        .dcs-chat-container .dcs-chat-option .table-content-cell:first-child[b-ls01v6i7lr] {
            font-size: 18px;
        }

        .dcs-chat-container .dcs-chat-option .remove-icon[b-ls01v6i7lr] {
            cursor: pointer;
            margin-right: 25px;
            opacity: 0.7;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-option .remove-icon:hover[b-ls01v6i7lr] {
                color: #F05050;
                background: "transparent";
            }

        .dcs-chat-container .dcs-chat-option .check-icon[b-ls01v6i7lr] {
            cursor: pointer;
            opacity: 0.7;
            cursor: pointer;
        }

            .dcs-chat-container .dcs-chat-option .check-icon:hover[b-ls01v6i7lr] {
                color: #4CAF50;
                background: "transparent";
            }

    .dcs-chat-container .dcs-chat-list-box .list-group[b-ls01v6i7lr] {
        margin: auto 15px;
        /*box-shadow: var(--mud-elevation-4);*/
    }

        .dcs-chat-container .dcs-chat-list-box .list-group .table-content-cell:nth-child(2)[b-ls01v6i7lr] {
            width: 75px;
            text-align: right;
            position: absolute;
            right: 25px;
            top: 34px;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item[b-ls01v6i7lr] {
            border-radius: 8px;
            padding: 12px 20px;
            overflow: hidden;
            margin-bottom: 8px;
            box-shadow: var(--mud-elevation-5);
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item .media-heading[b-ls01v6i7lr] {
                font-weight: 600;
            }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.unread[b-ls01v6i7lr] {
                background: #F5F5F5;
                font-weight: bold;
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item.unread .media-heading[b-ls01v6i7lr] {
                    color: #333333;
                    font-weight: inherit;
                }

            .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover[b-ls01v6i7lr] {
                background: var(--mud-palette-table-hover);
            }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .media-heading[b-ls01v6i7lr],
                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .dcs-chat-location[b-ls01v6i7lr] {
                    color: var(--mud-palette-text-primary) !important;
                }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .list-time[b-ls01v6i7lr] {
                    display: none;
                }

                .dcs-chat-container .dcs-chat-list-box .list-group .list-group-item:hover .list-remove-btn[b-ls01v6i7lr] {
                    right: 0;
                }

        .dcs-chat-container .dcs-chat-list-box .list-group .media[b-ls01v6i7lr] {
            width: 82%;
            overflow: hidden;
            zoom: 1;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .media-left[b-ls01v6i7lr] {
            padding-right: 15px;
            display: table-cell;
            vertical-align: top;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-left .mud-image[b-ls01v6i7lr] {
                width: 50px;
                height: 50px;
                max-width: 50px;
                border-radius: 50%;
                display: block;
            }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-left .text-media-object[b-ls01v6i7lr] {
                background: #6747CD;
                width: 50px;
                height: 50px;
                border-radius: 100%;
                text-align: center;
                line-height: 35px;
                color: #FFFFFF;
                font-weight: bold;
                padding: 10px;
                font-size: 18px;
            }

        .dcs-chat-container .dcs-chat-list-box .list-group .media-body[b-ls01v6i7lr] {
            display: table-cell;
            vertical-align: top;
        }

            .dcs-chat-container .dcs-chat-list-box .list-group .media-body .dcs-chat-location[b-ls01v6i7lr] {
                color: #a2a2a2;
            }

        .dcs-chat-container .dcs-chat-list-box .list-group .dcs-chat-time[b-ls01v6i7lr] {
            color: #CCCCCC;
        }

        .dcs-chat-container .dcs-chat-list-box .list-group .list-remove-btn[b-ls01v6i7lr] {
            position: absolute;
            right: -110px;
            width: 100px;
            top: 0;
            background: #F05050;
            padding: 35px 0;
            text-align: center;
            font-size: 16px;
            color: #FFFFFF;
            transition: 500ms cubic-bezier(0.58, 0.54, 0.41, 1.38);
        }


/*** Default scrolling customize style ***/
.custom-scrollBar[b-ls01v6i7lr] {
    overflow: hidden;
}

    .custom-scrollBar:hover[b-ls01v6i7lr] {
        overflow-y: auto;
    }

    .custom-scrollBar[b-ls01v6i7lr]::-webkit-scrollbar,
    #chatContainer[b-ls01v6i7lr]::-webkit-scrollbar {
        width: 6px;
    }

    .custom-scrollBar[b-ls01v6i7lr]::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #ECECEC;
    }

        .custom-scrollBar[b-ls01v6i7lr]::-webkit-scrollbar-thumb:hover {
            background-color: #CCCCCC;
        }
/* _content/DataCrewSolutions.TKDPH/Pages/Galleries/Galleries.razor.rz.scp.css */
/* Container */
.container[b-f2eiv7ls5s] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--spacing-lg);
}

/* Header */
header[b-f2eiv7ls5s] {
    text-align: center;
    margin-bottom: var(--spacing-lg);
}

    header h1[b-f2eiv7ls5s] {
        font-size: 2.5rem;
        margin-bottom: var(--spacing-sm);
    }

    header p[b-f2eiv7ls5s] {
        color: #666;
    }

/* Gallery Controls */
.gallery-controls[b-f2eiv7ls5s] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-lg);
    align-items: center;
    justify-content: space-between;
}

.search-box[b-f2eiv7ls5s] {
    position: relative;
    flex: 1;
    min-width: 200px;
}

    .search-box input[b-f2eiv7ls5s] {
        width: 100%;
        padding: 0.5rem 1rem 0.5rem 2.5rem;
        border: 1px solid var(--border-color);
        border-radius: var(--border-radius);
        font-size: 1rem;
        transition: var(--transition);
    }

    .search-box i[b-f2eiv7ls5s] {
        position: absolute;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
        color: #666;
    }

.category-filters[b-f2eiv7ls5s] {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.filter-btn[b-f2eiv7ls5s] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: var(--border-radius);
    background: white;
    color: var(--text-color);
    cursor: pointer;
    transition: var(--transition);
}

    .filter-btn:hover[b-f2eiv7ls5s],
    .filter-btn.active[b-f2eiv7ls5s] {
        background: var(--primary-color);
        color: white;
    }

.sort-options select[b-f2eiv7ls5s] {
    padding: 0.6rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    cursor: pointer;
}

/* Gallery Grid */
.gallery[b-f2eiv7ls5s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-lg);
}

.gallery-item[b-f2eiv7ls5s] {
    background-color: var(--mud-palette-appbar-background);
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 2px 10px var(--shadow-color);
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
}

    .gallery-item:hover[b-f2eiv7ls5s] {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px var(--shadow-color);
    }

.gallery-item-inner[b-f2eiv7ls5s] {
    position: relative;
    padding-top: 75%;
    overflow: hidden;
}

.gallery-item img[b-f2eiv7ls5s] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.gallery-item:hover img[b-f2eiv7ls5s] {
    transform: scale(1.05);
}

.gallery-item-overlay[b-f2eiv7ls5s] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: var(--transition);
}

.gallery-item:hover .gallery-item-overlay[b-f2eiv7ls5s] {
    opacity: 1;
}

.gallery-item-overlay i[b-f2eiv7ls5s] {
    color: white;
    font-size: 2rem;
}

.gallery-item-info[b-f2eiv7ls5s] {
    padding: 15px;
}

    .gallery-item-info h3[b-f2eiv7ls5s] {
        margin-bottom: 12px;
        font-size: 1.1rem;
    }

.category[b-f2eiv7ls5s] {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    background: var(--primary-color);
    color: white;
    border-radius: 20px;
    font-size: 0.8rem;
}

/* Lightbox */
.lightbox[b-f2eiv7ls5s] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

    .lightbox.active[b-f2eiv7ls5s] {
        opacity: 1;
        visibility: visible;
    }

.lightbox-content[b-f2eiv7ls5s] {
    position: relative;
    max-width: 90%;
    max-height: 90vh;
}

    .lightbox-content img[b-f2eiv7ls5s] {
        max-width: 100%;
        max-height: 90vh;
        object-fit: contain;
        transition: var(--transition);
    }

.lightbox-caption[b-f2eiv7ls5s] {
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    text-align: center;
    color: white;
    padding: var(--spacing-sm);
}

.lightbox-info[b-f2eiv7ls5s] {
    position: absolute;
    bottom: -4rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    color: white;
    font-size: 0.9rem;
}

.lightbox button[b-f2eiv7ls5s] {
    position: absolute;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    transition: var(--transition);
}

    .lightbox button:hover[b-f2eiv7ls5s] {
        background: rgba(255, 255, 255, 0.2);
    }

.lightbox-close[b-f2eiv7ls5s] {
    top: 20px;
    right: 20px;
}

.lightbox-prev[b-f2eiv7ls5s] {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.lightbox-next[b-f2eiv7ls5s] {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.lightbox-zoom-in[b-f2eiv7ls5s],
.lightbox-zoom-out[b-f2eiv7ls5s],
.lightbox-rotate[b-f2eiv7ls5s],
.lightbox-fullscreen[b-f2eiv7ls5s],
.lightbox-download[b-f2eiv7ls5s] {
    bottom: 20px;
}

.lightbox-zoom-in[b-f2eiv7ls5s] {
    right: 180px;
}

.lightbox-zoom-out[b-f2eiv7ls5s] {
    right: 140px;
}

.lightbox-rotate[b-f2eiv7ls5s] {
    right: 100px;
}

.lightbox-fullscreen[b-f2eiv7ls5s] {
    right: 60px;
}

.lightbox-download[b-f2eiv7ls5s] {
    right: 20px;
}

/* Footer */
footer[b-f2eiv7ls5s] {
    text-align: center;
    padding: var(--spacing-lg);
    background: white;
    margin-top: var(--spacing-lg);
}

.footer-bottom[b-f2eiv7ls5s] {
    color: var(--text-color);
}

    .footer-bottom a[b-f2eiv7ls5s] {
        color: var(--primary-color);
        text-decoration: none;
        transition: var(--transition);
    }

        .footer-bottom a:hover[b-f2eiv7ls5s] {
            text-decoration: underline;
        }

/* Responsive Design */
@media (max-width: 768px) {
    .gallery-controls[b-f2eiv7ls5s] {
        flex-direction: column;
        align-items: stretch;
    }

    .search-box[b-f2eiv7ls5s] {
        width: 100%;
    }

    .category-filters[b-f2eiv7ls5s] {
        justify-content: center;
    }

    .gallery[b-f2eiv7ls5s] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }

    .lightbox-zoom-in[b-f2eiv7ls5s],
    .lightbox-zoom-out[b-f2eiv7ls5s],
    .lightbox-rotate[b-f2eiv7ls5s],
    .lightbox-fullscreen[b-f2eiv7ls5s],
    .lightbox-download[b-f2eiv7ls5s] {
        display: none;
    }
}

@media (max-width: 480px) {
    .container[b-f2eiv7ls5s] {
        padding: var(--spacing-md);
    }

    header h1[b-f2eiv7ls5s] {
        font-size: 2rem;
    }

    .gallery[b-f2eiv7ls5s] {
        grid-template-columns: 1fr;
    }

    .lightbox-prev[b-f2eiv7ls5s],
    .lightbox-next[b-f2eiv7ls5s] {
        display: none;
    }
}
/* _content/DataCrewSolutions.TKDPH/Pages/Identity/Roles/_PermissionsDrawer.razor.rz.scp.css */
.mud-drawer .mud-drawer-content[b-nt93kzkur6] {
    overflow-y: auto !important;
}
/* _content/DataCrewSolutions.TKDPH/Shared/PaymentRequiredLayout.razor.rz.scp.css */
:root[b-fwpwhasry4] {
    --light: #edf2f9;
    --dark: #152e4d;
    --darker: #12263f;
}

.dark .dark\:text-light[b-fwpwhasry4] {
    color: var(--light);
}

.dark .dark\:bg-dark[b-fwpwhasry4] {
    background-color: var(--dark);
}

.dark .dark\:bg-darker[b-fwpwhasry4] {
    background-color: var(--darker);
}

.dark .dark\:text-gray-300[b-fwpwhasry4] {
    color: #D1D5DB;
}