@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;400;900&display=swap);

body {
    background: #0a121d;
    font-family: "Roboto Condensed", sans-serif;
    color: #f1f3ff;
    box-sizing: border-box;
    height: 100vh;
    margin: 0;
    padding: 0;
    height: 100%
}

html {
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
    height: 100%;
    box-sizing: border-box
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #c1c5d6;
    text-decoration: none
}

.globalWrapper {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: 100px 1fr 300px;
    height: 100%;
    width: 100vw;
    overflow-y: auto;
    top: 0;
    left: 0;
    transition: all .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.globalWrapper.hideChat {
    grid-template-columns: 100px 1fr 0px
}

.contentBlock {
    min-width: 300px;
    overflow-x: hidden;
    z-index: 1
}

.contentBlock::-webkit-scrollbar {
    width: 0
}

.contentBlockHeader {
    display: grid;
    grid-template-columns: 44px 1fr;
    height: 62px
}

.contentBlockHeaderIco {
    transform: translate(0, 6px);
    font-size: 36px;
    color: #c1c5d6
}

.contentBlockHeaderText {
    text-align: left;
    font-size: 22px;
    color: #cbcbe6;
    transform: translate(0, 13px)
}

.contentBlockHeaderw {
    padding: 10px;
    min-width: 320px;
    height: 247px;
    overflow-x: hidden;
    z-index: 1;
    background: #00f;
    border-radius: 6px;
    background: radial-gradient(at 50% -5%, #5056714a, #247f9a0d)
}

.contentBlockPageHeader {
    position: relative;
    padding: 8px 16px
}

.contentBlockPageHeader.one {
    background: linear-gradient(88deg, #2d2a46 0, rgb(17, 56, 66, 0%) 100%);
    color: #e3e3e3;
    font-size: 17px;
    margin: 10px;
    padding: 10px;
    line-height: 23px;
    border-radius: 10px
}

.contentBlockPageHeader.two {
    padding: 15px 0
}

.leftBlock {
    position: relative;
    background: linear-gradient(138deg, rgb(58, 45, 73, 78%)0, rgb(91, 42, 0, 0%) 100%) !important;
    overflow-x: hidden;
    z-index: 1;
    -webkit-box-shadow: -3px 5px 13px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: -3px 5px 13px 0 rgba(0, 0, 0, .1);
    box-shadow: -3px 5px 13px 0 rgba(0, 0, 0, .1)
}

.leftBlockGrid {
    display: grid;
    grid-template-rows: 105px 1fr 47px;
    height: 100%
}

.leftBlockGridLogo {
    background: radial-gradient(at 50% -5%, rgb(255, 255, 255, 27%), rgb(0, 0, 0, 5%));
    text-align: center;
    overflow: hidden;
    border-bottom: 1px solid #0d0d0d
}

.leftBlockGridMenu {
    overflow-x: hidden
}

.leftBlockGridFooter {
    background: radial-gradient(at 50% -5%, #5a5f7729, #247f9a00);
    text-align: center;
    overflow: hidden
}

.leftBlockLogo {
    padding: 2px;
    width: 97px;
    transform: translate(1px, 2px);
    filter: contrast(1.3)
}

.leftMenuItem {
    position: relative;
    display: block;
    background: rgb(255, 255, 255, 0%);
    border-bottom: 1px solid #000;
    width: 100%;
    height: 52px;
    cursor: pointer
}

.leftMenuItem.mini {
    height: 35px
}

.leftMenuItem:hover {
    background: rgb(255, 255, 255, 3%)
}

.leftMenuItem.active {
    background: linear-gradient(90deg, rgb(209, 71, 255, 15%)0, rgb(97, 74, 15, 19%) 100%)
}

.leftMenuItem .name {
    position: absolute;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 600;
    color: #dbdcd5;
    transform: translate(44px, 8px)
}

.leftMenuItem .name.mini {
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-weight: 400;
    color: #d1d1d1;
    transform: translate(34px, 8px)
}

.leftMenuItem .secondName {
    position: absolute;
    font-size: 14px;
    font-weight: 600;
    color: #484866;
    transform: translate(44px, 23px)
}

.leftMenuItem .secondName.new {
    color: #8b6abf
}

.leftMenuItem i {
    position: absolute;
    background: rgb(255, 255, 255, 12%);
    border: 1px solid #1d1c30;
    color: #c1bccf;
    width: 40px;
    height: 40px;
    font-size: 30px;
    border-radius: 100px;
    text-align: center;
    line-height: 39px;
    transform: translate(2px, 4px)
}

.leftMenuItem.mini i {
    font-size: 13px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 52px;
    transform: translate(4px, 5px)
}

.leftMenuItem .icoImg {
    position: absolute;
    color: #c1bccf;
    width: 35px;
    height: 35px;
    font-size: 30px;
    border-radius: 100px;
    text-align: center;
    line-height: 39px;
    transform: translate(4px, 7px);
    opacity: .9
}

.leftMenuItem .icoImg.special {
    position: absolute;
    width: 95px;
    height: 20px;
    transform: translate(2px, 10px);
    opacity: .9
}

.leftMenuItem .online {
    position: absolute;
    background: #6b9b1f;
    width: 4px;
    height: 4px;
    transform: translate(93px, 5px);
    border-radius: 100%
}

.leftMenuItem .hot {
    width: 19px;
    position: absolute;
    right: 0;
    transform: translate(-2px, -10px);
    z-index: 0
}

.rightBlock {
    position: relative;
    background: linear-gradient(138deg, rgb(36, 38, 66, 74%)0, rgb(44, 24, 7, 0%) 100%);
    z-index: 1;
    overflow-x: hidden;
    -moz-box-shadow: 1px 1px 7px 3px rgba(0, 0, 0, .37);
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .37);
    transition: all 5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.rightBlock.chatOpened {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(34, 31, 39, 98%)
}

.rightBlock.chatOpened.adjustChat {
    background: rgb(34, 31, 39, 50%)
}

.rightBlockGrid {
    display: grid;
    grid-template-rows: 78px 1fr 60px;
    height: 100%
}

.rightBlockHeader {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, rgb(18, 59, 68, 15%)0, rgb(66, 52, 67, 44%) 100%);
    border-bottom: 1px solid #161d34
}

.rightBlockNotAuthLogo {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rightBlockNotAuthTextUp {
    font-family: Roboto;
    font-size: 50px;
    font-weight: 900;
    color: #fbf2ff;
    text-align: center;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase;
    position: absolute;
    top: 6%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rightBlockNotAuthTextDown {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    color: #fbf2ff;
    text-align: center;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase;
    position: absolute;
    top: 94%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rightBlockNotAuthTextDown2 {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    color: #fbf2ff;
    text-align: center;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase;
    position: absolute;
    top: 86%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.rightBlockNotAuthTextMobile {
    display: block;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    color: #fbf2ff;
    text-align: center;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase;
    padding: 15px 0
}

.rightBlockNotAuthTextMobile2 {
    display: block;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 900;
    color: #fbf2ff;
    text-align: center;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase;
    padding: 15px 0
}

.rightBlockChatHeader {
    background: #40445f;
    border-top: 1px solid #303342;
    border-bottom: 1px solid #282a37
}

.rightBlockBalanceBlock {
    left: 0;
    width: 129px;
    height: 35px;
    background: rgb(255, 255, 255, 16%);
    cursor: pointer;
    color: #e6e6e6;
    border-radius: 0 20px 20px 0;
    transform: translate(-86px, -16px);
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    border-right: 2px solid transparent;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .11)
}

.rightBlockBalanceBlock.update {
    border-right: 2px solid rgb(255, 255, 255, 64%);
    color: #fff
}

.rightBlockBalanceBlock.low {
    border-right: 2px solid #cfcfcf;
    background: rgb(255, 0, 0, 38%);
    color: #fff
}

.rightBlockBalanceBlock:hover {
    background: rgb(255, 255, 255, 25%);
    border-right: 2px solid #8087a0;
    color: #fff
}

.rightBlockBalanceBlockIco {
    font-size: 24px;
    padding: 5px;
    margin-left: 6px
}

.rightBlockBalanceBlockSumm {
    display: inline-block;
    font-size: 14px;
    float: right;
    font-weight: 600;
    transform: translate(-9px, 10px)
}

.rightBlockHeaderFooterButtonsBlock {
    right: 0;
    transform: translate(-6px, 26px);
    position: absolute;
    z-index: 2
}

.rightBlockHeaderCirclButton {
    display: inline-block;
    width: 31px;
    height: 25px;
    background: rgb(255 255 255/7%);
    font-size: 13px;
    color: #d2d2d2;
    line-height: 29px;
    cursor: pointer;
    margin-right: 3px;
    border: 1px solid transparent;
    border-radius: 20px 20px 0 0;
    text-align: center;
    float: right;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    z-index: 2
}

.rightBlockHeaderCirclButton:hover {
    background: rgb(255, 255, 255, 26%);
    border: 1px solid rgb(255, 255, 255, 14%);
    color: #fff
}

.rightBlockHeaderCirclButton img {
    width: 18px;
    height: 18px;
    transform: translate(0, 3px)
}

.rightBlockHeaderProfileButton {
    width: 25px;
    height: 25px;
    position: absolute;
    font-size: 18px;
    color: #545973;
    line-height: 27px;
    cursor: pointer;
    border: 1px solid rgba(79, 84, 109, 0);
    border-radius: 6px;
    text-align: center;
    padding-left: 1px;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s
}

.rightBlockHeaderProfileButton.rbpb1 {
    transform: translate(233px, 3px)
}

.rightBlockHeaderProfileButton.rbpb2 {
    transform: translate(263px, 5px)
}

.rightBlockHeaderNickName {
    position: absolute;
    transform: translate(1px, 38px);
    color: #afb8dc;
    font-size: 20px;
    font-weight: 800
}

.rightBlockHeaderAvatars {
    position: absolute;
    right: 0;
    border: 1px solid rgb(60 79 84);
    width: 47px;
    height: 47px;
    border-radius: 47px;
    opacity: .9
}

.rightBlockHeaderAvatars.user {
    transform: translate(-6px, -36px)
}

.rightBlockHeaderAvatars.clan {
    transform: translate(-56px, -31px);
    width: 40px;
    height: 40px;
    z-index: 2;
    opacity: .9
}

.rightBlockHeaderAvatarBlured {
    position: absolute;
    background-size: cover;
    width: 312px;
    height: 108px;
    filter: blur(20px);
    opacity: .1;
    z-index: 1
}

.rightBlockHeaderUpBtn {
    display: inline-block;
    background: #59608445;
    text-align: center;
    width: 74px;
    height: 34px;
    line-height: 35px;
    margin-left: -2px
}

.rightBlockStream {
    position: absolute;
    background: linear-gradient(180deg, rgb(31, 66, 76, 65%)0, rgb(0, 0, 0, 15%) 100%);
    border-bottom: 1px solid rgb(25 34 39);
    width: 100%;
    height: 69px;
    margin-top: 78px;
    z-index: 1;
    backdrop-filter: blur(15px)
}

.rightBlockStream .logo {
    position: absolute;
    width: 51px;
    border: 2px solid transparent;
    background: linear-gradient(#202020, #0e0e0e) padding-box, linear-gradient(to right, #4f6870, #596164) border-box;
    border-radius: 10px;
    transform: translate(10px, 8px)
}

.rightBlockStream .channelName {
    position: absolute;
    color: #dbdcdd;
    font-weight: 900;
    font-size: 20px;
    transform: translate(66px, 5px)
}

.rightBlockStream .onlineText {
    position: absolute;
    right: 0;
    color: #6b767c;
    font-size: 10px;
    transform: translate(-11px, 13px)
}

.rightBlockStream .online {
    position: absolute;
    width: 20px;
    transform: translate(4px, 2px);
    opacity: .9;
    z-index: 6
}

.rightBlockStream .videoName {
    position: absolute;
    margin-left: 66px;
    margin-right: 10px;
    margin-top: 26px;
    line-height: 12px;
    font-size: 13px;
    color: #ddd;
    word-break: break-word;
    text-transform: lowercase
}

.rightBlockChat {
    overflow-x: hidden
}

.rightBlockChatMessageBlock {
    position: relative;
    min-height: 60px;
    padding: 8px 10px 8px 8px;
    margin: 6px;
    border-radius: 20px
}

.rightBlockChatMessageBlock.rbchmb1 {
    background: rgb(255, 255, 255, 7%)
}

.rightBlockChatMessageBlock.rbchmb2 {
    background: rgb(255, 255, 255, 3%)
}

.rightBlockChatMessageNick {
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #e6e6e6;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    transform: translate(2px, -28px)
}

.rightBlockChatMessageNick.regular {
    color: #969bb1
}

.rightBlockChatMessageNick.gold {
    border: 2px solid #ec536c
}

.rightBlockChatMessageNick.vip {
    border: 2px solid #ec536c
}

.rightBlockChatMessageNick.youtube {
    border: 2px solid #ec536c
}

.rightBlockChatMessageText {
    margin-left: 51px;
    margin-top: -33px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #bbb;
    word-break: break-word
}

.rightBlockChatMessageTimeBlock {
    position: absolute;
    font-size: 11px;
    color: #758185;
    top: 11px;
    right: 15px
}

.rightBlockChatTextArea {
    position: relative;
    background: linear-gradient(272deg, #0c1520 0, rgb(98, 102, 113, 15%) 100%);
    border: 0;
    width: 100%;
    height: 58px;
    padding: 0;
    padding-top: 2px;
    padding-left: 9px;
    padding-right: 93px;
    border-radius: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    color: #c3c3c3;
    word-break: break-word;
    line-height: 0;
    outline: 0
}

.rightBlockChatTextArea:hover {
    background: linear-gradient(272deg, #0c1520 0, rgb(98, 102, 113, 30%) 100%);
    border: 0
}

.rightBlockChatSymCount {
    position: absolute;
    right: 0;
    color: #4c575c;
    font-size: 14px;
    transform: translate(-58px, -36px)
}

.rightBlockChatButton {
    position: absolute;
    right: 0;
    transition: background, border, color 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    width: 42px;
    height: 42px;
    border: 1px solid transparent;
    border-radius: 56px;
    background: rgb(255, 255, 255, 13%);
    color: #cfcfcf;
    font-size: 23px;
    margin-top: 1px;
    cursor: pointer;
    outline: 0;
    line-height: 39px;
    transform: translate(-10px, -51px)
}

.rightBlockChatButton:hover {
    background: #3b4b55;
    border: 1px solid #8087a0;
    color: #fff
}

.rightBlockChatButton:active {
    background: #345964;
    border: 1px solid #6c6d71;
    color: #fff
}

.rightBlockFooter {
    position: relative;
    border-top: 1px solid #0b0d13
}

.helpIcon {
    position: absolute;
    background: rgba(111, 122, 165, .12);
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #a5aabf;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 50px;
    text-align: center;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    z-index: 2;
    top: 107px;
    right: 20px;
    opacity: .7
}

.notifyNickname {
    position: absolute;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    color: #969bb1;
    text-overflow: ellipsis;
    cursor: pointer;
    white-space: nowrap;
    transform: translate(50px, -11px)
}

.notifyText {
    margin-left: 50px;
    margin-top: 2px
}

.notifyAvatar {
    position: absolute;
    width: 55px;
    height: 55px;
    float: left;
    border: 2px solid #2e3248;
    margin-top: -13px;
    margin-left: -12px;
    border-radius: 10px;
    padding: 2px;
    opacity: .7;
    box-shadow: -1px 0 8px 8px rgba(0, 0, 0, .21)
}

.universalBigBlock {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 99vh;
    background: linear-gradient(137deg, rgb(127, 64, 148, 12%)0, rgb(255, 184, 86, 3%) 100%) !important;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .15);
    z-index: 1000
}

.universalBigBlock.landing {
    display: grid;
    position: relative;
    align-content: center;
    justify-content: center;
    background: linear-gradient(137deg, rgb(127, 64, 148, 20%)0, rgb(0, 153, 139, 13%) 100%) !important;
    width: 100vw;
    min-height: 100vh;
    border-radius: 0
}

.universalBigBlock.classic {
    height: 450px;
    min-height: 0
}

.universalBigBlock.battle {
    height: 476px;
    min-height: 0
}

.universalBigBlock.casinoLobby {
    height: 333px;
    min-height: 0
}

.universalBigBlock.wheel {
    height: 476px;
    min-height: 0
}

.universalBigBlock.rooms {
    min-height: 99vh
}

.universalBigBlock.king {
    min-height: 99vh
}

.universalBigBlockBackground {
    position: absolute;
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/blockBg-1.jpg */
        url(../images/0.jpg)50%0 no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: .03;
    border-radius: 10px;
    filter: grayscale(.7);
    z-index: -1;
    overflow: hidden
}

.universalBigBlockBackground.profile {
    background:
        /* original URL: https://zooma37.casino/archive/bg/1.jpg */
        url(../images/1.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .2;
    filter: grayscale(.8)
}

.universalBigBlockBackground.landing {
    background:
        /* original URL: https://zooma37.casino/archive/bg/1.jpg */
        url(../images/1.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .3
}

.universalBigBlockBackground.bgBattle {
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/blockBg-7.jpg */
        url(../images/2.jpg)50% 30px no-repeat;
    background-size: cover;
    opacity: .03
}

.universalBigBlockBackground.casinoLobby {
    background:
        /* original URL: https://zooma37.casino/archive/bg/19.jpg */
        url(../images/3.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .03
}

.universalBigBlockBackground.bgClassic {
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/bgClassicBig.jpg */
        url(../images/4.jpg)38% 100%no-repeat;
    background-size: cover;
    opacity: .15;
    transform: translate(0, -28px)
}

.universalBigBlockBackground.bgKing {
    background:
        /* original URL: https://zooma37.casino/assets/img/kingTema.jpg */
        url(../images/5.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .2
}

.universalBigBlockBackground.bgMines {
    background:
        /* original URL: https://zooma37.casino/archive/bg/41.jpg */
        url(../images/6.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .15
}

.universalBigBlockBackground.bgX100 {
    background:
        /* original URL: https://pbs.twimg.com/media/E62TY8HWYAEK2Yd.jpg */
        url(../images/7.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .03
}

.universalBigBlockBackground.bgWheel {
    background:
        /* original URL: https://mir-s3-cdn-cf.behance.net/project_modules/fs/3342e185394995.5d7a56b18af41.jpg */
        url(../images/8.jpg)50% 77px no-repeat;
    background-size: cover;
    opacity: .04
}

.universalBigBlockBackground.bgRooms {
    background:
        /* original URL: https://zooma37.casino/archive/bg/44.jpg */
        url(../images/9.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .09;
    transform: rotate(180deg)
}

.universalBigBlockBackground.bg2 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/45.jpg */
        url(../images/10.jpg)50%0 no-repeat;
    background-size: cover
}

.universalBigBlockBackground.bg3 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/46.jpg */
        url(../images/11.jpg)50%0 no-repeat;
    background-size: cover
}

.universalBigBlockBackground.bg4 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/47.jpg */
        url(../images/12.jpg)50% -32px no-repeat;
    background-size: cover;
    opacity: .03;
    transform: translate(4px, 0)
}

.universalBigBlockBackground.bg5 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/48.jpg */
        url(../images/13.jpg)50%0 no-repeat;
    background-size: cover
}

.universalBigBlockBackground.bg6 {
    background:
        /* original URL: https://zooma37.casino/assets/img/kingTema.jpg */
        url(../images/5.jpg)50%0 no-repeat;
    background-size: cover
}

.universalBigBlockBackground.bg7 {
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/blockBg-7.jpg */
        url(../images/2.jpg)50%0 no-repeat;
    background-size: cover
}

.universalBigBlockBackground.bg8 {
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/blockBg-8.jpg */
        url(../images/14.jpg)50%0 no-repeat;
    background-size: cover
}

.universalBigBlockBackground.bgChat {
    background:
        /* original URL: https://zooma37.casino/archive/bg/44.jpg */
        url(../images/9.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .12
}

.universalBigBlockBackground.bgLeftMenu {
    background:
        /* original URL: https://zooma37.casino/archive/bg/35.jpg */
        url(../images/15.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .04
}

.universalBigBlockBackground.bgHeaderUp {
    background:
        /* original URL: https://zooma37.casino/archive/bg/51.jpg */
        url(../images/16.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .09
}

.universalBigBlockBackground.mobileMenu {
    background:
        /* original URL: https://zooma37.casino/archive/bg/51.jpg */
        url(../images/16.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .05
}

.universalBigBlock .headerUp {
    position: relative;
    border-bottom: 1px solid #0e1119;
    color: #b3b3c4;
    width: 100%;
    height: 78px
}

.universalBigBlock .headerUp .ico {
    position: absolute;
    background: radial-gradient(at 50% -5%, rgb(80, 86, 113, 69%), rgb(36, 127, 154, 5%));
    width: 60px;
    height: 60px;
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    transform: translate(10px, 10px);
    border-radius: 37px
}

.universalBigBlock .headerUp .ico img {
    width: 50px;
    transform: translate(0, 4px);
    opacity: .8;
    border-radius: 100%
}

.universalBigBlock .headerUp .textOne {
    position: absolute;
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: Roboto, sans-serif;
    transform: translate(77px, 20px);
    border-bottom: 0 solid #0e1119
}

.universalBigBlock .headerUp .textTwo {
    position: absolute;
    font-size: 14px;
    color: #8c92a8;
    transform: translate(77px, 40px);
    border-bottom: 0 solid #0e1119
}

.universalBigBlock .headerUp.bg1 {
    background: linear-gradient(90deg, rgb(127 64 148/11%)0, rgb(0 153 139/6%) 100%) !important
}

.universalBigBlock .headerUp.bg2 {
    background: linear-gradient(90deg, rgb(56, 53, 83, 56%)0, rgb(255, 141, 0, 6%) 100%) !important
}

.universalBigBlockHeaderMenuBlock {
    right: 0;
    transform: translate(-5px, 19px);
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 2
}

.universalBigBlockHeaderMenuBlockButton {
    position: relative;
    display: inline-flex;
    background: rgb(111 122 165/15%);
    justify-content: center;
    align-items: center;
    min-width: 100px;
    color: #b7b8d4;
    padding: 10px 20px;
    margin: 1px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    border: 1px solid rgba(0, 0, 0, .13);
    overflow: hidden;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
}

.universalBigBlockHeaderMenuBlockButton:active {
    background: rgb(255 255 255/15%);
    box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, .18)
}

.universalBigBlockHeaderMenuBlockButton.active {
    background: rgb(255 255 255/15%);
    box-shadow: inset 0 0 8px 0 rgba(0, 0, 0, .18)
}

.universalBigBlockHeaderBlockIco {
    position: absolute;
    font-size: 40px;
    color: #c1c5d6;
    transform: translate(15px, 0)
}

.universalBigBlockHeaderBlockText {
    position: absolute;
    font-size: 18px;
    color: #c1c5d6;
    transform: translate(61px, 0)
}

.landingContainer {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100vw;
    padding: 25px;
    height: 500px;
    font-size: 14px;
    color: #bdc3da;
    overflow-y: auto
}

.landingCompany {
    position: absolute;
    right: 22px;
    bottom: 19px;
    color: #eeece6
}

.landingLogo {
    position: absolute;
    left: 22px;
    top: 20px;
    width: 75px
}

.landingLogoText {
    position: absolute;
    left: 108px;
    top: 41px;
    font-size: 27px;
    font-weight: 900;
    font-family: Roboto;
    color: #fff;
    text-shadow: 2px 2px 2px #763a87
}

.landingOnline {
    position: absolute;
    right: 22px;
    top: 67px;
    font-size: 27px;
    font-weight: 900;
    color: #e7e5f0
}

.landingOnlineText {
    position: absolute;
    right: 58px;
    top: 102px;
    font-size: 18px;
    font-weight: 900;
    color: #c3d5c9
}

.landingOnline .ico {
    width: 90px;
    height: 90px;
    background-size: contain;
    opacity: .4
}

.landingLinks {
    position: absolute;
    left: 22px;
    bottom: 41px;
    font-size: 15px;
    font-weight: 500;
    color: #aeabbc
}

.landingStartPlay {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 900;
    color: #fffffc;
    text-align: center;
    text-shadow: 2px 2px 2px #763a87;
    text-transform: uppercase
}

.landingSocialButtons {
    display: flex;
    width: 100%;
    align-content: center;
    padding: 0;
    z-index: 3
}

.landingSocialButtons .button {
    position: relative;
    border: 0 solid #18202f;
    background: rgb(29, 37, 52, 84%);
    padding: 5px;
    width: 150px;
    height: 60px;
    margin: 2px;
    color: #fffffc;
    cursor: pointer;
    flex: 1 1 auto;
    border-radius: 10px;
    transition: background .5s cubic-bezier(0, 1.15, .36, 1) 0s;
    box-shadow: 2px 2px 2px 0 rgb(50, 50, 50, 75%)
}

.landingSocialButtons .button .ico {
    position: absolute;
    font-size: 25px;
    top: 17px;
    left: 10px
}

.landingSocialButtons .button .socName {
    position: absolute;
    font-size: 16px;
    color: #949ab4;
    top: 20px;
    left: 42px
}

.landingSocialButtons .button.vk:hover {
    background: linear-gradient(90deg, #2a4d94 0, rgb(52, 76, 123, 31%) 100%)
}

.landingSocialButtons .button.steam:hover {
    background: linear-gradient(90deg, rgb(30, 31, 33, 72%)0, rgb(30, 73, 57, 22%) 100%)
}

.landingSocialButtons .button.google:hover {
    background: linear-gradient(90deg, #c42525 0, rgb(255, 131, 131, 37%) 100%)
}

.landingSocialButtons .button.google.active {
    background: linear-gradient(90deg, #c42525 0, rgb(255, 131, 131, 37%) 100%)
}

.landingSocialButtons .button.diskord:hover {
    background: linear-gradient(90deg, #6e2babab 0, rgb(25, 101, 124, 58%) 100%)
}

.miniBlocks {
    font-size: 0px;
    overflow: hidden
}

.miniBlocks .block {
    position: relative;
    height: 44vh;
    width: 50%;
    border: 10px solid transparent;
    display: inline-block;
    border-radius: 25px
}

.miniBlocks .block.w_100 {
    width: 100%
}

.miniBlocks .block.h_20 {
    height: 20vh
}

.miniBlocks .block .background {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(.9);
    z-index: 500;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    border-radius: 10px
}

.miniBlocks .block .background.bg1 {
    background:
        /* original URL: https://siouxfallsfcu.org/assets/images/CovidHereToHelp.jpg */
        url(../images/17.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .13
}

.miniBlocks .block .background.bg2 {
    background:
        /* original URL: https://vestikavkaza.ru/upload/2017-06-01/14963430555930620f316d68.84806589.jpg */
        url(../images/18.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .13
}

.miniBlocks .block .title {
    background: linear-gradient(178deg, #383556 0, rgb(188, 93, 157, 0%) 100%);
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    padding: 10px;
    color: #bac6d5;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    border-radius: 10px 10px 0 0
}

.miniBlocks .block .title i {
    width: 30px;
    height: 30px;
    background: rgb(111, 122, 165, 15%);
    font-size: 16px;
    color: #a5aabf;
    line-height: 31px;
    margin-right: -7px;
    margin-top: -5px;
    border-radius: 10px;
    text-align: center;
    float: right;
    z-index: 2
}

.miniBlocks .secondBlock {
    position: absolute;
    height: 100%;
    width: 100%
}

.miniBlocks .secondBlock .headerRules {
    position: absolute;
    transform: translate(10px, 45px);
    color: #cacacb;
    width: 95%;
    line-height: 16px;
    font-size: 14px;
    white-space: normal;
    top: 0;
    z-index: 1000;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s
}

.kycContainer {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 0px;
    overflow: hidden
}

.kycContainer .block1 {
    position: relative;
    width: 60%;
    color: #484c64;
    font-size: 14px;
    border: 10px solid transparent;
    display: inline-block
}

.kycContainer .block2 {
    position: relative;
    width: 40%;
    color: #484c64;
    font-size: 14px;
    border: 10px solid transparent;
    display: inline-block;
    text-align: center
}

.kycContainer .curLogo {
    width: 120px
}

.kycContainer .background {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(.6);
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    background:
        /* original URL: https://zooma37.casino/archive/bg/40.jpg */
        url(../images/19.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .1
}

.affilatesContainer {
    font-size: 0px;
    overflow: hidden
}

.affilatesContainer .block {
    position: relative;
    height: 44vh;
    width: 50%;
    border: 10px solid transparent;
    display: inline-block;
    border-radius: 25px
}

.affilatesContainer .block .createdPromo {
    display: flex;
    position: absolute;
    background: #3b354c;
    background:
        /* original URL: https://zooma37.casino/assets/img/gif/podarok.gif */
        url(../images/20.gif)50%0 no-repeat;
    background-size: cover;
    color: #edebf4;
    width: 100%;
    height: 100%;
    z-index: 2000;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    border-radius: 10px;
    font-size: 50px;
    text-align: center;
    align-content: center;
    justify-content: center;
    align-items: center
}

.affilatesContainer .block .background {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(.6);
    z-index: 500;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    border-radius: 10px
}

.affilatesContainer .block .background.bg1 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/52.jpg */
        url(../images/21.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .2
}

.affilatesContainer .block .background.bg2 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/53.jpg */
        url(../images/22.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .14
}

.affilatesContainer .block .background.bg3 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/54.jpg */
        url(../images/23.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .1
}

.affilatesContainer .block .background.bg4 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/55.jpg */
        url(../images/24.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .1
}

.affilatesContainer .block .background:hover {
    filter: grayscale(.9)
}

.affilatesContainer .block .title {
    position: absolute;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    padding: 10px;
    color: #bac6d5;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    border-radius: 10px 10px 0 0
}

.affilatesContainer .block .title i {
    width: 30px;
    height: 30px;
    background: rgb(111, 122, 165, 15%);
    font-size: 16px;
    color: #a5aabf;
    line-height: 31px;
    margin-right: -7px;
    margin-top: -5px;
    border-radius: 10px;
    text-align: center;
    float: right;
    z-index: 2
}

.affilatesContainer .secondBlock {
    position: absolute;
    height: 100%;
    width: 100%
}

.affilatesContainer .secondBlock .table {
    position: absolute;
    bottom: 0;
    z-index: 500
}

.affilatesContainer .secondBlock .table tr {
    background: rgb(138, 160, 187, 0%)
}

.affilatesContainer .secondBlock .input {
    z-index: 1005;
    width: 100%;
    background: rgb(255, 255, 255, 10%);
    border: 1px solid #1b212a;
    margin-top: -10px;
    box-shadow: inset 5px 3px 13px 2px rgb(0, 0, 0, 11%)
}

.affilatesContainer .secondBlock .input.button {
    background: rgb(72, 65, 94, 80%)
}

.affilatesContainer .secondBlock .input.half {
    width: 50%;
    display: inline-block
}

.affilatesContainer .secondBlock .input.green {
    background: rgb(72, 153, 86, 34%)
}

.affilatesContainer .secondBlock .input.yellow {
    background: rgb(145, 146, 65, 35%)
}

.affilatesContainer .secondBlock .input:hover {
    background: rgb(255, 255, 255, 15%)
}

.affilatesContainer .secondBlock .input.button:hover {
    background: #665f7d
}

.affilatesContainer .secondBlock .headerRules {
    position: absolute;
    transform: translate(10px, 50px);
    color: #8993ab;
    width: 95%;
    line-height: 16px;
    font-size: 14px;
    white-space: normal;
    top: 0;
    z-index: 1000;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s
}

.affilatesContainer .secondBlock .headerRules:hover {
    color: #bcc3d3
}

.limitsContainer {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
    margin-top: -105px
}

.limitsContainer .block {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(25.00% - 12px);
    height: 92vh;
    background: rgb(255, 255, 255, 5%);
    align-items: center;
    margin: 6px;
    border-radius: 15px;
    box-shadow: 0 5px 10px 2px rgb(8, 10, 12, 20%);
    opacity: .95;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    cursor: pointer
}

@media (max-width:768px) {
    .limitsContainer {
        margin: 10px;
        margin-top: -105px
    }

    .limitsContainer .block {
        flex: 0 0 calc(100% - 12px);
        height: auto
    }
}

.limitsContainer .block .background {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: grayscale(.6);
    z-index: 500;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    border-radius: 10px
}

.limitsContainer .block .background.bg1 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/29.jpg */
        url(../images/25.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .06
}

.limitsContainer .block .background.bg2 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/53.jpg */
        url(../images/22.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .1
}

.limitsContainer .block .background.bg3 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/54.jpg */
        url(../images/23.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .1
}

.limitsContainer .block .background.bg4 {
    background:
        /* original URL: https://zooma37.casino/archive/bg/55.jpg */
        url(../images/24.jpg)50%0 no-repeat;
    background-size: cover;
    opacity: .06
}

.limitsContainer .block:hover {
    background: rgb(255, 255, 255, 15%)
}

.limitsContainer .block .header {
    width: 100%;
    height: 100px;
    display: flex;
    border-bottom: 1px solid #0e1119;
    flex-wrap: nowrap;
    font-size: 30px;
    font-family: Roboto, sans-serif;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    text-shadow: 2px 2px 2px rgb(22, 22, 22, 56%)
}

.limitsContainer .block .header.one {
    background: #720468;
    background: linear-gradient(49deg, #686868 20%, rgb(32, 43, 74, 0%) 70%)
}

.limitsContainer .block .header.two {
    background: #720468;
    background: linear-gradient(27deg, rgb(94, 76, 33, 58%) 20%, #d5c07f 70%)
}

.limitsContainer .block .header.three {
    background: #720468;
    background: linear-gradient(24deg, #4c2141 20%, rgb(235, 29, 115, 91%) 70%)
}

.limitsContainer .block .header.four {
    background: #720468;
    color: #66626b;
    text-shadow: 0 1px 0#f4f3f1;
    background: conic-gradient(at center top, #111827, rgb(254 254 254), #111827)
}

.limitsContainer .block .header.five {
    color: #fff;
    text-shadow: 0 0 3px #fff;
    background: linear-gradient(92deg, #a864da, #1d4d8b, #0cbddd, #00e3c9);
    background-size: 400% 400%;
    border: 2px solid transparent;
    animation: gradientOneAnim 6s cubic-bezier(0, .23, 1, .58) infinite
}

.limitsContainer .block .rule {
    display: flex;
    width: 100%;
    background: rgb(255 255 255/4%);
    padding: 5px;
    padding-left: 47px;
    border-bottom: 1px solid #0e1119;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    height: 61px;
    margin-left: 0;
    align-items: center;
    flex-direction: row;
    align-content: center;
    flex-wrap: nowrap
}

.limitsContainer .block .rule.first {
    display: flex;
    background: rgb(40 36 56);
    height: 75px;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    align-content: center;
    justify-content: center;
    align-items: center
}

.limitsContainer .block .rule .ico {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 8px;
    font-size: 22px;
    padding: 4px;
    line-height: 6px;
    border-radius: 100px;
    color: #c3e6d4;
    text-shadow: 2px 2px 2px #161616
}

.financeContainer {
    display: flex;
    min-height: 100px
}

.financeContainerBlocks {
    margin: 15px;
    flex: 1 1 200px;
    border-radius: 10px
}

.financeContainerBlocks:nth-child(1) {
    flex: 0 1 250px
}

.financePayMethod {
    position: relative;
    display: flex;
    background: linear-gradient(90deg, rgb(98, 90, 158, 16%)0, rgb(39, 35, 55, 62%) 100%);
    color: #c1c5d6;
    text-decoration: none;
    font-size: 14px;
    width: 100%;
    min-width: 250px;
    height: 35px;
    line-height: 21px;
    margin-top: 7px;
    border: 1px solid transparent;
    border-radius: 100px
}

.financePayMethod:nth-child(1) {
    margin-top: 0
}

.financePayMethod:hover {
    background: linear-gradient(90deg, rgb(98, 90, 158, 35%)0, rgb(39, 35, 55, 62%) 100%)
}

.financePayMethod.active {
    background: linear-gradient(90deg, rgb(98, 90, 158, 80%)0, rgb(39, 35, 55, 62%) 100%)
}

.financePayMethod img {
    background: #222d44;
    border: 3px solid #2d3a56;
    border-radius: 100px;
    width: 35px;
    height: 35px;
    transform: translate(-7px, 0);
    box-shadow: -1px 0 0 2px rgba(0, 0, 0, .15);
    opacity: .9
}

.financePayMethod span {
    position: absolute;
    right: 0;
    background: #3b385b;
    color: #a0acc3;
    font-size: 10px;
    font-weight: 700;
    border-radius: 100px;
    text-align: center;
    line-height: 20px;
    width: 20px;
    height: 20px;
    transform: translate(-31px, 7px)
}

.financePayMethod i {
    position: absolute;
    transform: translate(35px, 14px);
    color: #5e697e;
    font-size: 13px;
    font-style: normal
}

.financePayFormHeader {
    position: relative;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgb(98, 90, 158, 17%)0, rgb(39, 35, 55, 62%) 100%);
    color: #c1c5d6;
    font-size: 16px;
    padding-left: 10px;
    width: 100%;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 5px
}

.financePayFormHeader img {
    position: absolute;
    right: 0;
    background: #222d44;
    border: 3px solid #2d3a56;
    border-radius: 100px;
    width: 55px;
    height: 55px;
    transform: translate(5px, 0);
    box-shadow: -1px 2px 0 0 rgba(0, 0, 0, .15)
}

.financePayMethod .flag {
    position: absolute;
    right: 0;
    border: 1px solid #1b4a59;
    border-radius: 100px;
    width: 23px;
    height: 23px;
    transform: translate(-4px, 5px);
    box-shadow: -1px 2px 0 0 rgb(0 0 0/15%)
}

.financePayMethod .flag.world {
    background:
        /* original URL: https://zooma37.casino/img/flags/world.png */
        url(../images/26.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.ru {
    background:
        /* original URL: https://zooma37.casino/img/flags/ru_2.png */
        url(../images/27.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.ua {
    background:
        /* original URL: https://zooma37.casino/img/flags/ua_2.png */
        url(../images/28.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.kz {
    background:
        /* original URL: https://zooma37.casino/img/flags/kz.png */
        url(../images/29.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.eu {
    background:
        /* original URL: https://zooma37.casino/img/flags/eu.png */
        url(../images/30.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.bel {
    background:
        /* original URL: https://zooma37.casino/img/flags/bel.png */
        url(../images/31.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.tr {
    background:
        /* original URL: https://zooma37.casino/img/flags/tr.png */
        url(../images/32.png)50%0 no-repeat;
    background-size: cover
}

.financePayMethod .flag.uz {
    background:
        /* original URL: https://zooma37.casino/img/flags/uz.png?1 */
        url(../images/33.png)50%0 no-repeat;
    background-size: cover
}

.financePayOutOk {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(18 65 39/72%);
    width: 100%;
    height: 100%;
    font-size: 30px;
    color: #c0b4c5;
    font-weight: 700;
    text-shadow: 2px 2px 0#1a0f1f, 0 0 1em #33203c;
    position: absolute;
    z-index: 1000
}

.inputLabel {
    position: absolute;
    padding: 6px 7px 4px 1px;
    color: #c1c5d6;
    font-size: 13px;
    text-align: left;
    transform: translate(9px, -33px);
    z-index: -1
}

.inputRightLink {
    position: absolute;
    right: 0;
    font-size: 13px;
    text-decoration: underline;
    transform: translate(-22px, -28px)
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: block;
    position: relative;
    background: rgb(255, 255, 255, 8%);
    border: 1px solid #18202e;
    margin-top: 2px;
    height: 39px;
    padding: 6px;
    border-radius: 5px;
    text-align: right;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #bcc2ce;
    outline: 0;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .11);
    cursor: pointer
}

select option {
    padding: 6px 28px 6px 0;
    background: #1f293c;
    border: 1px solid #18202e;
    color: #bcc2ce;
    outline: 0;
    text-shadow: 0 0 0#000;
    appearance: none
}

option:not(:checked) {
    background: #1f293c;
    padding: 6px;
    outline: 0;
    border: 1px solid #18202e;
    appearance: auto
}

input {
    display: block;
    position: relative;
    background: rgb(255, 255, 255, 8%);
    border: 1px solid rgb(0, 0, 0, 35%);
    margin-top: 4px;
    padding: 7px;
    border-radius: 5px;
    text-align: right;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #bcc2ce;
    outline: 0;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    appearance: auto
}

input.green {
    background: rgb(65, 167, 46, 30%);
    color: #fff
}

input:hover {
    background: rgb(255, 255, 255, 20%);
    color: #fff
}

input:disabled {
    color: rgba(193, 197, 214, .56)
}

input[type=submit] {
    text-align: center;
    cursor: pointer;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

input[type=submit]:active {
    background: #495171
}

input[type=number]::-webkit-inner-spin-button {
    position: absolute;
    opacity: 0
}

.button.changedAmount {
    background: linear-gradient(185deg, rgb(57 58 64)0, rgb(54 58 71) 100%);
    border: 1px solid #222121;
    padding: 10px;
    width: 25%;
    font-size: 14px;
    margin-bottom: 4px;
    float: right;
    text-transform: uppercase;
    color: #fff;
    margin-top: 6px;
    border-radius: 5px;
    font-family: "Roboto Condensed";
    cursor: pointer;
    transition: all .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.button.changedAmount:hover {
    background: linear-gradient(122deg, #d9b980 0, #976c5a 100%)
}

.button.changedAmount:active {
    background: linear-gradient(0deg, #d9b980 0, #976c5a 100%)
}

.button.yellow {
    background: linear-gradient(122deg, #d2af70 0, #8b5e4c 100%);
    border: 1px solid #1c1c1c;
    padding: 10px;
    float: right;
    width: 150px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin-top: 5px;
    border-radius: 5px;
    font-family: "Roboto Condensed";
    cursor: pointer;
    transition: all .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.button.yellow:hover {
    background: linear-gradient(122deg, #d9b980 0, #976c5a 100%)
}

.button.yellow:active {
    background: linear-gradient(0deg, #d9b980 0, #976c5a 100%)
}

::-webkit-input-placeholder {
    color: #c5c5c5;
    font-size: 13px
}

:-ms-input-placeholder {
    color: #c5c5c5;
    font-size: 13px
}

::-moz-placeholder {
    color: #c5c5c5;
    opacity: 1;
    font-size: 13px
}

:-moz-placeholder {
    color: #c5c5c5;
    opacity: 1;
    font-size: 13px
}

.break {
    flex-basis: 100%;
    height: 0
}

.w-block {
    width: 100%
}

.w-halfblock {
    display: block;
    width: 50vw
}

.w-50 {
    width: 50px
}

.w-60p {
    width: 60%
}

.w-150 {
    width: 150px
}

.w-300 {
    width: 300px
}

.w-320 {
    width: 320px
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.d-none {
    display: none !important
}

.float-right {
    float: right
}

.disabledElements {
    cursor: not-allowed
}

.cursorPointer {
    cursor: pointer
}

.blrdBg {
    position: absolute;
    background-size: cover;
    z-index: 0
}

.blrdBg.blrdBg1 {
    width: 300px;
    height: 90px;
    filter: blur(30px);
    opacity: .1
}

.blrdBg.blrdBg2 {
    width: 75px;
    height: 78px;
    filter: blur(2px);
    opacity: .2
}

.blrdBg.blrdBg3 {
    width: 1000px;
    height: 100vh;
    filter: blur(35px);
    opacity: .1
}

.blrdBg.blrdBg4 {
    background-size: auto;
    width: 100%;
    height: 72px;
    margin-top: -3px;
    filter: grayscale(100);
    opacity: .02
}

.gradientText01 {
    background: linear-gradient(155deg, #a16bc2 20%, #2b4a64 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.grdTXGld {
    background: linear-gradient(20deg, #ffeb3b 20%, #bb6c0e 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.grdTXVip {
    background: linear-gradient(20deg, #17ffbf 20%, #d715af 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.grdTXYouTube {
    font-family: "Luckiest Guy", cursive;
    background: linear-gradient(151deg, #e83232 20%, #ff9920 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.txt14 {
    font-size: 14px
}

.txt25 {
    font-size: 25px
}

.lh50 {
    line-height: 50px
}

.lh25 {
    line-height: 25px
}

.errorText {
    left: 49.7%;
    top: 50%;
    transform: translate(-50%, 0);
    font-size: 18px;
    color: rgba(126, 135, 167, .47);
    position: absolute
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

thead {
    background: rgb(138 160 187/5%);
    color: #c1c5d6;
    font-size: 15px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0/16%)
}

th {
    text-align: left;
    padding: 10px
}

td {
    text-align: left;
    padding: 10px;
    color: #c1c5d6;
    font-weight: 500;
    font-size: 14px
}

tr {
    height: 40px;
    white-space: nowrap
}

tr:nth-child(even) {
    background: rgb(138 160 187/5%);
    box-shadow: 0 2px 5px 0 rgb(0 0 0/16%)
}

.icoInTable {
    margin: -6px 0;
    background: #222d44;
    border: 3px solid transparent;
    border-radius: 100px;
    width: 23px;
    height: 23px;
    box-shadow: -1px 0 0 2px rgba(0, 0, 0, .15);
    opacity: .9
}

.icoInTable.user {
    background: linear-gradient(#1b1d23, #141b2d) padding-box, linear-gradient(to right, #242530, #373b4a) border-box
}

.icoInTable.gold {
    background: linear-gradient(#1d2536, #101521) padding-box, linear-gradient(293deg, #201b0f, #d5c07f) border-box
}

.icoInTable.vip {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(to right, #cc2b5e, #753a88) border-box
}

.icoInTable.platinum {
    background: linear-gradient(70deg, #cbcbcb, #fff, #403838, #fff);
    background-size: 400% 400%;
    border: 3px solid transparent;
    animation: gradientOneAnim 8s cubic-bezier(0, .23, 1, .58) infinite
}

.icoInTable.diamond {
    background: linear-gradient(92deg, #a864da, #1d4d8b, #0cbddd, #00e3c9);
    background-size: 400% 400%;
    border: 2px solid transparent;
    animation: gradientOneAnim 6s cubic-bezier(0, .23, 1, .58) infinite
}

.icoInTable.youtube {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(135deg, #d85f5f, #2a0a0a) border-box
}

.icoInTable.green {
    background: linear-gradient(#1d2536, #101521) padding-box, linear-gradient(293deg, #1e2e03, #95d753) border-box
}

.tableIsEmpty {
    text-align: center;
    margin-top: 40px;
    font-size: 15px;
    color: #2b374b
}

.bage {
    padding: 3px 10px 3px 10px;
    font-size: 13px;
    white-space: nowrap;
    border-radius: 5px
}

.bage.regular {
    background: #242f44
}

.bage.green {
    color: #fff;
    background: radial-gradient(at 128% 100%, #03c748, #005d2e)
}

.bage.red {
    color: #fff;
    background: radial-gradient(at 128% 100%, #b11, #9c3737)
}

.bage.yellow {
    color: #fff;
    background: radial-gradient(at 128% 100%, #a7ad17, #848007)
}

.bage.fixed {
    display: inline-block;
    text-align: center;
    min-width: 110px;
    margin: -3px
}

.universalAvatars {
    padding: 2px;
    border: 10px solid transparent;
    width: 75px;
    height: 75px;
    font-size: 96px;
    border-radius: 100%
}

.universalAvatars.classic {
    border: 4px solid transparent;
    border-radius: 100%
}

.universalAvatars.classic.bets {
    width: 50px;
    height: 50px;
    border: 4px solid transparent;
    border-radius: 83%;
    transform: translate(7px, 10px)
}

.universalAvatars.landing {
    width: 200px;
    height: 200px;
    border-radius: 100%
}

.universalAvatars.profile {
    width: 170px;
    height: 170px
}

.universalAvatars.wheelTop {
    border: 4px solid transparent;
    border-radius: 100%;
    padding: 1px;
    width: 60px;
    height: 60px;
    margin-top: 8px
}

.universalAvatars.chat {
    padding: 1px;
    width: 45px;
    height: 45px;
    border: 3px solid transparent;
    border-radius: 100%
}

.universalAvatars.user {
    background: linear-gradient(#424242, #0e0e0e) padding-box, linear-gradient(to right, #494a64, #324d55) border-box
}

.universalAvatars.gold {
    background: linear-gradient(#1d2536, #101521) padding-box, linear-gradient(293deg, #201b0f, #d5c07f) border-box
}

.universalAvatars.vip {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(to right, #cc2b5e, #753a88) border-box
}

.universalAvatars.platinum {
    background: linear-gradient(70deg, #cbcbcb, #fff, #403838, #fff);
    background-size: 400% 400%;
    border: 3px solid transparent;
    animation: gradientOneAnim 8s cubic-bezier(0, .23, 1, .58) infinite
}

.universalAvatars.diamond {
    background: linear-gradient(92deg, #a864da, #1d4d8b, #0cbddd, #00e3c9);
    background-size: 400% 400%;
    border: 2px solid transparent;
    animation: gradientOneAnim 6s cubic-bezier(0, .23, 1, .58) infinite
}

.universalAvatars.youtube {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(135deg, #d85f5f, #2a0a0a) border-box
}

.universalAvatars.green {
    background: linear-gradient(#1d2536, #101521) padding-box, linear-gradient(293deg, #1e2e03, #95d753) border-box
}

.bgBrg.one {
    background: linear-gradient(180deg, rgb(114, 99, 129, 59%)0, rgb(66, 57, 83, 60%) 100%)
}

.pagination {
    text-align: center;
    padding: 10px;
    margin: 10px
}

.pagination li {
    display: inline-flex;
    justify-content: center;
    border: 1px solid rgb(0 0 0/0%);
    align-items: center;
    background: rgb(47 61 84/24%);
    color: #a5aabf;
    text-decoration: none;
    width: 30px;
    height: 30px;
    border-radius: 100px
}

.pagination li a {
    text-decoration: none;
    color: #a5aabf
}

.pagination li.active {
    border: 1px solid rgb(23 119 60)
}

.pagination li.disabled {
    background: #0c1521
}

::-webkit-scrollbar-track {
    background: #242423
}

::-webkit-scrollbar-thumb {
    background: #4a4e50
}

::-webkit-scrollbar-thumb:hover {
    background: #923088
}

::-webkit-resizer {
    width: 3px
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.capcha {
    left: 50%;
    bottom: 105px;
    transform: translate(-50%, 0) scale(.85);
    position: absolute;
    z-index: 1005
}

@-webkit-keyframes backgroundAnimate {
    from {
        left: 0;
        top: 0
    }

    to {
        left: -10000px;
        top: -2000px
    }
}

@-moz-keyframes backgroundAnimate {
    from {
        left: 0;
        top: 0
    }

    to {
        left: -10000px;
        top: -2000px
    }
}

@-o-keyframes backgroundAnimate {
    from {
        left: 0;
        top: 0
    }

    to {
        left: -10000px;
        top: -2000px
    }
}

@keyframes backgroundAnimate {
    from {
        left: 0;
        top: 0
    }

    to {
        left: -10000px;
        top: -2000px
    }
}

#bounce1 {
    background:
        /* original URL: https://zooma37.casino/assets/img/bgBubble1.png */
        url(../images/34.png)repeat 20% 20%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    z-index: -1;
    -webkit-animation-name: backgroundAnimate;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: backgroundAnimate;
    -moz-animation-duration: 300s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: backgroundAnimate;
    -o-animation-duration: 300s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    animation-name: backgroundAnimate;
    animation-duration: 300s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

#bounce1_noAnimate {
    background:
        /* original URL: https://zooma37.casino/assets/img/bgBubble1.png */
        url(../images/34.png)repeat 20% 20%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    z-index: -1
}

#bounce2 {
    background:
        /* original URL: https://zooma37.casino/assets/img/bgBubble2.png */
        url(../images/35.png)repeat 35% 35%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    z-index: -1;
    -webkit-animation-name: backgroundAnimate;
    -webkit-animation-duration: 300s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: backgroundAnimate;
    -moz-animation-duration: 300s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -o-animation-name: backgroundAnimate;
    -o-animation-duration: 300s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    animation-name: backgroundAnimate;
    animation-duration: 300s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.bigWin {
    background: rgba(43, 40, 35, 0);
    border-radius: -4px;
    padding-top: 25px;
    color: #ecebec;
    width: 100%;
    height: 100vh;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1000;
    backdrop-filter: blur(16px)
}

.bigWin span {
    position: relative;
    top: 15px;
    display: inline-block;
    animation: bounce .3s ease infinite alternate;
    font-size: 50px;
    padding: 19px;
    border-radius: 100px;
    font-family: "Luckiest Guy", cursive;
    background: linear-gradient(151deg, #bd1da39e 20%, rgba(37, 129, 183, .82) 70%);
    border: 1px solid #414144
}

.bigWin span:nth-child(2) {
    animation-delay: .1s
}

.bigWin span:nth-child(3) {
    animation-delay: .2s
}

.bigWin span:nth-child(4) {
    animation-delay: .3s
}

.bigWin span:nth-child(5) {
    animation-delay: .4s
}

.bigWin span:nth-child(6) {
    animation-delay: .5s
}

.bigWin span:nth-child(7) {
    animation-delay: .6s
}

.bigWin span:nth-child(8) {
    animation-delay: .7s
}

@keyframes bounce {
    100% {
        top: -20px
    }
}

.spinner {
    position: relative;
    margin: auto;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 4px solid rgba(255, 255, 255, .1);
    -webkit-mask: linear-gradient(rgba(0, 0, 0, 0.1), #000000 90%);
    transform-origin: 50% 60%;
    transform: perspective(200px) rotateX(66deg);
    animation: spinner-wiggle 1.2s infinite
}

.spinner:after,
.spinner:before {
    content: "";
    position: absolute;
    margin: -4px;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: .05;
    border: inherit;
    border-color: transparent;
    animation: spinner-spin .9s cubic-bezier(.6, .2, 0, .8) infinite, spinner-fade 1.2s linear infinite
}

.spinner:before {
    border-top-color: #66e6ff
}

.spinner:after {
    border-top-color: #bb1fa4;
    animation-delay: .3s
}

@keyframes spinner-spin {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes spinner-fade {
    20% {
        opacity: .1
    }

    40% {
        opacity: 1
    }

    60% {
        opacity: .1
    }
}

.ledPanel {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    height: 77px;
    z-index: -1;
    text-align: center;
    background: #363c52;
    white-space: nowrap
}

.ledPanel.wheel30 {
    position: absolute;
    width: 240px;
    height: 240px;
    left: 50%;
    bottom: -90px;
    border-radius: 100%;
    transform: translate(-50%, 0);
    z-index: 1
}

.ledBg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/ledBg.png */
        url(../images/36.png);
    background-size: 3px
}

.ledText {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    font-size: 63px;
    font-weight: 700;
    color: #c2ccdd;
    text-transform: uppercase;
    font-family: Roboto, sans-serif
}

.ledImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: .4
}

.ledText.wheel30 {
    font-size: 70px;
    line-height: 119px;
    width: 240px;
    height: 240px
}

iframe {
    position: relative;
    overflow: hidden;
    border: 0;
    width: 100%;
    height: 100%;
    border-radius: 0
}

.casinoHeaderBlock {
    right: 0;
    transform: translate(-5px, 19px);
    position: absolute;
    text-align: right;
    width: 100%;
    z-index: 2
}

.casinoHeaderBlock .button {
    display: inline-flex;
    background: #282c3e;
    justify-content: center;
    align-items: center;
    width: 45px;
    color: #afafc4;
    padding: 12px;
    margin: 1px;
    border-radius: 100%;
    text-decoration: none;
    font-size: 17px;
    border: 1px solid rgba(0, 0, 0, .13);
    overflow: hidden;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
}

.casinoHeaderBlock .button:nth-child(1) {
    background: rgb(111, 122, 165, 0%);
    width: 100px;
    border-radius: 10px
}

.casinoHeaderBlock .button:hover {
    background: linear-gradient(90deg, rgb(127, 64, 148, 20%)0, rgb(0, 153, 139, 24%) 100%)
}

.casinoHeaderBlock .button.active {
    background: linear-gradient(90deg, rgb(127, 64, 148, 43%)0, rgb(0, 153, 139, 24%) 100%)
}

.casinoGameWrapper {
    position: relative;
    border: 0;
    overflow: hidden;
    width: 100%;
    height: 88.5vh;
    background: rgb(17, 19, 28, 0%);
    z-index: 1000
}

.casinoGameWrapper .text {
    position: absolute;
    left: 50%;
    top: 84%;
    transform: translate(-50%, -50%);
    opacity: .3
}

.casinoPreloadGameWrapper {
    display: flex;
    position: relative;
    border: 0;
    overflow: hidden;
    width: 100%;
    height: 88.5vh;
    background: rgb(17, 19, 28, 50%);
    background-size: cover;
    opacity: .1;
    z-index: 1000;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    filter: grayscale(.8)
}

.casinoLoaderStyle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .3
}

.casinoLobbyWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 5px
}

.casinoLobbyWrapper .gameCard {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(20% - 12px);
    background: #141623;
    justify-content: center;
    align-items: center;
    margin: 6px;
    border-radius: 15px;
    box-shadow: 0 5px 10px 2px rgb(8 10 12/20%);
    opacity: .95;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    cursor: pointer
}

.casinoLobbyWrapper .gameCard:hover {
    opacity: 1
}

.casinoLobbyWrapper .gameCard .overlay {
    position: absolute;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    width: 100%;
    height: calc(100% - 38px);
    background: rgb(19, 24, 31, 39%);
    text-align: center;
    z-index: 10;
    backdrop-filter: blur(2px);
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.casinoLobbyWrapper .gameCard .gameName {
    background: linear-gradient(179deg, rgb(18, 59, 68, 15%)0, rgb(66, 52, 67, 44%) 100%);
    width: 100%;
    padding: 8px 0 0 0;
    height: 40px;
    line-height: 24px;
    font-family: "Roboto Condensed";
    font-size: 17px;
    font-weight: 500;
    text-align: right;
    padding-right: 10px;
    text-shadow: 1px 1px 2px #000
}

.casinoLobbyWrapper .gameCard .providerLogo {
    position: absolute;
    width: 75px;
    bottom: 5px;
    left: 2px;
    filter: drop-shadow(1px 2px 1px #000);
    opacity: .9
}

.casinoLobbyWrapper .gameCard .gamePicture {
    width: 100%;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
}

.casinoLobbyWrapper .gameCard .gamePicture:hover {
    filter: blur(5px) grayscale(.9)
}

.casinoLobbyWrapper .gameCard .top {
    position: absolute;
    background: linear-gradient(90deg, rgb(171, 2, 58, 80%)0, rgb(65, 100, 177, 97%) 100%);
    left: 0;
    top: 0;
    padding: 5px;
    padding-right: 10px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    border-radius: 10px;
    transform: translate(8px, -2px);
    z-index: 2
}

.casinoLobbyWrapper .gameCard .new {
    position: absolute;
    background: rgb(168, 20, 20, 90%);
    right: 2px;
    bottom: 48px;
    padding: 5px;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
    border-radius: 4px;
    z-index: 2;
    transform: translate(-3px, 4px)
}

.casinoLobbyWrapper .gameCard .rtp {
    position: absolute;
    width: 50px;
    left: 6px;
    bottom: 50px;
    padding: 5px;
    padding-right: 8px;
    color: #f4faf0;
    font-size: 10px;
    border-radius: 9px;
    z-index: 2
}

.casinoLobbyWrapper .gameCard .rtp.normal {
    background: linear-gradient(90deg, rgb(135, 138, 178, 33%)0, rgb(65, 76, 109, 0%) 100%)
}

.casinoLobbyWrapper .gameCard .rtp.red {
    background: linear-gradient(90deg, rgb(229, 46, 46, 60%)0, rgb(65, 76, 109, 0%) 100%)
}

.casinoLobbyWrapper .gameCard .rtp.green {
    background: linear-gradient(90deg, rgb(115, 174, 49, 60%)0, rgb(65, 76, 109, 0%) 100%)
}

.casinoLed {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    height: 450px;
    z-index: -1;
    text-align: center;
    background: #1c1e2e;
    white-space: nowrap
}

.casinoLedBg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background:
        /* original URL: https://zooma37.casino/assets/img/bg/ledBg2.png */
        url(../images/ledBg2.png)0 0 repeat;
    -ms-interpolation-mode: nearest-neighbor;
    image-rendering: pixelated
}

.casinoLedImage {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: .5
}

.casinoPlayButton {
    width: 80px;
    height: 80px;
    margin: auto;
    position: absolute;
    top: -10px;
    left: 0;
    bottom: 0;
    right: 0
}

.casinoSlotButtonMini {
    background: rgb(54, 64, 84, 52%);
    color: #a0a7b5;
    border: 1px solid rgb(0, 0, 0, 10%);
    margin-left: 5px;
    width: 45%;
    height: 30px;
    border-radius: 5px;
    line-height: 17px;
    font-size: 13px;
    box-shadow: none
}

.casinoSlotButton:hover {
    background: linear-gradient(180deg, #fcd389 0, #8b5e4c 100%);
    color: #fff
}

.casinoSlotButton:active {
    background: linear-gradient(0deg, #d2af70 0, #8b5e4c 100%);
    color: #fff
}

.casinoSlotButtonMini.demo:hover {
    background: rgb(83, 97, 123, 80%);
    color: #fff
}

.casinoSearchPanel {
    display: block;
    position: absolute;
    width: 100%;
    height: 70px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255, 0%)), to(#0a111c), color-stop(.5, #00000000));
    align-content: center;
    padding: 5px;
    bottom: 0;
    z-index: 1000
}

.casinoProvidersButton {
    display: block;
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: 160px;
    height: 50px;
    background: rgb(38, 34, 55, 68%);
    border: 2px dotted rgb(255, 255, 255, 44%);
    padding: 7px;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    font-family: Roboto;
    font-size: 17px;
    outline: 0;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
    appearance: auto;
    cursor: pointer
}

.casinoProvidersButton:hover {
    background: rgb(38, 34, 55, 78%);
    border: 2px dotted #d09ae9
}

.casinoSearchPanel.searchInput {
    display: block;
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 160px;
    height: 50px;
    background: rgb(255, 255, 255, 12%);
    border: 2px dotted rgb(255, 255, 255, 36%);
    padding: 7px;
    border-radius: 100px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #fff;
    font-size: 20px;
    outline: 0;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
    appearance: auto;
    text-shadow: 0 1px 1px #000, 0 2px 2px #000
}

.casinoSearchPanel.searchInput:hover {
    width: 250px;
    background: rgb(255, 255, 255, 20%);
    border: 2px dotted rgb(145, 53, 223, 59%)
}

.casinoSearchPanel.searchInput:active {
    width: 250px;
    background: rgb(255, 255, 255, 20%);
    border: 2px dotted rgb(145, 53, 223, 59%)
}

.casinoSearchPanel.searchInput::placeholder {
    color: #fff;
    font-size: 20px;
    opacity: .5;
    text-shadow: 0 0 0#000, 0 0 0#000
}

.casinoProvidersWrapper {
    overflow: auto;
    display: flex;
    margin: 0;
    position: absolute;
    top: 0;
    background: linear-gradient(360deg, rgb(39, 33, 61, 91%)0, rgb(19, 10, 19, 75%) 100%);
    width: 100%;
    height: 100%;
    font-weight: 900;
    border-radius: 10px;
    z-index: 1;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    backdrop-filter: blur(2px)
}

.casinoProvidersWrapper .container {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: row;
    flex: 0 0 calc(106px - 1px);
    background: rgb(255, 255, 255, 4%);
    margin: 1px;
    transition: background .3s cubic-bezier(0, 1.15, .36, 1) 0s;
    cursor: pointer;
    justify-content: center;
    align-items: center
}

.casinoProvidersWrapper .container:hover {
    background: rgb(255, 255, 255, 18%)
}

.casinoProvidersWrapper .container.active {
    background: #2f2743
}

.casinoProvidersWrapper .container .picture {
    width: 100%;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
    filter: grayscale(.9)
}

.casinoProvidersWrapper .container .picture:hover {
    filter: grayscale(0)
}

.casinoTopWinnersBlockLeft {
    position: absolute;
    top: -4px;
    z-index: 1000
}

.casinoTopWinnersBlockRight {
    position: absolute;
    top: -4px;
    right: 10px;
    z-index: 1000
}

.casinoTopWinners {
    position: relative;
    width: 131px;
    height: 91px;
    font-size: 15px;
    color: #a5aabf;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: center;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    z-index: 10;
    margin-bottom: 6px;
    top: 88px;
    left: 10px;
    opacity: .9
}

.casinoTopWinners .slotPic {
    width: 133px;
    height: 82px;
    transform: translate(-8px, 4px);
    border-radius: 10px
}

.casinoTopWinners .userAvatar {
    width: 17px;
    height: 17px;
    transform: translate(-5px, 7px);
    border-radius: 27px;
    z-index: 2;
    position: absolute
}

.casinoTopWinners .userName {
    position: absolute;
    background: linear-gradient(90deg, #232a3d 0, #414c6d 100%);
    height: 19px;
    left: 0;
    top: 3px;
    padding: 7px;
    padding-left: 22px;
    color: #fff;
    font-size: 12px;
    line-height: 5px;
    border-radius: 10px;
    transform: translate(-6px, 3px);
    z-index: 2;
    opacity: .95;
    white-space: nowrap
}

.casinoTopWinners .top {
    position: absolute;
    background: linear-gradient(90deg, rgb(2 171 98/80%)0, rgb(0 90 97/97%) 100%);
    left: -8px;
    width: 133px;
    height: 17px;
    padding-right: 2px;
    padding-left: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 19px;
    border-radius: 0 0 10px 10px;
    transform: translate(0, 70px);
    z-index: 2;
    text-shadow: 0 1px 0 rgb(0 0 0)
}

.casinoTournamentMenu {
    position: absolute;
    right: 10px;
    opacity: .8
}

.casinoTournamentMenu .buttons {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    margin-top: 15px;
    width: 34px;
    border-radius: 27px;
    text-decoration: none;
    font-size: 20px
}

.casinoTournamentMenu .buttons:hover {
    background: rgb(255, 255, 255, 11%)
}

.casinoTournamentMenu .buttons:hover::after {
    content: attr(data-title);
    position: absolute;
    width: 209px;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    text-align: right;
    right: 3%;
    bottom: -15%
}

.casinoTournamentMenu .buttons:nth-child(1) {
    background: rgb(255, 255, 255, 5%);
    width: 49px;
    padding: 14px 0;
    color: #c1df49
}

.gradientOne {
    --borderWidth: 0px;
    position: relative;
    border-radius: var(--borderWidth);
    background: rgba(47, 76, 82, .5)
}

.gradientOne:after {
    content: "";
    position: absolute;
    top: calc(-1*var(--borderWidth));
    left: calc(-1*var(--borderWidth));
    height: calc(100% + var(--borderWidth)*2);
    width: calc(100% + var(--borderWidth)*2);
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    border-radius: 4px;
    z-index: -1;
    animation: animatedgradient 4s ease alternate infinite;
    background-size: 300% 300%
}

.gradientTwo {
    --borderWidth: 0px;
    position: relative;
    border-radius: var(--borderWidth);
    background: rgba(47, 76, 82, .5)
}

.gradientTwo:after {
    content: "";
    position: absolute;
    top: calc(-1*var(--borderWidth));
    left: calc(-1*var(--borderWidth));
    height: calc(100% + var(--borderWidth)*2);
    width: calc(100% + var(--borderWidth)*2);
    background: linear-gradient(60deg, #cd1414, #920303, #d34343, #c70202);
    border-radius: 4px;
    z-index: -1;
    animation: animatedgradient 2s ease alternate infinite;
    background-size: 300% 300%
}

@keyframes animatedgradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@media (max-width:2000px) {
    .casinoLobbyWrapper .gameCard {
        flex: 0 0 calc(20% - 12px)
    }
}

@media (max-width:1368px) {
    .casinoLobbyWrapper .gameCard {
        flex: 0 0 calc(25% - 12px)
    }
}

@media (max-width:1000px) {
    .casinoLobbyWrapper .gameCard {
        flex: 0 0 calc(33.33% - 12px)
    }
}

@media (max-width:800px) {
    .casinoLobbyWrapper .gameCard {
        flex: 0 0 calc(33.33% - 12px)
    }
}

@media (max-width:600px) {
    .universalBigBlock.casinoLobby {
        height: 200px;
        min-height: 0
    }

    .casinoProvidersWrapper {
        align-content: flex-start;
        padding-bottom: 84px;
        backdrop-filter: blur(0px);
        background: linear-gradient(360deg, rgb(39, 33, 61, 98%)0, rgb(19, 10, 19, 90%) 100%)
    }

    .casinoProvidersWrapper .container {
        flex: 0 0 calc(73px - 1px)
    }
}

@media (max-width:500px) {
    .casinoLobbyWrapper .gameCard {
        flex: 0 0 calc(50% - 12px)
    }
}

.usrPrfUpBlock {
    display: flex;
    background: rgb(255, 255, 255, 5%);
    height: 80px;
    position: relative;
    backdrop-filter: blur(5px)
}

.usrPrfUpBlock .avatar {
    position: absolute;
    border: 5px solid transparent;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    margin-left: 20px;
    margin-top: 10px;
    z-index: 5
}

.usrPrfUpBlock .nickName {
    position: absolute;
    font-size: 30px;
    font-weight: 900;
    color: #f8f8f4;
    right: 10px;
    font-family: Roboto;
    text-transform: uppercase;
    transform: translate(-5px, 13px)
}

.usrPrfUpBlock .lastActiv {
    position: absolute;
    font-size: 18px;
    color: rgb(255 255 255/12%);
    right: 11px;
    text-transform: uppercase;
    transform: translate(-5px, 50px)
}

.usrPrfUpBlock .regDate {
    position: absolute;
    font-size: 18px;
    color: rgb(255 255 255/17%);
    text-transform: uppercase;
    transform: translate(26px, 167px)
}

.usrPrfUpBlock .userID {
    position: absolute;
    font-size: 13px;
    width: 75px;
    background: rgb(255, 255, 255, 8%);
    padding: 5px;
    border-radius: 5px;
    color: #f7f7f3;
    text-transform: uppercase;
    transform: translate(171px, 16px);
    text-align: left;
    cursor: pointer
}

.usrPrfWrapper {
    position: relative;
    background: rgb(255, 255, 255, 2%);
    width: 80%;
    height: 60vh;
    left: 50%;
    border-radius: 20px;
    transform: translate(-50%, 23%);
    backdrop-filter: blur(5px);
    overflow-y: auto;
    overflow-x: hidden
}

.usrPrfWrapper h1 {
    position: absolute;
    font-size: 75px;
    top: -45px;
    color: rgb(255 255 255/25%);
    right: 25px;
    font-family: Roboto;
    text-transform: uppercase
}

.usrPrfWrapper .icon {
    position: absolute;
    width: 300px;
    height: 300px;
    top: 15px;
    left: 15px;
    user-select: none;
    opacity: .01;
    filter: grayscale(.6);
    z-index: 0
}

.usrPrfWrapper .info {
    background: rgb(255, 255, 255, 10%);
    position: absolute;
    width: 100%;
    bottom: 1px;
    font-family: Roboto;
    font-size: 15px;
    padding: 10px;
    border-radius: 0 0 15px 15px;
    color: #c6c6c3
}

.usrPrfWrapper .container {
    position: absolute;
    min-width: 280px;
    max-width: 500px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    z-index: 5
}

.usrPrfWrapper .container .settingsImgBlocks {
    position: relative;
    background: #203643;
    display: inline-block;
    border: 1px solid #0e1a24;
    width: 25%;
    height: 120px;
    font-size: 0px;
    margin: 0;
    cursor: pointer;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.usrPrfWrapper .container .settingsImgBlocks:hover {
    border: 3px solid #3f913c
}

.usrPrfWrapper .container .settingsImages {
    position: relative;
    display: inline-block;
    width: 30.33%;
    background: #7fffd42e;
    margin: 5px;
    border-radius: 10px
}

.usrPrfWrapper .giveAwayWrapper {
    display: flex;
    flex-wrap: nowrap;
    margin: 25px;
    justify-content: center;
    flex-direction: row;
    overflow: hidden
}

.usrPrfWrapper .giveAwayWrapper .card {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(200px - -12px);
    height: 200px;
    background: rgb(255, 255, 255, 2%);
    border: 1px solid rgb(255, 255, 255, 9%);
    justify-content: center;
    align-items: center;
    margin: 6px;
    border-radius: 7px;
    opacity: .8;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    filter: grayscale(.5);
    cursor: pointer
}

.usrPrfWrapper .giveAwayWrapper .card:hover {
    background: rgb(255, 255, 255, 6%);
    border: 1px solid rgb(206 255 0/55%);
    filter: grayscale(0);
    opacity: 1
}

.usrPrfWrapper .giveAwayWrapper .card .logo {
    width: 138px;
    transform: translate(0, -15px);
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
    filter: drop-shadow(1px 1px 1px #000)
}

.usrPrfWrapper .giveAwayWrapper .card .name {
    position: absolute;
    display: block;
    width: 100%;
    border-radius: 5px;
    font-size: 17px;
    text-align: center;
    margin-bottom: -8px;
    bottom: 20px;
    text-shadow: 2px 2px 2px #473f6d
}

.usrPrfWrapper .cryptoWalletWrapper {
    display: flex;
    flex-wrap: nowrap;
    margin: 25px;
    justify-content: center;
    flex-direction: row;
    overflow: hidden
}

.usrPrfWrapper .cryptoWalletWrapper .card {
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(200px - -12px);
    height: 60px;
    background: rgb(255, 255, 255, 2%);
    border: 1px solid rgb(255, 255, 255, 9%);
    justify-content: center;
    align-items: center;
    margin: 6px;
    border-radius: 7px;
    opacity: .8;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s;
    cursor: pointer
}

.usrPrfWrapper .cryptoWalletWrapper .card:hover {
    background: rgb(255, 255, 255, 6%);
    border: 1px solid rgb(206 255 0/55%);
    opacity: 1
}

.usrPrfWrapper .cryptoWalletWrapper .qrCode {
    overflow: hidden;
    position: relative;
    display: flex;
    width: 115px;
    height: 115px;
    background: rgb(255 255 255);
    padding: 7px;
    opacity: .9;
    border-radius: 8px;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.usrPrfWrapper .cryptoWalletWrapper .card .logo {
    width: 45px;
    transform: translate(-75px, 0);
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s;
    filter: drop-shadow(1px 1px 1px #000)
}

.usrPrfWrapper .cryptoWalletWrapper .card .name {
    position: absolute;
    display: block;
    width: 100%;
    padding: 4px;
    border-radius: 5px;
    font-size: 22px;
    text-align: right;
    margin-right: 17px;
    bottom: 20px;
    font-weight: 900;
    text-shadow: 2px 2px 2px #481e42
}

.usrPrfWrapper .cryptoWalletWrapper .card .minimum {
    position: absolute;
    width: 100%;
    font-size: 9px;
    text-align: right;
    margin-right: 24px;
    bottom: 13px;
    color: rgb(255 255 255/27%)
}

.usrPrfWrapper .cryptoWalletWrapper .card .curr {
    position: absolute;
    width: 100%;
    font-size: 9px;
    text-align: right;
    margin-right: 24px;
    bottom: 3px;
    color: rgb(255 255 255/27%)
}

.usrPrfWrapper .cryptoWalletWrapper .qrCode .logo {
    width: 100%;
    transition: all 2s cubic-bezier(0, 1.15, .36, 1) 0s
}

.usrPrfWrapper .container .cryptoWallet {
    position: relative;
    display: block;
    background: #3b3141;
    padding: 10px;
    margin: 2px;
    border-radius: 5px
}

.usrPrfWrapper .container .cryptoWallet .name {
    background: #ffffff2e;
    color: #fff;
    padding: 4px 10px;
    margin-left: -5px;
    margin-right: 9px;
    border-radius: 5px;
    font-family: Roboto;
    font-size: 15px
}

.usrPrfWrapper .container .cryptoWallet .copy {
    position: absolute;
    right: 1px;
    top: 1px;
    background: rgb(255, 255, 255, 9%);
    color: #e7e7e7;
    padding: 8px;
    font-size: 18px;
    cursor: pointer
}

.usrPrfWrapper .container .cryptoWallet .copy.success {
    background: rgb(104, 202, 30, 38%)
}

.usrPrfToolsBlock {
    position: absolute;
    display: inline-block;
    text-align: right;
    right: 0;
    height: 50px;
    transform: translate(-17px, 10px);
    bottom: 20px;
    border-radius: 15px;
    backdrop-filter: blur(3px)
}

.usrPrfToolsBlock img {
    width: 30px;
    height: 30px;
    margin-top: 6px
}

.usrPrfToolsBlock .button {
    width: 45px;
    height: 45px;
    background: rgb(255 255 255/10%);
    font-size: 20px;
    color: #cfcad2;
    line-height: 46px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 10px;
    text-align: center;
    float: right;
    transition: all 3s cubic-bezier(0, 1.15, .36, 1) 0s;
    z-index: 2
}

.usrPrfToolsBlock .button.active {
    background: linear-gradient(180deg, #96a948 0, #305637 100%);
    color: #fff
}

.usrPrfToolsBlock .button.active:hover {
    background: linear-gradient(180deg, #c3e148 0, #305637 100%);
    color: #fff
}

.usrPrfToolsBlock .button:hover {
    background: linear-gradient(180deg, #d2af70 0, #8b5e4c 100%);
    color: #fff
}

.usrPrfToolsBlock .button:hover::after {
    content: attr(data-title);
    position: absolute;
    width: 209px;
    font-family: Roboto, sans-serif;
    font-size: 21px;
    text-transform: uppercase;
    text-align: right;
    right: 0;
    bottom: 90%
}

.usrPrfStatsBlock {
    display: flex;
    position: relative;
    background: rgb(255, 255, 255, 7%);
    width: 100%;
    height: 69px;
    padding-top: 8px;
    align-content: center;
    padding: 0;
    bottom: 0;
    z-index: 3
}

.usrPrfStatsBlock .row {
    position: relative;
    border-right: 0px solid #10182a;
    width: 100px;
    padding-top: 14px;
    font-size: 14px;
    text-align: center;
    flex: 1 1 auto;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.usrPrfStatsBlock .row .result {
    font-size: 16px;
    color: #e2e2e2
}

.usrPrfStatsBlock .row .name {
    font-size: 20px;
    font-weight: 900;
    color: #f8f8f4;
    font-family: Roboto;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px #763a87
}

@media (max-width:1200px) {
    .usrPrfUpBlock {
        backdrop-filter: blur(0px)
    }

    .usrPrfUpBlock .userID {
        position: absolute;
        font-size: 13px;
        width: 75px;
        background: rgb(255, 255, 255, 8%);
        padding: 5px;
        border-radius: 5px;
        color: #f7f7f3;
        text-transform: uppercase;
        transform: translate(84px, 17px);
        text-align: left;
        cursor: pointer
    }

    .usrPrfUpBlock .avatar {
        position: absolute;
        border: 5px solid transparent;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        margin-left: 8px;
        margin-top: 6px;
        z-index: 5
    }

    .usrPrfUpBlock .nickName {
        font-size: 25px
    }

    .usrPrfUpBlock .lastActiv {
        font-size: 13px;
        transform: translate(-3px, 42px)
    }

    .usrPrfWrapper {
        background: rgb(255, 255, 255, 0%);
        width: 100%;
        height: 65vh;
        border-radius: 0;
        transform: translate(-50%, 13%);
        backdrop-filter: blur(0px)
    }

    .usrPrfWrapper h1 {
        font-size: 45px;
        top: -24px;
        left: 10px
    }

    .usrPrfWrapper .container {
        padding: 10px;
        top: 30%
    }

    .usrPrfToolsBlock {
        left: 18px;
        right: auto;
        height: 50px;
        transform: translate(-17px, 10px);
        top: 78px;
        border-radius: 15px;
        backdrop-filter: blur(0px)
    }

    .usrPrfToolsBlock .button {
        border-radius: 100px
    }

    .usrPrfToolsBlock .button:hover::after {
        content: ""
    }
}

/*!
 * Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fab,
.fad,
.fal,
.far,
.fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fab.fa-pull-left,
.fal.fa-pull-left,
.far.fa-pull-left,
.fas.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fab.fa-pull-right,
.fal.fa-pull-right,
.far.fa-pull-right,
.fas.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .fa-flip-both,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-acquisitions-incorporated:before {
    content: ""
}

.fa-ad:before {
    content: ""
}

.fa-address-book:before {
    content: ""
}

.fa-address-card:before {
    content: ""
}

.fa-adjust:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adobe:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-air-freshener:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-align-center:before {
    content: ""
}

.fa-align-justify:before {
    content: ""
}

.fa-align-left:before {
    content: ""
}

.fa-align-right:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-allergies:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-ambulance:before {
    content: ""
}

.fa-american-sign-language-interpreting:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-anchor:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angle-double-down:before {
    content: ""
}

.fa-angle-double-left:before {
    content: ""
}

.fa-angle-double-right:before {
    content: ""
}

.fa-angle-double-up:before {
    content: ""
}

.fa-angle-down:before {
    content: ""
}

.fa-angle-left:before {
    content: ""
}

.fa-angle-right:before {
    content: ""
}

.fa-angle-up:before {
    content: ""
}

.fa-angry:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-ankh:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-alt:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-archive:before {
    content: ""
}

.fa-archway:before {
    content: ""
}

.fa-arrow-alt-circle-down:before {
    content: ""
}

.fa-arrow-alt-circle-left:before {
    content: ""
}

.fa-arrow-alt-circle-right:before {
    content: ""
}

.fa-arrow-alt-circle-up:before {
    content: ""
}

.fa-arrow-circle-down:before {
    content: ""
}

.fa-arrow-circle-left:before {
    content: ""
}

.fa-arrow-circle-right:before {
    content: ""
}

.fa-arrow-circle-up:before {
    content: ""
}

.fa-arrow-down:before {
    content: ""
}

.fa-arrow-left:before {
    content: ""
}

.fa-arrow-right:before {
    content: ""
}

.fa-arrow-up:before {
    content: ""
}

.fa-arrows-alt:before {
    content: ""
}

.fa-arrows-alt-h:before {
    content: ""
}

.fa-arrows-alt-v:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-assistive-listening-systems:before {
    content: ""
}

.fa-asterisk:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-at:before {
    content: ""
}

.fa-atlas:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-atom:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-audio-description:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-award:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-baby:before {
    content: ""
}

.fa-baby-carriage:before {
    content: ""
}

.fa-backspace:before {
    content: ""
}

.fa-backward:before {
    content: ""
}

.fa-bacon:before {
    content: ""
}

.fa-bahai:before {
    content: ""
}

.fa-balance-scale:before {
    content: ""
}

.fa-balance-scale-left:before {
    content: ""
}

.fa-balance-scale-right:before {
    content: ""
}

.fa-ban:before {
    content: ""
}

.fa-band-aid:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-barcode:before {
    content: ""
}

.fa-bars:before {
    content: ""
}

.fa-baseball-ball:before {
    content: ""
}

.fa-basketball-ball:before {
    content: ""
}

.fa-bath:before {
    content: ""
}

.fa-battery-empty:before {
    content: ""
}

.fa-battery-full:before {
    content: ""
}

.fa-battery-half:before {
    content: ""
}

.fa-battery-quarter:before {
    content: ""
}

.fa-battery-three-quarters:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-bed:before {
    content: ""
}

.fa-beer:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bell:before {
    content: ""
}

.fa-bell-slash:before {
    content: ""
}

.fa-bezier-curve:before {
    content: ""
}

.fa-bible:before {
    content: ""
}

.fa-bicycle:before {
    content: ""
}

.fa-biking:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-binoculars:before {
    content: ""
}

.fa-biohazard:before {
    content: ""
}

.fa-birthday-cake:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blender:before {
    content: ""
}

.fa-blender-phone:before {
    content: ""
}

.fa-blind:before {
    content: ""
}

.fa-blog:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bold:before {
    content: ""
}

.fa-bolt:before {
    content: ""
}

.fa-bomb:before {
    content: ""
}

.fa-bone:before {
    content: ""
}

.fa-bong:before {
    content: ""
}

.fa-book:before {
    content: ""
}

.fa-book-dead:before {
    content: ""
}

.fa-book-medical:before {
    content: ""
}

.fa-book-open:before {
    content: ""
}

.fa-book-reader:before {
    content: ""
}

.fa-bookmark:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-border-all:before {
    content: ""
}

.fa-border-none:before {
    content: ""
}

.fa-border-style:before {
    content: ""
}

.fa-bowling-ball:before {
    content: ""
}

.fa-box:before {
    content: ""
}

.fa-box-open:before {
    content: ""
}

.fa-box-tissue:before {
    content: "拏"
}

.fa-boxes:before {
    content: ""
}

.fa-braille:before {
    content: ""
}

.fa-brain:before {
    content: ""
}

.fa-bread-slice:before {
    content: ""
}

.fa-briefcase:before {
    content: ""
}

.fa-briefcase-medical:before {
    content: ""
}

.fa-broadcast-tower:before {
    content: ""
}

.fa-broom:before {
    content: ""
}

.fa-brush:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-bug:before {
    content: ""
}

.fa-building:before {
    content: ""
}

.fa-bullhorn:before {
    content: ""
}

.fa-bullseye:before {
    content: ""
}

.fa-burn:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-bus:before {
    content: ""
}

.fa-bus-alt:before {
    content: ""
}

.fa-business-time:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-calculator:before {
    content: ""
}

.fa-calendar:before {
    content: ""
}

.fa-calendar-alt:before {
    content: ""
}

.fa-calendar-check:before {
    content: ""
}

.fa-calendar-day:before {
    content: ""
}

.fa-calendar-minus:before {
    content: ""
}

.fa-calendar-plus:before {
    content: ""
}

.fa-calendar-times:before {
    content: ""
}

.fa-calendar-week:before {
    content: ""
}

.fa-camera:before {
    content: ""
}

.fa-camera-retro:before {
    content: ""
}

.fa-campground:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-candy-cane:before {
    content: ""
}

.fa-cannabis:before {
    content: ""
}

.fa-capsules:before {
    content: ""
}

.fa-car:before {
    content: ""
}

.fa-car-alt:before {
    content: ""
}

.fa-car-battery:before {
    content: ""
}

.fa-car-crash:before {
    content: ""
}

.fa-car-side:before {
    content: ""
}

.fa-caravan:before {
    content: ""
}

.fa-caret-down:before {
    content: ""
}

.fa-caret-left:before {
    content: ""
}

.fa-caret-right:before {
    content: ""
}

.fa-caret-square-down:before {
    content: ""
}

.fa-caret-square-left:before {
    content: ""
}

.fa-caret-square-right:before {
    content: ""
}

.fa-caret-square-up:before {
    content: ""
}

.fa-caret-up:before {
    content: ""
}

.fa-carrot:before {
    content: ""
}

.fa-cart-arrow-down:before {
    content: ""
}

.fa-cart-plus:before {
    content: ""
}

.fa-cash-register:before {
    content: ""
}

.fa-cat:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-certificate:before {
    content: ""
}

.fa-chair:before {
    content: ""
}

.fa-chalkboard:before {
    content: ""
}

.fa-chalkboard-teacher:before {
    content: ""
}

.fa-charging-station:before {
    content: ""
}

.fa-chart-area:before {
    content: ""
}

.fa-chart-bar:before {
    content: ""
}

.fa-chart-line:before {
    content: ""
}

.fa-chart-pie:before {
    content: ""
}

.fa-check:before {
    content: ""
}

.fa-check-circle:before {
    content: ""
}

.fa-check-double:before {
    content: ""
}

.fa-check-square:before {
    content: ""
}

.fa-cheese:before {
    content: ""
}

.fa-chess:before {
    content: ""
}

.fa-chess-bishop:before {
    content: ""
}

.fa-chess-board:before {
    content: ""
}

.fa-chess-king:before {
    content: ""
}

.fa-chess-knight:before {
    content: ""
}

.fa-chess-pawn:before {
    content: ""
}

.fa-chess-queen:before {
    content: ""
}

.fa-chess-rook:before {
    content: ""
}

.fa-chevron-circle-down:before {
    content: ""
}

.fa-chevron-circle-left:before {
    content: ""
}

.fa-chevron-circle-right:before {
    content: ""
}

.fa-chevron-circle-up:before {
    content: ""
}

.fa-chevron-down:before {
    content: ""
}

.fa-chevron-left:before {
    content: ""
}

.fa-chevron-right:before {
    content: ""
}

.fa-chevron-up:before {
    content: ""
}

.fa-child:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-church:before {
    content: ""
}

.fa-circle:before {
    content: ""
}

.fa-circle-notch:before {
    content: ""
}

.fa-city:before {
    content: ""
}

.fa-clinic-medical:before {
    content: ""
}

.fa-clipboard:before {
    content: ""
}

.fa-clipboard-check:before {
    content: ""
}

.fa-clipboard-list:before {
    content: ""
}

.fa-clock:before {
    content: ""
}

.fa-clone:before {
    content: ""
}

.fa-closed-captioning:before {
    content: ""
}

.fa-cloud:before {
    content: ""
}

.fa-cloud-download-alt:before {
    content: ""
}

.fa-cloud-meatball:before {
    content: ""
}

.fa-cloud-moon:before {
    content: ""
}

.fa-cloud-moon-rain:before {
    content: ""
}

.fa-cloud-rain:before {
    content: ""
}

.fa-cloud-showers-heavy:before {
    content: ""
}

.fa-cloud-sun:before {
    content: ""
}

.fa-cloud-sun-rain:before {
    content: ""
}

.fa-cloud-upload-alt:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cocktail:before {
    content: ""
}

.fa-code:before {
    content: ""
}

.fa-code-branch:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-coffee:before {
    content: ""
}

.fa-cog:before {
    content: ""
}

.fa-cogs:before {
    content: ""
}

.fa-coins:before {
    content: ""
}

.fa-columns:before {
    content: ""
}

.fa-comment:before {
    content: ""
}

.fa-comment-alt:before {
    content: ""
}

.fa-comment-dollar:before {
    content: ""
}

.fa-comment-dots:before {
    content: ""
}

.fa-comment-medical:before {
    content: ""
}

.fa-comment-slash:before {
    content: ""
}

.fa-comments:before {
    content: ""
}

.fa-comments-dollar:before {
    content: ""
}

.fa-compact-disc:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-compress-alt:before {
    content: ""
}

.fa-compress-arrows-alt:before {
    content: ""
}

.fa-concierge-bell:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cookie:before {
    content: ""
}

.fa-cookie-bite:before {
    content: ""
}

.fa-copy:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-couch:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

.fa-crop-alt:before {
    content: ""
}

.fa-cross:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-crow:before {
    content: ""
}

.fa-crown:before {
    content: ""
}

.fa-crutch:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

.fa-cut:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dailymotion:before {
    content: "勒"
}

.fa-dashcube:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-deaf:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-democrat:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-desktop:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dharmachakra:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diagnoses:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-dice:before {
    content: ""
}

.fa-dice-d20:before {
    content: ""
}

.fa-dice-d6:before {
    content: ""
}

.fa-dice-five:before {
    content: ""
}

.fa-dice-four:before {
    content: ""
}

.fa-dice-one:before {
    content: ""
}

.fa-dice-six:before {
    content: ""
}

.fa-dice-three:before {
    content: ""
}

.fa-dice-two:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-digital-tachograph:before {
    content: ""
}

.fa-directions:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-disease:before {
    content: ""
}

.fa-divide:before {
    content: ""
}

.fa-dizzy:before {
    content: ""
}

.fa-dna:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-dog:before {
    content: ""
}

.fa-dollar-sign:before {
    content: ""
}

.fa-dolly:before {
    content: ""
}

.fa-dolly-flatbed:before {
    content: ""
}

.fa-donate:before {
    content: ""
}

.fa-door-closed:before {
    content: ""
}

.fa-door-open:before {
    content: ""
}

.fa-dot-circle:before {
    content: ""
}

.fa-dove:before {
    content: ""
}

.fa-download:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-drafting-compass:before {
    content: ""
}

.fa-dragon:before {
    content: ""
}

.fa-draw-polygon:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drum:before {
    content: ""
}

.fa-drum-steelpan:before {
    content: ""
}

.fa-drumstick-bite:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dumbbell:before {
    content: ""
}

.fa-dumpster:before {
    content: ""
}

.fa-dumpster-fire:before {
    content: ""
}

.fa-dungeon:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edit:before {
    content: ""
}

.fa-egg:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-envelope-open:before {
    content: ""
}

.fa-envelope-open-text:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-equals:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-ethernet:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-euro-sign:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-exchange-alt:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-exclamation-circle:before {
    content: ""
}

.fa-exclamation-triangle:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-expand-alt:before {
    content: ""
}

.fa-expand-arrows-alt:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-external-link-alt:before {
    content: ""
}

.fa-external-link-square-alt:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-dropper:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fan:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-faucet:before {
    content: "串"
}

.fa-fax:before {
    content: ""
}

.fa-feather:before {
    content: ""
}

.fa-feather-alt:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-file:before {
    content: ""
}

.fa-file-alt:before {
    content: ""
}

.fa-file-archive:before {
    content: ""
}

.fa-file-audio:before {
    content: ""
}

.fa-file-code:before {
    content: ""
}

.fa-file-contract:before {
    content: ""
}

.fa-file-csv:before {
    content: ""
}

.fa-file-download:before {
    content: ""
}

.fa-file-excel:before {
    content: ""
}

.fa-file-export:before {
    content: ""
}

.fa-file-image:before {
    content: ""
}

.fa-file-import:before {
    content: ""
}

.fa-file-invoice:before {
    content: ""
}

.fa-file-invoice-dollar:before {
    content: ""
}

.fa-file-medical:before {
    content: ""
}

.fa-file-medical-alt:before {
    content: ""
}

.fa-file-pdf:before {
    content: ""
}

.fa-file-powerpoint:before {
    content: ""
}

.fa-file-prescription:before {
    content: ""
}

.fa-file-signature:before {
    content: ""
}

.fa-file-upload:before {
    content: ""
}

.fa-file-video:before {
    content: ""
}

.fa-file-word:before {
    content: ""
}

.fa-fill:before {
    content: ""
}

.fa-fill-drip:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

.fa-fingerprint:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-fire-alt:before {
    content: ""
}

.fa-fire-extinguisher:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-firefox-browser:before {
    content: "龜"
}

.fa-first-aid:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-fish:before {
    content: ""
}

.fa-fist-raised:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-flag-usa:before {
    content: ""
}

.fa-flask:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-flushed:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-minus:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-folder-plus:before {
    content: ""
}

.fa-font:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-football-ball:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-frog:before {
    content: ""
}

.fa-frown:before {
    content: ""
}

.fa-frown-open:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-funnel-dollar:before {
    content: ""
}

.fa-futbol:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-gas-pump:before {
    content: ""
}

.fa-gavel:before {
    content: ""
}

.fa-gem:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-ghost:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-gifts:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glass-cheers:before {
    content: ""
}

.fa-glass-martini:before {
    content: ""
}

.fa-glass-martini-alt:before {
    content: ""
}

.fa-glass-whiskey:before {
    content: ""
}

.fa-glasses:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-globe:before {
    content: ""
}

.fa-globe-africa:before {
    content: ""
}

.fa-globe-americas:before {
    content: ""
}

.fa-globe-asia:before {
    content: ""
}

.fa-globe-europe:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golf-ball:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gopuram:before {
    content: ""
}

.fa-graduation-cap:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-greater-than:before {
    content: ""
}

.fa-greater-than-equal:before {
    content: ""
}

.fa-grimace:before {
    content: ""
}

.fa-grin:before {
    content: ""
}

.fa-grin-alt:before {
    content: ""
}

.fa-grin-beam:before {
    content: ""
}

.fa-grin-beam-sweat:before {
    content: ""
}

.fa-grin-hearts:before {
    content: ""
}

.fa-grin-squint:before {
    content: ""
}

.fa-grin-squint-tears:before {
    content: ""
}

.fa-grin-stars:before {
    content: ""
}

.fa-grin-tears:before {
    content: ""
}

.fa-grin-tongue:before {
    content: ""
}

.fa-grin-tongue-squint:before {
    content: ""
}

.fa-grin-tongue-wink:before {
    content: ""
}

.fa-grin-wink:before {
    content: ""
}

.fa-grip-horizontal:before {
    content: ""
}

.fa-grip-lines:before {
    content: ""
}

.fa-grip-lines-vertical:before {
    content: ""
}

.fa-grip-vertical:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guitar:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-h-square:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hamburger:before {
    content: ""
}

.fa-hammer:before {
    content: ""
}

.fa-hamsa:before {
    content: ""
}

.fa-hand-holding:before {
    content: ""
}

.fa-hand-holding-heart:before {
    content: ""
}

.fa-hand-holding-medical:before {
    content: "樂"
}

.fa-hand-holding-usd:before {
    content: ""
}

.fa-hand-holding-water:before {
    content: ""
}

.fa-hand-lizard:before {
    content: ""
}

.fa-hand-middle-finger:before {
    content: ""
}

.fa-hand-paper:before {
    content: ""
}

.fa-hand-peace:before {
    content: ""
}

.fa-hand-point-down:before {
    content: ""
}

.fa-hand-point-left:before {
    content: ""
}

.fa-hand-point-right:before {
    content: ""
}

.fa-hand-point-up:before {
    content: ""
}

.fa-hand-pointer:before {
    content: ""
}

.fa-hand-rock:before {
    content: ""
}

.fa-hand-scissors:before {
    content: ""
}

.fa-hand-sparkles:before {
    content: "諾"
}

.fa-hand-spock:before {
    content: ""
}

.fa-hands:before {
    content: ""
}

.fa-hands-helping:before {
    content: ""
}

.fa-hands-wash:before {
    content: "丹"
}

.fa-handshake:before {
    content: ""
}

.fa-handshake-alt-slash:before {
    content: "寧"
}

.fa-handshake-slash:before {
    content: "怒"
}

.fa-hanukiah:before {
    content: ""
}

.fa-hard-hat:before {
    content: ""
}

.fa-hashtag:before {
    content: ""
}

.fa-hat-cowboy:before {
    content: ""
}

.fa-hat-cowboy-side:before {
    content: ""
}

.fa-hat-wizard:before {
    content: ""
}

.fa-hdd:before {
    content: ""
}

.fa-head-side-cough:before {
    content: "率"
}

.fa-head-side-cough-slash:before {
    content: "異"
}

.fa-head-side-mask:before {
    content: "北"
}

.fa-head-side-virus:before {
    content: "磻"
}

.fa-heading:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-headphones-alt:before {
    content: ""
}

.fa-headset:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-heart-broken:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-helicopter:before {
    content: ""
}

.fa-highlighter:before {
    content: ""
}

.fa-hiking:before {
    content: ""
}

.fa-hippo:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-hockey-puck:before {
    content: ""
}

.fa-holly-berry:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-horse:before {
    content: ""
}

.fa-horse-head:before {
    content: ""
}

.fa-hospital:before {
    content: ""
}

.fa-hospital-alt:before {
    content: ""
}

.fa-hospital-symbol:before {
    content: ""
}

.fa-hospital-user:before {
    content: ""
}

.fa-hot-tub:before {
    content: ""
}

.fa-hotdog:before {
    content: ""
}

.fa-hotel:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-start:before {
    content: ""
}

.fa-house-damage:before {
    content: ""
}

.fa-house-user:before {
    content: "便"
}

.fa-houzz:before {
    content: ""
}

.fa-hryvnia:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-ice-cream:before {
    content: ""
}

.fa-icicles:before {
    content: ""
}

.fa-icons:before {
    content: ""
}

.fa-id-badge:before {
    content: ""
}

.fa-id-card:before {
    content: ""
}

.fa-id-card-alt:before {
    content: ""
}

.fa-ideal:before {
    content: "邏"
}

.fa-igloo:before {
    content: ""
}

.fa-image:before {
    content: ""
}

.fa-images:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-inbox:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-industry:before {
    content: ""
}

.fa-infinity:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: "凌"
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-italic:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joint:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-journal-whills:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaaba:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-key:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keyboard:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-khanda:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-kiss:before {
    content: ""
}

.fa-kiss-beam:before {
    content: ""
}

.fa-kiss-wink-heart:before {
    content: ""
}

.fa-kiwi-bird:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-landmark:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-laptop-code:before {
    content: ""
}

.fa-laptop-house:before {
    content: "復"
}

.fa-laptop-medical:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-laugh:before {
    content: ""
}

.fa-laugh-beam:before {
    content: ""
}

.fa-laugh-squint:before {
    content: ""
}

.fa-laugh-wink:before {
    content: ""
}

.fa-layer-group:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-lemon:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-less-than:before {
    content: ""
}

.fa-less-than-equal:before {
    content: ""
}

.fa-level-down-alt:before {
    content: ""
}

.fa-level-up-alt:before {
    content: ""
}

.fa-life-ring:before {
    content: ""
}

.fa-lightbulb:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-link:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lira-sign:before {
    content: ""
}

.fa-list:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-lock-open:before {
    content: ""
}

.fa-long-arrow-alt-down:before {
    content: ""
}

.fa-long-arrow-alt-left:before {
    content: ""
}

.fa-long-arrow-alt-right:before {
    content: ""
}

.fa-long-arrow-alt-up:before {
    content: ""
}

.fa-low-vision:before {
    content: ""
}

.fa-luggage-cart:before {
    content: ""
}

.fa-lungs:before {
    content: ""
}

.fa-lungs-virus:before {
    content: "不"
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-magnet:before {
    content: ""
}

.fa-mail-bulk:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-map-marked:before {
    content: ""
}

.fa-map-marked-alt:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

.fa-map-marker-alt:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-marker:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mask:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-medal:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medkit:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-meh:before {
    content: ""
}

.fa-meh-blank:before {
    content: ""
}

.fa-meh-rolling-eyes:before {
    content: ""
}

.fa-memory:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-menorah:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-meteor:before {
    content: ""
}

.fa-microblog:before {
    content: "駱"
}

.fa-microchip:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-alt:before {
    content: ""
}

.fa-microphone-alt-slash:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-microscope:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-mitten:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mixer:before {
    content: "稜"
}

.fa-mizuni:before {
    content: ""
}

.fa-mobile:before {
    content: ""
}

.fa-mobile-alt:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-money-bill:before {
    content: ""
}

.fa-money-bill-alt:before {
    content: ""
}

.fa-money-bill-wave:before {
    content: ""
}

.fa-money-bill-wave-alt:before {
    content: ""
}

.fa-money-check:before {
    content: ""
}

.fa-money-check-alt:before {
    content: ""
}

.fa-monument:before {
    content: ""
}

.fa-moon:before {
    content: ""
}

.fa-mortar-pestle:before {
    content: ""
}

.fa-mosque:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-mountain:before {
    content: ""
}

.fa-mouse:before {
    content: ""
}

.fa-mouse-pointer:before {
    content: ""
}

.fa-mug-hot:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-network-wired:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-newspaper:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-not-equal:before {
    content: ""
}

.fa-notes-medical:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-oil-can:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-om:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-otter:before {
    content: ""
}

.fa-outdent:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-pager:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

.fa-paint-roller:before {
    content: ""
}

.fa-palette:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-pallet:before {
    content: ""
}

.fa-paper-plane:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-parachute-box:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-parking:before {
    content: ""
}

.fa-passport:before {
    content: ""
}

.fa-pastafarianism:before {
    content: ""
}

.fa-paste:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-pause-circle:before {
    content: ""
}

.fa-paw:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-peace:before {
    content: ""
}

.fa-pen:before {
    content: ""
}

.fa-pen-alt:before {
    content: ""
}

.fa-pen-fancy:before {
    content: ""
}

.fa-pen-nib:before {
    content: ""
}

.fa-pen-square:before {
    content: ""
}

.fa-pencil-alt:before {
    content: ""
}

.fa-pencil-ruler:before {
    content: ""
}

.fa-penny-arcade:before {
    content: ""
}

.fa-people-arrows:before {
    content: "泌"
}

.fa-people-carry:before {
    content: ""
}

.fa-pepper-hot:before {
    content: ""
}

.fa-percent:before {
    content: ""
}

.fa-percentage:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-person-booth:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-phone-alt:before {
    content: ""
}

.fa-phone-slash:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-phone-square-alt:before {
    content: ""
}

.fa-phone-volume:before {
    content: ""
}

.fa-photo-video:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: "爛"
}

.fa-piggy-bank:before {
    content: ""
}

.fa-pills:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-pizza-slice:before {
    content: ""
}

.fa-place-of-worship:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

.fa-plane-arrival:before {
    content: ""
}

.fa-plane-departure:before {
    content: ""
}

.fa-plane-slash:before {
    content: "數"
}

.fa-play:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-plug:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-plus-circle:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

.fa-podcast:before {
    content: ""
}

.fa-poll:before {
    content: ""
}

.fa-poll-h:before {
    content: ""
}

.fa-poo:before {
    content: ""
}

.fa-poo-storm:before {
    content: ""
}

.fa-poop:before {
    content: ""
}

.fa-portrait:before {
    content: ""
}

.fa-pound-sign:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-pray:before {
    content: ""
}

.fa-praying-hands:before {
    content: ""
}

.fa-prescription:before {
    content: ""
}

.fa-prescription-bottle:before {
    content: ""
}

.fa-prescription-bottle-alt:before {
    content: ""
}

.fa-print:before {
    content: ""
}

.fa-procedures:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-project-diagram:before {
    content: ""
}

.fa-pump-medical:before {
    content: "索"
}

.fa-pump-soap:before {
    content: "參"
}

.fa-pushed:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-question-circle:before {
    content: ""
}

.fa-quidditch:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-quran:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-radiation:before {
    content: ""
}

.fa-radiation-alt:before {
    content: ""
}

.fa-rainbow:before {
    content: ""
}

.fa-random:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-receipt:before {
    content: ""
}

.fa-record-vinyl:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-redo:before {
    content: ""
}

.fa-redo-alt:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-remove-format:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-reply:before {
    content: ""
}

.fa-reply-all:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-republican:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-restroom:before {
    content: ""
}

.fa-retweet:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-ribbon:before {
    content: ""
}

.fa-ring:before {
    content: ""
}

.fa-road:before {
    content: ""
}

.fa-robot:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-route:before {
    content: ""
}

.fa-rss:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-ruble-sign:before {
    content: ""
}

.fa-ruler:before {
    content: ""
}

.fa-ruler-combined:before {
    content: ""
}

.fa-ruler-horizontal:before {
    content: ""
}

.fa-ruler-vertical:before {
    content: ""
}

.fa-running:before {
    content: ""
}

.fa-rupee-sign:before {
    content: ""
}

.fa-sad-cry:before {
    content: ""
}

.fa-sad-tear:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-satellite:before {
    content: ""
}

.fa-satellite-dish:before {
    content: ""
}

.fa-save:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-school:before {
    content: ""
}

.fa-screwdriver:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-scroll:before {
    content: ""
}

.fa-sd-card:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-search-dollar:before {
    content: ""
}

.fa-search-location:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-seedling:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shapes:before {
    content: ""
}

.fa-share:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-shekel-sign:before {
    content: ""
}

.fa-shield-alt:before {
    content: ""
}

.fa-shield-virus:before {
    content: "塞"
}

.fa-ship:before {
    content: ""
}

.fa-shipping-fast:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shoe-prints:before {
    content: ""
}

.fa-shopify:before {
    content: "綾"
}

.fa-shopping-bag:before {
    content: ""
}

.fa-shopping-basket:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-shower:before {
    content: ""
}

.fa-shuttle-van:before {
    content: ""
}

.fa-sign:before {
    content: ""
}

.fa-sign-in-alt:before {
    content: ""
}

.fa-sign-language:before {
    content: ""
}

.fa-sign-out-alt:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

.fa-signature:before {
    content: ""
}

.fa-sim-card:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sitemap:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-skating:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skiing:before {
    content: ""
}

.fa-skiing-nordic:before {
    content: ""
}

.fa-skull:before {
    content: ""
}

.fa-skull-crossbones:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-slash:before {
    content: ""
}

.fa-sleigh:before {
    content: ""
}

.fa-sliders-h:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-smile:before {
    content: ""
}

.fa-smile-beam:before {
    content: ""
}

.fa-smile-wink:before {
    content: ""
}

.fa-smog:before {
    content: ""
}

.fa-smoking:before {
    content: ""
}

.fa-smoking-ban:before {
    content: ""
}

.fa-sms:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-snowboarding:before {
    content: ""
}

.fa-snowflake:before {
    content: ""
}

.fa-snowman:before {
    content: ""
}

.fa-snowplow:before {
    content: ""
}

.fa-soap:before {
    content: "葉"
}

.fa-socks:before {
    content: ""
}

.fa-solar-panel:before {
    content: ""
}

.fa-sort:before {
    content: ""
}

.fa-sort-alpha-down:before {
    content: ""
}

.fa-sort-alpha-down-alt:before {
    content: ""
}

.fa-sort-alpha-up:before {
    content: ""
}

.fa-sort-alpha-up-alt:before {
    content: ""
}

.fa-sort-amount-down:before {
    content: ""
}

.fa-sort-amount-down-alt:before {
    content: ""
}

.fa-sort-amount-up:before {
    content: ""
}

.fa-sort-amount-up-alt:before {
    content: ""
}

.fa-sort-down:before {
    content: ""
}

.fa-sort-numeric-down:before {
    content: ""
}

.fa-sort-numeric-down-alt:before {
    content: ""
}

.fa-sort-numeric-up:before {
    content: ""
}

.fa-sort-numeric-up-alt:before {
    content: ""
}

.fa-sort-up:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-spa:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-spell-check:before {
    content: ""
}

.fa-spider:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

.fa-splotch:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-spray-can:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-square-full:before {
    content: ""
}

.fa-square-root-alt:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-stamp:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-and-crescent:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-star-half-alt:before {
    content: ""
}

.fa-star-of-david:before {
    content: ""
}

.fa-star-of-life:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-stop-circle:before {
    content: ""
}

.fa-stopwatch:before {
    content: ""
}

.fa-stopwatch-20:before {
    content: "說"
}

.fa-store:before {
    content: ""
}

.fa-store-alt:before {
    content: ""
}

.fa-store-alt-slash:before {
    content: "殺"
}

.fa-store-slash:before {
    content: "辰"
}

.fa-strava:before {
    content: ""
}

.fa-stream:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-stroopwafel:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-suitcase-rolling:before {
    content: ""
}

.fa-sun:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-surprise:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swatchbook:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-swimmer:before {
    content: ""
}

.fa-swimming-pool:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-synagogue:before {
    content: ""
}

.fa-sync:before {
    content: ""
}

.fa-sync-alt:before {
    content: ""
}

.fa-syringe:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-table-tennis:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-tablet-alt:before {
    content: ""
}

.fa-tablets:before {
    content: ""
}

.fa-tachometer-alt:before {
    content: ""
}

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

.fa-tape:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-taxi:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-teeth:before {
    content: ""
}

.fa-teeth-open:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-temperature-high:before {
    content: ""
}

.fa-temperature-low:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-tenge:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-theater-masks:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-thermometer:before {
    content: ""
}

.fa-thermometer-empty:before {
    content: ""
}

.fa-thermometer-full:before {
    content: ""
}

.fa-thermometer-half:before {
    content: ""
}

.fa-thermometer-quarter:before {
    content: ""
}

.fa-thermometer-three-quarters:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbtack:before {
    content: ""
}

.fa-ticket-alt:before {
    content: ""
}

.fa-times:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

.fa-tint:before {
    content: ""
}

.fa-tint-slash:before {
    content: ""
}

.fa-tired:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

.fa-toilet:before {
    content: ""
}

.fa-toilet-paper:before {
    content: ""
}

.fa-toilet-paper-slash:before {
    content: "沈"
}

.fa-toolbox:before {
    content: ""
}

.fa-tools:before {
    content: ""
}

.fa-tooth:before {
    content: ""
}

.fa-torah:before {
    content: ""
}

.fa-torii-gate:before {
    content: ""
}

.fa-tractor:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-traffic-light:before {
    content: ""
}

.fa-trailer:before {
    content: "論"
}

.fa-train:before {
    content: ""
}

.fa-tram:before {
    content: ""
}

.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-trash-alt:before {
    content: ""
}

.fa-trash-restore:before {
    content: ""
}

.fa-trash-restore-alt:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-truck-loading:before {
    content: ""
}

.fa-truck-monster:before {
    content: ""
}

.fa-truck-moving:before {
    content: ""
}

.fa-truck-pickup:before {
    content: ""
}

.fa-tshirt:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-tv:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-umbrella-beach:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-undo:before {
    content: ""
}

.fa-undo-alt:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-unity:before {
    content: "雷"
}

.fa-universal-access:before {
    content: ""
}

.fa-university:before {
    content: ""
}

.fa-unlink:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-unlock-alt:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-user-alt:before {
    content: ""
}

.fa-user-alt-slash:before {
    content: ""
}

.fa-user-astronaut:before {
    content: ""
}

.fa-user-check:before {
    content: ""
}

.fa-user-circle:before {
    content: ""
}

.fa-user-clock:before {
    content: ""
}

.fa-user-cog:before {
    content: ""
}

.fa-user-edit:before {
    content: ""
}

.fa-user-friends:before {
    content: ""
}

.fa-user-graduate:before {
    content: ""
}

.fa-user-injured:before {
    content: ""
}

.fa-user-lock:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-user-minus:before {
    content: ""
}

.fa-user-ninja:before {
    content: ""
}

.fa-user-nurse:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-user-shield:before {
    content: ""
}

.fa-user-slash:before {
    content: ""
}

.fa-user-tag:before {
    content: ""
}

.fa-user-tie:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

.fa-users:before {
    content: ""
}

.fa-users-cog:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-utensil-spoon:before {
    content: ""
}

.fa-utensils:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-vector-square:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-vial:before {
    content: ""
}

.fa-vials:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-video:before {
    content: ""
}

.fa-video-slash:before {
    content: ""
}

.fa-vihara:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-virus:before {
    content: "若"
}

.fa-virus-slash:before {
    content: "掠"
}

.fa-viruses:before {
    content: "略"
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-voicemail:before {
    content: ""
}

.fa-volleyball-ball:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-mute:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-vote-yea:before {
    content: ""
}

.fa-vr-cardboard:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-walking:before {
    content: ""
}

.fa-wallet:before {
    content: ""
}

.fa-warehouse:before {
    content: ""
}

.fa-water:before {
    content: ""
}

.fa-wave-square:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weight:before {
    content: ""
}

.fa-weight-hanging:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-wind:before {
    content: ""
}

.fa-window-close:before {
    content: ""
}

.fa-window-maximize:before {
    content: ""
}

.fa-window-minimize:before {
    content: ""
}

.fa-window-restore:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wine-bottle:before {
    content: ""
}

.fa-wine-glass:before {
    content: ""
}

.fa-wine-glass-alt:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-won-sign:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-x-ray:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yen-sign:before {
    content: ""
}

.fa-yin-yang:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    src:
        /* original URL: https://zooma37.casino/assets/fonts/fa-regular-400.woff2 */
        url(../fonts/40.woff2)format("woff2")
}

.far {
    font-family: "Font Awesome 5 Free";
    font-weight: 400
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    src:
        /* original URL: https://zooma37.casino/assets/fonts/fa-solid-900.woff2 */
        url(../fonts/46.woff2)format("woff2")
}

.fa,
.fas {
    font-family: "Font Awesome 5 Free";
    font-weight: 900
}

.dropdown {
    z-index: 1000
}

@supports (backdrop-filter:none) {
    .dropdown-menu {
        display: none;
        position: absolute;
        min-width: 160px;
        max-width: 360px;
        list-style: none;
        text-align: left;
        backdrop-filter: blur(20px);
        border: solid 1px rgba(255, 255, 255, .16);
        border-radius: 10px;
        box-shadow: 0 5px 11px 3px rgba(0, 0, 0, .2);
        overflow: visible;
        padding: 6px 0;
        margin-top: 8px;
        z-index: 1000
    }
}

@supports not (backdrop-filter:none) {
    .dropdown-menu {
        display: none;
        position: absolute;
        min-width: 160px;
        max-width: 360px;
        list-style: none;
        text-align: left;
        background: radial-gradient(at 50% -5%, #312e4a, #1a2430);
        border: solid 1px rgba(255, 255, 255, .16);
        border-radius: 10px;
        box-shadow: 0 5px 11px 3px rgba(0, 0, 0, .2);
        overflow: visible;
        padding: 6px 0;
        margin-top: 8px;
        z-index: 1000
    }
}

.dropdown-menu>li>a {
    display: block;
    color: #d8d3d3;
    height: 31px;
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
    border-radius: 100px;
    text-decoration: none;
    padding: 0 12px;
    margin: 0 5px 0 5px
}

.dropdown-menu>li>a:hover {
    background-color: rgba(242, 242, 242, .11);
    color: inherit;
    cursor: pointer
}

.open>.dropdown-menu {
    display: block
}

.dropdown-divider {
    font-size: 1px;
    border-top: solid 1px rgba(21, 26, 45, .52);
    padding: 0;
    margin: 5px 0
}

.dropdown.dropdown-right>.dropdown-menu {
    right: 0;
    left: auto
}

.alertify .ajs-dimmer {
    position: fixed;
    z-index: 1981;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #252525;
    opacity: .5
}

.alertify .ajs-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 1981
}

.alertify .ajs-dialog {
    position: relative;
    margin: 5%auto;
    min-height: 110px;
    max-width: 500px;
    padding: 24px 24px 0 24px;
    outline: 0;
    background-color: #383838
}

.alertify .ajs-dialog.ajs-capture:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1
}

.alertify .ajs-reset {
    position: absolute !important;
    display: inline !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 2
}

.alertify .ajs-commands button {
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    padding: 10px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.alertify .ajs-commands button.ajs-close {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
}

.alertify .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
}

.alertify .ajs-header {
    margin: -24px;
    margin-bottom: 0;
    padding: 16px 24px;
    background: linear-gradient(122deg, #bf9d5f 0, #885845 100%)
}

.alertify .ajs-body {
    min-height: 56px
}

.alertify .ajs-body .ajs-content {
    padding: 16px 24px 16px 16px;
    color: #e7e7e7
}

.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #525252
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    cursor: pointer;
    margin: 3px;
    outline: 0;
    color: #fff;
    background: rgb(255, 255, 255, 22%);
    border-radius: 5px;
    border: 1px solid #333
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
    float: left;
    clear: none;
    text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    min-width: 88px;
    min-height: 35px
}

.alertify .ajs-handle {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
    overflow: hidden !important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
    left: 0;
    right: 0;
    padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
    margin-left: -24px;
    margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
    padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
    left: 0;
    right: 0
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
    display: inline-block
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
    display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
    position: fixed !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-maximized .ajs-dialog,
.alertify.ajs-resizable .ajs-dialog {
    padding: 0
}

.alertify.ajs-maximized .ajs-commands,
.alertify.ajs-resizable .ajs-commands {
    margin: 14px 24px 0 0
}

.alertify.ajs-maximized .ajs-header,
.alertify.ajs-resizable .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 24px
}

.alertify.ajs-maximized .ajs-body,
.alertify.ajs-resizable .ajs-body {
    min-height: 224px;
    display: inline-block
}

.alertify.ajs-maximized .ajs-body .ajs-content,
.alertify.ajs-resizable .ajs-body .ajs-content {
    position: absolute;
    top: 50px;
    right: 24px;
    bottom: 50px;
    left: 24px;
    overflow: auto
}

.alertify.ajs-maximized .ajs-footer,
.alertify.ajs-resizable .ajs-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
    display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
    cursor: move
}

.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
    display: none
}

.alertify.ajs-modeless .ajs-modal {
    overflow: visible;
    max-width: none;
    max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
    position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
    max-height: 500px;
    overflow: auto
}

.alertify.ajs-basic .ajs-header {
    opacity: 0
}

.alertify.ajs-basic .ajs-footer {
    visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
    display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
    padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
    margin-top: 0
}

.ajs-no-overflow {
    overflow: hidden !important;
    outline: 0
}

.ajs-no-overflow.ajs-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll !important
}

.ajs-no-selection,
.ajs-no-selection * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:568px) {
    .alertify .ajs-dialog {
        min-width: 150px
    }

    .alertify:not(.ajs-maximized) .ajs-modal {
        padding: 0 5%
    }

    .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
        min-width: initial;
        min-width: auto
    }
}

@-moz-document url-prefix() {
    .alertify button:focus {
        outline: 1px dotted #3593D2
    }
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
    visibility: hidden;
    opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms
}

.alertify .ajs-dialog.ajs-shake {
    -webkit-animation-name: ajs-shake;
    animation-name: ajs-shake;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes ajs-shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 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)
    }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-slideIn;
    animation-name: ajs-slideIn;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-slideOut;
    animation-name: ajs-slideOut;
    -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-zoomIn;
    animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-zoomOut;
    animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-fadeIn;
    animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-fadeOut;
    animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-pulseIn;
    animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-pulseOut;
    animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInX;
    animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutX;
    animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInY;
    animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutY;
    animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.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)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-pulseIn {

    0%,
    100%,
    20%,
    40%,
    60%,
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.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)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-pulseOut {
    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)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes ajs-pulseOut {
    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)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}

@-webkit-keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
}

@keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
}

@-webkit-keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }

    100% {
        margin-top: 5%
    }
}

@keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }

    100% {
        margin-top: 5%
    }
}

@-webkit-keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }

    100% {
        margin-top: -100%
    }
}

@keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }

    100% {
        margin-top: -100%
    }
}

.alertify-notifier {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 1982;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.alertify-notifier .ajs-message {
    position: relative;
    background: radial-gradient(at 50% -5%, #828cbf33, #1b2b351c);
    border: solid 1px rgba(60, 64, 82, .38);
    border-radius: 10px;
    padding: 25px;
    font-size: 14px;
    color: #cfcfcf;
    line-height: 13px;
    backdrop-filter: blur(30px);
    width: 260px;
    max-height: 0;
    padding: 0;
    opacity: 0;
    margin: 0;
    word-break: break-word;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 1;
    max-height: 100%;
    padding: 20px;
    margin-top: 10px
}

@supports (backdrop-filter:none) {
    .alertify-notifier .ajs-message.ajs-success {
        background: radial-gradient(at 50% -5%, rgb(184, 130, 191, 20%), rgb(27, 43, 53, 12%));
        border: solid 1px rgba(150, 38, 38, .08);
        border-radius: 10px;
        font-size: 14px;
        color: #cfcfcf;
        line-height: 13px;
        backdrop-filter: blur(20px)
    }
}

@supports not (backdrop-filter:none) {
    .alertify-notifier .ajs-message.ajs-success {
        background: radial-gradient(at 50% -5%, rgb(75, 72, 97, 88%), #1a2430);
        border: solid 1px rgb(61, 61, 61, 26%);
        border-radius: 10px;
        font-size: 14px;
        color: #cfcfcf;
        line-height: 13px
    }
}

@supports (backdrop-filter:none) {
    .alertify-notifier .ajs-message.ajs-error {
        background: rgb(255, 34, 34, 36%);
        border: solid 1px rgba(150, 38, 38, .08);
        border-radius: 10px;
        font-size: 14px;
        color: #cfcfcf;
        line-height: 13px;
        backdrop-filter: blur(20px)
    }
}

@supports not (backdrop-filter:none) {
    .alertify-notifier .ajs-message.ajs-error {
        background: rgb(121, 36, 36, 94%);
        border: solid 1px rgba(150, 38, 38, .08);
        border-radius: 10px;
        font-size: 14px;
        color: #cfcfcf;
        line-height: 13px
    }
}

.alertify-notifier .ajs-message.ajs-warning {
    background: radial-gradient(at 50% -5%, #96ad1987, #363f6733);
    border: solid 1px rgba(150, 38, 38, .08);
    border-radius: 10px;
    font-size: 14px;
    color: #cfcfcf;
    line-height: 13px;
    backdrop-filter: blur(30px)
}

.alertify-notifier .ajs-message .ajs-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, .5);
    border-top-right-radius: 2px
}

.alertify-notifier.ajs-top {
    top: 10px
}

.alertify-notifier.ajs-bottom {
    bottom: 10px
}

.alertify-notifier.ajs-right {
    right: 10px
}

.alertify-notifier.ajs-right .ajs-message {
    right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
    right: 290px
}

.alertify-notifier.ajs-left {
    left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
    left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
    left: 0
}

.alertify-notifier.ajs-center {
    left: 50%
}

.alertify-notifier.ajs-center .ajs-message {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.alertify-notifier.ajs-center .ajs-message.ajs-visible {
    left: 50%;
    -webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
    transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65)
}

.alertify-notifier.ajs-center.ajs-top .ajs-message {
    top: -300px
}

.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
    top: 0
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
    bottom: -300px
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
    bottom: 0
}

.ajs-no-transition.alertify .ajs-dialog,
.ajs-no-transition.alertify .ajs-dimmer,
.ajs-no-transition.alertify .ajs-modal {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important
}

.ajs-no-transition.alertify-notifier .ajs-message {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-animation: none !important;
    animation: none !important
}

@media (prefers-reduced-motion:reduce) {

    .alertify .ajs-dialog,
    .alertify .ajs-dimmer,
    .alertify .ajs-modal {
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }

    .alertify-notifier .ajs-message {
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important
    }
}

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scroll-element {
    display: none
}

.scroll-element,
.scroll-element div {
    box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
    cursor: default
}

.scroll-textarea {
    border: 1px solid #ccc;
    border-top-color: #999
}

.scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: 0;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-macosx>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-macosx>.scroll-element .scroll-element_track {
    display: none
}

.scrollbar-macosx>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    display: block;
    opacity: 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
    opacity: .7
}

.scrollbar-macosx>.scroll-element.scroll-x {
    bottom: 0;
    height: 0;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%
}

.scrollbar-macosx>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    width: 0
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
    height: 7px;
    min-width: 10px;
    top: -9px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
    left: -9px;
    min-height: 10px;
    width: 3px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
    left: 2px
}

.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
    top: 2px
}

.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element,
.scrollbar-dynamic>.scroll-element div {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.scrollbar-dynamic>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%
}

.scrollbar-dynamic>.scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px
}

.scrollbar-dynamic>.scroll-element .scroll-element_outer {
    opacity: .3;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element .scroll-element_size {
    background-color: #ccc;
    opacity: 0;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    -ms-transition: opacity .2s;
    transition: opacity .2s
}

.scrollbar-dynamic>.scroll-element .scroll-bar {
    background-color: #6c6e71;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 2px
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -o-transition: height .2s;
    -ms-transition: height .2s;
    transition: height .2s
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -o-transition: width .2s;
    -ms-transition: width .2s;
    transition: width .2s
}

.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size {
    left: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size {
    top: -4px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -11px
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer {
    overflow: hidden;
    opacity: .7
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size {
    opacity: 1
}

.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer {
    height: 20px;
    min-height: 7px
}

.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer {
    min-width: 7px;
    width: 20px
}

.faq {
    margin: 10px;
    border-radius: 10px
}

.faq div {
    padding: 13px
}

.faq div.q {
    color: #dedfe6;
    font-size: 15px;
    border-bottom: 1px #101425 solid;
    cursor: pointer
}

.faq div.a {
    background: rgb(255, 255, 255, 5%);
    font-size: 14px;
    display: none;
    color: #d5d6d7;
    border-radius: 10px
}

.tournamentsBlock {
    display: flex;
    background: rgb(49, 48, 79, 22%);
    margin: 10px;
    height: 215px;
    border-bottom: 2px solid #111;
    position: relative;
    overflow: hidden;
    border-radius: 11px
}

.tournamentsBlockDetailed {
    height: 300px
}

.tournamentsBlock .headerPicture {
    width: 100%;
    height: 150px;
    background-size: cover;
    background-position: 0 25%;
    opacity: .4;
    border-bottom: 2px solid #150f1c;
    border-radius: 10px 10px 0 0
}

.tournamentsBlock .headerPictureDetailed {
    height: 300px
}

.tournamentsBlock .headers {
    position: absolute;
    background: rgb(36, 29, 55, 68%);
    min-width: 65px;
    padding: 9px;
    font-size: 19px;
    color: #c6c9cf;
    font-weight: 900;
    text-align: center;
    font-family: Roboto, sans-serif;
    border-radius: 5px;
    backdrop-filter: blur(3px)
}

.tournamentsBlock .headers.name {
    top: 11px;
    left: 14px;
    text-transform: uppercase
}

.tournamentsBlock .headers.prize {
    top: 11px;
    right: 14px
}

.tournamentsBlock .headers.desc {
    top: 53px;
    left: 11px;
    text-align: left;
    padding-right: 17%;
    background: rgb(35, 45, 66, 0%);
    font-size: 14px;
    font-family: Roboto;
    font-weight: 400
}

.tournamentsBlock .headers.online {
    position: absolute;
    right: -15px;
    top: 105px;
    width: 9px;
    height: 40px;
    background:
        /* original URL: https://zooma37.casino/assets/img/gif/online.gif */
        url(../images/50.gif)10%0 no-repeat;
    background-size: contain;
    opacity: .4
}

.tournamentsBlock .headers.registr {
    bottom: 82px;
    left: 14px;
    background: rgb(17 107 44/78%);
    color: #dfdfdf;
    padding: 10px;
    margin: 1px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 11px;
    border: 1px solid rgba(0, 0, 0, .13);
    text-transform: uppercase
}

.tournamentsBlock .headers.registr.goTo {
    left: 155px;
    background: rgb(255, 255, 255, 12%)
}

.tournamentsBlock .detailsFlex {
    display: flex;
    position: absolute;
    width: 100%;
    height: 69px;
    padding-top: 8px;
    align-content: center;
    padding: 0;
    bottom: 0;
    z-index: 3
}

.tournamentsBlock .detailsFlex.detailed {
    background: rgb(29, 30, 50, 82%);
    backdrop-filter: blur(5px)
}

.tournamentsBlock .detailsFlex .row {
    position: relative;
    border-right: 1px solid #10182a;
    width: 100px;
    border-radius: 5px;
    padding-top: 14px;
    font-size: 14px;
    text-align: center;
    flex: 1 1 auto;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.tournamentsBlock .detailsFlex .row .header {
    font-size: 14px;
    font-weight: 900;
    color: #424a5d
}

.tournamentsBlock .detailsFlex .row .text {
    font-size: 19px;
    font-weight: 900;
    color: #c3c8d6;
    font-family: Roboto, sans-serif
}

.tournamentsBlock .flex {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.tournamentsBlock .flex .block {
    display: flex;
    background: rgb(25, 35, 53, 76%);
    padding: 1px;
    height: 100%;
    font-size: 14px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #b7b8d4;
    margin: 1px;
    padding: 10px;
    flex: 1 1 auto
}

.tournamentsBlock .flex .block:nth-child(1) {
    width: 250px;
    background-image:
        /* original URL: https://impulse.bet/img/tourn/weekendBg.jpg */
        url(../images/51.jpg);
    border-radius: 10px 0 0 10px
}

.tournamentsBlock .flex .block:nth-child(2) {
    border-radius: 0 10px 10px 0;
    position: relative;
    flex: 0 1 100%
}

.tournamentsBlock .flex .block .headers {
    position: absolute;
    background: #232d42;
    min-width: 65px;
    padding: 6px;
    font-size: 20px;
    color: #a2adc0;
    font-weight: 900;
    text-align: center;
    font-family: Roboto, sans-serif;
    border-radius: 5px
}

.tournamentsBlock .flex .block .headers.name {
    top: 11px;
    left: 14px
}

.tournamentsBlock .flex .block .headers.prize {
    top: 11px;
    right: 14px
}

.classicBigBlock {
    position: relative;
    overflow: hidden;
    width: 100%;
    min-height: 390px;
    background: radial-gradient(at 50% 90%, rgba(80, 86, 113, .25), rgba(52, 65, 101, .12));
    border-radius: 10px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .15);
    z-index: 1000
}

.classicChooseRoomBlock {
    display: flex;
    background: radial-gradient(at 50% 90%, rgba(255, 255, 255, .12), rgba(52, 65, 101, .12));
    border-bottom: 1px solid #1a2033;
    border-radius: 10px;
    margin: 10px;
    align-content: center;
    height: 79px
}

.classicChooseRoomBlockButtons {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .13);
    padding: 0;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    flex: 1 1 auto;
    transition: background .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.classicChooseRoomBlockButtons:nth-child(1) {
    border-radius: 10px 0 0 10px
}

.classicChooseRoomBlockButtons:nth-child(3) {
    border-radius: 0 10px 10px 0
}

.classicChooseRoomBlockButtons:hover {
    background: #373350
}

.classicChooseRoomBlockButtons.active {
    background: linear-gradient(90deg, rgb(127, 64, 148, 29%)0, rgb(255, 200, 55, 6%) 100%) !important
}

.classicChooseRoomBlockButtonsName {
    position: absolute;
    font-size: 20px;
    font-weight: 700;
    color: #d4d5d8;
    left: 6px;
    top: 6px
}

.classicChooseRoomBlockButtonsBank {
    position: absolute;
    font-size: 14px;
    color: #848a9e;
    left: 7px;
    top: 26px
}

.classicChooseRoomBlockButtonsLimit {
    position: absolute;
    font-size: 10px;
    color: #777d90;
    left: 8px;
    top: 60px
}

.classicChooseRoomBlockButtonsTimer {
    position: absolute;
    font-size: 75px;
    color: rgba(176, 183, 204, .08);
    right: 3px;
    top: -5px
}

.classicProgress {
    display: flex;
    justify-content: flex-start;
    height: 1px;
    padding: 0
}

.classicProgressBar {
    width: 100%;
    background-color: #1e3904;
    transition: 1s linear;
    transition-property: width, background-color
}

.classicProgressBar.yellow {
    background-color: #969619
}

.classicProgressBar.red {
    background-color: #821d1d
}

.classicTimer {
    position: absolute;
    right: 10px;
    color: #c2ccdd
}

.classicBank {
    position: absolute;
    left: 10px;
    color: #c2ccdd
}

.classicWinner {
    position: absolute;
    background: #232d427a;
    bottom: 100px;
    left: 63px;
    min-width: 65px;
    padding: 6px;
    font-size: 20px;
    color: #a2adc0;
    font-weight: 900;
    text-align: center;
    border-radius: 5px
}

.classicAvatarsBlockChance {
    position: relative;
    margin: 25px 0 14px auto;
    height: 90px;
    padding: 0 20px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: auto
}

.classicAvatarsBlockChance .avBlock {
    position: relative;
    display: inline-flex;
    justify-content: center;
    margin-bottom: 8px
}

.classicAvatarsBeforeGamePercent {
    position: absolute;
    background: #2b313d;
    width: 40px;
    height: 22px;
    font-size: 12px;
    line-height: 23px;
    color: #c5cedc;
    border-radius: 6px;
    bottom: -4px;
    z-index: 5
}

.classicAvatarsBeforeGamePercent.youtube {
    border: 1px solid #6f2424;
    background: #752f33
}

.classicAvatarsBeforeGamePercent.gold {
    border: 0 solid #00505a;
    color: #e2e1e1;
    background: linear-gradient(-34deg, #252219, #978f76)
}

.classicAvatarsBeforeGamePercent.vip {
    border: 1px solid #3c344d;
    background: #612d68
}

.classicAvatarsBeforeGameClan {
    position: absolute;
    background: #2b313d;
    border: 1px solid #2b313d;
    width: 30px;
    height: 30px;
    transform: translate(-27px, 0);
    border-radius: 22px
}

.classicAvatarsBeforeGameClan.youtube {
    border: 2px solid #b72121
}

.classicAvatarsBeforeGameClan.gold {
    border: 2px solid #258d9a
}

.classicAvatarsBeforeGameClan.vip {
    border: 2px solid #943f8f
}

.classicTextBetsClosed {
    white-space: nowrap;
    font-size: 21px;
    font-weight: 100
}

.classicSliderBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    background: rgb(255, 255, 255, 4%);
    border: 0 solid #212327;
    overflow: hidden
}

.classicSliderWrapper {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.classicSliderWrapperSelector {
    width: 2px;
    background: #9c9ea5;
    left: 50%;
    height: 78px;
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 2
}

.classicSliderWrapper .classicSliderWrapperRoullete {
    display: flex
}

.classicSliderWrapperRoullete img {
    width: 75px;
    height: 75px;
    opacity: .8;
    border: 2px solid #3c4052;
    padding: 2px;
    display: inline-block;
    margin-left: 4px;
    border-radius: 15px
}

.classicCreateBetBlock {
    display: flex;
    position: absolute;
    width: 100%;
    background: rgb(0, 0, 0, .04);
    border-top: 1px solid rgba(0, 0, 0, .17);
    align-content: center;
    padding: 5px;
    bottom: 0;
    z-index: 3
}

.classicCreateBetBlockButton {
    background: rgb(255 255 255/10%);
    border: 1px solid #00000087;
    margin: 2px;
    padding: 6px;
    width: 100px;
    border-radius: 5px;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    color: #e6e6e6;
    flex: 1 1 auto;
    outline: 0 !important;
    cursor: pointer;
    transition: background .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.classicCreateBetBlockButton:hover {
    background: #433658
}

.classicCreateBetBlockButton:nth-child(8) {
    background: linear-gradient(180deg, rgb(210 175 112)0, rgb(139 94 76) 100%);
    border: 1px solid #000;
    padding: 8px;
    width: 150px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-family: "Roboto Condensed";
    transition: all .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.classicCreateBetBlockButton:nth-child(8):hover {
    background: linear-gradient(180deg, rgb(252 211 137)0, rgb(139 94 76) 100%)
}

.classicCreateBetBlockButton:nth-child(7) {
    cursor: auto;
    flex: 0 1 300px
}

.classicBetsList {
    background: radial-gradient(at 50% 90%, rgb(30 40 67/40%), rgb(255 255 255/0%));
    font-size: 0px;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden
}

.classicBetsList .bet {
    position: relative;
    height: 75px;
    width: 33.333%;
    background: rgb(24 35 50/45%);
    border: 1px solid #131820;
    display: inline-block;
    border-radius: 10px;
    margin-top: 2px
}

.classicBetsList .bet .blured {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 71px;
    background-size: cover;
    -webkit-transition: 1s -webkit-filter linear;
    -moz-opacity: 0.04;
    -khtml-opacity: 0.04;
    opacity: .04
}

.classicBetsList .name {
    color: #babcc1;
    position: absolute;
    font-size: 14px;
    transform: translate(62px, -31px)
}

.classicBetsList .tickets {
    color: #868a94;
    font-size: 12px;
    transform: translate(63px, -14px)
}

.classicBetsList .amount {
    color: rgb(255, 255, 255, 70%);
    position: absolute;
    width: 62px;
    padding: 3px;
    right: 0;
    font-size: 25px;
    text-align: right;
    transform: translate(-4px, -48px)
}

@media (max-width:1980px) {
    .classicBetsList .bet {
        width: 25%
    }
}

@media (max-width:1000px) {
    .classicBetsList .bet {
        width: 33.333%
    }
}

@media (max-width:800px) {
    .classicBetsList .bet {
        width: 50%
    }
}

@media (max-width:600px) {
    .classicBetsList .bet {
        width: 100%
    }
}

.roomsCreateRoom {
    position: absolute;
    display: inline-flex;
    right: 10px
}

.roomsCreateRoom .inputRoom {
    background: rgba(130, 128, 165, .11);
    border: 1px solid #1a1d23;
    margin: 2px;
    padding: 6px;
    width: 100px;
    height: 63px;
    border-radius: 5px;
    font-size: 19px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #babac7;
    flex: 1 1 auto;
    outline: 0 !important
}

.roomsCreateRoom .buttonRoom {
    background: rgba(130, 128, 165, .11);
    border: 1px solid #1a1d23;
    margin: 2px;
    padding: 6px;
    width: 100px;
    border-radius: 5px;
    font-size: 25px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #babac7;
    flex: 1 1 auto;
    outline: 0 !important;
    cursor: pointer
}

.roomsCreateRoom .buttonRoom:hover {
    background: #33364d;
    color: #fff
}

.roomsContainer .room {
    display: flex;
    position: relative;
    align-items: center;
    height: 210px;
    justify-content: center;
    margin: 15px
}

.roomsContainer .room:last-child {
    margin-bottom: 70px
}

.roomsFlex {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.roomsFlexBlock {
    display: flex;
    background: radial-gradient(at 50% -5%, rgb(105, 118, 142, 21%), rgb(16, 22, 51, 0%));
    padding: 1px;
    height: 100%;
    font-size: 14px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: #b7b8d4;
    margin: 1px;
    padding: 10px;
    flex: 1 1 auto
}

.roomsFlexBlock:nth-child(1) {
    border-radius: 10px 0 0 10px
}

.roomsFlexBlock:nth-child(2) {
    position: relative;
    flex: 0 1 100%;
    overflow: hidden
}

.roomsFlexBlock:nth-child(3) {
    border-radius: 0 10px 10px 0
}

.roomsGamePrice {
    position: absolute;
    background: #2a354cba;
    top: 11px;
    right: 14px;
    width: 130px;
    padding: 6px;
    font-size: 20px;
    font-weight: 900;
    font-family: Roboto, sans-serif;
    border-radius: 5px
}

.roomsGameSeconds {
    position: absolute;
    background: #2a354cba;
    top: 11px;
    left: 14px;
    width: 40px;
    padding: 6px;
    font-size: 20px;
    font-weight: 900;
    font-family: Roboto, sans-serif;
    border-radius: 5px
}

.roomsUserAvatar {
    padding: 2px;
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(to right, #393d50, #393d50) border-box;
    border: 10px solid transparent;
    width: 120px;
    height: 120px;
    font-size: 96px;
    border-radius: 100%;
    box-shadow: 1px 1px 6px 3px rgba(0, 0, 0, .11)
}

.roomsUserAvatar.user {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(to right, #393d50, #393d50) border-box
}

.roomsUserAvatar.gold {
    background: linear-gradient(#1d2536, #101521) padding-box, linear-gradient(293deg, #201b0f, #d5c07f) border-box
}

.roomsUserAvatar.vip {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(to right, #cc2b5e, #753a88) border-box
}

.roomsUserAvatar.youtube {
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(135deg, #d85f5f, #2a0a0a) border-box
}

.roomsUserAvatar.green {
    background: linear-gradient(#1d2536, #101521) padding-box, linear-gradient(293deg, #1e2e03, #95d753) border-box
}

.roomsUserName {
    position: absolute;
    top: 18px;
    font-size: 17px
}

.roomsUserTickets {
    position: absolute;
    bottom: 18px;
    font-size: 13px
}

.roomsProgress {
    position: absolute;
    bottom: 55px;
    left: 50%;
    height: 97px;
    transform: translate(-50%, 0);
    width: 89%;
    display: flex;
    justify-content: flex-start;
    height: 1px;
    z-index: 0;
    padding: 0
}

.roomsProgressBar {
    width: 100%;
    border-radius: 100px;
    background: #404e6d;
    will-change: width;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    transform: translateZ(0);
    transition: 1s linear;
    transition-property: width, background-color
}

.roomsSliderBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    background: rgb(255 255 255/4%);
    border: 1px solid #212327;
    border-radius: 5px;
    overflow: hidden
}

.roomsSliderBlock .selector {
    border: 17px solid transparent;
    border-bottom-color: #45526f;
    border-top: 0;
    left: 50%;
    height: 99px;
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 2
}

.roomsSliderBlock .wrapper {
    display: flex
}

.roomsSliderBlock .avatars {
    display: flex
}

.roomsSliderBlock .avatars img {
    width: 75px;
    height: 75px;
    opacity: .8;
    border: 2px solid #3c4052;
    padding: 2px;
    display: inline-block;
    margin-left: 4px;
    border-radius: 15px
}

.roomsTopWinnersBlock {
    display: flex;
    position: absolute;
    width: 100%;
    height: 60px;
    background: rgb(26 32 45/46%);
    border-top: 1px solid rgba(0, 0, 0, .17);
    align-content: center;
    padding: 5px;
    bottom: 0;
    z-index: 3
}

.roomsTopWinnersBlock .top {
    position: absolute;
    background: #253044;
    font-size: 10px;
    text-align: center;
    width: 13px;
    height: 13px;
    color: #90959d;
    border-radius: 100%;
    transform: translate(-48px, 0);
    z-index: 2
}

.roomsTopWinnersBlock img {
    width: 50px;
    opacity: .6;
    border: 2px solid #3c4052;
    padding: 2px;
    display: inline-block;
    margin-left: 4px;
    border-radius: 100%;
    transition: opacity .3s
}

.roomsTopWinnersBlock img:hover {
    opacity: .9
}

.wheel30topWinnersBlock {
    position: absolute;
    right: 10px;
    opacity: .8
}

.wheel30topWinnersBlock .top {
    position: absolute;
    background: #3b4155e8;
    font-size: 12px;
    text-align: center;
    width: 15px;
    height: 15px;
    color: #a5b3cb;
    border-radius: 100%;
    transform: translate(8px, 8px);
    z-index: 2
}

.wheel30topWinnersBlock .topAmount {
    position: absolute;
    background: #252d42;
    border-radius: 20px;
    width: 50px;
    padding: 1px;
    text-align: center;
    font-size: 11px;
    transform: translate(5px, 56px);
    z-index: 2
}

.wheel30topWinnersBlock .top.gray {
    background: #48464b;
    color: #eeebeb
}

.wheel30topWinnersBlock .top.blue {
    background: #187b87;
    color: #eeebeb
}

.wheel30topWinnersBlock .top.pink {
    background: #9e1e6c;
    color: #eeebeb
}

.wheel30topWinnersBlock .top.gold {
    background: #b26809;
    color: #eeebeb
}

.wheel30topWinnersBlock .avatars {
    position: relative;
    width: 55px;
    height: 55px;
    border: 2px solid #3c4052;
    border-radius: 50px;
    padding: 2px
}

.wheel30topWinnersBlock .buttons {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 7px 14px;
    margin-top: 15px;
    width: 34px;
    border-radius: 27px;
    text-decoration: none;
    font-size: 20px
}

.wheel30topWinnersBlock .buttons:nth-child(1) {
    width: 120px;
    padding: 14px 0;
    color: #c1df49
}

.wheel30KolesoContainer {
    position: relative;
    display: grid;
    justify-content: center;
    width: 100%;
    margin: 0 auto
}

.wheel30KolesoContainer .selector {
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: rgb(23, 31, 47, 69%);
    border-bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 2;
    margin-top: 24px
}

.wheel30KolesoContainer .koleso {
    background-image:
        /* original URL: https://zooma37.casino/img/wheelx30.png */
        url(../images/52.png);
    background-position: center;
    background-size: cover;
    width: 650px;
    height: 650px;
    margin-top: 21px;
    opacity: .9
}

.wheel30CreateBetBlock {
    display: flex;
    position: absolute;
    width: 100%;
    background: rgb(26, 32, 45, 91%);
    border-top: 1px solid rgba(0, 0, 0, .17);
    align-content: center;
    padding: 5px;
    bottom: 0;
    z-index: 3
}

.wheel30CreateBetBlockButton {
    background: rgba(130, 128, 165, .11);
    border: 1px solid #1c222d;
    margin: 2px;
    padding: 6px;
    width: 100px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #d5d6e8;
    flex: 1 1 auto;
    outline: 0 !important;
    cursor: pointer
}

.wheel30CreateBetBlockButton:hover {
    background: #33364d
}

.wheel30CreateBetBlockButton:nth-child(5) {
    flex: 0 1 300px;
    outline: 0;
    cursor: auto
}

.wheel30HistoryBlock {
    position: absolute;
    top: 95px;
    left: 20px;
    display: block;
    overflow: hidden;
    height: 310px;
    opacity: .7;
    z-index: 1
}

.wheel30HistoryBlock .sector {
    display: block;
    height: 4px;
    margin-top: 3px;
    opacity: .9
}

.wheel30HistoryBlock .sector.gray {
    width: 30px;
    background: linear-gradient(45deg, #312e30, #988c8c)
}

.wheel30HistoryBlock .sector.blue {
    width: 34px;
    background: linear-gradient(45deg, #1d3f42, #1ec2ce)
}

.wheel30HistoryBlock .sector.pink {
    width: 41px;
    background: linear-gradient(45deg, #692a51, #de1081)
}

.wheel30HistoryBlock .sector.gold {
    width: 49px;
    background: linear-gradient(45deg, #6f4c23, #ff8f00)
}

.wheel30AllBetsContainer {
    display: flex;
    position: relative;
    border-radius: 10px;
    align-content: center;
    margin-top: 5px;
    margin-bottom: 10px;
    min-height: 229px
}

.wheel30AllBetsBlock {
    background: rgba(87, 85, 117, .11);
    border: 1px solid rgba(0, 0, 0, .27);
    margin: 1px;
    padding: 1px;
    width: 300px;
    border-radius: 10px 10px 10px 10px;
    font-size: 14px;
    text-align: center;
    color: #b7b8d4;
    flex: 1 1 auto
}

.wheel30AllBetsBlock .header {
    position: relative;
    background: rgba(87, 85, 117, .11);
    width: 100%;
    border-radius: 10px 10px 0 0;
    height: 60px;
    margin-bottom: 2px;
    color: #dbdbdc
}

.wheel30AllBetsBlock .header.gray {
    background: linear-gradient(14deg, #383838, #605e60)
}

.wheel30AllBetsBlock .header.blue {
    background: linear-gradient(-14deg, #17373a, #16a1ab)
}

.wheel30AllBetsBlock .header.pink {
    background: linear-gradient(-14deg, #560f3b, #de1081)
}

.wheel30AllBetsBlock .header.gold {
    background: linear-gradient(-14deg, #572f00, #f59316)
}

.wheel30AllBetsBlock .iks {
    float: left;
    font-size: 35px;
    font-family: Roboto, sans-serif;
    font-weight: 900;
    transform: translate(9px, 2px)
}

.wheel30AllBetsBlock .betsSumm {
    position: absolute;
    font-size: 14px;
    color: #ccc;
    transform: translate(8px, 39px)
}

.wheel30AllBetsBlock .betButton {
    float: right;
    background: rgba(0, 0, 0, .25);
    border: 0;
    width: 50px;
    height: 50px;
    right: 0;
    border-radius: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 51px;
    color: #c3b8ab;
    outline: 0;
    transform: translate(-4px, 5px)
}

.wheel30AllBetsBlock .betButton:hover {
    background: rgba(255, 255, 255, .47);
    color: #fff;
    background: linear-gradient(115deg, rgba(0, 207, 224, .5) 20%, rgba(187, 14, 182, .5) 70%)
}

.wheel30AllBetsBlock .betButton.notActive {
    filter: grayscale(1) opacity(.2)
}

.wheel30AllBetsBlock .userBet {
    display: block;
    width: 100%;
    height: 35px;
    text-align: left;
    padding-left: 5px;
    color: #c9cad3
}

.wheel30AllBetsBlock .userBet:nth-child(odd) {
    background: rgb(138 160 187/5%)
}

.wheel30AllBetsBlock .userBet .nickname {
    position: absolute;
    transform: translate(28px, -29px)
}

.wheel30AllBetsBlock .userBet .betSumm {
    transform: translate(-6px, 9px);
    float: right;
    color: #949aa7
}

.wheel30AllBetsBlock .userBet .betSumm.gray {
    color: #8b8b8b
}

.wheel30AllBetsBlock .userBet .betSumm.blue {
    color: #679194
}

.wheel30AllBetsBlock .userBet .betSumm.pink {
    color: #ae879d
}

.wheel30AllBetsBlock .userBet .betSumm.gold {
    color: #9e805b
}

.wheel30LedTextEffects {
    width: 240px;
    height: 240px
}

.wheel30LedTextEffects.bgGray {
    background: #5d5a5c;
    color: #fff
}

.wheel30LedTextEffects.bgBlue {
    background: #32b1c5;
    color: #fff
}

.wheel30LedTextEffects.bgPink {
    background: #d3137c;
    color: #fff
}

.wheel30LedTextEffects.bgGold {
    background: #ff841a;
    color: #fff
}

.wheel30LedTextEffects.spin {
    font-size: 234px;
    color: #252f42;
    line-height: 119px
}

.minesJPblock {
    background: #fff;
    position: absolute;
    right: 0;
    width: 300px;
    height: 50px;
    transform: translate(-8px, 18px)
}

.minesJPblockWrapper {
    position: relative;
    height: 100%;
    transform: translate(0, 0)
}

.minesJPblockWrapper img {
    position: absolute;
    width: 300px;
    transform: translate(-2px, -76px);
    filter: hue-rotate(327deg) grayscale(.2) drop-shadow(2px 4px 6px black)
}

.jackPot {
    position: absolute;
    right: 0;
    width: 270px;
    height: 190px;
    background:
        /* original URL: https://zooma37.casino/assets/img/Jackpot.png */
        url(../images/53.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: hue-rotate(337deg) opacity(.9) grayscale(.3);
    z-index: 5
}

.jackPot.mines {
    transform: translate(301px, -10px)
}

.jackPotWrapper {
    position: absolute;
    background: #5e5e5e;
    right: 0;
    width: 213px;
    height: 87px;
    transform: translate(-28px, 51px);
    z-index: 0
}

.jackPotWrapper.mines {
    transform: translate(273px, 40px)
}

.minesIconsBlock {
    position: absolute;
    background: #ffffff1c;
    border: 1px solid #ffffff1a;
    width: 60px;
    height: 60px;
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    transform: translate(-15px, 18px);
    border-radius: 8px;
    color: #acafc2;
    font-family: Roboto;
    font-weight: 900
}

.minesIconsBlock.one {
    width: 100px;
    height: 100px;
    left: 0;
    transform: translate(10px, 18px)
}

.minesIconsBlock.two {
    width: 100px;
    height: 100px;
    left: 0;
    transform: translate(10px, 123px)
}

.minesIconsBlock.three {
    right: 0;
    transform: translate(-10px, 18px)
}

.minesIconsBlock.four {
    right: 0;
    transform: translate(-10px, 85px)
}

.minesIconsBlock.five {
    right: 0;
    transform: translate(-10px, 153px)
}

.minesIconsBlock .img {
    width: 50%;
    border-radius: 50%;
    transform: translate(0, 0)
}

.minesIconsBlock .imgLeft {
    width: 60%;
    border-radius: 100%;
    transform: translate(0, 7px)
}

.minesIconsBlock span {
    display: flex;
    color: #dcdcdd;
    font-size: 30px;
    left: 17px;
    bottom: -10px;
    transform: translate(0, -17px);
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-shadow: 2px 1px 1px #2d2d2d
}

.minesIconsBlock span.right {
    font-size: 14px;
    font-weight: 400;
    transform: translate(0, -26px)
}

.minesActionButton {
    position: absolute;
    background: rgb(255 255 255/12%);
    width: 140px;
    height: 90px;
    right: -15px;
    bottom: 195px;
    border-radius: 10px 0 0 10px;
    font-size: 40px;
    color: #eae5e59c;
    cursor: pointer;
    transform: skew(-3deg, 12deg);
    border: 0;
    outline: 0;
    box-shadow: -5px -5px 0 0 rgb(254 205 115/69%);
    transition: box-shadow 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.minesBlock {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 450px;
    height: 450px;
    padding: 10px;
    margin-top: 5px;
    border-radius: 20px;
    left: 50%;
    transform: translate(-50%, 0)
}

.minesBlock .mine {
    position: relative;
    background: #ffffff3b;
    border: 1px solid #2c2c2c;
    width: calc(20% - 2px);
    margin-left: 2px;
    margin-top: 2px;
    border-radius: 5px;
    cursor: pointer;
    transition: all .5s cubic-bezier(0, 1.15, .36, 1) 0s;
    user-select: none
}

.minesBlock .mine:hover {
    background-color: #b38c61;
    background-image: linear-gradient(137deg, #ffcd73 0, #90644e 100%)
}

.minesBlock .mine:active {
    background-color: #c09f7a;
    background-image: linear-gradient(137deg, #ffd891 0, #90644e 100%)
}

.minesBlock .mine.disabled {
    cursor: not-allowed;
    background: #ffffff2e
}

.minesBlock .mine img {
    position: absolute;
    width: 70%;
    transform: translate(-53%, -34%);
    opacity: .9
}

.minesBlock .mine.brilliant {
    background: rgb(255, 255, 255, 8%);
    border: 1px solid #1d1d1d;
    cursor: auto
}

.minesBlock .mine.brilliant.gray {
    filter: grayscale(.5)
}

.minesBlock .mine.bomb {
    background: rgb(198, 6, 6, 17%);
    border: 1px solid rgb(232, 107, 107, 46%);
    cursor: auto
}

.minesBlock .mine.bomb.gray {
    filter: grayscale(.5)
}

.minesBlock .mine .number {
    position: absolute;
    right: 0;
    transform: translate(-4px, -28px);
    opacity: .2;
    color: #fff;
    font-size: 13px;
    font-family: Roboto
}

.minesBetsBlock.first {
    display: flex;
    position: relative;
    background: #ffffff1f;
    width: 428px;
    padding: 3px;
    margin-top: -25px;
    left: 50%;
    border-radius: 5px;
    transform: translate(-50%, 0)
}

.minesBetsBlock.second {
    display: flex;
    background: #ffffff17;
    position: relative;
    margin-top: 5px;
    width: 429px;
    padding: 3px;
    border-radius: 5px;
    left: 50%;
    transform: translate(-50%, 0);
    backdrop-filter: blur(2px)
}

.minesBetsBlockButton {
    background: rgba(130, 128, 165, .11);
    border: 1px solid #1c222d;
    margin: 2px;
    padding: 6px;
    width: 100px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
    line-height: 25px;
    color: #e5e5ec;
    flex: 1 1 auto;
    outline: 0 !important;
    cursor: pointer
}

.minesBetsBlockButton:hover {
    background: #414159
}

.minesBetsBlockButton.green {
    background: rgb(81 155 34/70%)
}

.minesBetsBlockButton.first {
    background: #ffffff00;
    border: 1px solid #1c222d00;
    padding: 2px;
    font-size: 13px
}

.minesBetsBlockButton.first:hover {
    background: linear-gradient(151deg, rgb(255 213 141)0, rgb(109 61 41) 100%);
    color: #232625;
    border: 1px solid rgb(0, 0, 0, 48%)
}

.minesBetsBlockButton.first:active {
    background: linear-gradient(0deg, rgb(210 175 112)0, rgb(139 94 76) 100%)
}

.minesBetsBlockButton.second {
    background: linear-gradient(180deg, rgb(210 175 112)0, rgb(139 94 76) 100%);
    border: 1px solid #000;
    padding: 8px;
    width: 150px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    font-family: "Roboto Condensed";
    transition: all .5s cubic-bezier(0, 1.15, .36, 1) 0s
}

.minesBetsBlockButton.second:hover {
    background: linear-gradient(180deg, rgb(252 211 137)0, rgb(139 94 76) 100%)
}

.minesBetsBlockButton.second:active {
    background: linear-gradient(0deg, rgb(210 175 112)0, rgb(139 94 76) 100%)
}

.minesBetsBlockButton.second.green {
    background: linear-gradient(180deg, rgb(150 169 72)0, rgb(48 86 55) 100%)
}

.minesBetsBlockButton.second.green:hover {
    background: linear-gradient(180deg, rgb(195 225 72)0, rgb(48 86 55) 100%)
}

.minesBetsBlockButton.second.green:active {
    background: linear-gradient(0deg, rgb(195 225 72)0, rgb(48 86 55) 100%)
}

.minesBetsBlockButton.second.red {
    background: linear-gradient(180deg, rgb(169 72 72)0, rgb(93 57 57) 100%)
}

.minesBetsBlockButton.second.red:hover {
    background: linear-gradient(180deg, rgb(201 92 92)0, rgb(93 57 57) 100%)
}

.minesBetsBlockButton.second.red:active {
    background: linear-gradient(0deg, rgb(201 92 92)0, rgb(93 57 57) 100%)
}

.minesBetsBlockButton.second.auto {
    background: rgb(255, 255, 255, 5%);
    border: 1px solid #342e39
}

.minesBetsBlockButton.second.auto.gray {
    color: #6e7379;
    cursor: not-allowed
}

.minesBetsBlockButton.second.auto:hover {
    background: rgb(255, 255, 255, 10%)
}

.minesBetsBlockButton.second.auto:active {
    background: rgb(255, 255, 255, 30%)
}

.minesBetsBlockButton.third {
    background: #ffffff00;
    border: 1px solid #29323c00;
    padding: 8px;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "Roboto Condensed";
    cursor: auto
}

.minesBetsBlockButton.third.greenText {
    color: #aece4d
}

.minesXblock {
    overflow: hidden;
    position: absolute;
    display: inline-flex;
    background: #3c4d4f4d;
    text-align: left;
    bottom: 0;
    width: 4000px;
    height: 45px;
    font-size: 14px;
    transform: translate(0, 0);
    transition: transform 1s cubic-bezier(0, .99, .99, 1) 0s;
    user-select: none
}

.minesXblock .hit {
    display: inline-flex;
    width: 100px;
    height: 39px;
    border-radius: 5px;
    color: #c5c5c5;
    transform: translate(5px, 4px);
    transition: background 3s cubic-bezier(0, 1.15, .36, 1) 0s
}

.minesXblock .hit.active {
    background: #1b2932;
    border: 1px solid #e8bb6b;
    color: #e8bb6b
}

.minesXblock .hit.red {
    background: #32272e;
    border: 1px solid #733e44;
    color: #c05661
}

.minesXblock .hit .iks {
    position: absolute;
    transform: translate(7px, 2px);
    font-size: 16px;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.minesXblock .hit .sum {
    transform: translate(6px, 20px);
    font-size: 12px;
    color: #788083
}

.minesXblock .hit .step {
    position: absolute;
    right: 0;
    transform: translate(-4px, -1px);
    font-size: 32px;
    color: #2b3a40
}

.minesRangeBlock {
    position: relative;
    width: 427px;
    border-radius: 20px;
    left: 50%;
    transform: translate(-107%, -237px) rotate(270deg)
}

.minesRange {
    width: 100%;
    height: 26px;
    -webkit-appearance: none;
    background: #ffffff1f;
    outline: 0;
    overflow: hidden
}

.minesRange::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgb(210 175 112)0, rgb(139 94 76) 100%);
    cursor: pointer;
    border: 4px solid #343844;
    box-shadow: -407px 0 0 400px rgb(234, 190, 110, 70%)
}

@media (max-width:1366px) {
    .minesBlock {
        width: 380px;
        height: 380px;
        padding: 2px;
        margin-top: 5px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .minesRangeBlock {
        width: 371px;
        left: 50%;
        transform: translate(-107%, -204px) rotate(270deg)
    }

    .jackPot.mines {
        transform: translate(280px, -10px)
    }

    .jackPotWrapper.mines {
        transform: translate(254px, 40px)
    }
}

@media (max-width:1200px) {
    .minesBlock {
        width: 360px;
        height: 360px;
        padding: 2px;
        margin-top: 5px;
        border-radius: 20px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .minesRangeBlock {
        width: 357px;
        left: 50%;
        transform: translate(-50%, 0) rotate(360deg)
    }

    .minesBetsBlock.first {
        width: 356px;
        padding: 3px;
        margin-top: 6px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .minesBetsBlock.second {
        width: 360px
    }

    .minesBlock .mine .number {
        transform: translate(-5px, -22px)
    }

    .minesIconsBlock {
        line-height: 22px
    }

    .minesIconsBlock.one {
        display: none
    }

    .minesIconsBlock.two {
        position: absolute;
        width: 45px;
        height: 45px;
        left: 87%;
        top: 0;
        transform: translate(-7px, 5px)
    }

    .minesIconsBlock .imgLeft {
        transform: translate(-39px, 6px)
    }

    .minesXblock {
        position: relative;
        margin-top: 10px
    }
}

.teamsDetailedBigBlock {
    display: flex;
    background: rgb(33, 42, 58, 72%);
    margin: 10px;
    height: 290px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    z-index: 100;
    color: #b6b8d2
}

.teamsDetailedBigBlockBlured {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image:
        /* original URL: https://impulse.wtf/img/gif/topBlured.gif */
        url(../images/54.gif);
    background-size: cover;
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(20px);
    filter: blur(20px);
    -webkit-transition: 1s -webkit-filter linear;
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: .1;
    z-index: 0
}

.teamsDetailedBigBlock .headerIco {
    position: absolute;
    background: radial-gradient(at 50% -5%, rgb(80, 86, 113, 69%), rgb(36, 127, 154, 5%));
    width: 60px;
    height: 60px;
    font-size: 30px;
    text-align: center;
    line-height: 48px;
    transform: translate(9px, 9px);
    border-radius: 8px;
    color: #acafc2;
    font-family: Roboto;
    font-weight: 900
}

.teamsDetailedBigBlock .headerLevel {
    position: absolute;
    transform: translate(19px, 46px);
    font-size: 11px;
    color: #697486
}

.teamsDetailedBigBlock .headerTeam {
    position: absolute;
    font-weight: 500;
    font-family: Roboto;
    color: #d9dae6;
    font-size: 25px;
    font-weight: 800;
    transform: translate(74px, 5px)
}

.teamsDetailedBigBlock .headerTeamName {
    position: absolute;
    font-weight: 500;
    color: #7178a1;
    font-size: 30px;
    font-weight: 800;
    transform: translate(73px, 25px)
}

.teamsDetailedBigBlock .headerCreated {
    position: absolute;
    color: #5b687d;
    font-size: 13px;
    left: 0;
    transform: translate(73px, 54px)
}

.teamsDetailedBigBlock .headerRules {
    position: relative;
    color: #d9dae6;
    font-size: 15px;
    width: 300px;
    white-space: nowrap;
    transform: translate(11px, 84px)
}

.teamsDetailedBigBlock .headerRules.text {
    transform: translate(-1px, 3px);
    color: #5b687d;
    width: 650px;
    line-height: 15px;
    font-size: 14px;
    white-space: normal
}

.teamsDetailedBigBlock .headerAvatar {
    position: absolute;
    background: linear-gradient(#1d2536, #141b2d) padding-box, linear-gradient(to right, #283447, #1a2231) border-box;
    border: 3px solid transparent;
    right: 0;
    width: 200px;
    height: 200px;
    border-radius: 10px;
    transform: translate(-9px, 9px)
}

.teamsDetailedBigBlock .button {
    position: absolute;
    border: 3px solid transparent;
    left: 0;
    width: 125px;
    border-radius: 10px;
    transform: translate(9px, 156px)
}

.teamsDetailedBigBlock .detailsFlex {
    display: flex;
    position: absolute;
    background: rgb(255, 255, 255, 2%);
    width: 100%;
    height: 69px;
    padding-top: 8px;
    align-content: center;
    padding: 0;
    bottom: 0;
    z-index: 3
}

.teamsDetailedBigBlock .detailsFlex.detailed {
    background: rgb(29, 30, 50, 82%);
    backdrop-filter: blur(5px)
}

.teamsDetailedBigBlock .detailsFlex .row {
    position: relative;
    border-right: 1px solid #10182a;
    width: 100px;
    padding-top: 14px;
    font-size: 14px;
    text-align: center;
    flex: 1 1 auto;
    transition: all 1s cubic-bezier(0, 1.15, .36, 1) 0s
}

.teamsDetailedBigBlock .detailsFlex .row .header {
    font-size: 14px;
    font-weight: 900;
    color: #424a5d
}

.teamsDetailedBigBlock .detailsFlex .row .text {
    font-size: 18px;
    font-weight: 900;
    color: #b4bbe3;
    font-family: Roboto, sans-serif
}

.teamsPlayersList {
    font-size: 0px;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden
}

.teamsPlayersList .detailsFlex {
    display: flex;
    width: 100%;
    align-content: center;
    padding: 0
}

.teamsPlayersList .detailsFlex .row {
    position: relative;
    border-right: 1px solid #10182a;
    flex: 1 1 auto
}

.teamsPlayersList .detailsFlex .row:nth-child(2) {
    flex: 0 1 400px
}

.teamsPlayersList .player {
    position: relative;
    height: 83px;
    width: 33.333%;
    background: rgb(24, 35, 50, 45%);
    border: 5px solid transparent;
    display: inline-block;
    border-radius: 10px;
    margin-top: 2px
}

.teamsPlayersList .player:hover {
    background: rgb(24, 35, 50, 100%)
}

.teamsPlayersList .player .blured {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 81px;
    background-size: cover;
    -webkit-filter: url(#blur);
    filter: url(#blur);
    -webkit-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: 1s -webkit-filter linear;
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: .1;
    border-radius: 5px
}

.teamsPlayersList .name {
    color: #d2d6df;
    position: absolute;
    font-size: 17px;
    transform: translate(81px, -70px)
}

.teamsPlayersList .status {
    position: absolute;
    color: #b2b8c4;
    font-size: 12px;
    transform: translate(81px, -52px)
}

.teamsPlayersList .totalGames {
    position: absolute;
    color: #6e7480;
    font-size: 12px;
    transform: translate(81px, -34px)
}

.teamsPlayersList .memberFrom {
    position: absolute;
    color: #6e7480;
    font-size: 12px;
    transform: translate(81px, -19px)
}

.teamsPlayersList .amount {
    color: rgb(255, 255, 255, 70%);
    position: absolute;
    width: 70px;
    padding: 3px;
    right: 0;
    font-size: 25px;
    text-align: right;
    transform: translate(-4px, -40px)
}

.teamsPlayersList .button {
    position: absolute;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 15px;
    color: #838693;
    cursor: pointer;
    z-index: 50;
    transform: translate(10px, -70px)
}

@media (max-width:1980px) {
    .teamsPlayersList .player {
        width: 50%
    }
}

@media (max-width:1000px) {
    .teamsPlayersList .player {
        width: 33.333%
    }
}

@media (max-width:800px) {
    .teamsPlayersList .player {
        width: 50%
    }
}

@media (max-width:600px) {
    .teamsPlayersList .player {
        width: 100%
    }

    .teamsPlayersList .detailsFlex {
        display: block
    }

    .teamsPlayersList .detailsFlex .row:nth-child(2) {
        margin-top: 10px
    }
}

.shape-wraper {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    background: #000;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.jpWinText {
    position: fixed;
    left: 50%;
    bottom: 30px;
    transform: translate(-50%, -30px)
}

.shape-wraper:nth-child(1) {
    z-index: 10
}

.shape-wraper:nth-child(2) {
    z-index: 7;
    -webkit-filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
    filter: drop-shadow(.15vh .15vh #140500) drop-shadow(-.15vh -.15vh #140500)
}

.shape-wraper:nth-child(3) {
    z-index: 3;
    -webkit-filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
    filter: drop-shadow(.15vh .15vh #140500) drop-shadow(-.15vh -.15vh #140500)
}

.shape-wraper:nth-child(4) {
    z-index: 1;
    -webkit-filter: drop-shadow(0.15vh 0.15vh #140500) drop-shadow(-0.15vh -0.15vh #140500);
    filter: drop-shadow(.15vh .15vh #140500) drop-shadow(-.15vh -.15vh #140500)
}

.bg-shape {
    background-image: -o-linear-gradient(top, #140500 70%, #782f10);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #140500), to(#782f10));
    background-image: linear-gradient(to bottom, #140500 70%, #782f10);
    width: 80vh;
    height: 20vh;
    bottom: 0
}

.bg-shape2 {
    background-image: -o-linear-gradient(top, #341205, #984933);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#341205), to(#984933));
    background-image: linear-gradient(to bottom, #341205, #984933);
    width: 81vh;
    height: 21vh;
    bottom: -.5vh
}

.bg-shape3 {
    background-image: -o-linear-gradient(top, #531904, #e89c53);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#531904), to(#e89c53));
    background-image: linear-gradient(to bottom, #531904, #e89c53);
    width: 83vh;
    height: 23vh;
    bottom: -1.5vh
}

.bg-shape4 {
    background-image: -o-linear-gradient(top, #dd6117, #984933);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dd6117), to(#984933));
    background-image: linear-gradient(to bottom, #dd6117, #984933);
    width: 84vh;
    height: 24vh;
    bottom: -2vh
}

.bg-shape,
.bg-shape2,
.bg-shape3,
.bg-shape4 {
    -webkit-clip-path: polygon(20% 10%, 15% 50%, 20% 100%, 80% 100%, 85% 50%, 80% 10%, 50%0);
    clip-path: polygon(20% 10%, 15% 50%, 20% 100%, 80% 100%, 85% 50%, 80% 10%, 50%0);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: absolute
}

.deposit-header {
    text-align: center;
    position: relative
}

#deposit_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 3000;
    font-weight: 700;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    background: rgb(0, 0, 0, 60%);
    backdrop-filter: blur(5px)
}

.amount-block::before {
    content: "";
    position: absolute;
    width: 2vh;
    height: 2vh;
    border-radius: 50%;
    bottom: -1vh;
    right: 10%;
    -webkit-transform: translateY(30%);
    -ms-transform: translateY(30%);
    transform: translateY(30%);
    background: #fff;
    -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
    clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)
}

.deposit-wraper {
    position: absolute;
    height: 50vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.amount-block {
    position: relative;
    margin: 0 auto;
    font-size: 10vh;
    background-image: -o-linear-gradient(top, #984933, #e2904d 35%, #ffc86c 75%, #f8c863 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#984933), color-stop(35%, #e2904d), color-stop(75%, #ffc86c), to(#f8c863));
    background-image: linear-gradient(to bottom, #984933, #e2904d 35%, #ffc86c 75%, #f8c863 100%);
    padding: .5vh;
    border-radius: 5px;
    font-family: sans-serif;
    color: #301d0c;
    text-shadow: 0 .5vh #b48543;
    z-index: 50;
    padding: 15px 85px;
    background-image: -o-linear-gradient(top, #282726 3%, #bd8b5a 5%, #ce8a4e 11%, #feffbd 14%, #feffbd 40%, #d9a863 50%, #8d491b 65%, #663a25 90%, #221925 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3%, #282726), color-stop(5%, #bd8b5a), color-stop(11%, #ce8a4e), color-stop(14%, #feffbd), color-stop(40%, #feffbd), color-stop(50%, #d9a863), color-stop(65%, #8d491b), color-stop(90%, #663a25), to(#221925));
    background-image: linear-gradient(to bottom, #282726 3%, #bd8b5a 5%, #ce8a4e 11%, #feffbd 14%, #feffbd 40%, #d9a863 50%, #8d491b 65%, #663a25 90%, #221925 100%);
    -webkit-box-shadow: inset 0 0 0 4px #853a1f, inset 0 0 10px 7px #000, 0 0 0 4px #f8c863;
    box-shadow: inset 0 0 0 4px #853a1f, inset 0 0 10px 7px #000, 0 0 0 4px #f8c863;
    border-radius: 13px
}

.user-name {
    width: 100%;
    font-size: 15vh;
    position: absolute;
    bottom: 3vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 100;
    background-image: -o-linear-gradient(bottom, #f7eb95, #d59f52, #7c2b00, #ce8b3d);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#f7eb95), color-stop(#d59f52), color-stop(#7c2b00), to(#ce8b3d));
    background-image: linear-gradient(to top, #f7eb95, #d59f52, #7c2b00, #ce8b3d)
}

.user-name:nth-child(1) {
    -webkit-transform: translateX(-50%) translateZ(0);
    transform: translateX(-50%) translateZ(0)
}

.user-name:nth-child(2) {
    -webkit-transform: translateX(-50%) translateZ(.15vh);
    transform: translateX(-50%) translateZ(.15vh)
}

.user-name:nth-child(3) {
    -webkit-transform: translateX(-50%) translateZ(.3vh);
    transform: translateX(-50%) translateZ(.3vh)
}

.user-name:nth-child(4) {
    -webkit-transform: translateX(-50%) translateZ(.45vh);
    transform: translateX(-50%) translateZ(.45vh)
}

.user-name:nth-child(5) {
    -webkit-transform: translateX(-50%) translateZ(.6vh);
    transform: translateX(-50%) translateZ(.6vh)
}

.user-name:nth-child(6) {
    -webkit-transform: translateX(-50%) translateZ(.75vh);
    transform: translateX(-50%) translateZ(.75vh)
}

.user-name:nth-child(7) {
    -webkit-transform: translateX(-50%) translateZ(.9vh);
    transform: translateX(-50%) translateZ(.9vh)
}

.user-name:nth-child(8) {
    -webkit-transform: translateX(-50%) translateZ(1.05vh);
    transform: translateX(-50%) translateZ(1.05vh)
}

.user-name:nth-child(9) {
    -webkit-transform: translateX(-50%) translateZ(1.2vh);
    transform: translateX(-50%) translateZ(1.2vh)
}

.user-name:nth-child(10) {
    -webkit-transform: translateX(-50%) translateZ(1.35vh);
    transform: translateX(-50%) translateZ(1.35vh)
}

.user-name:nth-child(11) {
    -webkit-transform: translateX(-50%) translateZ(1.5vh);
    transform: translateX(-50%) translateZ(1.5vh)
}

.user-name:nth-child(12) {
    -webkit-transform: translateX(-50%) translateZ(1.75vh);
    transform: translateX(-50%) translateZ(1.75vh)
}

.user-name:nth-child(13) {
    -webkit-transform: translateX(-50%) translateZ(1.9vh);
    transform: translateX(-50%) translateZ(1.9vh)
}

.user-name:nth-child(14) {
    -webkit-transform: translateX(-50%) translateZ(2.05vh);
    transform: translateX(-50%) translateZ(2.05vh)
}

.user-name:nth-child(15) {
    -webkit-transform: translateX(-50%) translateZ(2.3vh);
    transform: translateX(-50%) translateZ(2.3vh);
    background-image: -o-linear-gradient(top, #f8f7eb 20%, #f7eb95, #d59f52, #7c2b00, #ce8b3d 80%, #cb893a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f8f7eb), color-stop(#f7eb95), color-stop(#d59f52), color-stop(#7c2b00), color-stop(80%, #ce8b3d), to(#cb893a));
    background-image: linear-gradient(to bottom, #f8f7eb 20%, #f7eb95, #d59f52, #7c2b00, #ce8b3d 80%, #cb893a)
}

#date_time,
#deposit_from {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(50%);
    -ms-transform: translateX(-50%) translateY(50%);
    transform: translateX(-50%) translateY(50%);
    z-index: 15;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.country-and-date {
    z-index: 15;
    position: relative;
    -webkit-filter: drop-shadow(0 0 1vh #140500);
    filter: drop-shadow(0 0 1vh #140500)
}

#date_time {
    top: -2vh;
    font-size: 3vh;
    background-image: -o-linear-gradient(top, #efefc0 50%, #b06635 50%, #803019, #1d140d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #efefc0), color-stop(50%, #b06635), color-stop(#803019), to(#1d140d));
    background-image: linear-gradient(to bottom, #efefc0 50%, #b06635 50%, #803019, #1d140d);
    -webkit-filter: drop-shadow(-0.2vh 0.2vh #b06635) drop-shadow(0.4vh -0.4vh #140500);
    filter: drop-shadow(-.2vh .2vh #b06635) drop-shadow(.4vh -.4vh #140500)
}

#deposit_from {
    font-size: 5vh;
    top: -1.5vh;
    background-image: -o-linear-gradient(top, #eac77d 50%, #bb6d2f 50%, #4f1b14, #1d140d);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eac77d), color-stop(50%, #bb6d2f), color-stop(#4f1b14), to(#1d140d));
    background-image: linear-gradient(to bottom, #eac77d 50%, #bb6d2f 50%, #4f1b14, #1d140d);
    -webkit-filter: drop-shadow(-0.2vh 0.2vh #bb6d2f);
    filter: drop-shadow(-.2vh .2vh #bb6d2f)
}

.name-shadow {
    -webkit-transition-delay: 3s;
    -o-transition-delay: 3s;
    transition-delay: 3s;
    height: 24vh;
    position: relative;
    z-index: 100;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 50px;
    perspective: 50px;
    -webkit-transition: 3s;
    -o-transition: 3s;
    transition: 3s;
    -webkit-animation: perspective 2s infinite;
    animation: perspective 2s infinite
}

.amount-block::after {
    content: "";
    width: 18%;
    height: 7%;
    position: absolute;
    top: 5%;
    right: 25%;
    background-image: -o-radial-gradient(70% 50%, ellipse, #a7d8a8 10%, rgba(169, 142, 103, 0) 50%), -o-radial-gradient(10% 50%, ellipse, rgba(255, 255, 255, .5) 1%, rgba(244, 215, 143, 0) 10%);
    background-image: radial-gradient(ellipse at 70% 50%, #a7d8a8 10%, rgba(169, 142, 103, 0) 50%), radial-gradient(ellipse at 10% 50%, rgba(255, 255, 255, .5) 1%, rgba(244, 215, 143, 0) 10%)
}

.foreground-light {
    position: absolute;
    width: calc(100% - 1vh);
    height: calc(100% - 1vh);
    top: .5vh;
    left: .5vh;
    background: rgba(255, 255, 255, .2);
    -webkit-clip-path: polygon(0 0, 0 100%, -10% 100%, 100% 10%, 100%0);
    clip-path: polygon(0 0, 0 100%, -10% 100%, 100% 10%, 100%0);
    pointer-events: none;
    border-radius: 9px
}

.bright-bg {
    position: absolute;
    height: 90vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90vh
}

.radial-bg,
.super-star {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.super-star {
    background-image: -o-radial-gradient(center, circle, #fce053 0, transparent 70%, transparent 100%);
    background-image: radial-gradient(circle at center, #fce053 0, transparent 70%, transparent 100%);
    -webkit-clip-path: polygon(83% 4%, 59% 40%, 56% 2%, 52% 40%, 35% 0%, 43% 45%, 22% 20%, 35% 47%, 2% 50%, 37% 57%, 10% 94%, 44% 66%, 46% 98%, 53% 58%, 66% 98%, 64% 64%, 82% 95%, 70% 57%, 98% 59%, 65% 51%, 92% 36%, 65% 44%);
    clip-path: polygon(83% 4%, 59% 40%, 56% 2%, 52% 40%, 35% 0%, 43% 45%, 22% 20%, 35% 47%, 2% 50%, 37% 57%, 10% 94%, 44% 66%, 46% 98%, 53% 58%, 66% 98%, 64% 64%, 82% 95%, 70% 57%, 98% 59%, 65% 51%, 92% 36%, 65% 44%)
}

.radial-bg {
    background: -o-radial-gradient(center, circle, #a05410 0, transparent 70%, transparent 100%);
    background: radial-gradient(circle at center, #a05410 0, transparent 70%, transparent 100%);
    border-radius: 50%
}

@-webkit-keyframes perspective {
    0% {
        -webkit-perspective: 50px;
        perspective: 50px
    }

    50% {
        -webkit-perspective: 1200px;
        perspective: 1200px
    }

    100% {
        -webkit-perspective: 50px;
        perspective: 50px
    }
}

@keyframes perspective {
    0% {
        -webkit-perspective: 50px;
        perspective: 50px
    }

    50% {
        -webkit-perspective: 1200px;
        perspective: 1200px
    }

    100% {
        -webkit-perspective: 50px;
        perspective: 50px
    }
}

.slide-in-bottom {
    -webkit-animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-bottom .5s cubic-bezier(.25, .46, .45, .94) both
}

.slit-in-diagonal-1 {
    -webkit-animation: slit-in-diagonal-1 .45s ease-out both;
    animation: slit-in-diagonal-1 .45s ease-out both
}

.slit-out-diagonal-1 {
    -webkit-animation: slit-out-diagonal-1 .5s ease-in both;
    animation: slit-out-diagonal-1 .5s ease-in both
}

.puff-out-center {
    -webkit-animation: puff-out-center 1s cubic-bezier(.165, .84, .44, 1) both;
    animation: puff-out-center 1s cubic-bezier(.165, .84, .44, 1) both
}

.puff-out-ver {
    -webkit-animation: puff-out-ver 1.5s cubic-bezier(.165, .84, .44, 1) both;
    animation: puff-out-ver 1.5s cubic-bezier(.165, .84, .44, 1) both
}

.roll-out-blurred-left {
    -webkit-animation: roll-out-blurred-left .65s cubic-bezier(.755, .050, .855, .060) both;
    animation: roll-out-blurred-left .65s cubic-bezier(.755, .050, .855, .060) both
}

.fade-in {
    -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both;
    animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both
}

.tracking-in-contract {
    -webkit-animation: tracking-in-contract .8s cubic-bezier(.215, .61, .355, 1) both;
    animation: tracking-in-contract .8s cubic-bezier(.215, .61, .355, 1) both
}

.flicker-in-1 {
    -webkit-animation: flicker-in-1 2s linear both;
    animation: flicker-in-1 2s linear both
}

.bounce-in-fwd {
    -webkit-animation: bounce-in-fwd 1.1s both;
    animation: bounce-in-fwd 1.1s both
}

.slide-in-top {
    -webkit-animation: slide-in-top .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-in-top .5s cubic-bezier(.25, .46, .45, .94) both
}

.rotate-scale-up {
    -webkit-animation: rotate-scale-up .65s linear both;
    animation: rotate-scale-up .65s linear both
}

.rotate-center {
    -webkit-animation: rotate-center .6s ease-in-out both;
    animation: rotate-center .6s ease-in-out both
}

.rotate-in-2-cw {
    -webkit-animation: rotate-in-2-cw .5s cubic-bezier(.25, .46, .45, .94) both;
    animation: rotate-in-2-cw .5s cubic-bezier(.25, .46, .45, .94) both
}

.swirl-out-bck {
    -webkit-animation: swirl-out-bck .6s ease-in both;
    animation: swirl-out-bck .6s ease-in both
}

@-webkit-keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    0% {
        -webkit-transform: translateY(1000px);
        transform: translateY(1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes slit-in-diagonal-1 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes slit-in-diagonal-1 {
    0% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes slit-out-diagonal-1 {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes slit-out-diagonal-1 {
    0% {
        -webkit-transform: translateZ(0) rotate3d(1, 1, 0, 0);
        transform: translateZ(0) rotate3d(1, 1, 0, 0);
        opacity: 1
    }

    54% {
        -webkit-transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        transform: translateZ(-160px) rotate3d(1, 1, 0, 87deg);
        opacity: 1
    }

    100% {
        -webkit-transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        transform: translateZ(-800px) rotate3d(1, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes puff-out-center {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@-webkit-keyframes roll-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

@-webkit-keyframes puff-out-ver {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes puff-out-ver {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1
    }

    100% {
        -webkit-transform: scaleY(2);
        transform: scaleY(2);
        -webkit-filter: blur(4px);
        filter: blur(4px);
        opacity: 0
    }
}

@keyframes roll-out-blurred-left {
    0% {
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-1000px) rotate(-720deg);
        transform: translateX(-1000px) rotate(-720deg);
        -webkit-filter: blur(50px);
        filter: blur(50px);
        opacity: 0
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

@keyframes tracking-in-contract {
    0% {
        letter-spacing: 1em;
        opacity: 0
    }

    40% {
        opacity: .6
    }

    100% {
        letter-spacing: normal;
        opacity: 1
    }
}

@-webkit-keyframes flicker-in-1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    10.1% {
        opacity: 1
    }

    10.2% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    20.1% {
        opacity: 1
    }

    20.6% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    30.1% {
        opacity: 1
    }

    30.5% {
        opacity: 1
    }

    30.6% {
        opacity: 0
    }

    45% {
        opacity: 0
    }

    45.1% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    55.1% {
        opacity: 0
    }

    57% {
        opacity: 0
    }

    57.1% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    60.1% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    65.1% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    75.1% {
        opacity: 0
    }

    77% {
        opacity: 0
    }

    77.1% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    85.1% {
        opacity: 0
    }

    86% {
        opacity: 0
    }

    86.1% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes flicker-in-1 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    10.1% {
        opacity: 1
    }

    10.2% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    20.1% {
        opacity: 1
    }

    20.6% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    30.1% {
        opacity: 1
    }

    30.5% {
        opacity: 1
    }

    30.6% {
        opacity: 0
    }

    45% {
        opacity: 0
    }

    45.1% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    55% {
        opacity: 1
    }

    55.1% {
        opacity: 0
    }

    57% {
        opacity: 0
    }

    57.1% {
        opacity: 1
    }

    60% {
        opacity: 1
    }

    60.1% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    65.1% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    75.1% {
        opacity: 0
    }

    77% {
        opacity: 0
    }

    77.1% {
        opacity: 1
    }

    85% {
        opacity: 1
    }

    85.1% {
        opacity: 0
    }

    86% {
        opacity: 0
    }

    86.1% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84);
        transform: scale(.84);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes bounce-in-fwd {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    38% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        opacity: 1
    }

    55% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    72% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    81% {
        -webkit-transform: scale(.84);
        transform: scale(.84);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    89% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    95% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-top {
    0% {
        -webkit-transform: translateY(-1000px);
        transform: translateY(-1000px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0)
    }

    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg)
    }

    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg)
    }
}

@keyframes rotate-scale-up {
    0% {
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0)
    }

    50% {
        -webkit-transform: scale(2) rotateZ(180deg);
        transform: scale(2) rotateZ(180deg)
    }

    100% {
        -webkit-transform: scale(1) rotateZ(360deg);
        transform: scale(1) rotateZ(360deg)
    }
}

@-webkit-keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate-center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes rotate-in-2-cw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotate-in-2-cw {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes swirl-out-bck {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0
    }
}

@keyframes swirl-out-bck {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(-540deg) scale(0);
        transform: rotate(-540deg) scale(0);
        opacity: 0
    }
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 32px 32px
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgb(191, 190, 203, 60%);
    margin: -3px 0 0-3px
}

.lds-roller div:nth-child(1) {
    animation-delay: -36ms
}

.lds-roller div:nth-child(1):after {
    top: 50px;
    left: 50px
}

.lds-roller div:nth-child(2) {
    animation-delay: -72ms
}

.lds-roller div:nth-child(2):after {
    top: 54px;
    left: 45px
}

.lds-roller div:nth-child(3) {
    animation-delay: -108ms
}

.lds-roller div:nth-child(3):after {
    top: 57px;
    left: 39px
}

.lds-roller div:nth-child(4) {
    animation-delay: -144ms
}

.lds-roller div:nth-child(4):after {
    top: 58px;
    left: 32px
}

.lds-roller div:nth-child(5) {
    animation-delay: -.18s
}

.lds-roller div:nth-child(5):after {
    top: 57px;
    left: 25px
}

.lds-roller div:nth-child(6) {
    animation-delay: -216ms
}

.lds-roller div:nth-child(6):after {
    top: 54px;
    left: 19px
}

.lds-roller div:nth-child(7) {
    animation-delay: -252ms
}

.lds-roller div:nth-child(7):after {
    top: 50px;
    left: 14px
}

.lds-roller div:nth-child(8) {
    animation-delay: -288ms
}

.lds-roller div:nth-child(8):after {
    top: 45px;
    left: 10px
}

@keyframes lds-roller {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.tydyAnimation_GoSpin_ {
    transform: translate3d(-8000px, 0, 0);
    transition: all 25s cubic-bezier(0, 0, 0, 1) 0s;
    -webkit-transition: all 25s cubic-bezier(0, 0, 0, 1) 0s;
    -moz-transition: all 25s cubic-bezier(0, 0, 0, 1) 0s
}

.gradientOne {
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradientOneAnim 10s ease infinite
}

@keyframes gradientOneAnim {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.datepicker {
    display: inline-block;
    -webkit-tap-highlight-color: transparent
}

.datepicker table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.datepicker table td,
.datepicker table th {
    width: calc(100%/7);
    padding: 0
}

.datepicker table th {
    color: #402347;
    text-transform: uppercase;
    font-size: .5rem;
    line-height: 4;
    font-weight: 700;
    text-align: center
}

.datepicker__wrapper {
    color: #333;
    border-radius: .125rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: .5rem;
    position: relative;
    z-index: 1;
    background: #fff;
    border: 1px solid #3e2b3f;
    width: 16rem
}

.datepicker__wrapper::after {
    content: "";
    display: table;
    clear: both
}

.datepicker:not(.is-inline) .datepicker__wrapper {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .2);
    margin: .25rem 0
}

.datepicker__header {
    position: relative;
    text-align: center;
    background: #51415b;
    padding: .25rem;
    margin: -.5rem -.5rem 0
}

.datepicker__title {
    display: inline-block;
    padding: .25rem;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: #fff
}

.datepicker__next,
.datepicker__prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: no-repeat center/60%;
    font-size: 0
}

.datepicker__next:hover,
.datepicker__prev:hover {
    background-color: #1e88e5
}

.datepicker__prev {
    float: left;
    background-image: url(data:image/svg+xml,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"18\"\ height=\"18\"\ viewBox=\"0\ 0\ 18\ 18\"><path\ d=\"M15\ 8.25H5.87l4.19-4.19L9\ 3\ 3\ 9l6\ 6\ 1.06-1.06-4.19-4.19H15v-1.5z\"\ fill=\"white\"/></svg>)
}

.datepicker__next {
    float: right;
    background-image: url(data:image/svg+xml,<svg\ xmlns=\"http://www.w3.org/2000/svg\"\ width=\"18\"\ height=\"18\"\ viewBox=\"0\ 0\ 18\ 18\"><path\ d=\"M9\ 3L7.94\ 4.06l4.19\ 4.19H3v1.5h9.13l-4.19\ 4.19L9\ 15l6-6z\"\ fill=\"white\"/></svg>)
}

.datepicker__next.is-disabled,
.datepicker__prev.is-disabled {
    pointer-events: none;
    cursor: default;
    opacity: .4
}

.datepicker__time {
    padding: .5rem 1rem;
    margin: 0-.5rem;
    font-size: .75rem;
    text-align: right;
    background: #e3f2fd;
    border-bottom: 1px solid #bbdefb
}

.datepicker__label {
    margin-right: 1rem;
    color: rgba(0, 0, 0, .4);
    float: left
}

.datepicker__field {
    display: inline-block;
    margin: 0 .125rem;
    color: #333;
    width: 2ch
}

.datepicker__field span {
    display: block;
    width: 100%
}

.datepicker__day {
    color: #333
}

.datepicker__day div {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    background: 0 0;
    position: relative;
    border-radius: 50%
}

.datepicker__day div::after {
    content: "";
    display: block;
    border-radius: 50%;
    padding-top: 100%;
    position: relative;
    background: inherit;
    z-index: 1
}

.datepicker__day div:hover,
.datepicker__day.is-highlighted div {
    background: #4e385b;
    color: #fff
}

.datepicker__day.is-today {
    color: #2196f3
}

.datepicker__day.is-today div::after {
    box-shadow: inset 0 0 0 1px currentColor
}

.datepicker__day.is-today.is-disabled.is-selected div::after,
.datepicker__day.is-today.is-otherMonth.is-selected div::after {
    box-shadow: none
}

.datepicker__day.is-selected div {
    background: #2196f3
}

.datepicker__day.is-selected:hover div::after {
    background: #523a61
}

.datepicker__day.is-selected .datepicker__daynum {
    font-weight: 700;
    color: #fff
}

.datepicker__day.is-highlighted+.is-highlighted div::before,
.datepicker__day.is-selected+.is-selected div::before {
    content: "";
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: 0
}

.datepicker__day.is-disabled,
.datepicker__day.is-otherMonth {
    cursor: default;
    pointer-events: none;
    color: #bbdefb
}

.datepicker__day.is-disabled.is-selected .datepicker__daynum,
.datepicker__day.is-otherMonth.is-selected .datepicker__daynum {
    color: rgba(0, 0, 0, .2)
}

.datepicker__day.is-disabled.is-selected div,
.datepicker__day.is-disabled.is-selected+.is-selected div::before,
.datepicker__day.is-otherMonth.is-selected div,
.datepicker__day.is-otherMonth.is-selected+.is-selected div::before {
    background: #e3f2fd
}

.datepicker__daynum {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: .75rem;
    line-height: 1rem;
    margin-top: -.5rem;
    text-align: center;
    z-index: 2
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.0
 * 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
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animated.repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animated.repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .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)
    }
}

@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)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-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)
    }
}

@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)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }

    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    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)
    }
}

.rubberBand {
    -webkit-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)
    }
}

@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)
    }
}

.shakeX {
    -webkit-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)
    }
}

@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)
    }
}

.shakeY {
    -webkit-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)
    }
}

@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)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-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(0);
        transform: rotate(0)
    }
}

@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(0);
        transform: rotate(0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-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)
    }
}

@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)
    }
}

.tada {
    -webkit-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)
    }
}

@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)
    }
}

.wobble {
    -webkit-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)
    }
}

@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)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    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)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-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
    }
}

@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
    }
}

.backInDown {
    -webkit-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
    }
}

@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
    }
}

.backInLeft {
    -webkit-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
    }
}

@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
    }
}

.backInRight {
    -webkit-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
    }
}

@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
    }
}

.backInUp {
    -webkit-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
    }
}

@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
    }
}

.backOutDown {
    -webkit-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
    }
}

@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
    }
}

.backOutLeft {
    -webkit-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
    }
}

@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
    }
}

.backOutRight {
    -webkit-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
    }
}

@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
    }
}

.backOutUp {
    -webkit-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)
    }
}

@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)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-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)
    }
}

@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)
    }
}

.bounceInDown {
    -webkit-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)
    }
}

@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)
    }
}

.bounceInLeft {
    -webkit-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)
    }
}

@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)
    }
}

.bounceInRight {
    -webkit-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)
    }
}

@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)
    }
}

.bounceInUp {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutDown {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutLeft {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutRight {
    -webkit-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)
    }
}

@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)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInDown {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInDownBig {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInLeft {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInLeftBig {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInRight {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInRightBig {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInUp {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInUpBig {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInTopLeft {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInTopRight {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInBottomLeft {
    -webkit-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)
    }
}

@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)
    }
}

.fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-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)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-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)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-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)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-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)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-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)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-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)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-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)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-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)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-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)
    }
}

@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)
    }
}

.fadeOutTopLeft {
    -webkit-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)
    }
}

@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)
    }
}

.fadeOutTopRight {
    -webkit-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)
    }
}

@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)
    }
}

.fadeOutBottomRight {
    -webkit-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)
    }
}

@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)
    }
}

.fadeOutBottomLeft {
    -webkit-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(0);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@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(0);
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-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)
    }
}

@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)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-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)
    }
}

@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)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-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
    }
}

@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
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-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
    }
}

@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
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: 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;
    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)
    }
}

@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)
    }
}

.lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-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)
    }
}

@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)
    }
}

.lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-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
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-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
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-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
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-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
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-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
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-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
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-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
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-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
    }
}

@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
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    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)
    }
}

.jackInTheBox {
    -webkit-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)
    }
}

@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)
    }
}

.rollIn {
    -webkit-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)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.rollOut {
    -webkit-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
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-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)
    }
}

@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)
    }
}

.zoomInDown {
    -webkit-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)
    }
}

@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)
    }
}

.zoomInLeft {
    -webkit-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)
    }
}

@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)
    }
}

.zoomInRight {
    -webkit-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)
    }
}

@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)
    }
}

.zoomInUp {
    -webkit-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
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-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)
    }
}

@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)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    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)
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    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)
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-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)
    }
}

@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)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

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

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

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

.slideInDown {
    -webkit-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)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

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

.slideInLeft {
    -webkit-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)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

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

.slideInRight {
    -webkit-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)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

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

.slideInUp {
    -webkit-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)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-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)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-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)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-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)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.mobileMenuUp {
    display: flex;
    transform: translate(0, 0);
    position: fixed;
    background: radial-gradient(at 50% -5%, #1f2634, #050d25);
    border-bottom: 1px solid #191f33;
    width: 100%;
    align-content: center;
    top: 0;
    z-index: 1000;
    box-shadow: 0-1px 7px 0 rgba(0, 0, 0, .57);
    transition: all .4s ease-in-out
}

.mobileMenuUpItems {
    position: relative;
    display: grid;
    background: rgba(130, 128, 165, .11);
    align-content: center;
    margin-left: 1px;
    padding: 5px;
    width: 100px;
    height: 55px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    line-height: 22px;
    color: #b7b8d4;
    text-decoration: none;
    flex: 1 1 auto
}

.mobileMenuUpItems i {
    font-size: 24px
}

.mobileMenuDown {
    display: flex;
    transform: translate(0, 100px);
    position: fixed;
    background: linear-gradient(90deg, rgb(43, 25, 49, 99%)0, rgb(32, 26, 18, 98%) 100%) !important;
    border-top: 1px solid #191f33;
    width: 100%;
    align-content: center;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0-1px 7px 0 rgba(0, 0, 0, .57);
    transition: all .4s ease-in-out
}

.mobileMenuDownItems {
    position: relative;
    display: grid;
    background: rgba(130, 128, 165, .11);
    align-content: center;
    justify-content: center;
    border-right: 1px solid #000;
    padding: 5px;
    width: 100px;
    height: 55px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    font-weight: 500;
    line-height: 22px;
    color: #cbcbcd;
    text-decoration: none;
    flex: 1 1 auto
}

.mobileMenuDownItems .icoImg {
    color: #c1bccf;
    width: 27px;
    transform: translate(4px, 2px);
    opacity: .9
}

.mobileMenuDownItems:hover {
    background: rgba(130, 128, 165, .21);
    color: #fff
}

.mobileMenuDownItems.active {
    box-shadow: 1px 7px 7px 5px rgba(0, 0, 0, .32);
    color: #fff
}

.mobileMenuDownItems i {
    font-size: 24px
}

.mobileMenuChatIcon {
    position: fixed;
    margin: auto;
    top: 0;
    left: 41%;
    background: linear-gradient(-10deg, #12192f, #45537b);
    font-size: 26px;
    width: 140px;
    height: 33px;
    border-radius: 0 0 25px 25px;
    z-index: 1000;
    box-shadow: -1px -1px 0 1px rgba(0, 0, 0, .09)
}

.mobileMenuBalance {
    position: fixed;
    background: radial-gradient(at 50% -5%, rgb(32 56 69), #242f40);
    width: 148px;
    height: 65px;
    align-content: center;
    bottom: 26px;
    right: -25px;
    z-index: 500;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    border-radius: 50px 0;
    color: #ebe6ef;
    box-shadow: 0-1px 7px 0 rgb(0 0 0/57%)
}

.mobileMenuBalance.tur {
    background: radial-gradient(at 50% -5%, rgb(46 39 63), #25253b);
    left: -25px;
    border-radius: 0 50px
}

.mobileMenuExpand {
    display: none;
    position: fixed;
    background: radial-gradient(at 50% -5%, #32223b, #1a2430);
    width: 95%;
    height: 120px;
    align-content: center;
    bottom: 59px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 500;
    font-size: 0px;
    border-radius: 10px;
    box-shadow: 0-1px 7px 0 rgb(0, 0, 0, 57%)
}

.mobileMenuExpand .button {
    position: relative;
    display: inline-block;
    border-left: 1px solid rgb(0, 0, 0, 30%);
    border-bottom: 1px solid rgb(0, 0, 0, 30%);
    height: 60px;
    width: 25%;
    cursor: pointer
}

.mobileMenuExpand .button:hover {
    background: rgba(130, 128, 165, .11)
}

.mobileMenuExpand .button i {
    position: absolute;
    font-size: 23px;
    color: #bcb2cd;
    left: 50%;
    transform: translate(-50%, 50%)
}

.mobileMenuExpand .button .text {
    position: absolute;
    font-size: 13px;
    color: #b3a9c5;
    left: 50%;
    transform: translate(-50%, 35px)
}

.mobileCloseChat {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 57px;
    color: #d2d2d2;
    transform: translate(16px, 7px);
    cursor: pointer
}

@media (max-width:767px) {
    .hidePhone767 {
        display: none
    }

    .universalBigBlock {
        border-radius: 0;
        min-height: calc(99vh - 57px)
    }

    .universalBigBlock .headerUp {
        height: 56px
    }

    .universalBigBlockHeaderMenuBlock {
        transform: translate(-10px, -2px)
    }

    .universalBigBlockHeaderMenuBlockButton {
        min-width: 0;
        padding: 6px 5px;
        margin: 0;
        border-radius: 5px;
        font-size: 12px;
        border: 0 solid rgba(0, 0, 0, .13)
    }

    .mobileMenuDown {
        display: flex;
        transform: translate(0, 0)
    }

    .mobileCloseChat {
        display: block
    }

    .contentBlockHeader {
        display: none
    }

    .financeContainer {
        display: block
    }

    .globalWrapper {
        grid-template-columns: 0px 1fr 0px;
        grid-gap: 0px
    }

    .landingOnline {
        top: 0;
        right: 2px
    }

    .landingOnlineText {
        top: 35px;
        right: 38px
    }

    .landingSocialButtons {
        display: grid;
        justify-content: center
    }

    .landingSocialButtons .button {
        width: 150px
    }

    .universalBigBlock .headerUp .ico {
        width: 40px;
        height: 40px;
        font-size: 23px;
        line-height: 41px;
        transform: translate(6px, 9px);
        border-radius: 7px
    }

    .universalBigBlock .headerUp .textOne {
        font-size: 18px;
        transform: translate(52px, 10px)
    }

    .universalBigBlock .headerUp .textTwo {
        transform: translate(52px, 29px)
    }

    .mobileMargin {
        display: block
    }

    .mobileMargin.bottom {
        padding-bottom: 90px
    }

    .mobileMargin.top {
        padding-top: px
    }

    .rightBlockBalanceBlock {
        position: fixed;
        background: radial-gradient(at 213% 15%, #2a263d, #28262d);
        display: block;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
        border-top: 2px solid transparent;
        border-radius: 20px 20px 0 0;
        transform: translate(0, -56px)
    }

    .rightBlockBalanceBlock.update {
        border-top: 2px solid #f7d93f
    }

    .rightBlockBalanceBlock.low {
        border-top: 2px solid #ff8484
    }

    .rightBlockBalanceBlock:hover {
        background: rgba(133, 145, 191, .27);
        border-top: 2px solid #8087a0;
        color: #fff
    }

    .dropdown-menu {
        margin-top: -196px;
        margin-left: -15px
    }

    .helpIcon {
        top: 66px;
        right: 16px
    }

    .tournamentsBlock .headerPicture {
        background-position: 50% 50%
    }

    .affilatesContainer .block {
        height: 45vh;
        width: 100%;
        border: 10px solid #111a28;
        display: block
    }

    .affilatesContainer .block .createdPromo {
        font-size: 30px
    }

    .universalBigBlockBackground.bgClassic {
        background:
            /* original URL: https://i.pinimg.com/originals/7b/28/4c/7b284cae220a3e9c50dcbf7aaf400126.jpg */
            url(../images/55.jpg)38% 100%no-repeat;
        background-size: cover;
        opacity: .2;
        transform: translate(1px, -51px)
    }

    .universalBigBlock .headerUp .ico img {
        width: 30px;
        transform: translate(1px, 4px);
        opacity: .8;
        border-radius: 16%
    }

    .ledPanel.battle {
        height: 56px
    }

    .ledText.battle {
        font-size: 45px
    }

    .battleKoleso {
        width: 340px;
        height: 340px;
        margin-top: 15px
    }

    .battleKolesoContainer .selector {
        margin-top: 35px
    }

    .universalBigBlock.battle {
        height: 470px;
        min-height: 0
    }

    .battleHistoryBlock {
        left: 10px
    }

    .wheel30AllBetsBlock .betButton {
        background: rgba(0, 0, 0, .05);
        transform: translate(0, 0);
        border-radius: 8px 8px 0 0;
        width: 100%;
        height: 60px;
        position: absolute
    }

    .battleAllBetsBlock .iks {
        right: 8px;
        top: 34px;
        font-size: 17px
    }

    .universalBigBlockBackground.bgBattle {
        background:
            /* original URL: https://zooma37.casino/assets/img/bg/blockBg-Battle-Mobile.jpg */
            url(../images/56.jpg)50% 30px no-repeat;
        background-size: cover;
        opacity: .07
    }

    .universalBigBlock.wheel {
        height: 500px;
        min-height: 0
    }

    .universalBigBlockBackground.bgWheel {
        background:
            /* original URL: https://mir-s3-cdn-cf.behance.net/project_modules/fs/3342e185394995.5d7a56b18af41.jpg */
            url(../images/8.jpg)50% 81px no-repeat;
        background-size: cover;
        opacity: .06;
        transform: translate(0, -24px)
    }

    .wheel30topWinnersBlock .buttons {
        margin-top: 0;
        width: 30px
    }

    .universalAvatars.wheelTop {
        width: 45px;
        height: 45px;
        margin-top: 3px
    }

    .wheel30topWinnersBlock .top {
        transform: translate(14px, 18px)
    }

    .wheel30HistoryBlock {
        top: 282px;
        left: 50%;
        height: 331px;
        transform: translate(-50%, 0) rotate(-90deg)
    }

    .wheel30KolesoContainer .koleso {
        width: 350px;
        height: 350px;
        margin-top: 17px
    }

    .wheel30KolesoContainer .selector {
        margin-top: 19px
    }

    .ledPanel.wheel30 {
        width: 100px;
        height: 100px;
        bottom: 197px
    }

    .ledText.wheel30 {
        font-size: 65px
    }

    .wheel30LedTextEffects {
        width: 100px;
        height: 100px;
        line-height: 99px
    }

    .wheel30LedTextEffects.spin {
        font-size: 98px;
        color: #394760;
        line-height: 104px
    }

    .universalBigBlock.king {
        min-height: 91vh
    }

    .roomsContainer .room {
        height: 140px;
        margin: 0;
        margin-top: 15px
    }

    .roomsUserAvatar {
        border: 6px solid transparent;
        width: 70px;
        font-size: 54px;
        height: 70px
    }

    .roomsUserName {
        top: 12px;
        font-size: 14px
    }

    .roomsUserTickets {
        bottom: 11px
    }

    .roomsGamePrice {
        top: -6px;
        font-size: 17px;
        background: rgb(255, 255, 255, 0%);
        left: 0;
        width: 67px
    }

    .roomsProgress {
        bottom: 20px
    }

    .roomsCreateRoom {
        right: 4px
    }

    .roomsCreateRoom .buttonRoom {
        border: 0 solid #1a1d23;
        width: 56px;
        height: 46px;
        font-size: 21px;
        transform: translate(0, 3px)
    }

    .roomsCreateRoom .inputRoom {
        border: 0 solid #1a1d23;
        top: 3px;
        width: 70px;
        height: 46px
    }

    .casinoHeaderBlock {
        transform: translate(-5px, 6px)
    }

    .capcha {
        left: 50%;
        bottom: 145px;
        transform: translate(-50%, 0) scale(.85);
        position: absolute;
        z-index: 1005
    }
}