@import url('design_1.css');
.HeaderForPC_header-placeholder__LXPL7 {
    width: 100%;
    height: 64px;
    background: transparent
}

@media only screen and (max-width:1270px) {
    .HeaderForPC_header-placeholder__LXPL7 {
        display: none
    }
}

.HeaderForPC_pc-header__19pgs {
    width: 100%;
    height: 64px;
    padding: 0 40px;
    color: rgba(255,255,255,.7);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999;
    display: -moz-box;
    display: flex;
    -moz-box-pack: justify;
    justify-content: space-between;
    -moz-box-align: center;
    align-items: center
}

    .HeaderForPC_pc-header__19pgs:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,var(--backgtound-opacity));
        -webkit-backdrop-filter: blur(var(--backgtound-blur));
        backdrop-filter: blur(var(--backgtound-blur));
        z-index: -1
    }

@media only screen and (max-width:1270px) {
    .HeaderForPC_pc-header__19pgs {
        display: none
    }
}

.HeaderForPC_pc-header__19pgs.HeaderForPC_header-transition__1GZJg:after {
    -webkit-transition: all .3s cubic-bezier(.42,0,0,1);
    -moz-transition: all .3s cubic-bezier(.42,0,0,1);
    transition: all .3s cubic-bezier(.42,0,0,1)
}

.HeaderForPC_pc-header__19pgs.HeaderForPC_transparent-none__zkEBF .HeaderForPC_graphic-logo__3C7QW, .HeaderForPC_pc-header__19pgs.HeaderForPC_transparent-none__zkEBF .HeaderForPC_letter-logo__1cvY3 {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important
}

.HeaderForPC_pc-header__19pgs:hover:after {
    background: rgba(0,0,0,.85) !important;
    -webkit-backdrop-filter: 3px !important;
    backdrop-filter: 3px !important
}

.HeaderForPC_pc-header__19pgs:hover .HeaderForPC_graphic-logo__3C7QW {
    -webkit-transform: translateY(-39px) !important;
    -moz-transform: translateY(-39px) !important;
    transform: translateY(-39px) !important;
    opacity: 0 !important
}

.HeaderForPC_pc-header__19pgs:hover .HeaderForPC_letter-logo__1cvY3 {
    width: 124px !important;
    height: 22px !important;
    -webkit-transform: translateY(-39px) !important;
    -moz-transform: translateY(-39px) !important;
    transform: translateY(-39px) !important
}

.HeaderForPC_left-menu__27Esn, .HeaderForPC_right-menu__2BZBz {
    cursor: default;
    grid-gap: 24px;
    gap: 24px
}

.HeaderForPC_left-menu__27Esn, .HeaderForPC_menu-item__1dLdR, .HeaderForPC_right-item__2PAE0, .HeaderForPC_right-menu__2BZBz {
    display: -moz-box;
    display: flex;
    height: 100%;
    -moz-box-align: center;
    align-items: center
}

    .HeaderForPC_menu-item__1dLdR:hover .HeaderForPC_child-list___L3HF, .HeaderForPC_menu-item__1dLdR:hover .HeaderForPC_menu-detail__SVZdK, .HeaderForPC_right-item__2PAE0:hover .HeaderForPC_child-list___L3HF, .HeaderForPC_right-item__2PAE0:hover .HeaderForPC_menu-detail__SVZdK {
        height: var(--child-height);
        opacity: 1;
        visibility: visible
    }

    .HeaderForPC_menu-item__1dLdR:hover .HeaderForPC_menu-name__17Wt2, .HeaderForPC_right-item__2PAE0:hover .HeaderForPC_menu-name__17Wt2 {
        color: #fff
    }

        .HeaderForPC_menu-item__1dLdR:hover .HeaderForPC_menu-name__17Wt2:after, .HeaderForPC_right-item__2PAE0:hover .HeaderForPC_menu-name__17Wt2:after {
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            transform: scaleX(1)
        }

        .HeaderForPC_menu-item__1dLdR:hover .HeaderForPC_menu-name__17Wt2 .global-icon, .HeaderForPC_right-item__2PAE0:hover .HeaderForPC_menu-name__17Wt2 .global-icon {
            width: 24px;
            height: 24px
        }

            .HeaderForPC_menu-item__1dLdR:hover .HeaderForPC_menu-name__17Wt2 .global-icon g, .HeaderForPC_right-item__2PAE0:hover .HeaderForPC_menu-name__17Wt2 .global-icon g {
                stroke: #fff
            }

    .HeaderForPC_menu-item__1dLdR.HeaderForPC_right-item__2PAE0, .HeaderForPC_right-item__2PAE0.HeaderForPC_right-item__2PAE0 {
        position: relative
    }

    .HeaderForPC_menu-item__1dLdR.HeaderForPC_active__1LpfP .HeaderForPC_menu-name__17Wt2, .HeaderForPC_right-item__2PAE0.HeaderForPC_active__1LpfP .HeaderForPC_menu-name__17Wt2 {
        color: #fff
    }

        .HeaderForPC_menu-item__1dLdR.HeaderForPC_active__1LpfP .HeaderForPC_menu-name__17Wt2:after, .HeaderForPC_right-item__2PAE0.HeaderForPC_active__1LpfP .HeaderForPC_menu-name__17Wt2:after {
            -webkit-transform: scaleX(1);
            -moz-transform: scaleX(1);
            transform: scaleX(1)
        }

.HeaderForPC_child-list___L3HF {
    width: 132px;
    position: absolute;
    left: 50%;
    top: 64px;
    z-index: -1;
    margin-left: -66px;
    background: rgba(0,0,0,.7);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    opacity: 0;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.42,0,0,1);
    -moz-transition: all .3s cubic-bezier(.42,0,0,1);
    transition: all .3s cubic-bezier(.42,0,0,1)
}

    .HeaderForPC_child-list___L3HF.HeaderForPC_child-list-en__1FVhe {
        width: 168px;
        margin-left: -84px
    }

    .HeaderForPC_child-list___L3HF a {
        display: block;
        color: rgba(255,255,255,.7);
        height: 44px;
        line-height: 44px;
        text-align: center
    }

        .HeaderForPC_child-list___L3HF a.HeaderForPC_active__1LpfP, .HeaderForPC_child-list___L3HF a:hover {
            color: #fff
        }

.HeaderForPC_menu-name__17Wt2 {
    color: rgba(255,255,255,.7);
    line-height: 22px;
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    grid-gap: 2px;
    gap: 2px
}

    .HeaderForPC_menu-name__17Wt2:after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #b4d719;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -8px;
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0;
        -moz-transform-origin: 0;
        transform-origin: 0;
        -webkit-transition: -webkit-transform .3s cubic-bezier(.42,0,0,1);
        transition: -webkit-transform .3s cubic-bezier(.42,0,0,1);
        -moz-transition: transform .3s cubic-bezier(.42,0,0,1),-moz-transform .3s cubic-bezier(.42,0,0,1);
        transition: transform .3s cubic-bezier(.42,0,0,1);
        transition: transform .3s cubic-bezier(.42,0,0,1),-webkit-transform .3s cubic-bezier(.42,0,0,1),-moz-transform .3s cubic-bezier(.42,0,0,1)
    }

    .HeaderForPC_menu-name__17Wt2 .global-icon {
        width: 24px;
        height: 24px
    }

        .HeaderForPC_menu-name__17Wt2 .global-icon g {
            stroke: rgba(255,255,255,.7)
        }

.HeaderForPC_active-locale__30Z9Q {
    color: #fff
}

.HeaderForPC_drive-btn__9vHsu {
    width: 80px;
    height: 32px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent
}

    .HeaderForPC_drive-btn__9vHsu:hover {
        background-color: #fff;
        color: #181818
    }

.HeaderForPC_menu-detail__SVZdK {
    position: fixed;
    left: 0;
    right: 0;
    top: 64px;
    z-index: -1;
    background: rgba(0,0,0,.75);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    overflow: hidden;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s cubic-bezier(.42,0,0,1);
    -moz-transition: all .3s cubic-bezier(.42,0,0,1);
    transition: all .3s cubic-bezier(.42,0,0,1)
}

.HeaderForPC_menu-detail-overseasMarket__QHdVl {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    grid-gap: 80px;
    gap: 80px
}

    .HeaderForPC_menu-detail-overseasMarket__QHdVl .HeaderForPC_overseasMarket__1Legi {
        color: #bfbfbf
    }

        .HeaderForPC_menu-detail-overseasMarket__QHdVl .HeaderForPC_overseasMarket__1Legi:hover {
            color: #fff
        }

    .HeaderForPC_menu-detail-overseasMarket__QHdVl .HeaderForPC_name__3pEPb {
        font-size: 14px;
        font-family: AVATRFont-Bold;
        line-height: 16px;
        margin-bottom: 8px
    }

    .HeaderForPC_menu-detail-overseasMarket__QHdVl .HeaderForPC_language__3xxn6 {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .HeaderForPC_menu-detail-overseasMarket__QHdVl .HeaderForPC_line__1AJA3 {
        width: 1px;
        height: 70px;
        background-color: rgba(216,216,216,.24)
    }

.HeaderForPC_menu-detail-trip__Pm8pd {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 40px;
    gap: 40px
}

    .HeaderForPC_menu-detail-trip__Pm8pd .HeaderForPC_trip-item__26K7N {
        display: -moz-box;
        display: flex;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        -moz-box-align: center;
        align-items: center;
        grid-gap: 12px;
        gap: 12px;
        color: #bfbfbf
    }

        .HeaderForPC_menu-detail-trip__Pm8pd .HeaderForPC_trip-item__26K7N:hover {
            color: #fff
        }

        .HeaderForPC_menu-detail-trip__Pm8pd .HeaderForPC_trip-item__26K7N > img {
            width: 200px;
            height: 134px;
            object-fit: cover;
            border-radius: 4px
        }

        .HeaderForPC_menu-detail-trip__Pm8pd .HeaderForPC_trip-item__26K7N > p {
            font-size: 14px;
            font-weight: 400;
            line-height: 16px
        }

.HeaderForPC_menu-detail-avatrs__2YJ18 {
    padding-top: 34px;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 80px;
    gap: 80px
}

    .HeaderForPC_menu-detail-avatrs__2YJ18 .HeaderForPC_submenu-title__2xpcf {
        font-size: 12px;
        font-weight: 400;
        color: #d1d1d1;
        line-height: 16px;
        margin-bottom: 24px
    }

    .HeaderForPC_menu-detail-avatrs__2YJ18 .HeaderForPC_submenu-second__3nfJe {
        display: -moz-box;
        display: flex;
        grid-gap: 24px;
        gap: 24px
    }

    .HeaderForPC_menu-detail-avatrs__2YJ18 .HeaderForPC_submenu-list__3JL0Z {
        display: -moz-box;
        display: flex;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column;
        grid-gap: 14px;
        gap: 14px
    }

    .HeaderForPC_menu-detail-avatrs__2YJ18 .HeaderForPC_submenu-link__3ej9g {
        font-size: 14px;
        font-weight: 400;
        color: #bfbfbf;
        line-height: 18px
    }

        .HeaderForPC_menu-detail-avatrs__2YJ18 .HeaderForPC_submenu-link__3ej9g:hover {
            color: #fff
        }

.HeaderForPC_bgm-logo__f98le {
    width: 1200px;
    height: 118px;
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: url(https://static.avatr.com/pc-website/images/header/bgm-logo.png?v=2) no-repeat 50%/cover
}

    .HeaderForPC_bgm-logo__f98le.HeaderForPC_mmw-logo__1pW_m:after {
        content: "";
        display: block;
        width: 92px;
        height: 24px;
        position: absolute;
        top: 0;
        right: -108px;
        background: url(https://static.avatr.com/pc-website/images/header/mmw.png) no-repeat 50%/cover
    }

.HeaderForPC_car-slogan__3_RRx {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    position: absolute;
    left: 80px;
    top: 32px;
    z-index: 3;
    grid-gap: 8px;
    gap: 8px
}

    .HeaderForPC_car-slogan__3_RRx > span {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        line-height: 22px
    }

    .HeaderForPC_car-slogan__3_RRx path {
        fill: #fff
    }

    .HeaderForPC_car-slogan__3_RRx:hover path {
        fill: #b4d719
    }

    .HeaderForPC_car-slogan__3_RRx.HeaderForPC_car-slogan_011__1y3Kz:hover path {
        fill: #fff
    }

.HeaderForPC_options-container__16AD5 {
    width: -moz-calc(100vw - 160px);
    width: calc(100vw - 160px);
    position: absolute;
    left: 80px;
    right: 80px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

    .HeaderForPC_options-container__16AD5.HeaderForPC_options-container_011__1Z24T .HeaderForPC_options-item__RD4OJ > p:before {
        background-color: #fff !important
    }

    .HeaderForPC_options-container__16AD5.HeaderForPC_options-item-center__NWXxd {
        -moz-box-pack: center;
        justify-content: center
    }

    .HeaderForPC_options-container__16AD5 .HeaderForPC_options-item__RD4OJ {
        width: 180px;
        display: -moz-box;
        display: flex;
        padding-top: 16px
    }

        .HeaderForPC_options-container__16AD5 .HeaderForPC_options-item__RD4OJ.HeaderForPC_right__1RoFH {
            -moz-box-pack: end;
            justify-content: flex-end
        }

        .HeaderForPC_options-container__16AD5 .HeaderForPC_options-item__RD4OJ > p {
            font-weight: 500;
            display: -moz-box;
            display: flex;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            flex-direction: column;
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            padding-left: 8px;
            position: relative;
            min-height: 40px
        }

            .HeaderForPC_options-container__16AD5 .HeaderForPC_options-item__RD4OJ > p:before {
                content: "";
                display: block;
                width: 1px;
                height: 10px;
                border-radius: 1px;
                background-color: #b4d719;
                position: absolute;
                left: 0;
                top: 5px
            }

    .HeaderForPC_options-container__16AD5 .HeaderForPC_bgm-car__1vCso {
        display: block;
        -moz-box-flex: 1;
        flex: 1 1;
        max-width: 672px
    }

        .HeaderForPC_options-container__16AD5 .HeaderForPC_bgm-car__1vCso .HeaderForPC_car-img__1L8os {
            width: 100%
        }

.HeaderForPC_logo-wrap__2BwyY {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 12px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .HeaderForPC_logo-wrap__2BwyY .HeaderForPC_graphic-logo__3C7QW {
        height: 48px;
        opacity: 1
    }

    .HeaderForPC_logo-wrap__2BwyY .HeaderForPC_graphic-logo__3C7QW, .HeaderForPC_logo-wrap__2BwyY .HeaderForPC_letter-logo__1cvY3 {
        width: 57px;
        -webkit-transition: all .3s cubic-bezier(.42,0,0,1);
        -moz-transition: all .3s cubic-bezier(.42,0,0,1);
        transition: all .3s cubic-bezier(.42,0,0,1)
    }

    .HeaderForPC_logo-wrap__2BwyY .HeaderForPC_letter-logo__1cvY3 {
        height: 10px
    }

    .HeaderForPC_logo-wrap__2BwyY.HeaderForPC_logo-status-end__2ogyH .HeaderForPC_graphic-logo__3C7QW {
        -webkit-transform: translateY(-39px);
        -moz-transform: translateY(-39px);
        transform: translateY(-39px);
        opacity: 0
    }

    .HeaderForPC_logo-wrap__2BwyY.HeaderForPC_logo-status-end__2ogyH .HeaderForPC_letter-logo__1cvY3 {
        width: 124px;
        height: 22px;
        -webkit-transform: translateY(-39px);
        -moz-transform: translateY(-39px);
        transform: translateY(-39px)
    }

:root {
    --adm-radius-s: 4px;
    --adm-radius-m: 8px;
    --adm-radius-l: 12px;
    --adm-font-size-1: 9px;
    --adm-font-size-2: 10px;
    --adm-font-size-3: 11px;
    --adm-font-size-4: 12px;
    --adm-font-size-5: 13px;
    --adm-font-size-6: 14px;
    --adm-font-size-7: 15px;
    --adm-font-size-8: 16px;
    --adm-font-size-9: 17px;
    --adm-font-size-10: 18px;
    --adm-color-primary: #1677ff;
    --adm-color-success: #00b578;
    --adm-color-warning: #ff8f1f;
    --adm-color-danger: #ff3141;
    --adm-color-white: #fff;
    --adm-color-text: #333;
    --adm-color-text-secondary: #666;
    --adm-color-weak: #999;
    --adm-color-light: #ccc;
    --adm-color-border: #eee;
    --adm-color-box: #f5f5f5;
    --adm-color-background: #fff;
    --adm-font-size-main: var(--adm-font-size-5);
    --adm-font-family: -apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;
    --adm-border-color: var(--adm-color-border)
}

html[data-prefers-color-scheme=dark] {
    --adm-color-primary: #3086ff;
    --adm-color-success: #34b368;
    --adm-color-warning: #ffa930;
    --adm-color-danger: #ff4a58;
    --adm-color-text: #e6e6e6;
    --adm-color-text-secondary: #b3b3b3;
    --adm-color-weak: grey;
    --adm-color-light: #4d4d4d;
    --adm-color-border: #2b2b2b;
    --adm-color-box: #0a0a0a;
    --adm-color-background: #1a1a1a;
    --adm-border-color: var(--adm-color-border)
}

:root {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

body {
    color: var(--adm-color-text);
    font-size: var(--adm-font-size-main);
    font-family: var(--adm-font-family)
}

a, button {
    cursor: pointer
}

a {
    color: var(--adm-color-primary);
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

    a:active {
        opacity: .8
    }

.adm-plain-anchor {
    color: unset;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none
}

    .adm-plain-anchor:active {
        opacity: unset
    }

body.adm-overflow-hidden {
    overflow: hidden !important
}

div.adm-px-tester {
    --size: 1;
    height: -moz-calc(var(--size)/2 * 2px);
    height: calc(var(--size) / 2 * 2px);
    width: 0;
    position: fixed;
    right: -100vw;
    bottom: -100vh;
    pointer-events: none
}

.adm-button, div.adm-px-tester {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.adm-button {
    --color: var(--adm-color-white);
    --text-color: var(--adm-button-text-color,var(--adm-color-text));
    --background-color: var(--adm-button-background-color,var(--adm-color-background));
    --border-radius: var(--adm-button-border-radius,4px);
    --border-width: var(--adm-button-border-width,1px);
    --border-style: var(--adm-button-border-style,solid);
    --border-color: var(--adm-button-border-color,var(--adm-color-border));
    color: var(--text-color);
    background-color: var(--background-color);
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 7px 12px;
    margin: 0;
    font-size: var(--adm-font-size-9);
    line-height: 1.4;
    text-align: center;
    border: var(--border-width) var(--border-style) var(--border-color);
    border-radius: var(--border-radius);
    cursor: pointer;
    -webkit-transition: opacity .15s ease;
    -moz-transition: opacity .15s ease;
    transition: opacity .15s ease
}

    .adm-button:focus {
        outline: none
    }

    .adm-button:before {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));
        -moz-transform: translate(-moz-calc(var(--border-width) * -1),-moz-calc(var(--border-width) * -1));
        transform: translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));
        width: 100%;
        height: 100%;
        background-color: #000;
        border: var(--border-width) var(--border-style) #000;
        border-radius: var(--border-radius);
        opacity: 0;
        content: " ";
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .adm-button:active:before {
        opacity: .08
    }

.adm-button-default.adm-button-fill-outline {
    --background-color: transparent;
    --border-color: var(--adm-color-text)
}

.adm-button-default.adm-button-fill-none {
    --background-color: transparent;
    --border-width: 0px
}

.adm-button:not(.adm-button-default) {
    --text-color: var(--adm-color-white);
    --background-color: var(--color);
    --border-color: var(--color)
}

    .adm-button:not(.adm-button-default).adm-button-fill-outline {
        --text-color: var(--color);
        --background-color: transparent
    }

    .adm-button:not(.adm-button-default).adm-button-fill-none {
        --text-color: var(--color);
        --background-color: transparent;
        --border-width: 0px
    }

.adm-button-primary {
    --color: var(--adm-color-primary)
}

.adm-button-success {
    --color: var(--adm-color-success)
}

.adm-button-danger {
    --color: var(--adm-color-danger)
}

.adm-button-warning {
    --color: var(--adm-color-warning)
}

.adm-button-block {
    display: block;
    width: 100%
}

.adm-button-disabled {
    cursor: not-allowed;
    opacity: .4
}

    .adm-button-disabled:active:before {
        display: none
    }

.adm-button.adm-button-mini {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: var(--adm-font-size-main)
}

    .adm-button.adm-button-mini.adm-button-shape-rounded {
        padding-left: 9px;
        padding-right: 9px
    }

.adm-button.adm-button-small {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: var(--adm-font-size-7)
}

.adm-button.adm-button-large {
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: var(--adm-font-size-10)
}

.adm-button.adm-button-shape-rounded {
    --border-radius: 1000px
}

.adm-button.adm-button-shape-rectangular {
    --border-radius: 0
}

.adm-button-loading {
    vertical-align: bottom
}

.adm-button-loading-wrapper {
    display: -moz-box;
    display: flex;
    height: 1.4em;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

    .adm-button-loading-wrapper > .adm-loading {
        opacity: .6
    }

.adm-dot-loading {
    display: inline-block
}

.adm-center-popup {
    --background-color: var(--adm-center-popup-background-color,var(--adm-color-background));
    --border-radius: var(--adm-center-popup-border-radius,8px);
    --max-width: var(--adm-center-popup-max-width,75vw);
    --min-width: var(--adm-center-popup-min-width,280px);
    --z-index: var(--adm-center-popup-z-index,1000);
    position: fixed;
    z-index: var(--z-index)
}

    .adm-center-popup .adm-center-popup-mask {
        z-index: 0
    }

.adm-center-popup-wrap {
    position: fixed;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: auto;
    min-width: var(--min-width);
    max-width: var(--max-width);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.adm-center-popup-body {
    background-color: var(--background-color);
    border-radius: var(--border-radius)
}

.adm-center-popup-close {
    position: absolute;
    z-index: 100;
    right: 8px;
    top: 8px;
    cursor: pointer;
    padding: 4px;
    font-size: 18px;
    color: var(--adm-color-weak)
}

.adm-mask {
    --z-index: var(--adm-mask-z-index,1000);
    position: fixed;
    z-index: var(--z-index);
    display: block
}

.adm-mask, .adm-mask-aria-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.adm-mask-aria-button {
    position: absolute;
    z-index: 0;
    pointer-events: none
}

.adm-mask-content {
    z-index: 1
}

.adm-checkbox {
    --icon-size: 22px;
    --font-size: var(--adm-font-size-9);
    --gap: 8px;
    display: -moz-inline-box;
    display: inline-flex;
    vertical-align: text-bottom;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    cursor: pointer
}

    .adm-checkbox input {
        display: none
    }

    .adm-checkbox .adm-checkbox-icon {
        -moz-box-flex: 0;
        flex: none;
        border: 1px solid var(--adm-color-light);
        border-radius: var(--icon-size);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: var(--icon-size);
        height: var(--icon-size);
        color: var(--adm-color-white)
    }

        .adm-checkbox .adm-checkbox-icon > svg {
            display: block;
            width: 100%;
            height: 100%
        }

    .adm-checkbox.adm-checkbox-block {
        display: -moz-box;
        display: flex
    }

    .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon {
        border-color: var(--adm-color-primary);
        background-color: var(--adm-color-primary)
    }

    .adm-checkbox.adm-checkbox-disabled {
        cursor: not-allowed
    }

        .adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
            opacity: .4
        }

        .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
            color: #b7b7b7;
            border-color: var(--adm-color-light);
            background-color: var(--adm-color-box)
        }

    .adm-checkbox .adm-checkbox-custom-icon {
        font-size: var(--icon-size)
    }

    .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
        background-color: var(--adm-color-background);
        color: var(--adm-color-primary)
    }

.adm-checkbox-content {
    -moz-box-flex: 0;
    flex: 0 1 auto;
    font-size: var(--font-size);
    padding-left: var(--gap)
}

.adm-collapse-panel-header .adm-list-item-content-main {
    padding: 12px 0
}

.adm-collapse-arrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.adm-collapse-arrow-active {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.adm-collapse-panel-content {
    font-size: var(--adm-font-size-main);
    color: var(--adm-color-weak);
    overflow: hidden
}

.adm-list {
    --header-font-size: var(--adm-font-size-7);
    --prefix-width: "auto";
    --prefix-padding-right: 12px;
    --align-items: center;
    --active-background-color: var(--adm-color-border);
    --border-inner: solid 1px var(--adm-color-border);
    --border-top: solid 1px var(--adm-color-border);
    --border-bottom: solid 1px var(--adm-color-border);
    --padding-left: 12px;
    --padding-right: 12px;
    --font-size: var(--adm-font-size-9);
    --extra-max-width: 70%
}

.adm-list-header {
    color: var(--adm-color-weak);
    font-size: var(--header-font-size);
    padding: 8px var(--padding-right) 8px var(--padding-left)
}

.adm-list-body {
    background-color: var(--adm-color-background);
    overflow: hidden;
    font-size: var(--font-size)
}

.adm-list-body-inner {
    margin-top: -1px
}

.adm-list-default .adm-list-body {
    border-top: var(--border-top);
    border-bottom: var(--border-bottom)
}

.adm-list-card {
    margin: 12px
}

    .adm-list-card .adm-list-body {
        border-radius: 8px
    }

    .adm-list-card .adm-list-header {
        padding-left: 0
    }

.adm-list-item {
    display: block;
    padding-left: var(--padding-left);
    position: relative;
    background-color: var(--adm-color-background);
    line-height: 1.5
}

.adm-list-item-description, .adm-list-item-title {
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main)
}

.adm-list-item-content {
    display: -moz-box;
    display: flex;
    -moz-box-align: var(--align-items);
    align-items: var(--align-items);
    -moz-box-pack: start;
    justify-content: flex-start;
    border-top: var(--border-inner);
    padding-right: var(--padding-right)
}

.adm-list-item-content-prefix {
    width: var(--prefix-width);
    -moz-box-flex: 0;
    flex: none;
    padding-right: var(--prefix-padding-right)
}

.adm-list-item-content-main {
    -moz-box-flex: 1;
    flex: auto;
    padding: 12px 0
}

.adm-list-item-content-extra {
    -moz-box-flex: 0;
    flex: none;
    padding-left: 12px;
    font-size: var(--adm-font-size-7);
    color: var(--adm-color-weak);
    max-width: var(--extra-max-width)
}

.adm-list-item-content-arrow {
    -moz-box-flex: 0;
    flex: none;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    margin-left: 4px;
    color: var(--adm-color-light);
    font-size: 19px
}

.adm-list-item-disabled {
    cursor: not-allowed
}

    .adm-list-item-disabled.adm-list-item-disabled > .adm-list-item-content > * {
        opacity: .4;
        pointer-events: none
    }

a.adm-list-item:active:not(.adm-list-item-disabled) {
    background-color: var(--active-background-color)
}

    a.adm-list-item:active:not(.adm-list-item-disabled):after {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        border-bottom: var(--border-inner)
    }

.adm-form {
    --border-inner: solid 1px var(--adm-border-color);
    --border-top: solid 1px var(--adm-border-color);
    --border-bottom: solid 1px var(--adm-border-color);
    --prefix-width: 6.8em;
    ---border-inner:var(--border-inner);
    ---border-top:var(--border-top);
    ---border-bottom:var(--border-bottom);
    ---prefix-width:var(--prefix-width)
}

    .adm-form .adm-list.adm-list {
        --padding-left: 16px;
        --padding-right: 12px;
        --border-inner: var(---border-inner);
        --border-top: var(---border-top);
        --border-bottom: var(---border-bottom)
    }

    .adm-form .adm-form-footer {
        padding: 20px 12px
    }

    .adm-form .adm-form-item-horizontal.adm-list-item {
        --prefix-width: var(---prefix-width)
    }

.adm-form-list-operation {
    text-align: center;
    color: #1677ff
}

.adm-form-item + .adm-form-item {
    border-top: none
}

.adm-form-item-label {
    display: block;
    height: 100%;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    color: var(--adm-color-text-secondary)
}

    .adm-form-item-label .adm-form-item-required-asterisk {
        position: absolute;
        left: -.6em;
        top: 0;
        font-family: SimSun,sans-serif;
        color: var(--adm-color-danger);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .adm-form-item-label .adm-form-item-required-text {
        margin-left: 4px;
        color: var(--adm-color-weak)
    }

.adm-form-item-label-help {
    margin-left: 4px;
    cursor: pointer
}

.adm-form-item-child {
    display: -moz-box;
    display: flex
}

.adm-form-item-child-position-normal {
    -moz-box-pack: normal;
    justify-content: normal
}

    .adm-form-item-child-position-normal > * {
        -moz-box-flex: 1;
        flex: auto
    }

.adm-form-item-child-position-right {
    -moz-box-pack: end;
    justify-content: flex-end
}

    .adm-form-item-child-position-right > * {
        -moz-box-flex: 0;
        flex: none
    }

.adm-form-item-feedback-error {
    color: var(--adm-color-danger);
    margin-top: 4px
}

.adm-form-item-feedback-warning {
    color: var(--adm-color-warning);
    margin-top: 4px
}

.adm-form-item.adm-form-item-hidden {
    display: none
}

.adm-form-item.adm-form-item-horizontal.adm-list-item {
    --align-items: stretch
}

.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
    padding-top: 12px;
    padding-bottom: 12px
}

.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra {
    align-self: center
}

.adm-form-item.adm-form-item-vertical .adm-form-item-label {
    font-size: var(--adm-font-size-7);
    margin-bottom: 4px
}

.adm-popover {
    --z-index: var(--adm-popover-z-index,1030);
    --background: #fff;
    --arrow-size: 8px;
    --content-padding: 8px 12px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--z-index);
    white-space: normal;
    text-align: left;
    cursor: auto;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

    .adm-popover.adm-popover-dark {
        --background: rgba(0,0,0,0.75);
        --adm-color-text: #fff;
        color: #fff
    }

        .adm-popover.adm-popover-dark .adm-popover-inner {
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .adm-popover:after {
        position: absolute;
        background: hsla(0,0%,100%,.01);
        content: ""
    }

.adm-popover-hidden {
    display: none
}

.adm-popover-inner {
    background-color: var(--background);
    background-clip: padding-box;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 30px 0 rgba(51,51,51,.2);
    box-shadow: 0 0 30px 0 rgba(51,51,51,.2);
    font-size: var(--adm-font-size-7);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 32px;
    max-width: -moz-calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    overflow-y: hidden
}

.adm-popover-inner-content {
    padding: var(--content-padding)
}

.adm-popover-arrow {
    width: var(--arrow-size);
    overflow: visible;
    background: transparent
}

.adm-popover-arrow, .adm-popover-arrow-icon {
    position: absolute;
    display: block;
    height: var(--arrow-size)
}

.adm-popover-arrow-icon {
    width: 15px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate));
    -moz-transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate));
    transform: translate(-50%,-50%) rotate(var(--arrow-icon-rotate))
}

.adm-popover .adm-popover-arrow {
    color: var(--background)
}

.adm-popover-menu {
    --border-color: #eee
}

    .adm-popover-menu.adm-popover {
        --content-padding: 0
    }

.adm-popover-menu-list {
    overflow: hidden;
    min-width: 120px
}

.adm-popover-menu-list-inner {
    margin-top: -1px
}

.adm-popover-menu-item {
    display: -moz-box;
    display: flex;
    padding-left: 20px;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    position: relative
}

.adm-popover-menu-item-icon {
    -moz-box-flex: 0;
    flex: none;
    padding-right: 8px;
    font-size: 20px
}

.adm-popover-menu-item-text {
    -moz-box-flex: 1;
    flex: auto;
    padding: 14px 20px 14px 0;
    border-top: 1px solid var(--border-color)
}

.adm-popover-menu-item-disabled {
    cursor: not-allowed
}

    .adm-popover-menu-item-disabled > * {
        opacity: .4
    }

.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
    background-color: var(--border-color)
}

    .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        border-bottom: 1px solid var(--border-color)
    }

.adm-popover.adm-popover-dark.adm-popover-menu {
    --border-color: #333;
    --background: rgba(0,0,0,0.9)
}

.adm-index-bar {
    --color: var(--adm-color-text);
    overflow: hidden;
    height: 100%;
    position: relative;
    background-color: var(--adm-color-white);
    --sticky-offset-top: 0
}

.adm-index-bar-body {
    overflow: scroll;
    height: 100%;
    width: 100%
}

    .adm-index-bar-body::-webkit-scrollbar {
        display: none
    }

.adm-index-bar-anchor-title {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    height: 35px;
    padding: 0 12px;
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-main);
    background-color: var(--adm-color-box)
}

.adm-index-bar-sidebar {
    right: 0;
    z-index: 910;
    overflow: visible;
    color: var(--adm-color-weak);
    font-size: var(--adm-font-size-4);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none
}

.adm-index-bar-sidebar, .adm-index-bar-sidebar-bubble {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.adm-index-bar-sidebar-bubble {
    right: 60px;
    width: 47px;
    height: 47px;
    color: var(--adm-color-white);
    font-size: 25px;
    line-height: 47px;
    text-align: center;
    background: var(--adm-color-light);
    border-radius: 50%
}

.adm-index-bar-sidebar-row {
    cursor: pointer;
    width: auto;
    text-align: right;
    position: relative;
    padding: 0 12px
}

    .adm-index-bar-sidebar-row > * {
        pointer-events: none
    }

.adm-index-bar-sidebar-item {
    display: -moz-inline-box;
    display: inline-flex;
    width: 16px;
    height: 16px;
    line-height: 16px;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.adm-index-bar-sidebar-item-active {
    color: var(--adm-color-white);
    background-color: var(--adm-color-primary);
    border-radius: 50%
}

.adm-index-bar-sidebar-interacting {
    width: 100%
}

.adm-index-bar-sticky .adm-index-bar-anchor-title {
    position: -webkit-sticky;
    position: sticky;
    z-index: 900;
    top: var(--sticky-offset-top);
    left: 0
}

.adm-infinite-scroll {
    color: var(--adm-color-weak);
    padding: 18px;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    font-size: var(--adm-font-size-main)
}

.adm-infinite-scroll-failed-text {
    display: inline-block;
    margin-right: 8px
}

.adm-input {
    --font-size: var(--adm-font-size-9);
    --color: var(--adm-color-text);
    --placeholder-color: var(--adm-color-light);
    --text-align: left;
    --background-color: transparent;
    display: -moz-box;
    display: flex;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    min-height: 24px;
    background-color: var(--background-color)
}

.adm-input-disabled {
    opacity: .4;
    cursor: not-allowed
}

.adm-input-element {
    -moz-box-flex: 1;
    flex: auto;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    color: var(--color);
    font-size: var(--font-size);
    line-height: 1.5;
    background: transparent;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 1.5em;
    text-align: var(--text-align)
}

    .adm-input-element::-webkit-input-placeholder {
        color: var(--placeholder-color);
        font-family: inherit
    }

    .adm-input-element::-moz-placeholder {
        color: var(--placeholder-color);
        font-family: inherit
    }

    .adm-input-element:-ms-input-placeholder {
        color: var(--placeholder-color);
        font-family: inherit
    }

    .adm-input-element::placeholder {
        color: var(--placeholder-color);
        font-family: inherit
    }

    .adm-input-element:-webkit-autofill {
        background-color: transparent
    }

    .adm-input-element:-moz-read-only {
        cursor: default
    }

    .adm-input-element:read-only {
        cursor: default
    }

    .adm-input-element:invalid {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .adm-input-element::-ms-clear, .adm-input-element::-ms-reveal {
        display: none
    }

    .adm-input-element::-webkit-search-cancel-button, .adm-input-element::-webkit-search-decoration {
        display: none
    }

    .adm-input-element:disabled {
        opacity: 1
    }

    .adm-input-element[type=date], .adm-input-element[type=datetime-local], .adm-input-element[type=time] {
        min-height: 1.5em
    }

    .adm-input-element[type=search] {
        -webkit-appearance: none
    }

    .adm-input-element[readonly] {
        pointer-events: none
    }

.adm-input-clear {
    -moz-box-flex: 0;
    flex: none;
    margin-left: 8px;
    color: var(--adm-color-light);
    padding: 4px;
    cursor: pointer
}

    .adm-input-clear:active {
        color: var(--adm-color-weak)
    }

    .adm-input-clear .antd-mobile-icon {
        display: block;
        font-size: var(--adm-font-size-7)
    }

.adm-modal {
    --z-index: var(--adm-modal-z-index,1000);
    ---z-index:var(--z-index)
}

    .adm-modal .adm-center-popup {
        --z-index: var(---z-index)
    }

.adm-modal-body {
    width: 100%;
    max-height: 70vh;
    font-size: var(--adm-font-size-6);
    overflow: hidden;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

    .adm-modal-body > * {
        -moz-box-flex: 0;
        flex: none
    }

    .adm-modal-body > .adm-modal-content {
        -moz-box-flex: 1;
        flex: auto
    }

    .adm-modal-body:not(.adm-modal-with-image) {
        padding-top: 20px
    }

.adm-modal-image-container {
    margin-bottom: 12px;
    max-height: 40vh;
    overflow-y: scroll
}

.adm-modal-header, .adm-modal-title {
    margin-bottom: 8px;
    padding: 0 12px
}

.adm-modal-title {
    font-weight: 700;
    font-size: var(--adm-font-size-10);
    line-height: 25px;
    text-align: center
}

.adm-modal-content {
    padding: 0 12px 12px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: var(--adm-font-size-7);
    line-height: 1.4;
    color: var(--adm-color-text)
}

.adm-modal-footer {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 8px 12px 12px
}

.adm-modal-footer-empty {
    padding: 0;
    height: 8px
}

.adm-modal-footer.adm-space {
    --gap-vertical: 20px
}

.adm-modal-footer .adm-modal-button {
    font-size: var(--adm-font-size-10);
    line-height: 25px
}

    .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary) {
        padding-top: 0;
        padding-bottom: 0
    }

        .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):before {
            display: none
        }

        .adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active {
            opacity: .7
        }

.adm-image {
    --width: var(--adm-image-width,auto);
    --height: var(--adm-image-height,auto);
    width: var(--width);
    height: var(--height);
    display: block;
    overflow: hidden
}

.adm-image-img {
    width: 100%;
    height: 100%
}

.adm-image-tip {
    position: relative;
    background-color: var(--adm-color-box);
    height: 100%;
    min-height: 24px;
    min-width: 24px
}

    .adm-image-tip > svg {
        width: 24px;
        height: 24px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: var(--adm-color-weak)
    }

.adm-auto-center {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center
}

.adm-auto-center-content {
    -moz-box-flex: 0;
    flex: 0 1 auto
}

.adm-space-item {
    -moz-box-flex: 0;
    flex: none
}

.adm-space {
    display: -moz-inline-box;
    display: inline-flex;
    --gap: 8px;
    --gap-vertical: var(--gap);
    --gap-horizontal: var(--gap)
}

.adm-space-vertical {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

    .adm-space-vertical > .adm-space-item {
        margin-bottom: var(--gap-vertical)
    }

        .adm-space-vertical > .adm-space-item:last-child {
            margin-bottom: 0
        }

.adm-space-horizontal {
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

    .adm-space-horizontal > .adm-space-item {
        margin-right: var(--gap-horizontal)
    }

        .adm-space-horizontal > .adm-space-item:last-child {
            margin-right: 0
        }

    .adm-space-horizontal.adm-space-wrap {
        flex-wrap: wrap;
        margin-bottom: calc(var(--gap-vertical) * -1)
    }

        .adm-space-horizontal.adm-space-wrap > .adm-space-item {
            padding-bottom: var(--gap-vertical)
        }

.adm-space.adm-space-block {
    display: -moz-box;
    display: flex
}

.adm-space-align-center {
    -moz-box-align: center;
    align-items: center
}

.adm-space-align-start {
    -moz-box-align: start;
    align-items: flex-start
}

.adm-space-align-end {
    -moz-box-align: end;
    align-items: flex-end
}

.adm-space-align-baseline {
    -moz-box-align: baseline;
    align-items: baseline
}

.adm-space-justify-center {
    -moz-box-pack: center;
    justify-content: center
}

.adm-space-justify-start {
    -moz-box-pack: start;
    justify-content: flex-start
}

.adm-space-justify-end {
    -moz-box-pack: end;
    justify-content: flex-end
}

.adm-space-justify-between {
    -moz-box-pack: justify;
    justify-content: space-between
}

.adm-space-justify-around {
    justify-content: space-around
}

.adm-space-justify-evenly {
    -moz-box-pack: space-evenly;
    justify-content: space-evenly
}

.adm-space-justify-stretch {
    -moz-box-pack: stretch;
    justify-content: stretch
}

.adm-picker-view {
    --height: 240px;
    --item-height: 34px;
    --item-font-size: var(--adm-font-size-8);
    height: var(--height);
    width: 100%;
    display: -moz-box;
    display: flex;
    position: relative;
    overflow: hidden;
    background: var(--adm-color-background)
}

.adm-picker-view-column {
    height: 100%;
    -moz-box-flex: 1;
    flex: 1 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: none;
    position: relative;
    z-index: 0
}

.adm-picker-view-column-wheel {
    width: 100%;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
    position: absolute;
    top: -moz-calc(50% - var(--item-height)/2);
    top: calc(50% - var(--item-height) / 2);
    left: 0
}

    .adm-picker-view-column-wheel:before {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: -100vh
    }

    .adm-picker-view-column-wheel:after {
        content: " ";
        display: block;
        position: absolute;
        width: 100%;
        height: 100vh;
        bottom: -100vh
    }

.adm-picker-view-column-item {
    font-size: var(--item-font-size);
    padding: 0 6px;
    height: var(--item-height);
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.adm-picker-view-column-item-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adm-picker-view-column-accessible {
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    position: relative;
    top: -moz-calc(var(--item-height) * -1);
    top: calc(var(--item-height) * -1);
    z-index: 0;
    padding-bottom: 1px
}

    .adm-picker-view-column-accessible > * {
        -moz-box-flex: 1;
        flex: 1 1;
        text-overflow: ellipsis
    }

.adm-picker-view-column-accessible-current {
    position: absolute;
    width: 100%;
    height: 100%
}

.adm-picker-view-column-accessible-button, .adm-picker-view-mask {
    width: 100%;
    height: 100%
}

.adm-picker-view-mask {
    position: absolute;
    z-index: 10000;
    left: 0;
    top: 0;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    pointer-events: none
}

.adm-picker-view-mask-bottom, .adm-picker-view-mask-top {
    -moz-box-flex: 1;
    flex: auto
}

.adm-picker-view-mask-middle {
    height: var(--item-height);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-flex: 0;
    flex: none;
    border-top: 1px solid var(--adm-color-border);
    border-bottom: 1px solid var(--adm-color-border)
}

.adm-picker-view-mask-top {
    background: var(--adm-color-background);
    -webkit-mask: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    -webkit-mask: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000);
    mask: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    mask: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000)
}

.adm-picker-view-mask-bottom {
    background: var(--adm-color-background);
    -webkit-mask: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    -webkit-mask: linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000);
    mask: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),color-stop(50%,rgba(0,0,0,.8)),to(#000));
    mask: linear-gradient(180deg,rgba(0,0,0,.6),rgba(0,0,0,.8) 50%,#000)
}

.adm-picker-view-loading-content {
    width: 100%;
    height: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center
}

.adm-picker-view-item-height-measure {
    position: relative;
    left: 0;
    top: 0;
    height: var(--item-height);
    width: 0;
    pointer-events: none
}

.adm-spin-loading {
    --color: var(--adm-color-weak);
    --size: 32px;
    width: var(--size);
    height: var(--size)
}

.adm-spin-loading-svg {
    width: 100%;
    height: 100%;
    -webkit-animation: adm-spin-loading-rotate .8s linear infinite;
    -moz-animation: adm-spin-loading-rotate .8s linear infinite;
    animation: adm-spin-loading-rotate .8s linear infinite
}

    .adm-spin-loading-svg > .adm-spin-loading-fill {
        stroke: var(--color)
    }

@-webkit-keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes adm-spin-loading-rotate {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes adm-spin-loading-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.adm-popup {
    --z-index: var(--adm-popup-z-index,1000);
    position: fixed;
    z-index: var(--z-index)
}

.adm-popup-body {
    position: fixed;
    background-color: var(--adm-color-background);
    z-index: -moz-calc(var(--z-index) + 10);
    z-index: calc(var(--z-index) + 10)
}

    .adm-popup-body .adm-popup-close-icon {
        position: absolute;
        z-index: 100
    }

.adm-popup-body-position-bottom {
    width: 100%;
    bottom: 0;
    left: 0
}

    .adm-popup-body-position-bottom .adm-popup-close-icon {
        right: 8px;
        top: 8px
    }

.adm-popup-body-position-top {
    width: 100%;
    top: 0;
    left: 0
}

    .adm-popup-body-position-top .adm-popup-close-icon {
        right: 8px;
        bottom: 8px
    }

.adm-popup-body-position-left {
    height: 100%;
    top: 0;
    left: 0
}

    .adm-popup-body-position-left .adm-popup-close-icon {
        right: 8px;
        top: 8px
    }

.adm-popup-body-position-right {
    height: 100%;
    top: 0;
    right: 0
}

    .adm-popup-body-position-right .adm-popup-close-icon {
        left: 8px;
        top: 8px
    }

.adm-popup-close-icon {
    cursor: pointer;
    padding: 4px;
    font-size: 18px;
    line-height: 1;
    color: var(--adm-color-weak)
}

.adm-safe-area {
    --multiple: var(--adm-safe-area-multiple,1);
    display: block;
    width: 100%
}

.adm-safe-area-position-top {
    padding-top: calc(env(safe-area-inset-top) * var(--multiple))
}

.adm-safe-area-position-bottom {
    padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple))
}

.adm-skeleton {
    --width: 100%;
    --height: 0;
    --border-radius: 0;
    background-color: hsla(0,0%,75%,.2);
    border-radius: var(--border-radius);
    width: var(--width);
    height: var(--height);
    display: block
}

    .adm-skeleton.adm-skeleton-animated {
        background: -webkit-gradient(linear,left top,right top,color-stop(25%,hsla(0,0%,75%,.2)),color-stop(37%,hsla(0,0%,51%,.24)),color-stop(63%,hsla(0,0%,75%,.2)));
        background: -moz-linear-gradient(left,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
        background: linear-gradient(90deg,hsla(0,0%,75%,.2) 25%,hsla(0,0%,51%,.24) 37%,hsla(0,0%,75%,.2) 63%);
        background-size: 400% 100%;
        -webkit-animation: adm-skeleton-loading 1.4s ease infinite;
        -moz-animation: adm-skeleton-loading 1.4s ease infinite;
        animation: adm-skeleton-loading 1.4s ease infinite
    }

    .adm-skeleton.adm-skeleton-title {
        --width: 45%;
        --height: 32px;
        --border-radius: 2px;
        margin-bottom: 16px;
        margin-top: 16px
    }

    .adm-skeleton.adm-skeleton-paragraph-line {
        --height: 18px;
        --border-radius: 2px;
        margin-top: 12px;
        margin-bottom: 12px
    }

        .adm-skeleton.adm-skeleton-paragraph-line:last-child {
            --width: 65%
        }

@-webkit-keyframes adm-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@-moz-keyframes adm-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

@keyframes adm-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.CarLifeHead_head__3IkiM {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100vw;
    padding: 0 8px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99
}

.CarLifeHead_safe__1VUxP {
    padding-top: max(48px,env(safe-area-inset-top))
}

.CarLifeHead_wrapper__1pLDP {
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.CarLifeHead_title__3mWiR {
    font-size: 16px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    line-height: 22px
}

.CarLifeHead_back-icon__13Bw_ {
    width: 12px;
    height: 18px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}

    .CarLifeHead_back-icon__13Bw_ path {
        fill: #fff
    }

.CarLifeHead_head-icon__ekJki {
    position: absolute;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    width: 44px;
    height: 44px
}

.HeaderForMobile_header-placeholder__2kNeX {
    width: 100%;
    height: 64px;
    background: transparent;
    display: none
}

@media only screen and (max-width:1270px) {
    .HeaderForMobile_header-placeholder__2kNeX {
        display: block
    }
}

.HeaderForMobile_mobile-header__SUdKV {
    display: none;
    width: 100%;
    height: 64px;
    padding: 0 20px 0 18px;
    background: rgb(38 38 38);
    -webkit-backdrop-filter: blur(var(--backgtound-blur));
    backdrop-filter: blur(var(--backgtound-blur));
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999
}

@media only screen and (max-width:1270px) {
    .HeaderForMobile_mobile-header__SUdKV {
        display: -moz-box;
        display: flex
    }
}

.HeaderForMobile_header-logo__nnhuh {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.HeaderForMobile_drive-btn__1zBGv {
    width: 77px;
    height: 32px;
    font-size: 13px;
    color: #fff;
    line-height: 16px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative;
    border-width: 0
}

    .HeaderForMobile_drive-btn__1zBGv:after {
        content: " ";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #fff;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 8px
    }

.HeaderForMobile_menu-btn__213N_ {
    width: 30px;
    height: 30px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 4px;
    gap: 4px
}

    .HeaderForMobile_menu-btn__213N_.HeaderForMobile_active__2ZmU5 .HeaderForMobile_menu-btn-item__NjSWi {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg)
    }

        .HeaderForMobile_menu-btn__213N_.HeaderForMobile_active__2ZmU5 .HeaderForMobile_menu-btn-item__NjSWi:nth-child(2) {
            opacity: 0
        }

        .HeaderForMobile_menu-btn__213N_.HeaderForMobile_active__2ZmU5 .HeaderForMobile_menu-btn-item__NjSWi:last-child {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

.HeaderForMobile_menu-btn-item__NjSWi {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #fff;
    -webkit-transform-origin: 4px 0;
    -moz-transform-origin: 4px 0;
    transform-origin: 4px 0;
    -webkit-transition: opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    transition: opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1);
    -moz-transition: transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-moz-transform .5s cubic-bezier(.77,.2,.05,1);
    transition: transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease;
    transition: transform .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,-webkit-transform .5s cubic-bezier(.77,.2,.05,1),-moz-transform .5s cubic-bezier(.77,.2,.05,1);
    opacity: 1
}

    .HeaderForMobile_menu-btn-item__NjSWi:first-child {
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .HeaderForMobile_menu-btn-item__NjSWi:last-child {
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

.HeaderForMobile_mobile-popup-mask__3wWO3 {
    opacity: 0 !important
}

.HeaderForMobile_mobile-popup-body__13kNM {
    width: 100vw;
    height: -moz-calc(100vh - 64px);
    height: calc(100vh - 64px);
    overflow-y: auto;
    top: 64px;
    background: rgba(0,0,0,.85);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    color: rgba(255,255,255,.7);
    padding: 0 20px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: justify;
    justify-content: space-between
}

.HeaderForMobile_menu-item__2xVnM, .HeaderForMobile_panel-item__YluZ3 {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    min-height: 60px;
    color: rgba(255,255,255,.7);
    line-height: 22px;
    font-size: 16px
}

    .HeaderForMobile_menu-item__2xVnM.HeaderForMobile_active__2ZmU5, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_active__2ZmU5 {
        color: #fff
    }

    .HeaderForMobile_menu-item__2xVnM.HeaderForMobile_menu-item__2xVnM, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_menu-item__2xVnM {
        position: relative
    }

        .HeaderForMobile_menu-item__2xVnM.HeaderForMobile_menu-item__2xVnM:after, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_menu-item__2xVnM:after {
            content: "";
            position: absolute;
            width: 100%;
            border-bottom: 1px solid rgba(255,255,255,.2);
            left: 0;
            bottom: 0;
            -webkit-transform-origin: 0 bottom;
            -moz-transform-origin: 0 bottom;
            transform-origin: 0 bottom;
            opacity: 1
        }

@media(-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(min-resolution:2dppx) {
    .HeaderForMobile_menu-item__2xVnM.HeaderForMobile_menu-item__2xVnM:after, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_menu-item__2xVnM:after {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        width: 200%
    }
}

@media(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(min-resolution:3dppx) {
    .HeaderForMobile_menu-item__2xVnM.HeaderForMobile_menu-item__2xVnM:after, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_menu-item__2xVnM:after {
        width: 300%;
        -webkit-transform: scale(.333333333);
        -moz-transform: scale(.333333333);
        transform: scale(.333333333)
    }
}

.HeaderForMobile_menu-item__2xVnM.HeaderForMobile_panel-item__YluZ3, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_panel-item__YluZ3 {
    -moz-box-align: start;
    align-items: flex-start;
    -moz-box-pack: center;
    justify-content: center;
    padding: 12px 0 12px 20px;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    grid-gap: 8px;
    gap: 8px
}

    .HeaderForMobile_menu-item__2xVnM.HeaderForMobile_panel-item__YluZ3 .HeaderForMobile_language__Fj3jv, .HeaderForMobile_panel-item__YluZ3.HeaderForMobile_panel-item__YluZ3 .HeaderForMobile_language__Fj3jv {
        font-size: 12px;
        font-weight: 400;
        color: rgba(255,255,255,.6);
        line-height: 12px
    }

.HeaderForMobile_mobile-menu-collapse__2CO78 .HeaderForMobile_icon-title__397FK {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    grid-gap: 5px;
    gap: 5px
}

.HeaderForMobile_mobile-menu-collapse__2CO78 .adm-list {
    --font-size: 16px;
    --header-font-size: 16px;
    --padding-left: 0;
    --padding-right: 0;
    --border-top: none;
    --border-bottom: none;
    --border-inner: none;
    --adm-color-background: transparent;
    --active-background-color: transparent
}

.HeaderForMobile_mobile-menu-collapse__2CO78 .adm-list-item-content-main {
    padding: 0
}

.HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-header .adm-list-item-content-main {
    padding: 0;
    height: 60px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

.HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-content, .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-header {
    position: relative
}

    .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-content:after, .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-header:after {
        content: "";
        position: absolute;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,.2);
        left: 0;
        bottom: 0;
        -webkit-transform-origin: 0 bottom;
        -moz-transform-origin: 0 bottom;
        transform-origin: 0 bottom;
        opacity: 1
    }

@media(-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(min-resolution:2dppx) {
    .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-content:after, .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-header:after {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        width: 200%
    }
}

@media(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(min-resolution:3dppx) {
    .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-content:after, .HeaderForMobile_mobile-menu-collapse__2CO78 .adm-collapse-panel-header:after {
        width: 300%;
        -webkit-transform: scale(.333333333);
        -moz-transform: scale(.333333333);
        transform: scale(.333333333)
    }
}

.HeaderForMobile_mobile-menu-collapse__2CO78 .global-icon {
    width: 28px;
    height: 28px
}

    .HeaderForMobile_mobile-menu-collapse__2CO78 .global-icon g {
        stroke: rgba(255,255,255,.7)
    }

.HeaderForMobile_arrow__1ISYg {
    display: block;
    width: 24px;
    height: 24px;
    background: url(/_next/static/media/arrow-down.17fea65bb6c530aa674ab1e0a3b3c819.png) no-repeat 50%/cover
}

.HeaderForMobile_local__2QPod {
    width: 100%;
    padding: 40px 0;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center
}

.HeaderForMobile_local-name__1plfH {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255,255,255,.7);
    line-height: 22px
}

    .HeaderForMobile_local-name__1plfH .HeaderForMobile_active-locale__3DhiZ {
        color: #fff
    }

.AvatrFooter_footer__lvmil {
    width: 100%;
    background-color: var(--footer-background);
    padding: 50px 0 0
}

@media only screen and (max-width:767px) {
    .AvatrFooter_footer__lvmil {
        padding: 20px 0 40px
    }
}

.AvatrFooter_footer__lvmil a:hover {
    color: var(--footer-a-hover-color) !important
}

.AvatrFooter_disclaimers-wrap__2ALpH {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: 0 60px
}

@media only screen and (max-width:767px) {
    .AvatrFooter_disclaimers-wrap__2ALpH {
        padding: 0 20px;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        flex-direction: column
    }
}

.AvatrFooter_content-wrap__HyEhe {
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

@media only screen and (max-width:767px) {
    .AvatrFooter_content-wrap__HyEhe {
        -moz-box-ordinal-group: 3;
        order: 2
    }
}

.AvatrFooter_content-wrap__HyEhe .AvatrFooter_logo__3iKZa {
    width: 122px;
    height: 12px;
    margin-bottom: 15px
}

    .AvatrFooter_content-wrap__HyEhe .AvatrFooter_logo__3iKZa path {
        fill: var(--footer-logo-color)
    }

@media only screen and (max-width:767px) {
    .AvatrFooter_content-wrap__HyEhe .AvatrFooter_logo__3iKZa {
        display: none
    }
}

.AvatrFooter_disclaimers__zdNnI {
    font-size: 12px;
    color: var(--footer-primary);
    line-height: 14px;
    -webkit-transform: scale(.87);
    -moz-transform: scale(.87);
    transform: scale(.87);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%
}

@media only screen and (max-width:767px) {
    .AvatrFooter_disclaimers__zdNnI {
        width: 114.9425287356%
    }

    .AvatrFooter_back-top__GMsxv {
        -moz-box-ordinal-group: 2;
        order: 1;
        margin-bottom: 20px
    }
}

.AvatrFooter_back-top-btn__20Fyb {
    display: none
}

@media only screen and (max-width:767px) {
    .AvatrFooter_back-top-btn__20Fyb {
        display: inline-block;
        padding: 2px 8px;
        font-size: 14px;
        color: var(--footer-primary);
        line-height: 20px;
        position: relative;
        border-width: 0
    }

        .AvatrFooter_back-top-btn__20Fyb:after {
            content: " ";
            width: 200%;
            height: 200%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid var(--footer-primary);
            -webkit-transform: scale(.5);
            -moz-transform: scale(.5);
            transform: scale(.5);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: 8px
        }
}

.AvatrFooter_back-top-icon__14vFx {
    width: 40px;
    height: 40px;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .AvatrFooter_back-top-icon__14vFx {
        display: none
    }
}

.AvatrFooter_back-top-icon__14vFx rect {
    fill: var(--footer-backtop-background)
}

.AvatrFooter_back-top-icon__14vFx path {
    fill: var(--footer-backtop-color)
}

.AvatrFooter_media-icon__2Es2M {
    width: 28px;
    height: 28px
}

@media only screen and (max-width:767px) {
    .AvatrFooter_media-icon__2Es2M {
        width: 24px;
        height: 24px
    }
}

.AvatrFooter_qrcode-wrap__1ZMnU {
    width: 100%;
    font-size: 0;
    overflow: hidden;
    border-radius: 2px;
    background: #fff
}

.AvatrFooter_pc-footer__2YxFe {
    width: 100%;
    margin-top: 24px
}

@media only screen and (max-width:767px) {
    .AvatrFooter_pc-footer__2YxFe {
        display: none
    }
}

.AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-line__2CMN- {
    padding: 24px 60px 0;
    display: -moz-box;
    display: flex;
    flex-wrap: wrap;
    -moz-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--footer-line-color)
}

.AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-left__1wRpD, .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU {
    padding-bottom: 15px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    flex-wrap: wrap
}

    .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-left__1wRpD > a {
        font-size: 14px;
        color: var(--footer-primary);
        line-height: 28px;
        margin-right: 32px
    }

        .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-left__1wRpD > a:hover {
            color: #181818
        }

.AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: end;
    justify-content: flex-end
}

    .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU .AvatrFooter_media-list__vPeA9 {
        display: -moz-box;
        display: flex
    }

        .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU .AvatrFooter_media-list__vPeA9 > li {
            width: 28px;
            height: 28px;
            margin-right: 20px
        }

            .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU .AvatrFooter_media-list__vPeA9 > li:last-child {
                margin-right: 0
            }

    .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU .AvatrFooter_split-line__2-AXD {
        width: 1px;
        height: 26px;
        background-color: #7e7e7e;
        margin: 0 32px
    }

    .AvatrFooter_pc-footer__2YxFe .AvatrFooter_first-right__26duU .AvatrFooter_lang__3tjtP {
        font-size: 14px;
        color: #7e7e7e;
        line-height: 20px
    }

.AvatrFooter_pc-footer__2YxFe .AvatrFooter_last-line__mk67K {
    padding: 15px 60px 24px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    grid-gap: 40px;
    gap: 40px
}

    .AvatrFooter_pc-footer__2YxFe .AvatrFooter_last-line__mk67K > a, .AvatrFooter_pc-footer__2YxFe .AvatrFooter_last-line__mk67K > span {
        font-size: 14px;
        color: #7e7e7e;
        line-height: 28px;
        display: -moz-box;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        grid-gap: 4px;
        gap: 4px
    }

    .AvatrFooter_pc-footer__2YxFe .AvatrFooter_last-line__mk67K .AvatrFooter_link-icon__3PgmK {
        width: 20px;
        height: 20px
    }

.AvatrFooter_mobile-footer__2Gqyk {
    display: none
}

@media only screen and (max-width:767px) {
    .AvatrFooter_mobile-footer__2Gqyk {
        display: block;
        padding: 0 20px
    }
}

.AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_media-list__vPeA9 {
    width: 100%;
    margin-top: 30px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_media-list__vPeA9 > li {
        width: 24px;
        height: 24px
    }

    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_media-list__vPeA9.AvatrFooter_media-list_en__9rANJ {
        -moz-box-pack: center;
        justify-content: center;
        grid-gap: 24px;
        gap: 24px
    }

.AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_line__3ikYB {
    font-size: 0;
    height: 1px;
    margin: 38px 0 32px;
    position: relative
}

    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_line__3ikYB:after {
        content: "";
        position: absolute;
        width: 100%;
        border-bottom: 1px solid var(--footer-line-color);
        left: 0;
        bottom: 0;
        -webkit-transform-origin: 0 bottom;
        -moz-transform-origin: 0 bottom;
        transform-origin: 0 bottom;
        opacity: 1
    }

@media(-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(min-resolution:2dppx) {
    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_line__3ikYB:after {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        width: 200%
    }
}

@media(-webkit-min-device-pixel-ratio:3),(min--moz-device-pixel-ratio:3),(min-resolution:3dppx) {
    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_line__3ikYB:after {
        width: 300%;
        -webkit-transform: scale(.333333333);
        -moz-transform: scale(.333333333);
        transform: scale(.333333333)
    }
}

.AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_lang-wrap__PPRV_ {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between
}

.AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_lang-left__2WyAv {
    display: -moz-box;
    display: flex;
    flex-wrap: wrap
}

    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_lang-left__2WyAv > a {
        font-size: 14px;
        color: var(--footer-mobile-primary);
        line-height: 28px;
        margin-right: 24px
    }

        .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_lang-left__2WyAv > a:last-child {
            margin-right: 0
        }

.AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_lang__3tjtP {
    display: -moz-box;
    display: flex;
    width: 61px;
    height: 26px;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #898989;
    position: relative;
    border-width: 0
}

    .AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_lang__3tjtP:after {
        content: " ";
        width: 200%;
        height: 200%;
        position: absolute;
        top: 0;
        left: 0;
        border: 1px solid #7e7e7e;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 2px
    }

.AvatrFooter_mobile-footer__2Gqyk .AvatrFooter_link-item__1INoc {
    display: block;
    font-size: 14px;
    color: var(--footer-mobile-secondary);
    line-height: 20px;
    margin-top: 12px
}

.AvatrButton_ava-button__1msBD {
    --btn-width: 128px;
    --btn-height: 36px;
    --btn-font-size: 14px;
    --btn-link-color: #181818;
    --btn-plain-color: #181818;
    --btn-plain-hover-color: #fff;
    --btn-plain-hover-background: #181818;
    --btn-font-weight: normal;
    --btn-radius: 4px;
    cursor: pointer;
    position: relative;
    width: var(--btn-width);
    height: var(--btn-height)
}

    .AvatrButton_ava-button__1msBD .AvatrButton_ava-button__con__ig6gu {
        display: inline-block;
        position: relative;
        width: 100%;
        height: 100%;
        font-size: var(--btn-font-size);
        font-weight: var(--btn-font-weight);
        line-height: normal;
        text-align: center;
        white-space: nowrap;
        border-radius: var(--btn-radius);
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        transition: all .2s linear;
        display: -moz-box;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        -moz-box-pack: center;
        justify-content: center;
        z-index: 1
    }

        .AvatrButton_ava-button__1msBD .AvatrButton_ava-button__con__ig6gu .AvatrButton_play-icon__1JkoL {
            display: inline-block;
            width: 10px;
            height: 12px;
            margin-right: 8px;
            background: url(/images/icons/play_b.png) no-repeat 50%/cover
        }

    .AvatrButton_ava-button__1msBD .AvatrButton_ava-button__mask__2hvJq {
        pointer-events: none;
        position: absolute;
        display: inline-block;
        bottom: 6px;
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
        z-index: 0;
        height: 18%;
        border-radius: 100%;
        background: #b4d719;
        -webkit-box-shadow: 0 0 15px #b4d719;
        box-shadow: 0 0 15px #b4d719;
        -webkit-filter: blur(10px);
        filter: blur(10px);
        opacity: 0;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        transition: all .3s linear
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_disabled-btn__2PxDl {
        cursor: not-allowed;
        opacity: .6
    }

        .AvatrButton_ava-button__1msBD.AvatrButton_disabled-btn__2PxDl:hover .AvatrButton_ava-button__con__ig6gu {
            -webkit-transform: none !important;
            -moz-transform: none !important;
            transform: none !important
        }

        .AvatrButton_ava-button__1msBD.AvatrButton_disabled-btn__2PxDl:hover .AvatrButton_ava-button__mask__2hvJq {
            display: none !important;
            -webkit-transform: none !important;
            -moz-transform: none !important;
            transform: none !important
        }

    .AvatrButton_ava-button__1msBD.AvatrButton_link__1Slvb .AvatrButton_ava-button__con__ig6gu {
        color: var(--btn-link-color)
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_plain__2qM-P .AvatrButton_ava-button__con__ig6gu {
        background: transparent;
        color: var(--btn-plain-color);
        border: 1px solid var(--btn-plain-color)
    }

@media only screen and (max-width:767px) {
    .AvatrButton_ava-button__1msBD.AvatrButton_plain__2qM-P .AvatrButton_ava-button__con__ig6gu {
        position: relative;
        border: 0
    }

        .AvatrButton_ava-button__1msBD.AvatrButton_plain__2qM-P .AvatrButton_ava-button__con__ig6gu:after {
            content: " ";
            width: 200%;
            height: 200%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid var(--btn-plain-color);
            -webkit-transform: scale(.5);
            -moz-transform: scale(.5);
            transform: scale(.5);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            transform-origin: 0 0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            border-radius: -moz-calc(var(--btn-radius)*2);
            border-radius: calc(var(--btn-radius)*2)
        }
}

.AvatrButton_ava-button__1msBD.AvatrButton_plain__2qM-P:hover .AvatrButton_ava-button__con__ig6gu {
    background-color: var(--btn-plain-hover-background);
    color: var(--btn-plain-hover-color)
}

@media only screen and (max-width:767px) {
    .AvatrButton_ava-button__1msBD.AvatrButton_plain__2qM-P:hover .AvatrButton_ava-button__con__ig6gu {
        background: transparent;
        color: var(--btn-plain-color)
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_plain__2qM-P:active .AvatrButton_ava-button__con__ig6gu {
        background-color: var(--btn-plain-hover-background);
        color: var(--btn-plain-hover-color)
    }
}

.AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh .AvatrButton_ava-button__con__ig6gu {
    background: #fbfbfb;
    color: #181818
}

.AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh:hover .AvatrButton_ava-button__con__ig6gu {
    -webkit-transform: translate3d(0,-2px,0);
    -moz-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0)
}

@media only screen and (max-width:767px) {
    .AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh:hover .AvatrButton_ava-button__con__ig6gu {
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }
}

.AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh:hover .AvatrButton_ava-button__mask__2hvJq {
    opacity: 1;
    -webkit-transform: translate3d(0,8px,0);
    -moz-transform: translate3d(0,8px,0);
    transform: translate3d(0,8px,0)
}

@media only screen and (max-width:767px) {
    .AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh:hover .AvatrButton_ava-button__mask__2hvJq {
        opacity: 0;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh:active .AvatrButton_ava-button__con__ig6gu {
        -webkit-transform: translate3d(0,-2px,0);
        -moz-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0)
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_light__21AHh:active .AvatrButton_ava-button__mask__2hvJq {
        opacity: 1;
        -webkit-transform: translate3d(0,8px,0);
        -moz-transform: translate3d(0,8px,0);
        transform: translate3d(0,8px,0)
    }
}

.AvatrButton_ava-button__1msBD.AvatrButton_dark__2xfO7 {
    overflow: hidden
}

    .AvatrButton_ava-button__1msBD.AvatrButton_dark__2xfO7 .AvatrButton_ava-button__mask__2hvJq {
        opacity: 1;
        bottom: -33px;
        width: 84%;
        z-index: 1;
        height: 50%;
        background: #b4d719;
        -webkit-filter: blur(8px);
        filter: blur(8px);
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        transition: all .3s linear
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_dark__2xfO7 .AvatrButton_ava-button__con__ig6gu {
        background: #181818;
        color: #fbfbfb;
        border: 1px solid #181818
    }

    .AvatrButton_ava-button__1msBD.AvatrButton_dark__2xfO7:hover .AvatrButton_ava-button__mask__2hvJq {
        bottom: -18px
    }

@media only screen and (max-width:767px) {
    .AvatrButton_ava-button__1msBD.AvatrButton_dark__2xfO7:hover .AvatrButton_ava-button__mask__2hvJq {
        opacity: 0;
        bottom: unset
    }
}

.AvatrButton_ava-button__1msBD.AvatrButton_dark__2xfO7:active .AvatrButton_ava-button__mask__2hvJq {
    bottom: -18px;
    opacity: 1
}

.AvatrProtocol_protocol__2gpta .adm-modal-body, .AvatrProtocol_protocol__2gpta .adm-modal-wrap {
    width: 78.6vw;
    max-width: 460px
}

@media only screen and (max-width:767px) {
    .AvatrProtocol_protocol__2gpta .adm-modal-body, .AvatrProtocol_protocol__2gpta .adm-modal-wrap {
        max-width: 295px
    }
}

.AvatrProtocol_protocol__2gpta .adm-modal-body {
    border-radius: 2px;
    padding: 33px 0 20px
}

    .AvatrProtocol_protocol__2gpta .adm-modal-body .adm-modal-close {
        right: 0;
        top: 0;
        padding: 10px 16px 6px 4px
    }

.AvatrProtocol_protocol__2gpta .adm-modal-content {
    padding: 0;
    height: 60vh;
    max-height: 400px
}

    .AvatrProtocol_protocol__2gpta .adm-modal-content .content {
        padding: 0 20px 20px
    }

        .AvatrProtocol_protocol__2gpta .adm-modal-content .content p {
            display: block;
            -webkit-margin-before: 1em;
            margin-block-start: 1em;
            -webkit-margin-after: 1em;
            margin-block-end: 1em;
            -webkit-margin-start: 0;
            -moz-margin-start: 0;
            margin-inline-start: 0;
            -webkit-margin-end: 0;
            -moz-margin-end: 0;
            margin-inline-end: 0
        }

            .AvatrProtocol_protocol__2gpta .adm-modal-content .content p:first-child {
                margin-top: 0
            }

.AvatrProtocol_protocol__2gpta .adm-modal-footer-empty {
    height: 0
}

.AvatrProtocol_protocol__2gpta .AvatrProtocol_iframe__2xI7y {
    width: 100%;
    height: 100%
}

.AvatrPopover_el-wrap__bhYZh {
    display: inline-block
}

.AvatrPopover_avatr-popover__2pLzm .adm-popover-inner {
    border-radius: 2px
}

.AvatrPopover_avatr-popover__2pLzm .adm-popover-inner-content {
    padding: 0
}

.AvatrPagenation_pagenation__1XkL- {
    --gap: 6px;
    --mobile-gap: 6px;
    --bar-width: 68px;
    --bar-active-width: var(--bar-width);
    --mobile-bar-width: 18px;
    --mobile-bar-active-width: var(--mobile-bar-width);
    --bar-height: 2px;
    --bar-active-height: var(--bar-height);
    --mobile-bar-height: 2px;
    --mobile-bar-active-height: var(--mobile-bar-height);
    --bar-color: hsla(0,0%,88%,0.3);
    --mobile-bar-color: hsla(0,0%,88%,0.3);
    --bar-active-color: #fff;
    --mobile-bar-active-color: #fff;
    --pagenation-dalay: 5.75s;
    display: -moz-box;
    display: flex;
    grid-gap: var(--gap);
    gap: var(--gap)
}

@media only screen and (max-width:767px) {
    .AvatrPagenation_pagenation__1XkL- {
        grid-gap: var(--mobile-gap);
        gap: var(--mobile-gap)
    }
}

.AvatrPagenation_pagenation__1XkL- > li {
    padding: 10px 0;
    cursor: pointer
}

.AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16 {
    display: block;
    width: var(--bar-width);
    height: var(--bar-height);
    background-color: var(--bar-color);
    position: relative
}

@media only screen and (max-width:767px) {
    .AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16 {
        width: var(--mobile-bar-width);
        height: var(--mobile-bar-height);
        background-color: var(--mobile-bar-color)
    }
}

.AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16.AvatrPagenation_active__103B_ {
    width: var(--bar-active-width)
}

    .AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16.AvatrPagenation_active__103B_:after {
        content: "";
        display: block;
        width: 100%;
        height: var(--bar-active-height);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        background-color: var(--bar-active-color)
    }

@media only screen and (max-width:767px) {
    .AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16.AvatrPagenation_active__103B_:after {
        height: var(--mobile-bar-active-height);
        background-color: var(--mobile-bar-active-color)
    }

    .AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16.AvatrPagenation_active__103B_ {
        width: var(--mobile-bar-active-width)
    }
}

.AvatrPagenation_pagenation__1XkL- .AvatrPagenation_bar__1J-16.AvatrPagenation_auto-play__3YfXY.AvatrPagenation_active__103B_:after {
    width: 0;
    -webkit-animation: AvatrPagenation_pager-step-line-ani__cr2x6 var(--pagenation-dalay) linear;
    -moz-animation: AvatrPagenation_pager-step-line-ani__cr2x6 var(--pagenation-dalay) linear;
    animation: AvatrPagenation_pager-step-line-ani__cr2x6 var(--pagenation-dalay) linear
}

@-webkit-keyframes AvatrPagenation_pager-step-line-ani__cr2x6 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@-moz-keyframes AvatrPagenation_pager-step-line-ani__cr2x6 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes AvatrPagenation_pager-step-line-ani__cr2x6 {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.aui-picker li, .aui-picker ul {
    list-style: none
}

.aui-picker-header {
    width: 100%;
    padding: 16px 0;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative
}

.aui-picker-title {
    font-size: 16px;
    font-weight: 700;
    color: #181818;
    line-height: 24px
}

.aui-picker-subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #7e7e7e;
    line-height: 20px;
    margin-top: 2px
}

.aui-picker-close {
    display: block;
    width: 28px;
    height: 28px;
    background: url(//static.avatr.com/mobile-h5/icons/icon-close.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 14px;
    right: 12px
}

.aui-picker-rows {
    padding: 12px 14px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    justify-content: space-around
}

    .aui-picker-rows > li {
        font-size: 16px;
        font-weight: 700;
        color: #181818;
        line-height: 24px
    }

.aui-picker-body {
    padding: 0 14px 20px
}

.aui-picker-view {
    --item-height: 40px
}

.aui-picker-btn-wrap {
    padding: 0 6px;
    margin-top: 38px
}

.aui-picker-btn {
    display: block;
    width: 100%;
    height: 44px;
    font-size: 16px;
    --color: #181818;
    --text-color: #fbfbfb;
    --background-color: #181818;
    --border-color: #181818;
    --border-radius: 4px;
    font-weight: 700
}

    .aui-picker-btn.adm-button-disabled {
        background-color: #e7e7e7;
        border-color: #e7e7e7;
        opacity: 1
    }

.aui-picker .adm-picker-view {
    --item-font-size: 14px
}

.aui-picker .adm-popup-body-position-bottom {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.aui-picker .adm-picker-view-mask-middle {
    border: none
}

.aui-picker .adm-picker-view-column {
    padding: 0 6px
}

    .aui-picker .adm-picker-view-column:after {
        content: "";
        display: block;
        height: 32px;
        background-color: #f8f8f8;
        border-radius: 2px;
        position: absolute;
        left: 6px;
        right: 6px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
    }

.PCCascadePicker_pc-picker__3pxy5 {
    width: 100%;
    position: relative
}

.PCCascadePicker_pc-picker-wrap__3zPHl {
    width: 585px;
    position: absolute;
    right: -70px;
    top: 40px;
    background-color: #fff;
    z-index: 10;
    padding: 24px;
    -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 60px 0 rgba(0,0,0,.1);
    cursor: auto
}

    .PCCascadePicker_pc-picker-wrap__3zPHl .PCCascadePicker_head__1iIin {
        display: -moz-box;
        display: flex;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #181818
    }

        .PCCascadePicker_pc-picker-wrap__3zPHl .PCCascadePicker_head__1iIin:after {
            content: "";
            display: block;
            width: var(--progress-width);
            height: 1px;
            background-color: #181818;
            position: absolute;
            left: 0;
            bottom: 0;
            -webkit-transition: width .3s linear;
            -moz-transition: width .3s linear;
            transition: width .3s linear
        }

        .PCCascadePicker_pc-picker-wrap__3zPHl .PCCascadePicker_head__1iIin .PCCascadePicker_head-item__1_Zz8 {
            width: 50%;
            text-align: left;
            font-size: 14px;
            color: #7e7e7e;
            line-height: 24px;
            cursor: pointer;
            padding-bottom: 12px
        }

            .PCCascadePicker_pc-picker-wrap__3zPHl .PCCascadePicker_head__1iIin .PCCascadePicker_head-item__1_Zz8.PCCascadePicker_selected__114T9 {
                color: #181818
            }

    .PCCascadePicker_pc-picker-wrap__3zPHl .PCCascadePicker_body__ulal1 {
        width: 100%;
        padding-top: 8px;
        height: 170px;
        overflow-y: auto;
        display: -moz-box;
        display: flex;
        flex-wrap: wrap
    }

        .PCCascadePicker_pc-picker-wrap__3zPHl .PCCascadePicker_body__ulal1 .PCCascadePicker_item__4qL2a {
            width: 25%;
            padding-right: 10px;
            font-size: 14px;
            color: #181818;
            line-height: 24px;
            height: 24px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 8px;
            cursor: pointer
        }

.VideoModal_video-dlg__2nary {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11
}

.VideoModal_video-dlg__mask__3aWPu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.VideoModal_video-dlg__con__3wSzJ {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 2
}

@media only screen and (max-width:767px) {
    .VideoModal_video-dlg__con__3wSzJ {
        width: 90%
    }
}

.VideoModal_video-dlg__con__3wSzJ video {
    display: block;
    width: 100%;
    max-height: 100vh;
    object-fit: cover
}

.Agreement_agreement-form-item__18_q9 {
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: normal;
    min-height: 17px;
    cursor: pointer
}

@media only screen and (max-width:767px) {
    .Agreement_agreement-form-item__18_q9 {
        min-height: 24px
    }
}

.Agreement_agreement-form-item__18_q9 .Agreement_checkbox__2nAId {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid #979797;
    margin-right: 8px;
    overflow: hidden
}

    .Agreement_agreement-form-item__18_q9 .Agreement_checkbox__2nAId.Agreement_checked__2r5i0 {
        border: 0;
        background: url(/images/icons/checkbox-checked.png) no-repeat 50%/cover
    }

.Agreement_agreement-form-item__18_q9 > a {
    color: #181818;
    text-decoration: underline;
    margin: 0 2px
}

.Agreement_agreement-form-item__18_q9 > span {
    color: #7e7e7e
}

@media only screen and (max-width:767px) {
    .Agreement_agreement-form-item__18_q9 > span {
        color: #666
    }
}

.PickerContainer_drive-picker-pc__jlDQW {
    width: 100%;
    position: relative;
    height: 20px;
    line-height: 0;
    display: contents
}

.PickerContainer_pc-picker-container__16S4V {
    width: 300px;
    left: 0;
    right: 0;
    height: auto;
    max-height: 480px;
    position: absolute;
    top: 39px;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 60px 0 rgba(0,0,0,.1);
    cursor: default
}

.IndexBarForMobile_indexbar-mobile__1ZLlz {
    width: 100%;
    margin-top: 16px;
    height: -moz-calc(80vh - 56px - 45px - 42px - 16px);
    height: calc(80vh - 56px - 45px - 42px - 16px);
    overflow-y: auto;
    position: relative
}

    .IndexBarForMobile_indexbar-mobile__1ZLlz .IndexBarForMobile_city-item__1TeLa {
        width: 100%;
        height: 40px;
        padding: 0 20px;
        display: -moz-box;
        display: flex;
        -moz-box-align: center;
        align-items: center;
        font-size: 14px;
        color: #242424;
        line-height: 20px
    }

        .IndexBarForMobile_indexbar-mobile__1ZLlz .IndexBarForMobile_city-item__1TeLa.IndexBarForMobile_active__3PBUB {
            font-family: AVATRFont-Bold;
            position: relative
        }

            .IndexBarForMobile_indexbar-mobile__1ZLlz .IndexBarForMobile_city-item__1TeLa.IndexBarForMobile_active__3PBUB:after {
                content: "";
                display: block;
                width: 16px;
                height: 16px;
                background: url(/_next/static/media/list-check.25905f2909b4b7e4cb12f94921a43d7b.png) no-repeat 50%/cover;
                position: absolute;
                top: 50%;
                right: 30px;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                transform: translateY(-50%)
            }

    .IndexBarForMobile_indexbar-mobile__1ZLlz .adm-index-bar-anchor-title {
        padding: 0 20px;
        height: 24px;
        background: #fbfbfb;
        color: #7e7e7e;
        font-size: 12px
    }

    .IndexBarForMobile_indexbar-mobile__1ZLlz .adm-index-bar-sidebar-row {
        padding: 0 4px;
        color: #181818
    }

    .IndexBarForMobile_indexbar-mobile__1ZLlz .adm-index-bar-sidebar-item > div {
        font-size: 12px;
        -webkit-transform: scale(.82);
        -moz-transform: scale(.82);
        transform: scale(.82)
    }

    .IndexBarForMobile_indexbar-mobile__1ZLlz .adm-index-bar-sidebar-item-active {
        background-color: #b4d719;
        color: #181818
    }

    .IndexBarForMobile_indexbar-mobile__1ZLlz .adm-index-bar-sidebar-bubble {
        width: 56px;
        height: 56px;
        border-radius: 0;
        background: url(/_next/static/media/bubble.73b3470b460c1a9ed89c7a45d05e976c.png) no-repeat 50%/cover;
        right: 24px;
        font-size: 24px;
        font-family: AVATRFont-Bold;
        line-height: 33px;
        padding: 11px 0 0 14px;
        text-align: left
    }

.IndexBarForPC_pinyin-list__1kgL4 {
    width: 100%;
    padding: 18px 30px 20px;
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    grid-template-columns: repeat(auto-fill,20px);
    border-bottom: 1px solid #bbb
}

    .IndexBarForPC_pinyin-list__1kgL4 .IndexBarForPC_pinyin-item__2bMEt {
        width: 20px;
        height: 20px;
        font-size: 14px;
        color: #666;
        line-height: 18px;
        text-align: center;
        border-radius: 1px;
        border: 1px solid #c9c9c9;
        cursor: pointer
    }

        .IndexBarForPC_pinyin-list__1kgL4 .IndexBarForPC_pinyin-item__2bMEt.IndexBarForPC_active__16dfg, .IndexBarForPC_pinyin-list__1kgL4 .IndexBarForPC_pinyin-item__2bMEt:hover {
            font-family: AVATRFont-Bold;
            color: #181818;
            border-color: #181818
        }

.IndexBarForPC_city-list__1Yuhy {
    height: var(--scroll-height);
    overflow-y: auto;
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.IndexBarForPC_city-placeholder__4ora_ {
    -moz-box-flex: 1;
    flex-grow: 1;
    border-left: 30px solid #f9f9f9
}

.IndexBarForPC_city-list-item__23UwD {
    display: -moz-box;
    display: flex
}

    .IndexBarForPC_city-list-item__23UwD .IndexBarForPC_item-list__2kK3w {
        width: 0;
        -moz-box-flex: 1;
        flex: 1 1
    }

    .IndexBarForPC_city-list-item__23UwD .IndexBarForPC_pinyin-anchor__1mgF9 {
        width: 30px;
        background: #f9f9f9;
        text-align: center;
        line-height: 40px;
        font-size: 14px;
        color: #b9b9b9
    }

    .IndexBarForPC_city-list-item__23UwD .IndexBarForPC_city-name__SE4Yr {
        font-size: 14px;
        color: #242424;
        line-height: 40px;
        padding: 0 48px 0 8px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .IndexBarForPC_city-list-item__23UwD .IndexBarForPC_city-name__SE4Yr.IndexBarForPC_checked__36-jF {
            font-family: AVATRFont-Bold;
            position: relative
        }

            .IndexBarForPC_city-list-item__23UwD .IndexBarForPC_city-name__SE4Yr.IndexBarForPC_checked__36-jF:after {
                content: "";
                display: block;
                width: 16px;
                height: 16px;
                background: url(/_next/static/media/list-check.25905f2909b4b7e4cb12f94921a43d7b.png) no-repeat 50%/cover;
                position: absolute;
                right: 16px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -moz-transform: translateY(-50%);
                transform: translateY(-50%)
            }

.ShopsList_shops-container__3ySF8 {
    width: 100%;
    padding: 0 30px;
    height: 378px;
    overflow-y: auto
}

@media only screen and (max-width:767px) {
    .ShopsList_shops-container__3ySF8 {
        padding: 0 20px;
        height: -moz-calc(80vh - 56px - 45px - 42px);
        height: calc(80vh - 56px - 45px - 42px)
    }
}

.ShopsList_shop-item__qCTMA {
    width: 100%;
    padding: 16px 24px 16px 0;
    cursor: pointer
}

    .ShopsList_shop-item__qCTMA.ShopsList_active__2v5Y_ {
        position: relative
    }

        .ShopsList_shop-item__qCTMA.ShopsList_active__2v5Y_ .ShopsList_shop-name__2p0te {
            font-family: AVATRFont-Bold
        }

        .ShopsList_shop-item__qCTMA.ShopsList_active__2v5Y_ .ShopsList_shop-address__3NOSo {
            color: #181818
        }

            .ShopsList_shop-item__qCTMA.ShopsList_active__2v5Y_ .ShopsList_shop-address__3NOSo .ShopsList_split__2FOTe {
                background: #181818
            }

        .ShopsList_shop-item__qCTMA.ShopsList_active__2v5Y_:after {
            content: "";
            display: block;
            width: 16px;
            height: 16px;
            background: url(/_next/static/media/list-check.25905f2909b4b7e4cb12f94921a43d7b.png) no-repeat 50%/cover;
            position: absolute;
            right: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            transform: translateY(-50%)
        }

    .ShopsList_shop-item__qCTMA .ShopsList_shop-address__3NOSo, .ShopsList_shop-item__qCTMA .ShopsList_shop-name__2p0te {
        word-break: break-all;
        word-wrap: break-word
    }

    .ShopsList_shop-item__qCTMA .ShopsList_shop-name__2p0te {
        font-size: 16px;
        color: #242424;
        line-height: 22px
    }

    .ShopsList_shop-item__qCTMA .ShopsList_shop-address__3NOSo {
        font-size: 12px;
        color: #7e7e7e;
        line-height: 17px;
        margin-top: 6px
    }

        .ShopsList_shop-item__qCTMA .ShopsList_shop-address__3NOSo .ShopsList_split__2FOTe {
            display: inline-block;
            width: 1px;
            height: 9px;
            margin: 0 4px;
            background: #7e7e7e;
            -webkit-transform: scaleX(.5);
            -moz-transform: scaleX(.5);
            transform: scaleX(.5)
        }

.SearchResult_search-container__3c8Iy {
    width: 100%;
    height: 404px;
    overflow-y: auto;
    padding: 0 4px
}

@media only screen and (max-width:767px) {
    .SearchResult_search-container__3c8Iy {
        margin-top: 16px;
        height: -moz-calc(80vh - 56px - 45px - 16px);
        height: calc(80vh - 56px - 45px - 16px)
    }
}

.SearchResult_search-container__3c8Iy .SearchResult_result-item__dYPtH {
    width: 100%;
    padding: 10px 30px;
    font-size: 14px;
    color: #242424;
    line-height: 20px
}

@media only screen and (max-width:767px) {
    .SearchResult_search-container__3c8Iy .SearchResult_result-item__dYPtH {
        padding: 10px 20px
    }
}

.SearchResult_search-container__3c8Iy .SearchResult_result-item__dYPtH:active, .SearchResult_search-container__3c8Iy .SearchResult_result-item__dYPtH:hover {
    background: #f9f9f9;
    border-radius: 2px
}

.SearchResult_search-container__3c8Iy .SearchResult_empty-result__1Yy6s {
    width: 100%;
    height: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    padding-top: 100px
}

@media only screen and (max-width:767px) {
    .SearchResult_search-container__3c8Iy .SearchResult_empty-result__1Yy6s {
        padding-top: 150px
    }
}

.SearchResult_search-container__3c8Iy .SearchResult_empty-result__1Yy6s p {
    font-size: 14px;
    color: #bfbfbf;
    line-height: 20px
}

.SearchResult_search-container__3c8Iy .SearchResult_empty-result__1Yy6s span {
    color: #242424
}

.DrivePicker_search-container__3_Exv {
    height: 40px;
    margin: 20px 30px 16px;
    padding: 0 12px;
    background-color: #f9f9f9;
    border-radius: 2px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .DrivePicker_search-container__3_Exv {
        height: 45px;
        margin: 0;
        padding: 0 16px;
        background-color: #fff;
        position: relative
    }

        .DrivePicker_search-container__3_Exv:after {
            content: "";
            position: absolute;
            width: 100%;
            border-bottom: 1px solid #eee;
            left: 0;
            bottom: 0;
            -webkit-transform-origin: 0 bottom;
            -moz-transform-origin: 0 bottom;
            transform-origin: 0 bottom;
            opacity: 1
        }
}

@media only screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:767px)and (min--moz-device-pixel-ratio:2),only screen and (max-width:767px)and (min-resolution:2dppx) {
    .DrivePicker_search-container__3_Exv:after {
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        transform: scale(.5);
        width: 200%
    }
}

@media only screen and (max-width:767px)and (-webkit-min-device-pixel-ratio:3),only screen and (max-width:767px)and (min--moz-device-pixel-ratio:3),only screen and (max-width:767px)and (min-resolution:3dppx) {
    .DrivePicker_search-container__3_Exv:after {
        width: 300%;
        -webkit-transform: scale(.333333333);
        -moz-transform: scale(.333333333);
        transform: scale(.333333333)
    }
}

.DrivePicker_search-container__3_Exv:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(/_next/static/media/search-icon.72e9917ace91d4f3943f247038c8b80c.png) no-repeat 50%/cover;
    margin-right: 6px
}

@media only screen and (max-width:767px) {
    .DrivePicker_search-container__3_Exv:before {
        width: 20px;
        height: 20px;
        background: url(/_next/static/media/search-icon2.9d97959a2d48ace677af863ffb3926ad.png) no-repeat 50%/cover;
        margin-right: 4px
    }
}

.DrivePicker_search-container__3_Exv .adm-input {
    --color: #181818;
    --font-size: 14px;
    --placeholder-color: #d4d4d4
}

@media only screen and (max-width:767px) {
    .DrivePicker_search-container__3_Exv .adm-input {
        --placeholder-color: #bfbfbf
    }
}

.DrivePicker_picker-type__1wimP {
    width: 100%;
    padding: 0 30px;
    display: -moz-box;
    display: flex
}

@media only screen and (max-width:767px) {
    .DrivePicker_picker-type__1wimP {
        padding: 16px 20px 0
    }
}

.DrivePicker_picker-type__1wimP .DrivePicker_picker-item__2Om3- {
    font-size: 14px;
    color: #242424;
    line-height: 20px;
    margin-right: 24px;
    max-width: 70px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .DrivePicker_picker-type__1wimP .DrivePicker_picker-item__2Om3-:last-child {
        max-width: 140px;
        margin-right: 0
    }

    .DrivePicker_picker-type__1wimP .DrivePicker_picker-item__2Om3-.DrivePicker_active__3CZ8e {
        font-size: 14px;
        font-family: AVATRFont-Bold;
        color: #242424;
        line-height: 20px;
        cursor: default
    }

        .DrivePicker_picker-type__1wimP .DrivePicker_picker-item__2Om3-.DrivePicker_active__3CZ8e:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background: #181818;
            margin-top: 4px
        }

.DriveModelPicker_list-container__3BaAe {
    height: auto;
    max-height: 480px;
    padding: 15px 16px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll
}

    .DriveModelPicker_list-container__3BaAe::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
        display: none
    }

    .DriveModelPicker_list-container__3BaAe::-webkit-scrollbar-thumb {
        display: none
    }

@media only screen and (max-width:767px) {
    .DriveModelPicker_list-container__3BaAe {
        padding: 20px 20px 12px;
        height: 90%;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content
    }
}

.DriveModelPicker_list-container__3BaAe .DriveModelPicker_loading__1Hllr {
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    text-align: center
}

.DriveModelPicker_list-container__3BaAe li {
    position: relative;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    color: #181818;
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

    .DriveModelPicker_list-container__3BaAe li:after {
        content: "";
        display: inline-block;
        position: absolute;
        right: 16px;
        top: min(50%,20px);
        z-index: 2;
        width: 16px;
        height: 16px;
        background-color: transparent;
        border: 1px solid #d4d4d4;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .DriveModelPicker_list-container__3BaAe li.DriveModelPicker_active__2eieH:after {
        border-color: transparent;
        background-position: 50%;
        background-image: url(/_next/static/media/i-selected.7734f5f76c2a1b37be24600d2d284e08.svg);
        background-repeat: no-repeat
    }

    .DriveModelPicker_list-container__3BaAe li img {
        width: 100%;
        border-radius: 8px;
        min-height: 72px;
        object-fit: cover
    }

    .DriveModelPicker_list-container__3BaAe li p {
        font-size: 12px;
        color: #7e7e7e;
        margin-top: 8px
    }

    .DriveModelPicker_list-container__3BaAe li h3 {
        font-size: 14px;
        font-family: AVATRFont-Bold
    }

.DriveModelPicker_picker-type__2N_eh {
    width: 100%;
    padding: 0 30px;
    display: -moz-box;
    display: flex
}

@media only screen and (max-width:767px) {
    .DriveModelPicker_picker-type__2N_eh {
        padding: 16px 20px 0
    }
}

.DriveModelPicker_picker-type__2N_eh .DriveModelPicker_picker-item__31lJt {
    font-size: 14px;
    color: #242424;
    line-height: 20px;
    margin-right: 24px;
    max-width: 70px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

    .DriveModelPicker_picker-type__2N_eh .DriveModelPicker_picker-item__31lJt:last-child {
        max-width: 140px;
        margin-right: 0
    }

    .DriveModelPicker_picker-type__2N_eh .DriveModelPicker_picker-item__31lJt.DriveModelPicker_active__2eieH {
        font-size: 14px;
        font-family: AVATRFont-Bold;
        color: #242424;
        line-height: 20px;
        cursor: default
    }

        .DriveModelPicker_picker-type__2N_eh .DriveModelPicker_picker-item__31lJt.DriveModelPicker_active__2eieH:after {
            content: "";
            display: block;
            width: 100%;
            height: 2px;
            background: #181818;
            margin-top: 4px
        }

.Form_form-section__3tZzV {
    display: -moz-inline-box;
    display: inline-flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: start;
    justify-content: flex-start;
    max-width: 380px;
    width: 100%;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 54px;
    padding: 40px
}

@media only screen and (max-width:767px) {
    .Form_form-section__3tZzV {
        max-width: unset;
        width: 100%;
        min-height: 372px;
        padding: 0 20px 20px;
        position: static;
        -webkit-transform: unset;
        -moz-transform: unset;
        transform: unset;
        margin: auto
    }

        .Form_form-section__3tZzV small {
            color: #7e7e7e;
            font-size: 12px;
            text-align: center;
            margin-top: 20px;
            font-weight: 400
        }

            .Form_form-section__3tZzV small .Form_arrow-icon__2Zxlv {
                font-size: 16px;
                vertical-align: -3px;
                margin-left: 2px
            }
}

.Form_form-section__3tZzV .Form_form-title__iep67 {
    display: block;
    font-size: 24px;
    color: #181818
}

@media only screen and (max-width:767px) {
    .Form_form-section__3tZzV .Form_form-title__iep67 {
        font-size: 24px
    }
}

.Form_form-section__3tZzV .Form_appoint-btn__2KCLk {
    --btn-width: 100%;
    --btn-height: 44px;
    --btn-font-size: 14px;
    margin-top: 11px
}

@media only screen and (max-width:767px) {
    .Form_form-section__3tZzV .Form_appoint-btn__2KCLk {
        --btn-font-size: 16px
    }
}

.Form_form-container__1S9Bk .adm-form-item {
    padding-bottom: 24px;
    position: relative
}

    .Form_form-container__1S9Bk .adm-form-item:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #eee;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 24px
    }

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-form-item:after {
        bottom: 8px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

.Form_form-container__1S9Bk .adm-form-item:first-child {
    padding-top: 20px
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-form-item {
        border: none;
        padding-bottom: 8px
    }
}

.Form_form-container__1S9Bk .adm-form-item-required-asterisk, .Form_form-container__1S9Bk .adm-form-item.agreement-form:after {
    display: none
}

.Form_form-container__1S9Bk .adm-list-body {
    border: none;
    overflow: unset
}

.Form_form-container__1S9Bk .adm-list-item {
    padding-left: 0
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-list-item {
        background-color: transparent
    }
}

.Form_form-container__1S9Bk a.adm-list-item:active:not(.adm-list-item-disabled) {
    background-color: #fff
}

    .Form_form-container__1S9Bk a.adm-list-item:active:not(.adm-list-item-disabled):after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #eee;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 24px;
        border: none
    }

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk a.adm-list-item:active:not(.adm-list-item-disabled):after {
        bottom: 20px;
        -webkit-transform: scaleY(.5);
        -moz-transform: scaleY(.5);
        transform: scaleY(.5)
    }
}

.Form_form-container__1S9Bk .adm-list-item-content {
    border: none;
    padding: 15px 0;
    -moz-box-align: center;
    align-items: center
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-list-item-content {
        padding: 18px 0
    }
}

.Form_form-container__1S9Bk .agreement-form .adm-list-item-content {
    padding: 8px 0 0
}

.Form_form-container__1S9Bk .adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix {
    padding: 0;
    width: 80px
}

.Form_form-container__1S9Bk .adm-list-item-content-main {
    padding: 0
}

.Form_form-container__1S9Bk .adm-form-item-label {
    display: inline-block;
    font-size: 14px;
    color: #7e7e7e;
    line-height: normal
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-form-item-label {
        color: #181818
    }
}

.Form_form-container__1S9Bk .adm-input {
    --color: #181818;
    --font-size: 14px;
    --placeholder-color: #d4d4d4
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-input {
        --placeholder-color: #bbb
    }
}

.Form_form-container__1S9Bk .picker-placeholder, .Form_form-container__1S9Bk .picker-value {
    font-size: 14px;
    color: #181818;
    line-height: normal
}

.Form_form-container__1S9Bk .picker-placeholder {
    color: #d4d4d4
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .picker-placeholder {
        color: #bbb
    }
}

.Form_form-container__1S9Bk .adm-list-item-content-arrow {
    height: var(--form-item-lineheight);
    position: relative;
    width: 26px
}

    .Form_form-container__1S9Bk .adm-list-item-content-arrow .form-item-arrow {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%) rotate(180deg);
        -moz-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg);
        display: block;
        width: 26px;
        height: 26px;
        background: url(/images/icons/arrow-right.png) no-repeat 50%/cover;
        -webkit-transition: -webkit-transform .15s linear;
        transition: -webkit-transform .15s linear;
        -moz-transition: transform .15s linear,-moz-transform .15s linear;
        transition: transform .15s linear;
        transition: transform .15s linear,-webkit-transform .15s linear,-moz-transform .15s linear
    }

        .Form_form-container__1S9Bk .adm-list-item-content-arrow .form-item-arrow.open {
            -webkit-transform: translateY(-50%) rotate(0);
            -moz-transform: translateY(-50%) rotate(0);
            transform: translateY(-50%) rotate(0)
        }

.Form_form-container__1S9Bk .adm-list-item-description {
    position: absolute;
    bottom: 3px;
    left: 0
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-list-item-description {
        bottom: 0
    }
}

.Form_form-container__1S9Bk .adm-list-item-description .adm-form-item-feedback-error {
    margin-top: 0;
    font-size: 12px;
    color: #f54236;
    line-height: 17px
}

@media only screen and (max-width:767px) {
    .Form_form-container__1S9Bk .adm-list-item-description .adm-form-item-feedback-error {
        line-height: 0
    }
}

.Success_success-section__1FoUI {
    display: -moz-inline-box;
    display: inline-flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-pack: center;
    justify-content: center;
    width: 380px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 40px;
    margin-top: 54px
}

@media only screen and (max-width:767px) {
    .Success_success-section__1FoUI {
        -moz-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        height: 372px;
        padding: 60px 20px 20px;
        position: static;
        -webkit-transform: unset;
        -moz-transform: unset;
        transform: unset
    }
}

.Success_success-section__1FoUI .Success_content__3zNbW {
    width: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center
}

    .Success_success-section__1FoUI .Success_content__3zNbW > img {
        width: 64px
    }

@media only screen and (max-width:767px) {
    .Success_success-section__1FoUI .Success_content__3zNbW > img {
        width: 52px
    }
}

.Success_success-section__1FoUI .Success_content__3zNbW .Success_success-title__3aZTL {
    font-size: 24px;
    font-family: AVATRFont-Bold;
    color: #242424;
    line-height: 33px;
    margin-top: 28px
}

@media only screen and (max-width:767px) {
    .Success_success-section__1FoUI .Success_content__3zNbW .Success_success-title__3aZTL {
        font-size: 16px;
        line-height: 22px
    }
}

.Success_success-section__1FoUI .Success_content__3zNbW .Success_success-desc__2uTLe {
    font-size: 14px;
    color: #7e7e7e;
    line-height: 20px;
    margin-top: 10px
}

@media only screen and (max-width:767px) {
    .Success_success-section__1FoUI .Success_content__3zNbW .Success_success-desc__2uTLe {
        margin-top: 6px
    }
}

.Success_success-section__1FoUI .Success_appoint-btn__1xyaq {
    --btn-width: 100%;
    --btn-height: 44px;
    --btn-font-size: 14px;
    margin-top: 11px
}

@media only screen and (max-width:767px) {
    .Success_success-section__1FoUI .Success_appoint-btn__1xyaq {
        --btn-font-size: 16px
    }
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -moz-box;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform,-moz-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-moz-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x
    }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -moz-transition-property: transform,-moz-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform,-moz-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        -moz-box-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -moz-transition-property: transform,height,-moz-transform;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform,-moz-transform
    }

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
        background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),transparent);
        background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    -moz-box-ordinal-group: 10000;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: -moz-calc(var(--swiper-navigation-size)/44 * 27);
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        text-transform: none;
        -webkit-font-feature-settings: normal,;
        -moz-font-feature-settings: normal,;
        font-feature-settings: normal,;
        font-variant: normal;
        line-height: 1
    }

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: "prev"
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: "next"
    }

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        -moz-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        -moz-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        -moz-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        -moz-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        -moz-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,.2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity,1);
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    -moz-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
        display: block
    }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: transform .2s,top .2s;
            -moz-transition: transform .2s,top .2s;
            transition: transform .2s,top .2s
        }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: transform .2s,left .2s;
        -moz-transition: transform .2s,left .2s;
        transition: transform .2s,left .2s
    }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: transform .2s,right .2s;
    -moz-transition: transform .2s,right .2s;
    transition: transform .2s,right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color,var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        transform-origin: left top
    }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -moz-box;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    -moz-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes swiper-preloader-spin {
    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity
}

    .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

    .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-cube.swiper-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        opacity: .6;
        z-index: 0
    }

        .swiper-cube .swiper-cube-shadow:before {
            content: "";
            background: #000;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            -webkit-filter: blur(50px);
            filter: blur(50px)
        }

.swiper-flip {
    overflow: visible
}

    .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    -moz-transition-property: transform,opacity,height,-moz-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform,-moz-transform
}

.swiper-cards {
    overflow: visible
}

    .swiper-cards .swiper-slide {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden
    }

.TestDrive_container__11WXj {
    max-width: 100vw;
    display: -moz-inline-box;
    display: inline-flex;
    -moz-box-pack: start;
    justify-content: flex-start;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    font-size: 0
}

@media only screen and (max-width:767px) {
    .TestDrive_container__11WXj {
        display: block;
        height: unset
    }
}

.TestDrive_container__11WXj .TestDrive_section-img__1kuuQ {
    width: 100%
}

.TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f {
    position: relative;
    width: -moz-calc(100vw - 380px);
    width: calc(100vw - 380px);
    height: 100vh
}

@media only screen and (max-width:767px) {
    .TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f {
        width: 100vw;
        height: 428px
    }
}

.TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f .TestDrive_banner-swiper__nACqp {
    width: 100%;
    height: 100%
}

    .TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f .TestDrive_banner-swiper__nACqp img {
        width: 100%;
        height: 100%;
        font-size: 0;
        object-fit: cover
    }

.TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f .TestDrive_swiper-page__3x9E2 {
    --mobile-gap: 3px;
    --mobile-bar-width: 34px;
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

@media only screen and (max-width:767px) {
    .TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f .TestDrive_swiper-page__3x9E2 {
        bottom: 10px
    }
}

.TestDrive_container__11WXj .TestDrive_swiper-content__2rI4f .TestDrive_default-img__3WUvr {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.TestDrive_container__11WXj .TestDrive_form-content__1Em7F {
    display: -moz-box;
    display: flex;
    flex-basis: 380px;
    -moz-box-align: center;
    align-items: center;
    min-width: 380px;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .TestDrive_container__11WXj .TestDrive_form-content__1Em7F {
        min-width: 100px
    }
}

.AvatrAlert_customer-modal-wrap__1zD77 .adm-center-popup-wrap, .AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-wrap {
    min-width: 295px
}

.AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-body {
    border-radius: 2px;
    padding: 32px 20px 20px
}

.AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-title, .AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-title > p {
    font-size: 16px;
    font-family: AVATRFont-Bold;
    color: #181818;
    line-height: 24px;
    margin: 0
}

.AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-content {
    padding: 0;
    margin: 0
}

.AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-footer {
    padding: 28px 0 0
}

    .AvatrAlert_customer-modal-wrap__1zD77 .adm-modal-footer .adm-button {
        border-radius: 2px;
        padding: 8px 0;
        font-size: 16px
    }

.AvatrLazyImage_avatr-image__1BD9K {
    width: auto;
    height: auto;
    position: relative;
    display: block;
    overflow: hidden
}

    .AvatrLazyImage_avatr-image__1BD9K > img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.AvatrLazyImage_placeholder__oIiV_ {
    width: 100%;
    position: relative
}

    .AvatrLazyImage_placeholder__oIiV_ .AvatrLazyImage_avatr-logo___F0ar {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 2
    }

        .AvatrLazyImage_placeholder__oIiV_ .AvatrLazyImage_avatr-logo___F0ar path {
            fill: #7e7e7e
        }

.AvatrLazyImage_detector__1toVe {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0
}

.PickerBase_picker-base__29yhP {
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0 0;
    height: 80vh
}

.PickerBase_head__2Tgis {
    width: 100%;
    height: 56px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    position: relative
}

    .PickerBase_head__2Tgis .PickerBase_title__35sEK {
        font-size: 16px;
        font-weight: 500;
        color: #181818;
        line-height: 24px
    }

    .PickerBase_head__2Tgis .PickerBase_close__6I-Jn {
        display: block;
        width: 52px;
        height: 56px;
        background: url(/_next/static/media/close.830411528d306ac0fd10d0261f5bd134.png) no-repeat 50%/28px 28px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2
    }

.AvatrLoading3D_container__3htmM {
    --icon-size: 24px;
    --fill-color: transparent;
    --color: #7e7e7e;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.AvatrLoading3D_logo-wrap__1LpF9 {
    font-size: var(--icon-size);
    color: var(--color);
    width: 1em;
    height: 1.8065em;
    padding-bottom: 1px;
    overflow: hidden;
    -webkit-animation: AvatrLoading3D_aui-loading-box__1owA- 1.3s infinite;
    -moz-animation: AvatrLoading3D_aui-loading-box__1owA- 1.3s infinite;
    animation: AvatrLoading3D_aui-loading-box__1owA- 1.3s infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear
}

.AvatrLoading3D_logo-wrap__1LpF9, .AvatrLoading3D_logo__nwrLm {
    line-height: 1;
    vertical-align: middle;
    transform-style: preserve-3d
}

.AvatrLoading3D_logo__nwrLm {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-animation: AvatrLoading3D_aui-loading__bEYig 1.3s infinite;
    -moz-animation: AvatrLoading3D_aui-loading__bEYig 1.3s infinite;
    animation: AvatrLoading3D_aui-loading__bEYig 1.3s infinite;
    -webkit-animation-timing-function: cubic-bezier(.84,.3,.24,.7);
    -moz-animation-timing-function: cubic-bezier(.84,.3,.24,.7);
    animation-timing-function: cubic-bezier(.84,.3,.24,.7)
}

    .AvatrLoading3D_logo__nwrLm svg {
        position: absolute;
        top: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        fill: var(--fill-color);
        stroke: currentcolor;
        stroke-width: 3px
    }

        .AvatrLoading3D_logo__nwrLm svg.AvatrLoading3D_svg_t__csnV9 {
            left: 0;
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            transform: rotateY(180deg);
            -webkit-transform-origin: 50% 50%;
            -moz-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            stroke-width: 6px
        }

        .AvatrLoading3D_logo__nwrLm svg.AvatrLoading3D_svg_f__1G3M8 {
            position: absolute;
            left: 0;
            -webkit-transform: rotateX(18.3deg);
            -moz-transform: rotateX(18.3deg);
            transform: rotateX(18.3deg);
            -webkit-transform-origin: 50% 0;
            -moz-transform-origin: 50% 0;
            transform-origin: 50% 0
        }

        .AvatrLoading3D_logo__nwrLm svg.AvatrLoading3D_svg_l__2Fi18 {
            position: absolute;
            left: 0;
            -webkit-transform: rotateY(-45deg);
            -moz-transform: rotateY(-45deg);
            transform: rotateY(-45deg);
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            transform-origin: 0 0
        }

        .AvatrLoading3D_logo__nwrLm svg.AvatrLoading3D_svg_r__1EUlI {
            right: 0;
            -webkit-transform: rotateY(45deg);
            -moz-transform: rotateY(45deg);
            transform: rotateY(45deg);
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .AvatrLoading3D_logo__nwrLm svg.AvatrLoading3D_svg_b__3_Gqq {
            top: auto;
            right: 0;
            bottom: -1px;
            -webkit-transform: rotateX(-62deg);
            -moz-transform: rotateX(-62deg);
            transform: rotateX(-62deg);
            -webkit-transform-origin: 0 100%;
            -moz-transform-origin: 0 100%;
            transform-origin: 0 100%
        }

@-webkit-keyframes AvatrLoading3D_aui-loading-box__1owA- {
    0% {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }

    50% {
        -webkit-transform: skewX(-1deg);
        transform: skewX(-1deg)
    }

    to {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
}

@-moz-keyframes AvatrLoading3D_aui-loading-box__1owA- {
    0% {
        -moz-transform: skewX(0);
        transform: skewX(0)
    }

    50% {
        -moz-transform: skewX(-1deg);
        transform: skewX(-1deg)
    }

    to {
        -moz-transform: skewX(0);
        transform: skewX(0)
    }
}

@keyframes AvatrLoading3D_aui-loading-box__1owA- {
    0% {
        -webkit-transform: skewX(0);
        -moz-transform: skewX(0);
        transform: skewX(0)
    }

    50% {
        -webkit-transform: skewX(-1deg);
        -moz-transform: skewX(-1deg);
        transform: skewX(-1deg)
    }

    to {
        -webkit-transform: skewX(0);
        -moz-transform: skewX(0);
        transform: skewX(0)
    }
}

@-webkit-keyframes AvatrLoading3D_aui-loading__bEYig {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@-moz-keyframes AvatrLoading3D_aui-loading__bEYig {
    0% {
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -moz-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes AvatrLoading3D_aui-loading__bEYig {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        -moz-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

.Toast_toast-wrap__JPMK9 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.Toast_toast-main__7OBsT {
    display: inline-block;
    position: relative;
    left: 50%;
    top: 15%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 85vw;
    word-break: break-all;
    pointer-events: all;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    grid-gap: 8px;
    gap: 8px;
    background: #fff;
    -webkit-box-shadow: 0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);
    box-shadow: 0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08);
    border-radius: 4px;
    padding: 14px 16px
}

@media only screen and (max-width:767px) {
    .Toast_toast-main__7OBsT {
        top: 50%;
        padding: 8px 16px;
        background: rgba(24,24,24,.9);
        -webkit-box-shadow: none;
        box-shadow: none;
        grid-gap: 4px;
        gap: 4px
    }

        .Toast_toast-main__7OBsT.Toast_toast-main_loading__2xiMV {
            min-width: 120px;
            min-height: 120px;
            padding: 12px;
            grid-gap: 12px;
            gap: 12px;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            flex-direction: column
        }

            .Toast_toast-main__7OBsT.Toast_toast-main_loading__2xiMV .Toast_toast-content__rytAK {
                -moz-box-flex: unset;
                flex: unset;
                line-height: 20px
            }
}

.Toast_toast-content__rytAK {
    -moz-box-flex: 1;
    flex: 1 1;
    font-size: 14px;
    color: rgba(24,24,24,.9);
    line-height: 20px
}

@media only screen and (max-width:767px) {
    .Toast_toast-content__rytAK {
        color: #fbfbfb;
        line-height: 24px
    }
}

.Toast_icon__3gcly {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width:767px) {
    .Toast_icon__3gcly {
        width: 24px;
        height: 24px
    }
}

.Toast_icon__3gcly.Toast_icon-success__yu2AG {
    background-image: url(/_next/static/media/pc_success.09d73190fc428e860a9963b4c33031f2.png)
}

@media only screen and (max-width:767px) {
    .Toast_icon__3gcly.Toast_icon-success__yu2AG {
        background-image: url(/_next/static/media/h5_success.3997abcf5ab0f564cf9593e7c7fa8ff8.png)
    }
}

.Toast_icon__3gcly.Toast_icon-fail__3XtYG {
    background-image: url(/_next/static/media/pc_fail.9af2efed0cd907bb8d3b7c34000e79b4.png)
}

@media only screen and (max-width:767px) {
    .Toast_icon__3gcly.Toast_icon-fail__3XtYG {
        background-image: url(/_next/static/media/h5_fail.d437f8cb61a3115648e418d945f5bd58.png)
    }
}

.Toast_icon__3gcly.Toast_icon-warning__y-cdR {
    background-image: url(/_next/static/media/pc_warning.77d9e6895f16edabd8ba106434443405.png)
}

@media only screen and (max-width:767px) {
    .Toast_icon__3gcly.Toast_icon-warning__y-cdR {
        background-image: url(/_next/static/media/h5_warning.153074c2826a25175020a7143727427d.png)
    }
}

.Toast_icon__3gcly.Toast_icon-close__KCJMX {
    background-image: url(/_next/static/media/pc_close.0f5f114c6db47d527feb8243f8d4adac.png);
    background-size: 16px 16px;
    cursor: pointer;
    margin-left: 14px
}

@media only screen and (max-width:767px) {
    .Toast_icon__3gcly.Toast_icon-close__KCJMX {
        display: none
    }
}

.Toast_icon__3gcly.Toast_icon-loading__1q485 {
    background-image: url(/_next/static/media/pc_loading.2a137e2091e53822c2377470c4c55898.png);
    -webkit-animation: Toast_loading-rote__ZdgDO 1s linear infinite;
    -moz-animation: Toast_loading-rote__ZdgDO 1s linear infinite;
    animation: Toast_loading-rote__ZdgDO 1s linear infinite
}

@media only screen and (max-width:767px) {
    .Toast_icon__3gcly.Toast_icon-loading__1q485 {
        display: none
    }
}

@-webkit-keyframes Toast_loading-rote__ZdgDO {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes Toast_loading-rote__ZdgDO {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes Toast_loading-rote__ZdgDO {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Toast_loading-3d__1Lpi6 {
    display: none;
    --color: #fff
}

@media only screen and (max-width:767px) {
    .Toast_loading-3d__1Lpi6 {
        display: block
    }
}

.Toast_loading-3d__1Lpi6.Toast_loading-3d_large__3L1Zc {
    --icon-size: 32px
}

.AvatrFloatButton_container__3CKB3 {
    width: 48px;
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    grid-gap: 20px;
    gap: 20px;
    position: fixed;
    right: 12px;
    bottom: 40px;
    z-index: 99;
    font-size: 0
}

.AvatrFloatButton_back-top-btn__sl33I, .AvatrFloatButton_back-top__TMVsI, .AvatrFloatButton_wechat__dwVeR {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .AvatrFloatButton_back-top-btn__sl33I, .AvatrFloatButton_back-top__TMVsI, .AvatrFloatButton_wechat__dwVeR {
        width: 42px;
        height: 42px
    }
}

.AvatrFloatButton_arrow-icon__1yF9i {
    width: 10px;
    height: 20px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.AvatrFloatButton_wechat-icon__3s0MY {
    width: 30px;
    height: 30px
}

.AvatrFloatButton_back-top-btn__sl33I, .AvatrFloatButton_wechat__dwVeR {
    position: relative;
    background: rgba(239,239,239,.6)
}

    .AvatrFloatButton_back-top-btn__sl33I:hover, .AvatrFloatButton_wechat__dwVeR:hover {
        background: #efefef
    }

.AvatrFloatButton_wechat-btn__1O5TX {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media only screen and (max-width:767px) {
    .AvatrFloatButton_wechat-btn__1O5TX {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
        pointer-events: auto
    }
}

.AvatrFloatButton_back-top-btn__sl33I {
    opacity: 0;
    -webkit-transform: translate3d(60px,0,0);
    -moz-transform: translate3d(60px,0,0);
    transform: translate3d(60px,0,0);
    -webkit-transition: all .3s cubic-bezier(.42,0,0,1);
    -moz-transition: all .3s cubic-bezier(.42,0,0,1);
    transition: all .3s cubic-bezier(.42,0,0,1)
}

    .AvatrFloatButton_back-top-btn__sl33I.AvatrFloatButton_show__G7CEm {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

.AvatrFloatButton_qrcode-wrap__3OE_T {
    position: absolute;
    right: 64px;
    bottom: 0;
    width: 128px;
    padding: 4px;
    background-color: #fff;
    border-radius: 8px;
    display: none
}

@media only screen and (max-width:767px) {
    .AvatrFloatButton_qrcode-wrap__3OE_T {
        display: none !important
    }
}

.AvatrFloatButton_qrcode-wrap__3OE_T:after {
    content: "";
    display: block;
    position: absolute;
    right: -9px;
    bottom: 12px;
    border-left: 9px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.AvatrFloatButton_wechat__dwVeR:hover .AvatrFloatButton_qrcode-wrap__3OE_T {
    display: block
}

.AvatrFloatButton_qrcode__2aGuE {
    width: 120px;
    height: 120px;
    overflow: hidden
}

    .AvatrFloatButton_qrcode__2aGuE > img {
        width: 100%;
        height: 100%
    }

.AvatrFloatButton_desc__3GE8Z, .AvatrFloatButton_mask-desc__1BewR {
    padding: 4px 0;
    font-size: 12px;
    color: #181818;
    line-height: 12px;
    text-align: center
}

.AvatrFloatButton_mask-body__9JWeO {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: -moz-box;
    display: flex;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center
}

.AvatrFloatButton_mask-qrcode-wrap__YsGYO {
    width: 154px;
    padding: 4px;
    border-radius: 10px;
    background-color: #fff
}

.AvatrFloatButton_mask-qrcode__udXJj {
    width: 146px;
    height: 146px;
    overflow: hidden
}

    .AvatrFloatButton_mask-qrcode__udXJj > img {
        width: 100%;
        height: 100%
    }

.AvatrFloatButton_close-btn__39Nwb {
    display: block;
    width: 80px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 4px;
    display: -moz-box;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    margin-top: 20px
}

.AvatrSafeArea_safe-area-bottom__SoRCE {
    display: block;
    width: 100%;
    padding-bottom: max(34px,env(safe-area-inset-bottom))
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}
/*!
 * 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 {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    -moz-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        -moz-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: calc(1 * 2);
        -moz-animation-iteration-count: -moz-calc(1 * 2);
        animation-iteration-count: calc(1 * 2);
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
        -moz-animation-iteration-count: -moz-calc(var(--animate-repeat) * 2);
        animation-iteration-count: calc(var(--animate-repeat) * 2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: calc(1 * 3);
        -moz-animation-iteration-count: -moz-calc(1 * 3);
        animation-iteration-count: calc(1 * 3);
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
        -moz-animation-iteration-count: -moz-calc(var(--animate-repeat) * 3);
        animation-iteration-count: calc(var(--animate-repeat) * 3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        -moz-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: calc(1s * 2);
        -moz-animation-delay: -moz-calc(1s * 2);
        animation-delay: calc(1s * 2);
        -webkit-animation-delay: calc(var(--animate-delay) * 2);
        -moz-animation-delay: -moz-calc(var(--animate-delay) * 2);
        animation-delay: calc(var(--animate-delay) * 2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: calc(1s * 3);
        -moz-animation-delay: -moz-calc(1s * 3);
        animation-delay: calc(1s * 3);
        -webkit-animation-delay: calc(var(--animate-delay) * 3);
        -moz-animation-delay: -moz-calc(var(--animate-delay) * 3);
        animation-delay: calc(var(--animate-delay) * 3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: calc(1s * 4);
        -moz-animation-delay: -moz-calc(1s * 4);
        animation-delay: calc(1s * 4);
        -webkit-animation-delay: calc(var(--animate-delay) * 4);
        -moz-animation-delay: -moz-calc(var(--animate-delay) * 4);
        animation-delay: calc(var(--animate-delay) * 4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: calc(1s * 5);
        -moz-animation-delay: -moz-calc(1s * 5);
        animation-delay: calc(1s * 5);
        -webkit-animation-delay: calc(var(--animate-delay) * 5);
        -moz-animation-delay: -moz-calc(var(--animate-delay) * 5);
        animation-delay: calc(var(--animate-delay) * 5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: calc(1s / 2);
        -moz-animation-duration: -moz-calc(1s/2);
        animation-duration: calc(1s / 2);
        -webkit-animation-duration: calc(var(--animate-duration) / 2);
        -moz-animation-duration: -moz-calc(var(--animate-duration)/2);
        animation-duration: calc(var(--animate-duration) / 2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: calc(1s * .8);
        -moz-animation-duration: -moz-calc(1s * .8);
        animation-duration: calc(1s * .8);
        -webkit-animation-duration: calc(var(--animate-duration) * .8);
        -moz-animation-duration: -moz-calc(var(--animate-duration) * .8);
        animation-duration: calc(var(--animate-duration) * .8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: calc(1s * 2);
        -moz-animation-duration: -moz-calc(1s * 2);
        animation-duration: calc(1s * 2);
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        -moz-animation-duration: -moz-calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: calc(1s * 3);
        -moz-animation-duration: -moz-calc(1s * 3);
        animation-duration: calc(1s * 3);
        -webkit-animation-duration: calc(var(--animate-duration) * 3);
        -moz-animation-duration: -moz-calc(var(--animate-duration) * 3);
        animation-duration: calc(var(--animate-duration) * 3)
    }

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        -moz-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        -moz-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        -moz-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

        .animate__animated[class*=Out] {
            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-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@-moz-keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        -moz-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        -moz-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,-15px,0) scaleY(1.05);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0) scaleY(.95);
        -moz-transform: translateZ(0) scaleY(.95);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0) scaleY(1.02);
        -moz-transform: translate3d(0,-4px,0) scaleY(1.02);
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    -moz-animation-name: flash;
    animation-name: flash
}

@-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)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -moz-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -moz-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    -moz-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)
    }
}

@-moz-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -moz-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        -moz-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -moz-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -moz-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -moz-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -moz-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        -moz-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -moz-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -moz-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -moz-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    animation-name: rubberBand
}

@-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)
    }
}

@-moz-keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeX {
    0%,to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    -moz-animation-name: shakeX;
    animation-name: shakeX
}

@-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)
    }
}

@-moz-keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        -moz-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        -moz-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

@keyframes shakeY {
    0%,to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(0,-10px,0);
        -moz-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(0,10px,0);
        -moz-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    -moz-animation-name: shakeY;
    animation-name: shakeY
}

@-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)
    }
}

@-moz-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    -moz-animation-name: headShake;
    animation-name: headShake
}

@-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)
    }
}

@-moz-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    animation-name: swing
}

@-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)
    }
}

@-moz-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    animation-name: tada
}

@-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)
    }
}

@-moz-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        -moz-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        -moz-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        -moz-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        -moz-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        -moz-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        -moz-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        -moz-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        -moz-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        -moz-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        -moz-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    animation-name: wobble
}

@-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)
    }
}

@-moz-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        -moz-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        -moz-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    -moz-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -moz-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)
    }
}

@-moz-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    -moz-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: calc(1s * 1.3);
    -moz-animation-duration: -moz-calc(1s * 1.3);
    animation-duration: calc(1s * 1.3);
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    -moz-animation-duration: -moz-calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        -moz-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(.7);
        -moz-transform: translateY(-1200px) scale(.7);
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    -moz-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        -moz-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(.7);
        -moz-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    -moz-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        -moz-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(.7);
        -moz-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    -moz-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        -moz-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(.7);
        -moz-transform: translateY(1200px) scale(.7);
        transform: translateY(1200px) scale(.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    -moz-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@-moz-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        -moz-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(.7);
        -moz-transform: translateY(700px) scale(.7);
        transform: translateY(700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    -moz-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@-moz-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        -moz-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(.7);
        -moz-transform: translateX(-2000px) scale(.7);
        transform: translateX(-2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    -moz-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@-moz-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        -moz-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(.7);
        -moz-transform: translateX(0) scale(.7);
        transform: translateX(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(.7);
        -moz-transform: translateX(2000px) scale(.7);
        transform: translateX(2000px) scale(.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    -moz-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@-moz-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        -moz-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(.7);
        -moz-transform: translateY(0) scale(.7);
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(.7);
        -moz-transform: translateY(-700px) scale(.7);
        transform: translateY(-700px) scale(.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    -moz-animation-name: backOutUp;
    animation-name: backOutUp
}

@-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)
    }
}

@-moz-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -moz-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -moz-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -moz-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -moz-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: calc(1s * .75);
    -moz-animation-duration: -moz-calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    -moz-animation-duration: -moz-calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    animation-name: bounceIn
}

@-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)
    }
}

@-moz-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        -moz-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        -moz-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,25px,0) scaleY(.9);
        transform: translate3d(0,25px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.95);
        -moz-transform: translate3d(0,-10px,0) scaleY(.95);
        transform: translate3d(0,-10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0) scaleY(.985);
        -moz-transform: translate3d(0,5px,0) scaleY(.985);
        transform: translate3d(0,5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-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)
    }
}

@-moz-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        -moz-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        -moz-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(25px,0,0) scaleX(1);
        transform: translate3d(25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0) scaleX(.98);
        -moz-transform: translate3d(-10px,0,0) scaleX(.98);
        transform: translate3d(-10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0) scaleX(.995);
        -moz-transform: translate3d(5px,0,0) scaleX(.995);
        transform: translate3d(5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-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)
    }
}

@-moz-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        -moz-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        -moz-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(-25px,0,0) scaleX(1);
        transform: translate3d(-25px,0,0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0) scaleX(.98);
        -moz-transform: translate3d(10px,0,0) scaleX(.98);
        transform: translate3d(10px,0,0) scaleX(.98)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0) scaleX(.995);
        -moz-transform: translate3d(-5px,0,0) scaleX(.995);
        transform: translate3d(-5px,0,0) scaleX(.995)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-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)
    }
}

@-moz-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        -moz-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        -moz-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,-20px,0) scaleY(.9);
        transform: translate3d(0,-20px,0) scaleY(.9)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.95);
        -moz-transform: translate3d(0,10px,0) scaleY(.95);
        transform: translate3d(0,10px,0) scaleY(.95)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0) scaleY(.985);
        -moz-transform: translate3d(0,-5px,0) scaleY(.985);
        transform: translate3d(0,-5px,0) scaleY(.985)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-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)
    }
}

@-moz-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: calc(1s * .75);
    -moz-animation-duration: -moz-calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    -moz-animation-duration: -moz-calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    animation-name: bounceOut
}

@-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)
    }
}

@-moz-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0) scaleY(.985);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,2000px,0) scaleY(3);
        transform: translate3d(0,2000px,0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-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)
    }
}

@-moz-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        -moz-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);
        -moz-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0) scaleX(.9);
        -moz-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);
        -moz-transform: translate3d(-2000px,0,0) scaleX(2);
        transform: translate3d(-2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-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)
    }
}

@-moz-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        -moz-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);
        -moz-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0) scaleX(.9);
        -moz-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);
        -moz-transform: translate3d(2000px,0,0) scaleX(2);
        transform: translate3d(2000px,0,0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-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)
    }
}

@-moz-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0) scaleY(.985);
        -moz-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);
        -moz-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);
        -moz-transform: translate3d(0,-2000px,0) scaleY(3);
        transform: translate3d(0,-2000px,0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn
}

@-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)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-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)
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-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)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-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)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-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)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-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)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-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)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-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)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-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)
    }
}

@-moz-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        -moz-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        -moz-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    -moz-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-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)
    }
}

@-moz-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        -moz-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        -moz-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    -moz-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-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)
    }
}

@-moz-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        -moz-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        -moz-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    -moz-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-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)
    }
}

@-moz-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        -moz-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        -moz-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    -moz-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-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)
    }
}

@-moz-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        -moz-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,-100%,0);
        -moz-transform: translate3d(-100%,-100%,0);
        transform: translate3d(-100%,-100%,0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    -moz-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-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)
    }
}

@-moz-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        -moz-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,-100%,0);
        -moz-transform: translate3d(100%,-100%,0);
        transform: translate3d(100%,-100%,0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    -moz-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-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)
    }
}

@-moz-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        -moz-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,100%,0);
        -moz-transform: translate3d(100%,100%,0);
        transform: translate3d(100%,100%,0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    -moz-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-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)
    }
}

@-moz-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        -moz-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,100%,0);
        -moz-transform: translate3d(-100%,100%,0);
        transform: translate3d(-100%,100%,0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    -moz-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-moz-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -moz-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -moz-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -moz-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -moz-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -moz-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -moz-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -moz-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -moz-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -moz-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -moz-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -moz-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        -moz-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        -moz-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        -moz-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        -moz-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -moz-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        -moz-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        -moz-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -moz-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: calc(1s * .75);
    -moz-animation-duration: -moz-calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    -moz-animation-duration: -moz-calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-animation-name: flipOutX;
    -moz-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        -moz-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        -moz-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -moz-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: calc(1s * .75);
    -moz-animation-duration: -moz-calc(1s * .75);
    animation-duration: calc(1s * .75);
    -webkit-animation-duration: calc(var(--animate-duration) * .75);
    -moz-animation-duration: -moz-calc(var(--animate-duration) * .75);
    animation-duration: calc(var(--animate-duration) * .75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    -moz-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    -moz-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0) skewX(30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(30deg);
        transform: translate3d(-100%,0,0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        -moz-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        -moz-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    -moz-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -moz-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -moz-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    -moz-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(-100%,0,0) skewX(-30deg);
        transform: translate3d(-100%,0,0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    -moz-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        -moz-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        -moz-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -moz-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-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@-moz-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        -moz-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        -moz-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        -moz-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: calc(1s * 2);
    -moz-animation-duration: -moz-calc(1s * 2);
    animation-duration: calc(1s * 2);
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    -moz-animation-duration: -moz-calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -moz-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)
    }
}

@-moz-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        -moz-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        -moz-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    -moz-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-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)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        -moz-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        -moz-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        -moz-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        -moz-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    animation-name: zoomOut
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -moz-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)
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -moz-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)
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    transform-origin: right center
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -moz-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)
    }
}

@-moz-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    animation-name: slideInDown
}

@-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)
    }
}

@-moz-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-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)
    }
}

@-moz-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    animation-name: slideInRight
}

@-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)
    }
}

@-moz-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-moz-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    animation-name: slideOutUp
}

body, html {
    padding: 0;
    margin: 0;
    --adm-color-primary: #181818;
    --adm-font-family: AVATRFont-Regular
}

li, ul {
    list-style: none
}

a {
    color: inherit;
    text-decoration: none
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

b {
    font-family: AVATRFont-Bold
}

@font-face {
    font-family: AVATRFont-Light-EN;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/Assets/fonts/avatrfont/AVATRFont-Light_EN.ttf)
}

@font-face {
    font-family: AVATRFont-Regular-EN;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/Assets/fonts/avatrfont/AVATRFont-Regular_EN.ttf)
}

@font-face {
    font-family: AVATRFont-Bold-EN;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/Assets/fonts/avatrfont/AVATRFont-Bold_EN.ttf)
}

@font-face {
    font-family: AVATRFont-Light;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/Assets/fonts/avatrfont/AVATRFont-Light.ttf?v=4)
}

@font-face {
    font-family: AVATRFont-Regular;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/Assets/fonts/avatrfont/AVATRFont-Regular.ttf?v=4)
}

@font-face {
    font-family: AVATRFont-Bold;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/Assets/fonts/avatrfont/AVATRFont-Bold.ttf?v=4)
}

body.page-overflow-hidden {
    overflow: hidden !important
}

.lazyload-wrapper {
    font-size: 0
}

.__next-disabled-x {
    overflow-x: hidden
}