.error-page-container[data-v-3b951f51] {
    width: 100vw;
    height: 100vh;
    z-index: 2000;
    background: #1a1a1a;
    /* background: -webkit-gradient(left top, left bottom, color-stop(0, #1a1a1a), color-stop(100%, #000)); */
    background: linear-gradient(180deg, #1a1a1a 0, #000);
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 100px;
    overflow: hidden
}

.err-slot[data-v-3b951f51] {
    max-width: 480px;
    margin: 0 auto
}

.err-slot[data-v-3b951f51],
img[data-v-3b951f51] {
    width: 100%
}

h1[data-v-3b951f51] {
    color: #f9bb22;
    font-weight: 400
}

p[data-v-3b951f51] {
    margin-top: 10px;
    font-size: 1.75rem;
    font-weight: 300
}

.jwbtn[data-v-3b951f51] {
    width: 220px;
    padding: 20px;
    font-size: 1.2rem;
    font-weight: 400
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .error-page-container[data-v-3b951f51] {
        padding: 50px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    h1[data-v-3b951f51] {
        font-size: 1.25rem
    }
    p[data-v-3b951f51] {
        font-size: 1rem
    }
}

.loader-overlay[data-v-6714497c] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    z-index: 99999;
    background-color: #000
}

.loader-overlay img[data-v-6714497c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@-webkit-keyframes shake {
    59% {
        margin-left: 0
    }
    60%,
    80% {
        margin-left: 2px
    }
    70%,
    90% {
        margin-left: -2px
    }
}

@keyframes shake {
    59% {
        margin-left: 0
    }
    60%,
    80% {
        margin-left: 2px
    }
    70%,
    90% {
        margin-left: -2px
    }
}

.black {
    background-color: #000 !important;
    border-color: #000 !important
}

.black--text {
    color: #000 !important
}

.black--text input,
.black--text textarea {
    caret-color: #000 !important
}

.black--after:after {
    background: #000 !important
}

.white {
    background-color: #fff !important;
    border-color: #fff !important
}

.white--text {
    color: #fff !important
}

.white--text input,
.white--text textarea {
    caret-color: #fff !important
}

.white--after:after {
    background: #fff !important
}

.transparent {
    background-color: transparent !important;
    border-color: transparent !important
}

.transparent--text {
    color: transparent !important
}

.transparent--text input,
.transparent--text textarea {
    caret-color: transparent !important
}

.transparent--after:after {
    background: transparent !important
}

.red {
    background-color: #f44336 !important;
    border-color: #f44336 !important
}

.red--text {
    color: #f44336 !important
}

.red--text input,
.red--text textarea {
    caret-color: #f44336 !important
}

.red--after:after {
    background: #f44336 !important
}

.red.lighten-5 {
    border-color: #ffebee !important
}

.red.lighten-5,
.red.lighten-5--after:after {
    background-color: #ffebee !important
}

.red--text.text--lighten-5 {
    color: #ffebee !important
}

.red--text.text--lighten-5 input,
.red--text.text--lighten-5 textarea {
    caret-color: #ffebee !important
}

.red.lighten-4 {
    border-color: #ffcdd2 !important
}

.red.lighten-4,
.red.lighten-4--after:after {
    background-color: #ffcdd2 !important
}

.red--text.text--lighten-4 {
    color: #ffcdd2 !important
}

.red--text.text--lighten-4 input,
.red--text.text--lighten-4 textarea {
    caret-color: #ffcdd2 !important
}

.red.lighten-3 {
    border-color: #ef9a9a !important
}

.red.lighten-3,
.red.lighten-3--after:after {
    background-color: #ef9a9a !important
}

.red--text.text--lighten-3 {
    color: #ef9a9a !important
}

.red--text.text--lighten-3 input,
.red--text.text--lighten-3 textarea {
    caret-color: #ef9a9a !important
}

.red.lighten-2 {
    border-color: #e57373 !important
}

.red.lighten-2,
.red.lighten-2--after:after {
    background-color: #e57373 !important
}

.red--text.text--lighten-2 {
    color: #e57373 !important
}

.red--text.text--lighten-2 input,
.red--text.text--lighten-2 textarea {
    caret-color: #e57373 !important
}

.red.lighten-1 {
    border-color: #ef5350 !important
}

.red.lighten-1,
.red.lighten-1--after:after {
    background-color: #ef5350 !important
}

.red--text.text--lighten-1 {
    color: #ef5350 !important
}

.red--text.text--lighten-1 input,
.red--text.text--lighten-1 textarea {
    caret-color: #ef5350 !important
}

.red.darken-1 {
    border-color: #e53935 !important
}

.red.darken-1,
.red.darken-1--after:after {
    background-color: #e53935 !important
}

.red--text.text--darken-1 {
    color: #e53935 !important
}

.red--text.text--darken-1 input,
.red--text.text--darken-1 textarea {
    caret-color: #e53935 !important
}

.red.darken-2 {
    border-color: #d32f2f !important
}

.red.darken-2,
.red.darken-2--after:after {
    background-color: #d32f2f !important
}

.red--text.text--darken-2 {
    color: #d32f2f !important
}

.red--text.text--darken-2 input,
.red--text.text--darken-2 textarea {
    caret-color: #d32f2f !important
}

.red.darken-3 {
    border-color: #c62828 !important
}

.red.darken-3,
.red.darken-3--after:after {
    background-color: #c62828 !important
}

.red--text.text--darken-3 {
    color: #c62828 !important
}

.red--text.text--darken-3 input,
.red--text.text--darken-3 textarea {
    caret-color: #c62828 !important
}

.red.darken-4 {
    border-color: #b71c1c !important
}

.red.darken-4,
.red.darken-4--after:after {
    background-color: #b71c1c !important
}

.red--text.text--darken-4 {
    color: #b71c1c !important
}

.red--text.text--darken-4 input,
.red--text.text--darken-4 textarea {
    caret-color: #b71c1c !important
}

.red.accent-1 {
    border-color: #ff8a80 !important
}

.red.accent-1,
.red.accent-1--after:after {
    background-color: #ff8a80 !important
}

.red--text.text--accent-1 {
    color: #ff8a80 !important
}

.red--text.text--accent-1 input,
.red--text.text--accent-1 textarea {
    caret-color: #ff8a80 !important
}

.red.accent-2 {
    border-color: #ff5252 !important
}

.red.accent-2,
.red.accent-2--after:after {
    background-color: #ff5252 !important
}

.red--text.text--accent-2 {
    color: #ff5252 !important
}

.red--text.text--accent-2 input,
.red--text.text--accent-2 textarea {
    caret-color: #ff5252 !important
}

.red.accent-3 {
    border-color: #ff1744 !important
}

.red.accent-3,
.red.accent-3--after:after {
    background-color: #ff1744 !important
}

.red--text.text--accent-3 {
    color: #ff1744 !important
}

.red--text.text--accent-3 input,
.red--text.text--accent-3 textarea {
    caret-color: #ff1744 !important
}

.red.accent-4 {
    border-color: #d50000 !important
}

.red.accent-4,
.red.accent-4--after:after {
    background-color: #d50000 !important
}

.red--text.text--accent-4 {
    color: #d50000 !important
}

.red--text.text--accent-4 input,
.red--text.text--accent-4 textarea {
    caret-color: #d50000 !important
}

.pink {
    background-color: #e91e63 !important;
    border-color: #e91e63 !important
}

.pink--text {
    color: #e91e63 !important
}

.pink--text input,
.pink--text textarea {
    caret-color: #e91e63 !important
}

.pink--after:after {
    background: #e91e63 !important
}

.pink.lighten-5 {
    border-color: #fce4ec !important
}

.pink.lighten-5,
.pink.lighten-5--after:after {
    background-color: #fce4ec !important
}

.pink--text.text--lighten-5 {
    color: #fce4ec !important
}

.pink--text.text--lighten-5 input,
.pink--text.text--lighten-5 textarea {
    caret-color: #fce4ec !important
}

.pink.lighten-4 {
    border-color: #f8bbd0 !important
}

.pink.lighten-4,
.pink.lighten-4--after:after {
    background-color: #f8bbd0 !important
}

.pink--text.text--lighten-4 {
    color: #f8bbd0 !important
}

.pink--text.text--lighten-4 input,
.pink--text.text--lighten-4 textarea {
    caret-color: #f8bbd0 !important
}

.pink.lighten-3 {
    border-color: #f48fb1 !important
}

.pink.lighten-3,
.pink.lighten-3--after:after {
    background-color: #f48fb1 !important
}

.pink--text.text--lighten-3 {
    color: #f48fb1 !important
}

.pink--text.text--lighten-3 input,
.pink--text.text--lighten-3 textarea {
    caret-color: #f48fb1 !important
}

.pink.lighten-2 {
    border-color: #f06292 !important
}

.pink.lighten-2,
.pink.lighten-2--after:after {
    background-color: #f06292 !important
}

.pink--text.text--lighten-2 {
    color: #f06292 !important
}

.pink--text.text--lighten-2 input,
.pink--text.text--lighten-2 textarea {
    caret-color: #f06292 !important
}

.pink.lighten-1 {
    border-color: #ec407a !important
}

.pink.lighten-1,
.pink.lighten-1--after:after {
    background-color: #ec407a !important
}

.pink--text.text--lighten-1 {
    color: #ec407a !important
}

.pink--text.text--lighten-1 input,
.pink--text.text--lighten-1 textarea {
    caret-color: #ec407a !important
}

.pink.darken-1 {
    border-color: #d81b60 !important
}

.pink.darken-1,
.pink.darken-1--after:after {
    background-color: #d81b60 !important
}

.pink--text.text--darken-1 {
    color: #d81b60 !important
}

.pink--text.text--darken-1 input,
.pink--text.text--darken-1 textarea {
    caret-color: #d81b60 !important
}

.pink.darken-2 {
    border-color: #c2185b !important
}

.pink.darken-2,
.pink.darken-2--after:after {
    background-color: #c2185b !important
}

.pink--text.text--darken-2 {
    color: #c2185b !important
}

.pink--text.text--darken-2 input,
.pink--text.text--darken-2 textarea {
    caret-color: #c2185b !important
}

.pink.darken-3 {
    border-color: #ad1457 !important
}

.pink.darken-3,
.pink.darken-3--after:after {
    background-color: #ad1457 !important
}

.pink--text.text--darken-3 {
    color: #ad1457 !important
}

.pink--text.text--darken-3 input,
.pink--text.text--darken-3 textarea {
    caret-color: #ad1457 !important
}

.pink.darken-4 {
    border-color: #880e4f !important
}

.pink.darken-4,
.pink.darken-4--after:after {
    background-color: #880e4f !important
}

.pink--text.text--darken-4 {
    color: #880e4f !important
}

.pink--text.text--darken-4 input,
.pink--text.text--darken-4 textarea {
    caret-color: #880e4f !important
}

.pink.accent-1 {
    border-color: #ff80ab !important
}

.pink.accent-1,
.pink.accent-1--after:after {
    background-color: #ff80ab !important
}

.pink--text.text--accent-1 {
    color: #ff80ab !important
}

.pink--text.text--accent-1 input,
.pink--text.text--accent-1 textarea {
    caret-color: #ff80ab !important
}

.pink.accent-2 {
    border-color: #ff4081 !important
}

.pink.accent-2,
.pink.accent-2--after:after {
    background-color: #ff4081 !important
}

.pink--text.text--accent-2 {
    color: #ff4081 !important
}

.pink--text.text--accent-2 input,
.pink--text.text--accent-2 textarea {
    caret-color: #ff4081 !important
}

.pink.accent-3 {
    border-color: #f50057 !important
}

.pink.accent-3,
.pink.accent-3--after:after {
    background-color: #f50057 !important
}

.pink--text.text--accent-3 {
    color: #f50057 !important
}

.pink--text.text--accent-3 input,
.pink--text.text--accent-3 textarea {
    caret-color: #f50057 !important
}

.pink.accent-4 {
    border-color: #c51162 !important
}

.pink.accent-4,
.pink.accent-4--after:after {
    background-color: #c51162 !important
}

.pink--text.text--accent-4 {
    color: #c51162 !important
}

.pink--text.text--accent-4 input,
.pink--text.text--accent-4 textarea {
    caret-color: #c51162 !important
}

.purple {
    background-color: #9c27b0 !important;
    border-color: #9c27b0 !important
}

.purple--text {
    color: #9c27b0 !important
}

.purple--text input,
.purple--text textarea {
    caret-color: #9c27b0 !important
}

.purple--after:after {
    background: #9c27b0 !important
}

.purple.lighten-5 {
    border-color: #f3e5f5 !important
}

.purple.lighten-5,
.purple.lighten-5--after:after {
    background-color: #f3e5f5 !important
}

.purple--text.text--lighten-5 {
    color: #f3e5f5 !important
}

.purple--text.text--lighten-5 input,
.purple--text.text--lighten-5 textarea {
    caret-color: #f3e5f5 !important
}

.purple.lighten-4 {
    border-color: #e1bee7 !important
}

.purple.lighten-4,
.purple.lighten-4--after:after {
    background-color: #e1bee7 !important
}

.purple--text.text--lighten-4 {
    color: #e1bee7 !important
}

.purple--text.text--lighten-4 input,
.purple--text.text--lighten-4 textarea {
    caret-color: #e1bee7 !important
}

.purple.lighten-3 {
    border-color: #ce93d8 !important
}

.purple.lighten-3,
.purple.lighten-3--after:after {
    background-color: #ce93d8 !important
}

.purple--text.text--lighten-3 {
    color: #ce93d8 !important
}

.purple--text.text--lighten-3 input,
.purple--text.text--lighten-3 textarea {
    caret-color: #ce93d8 !important
}

.purple.lighten-2 {
    border-color: #ba68c8 !important
}

.purple.lighten-2,
.purple.lighten-2--after:after {
    background-color: #ba68c8 !important
}

.purple--text.text--lighten-2 {
    color: #ba68c8 !important
}

.purple--text.text--lighten-2 input,
.purple--text.text--lighten-2 textarea {
    caret-color: #ba68c8 !important
}

.purple.lighten-1 {
    border-color: #ab47bc !important
}

.purple.lighten-1,
.purple.lighten-1--after:after {
    background-color: #ab47bc !important
}

.purple--text.text--lighten-1 {
    color: #ab47bc !important
}

.purple--text.text--lighten-1 input,
.purple--text.text--lighten-1 textarea {
    caret-color: #ab47bc !important
}

.purple.darken-1 {
    border-color: #8e24aa !important
}

.purple.darken-1,
.purple.darken-1--after:after {
    background-color: #8e24aa !important
}

.purple--text.text--darken-1 {
    color: #8e24aa !important
}

.purple--text.text--darken-1 input,
.purple--text.text--darken-1 textarea {
    caret-color: #8e24aa !important
}

.purple.darken-2 {
    border-color: #7b1fa2 !important
}

.purple.darken-2,
.purple.darken-2--after:after {
    background-color: #7b1fa2 !important
}

.purple--text.text--darken-2 {
    color: #7b1fa2 !important
}

.purple--text.text--darken-2 input,
.purple--text.text--darken-2 textarea {
    caret-color: #7b1fa2 !important
}

.purple.darken-3 {
    border-color: #6a1b9a !important
}

.purple.darken-3,
.purple.darken-3--after:after {
    background-color: #6a1b9a !important
}

.purple--text.text--darken-3 {
    color: #6a1b9a !important
}

.purple--text.text--darken-3 input,
.purple--text.text--darken-3 textarea {
    caret-color: #6a1b9a !important
}

.purple.darken-4 {
    border-color: #4a148c !important
}

.purple.darken-4,
.purple.darken-4--after:after {
    background-color: #4a148c !important
}

.purple--text.text--darken-4 {
    color: #4a148c !important
}

.purple--text.text--darken-4 input,
.purple--text.text--darken-4 textarea {
    caret-color: #4a148c !important
}

.purple.accent-1 {
    border-color: #ea80fc !important
}

.purple.accent-1,
.purple.accent-1--after:after {
    background-color: #ea80fc !important
}

.purple--text.text--accent-1 {
    color: #ea80fc !important
}

.purple--text.text--accent-1 input,
.purple--text.text--accent-1 textarea {
    caret-color: #ea80fc !important
}

.purple.accent-2 {
    border-color: #e040fb !important
}

.purple.accent-2,
.purple.accent-2--after:after {
    background-color: #e040fb !important
}

.purple--text.text--accent-2 {
    color: #e040fb !important
}

.purple--text.text--accent-2 input,
.purple--text.text--accent-2 textarea {
    caret-color: #e040fb !important
}

.purple.accent-3 {
    border-color: #d500f9 !important
}

.purple.accent-3,
.purple.accent-3--after:after {
    background-color: #d500f9 !important
}

.purple--text.text--accent-3 {
    color: #d500f9 !important
}

.purple--text.text--accent-3 input,
.purple--text.text--accent-3 textarea {
    caret-color: #d500f9 !important
}

.purple.accent-4 {
    border-color: #a0f !important
}

.purple.accent-4,
.purple.accent-4--after:after {
    background-color: #a0f !important
}

.purple--text.text--accent-4 {
    color: #a0f !important
}

.purple--text.text--accent-4 input,
.purple--text.text--accent-4 textarea {
    caret-color: #a0f !important
}

.deep-purple {
    background-color: #673ab7 !important;
    border-color: #673ab7 !important
}

.deep-purple--text {
    color: #673ab7 !important
}

.deep-purple--text input,
.deep-purple--text textarea {
    caret-color: #673ab7 !important
}

.deep-purple--after:after {
    background: #673ab7 !important
}

.deep-purple.lighten-5 {
    border-color: #ede7f6 !important
}

.deep-purple.lighten-5,
.deep-purple.lighten-5--after:after {
    background-color: #ede7f6 !important
}

.deep-purple--text.text--lighten-5 {
    color: #ede7f6 !important
}

.deep-purple--text.text--lighten-5 input,
.deep-purple--text.text--lighten-5 textarea {
    caret-color: #ede7f6 !important
}

.deep-purple.lighten-4 {
    border-color: #d1c4e9 !important
}

.deep-purple.lighten-4,
.deep-purple.lighten-4--after:after {
    background-color: #d1c4e9 !important
}

.deep-purple--text.text--lighten-4 {
    color: #d1c4e9 !important
}

.deep-purple--text.text--lighten-4 input,
.deep-purple--text.text--lighten-4 textarea {
    caret-color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
    border-color: #b39ddb !important
}

.deep-purple.lighten-3,
.deep-purple.lighten-3--after:after {
    background-color: #b39ddb !important
}

.deep-purple--text.text--lighten-3 {
    color: #b39ddb !important
}

.deep-purple--text.text--lighten-3 input,
.deep-purple--text.text--lighten-3 textarea {
    caret-color: #b39ddb !important
}

.deep-purple.lighten-2 {
    border-color: #9575cd !important
}

.deep-purple.lighten-2,
.deep-purple.lighten-2--after:after {
    background-color: #9575cd !important
}

.deep-purple--text.text--lighten-2 {
    color: #9575cd !important
}

.deep-purple--text.text--lighten-2 input,
.deep-purple--text.text--lighten-2 textarea {
    caret-color: #9575cd !important
}

.deep-purple.lighten-1 {
    border-color: #7e57c2 !important
}

.deep-purple.lighten-1,
.deep-purple.lighten-1--after:after {
    background-color: #7e57c2 !important
}

.deep-purple--text.text--lighten-1 {
    color: #7e57c2 !important
}

.deep-purple--text.text--lighten-1 input,
.deep-purple--text.text--lighten-1 textarea {
    caret-color: #7e57c2 !important
}

.deep-purple.darken-1 {
    border-color: #5e35b1 !important
}

.deep-purple.darken-1,
.deep-purple.darken-1--after:after {
    background-color: #5e35b1 !important
}

.deep-purple--text.text--darken-1 {
    color: #5e35b1 !important
}

.deep-purple--text.text--darken-1 input,
.deep-purple--text.text--darken-1 textarea {
    caret-color: #5e35b1 !important
}

.deep-purple.darken-2 {
    border-color: #512da8 !important
}

.deep-purple.darken-2,
.deep-purple.darken-2--after:after {
    background-color: #512da8 !important
}

.deep-purple--text.text--darken-2 {
    color: #512da8 !important
}

.deep-purple--text.text--darken-2 input,
.deep-purple--text.text--darken-2 textarea {
    caret-color: #512da8 !important
}

.deep-purple.darken-3 {
    border-color: #4527a0 !important
}

.deep-purple.darken-3,
.deep-purple.darken-3--after:after {
    background-color: #4527a0 !important
}

.deep-purple--text.text--darken-3 {
    color: #4527a0 !important
}

.deep-purple--text.text--darken-3 input,
.deep-purple--text.text--darken-3 textarea {
    caret-color: #4527a0 !important
}

.deep-purple.darken-4 {
    border-color: #311b92 !important
}

.deep-purple.darken-4,
.deep-purple.darken-4--after:after {
    background-color: #311b92 !important
}

.deep-purple--text.text--darken-4 {
    color: #311b92 !important
}

.deep-purple--text.text--darken-4 input,
.deep-purple--text.text--darken-4 textarea {
    caret-color: #311b92 !important
}

.deep-purple.accent-1 {
    border-color: #b388ff !important
}

.deep-purple.accent-1,
.deep-purple.accent-1--after:after {
    background-color: #b388ff !important
}

.deep-purple--text.text--accent-1 {
    color: #b388ff !important
}

.deep-purple--text.text--accent-1 input,
.deep-purple--text.text--accent-1 textarea {
    caret-color: #b388ff !important
}

.deep-purple.accent-2 {
    border-color: #7c4dff !important
}

.deep-purple.accent-2,
.deep-purple.accent-2--after:after {
    background-color: #7c4dff !important
}

.deep-purple--text.text--accent-2 {
    color: #7c4dff !important
}

.deep-purple--text.text--accent-2 input,
.deep-purple--text.text--accent-2 textarea {
    caret-color: #7c4dff !important
}

.deep-purple.accent-3 {
    border-color: #651fff !important
}

.deep-purple.accent-3,
.deep-purple.accent-3--after:after {
    background-color: #651fff !important
}

.deep-purple--text.text--accent-3 {
    color: #651fff !important
}

.deep-purple--text.text--accent-3 input,
.deep-purple--text.text--accent-3 textarea {
    caret-color: #651fff !important
}

.deep-purple.accent-4 {
    border-color: #6200ea !important
}

.deep-purple.accent-4,
.deep-purple.accent-4--after:after {
    background-color: #6200ea !important
}

.deep-purple--text.text--accent-4 {
    color: #6200ea !important
}

.deep-purple--text.text--accent-4 input,
.deep-purple--text.text--accent-4 textarea {
    caret-color: #6200ea !important
}

.indigo {
    background-color: #3f51b5 !important;
    border-color: #3f51b5 !important
}

.indigo--text {
    color: #3f51b5 !important
}

.indigo--text input,
.indigo--text textarea {
    caret-color: #3f51b5 !important
}

.indigo--after:after {
    background: #3f51b5 !important
}

.indigo.lighten-5 {
    border-color: #e8eaf6 !important
}

.indigo.lighten-5,
.indigo.lighten-5--after:after {
    background-color: #e8eaf6 !important
}

.indigo--text.text--lighten-5 {
    color: #e8eaf6 !important
}

.indigo--text.text--lighten-5 input,
.indigo--text.text--lighten-5 textarea {
    caret-color: #e8eaf6 !important
}

.indigo.lighten-4 {
    border-color: #c5cae9 !important
}

.indigo.lighten-4,
.indigo.lighten-4--after:after {
    background-color: #c5cae9 !important
}

.indigo--text.text--lighten-4 {
    color: #c5cae9 !important
}

.indigo--text.text--lighten-4 input,
.indigo--text.text--lighten-4 textarea {
    caret-color: #c5cae9 !important
}

.indigo.lighten-3 {
    border-color: #9fa8da !important
}

.indigo.lighten-3,
.indigo.lighten-3--after:after {
    background-color: #9fa8da !important
}

.indigo--text.text--lighten-3 {
    color: #9fa8da !important
}

.indigo--text.text--lighten-3 input,
.indigo--text.text--lighten-3 textarea {
    caret-color: #9fa8da !important
}

.indigo.lighten-2 {
    border-color: #7986cb !important
}

.indigo.lighten-2,
.indigo.lighten-2--after:after {
    background-color: #7986cb !important
}

.indigo--text.text--lighten-2 {
    color: #7986cb !important
}

.indigo--text.text--lighten-2 input,
.indigo--text.text--lighten-2 textarea {
    caret-color: #7986cb !important
}

.indigo.lighten-1 {
    border-color: #5c6bc0 !important
}

.indigo.lighten-1,
.indigo.lighten-1--after:after {
    background-color: #5c6bc0 !important
}

.indigo--text.text--lighten-1 {
    color: #5c6bc0 !important
}

.indigo--text.text--lighten-1 input,
.indigo--text.text--lighten-1 textarea {
    caret-color: #5c6bc0 !important
}

.indigo.darken-1 {
    border-color: #3949ab !important
}

.indigo.darken-1,
.indigo.darken-1--after:after {
    background-color: #3949ab !important
}

.indigo--text.text--darken-1 {
    color: #3949ab !important
}

.indigo--text.text--darken-1 input,
.indigo--text.text--darken-1 textarea {
    caret-color: #3949ab !important
}

.indigo.darken-2 {
    border-color: #303f9f !important
}

.indigo.darken-2,
.indigo.darken-2--after:after {
    background-color: #303f9f !important
}

.indigo--text.text--darken-2 {
    color: #303f9f !important
}

.indigo--text.text--darken-2 input,
.indigo--text.text--darken-2 textarea {
    caret-color: #303f9f !important
}

.indigo.darken-3 {
    border-color: #283593 !important
}

.indigo.darken-3,
.indigo.darken-3--after:after {
    background-color: #283593 !important
}

.indigo--text.text--darken-3 {
    color: #283593 !important
}

.indigo--text.text--darken-3 input,
.indigo--text.text--darken-3 textarea {
    caret-color: #283593 !important
}

.indigo.darken-4 {
    border-color: #1a237e !important
}

.indigo.darken-4,
.indigo.darken-4--after:after {
    background-color: #1a237e !important
}

.indigo--text.text--darken-4 {
    color: #1a237e !important
}

.indigo--text.text--darken-4 input,
.indigo--text.text--darken-4 textarea {
    caret-color: #1a237e !important
}

.indigo.accent-1 {
    border-color: #8c9eff !important
}

.indigo.accent-1,
.indigo.accent-1--after:after {
    background-color: #8c9eff !important
}

.indigo--text.text--accent-1 {
    color: #8c9eff !important
}

.indigo--text.text--accent-1 input,
.indigo--text.text--accent-1 textarea {
    caret-color: #8c9eff !important
}

.indigo.accent-2 {
    border-color: #536dfe !important
}

.indigo.accent-2,
.indigo.accent-2--after:after {
    background-color: #536dfe !important
}

.indigo--text.text--accent-2 {
    color: #536dfe !important
}

.indigo--text.text--accent-2 input,
.indigo--text.text--accent-2 textarea {
    caret-color: #536dfe !important
}

.indigo.accent-3 {
    border-color: #3d5afe !important
}

.indigo.accent-3,
.indigo.accent-3--after:after {
    background-color: #3d5afe !important
}

.indigo--text.text--accent-3 {
    color: #3d5afe !important
}

.indigo--text.text--accent-3 input,
.indigo--text.text--accent-3 textarea {
    caret-color: #3d5afe !important
}

.indigo.accent-4 {
    border-color: #304ffe !important
}

.indigo.accent-4,
.indigo.accent-4--after:after {
    background-color: #304ffe !important
}

.indigo--text.text--accent-4 {
    color: #304ffe !important
}

.indigo--text.text--accent-4 input,
.indigo--text.text--accent-4 textarea {
    caret-color: #304ffe !important
}

.blue {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important
}

.blue--text {
    color: #2196f3 !important
}

.blue--text input,
.blue--text textarea {
    caret-color: #2196f3 !important
}

.blue--after:after {
    background: #2196f3 !important
}

.blue.lighten-5 {
    border-color: #e3f2fd !important
}

.blue.lighten-5,
.blue.lighten-5--after:after {
    background-color: #e3f2fd !important
}

.blue--text.text--lighten-5 {
    color: #e3f2fd !important
}

.blue--text.text--lighten-5 input,
.blue--text.text--lighten-5 textarea {
    caret-color: #e3f2fd !important
}

.blue.lighten-4 {
    border-color: #bbdefb !important
}

.blue.lighten-4,
.blue.lighten-4--after:after {
    background-color: #bbdefb !important
}

.blue--text.text--lighten-4 {
    color: #bbdefb !important
}

.blue--text.text--lighten-4 input,
.blue--text.text--lighten-4 textarea {
    caret-color: #bbdefb !important
}

.blue.lighten-3 {
    border-color: #90caf9 !important
}

.blue.lighten-3,
.blue.lighten-3--after:after {
    background-color: #90caf9 !important
}

.blue--text.text--lighten-3 {
    color: #90caf9 !important
}

.blue--text.text--lighten-3 input,
.blue--text.text--lighten-3 textarea {
    caret-color: #90caf9 !important
}

.blue.lighten-2 {
    border-color: #64b5f6 !important
}

.blue.lighten-2,
.blue.lighten-2--after:after {
    background-color: #64b5f6 !important
}

.blue--text.text--lighten-2 {
    color: #64b5f6 !important
}

.blue--text.text--lighten-2 input,
.blue--text.text--lighten-2 textarea {
    caret-color: #64b5f6 !important
}

.blue.lighten-1 {
    border-color: #42a5f5 !important
}

.blue.lighten-1,
.blue.lighten-1--after:after {
    background-color: #42a5f5 !important
}

.blue--text.text--lighten-1 {
    color: #42a5f5 !important
}

.blue--text.text--lighten-1 input,
.blue--text.text--lighten-1 textarea {
    caret-color: #42a5f5 !important
}

.blue.darken-1 {
    border-color: #1e88e5 !important
}

.blue.darken-1,
.blue.darken-1--after:after {
    background-color: #1e88e5 !important
}

.blue--text.text--darken-1 {
    color: #1e88e5 !important
}

.blue--text.text--darken-1 input,
.blue--text.text--darken-1 textarea {
    caret-color: #1e88e5 !important
}

.blue.darken-2 {
    border-color: #1976d2 !important
}

.blue.darken-2,
.blue.darken-2--after:after {
    background-color: #1976d2 !important
}

.blue--text.text--darken-2 {
    color: #1976d2 !important
}

.blue--text.text--darken-2 input,
.blue--text.text--darken-2 textarea {
    caret-color: #1976d2 !important
}

.blue.darken-3 {
    border-color: #1565c0 !important
}

.blue.darken-3,
.blue.darken-3--after:after {
    background-color: #1565c0 !important
}

.blue--text.text--darken-3 {
    color: #1565c0 !important
}

.blue--text.text--darken-3 input,
.blue--text.text--darken-3 textarea {
    caret-color: #1565c0 !important
}

.blue.darken-4 {
    border-color: #0d47a1 !important
}

.blue.darken-4,
.blue.darken-4--after:after {
    background-color: #0d47a1 !important
}

.blue--text.text--darken-4 {
    color: #0d47a1 !important
}

.blue--text.text--darken-4 input,
.blue--text.text--darken-4 textarea {
    caret-color: #0d47a1 !important
}

.blue.accent-1 {
    border-color: #82b1ff !important
}

.blue.accent-1,
.blue.accent-1--after:after {
    background-color: #82b1ff !important
}

.blue--text.text--accent-1 {
    color: #82b1ff !important
}

.blue--text.text--accent-1 input,
.blue--text.text--accent-1 textarea {
    caret-color: #82b1ff !important
}

.blue.accent-2 {
    border-color: #448aff !important
}

.blue.accent-2,
.blue.accent-2--after:after {
    background-color: #448aff !important
}

.blue--text.text--accent-2 {
    color: #448aff !important
}

.blue--text.text--accent-2 input,
.blue--text.text--accent-2 textarea {
    caret-color: #448aff !important
}

.blue.accent-3 {
    border-color: #2979ff !important
}

.blue.accent-3,
.blue.accent-3--after:after {
    background-color: #2979ff !important
}

.blue--text.text--accent-3 {
    color: #2979ff !important
}

.blue--text.text--accent-3 input,
.blue--text.text--accent-3 textarea {
    caret-color: #2979ff !important
}

.blue.accent-4 {
    border-color: #2962ff !important
}

.blue.accent-4,
.blue.accent-4--after:after {
    background-color: #2962ff !important
}

.blue--text.text--accent-4 {
    color: #2962ff !important
}

.blue--text.text--accent-4 input,
.blue--text.text--accent-4 textarea {
    caret-color: #2962ff !important
}

.light-blue {
    background-color: #03a9f4 !important;
    border-color: #03a9f4 !important
}

.light-blue--text {
    color: #03a9f4 !important
}

.light-blue--text input,
.light-blue--text textarea {
    caret-color: #03a9f4 !important
}

.light-blue--after:after {
    background: #03a9f4 !important
}

.light-blue.lighten-5 {
    border-color: #e1f5fe !important
}

.light-blue.lighten-5,
.light-blue.lighten-5--after:after {
    background-color: #e1f5fe !important
}

.light-blue--text.text--lighten-5 {
    color: #e1f5fe !important
}

.light-blue--text.text--lighten-5 input,
.light-blue--text.text--lighten-5 textarea {
    caret-color: #e1f5fe !important
}

.light-blue.lighten-4 {
    border-color: #b3e5fc !important
}

.light-blue.lighten-4,
.light-blue.lighten-4--after:after {
    background-color: #b3e5fc !important
}

.light-blue--text.text--lighten-4 {
    color: #b3e5fc !important
}

.light-blue--text.text--lighten-4 input,
.light-blue--text.text--lighten-4 textarea {
    caret-color: #b3e5fc !important
}

.light-blue.lighten-3 {
    border-color: #81d4fa !important
}

.light-blue.lighten-3,
.light-blue.lighten-3--after:after {
    background-color: #81d4fa !important
}

.light-blue--text.text--lighten-3 {
    color: #81d4fa !important
}

.light-blue--text.text--lighten-3 input,
.light-blue--text.text--lighten-3 textarea {
    caret-color: #81d4fa !important
}

.light-blue.lighten-2 {
    border-color: #4fc3f7 !important
}

.light-blue.lighten-2,
.light-blue.lighten-2--after:after {
    background-color: #4fc3f7 !important
}

.light-blue--text.text--lighten-2 {
    color: #4fc3f7 !important
}

.light-blue--text.text--lighten-2 input,
.light-blue--text.text--lighten-2 textarea {
    caret-color: #4fc3f7 !important
}

.light-blue.lighten-1 {
    border-color: #29b6f6 !important
}

.light-blue.lighten-1,
.light-blue.lighten-1--after:after {
    background-color: #29b6f6 !important
}

.light-blue--text.text--lighten-1 {
    color: #29b6f6 !important
}

.light-blue--text.text--lighten-1 input,
.light-blue--text.text--lighten-1 textarea {
    caret-color: #29b6f6 !important
}

.light-blue.darken-1 {
    border-color: #039be5 !important
}

.light-blue.darken-1,
.light-blue.darken-1--after:after {
    background-color: #039be5 !important
}

.light-blue--text.text--darken-1 {
    color: #039be5 !important
}

.light-blue--text.text--darken-1 input,
.light-blue--text.text--darken-1 textarea {
    caret-color: #039be5 !important
}

.light-blue.darken-2 {
    border-color: #0288d1 !important
}

.light-blue.darken-2,
.light-blue.darken-2--after:after {
    background-color: #0288d1 !important
}

.light-blue--text.text--darken-2 {
    color: #0288d1 !important
}

.light-blue--text.text--darken-2 input,
.light-blue--text.text--darken-2 textarea {
    caret-color: #0288d1 !important
}

.light-blue.darken-3 {
    border-color: #0277bd !important
}

.light-blue.darken-3,
.light-blue.darken-3--after:after {
    background-color: #0277bd !important
}

.light-blue--text.text--darken-3 {
    color: #0277bd !important
}

.light-blue--text.text--darken-3 input,
.light-blue--text.text--darken-3 textarea {
    caret-color: #0277bd !important
}

.light-blue.darken-4 {
    border-color: #01579b !important
}

.light-blue.darken-4,
.light-blue.darken-4--after:after {
    background-color: #01579b !important
}

.light-blue--text.text--darken-4 {
    color: #01579b !important
}

.light-blue--text.text--darken-4 input,
.light-blue--text.text--darken-4 textarea {
    caret-color: #01579b !important
}

.light-blue.accent-1 {
    border-color: #80d8ff !important
}

.light-blue.accent-1,
.light-blue.accent-1--after:after {
    background-color: #80d8ff !important
}

.light-blue--text.text--accent-1 {
    color: #80d8ff !important
}

.light-blue--text.text--accent-1 input,
.light-blue--text.text--accent-1 textarea {
    caret-color: #80d8ff !important
}

.light-blue.accent-2 {
    border-color: #40c4ff !important
}

.light-blue.accent-2,
.light-blue.accent-2--after:after {
    background-color: #40c4ff !important
}

.light-blue--text.text--accent-2 {
    color: #40c4ff !important
}

.light-blue--text.text--accent-2 input,
.light-blue--text.text--accent-2 textarea {
    caret-color: #40c4ff !important
}

.light-blue.accent-3 {
    border-color: #00b0ff !important
}

.light-blue.accent-3,
.light-blue.accent-3--after:after {
    background-color: #00b0ff !important
}

.light-blue--text.text--accent-3 {
    color: #00b0ff !important
}

.light-blue--text.text--accent-3 input,
.light-blue--text.text--accent-3 textarea {
    caret-color: #00b0ff !important
}

.light-blue.accent-4 {
    border-color: #0091ea !important
}

.light-blue.accent-4,
.light-blue.accent-4--after:after {
    background-color: #0091ea !important
}

.light-blue--text.text--accent-4 {
    color: #0091ea !important
}

.light-blue--text.text--accent-4 input,
.light-blue--text.text--accent-4 textarea {
    caret-color: #0091ea !important
}

.cyan {
    background-color: #00bcd4 !important;
    border-color: #00bcd4 !important
}

.cyan--text {
    color: #00bcd4 !important
}

.cyan--text input,
.cyan--text textarea {
    caret-color: #00bcd4 !important
}

.cyan--after:after {
    background: #00bcd4 !important
}

.cyan.lighten-5 {
    border-color: #e0f7fa !important
}

.cyan.lighten-5,
.cyan.lighten-5--after:after {
    background-color: #e0f7fa !important
}

.cyan--text.text--lighten-5 {
    color: #e0f7fa !important
}

.cyan--text.text--lighten-5 input,
.cyan--text.text--lighten-5 textarea {
    caret-color: #e0f7fa !important
}

.cyan.lighten-4 {
    border-color: #b2ebf2 !important
}

.cyan.lighten-4,
.cyan.lighten-4--after:after {
    background-color: #b2ebf2 !important
}

.cyan--text.text--lighten-4 {
    color: #b2ebf2 !important
}

.cyan--text.text--lighten-4 input,
.cyan--text.text--lighten-4 textarea {
    caret-color: #b2ebf2 !important
}

.cyan.lighten-3 {
    border-color: #80deea !important
}

.cyan.lighten-3,
.cyan.lighten-3--after:after {
    background-color: #80deea !important
}

.cyan--text.text--lighten-3 {
    color: #80deea !important
}

.cyan--text.text--lighten-3 input,
.cyan--text.text--lighten-3 textarea {
    caret-color: #80deea !important
}

.cyan.lighten-2 {
    border-color: #4dd0e1 !important
}

.cyan.lighten-2,
.cyan.lighten-2--after:after {
    background-color: #4dd0e1 !important
}

.cyan--text.text--lighten-2 {
    color: #4dd0e1 !important
}

.cyan--text.text--lighten-2 input,
.cyan--text.text--lighten-2 textarea {
    caret-color: #4dd0e1 !important
}

.cyan.lighten-1 {
    border-color: #26c6da !important
}

.cyan.lighten-1,
.cyan.lighten-1--after:after {
    background-color: #26c6da !important
}

.cyan--text.text--lighten-1 {
    color: #26c6da !important
}

.cyan--text.text--lighten-1 input,
.cyan--text.text--lighten-1 textarea {
    caret-color: #26c6da !important
}

.cyan.darken-1 {
    border-color: #00acc1 !important
}

.cyan.darken-1,
.cyan.darken-1--after:after {
    background-color: #00acc1 !important
}

.cyan--text.text--darken-1 {
    color: #00acc1 !important
}

.cyan--text.text--darken-1 input,
.cyan--text.text--darken-1 textarea {
    caret-color: #00acc1 !important
}

.cyan.darken-2 {
    border-color: #0097a7 !important
}

.cyan.darken-2,
.cyan.darken-2--after:after {
    background-color: #0097a7 !important
}

.cyan--text.text--darken-2 {
    color: #0097a7 !important
}

.cyan--text.text--darken-2 input,
.cyan--text.text--darken-2 textarea {
    caret-color: #0097a7 !important
}

.cyan.darken-3 {
    border-color: #00838f !important
}

.cyan.darken-3,
.cyan.darken-3--after:after {
    background-color: #00838f !important
}

.cyan--text.text--darken-3 {
    color: #00838f !important
}

.cyan--text.text--darken-3 input,
.cyan--text.text--darken-3 textarea {
    caret-color: #00838f !important
}

.cyan.darken-4 {
    border-color: #006064 !important
}

.cyan.darken-4,
.cyan.darken-4--after:after {
    background-color: #006064 !important
}

.cyan--text.text--darken-4 {
    color: #006064 !important
}

.cyan--text.text--darken-4 input,
.cyan--text.text--darken-4 textarea {
    caret-color: #006064 !important
}

.cyan.accent-1 {
    border-color: #84ffff !important
}

.cyan.accent-1,
.cyan.accent-1--after:after {
    background-color: #84ffff !important
}

.cyan--text.text--accent-1 {
    color: #84ffff !important
}

.cyan--text.text--accent-1 input,
.cyan--text.text--accent-1 textarea {
    caret-color: #84ffff !important
}

.cyan.accent-2 {
    border-color: #18ffff !important
}

.cyan.accent-2,
.cyan.accent-2--after:after {
    background-color: #18ffff !important
}

.cyan--text.text--accent-2 {
    color: #18ffff !important
}

.cyan--text.text--accent-2 input,
.cyan--text.text--accent-2 textarea {
    caret-color: #18ffff !important
}

.cyan.accent-3 {
    border-color: #00e5ff !important
}

.cyan.accent-3,
.cyan.accent-3--after:after {
    background-color: #00e5ff !important
}

.cyan--text.text--accent-3 {
    color: #00e5ff !important
}

.cyan--text.text--accent-3 input,
.cyan--text.text--accent-3 textarea {
    caret-color: #00e5ff !important
}

.cyan.accent-4 {
    border-color: #00b8d4 !important
}

.cyan.accent-4,
.cyan.accent-4--after:after {
    background-color: #00b8d4 !important
}

.cyan--text.text--accent-4 {
    color: #00b8d4 !important
}

.cyan--text.text--accent-4 input,
.cyan--text.text--accent-4 textarea {
    caret-color: #00b8d4 !important
}

.teal {
    background-color: #009688 !important;
    border-color: #009688 !important
}

.teal--text {
    color: #009688 !important
}

.teal--text input,
.teal--text textarea {
    caret-color: #009688 !important
}

.teal--after:after {
    background: #009688 !important
}

.teal.lighten-5 {
    border-color: #e0f2f1 !important
}

.teal.lighten-5,
.teal.lighten-5--after:after {
    background-color: #e0f2f1 !important
}

.teal--text.text--lighten-5 {
    color: #e0f2f1 !important
}

.teal--text.text--lighten-5 input,
.teal--text.text--lighten-5 textarea {
    caret-color: #e0f2f1 !important
}

.teal.lighten-4 {
    border-color: #b2dfdb !important
}

.teal.lighten-4,
.teal.lighten-4--after:after {
    background-color: #b2dfdb !important
}

.teal--text.text--lighten-4 {
    color: #b2dfdb !important
}

.teal--text.text--lighten-4 input,
.teal--text.text--lighten-4 textarea {
    caret-color: #b2dfdb !important
}

.teal.lighten-3 {
    border-color: #80cbc4 !important
}

.teal.lighten-3,
.teal.lighten-3--after:after {
    background-color: #80cbc4 !important
}

.teal--text.text--lighten-3 {
    color: #80cbc4 !important
}

.teal--text.text--lighten-3 input,
.teal--text.text--lighten-3 textarea {
    caret-color: #80cbc4 !important
}

.teal.lighten-2 {
    border-color: #4db6ac !important
}

.teal.lighten-2,
.teal.lighten-2--after:after {
    background-color: #4db6ac !important
}

.teal--text.text--lighten-2 {
    color: #4db6ac !important
}

.teal--text.text--lighten-2 input,
.teal--text.text--lighten-2 textarea {
    caret-color: #4db6ac !important
}

.teal.lighten-1 {
    border-color: #26a69a !important
}

.teal.lighten-1,
.teal.lighten-1--after:after {
    background-color: #26a69a !important
}

.teal--text.text--lighten-1 {
    color: #26a69a !important
}

.teal--text.text--lighten-1 input,
.teal--text.text--lighten-1 textarea {
    caret-color: #26a69a !important
}

.teal.darken-1 {
    border-color: #00897b !important
}

.teal.darken-1,
.teal.darken-1--after:after {
    background-color: #00897b !important
}

.teal--text.text--darken-1 {
    color: #00897b !important
}

.teal--text.text--darken-1 input,
.teal--text.text--darken-1 textarea {
    caret-color: #00897b !important
}

.teal.darken-2 {
    border-color: #00796b !important
}

.teal.darken-2,
.teal.darken-2--after:after {
    background-color: #00796b !important
}

.teal--text.text--darken-2 {
    color: #00796b !important
}

.teal--text.text--darken-2 input,
.teal--text.text--darken-2 textarea {
    caret-color: #00796b !important
}

.teal.darken-3 {
    border-color: #00695c !important
}

.teal.darken-3,
.teal.darken-3--after:after {
    background-color: #00695c !important
}

.teal--text.text--darken-3 {
    color: #00695c !important
}

.teal--text.text--darken-3 input,
.teal--text.text--darken-3 textarea {
    caret-color: #00695c !important
}

.teal.darken-4 {
    border-color: #004d40 !important
}

.teal.darken-4,
.teal.darken-4--after:after {
    background-color: #004d40 !important
}

.teal--text.text--darken-4 {
    color: #004d40 !important
}

.teal--text.text--darken-4 input,
.teal--text.text--darken-4 textarea {
    caret-color: #004d40 !important
}

.teal.accent-1 {
    border-color: #a7ffeb !important
}

.teal.accent-1,
.teal.accent-1--after:after {
    background-color: #a7ffeb !important
}

.teal--text.text--accent-1 {
    color: #a7ffeb !important
}

.teal--text.text--accent-1 input,
.teal--text.text--accent-1 textarea {
    caret-color: #a7ffeb !important
}

.teal.accent-2 {
    border-color: #64ffda !important
}

.teal.accent-2,
.teal.accent-2--after:after {
    background-color: #64ffda !important
}

.teal--text.text--accent-2 {
    color: #64ffda !important
}

.teal--text.text--accent-2 input,
.teal--text.text--accent-2 textarea {
    caret-color: #64ffda !important
}

.teal.accent-3 {
    border-color: #1de9b6 !important
}

.teal.accent-3,
.teal.accent-3--after:after {
    background-color: #1de9b6 !important
}

.teal--text.text--accent-3 {
    color: #1de9b6 !important
}

.teal--text.text--accent-3 input,
.teal--text.text--accent-3 textarea {
    caret-color: #1de9b6 !important
}

.teal.accent-4 {
    border-color: #00bfa5 !important
}

.teal.accent-4,
.teal.accent-4--after:after {
    background-color: #00bfa5 !important
}

.teal--text.text--accent-4 {
    color: #00bfa5 !important
}

.teal--text.text--accent-4 input,
.teal--text.text--accent-4 textarea {
    caret-color: #00bfa5 !important
}

.green {
    background-color: #4caf50 !important;
    border-color: #4caf50 !important
}

.green--text {
    color: #4caf50 !important
}

.green--text input,
.green--text textarea {
    caret-color: #4caf50 !important
}

.green--after:after {
    background: #4caf50 !important
}

.green.lighten-5 {
    border-color: #e8f5e9 !important
}

.green.lighten-5,
.green.lighten-5--after:after {
    background-color: #e8f5e9 !important
}

.green--text.text--lighten-5 {
    color: #e8f5e9 !important
}

.green--text.text--lighten-5 input,
.green--text.text--lighten-5 textarea {
    caret-color: #e8f5e9 !important
}

.green.lighten-4 {
    border-color: #c8e6c9 !important
}

.green.lighten-4,
.green.lighten-4--after:after {
    background-color: #c8e6c9 !important
}

.green--text.text--lighten-4 {
    color: #c8e6c9 !important
}

.green--text.text--lighten-4 input,
.green--text.text--lighten-4 textarea {
    caret-color: #c8e6c9 !important
}

.green.lighten-3 {
    border-color: #a5d6a7 !important
}

.green.lighten-3,
.green.lighten-3--after:after {
    background-color: #a5d6a7 !important
}

.green--text.text--lighten-3 {
    color: #a5d6a7 !important
}

.green--text.text--lighten-3 input,
.green--text.text--lighten-3 textarea {
    caret-color: #a5d6a7 !important
}

.green.lighten-2 {
    border-color: #81c784 !important
}

.green.lighten-2,
.green.lighten-2--after:after {
    background-color: #81c784 !important
}

.green--text.text--lighten-2 {
    color: #81c784 !important
}

.green--text.text--lighten-2 input,
.green--text.text--lighten-2 textarea {
    caret-color: #81c784 !important
}

.green.lighten-1 {
    border-color: #66bb6a !important
}

.green.lighten-1,
.green.lighten-1--after:after {
    background-color: #66bb6a !important
}

.green--text.text--lighten-1 {
    color: #66bb6a !important
}

.green--text.text--lighten-1 input,
.green--text.text--lighten-1 textarea {
    caret-color: #66bb6a !important
}

.green.darken-1 {
    border-color: #43a047 !important
}

.green.darken-1,
.green.darken-1--after:after {
    background-color: #43a047 !important
}

.green--text.text--darken-1 {
    color: #43a047 !important
}

.green--text.text--darken-1 input,
.green--text.text--darken-1 textarea {
    caret-color: #43a047 !important
}

.green.darken-2 {
    border-color: #388e3c !important
}

.green.darken-2,
.green.darken-2--after:after {
    background-color: #388e3c !important
}

.green--text.text--darken-2 {
    color: #388e3c !important
}

.green--text.text--darken-2 input,
.green--text.text--darken-2 textarea {
    caret-color: #388e3c !important
}

.green.darken-3 {
    border-color: #2e7d32 !important
}

.green.darken-3,
.green.darken-3--after:after {
    background-color: #2e7d32 !important
}

.green--text.text--darken-3 {
    color: #2e7d32 !important
}

.green--text.text--darken-3 input,
.green--text.text--darken-3 textarea {
    caret-color: #2e7d32 !important
}

.green.darken-4 {
    border-color: #1b5e20 !important
}

.green.darken-4,
.green.darken-4--after:after {
    background-color: #1b5e20 !important
}

.green--text.text--darken-4 {
    color: #1b5e20 !important
}

.green--text.text--darken-4 input,
.green--text.text--darken-4 textarea {
    caret-color: #1b5e20 !important
}

.green.accent-1 {
    border-color: #b9f6ca !important
}

.green.accent-1,
.green.accent-1--after:after {
    background-color: #b9f6ca !important
}

.green--text.text--accent-1 {
    color: #b9f6ca !important
}

.green--text.text--accent-1 input,
.green--text.text--accent-1 textarea {
    caret-color: #b9f6ca !important
}

.green.accent-2 {
    border-color: #69f0ae !important
}

.green.accent-2,
.green.accent-2--after:after {
    background-color: #69f0ae !important
}

.green--text.text--accent-2 {
    color: #69f0ae !important
}

.green--text.text--accent-2 input,
.green--text.text--accent-2 textarea {
    caret-color: #69f0ae !important
}

.green.accent-3 {
    border-color: #00e676 !important
}

.green.accent-3,
.green.accent-3--after:after {
    background-color: #00e676 !important
}

.green--text.text--accent-3 {
    color: #00e676 !important
}

.green--text.text--accent-3 input,
.green--text.text--accent-3 textarea {
    caret-color: #00e676 !important
}

.green.accent-4 {
    border-color: #00c853 !important
}

.green.accent-4,
.green.accent-4--after:after {
    background-color: #00c853 !important
}

.green--text.text--accent-4 {
    color: #00c853 !important
}

.green--text.text--accent-4 input,
.green--text.text--accent-4 textarea {
    caret-color: #00c853 !important
}

.light-green {
    background-color: #8bc34a !important;
    border-color: #8bc34a !important
}

.light-green--text {
    color: #8bc34a !important
}

.light-green--text input,
.light-green--text textarea {
    caret-color: #8bc34a !important
}

.light-green--after:after {
    background: #8bc34a !important
}

.light-green.lighten-5 {
    border-color: #f1f8e9 !important
}

.light-green.lighten-5,
.light-green.lighten-5--after:after {
    background-color: #f1f8e9 !important
}

.light-green--text.text--lighten-5 {
    color: #f1f8e9 !important
}

.light-green--text.text--lighten-5 input,
.light-green--text.text--lighten-5 textarea {
    caret-color: #f1f8e9 !important
}

.light-green.lighten-4 {
    border-color: #dcedc8 !important
}

.light-green.lighten-4,
.light-green.lighten-4--after:after {
    background-color: #dcedc8 !important
}

.light-green--text.text--lighten-4 {
    color: #dcedc8 !important
}

.light-green--text.text--lighten-4 input,
.light-green--text.text--lighten-4 textarea {
    caret-color: #dcedc8 !important
}

.light-green.lighten-3 {
    border-color: #c5e1a5 !important
}

.light-green.lighten-3,
.light-green.lighten-3--after:after {
    background-color: #c5e1a5 !important
}

.light-green--text.text--lighten-3 {
    color: #c5e1a5 !important
}

.light-green--text.text--lighten-3 input,
.light-green--text.text--lighten-3 textarea {
    caret-color: #c5e1a5 !important
}

.light-green.lighten-2 {
    border-color: #aed581 !important
}

.light-green.lighten-2,
.light-green.lighten-2--after:after {
    background-color: #aed581 !important
}

.light-green--text.text--lighten-2 {
    color: #aed581 !important
}

.light-green--text.text--lighten-2 input,
.light-green--text.text--lighten-2 textarea {
    caret-color: #aed581 !important
}

.light-green.lighten-1 {
    border-color: #9ccc65 !important
}

.light-green.lighten-1,
.light-green.lighten-1--after:after {
    background-color: #9ccc65 !important
}

.light-green--text.text--lighten-1 {
    color: #9ccc65 !important
}

.light-green--text.text--lighten-1 input,
.light-green--text.text--lighten-1 textarea {
    caret-color: #9ccc65 !important
}

.light-green.darken-1 {
    border-color: #7cb342 !important
}

.light-green.darken-1,
.light-green.darken-1--after:after {
    background-color: #7cb342 !important
}

.light-green--text.text--darken-1 {
    color: #7cb342 !important
}

.light-green--text.text--darken-1 input,
.light-green--text.text--darken-1 textarea {
    caret-color: #7cb342 !important
}

.light-green.darken-2 {
    border-color: #689f38 !important
}

.light-green.darken-2,
.light-green.darken-2--after:after {
    background-color: #689f38 !important
}

.light-green--text.text--darken-2 {
    color: #689f38 !important
}

.light-green--text.text--darken-2 input,
.light-green--text.text--darken-2 textarea {
    caret-color: #689f38 !important
}

.light-green.darken-3 {
    border-color: #558b2f !important
}

.light-green.darken-3,
.light-green.darken-3--after:after {
    background-color: #558b2f !important
}

.light-green--text.text--darken-3 {
    color: #558b2f !important
}

.light-green--text.text--darken-3 input,
.light-green--text.text--darken-3 textarea {
    caret-color: #558b2f !important
}

.light-green.darken-4 {
    border-color: #33691e !important
}

.light-green.darken-4,
.light-green.darken-4--after:after {
    background-color: #33691e !important
}

.light-green--text.text--darken-4 {
    color: #33691e !important
}

.light-green--text.text--darken-4 input,
.light-green--text.text--darken-4 textarea {
    caret-color: #33691e !important
}

.light-green.accent-1 {
    border-color: #ccff90 !important
}

.light-green.accent-1,
.light-green.accent-1--after:after {
    background-color: #ccff90 !important
}

.light-green--text.text--accent-1 {
    color: #ccff90 !important
}

.light-green--text.text--accent-1 input,
.light-green--text.text--accent-1 textarea {
    caret-color: #ccff90 !important
}

.light-green.accent-2 {
    border-color: #b2ff59 !important
}

.light-green.accent-2,
.light-green.accent-2--after:after {
    background-color: #b2ff59 !important
}

.light-green--text.text--accent-2 {
    color: #b2ff59 !important
}

.light-green--text.text--accent-2 input,
.light-green--text.text--accent-2 textarea {
    caret-color: #b2ff59 !important
}

.light-green.accent-3 {
    border-color: #76ff03 !important
}

.light-green.accent-3,
.light-green.accent-3--after:after {
    background-color: #76ff03 !important
}

.light-green--text.text--accent-3 {
    color: #76ff03 !important
}

.light-green--text.text--accent-3 input,
.light-green--text.text--accent-3 textarea {
    caret-color: #76ff03 !important
}

.light-green.accent-4 {
    border-color: #64dd17 !important
}

.light-green.accent-4,
.light-green.accent-4--after:after {
    background-color: #64dd17 !important
}

.light-green--text.text--accent-4 {
    color: #64dd17 !important
}

.light-green--text.text--accent-4 input,
.light-green--text.text--accent-4 textarea {
    caret-color: #64dd17 !important
}

.lime {
    background-color: #cddc39 !important;
    border-color: #cddc39 !important
}

.lime--text {
    color: #cddc39 !important
}

.lime--text input,
.lime--text textarea {
    caret-color: #cddc39 !important
}

.lime--after:after {
    background: #cddc39 !important
}

.lime.lighten-5 {
    border-color: #f9fbe7 !important
}

.lime.lighten-5,
.lime.lighten-5--after:after {
    background-color: #f9fbe7 !important
}

.lime--text.text--lighten-5 {
    color: #f9fbe7 !important
}

.lime--text.text--lighten-5 input,
.lime--text.text--lighten-5 textarea {
    caret-color: #f9fbe7 !important
}

.lime.lighten-4 {
    border-color: #f0f4c3 !important
}

.lime.lighten-4,
.lime.lighten-4--after:after {
    background-color: #f0f4c3 !important
}

.lime--text.text--lighten-4 {
    color: #f0f4c3 !important
}

.lime--text.text--lighten-4 input,
.lime--text.text--lighten-4 textarea {
    caret-color: #f0f4c3 !important
}

.lime.lighten-3 {
    border-color: #e6ee9c !important
}

.lime.lighten-3,
.lime.lighten-3--after:after {
    background-color: #e6ee9c !important
}

.lime--text.text--lighten-3 {
    color: #e6ee9c !important
}

.lime--text.text--lighten-3 input,
.lime--text.text--lighten-3 textarea {
    caret-color: #e6ee9c !important
}

.lime.lighten-2 {
    border-color: #dce775 !important
}

.lime.lighten-2,
.lime.lighten-2--after:after {
    background-color: #dce775 !important
}

.lime--text.text--lighten-2 {
    color: #dce775 !important
}

.lime--text.text--lighten-2 input,
.lime--text.text--lighten-2 textarea {
    caret-color: #dce775 !important
}

.lime.lighten-1 {
    border-color: #d4e157 !important
}

.lime.lighten-1,
.lime.lighten-1--after:after {
    background-color: #d4e157 !important
}

.lime--text.text--lighten-1 {
    color: #d4e157 !important
}

.lime--text.text--lighten-1 input,
.lime--text.text--lighten-1 textarea {
    caret-color: #d4e157 !important
}

.lime.darken-1 {
    border-color: #c0ca33 !important
}

.lime.darken-1,
.lime.darken-1--after:after {
    background-color: #c0ca33 !important
}

.lime--text.text--darken-1 {
    color: #c0ca33 !important
}

.lime--text.text--darken-1 input,
.lime--text.text--darken-1 textarea {
    caret-color: #c0ca33 !important
}

.lime.darken-2 {
    border-color: #afb42b !important
}

.lime.darken-2,
.lime.darken-2--after:after {
    background-color: #afb42b !important
}

.lime--text.text--darken-2 {
    color: #afb42b !important
}

.lime--text.text--darken-2 input,
.lime--text.text--darken-2 textarea {
    caret-color: #afb42b !important
}

.lime.darken-3 {
    border-color: #9e9d24 !important
}

.lime.darken-3,
.lime.darken-3--after:after {
    background-color: #9e9d24 !important
}

.lime--text.text--darken-3 {
    color: #9e9d24 !important
}

.lime--text.text--darken-3 input,
.lime--text.text--darken-3 textarea {
    caret-color: #9e9d24 !important
}

.lime.darken-4 {
    border-color: #827717 !important
}

.lime.darken-4,
.lime.darken-4--after:after {
    background-color: #827717 !important
}

.lime--text.text--darken-4 {
    color: #827717 !important
}

.lime--text.text--darken-4 input,
.lime--text.text--darken-4 textarea {
    caret-color: #827717 !important
}

.lime.accent-1 {
    border-color: #f4ff81 !important
}

.lime.accent-1,
.lime.accent-1--after:after {
    background-color: #f4ff81 !important
}

.lime--text.text--accent-1 {
    color: #f4ff81 !important
}

.lime--text.text--accent-1 input,
.lime--text.text--accent-1 textarea {
    caret-color: #f4ff81 !important
}

.lime.accent-2 {
    border-color: #eeff41 !important
}

.lime.accent-2,
.lime.accent-2--after:after {
    background-color: #eeff41 !important
}

.lime--text.text--accent-2 {
    color: #eeff41 !important
}

.lime--text.text--accent-2 input,
.lime--text.text--accent-2 textarea {
    caret-color: #eeff41 !important
}

.lime.accent-3 {
    border-color: #c6ff00 !important
}

.lime.accent-3,
.lime.accent-3--after:after {
    background-color: #c6ff00 !important
}

.lime--text.text--accent-3 {
    color: #c6ff00 !important
}

.lime--text.text--accent-3 input,
.lime--text.text--accent-3 textarea {
    caret-color: #c6ff00 !important
}

.lime.accent-4 {
    border-color: #aeea00 !important
}

.lime.accent-4,
.lime.accent-4--after:after {
    background-color: #aeea00 !important
}

.lime--text.text--accent-4 {
    color: #aeea00 !important
}

.lime--text.text--accent-4 input,
.lime--text.text--accent-4 textarea {
    caret-color: #aeea00 !important
}

.yellow {
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important
}

.yellow--text {
    color: #ffeb3b !important
}

.yellow--text input,
.yellow--text textarea {
    caret-color: #ffeb3b !important
}

.yellow--after:after {
    background: #ffeb3b !important
}

.yellow.lighten-5 {
    border-color: #fffde7 !important
}

.yellow.lighten-5,
.yellow.lighten-5--after:after {
    background-color: #fffde7 !important
}

.yellow--text.text--lighten-5 {
    color: #fffde7 !important
}

.yellow--text.text--lighten-5 input,
.yellow--text.text--lighten-5 textarea {
    caret-color: #fffde7 !important
}

.yellow.lighten-4 {
    border-color: #fff9c4 !important
}

.yellow.lighten-4,
.yellow.lighten-4--after:after {
    background-color: #fff9c4 !important
}

.yellow--text.text--lighten-4 {
    color: #fff9c4 !important
}

.yellow--text.text--lighten-4 input,
.yellow--text.text--lighten-4 textarea {
    caret-color: #fff9c4 !important
}

.yellow.lighten-3 {
    border-color: #fff59d !important
}

.yellow.lighten-3,
.yellow.lighten-3--after:after {
    background-color: #fff59d !important
}

.yellow--text.text--lighten-3 {
    color: #fff59d !important
}

.yellow--text.text--lighten-3 input,
.yellow--text.text--lighten-3 textarea {
    caret-color: #fff59d !important
}

.yellow.lighten-2 {
    border-color: #fff176 !important
}

.yellow.lighten-2,
.yellow.lighten-2--after:after {
    background-color: #fff176 !important
}

.yellow--text.text--lighten-2 {
    color: #fff176 !important
}

.yellow--text.text--lighten-2 input,
.yellow--text.text--lighten-2 textarea {
    caret-color: #fff176 !important
}

.yellow.lighten-1 {
    border-color: #ffee58 !important
}

.yellow.lighten-1,
.yellow.lighten-1--after:after {
    background-color: #ffee58 !important
}

.yellow--text.text--lighten-1 {
    color: #ffee58 !important
}

.yellow--text.text--lighten-1 input,
.yellow--text.text--lighten-1 textarea {
    caret-color: #ffee58 !important
}

.yellow.darken-1 {
    border-color: #fdd835 !important
}

.yellow.darken-1,
.yellow.darken-1--after:after {
    background-color: #fdd835 !important
}

.yellow--text.text--darken-1 {
    color: #fdd835 !important
}

.yellow--text.text--darken-1 input,
.yellow--text.text--darken-1 textarea {
    caret-color: #fdd835 !important
}

.yellow.darken-2 {
    border-color: #fbc02d !important
}

.yellow.darken-2,
.yellow.darken-2--after:after {
    background-color: #fbc02d !important
}

.yellow--text.text--darken-2 {
    color: #fbc02d !important
}

.yellow--text.text--darken-2 input,
.yellow--text.text--darken-2 textarea {
    caret-color: #fbc02d !important
}

.yellow.darken-3 {
    border-color: #f9a825 !important
}

.yellow.darken-3,
.yellow.darken-3--after:after {
    background-color: #f9a825 !important
}

.yellow--text.text--darken-3 {
    color: #f9a825 !important
}

.yellow--text.text--darken-3 input,
.yellow--text.text--darken-3 textarea {
    caret-color: #f9a825 !important
}

.yellow.darken-4 {
    border-color: #f57f17 !important
}

.yellow.darken-4,
.yellow.darken-4--after:after {
    background-color: #f57f17 !important
}

.yellow--text.text--darken-4 {
    color: #f57f17 !important
}

.yellow--text.text--darken-4 input,
.yellow--text.text--darken-4 textarea {
    caret-color: #f57f17 !important
}

.yellow.accent-1 {
    border-color: #ffff8d !important
}

.yellow.accent-1,
.yellow.accent-1--after:after {
    background-color: #ffff8d !important
}

.yellow--text.text--accent-1 {
    color: #ffff8d !important
}

.yellow--text.text--accent-1 input,
.yellow--text.text--accent-1 textarea {
    caret-color: #ffff8d !important
}

.yellow.accent-2 {
    border-color: #ff0 !important
}

.yellow.accent-2,
.yellow.accent-2--after:after {
    background-color: #ff0 !important
}

.yellow--text.text--accent-2 {
    color: #ff0 !important
}

.yellow--text.text--accent-2 input,
.yellow--text.text--accent-2 textarea {
    caret-color: #ff0 !important
}

.yellow.accent-3 {
    border-color: #ffea00 !important
}

.yellow.accent-3,
.yellow.accent-3--after:after {
    background-color: #ffea00 !important
}

.yellow--text.text--accent-3 {
    color: #ffea00 !important
}

.yellow--text.text--accent-3 input,
.yellow--text.text--accent-3 textarea {
    caret-color: #ffea00 !important
}

.yellow.accent-4 {
    border-color: #ffd600 !important
}

.yellow.accent-4,
.yellow.accent-4--after:after {
    background-color: #ffd600 !important
}

.yellow--text.text--accent-4 {
    color: #ffd600 !important
}

.yellow--text.text--accent-4 input,
.yellow--text.text--accent-4 textarea {
    caret-color: #ffd600 !important
}

.amber {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important
}

.amber--text {
    color: #ffc107 !important
}

.amber--text input,
.amber--text textarea {
    caret-color: #ffc107 !important
}

.amber--after:after {
    background: #ffc107 !important
}

.amber.lighten-5 {
    border-color: #fff8e1 !important
}

.amber.lighten-5,
.amber.lighten-5--after:after {
    background-color: #fff8e1 !important
}

.amber--text.text--lighten-5 {
    color: #fff8e1 !important
}

.amber--text.text--lighten-5 input,
.amber--text.text--lighten-5 textarea {
    caret-color: #fff8e1 !important
}

.amber.lighten-4 {
    border-color: #ffecb3 !important
}

.amber.lighten-4,
.amber.lighten-4--after:after {
    background-color: #ffecb3 !important
}

.amber--text.text--lighten-4 {
    color: #ffecb3 !important
}

.amber--text.text--lighten-4 input,
.amber--text.text--lighten-4 textarea {
    caret-color: #ffecb3 !important
}

.amber.lighten-3 {
    border-color: #ffe082 !important
}

.amber.lighten-3,
.amber.lighten-3--after:after {
    background-color: #ffe082 !important
}

.amber--text.text--lighten-3 {
    color: #ffe082 !important
}

.amber--text.text--lighten-3 input,
.amber--text.text--lighten-3 textarea {
    caret-color: #ffe082 !important
}

.amber.lighten-2 {
    border-color: #ffd54f !important
}

.amber.lighten-2,
.amber.lighten-2--after:after {
    background-color: #ffd54f !important
}

.amber--text.text--lighten-2 {
    color: #ffd54f !important
}

.amber--text.text--lighten-2 input,
.amber--text.text--lighten-2 textarea {
    caret-color: #ffd54f !important
}

.amber.lighten-1 {
    border-color: #ffca28 !important
}

.amber.lighten-1,
.amber.lighten-1--after:after {
    background-color: #ffca28 !important
}

.amber--text.text--lighten-1 {
    color: #ffca28 !important
}

.amber--text.text--lighten-1 input,
.amber--text.text--lighten-1 textarea {
    caret-color: #ffca28 !important
}

.amber.darken-1 {
    border-color: #ffb300 !important
}

.amber.darken-1,
.amber.darken-1--after:after {
    background-color: #ffb300 !important
}

.amber--text.text--darken-1 {
    color: #ffb300 !important
}

.amber--text.text--darken-1 input,
.amber--text.text--darken-1 textarea {
    caret-color: #ffb300 !important
}

.amber.darken-2 {
    border-color: #ffa000 !important
}

.amber.darken-2,
.amber.darken-2--after:after {
    background-color: #ffa000 !important
}

.amber--text.text--darken-2 {
    color: #ffa000 !important
}

.amber--text.text--darken-2 input,
.amber--text.text--darken-2 textarea {
    caret-color: #ffa000 !important
}

.amber.darken-3 {
    border-color: #ff8f00 !important
}

.amber.darken-3,
.amber.darken-3--after:after {
    background-color: #ff8f00 !important
}

.amber--text.text--darken-3 {
    color: #ff8f00 !important
}

.amber--text.text--darken-3 input,
.amber--text.text--darken-3 textarea {
    caret-color: #ff8f00 !important
}

.amber.darken-4 {
    border-color: #ff6f00 !important
}

.amber.darken-4,
.amber.darken-4--after:after {
    background-color: #ff6f00 !important
}

.amber--text.text--darken-4 {
    color: #ff6f00 !important
}

.amber--text.text--darken-4 input,
.amber--text.text--darken-4 textarea {
    caret-color: #ff6f00 !important
}

.amber.accent-1 {
    border-color: #ffe57f !important
}

.amber.accent-1,
.amber.accent-1--after:after {
    background-color: #ffe57f !important
}

.amber--text.text--accent-1 {
    color: #ffe57f !important
}

.amber--text.text--accent-1 input,
.amber--text.text--accent-1 textarea {
    caret-color: #ffe57f !important
}

.amber.accent-2 {
    border-color: #ffd740 !important
}

.amber.accent-2,
.amber.accent-2--after:after {
    background-color: #ffd740 !important
}

.amber--text.text--accent-2 {
    color: #ffd740 !important
}

.amber--text.text--accent-2 input,
.amber--text.text--accent-2 textarea {
    caret-color: #ffd740 !important
}

.amber.accent-3 {
    border-color: #ffc400 !important
}

.amber.accent-3,
.amber.accent-3--after:after {
    background-color: #ffc400 !important
}

.amber--text.text--accent-3 {
    color: #ffc400 !important
}

.amber--text.text--accent-3 input,
.amber--text.text--accent-3 textarea {
    caret-color: #ffc400 !important
}

.amber.accent-4 {
    border-color: #ffab00 !important
}

.amber.accent-4,
.amber.accent-4--after:after {
    background-color: #ffab00 !important
}

.amber--text.text--accent-4 {
    color: #ffab00 !important
}

.amber--text.text--accent-4 input,
.amber--text.text--accent-4 textarea {
    caret-color: #ffab00 !important
}

.orange {
    background-color: #ff9800 !important;
    border-color: #ff9800 !important
}

.orange--text {
    color: #ff9800 !important
}

.orange--text input,
.orange--text textarea {
    caret-color: #ff9800 !important
}

.orange--after:after {
    background: #ff9800 !important
}

.orange.lighten-5 {
    border-color: #fff3e0 !important
}

.orange.lighten-5,
.orange.lighten-5--after:after {
    background-color: #fff3e0 !important
}

.orange--text.text--lighten-5 {
    color: #fff3e0 !important
}

.orange--text.text--lighten-5 input,
.orange--text.text--lighten-5 textarea {
    caret-color: #fff3e0 !important
}

.orange.lighten-4 {
    border-color: #ffe0b2 !important
}

.orange.lighten-4,
.orange.lighten-4--after:after {
    background-color: #ffe0b2 !important
}

.orange--text.text--lighten-4 {
    color: #ffe0b2 !important
}

.orange--text.text--lighten-4 input,
.orange--text.text--lighten-4 textarea {
    caret-color: #ffe0b2 !important
}

.orange.lighten-3 {
    border-color: #ffcc80 !important
}

.orange.lighten-3,
.orange.lighten-3--after:after {
    background-color: #ffcc80 !important
}

.orange--text.text--lighten-3 {
    color: #ffcc80 !important
}

.orange--text.text--lighten-3 input,
.orange--text.text--lighten-3 textarea {
    caret-color: #ffcc80 !important
}

.orange.lighten-2 {
    border-color: #ffb74d !important
}

.orange.lighten-2,
.orange.lighten-2--after:after {
    background-color: #ffb74d !important
}

.orange--text.text--lighten-2 {
    color: #ffb74d !important
}

.orange--text.text--lighten-2 input,
.orange--text.text--lighten-2 textarea {
    caret-color: #ffb74d !important
}

.orange.lighten-1 {
    border-color: #ffa726 !important
}

.orange.lighten-1,
.orange.lighten-1--after:after {
    background-color: #ffa726 !important
}

.orange--text.text--lighten-1 {
    color: #ffa726 !important
}

.orange--text.text--lighten-1 input,
.orange--text.text--lighten-1 textarea {
    caret-color: #ffa726 !important
}

.orange.darken-1 {
    border-color: #fb8c00 !important
}

.orange.darken-1,
.orange.darken-1--after:after {
    background-color: #fb8c00 !important
}

.orange--text.text--darken-1 {
    color: #fb8c00 !important
}

.orange--text.text--darken-1 input,
.orange--text.text--darken-1 textarea {
    caret-color: #fb8c00 !important
}

.orange.darken-2 {
    border-color: #f57c00 !important
}

.orange.darken-2,
.orange.darken-2--after:after {
    background-color: #f57c00 !important
}

.orange--text.text--darken-2 {
    color: #f57c00 !important
}

.orange--text.text--darken-2 input,
.orange--text.text--darken-2 textarea {
    caret-color: #f57c00 !important
}

.orange.darken-3 {
    border-color: #ef6c00 !important
}

.orange.darken-3,
.orange.darken-3--after:after {
    background-color: #ef6c00 !important
}

.orange--text.text--darken-3 {
    color: #ef6c00 !important
}

.orange--text.text--darken-3 input,
.orange--text.text--darken-3 textarea {
    caret-color: #ef6c00 !important
}

.orange.darken-4 {
    border-color: #e65100 !important
}

.orange.darken-4,
.orange.darken-4--after:after {
    background-color: #e65100 !important
}

.orange--text.text--darken-4 {
    color: #e65100 !important
}

.orange--text.text--darken-4 input,
.orange--text.text--darken-4 textarea {
    caret-color: #e65100 !important
}

.orange.accent-1 {
    border-color: #ffd180 !important
}

.orange.accent-1,
.orange.accent-1--after:after {
    background-color: #ffd180 !important
}

.orange--text.text--accent-1 {
    color: #ffd180 !important
}

.orange--text.text--accent-1 input,
.orange--text.text--accent-1 textarea {
    caret-color: #ffd180 !important
}

.orange.accent-2 {
    border-color: #ffab40 !important
}

.orange.accent-2,
.orange.accent-2--after:after {
    background-color: #ffab40 !important
}

.orange--text.text--accent-2 {
    color: #ffab40 !important
}

.orange--text.text--accent-2 input,
.orange--text.text--accent-2 textarea {
    caret-color: #ffab40 !important
}

.orange.accent-3 {
    border-color: #ff9100 !important
}

.orange.accent-3,
.orange.accent-3--after:after {
    background-color: #ff9100 !important
}

.orange--text.text--accent-3 {
    color: #ff9100 !important
}

.orange--text.text--accent-3 input,
.orange--text.text--accent-3 textarea {
    caret-color: #ff9100 !important
}

.orange.accent-4 {
    border-color: #ff6d00 !important
}

.orange.accent-4,
.orange.accent-4--after:after {
    background-color: #ff6d00 !important
}

.orange--text.text--accent-4 {
    color: #ff6d00 !important
}

.orange--text.text--accent-4 input,
.orange--text.text--accent-4 textarea {
    caret-color: #ff6d00 !important
}

.deep-orange {
    background-color: #ff5722 !important;
    border-color: #ff5722 !important
}

.deep-orange--text {
    color: #ff5722 !important
}

.deep-orange--text input,
.deep-orange--text textarea {
    caret-color: #ff5722 !important
}

.deep-orange--after:after {
    background: #ff5722 !important
}

.deep-orange.lighten-5 {
    border-color: #fbe9e7 !important
}

.deep-orange.lighten-5,
.deep-orange.lighten-5--after:after {
    background-color: #fbe9e7 !important
}

.deep-orange--text.text--lighten-5 {
    color: #fbe9e7 !important
}

.deep-orange--text.text--lighten-5 input,
.deep-orange--text.text--lighten-5 textarea {
    caret-color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
    border-color: #ffccbc !important
}

.deep-orange.lighten-4,
.deep-orange.lighten-4--after:after {
    background-color: #ffccbc !important
}

.deep-orange--text.text--lighten-4 {
    color: #ffccbc !important
}

.deep-orange--text.text--lighten-4 input,
.deep-orange--text.text--lighten-4 textarea {
    caret-color: #ffccbc !important
}

.deep-orange.lighten-3 {
    border-color: #ffab91 !important
}

.deep-orange.lighten-3,
.deep-orange.lighten-3--after:after {
    background-color: #ffab91 !important
}

.deep-orange--text.text--lighten-3 {
    color: #ffab91 !important
}

.deep-orange--text.text--lighten-3 input,
.deep-orange--text.text--lighten-3 textarea {
    caret-color: #ffab91 !important
}

.deep-orange.lighten-2 {
    border-color: #ff8a65 !important
}

.deep-orange.lighten-2,
.deep-orange.lighten-2--after:after {
    background-color: #ff8a65 !important
}

.deep-orange--text.text--lighten-2 {
    color: #ff8a65 !important
}

.deep-orange--text.text--lighten-2 input,
.deep-orange--text.text--lighten-2 textarea {
    caret-color: #ff8a65 !important
}

.deep-orange.lighten-1 {
    border-color: #ff7043 !important
}

.deep-orange.lighten-1,
.deep-orange.lighten-1--after:after {
    background-color: #ff7043 !important
}

.deep-orange--text.text--lighten-1 {
    color: #ff7043 !important
}

.deep-orange--text.text--lighten-1 input,
.deep-orange--text.text--lighten-1 textarea {
    caret-color: #ff7043 !important
}

.deep-orange.darken-1 {
    border-color: #f4511e !important
}

.deep-orange.darken-1,
.deep-orange.darken-1--after:after {
    background-color: #f4511e !important
}

.deep-orange--text.text--darken-1 {
    color: #f4511e !important
}

.deep-orange--text.text--darken-1 input,
.deep-orange--text.text--darken-1 textarea {
    caret-color: #f4511e !important
}

.deep-orange.darken-2 {
    border-color: #e64a19 !important
}

.deep-orange.darken-2,
.deep-orange.darken-2--after:after {
    background-color: #e64a19 !important
}

.deep-orange--text.text--darken-2 {
    color: #e64a19 !important
}

.deep-orange--text.text--darken-2 input,
.deep-orange--text.text--darken-2 textarea {
    caret-color: #e64a19 !important
}

.deep-orange.darken-3 {
    border-color: #d84315 !important
}

.deep-orange.darken-3,
.deep-orange.darken-3--after:after {
    background-color: #d84315 !important
}

.deep-orange--text.text--darken-3 {
    color: #d84315 !important
}

.deep-orange--text.text--darken-3 input,
.deep-orange--text.text--darken-3 textarea {
    caret-color: #d84315 !important
}

.deep-orange.darken-4 {
    border-color: #bf360c !important
}

.deep-orange.darken-4,
.deep-orange.darken-4--after:after {
    background-color: #bf360c !important
}

.deep-orange--text.text--darken-4 {
    color: #bf360c !important
}

.deep-orange--text.text--darken-4 input,
.deep-orange--text.text--darken-4 textarea {
    caret-color: #bf360c !important
}

.deep-orange.accent-1 {
    border-color: #ff9e80 !important
}

.deep-orange.accent-1,
.deep-orange.accent-1--after:after {
    background-color: #ff9e80 !important
}

.deep-orange--text.text--accent-1 {
    color: #ff9e80 !important
}

.deep-orange--text.text--accent-1 input,
.deep-orange--text.text--accent-1 textarea {
    caret-color: #ff9e80 !important
}

.deep-orange.accent-2 {
    border-color: #ff6e40 !important
}

.deep-orange.accent-2,
.deep-orange.accent-2--after:after {
    background-color: #ff6e40 !important
}

.deep-orange--text.text--accent-2 {
    color: #ff6e40 !important
}

.deep-orange--text.text--accent-2 input,
.deep-orange--text.text--accent-2 textarea {
    caret-color: #ff6e40 !important
}

.deep-orange.accent-3 {
    border-color: #ff3d00 !important
}

.deep-orange.accent-3,
.deep-orange.accent-3--after:after {
    background-color: #ff3d00 !important
}

.deep-orange--text.text--accent-3 {
    color: #ff3d00 !important
}

.deep-orange--text.text--accent-3 input,
.deep-orange--text.text--accent-3 textarea {
    caret-color: #ff3d00 !important
}

.deep-orange.accent-4 {
    border-color: #dd2c00 !important
}

.deep-orange.accent-4,
.deep-orange.accent-4--after:after {
    background-color: #dd2c00 !important
}

.deep-orange--text.text--accent-4 {
    color: #dd2c00 !important
}

.deep-orange--text.text--accent-4 input,
.deep-orange--text.text--accent-4 textarea {
    caret-color: #dd2c00 !important
}

.brown {
    background-color: #795548 !important;
    border-color: #795548 !important
}

.brown--text {
    color: #795548 !important
}

.brown--text input,
.brown--text textarea {
    caret-color: #795548 !important
}

.brown--after:after {
    background: #795548 !important
}

.brown.lighten-5 {
    border-color: #efebe9 !important
}

.brown.lighten-5,
.brown.lighten-5--after:after {
    background-color: #efebe9 !important
}

.brown--text.text--lighten-5 {
    color: #efebe9 !important
}

.brown--text.text--lighten-5 input,
.brown--text.text--lighten-5 textarea {
    caret-color: #efebe9 !important
}

.brown.lighten-4 {
    border-color: #d7ccc8 !important
}

.brown.lighten-4,
.brown.lighten-4--after:after {
    background-color: #d7ccc8 !important
}

.brown--text.text--lighten-4 {
    color: #d7ccc8 !important
}

.brown--text.text--lighten-4 input,
.brown--text.text--lighten-4 textarea {
    caret-color: #d7ccc8 !important
}

.brown.lighten-3 {
    border-color: #bcaaa4 !important
}

.brown.lighten-3,
.brown.lighten-3--after:after {
    background-color: #bcaaa4 !important
}

.brown--text.text--lighten-3 {
    color: #bcaaa4 !important
}

.brown--text.text--lighten-3 input,
.brown--text.text--lighten-3 textarea {
    caret-color: #bcaaa4 !important
}

.brown.lighten-2 {
    border-color: #a1887f !important
}

.brown.lighten-2,
.brown.lighten-2--after:after {
    background-color: #a1887f !important
}

.brown--text.text--lighten-2 {
    color: #a1887f !important
}

.brown--text.text--lighten-2 input,
.brown--text.text--lighten-2 textarea {
    caret-color: #a1887f !important
}

.brown.lighten-1 {
    border-color: #8d6e63 !important
}

.brown.lighten-1,
.brown.lighten-1--after:after {
    background-color: #8d6e63 !important
}

.brown--text.text--lighten-1 {
    color: #8d6e63 !important
}

.brown--text.text--lighten-1 input,
.brown--text.text--lighten-1 textarea {
    caret-color: #8d6e63 !important
}

.brown.darken-1 {
    border-color: #6d4c41 !important
}

.brown.darken-1,
.brown.darken-1--after:after {
    background-color: #6d4c41 !important
}

.brown--text.text--darken-1 {
    color: #6d4c41 !important
}

.brown--text.text--darken-1 input,
.brown--text.text--darken-1 textarea {
    caret-color: #6d4c41 !important
}

.brown.darken-2 {
    border-color: #5d4037 !important
}

.brown.darken-2,
.brown.darken-2--after:after {
    background-color: #5d4037 !important
}

.brown--text.text--darken-2 {
    color: #5d4037 !important
}

.brown--text.text--darken-2 input,
.brown--text.text--darken-2 textarea {
    caret-color: #5d4037 !important
}

.brown.darken-3 {
    border-color: #4e342e !important
}

.brown.darken-3,
.brown.darken-3--after:after {
    background-color: #4e342e !important
}

.brown--text.text--darken-3 {
    color: #4e342e !important
}

.brown--text.text--darken-3 input,
.brown--text.text--darken-3 textarea {
    caret-color: #4e342e !important
}

.brown.darken-4 {
    border-color: #3e2723 !important
}

.brown.darken-4,
.brown.darken-4--after:after {
    background-color: #3e2723 !important
}

.brown--text.text--darken-4 {
    color: #3e2723 !important
}

.brown--text.text--darken-4 input,
.brown--text.text--darken-4 textarea {
    caret-color: #3e2723 !important
}

.blue-grey {
    background-color: #607d8b !important;
    border-color: #607d8b !important
}

.blue-grey--text {
    color: #607d8b !important
}

.blue-grey--text input,
.blue-grey--text textarea {
    caret-color: #607d8b !important
}

.blue-grey--after:after {
    background: #607d8b !important
}

.blue-grey.lighten-5 {
    border-color: #eceff1 !important
}

.blue-grey.lighten-5,
.blue-grey.lighten-5--after:after {
    background-color: #eceff1 !important
}

.blue-grey--text.text--lighten-5 {
    color: #eceff1 !important
}

.blue-grey--text.text--lighten-5 input,
.blue-grey--text.text--lighten-5 textarea {
    caret-color: #eceff1 !important
}

.blue-grey.lighten-4 {
    border-color: #cfd8dc !important
}

.blue-grey.lighten-4,
.blue-grey.lighten-4--after:after {
    background-color: #cfd8dc !important
}

.blue-grey--text.text--lighten-4 {
    color: #cfd8dc !important
}

.blue-grey--text.text--lighten-4 input,
.blue-grey--text.text--lighten-4 textarea {
    caret-color: #cfd8dc !important
}

.blue-grey.lighten-3 {
    border-color: #b0bec5 !important
}

.blue-grey.lighten-3,
.blue-grey.lighten-3--after:after {
    background-color: #b0bec5 !important
}

.blue-grey--text.text--lighten-3 {
    color: #b0bec5 !important
}

.blue-grey--text.text--lighten-3 input,
.blue-grey--text.text--lighten-3 textarea {
    caret-color: #b0bec5 !important
}

.blue-grey.lighten-2 {
    border-color: #90a4ae !important
}

.blue-grey.lighten-2,
.blue-grey.lighten-2--after:after {
    background-color: #90a4ae !important
}

.blue-grey--text.text--lighten-2 {
    color: #90a4ae !important
}

.blue-grey--text.text--lighten-2 input,
.blue-grey--text.text--lighten-2 textarea {
    caret-color: #90a4ae !important
}

.blue-grey.lighten-1 {
    border-color: #78909c !important
}

.blue-grey.lighten-1,
.blue-grey.lighten-1--after:after {
    background-color: #78909c !important
}

.blue-grey--text.text--lighten-1 {
    color: #78909c !important
}

.blue-grey--text.text--lighten-1 input,
.blue-grey--text.text--lighten-1 textarea {
    caret-color: #78909c !important
}

.blue-grey.darken-1 {
    border-color: #546e7a !important
}

.blue-grey.darken-1,
.blue-grey.darken-1--after:after {
    background-color: #546e7a !important
}

.blue-grey--text.text--darken-1 {
    color: #546e7a !important
}

.blue-grey--text.text--darken-1 input,
.blue-grey--text.text--darken-1 textarea {
    caret-color: #546e7a !important
}

.blue-grey.darken-2 {
    border-color: #455a64 !important
}

.blue-grey.darken-2,
.blue-grey.darken-2--after:after {
    background-color: #455a64 !important
}

.blue-grey--text.text--darken-2 {
    color: #455a64 !important
}

.blue-grey--text.text--darken-2 input,
.blue-grey--text.text--darken-2 textarea {
    caret-color: #455a64 !important
}

.blue-grey.darken-3 {
    border-color: #37474f !important
}

.blue-grey.darken-3,
.blue-grey.darken-3--after:after {
    background-color: #37474f !important
}

.blue-grey--text.text--darken-3 {
    color: #37474f !important
}

.blue-grey--text.text--darken-3 input,
.blue-grey--text.text--darken-3 textarea {
    caret-color: #37474f !important
}

.blue-grey.darken-4 {
    border-color: #263238 !important
}

.blue-grey.darken-4,
.blue-grey.darken-4--after:after {
    background-color: #263238 !important
}

.blue-grey--text.text--darken-4 {
    color: #263238 !important
}

.blue-grey--text.text--darken-4 input,
.blue-grey--text.text--darken-4 textarea {
    caret-color: #263238 !important
}

.grey {
    background-color: #9e9e9e !important;
    border-color: #9e9e9e !important
}

.grey--text {
    color: #9e9e9e !important
}

.grey--text input,
.grey--text textarea {
    caret-color: #9e9e9e !important
}

.grey--after:after {
    background: #9e9e9e !important
}

.grey.lighten-5 {
    border-color: #fafafa !important
}

.grey.lighten-5,
.grey.lighten-5--after:after {
    background-color: #fafafa !important
}

.grey--text.text--lighten-5 {
    color: #fafafa !important
}

.grey--text.text--lighten-5 input,
.grey--text.text--lighten-5 textarea {
    caret-color: #fafafa !important
}

.grey.lighten-4 {
    border-color: #f5f5f5 !important
}

.grey.lighten-4,
.grey.lighten-4--after:after {
    background-color: #f5f5f5 !important
}

.grey--text.text--lighten-4 {
    color: #f5f5f5 !important
}

.grey--text.text--lighten-4 input,
.grey--text.text--lighten-4 textarea {
    caret-color: #f5f5f5 !important
}

.grey.lighten-3 {
    border-color: #eee !important
}

.grey.lighten-3,
.grey.lighten-3--after:after {
    background-color: #eee !important
}

.grey--text.text--lighten-3 {
    color: #eee !important
}

.grey--text.text--lighten-3 input,
.grey--text.text--lighten-3 textarea {
    caret-color: #eee !important
}

.grey.lighten-2 {
    border-color: #e0e0e0 !important
}

.grey.lighten-2,
.grey.lighten-2--after:after {
    background-color: #e0e0e0 !important
}

.grey--text.text--lighten-2 {
    color: #e0e0e0 !important
}

.grey--text.text--lighten-2 input,
.grey--text.text--lighten-2 textarea {
    caret-color: #e0e0e0 !important
}

.grey.lighten-1 {
    border-color: #bdbdbd !important
}

.grey.lighten-1,
.grey.lighten-1--after:after {
    background-color: #bdbdbd !important
}

.grey--text.text--lighten-1 {
    color: #bdbdbd !important
}

.grey--text.text--lighten-1 input,
.grey--text.text--lighten-1 textarea {
    caret-color: #bdbdbd !important
}

.grey.darken-1 {
    border-color: #757575 !important
}

.grey.darken-1,
.grey.darken-1--after:after {
    background-color: #757575 !important
}

.grey--text.text--darken-1 {
    color: #757575 !important
}

.grey--text.text--darken-1 input,
.grey--text.text--darken-1 textarea {
    caret-color: #757575 !important
}

.grey.darken-2 {
    border-color: #616161 !important
}

.grey.darken-2,
.grey.darken-2--after:after {
    background-color: #616161 !important
}

.grey--text.text--darken-2 {
    color: #616161 !important
}

.grey--text.text--darken-2 input,
.grey--text.text--darken-2 textarea {
    caret-color: #616161 !important
}

.grey.darken-3 {
    border-color: #424242 !important
}

.grey.darken-3,
.grey.darken-3--after:after {
    background-color: #424242 !important
}

.grey--text.text--darken-3 {
    color: #424242 !important
}

.grey--text.text--darken-3 input,
.grey--text.text--darken-3 textarea {
    caret-color: #424242 !important
}

.grey.darken-4 {
    border-color: #212121 !important
}

.grey.darken-4,
.grey.darken-4--after:after {
    background-color: #212121 !important
}

.grey--text.text--darken-4 {
    color: #212121 !important
}

.grey--text.text--darken-4 input,
.grey--text.text--darken-4 textarea {
    caret-color: #212121 !important
}

.shades.black {
    border-color: #000 !important
}

.shades.black,
.shades.black--after:after {
    background-color: #000 !important
}

.shades--text.text--black {
    color: #000 !important
}

.shades--text.text--black input,
.shades--text.text--black textarea {
    caret-color: #000 !important
}

.shades.white {
    border-color: #fff !important
}

.shades.white,
.shades.white--after:after {
    background-color: #fff !important
}

.shades--text.text--white {
    color: #fff !important
}

.shades--text.text--white input,
.shades--text.text--white textarea {
    caret-color: #fff !important
}

.shades.transparent {
    border-color: transparent !important
}

.shades.transparent,
.shades.transparent--after:after {
    background-color: transparent !important
}

.shades--text.text--transparent {
    color: transparent !important
}

.shades--text.text--transparent input,
.shades--text.text--transparent textarea {
    caret-color: transparent !important
}

.elevation-0 {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) !important
}

.elevation-1 {
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) !important
}

.elevation-2 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important
}

.elevation-3 {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12) !important
}

.elevation-4 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12) !important
}

.elevation-5 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 5px 8px 0 rgba(0, 0, 0, .14), 0 1px 14px 0 rgba(0, 0, 0, .12) !important
}

.elevation-6 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12) !important
}

.elevation-7 {
    box-shadow: 0 4px 5px -2px rgba(0, 0, 0, .2), 0 7px 10px 1px rgba(0, 0, 0, .14), 0 2px 16px 1px rgba(0, 0, 0, .12) !important
}

.elevation-8 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !important
}

.elevation-9 {
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, .2), 0 9px 12px 1px rgba(0, 0, 0, .14), 0 3px 16px 2px rgba(0, 0, 0, .12) !important
}

.elevation-10 {
    box-shadow: 0 6px 6px -3px rgba(0, 0, 0, .2), 0 10px 14px 1px rgba(0, 0, 0, .14), 0 4px 18px 3px rgba(0, 0, 0, .12) !important
}

.elevation-11 {
    box-shadow: 0 6px 7px -4px rgba(0, 0, 0, .2), 0 11px 15px 1px rgba(0, 0, 0, .14), 0 4px 20px 3px rgba(0, 0, 0, .12) !important
}

.elevation-12 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12) !important
}

.elevation-13 {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12) !important
}

.elevation-14 {
    box-shadow: 0 7px 9px -4px rgba(0, 0, 0, .2), 0 14px 21px 2px rgba(0, 0, 0, .14), 0 5px 26px 4px rgba(0, 0, 0, .12) !important
}

.elevation-15 {
    box-shadow: 0 8px 9px -5px rgba(0, 0, 0, .2), 0 15px 22px 2px rgba(0, 0, 0, .14), 0 6px 28px 5px rgba(0, 0, 0, .12) !important
}

.elevation-16 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !important
}

.elevation-17 {
    box-shadow: 0 8px 11px -5px rgba(0, 0, 0, .2), 0 17px 26px 2px rgba(0, 0, 0, .14), 0 6px 32px 5px rgba(0, 0, 0, .12) !important
}

.elevation-18 {
    box-shadow: 0 9px 11px -5px rgba(0, 0, 0, .2), 0 18px 28px 2px rgba(0, 0, 0, .14), 0 7px 34px 6px rgba(0, 0, 0, .12) !important
}

.elevation-19 {
    box-shadow: 0 9px 12px -6px rgba(0, 0, 0, .2), 0 19px 29px 2px rgba(0, 0, 0, .14), 0 7px 36px 6px rgba(0, 0, 0, .12) !important
}

.elevation-20 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 20px 31px 3px rgba(0, 0, 0, .14), 0 8px 38px 7px rgba(0, 0, 0, .12) !important
}

.elevation-21 {
    box-shadow: 0 10px 13px -6px rgba(0, 0, 0, .2), 0 21px 33px 3px rgba(0, 0, 0, .14), 0 8px 40px 7px rgba(0, 0, 0, .12) !important
}

.elevation-22 {
    box-shadow: 0 10px 14px -6px rgba(0, 0, 0, .2), 0 22px 35px 3px rgba(0, 0, 0, .14), 0 8px 42px 7px rgba(0, 0, 0, .12) !important
}

.elevation-23 {
    box-shadow: 0 11px 14px -7px rgba(0, 0, 0, .2), 0 23px 36px 3px rgba(0, 0, 0, .14), 0 9px 44px 8px rgba(0, 0, 0, .12) !important
}

.elevation-24 {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) !important
}

html {
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%
}

*,
:after,
:before {
    box-sizing: inherit
}

:after,
:before {
    text-decoration: inherit;
    vertical-align: inherit
}

* {
    background-repeat: no-repeat;
    padding: 0;
    margin: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

hr {
    overflow: visible
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

summary {
    display: list-item
}

small {
    font-size: 80%
}

[hidden],
template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

input {
    border-radius: 0
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer
}

[disabled] {
    cursor: default
}

[type=number] {
    width: auto
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    resize: vertical
}

button,
input,
optgroup,
select,
textarea {
    font: inherit
}

optgroup {
    font-weight: 700
}

button {
    overflow: visible
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: 0;
    padding: 0
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button:-moz-focusring {
    outline: 0;
    border: 0
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

button,
select {
    text-transform: none
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit
}

select {
    -moz-appearance: none;
    -webkit-appearance: none
}

select::-ms-expand {
    display: none
}

select::-ms-value {
    color: currentColor
}

legend {
    border: 0;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

img {
    border-style: none
}

progress {
    vertical-align: baseline
}

svg:not(:root) {
    overflow: hidden
}

audio,
canvas,
progress,
video {
    display: inline-block
}

@media screen {
    [hidden~=screen] {
        display: inherit
    }
    [hidden~=screen]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important
    }
}

[aria-busy=true] {
    cursor: progress
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}

.bottom-sheet-transition-enter,
.bottom-sheet-transition-leave-to {
    transform: translateY(100%)
}

.carousel-transition-enter {
    transform: translate(100%)
}

.carousel-transition-leave,
.carousel-transition-leave-to {
    position: absolute;
    top: 0;
    transform: translate(-100%)
}

.carousel-reverse-transition-enter {
    transform: translate(-100%)
}

.carousel-reverse-transition-leave,
.carousel-reverse-transition-leave-to {
    position: absolute;
    top: 0;
    transform: translate(100%)
}

.dialog-transition-enter,
.dialog-transition-leave-to {
    transform: scale(.5);
    opacity: 0
}

.dialog-transition-enter-to,
.dialog-transition-leave {
    opacity: 1
}

.dialog-bottom-transition-enter,
.dialog-bottom-transition-leave-to {
    transform: translateY(100%)
}

.picker-reverse-transition-enter-active,
.picker-reverse-transition-leave-active,
.picker-transition-enter-active,
.picker-transition-leave-active {
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.picker-reverse-transition-enter,
.picker-reverse-transition-leave-to,
.picker-transition-enter,
.picker-transition-leave-to {
    opacity: 0
}

.picker-reverse-transition-enter-to,
.picker-transition-enter-to {
    transtion: translate(0, 0)
}

.picker-reverse-transition-leave,
.picker-reverse-transition-leave-active,
.picker-reverse-transition-leave-to,
.picker-transition-leave,
.picker-transition-leave-active,
.picker-transition-leave-to {
    position: absolute !important
}

.picker-transition-enter {
    transform: translateY(100%)
}

.picker-reverse-transition-enter,
.picker-transition-leave-to {
    transform: translateY(-100%)
}

.picker-reverse-transition-leave-to {
    transform: translateY(100%)
}

.picker-title-transition-enter-to,
.picker-title-transition-leave {
    transform: translate(0)
}

.picker-title-transition-enter {
    transform: translate(-100%)
}

.picker-title-transition-leave-to {
    opacity: 0;
    transform: translate(100%)
}

.picker-title-transition-leave,
.picker-title-transition-leave-active,
.picker-title-transition-leave-to {
    position: absolute !important
}

.tab-transition-enter {
    transform: translate(100%)
}

.tab-transition-enter-to {
    transform: translate(0)
}

.tab-transition-leave,
.tab-transition-leave-active {
    position: absolute;
    top: 0
}

.tab-transition-leave-to {
    position: absolute
}

.tab-reverse-transition-enter,
.tab-transition-leave-to {
    transform: translate(-100%)
}

.tab-reverse-transition-leave,
.tab-reverse-transition-leave-to {
    top: 0;
    position: absolute;
    transform: translate(100%)
}

.scale-transition-enter-active,
.scale-transition-leave-active {
    transition: .2s cubic-bezier(.4, 0, .6, 1)
}

.scale-transition-enter,
.scale-transition-leave,
.scale-transition-leave-to {
    opacity: 0;
    transform: scale(0)
}

.slide-y-transition-enter-active,
.slide-y-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-y-transition-enter,
.slide-y-transition-leave-to {
    opacity: 0;
    transform: translateY(-15px)
}

.slide-y-reverse-transition-enter-active,
.slide-y-reverse-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-y-reverse-transition-enter,
.slide-y-reverse-transition-leave-to {
    opacity: 0;
    transform: translateY(15px)
}

.slide-x-transition-enter-active,
.slide-x-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-x-transition-enter,
.slide-x-transition-leave-to {
    opacity: 0;
    transform: translateX(-15px)
}

.slide-x-reverse-transition-enter-active,
.slide-x-reverse-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slide-x-reverse-transition-enter,
.slide-x-reverse-transition-leave-to {
    opacity: 0;
    transform: translateX(15px)
}

.fade-transition-enter-active,
.fade-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.fade-transition-enter,
.fade-transition-leave-to {
    opacity: 0
}

.fab-transition-enter-active,
.fab-transition-leave-active {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.fab-transition-enter,
.fab-transition-leave-to {
    transform: scale(0) rotate(-45deg)
}

.blockquote {
    padding: 16px 0 16px 24px;
    font-size: 18px;
    font-weight: 300
}

code,
kbd {
    display: inline-block;
    border-radius: 3px;
    white-space: pre-wrap;
    font-size: 85%;
    font-weight: 900
}

code:after,
code:before,
kbd:after,
kbd:before {
    content: "\00a0";
    letter-spacing: -1px
}

code {
    background-color: #f5f5f5;
    color: #bd4147;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

kbd {
    background: #424242;
    color: #fff
}

html {
    font-size: 14px;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.application {
    font-family: Roboto, sans-serif;
    line-height: 1.5
}

::-ms-clear,
::-ms-reveal {
    display: none
}

.browser-list {
    padding-left: 24px
}

.browser-list--unstyled {
    list-style-type: none
}

.display-4 {
    font-size: 112px !important;
    font-weight: 300;
    line-height: 1 !important;
    letter-spacing: -.04em !important
}

.display-3 {
    font-size: 56px !important;
    font-weight: 400;
    line-height: 1.35 !important;
    letter-spacing: -.02em !important
}

.display-2 {
    font-size: 45px !important;
    line-height: 48px !important
}

.display-1,
.display-2 {
    font-weight: 400;
    letter-spacing: normal !important
}

.display-1 {
    font-size: 34px !important;
    line-height: 40px !important
}

.headline {
    font-size: 24px !important;
    font-weight: 400;
    line-height: 32px !important;
    letter-spacing: normal !important
}

.title {
    font-size: 20px !important;
    font-weight: 500;
    line-height: 1 !important;
    letter-spacing: .02em !important
}

.subheading {
    font-size: 16px !important;
    font-weight: 400
}

.body-2 {
    font-weight: 500
}

.body-1,
.body-2 {
    font-size: 14px !important
}

.body-1,
.caption {
    font-weight: 400
}

.caption {
    font-size: 12px !important
}

p {
    margin-bottom: 16px
}

@media only screen and (max-width:599px) {
    .hidden-xs-only {
        display: none !important
    }
}

@media only screen and (min-width:600px) and (max-width:959px) {
    .hidden-sm-only {
        display: none !important
    }
}

@media only screen and (max-width:959px) {
    .hidden-sm-and-down {
        display: none !important
    }
}

@media only screen and (min-width:600px) {
    .hidden-sm-and-up {
        display: none !important
    }
}

@media only screen and (min-width:960px) and (max-width:1263px) {
    .hidden-md-only {
        display: none !important
    }
}

@media only screen and (max-width:1263px) {
    .hidden-md-and-down {
        display: none !important
    }
}

@media only screen and (min-width:960px) {
    .hidden-md-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1264px) and (max-width:1903px) {
    .hidden-lg-only {
        display: none !important
    }
}

@media only screen and (max-width:1903px) {
    .hidden-lg-and-down {
        display: none !important
    }
}

@media only screen and (min-width:1264px) {
    .hidden-lg-and-up {
        display: none !important
    }
}

@media only screen and (min-width:1904px) {
    .hidden-xl-only {
        display: none !important
    }
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.right {
    float: right !important
}

.left {
    float: left !important
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ma-0 {
    margin: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.pa-0 {
    padding: 0 !important
}

.mt-1 {
    margin-top: 4px !important
}

.mr-1 {
    margin-right: 4px !important
}

.mb-1 {
    margin-bottom: 4px !important
}

.ml-1,
.mx-1 {
    margin-left: 4px !important
}

.mx-1 {
    margin-right: 4px !important
}

.my-1 {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.ma-1 {
    margin: 4px !important
}

.pt-1 {
    padding-top: 4px !important
}

.pr-1 {
    padding-right: 4px !important
}

.pb-1 {
    padding-bottom: 4px !important
}

.pl-1,
.px-1 {
    padding-left: 4px !important
}

.px-1 {
    padding-right: 4px !important
}

.py-1 {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.pa-1 {
    padding: 4px !important
}

.mt-2 {
    margin-top: 8px !important
}

.mr-2 {
    margin-right: 8px !important
}

.mb-2 {
    margin-bottom: 8px !important
}

.ml-2,
.mx-2 {
    margin-left: 8px !important
}

.mx-2 {
    margin-right: 8px !important
}

.my-2 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.ma-2 {
    margin: 8px !important
}

.pt-2 {
    padding-top: 8px !important
}

.pr-2 {
    padding-right: 8px !important
}

.pb-2 {
    padding-bottom: 8px !important
}

.pl-2,
.px-2 {
    padding-left: 8px !important
}

.px-2 {
    padding-right: 8px !important
}

.py-2 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.pa-2 {
    padding: 8px !important
}

.mt-3 {
    margin-top: 16px !important
}

.mr-3 {
    margin-right: 16px !important
}

.mb-3 {
    margin-bottom: 16px !important
}

.ml-3,
.mx-3 {
    margin-left: 16px !important
}

.mx-3 {
    margin-right: 16px !important
}

.my-3 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.ma-3 {
    margin: 16px !important
}

.pt-3 {
    padding-top: 16px !important
}

.pr-3 {
    padding-right: 16px !important
}

.pb-3 {
    padding-bottom: 16px !important
}

.pl-3,
.px-3 {
    padding-left: 16px !important
}

.px-3 {
    padding-right: 16px !important
}

.py-3 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.pa-3 {
    padding: 16px !important
}

.mt-4 {
    margin-top: 24px !important
}

.mr-4 {
    margin-right: 24px !important
}

.mb-4 {
    margin-bottom: 24px !important
}

.ml-4,
.mx-4 {
    margin-left: 24px !important
}

.mx-4 {
    margin-right: 24px !important
}

.my-4 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.ma-4 {
    margin: 24px !important
}

.pt-4 {
    padding-top: 24px !important
}

.pr-4 {
    padding-right: 24px !important
}

.pb-4 {
    padding-bottom: 24px !important
}

.pl-4,
.px-4 {
    padding-left: 24px !important
}

.px-4 {
    padding-right: 24px !important
}

.py-4 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.pa-4 {
    padding: 24px !important
}

.mt-5 {
    margin-top: 48px !important
}

.mr-5 {
    margin-right: 48px !important
}

.mb-5 {
    margin-bottom: 48px !important
}

.ml-5,
.mx-5 {
    margin-left: 48px !important
}

.mx-5 {
    margin-right: 48px !important
}

.my-5 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
}

.ma-5 {
    margin: 48px !important
}

.pt-5 {
    padding-top: 48px !important
}

.pr-5 {
    padding-right: 48px !important
}

.pb-5 {
    padding-bottom: 48px !important
}

.pl-5,
.px-5 {
    padding-left: 48px !important
}

.px-5 {
    padding-right: 48px !important
}

.py-5 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
}

.pa-5 {
    padding: 48px !important
}

@media (min-width:0) {
    .text-xs-left {
        text-align: left !important
    }
    .text-xs-center {
        text-align: center !important
    }
    .text-xs-right {
        text-align: right !important
    }
    .text-xs-justify {
        text-align: justify !important
    }
}

@media (min-width:600px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-center {
        text-align: center !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-justify {
        text-align: justify !important
    }
}

@media (min-width:960px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-center {
        text-align: center !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-justify {
        text-align: justify !important
    }
}

@media (min-width:1264px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-center {
        text-align: center !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-justify {
        text-align: justify !important
    }
}

@media (min-width:1904px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-center {
        text-align: center !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-justify {
        text-align: justify !important
    }
}

.alert {
    border-radius: 0;
    border-width: 4px 0 0;
    border-style: solid;
    color: #fff;
    display: flex;
    font-size: 14px;
    margin: 4px auto;
    padding: 16px;
    position: relative;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.alert .alert__icon.icon,
.alert__dismissible .icon {
    align-self: center;
    color: rgba(0, 0, 0, .3);
    font-size: 24px
}

.alert--outline .icon {
    color: inherit !important
}

.alert__icon {
    margin-right: 16px
}

.alert__dismissible {
    align-self: flex-start;
    color: inherit;
    margin-left: 16px;
    margin-right: 0;
    text-decoration: none;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.alert__dismissible:hover {
    opacity: .8
}

.alert--no-icon .alert__icon {
    display: none
}

.alert>div {
    align-self: center;
    flex: 1 1
}

@media screen and (max-width:600px) {
    .alert__icon {
        display: none
    }
}

.alert.alert {
    border-color: rgba(0, 0, 0, .12) !important
}

.alert.alert--outline {
    border: 1px solid !important
}

.application {
    display: flex
}

.application--wrap {
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    max-width: 100%;
    position: relative
}

.application.theme--light {
    background: #fafafa;
    color: rgba(0, 0, 0, .87)
}

.application.theme--light a {
    cursor: pointer
}

.application.theme--light .text--primary {
    color: rgba(0, 0, 0, .87) !important
}

.application.theme--light .text--secondary {
    color: rgba(0, 0, 0, .54) !important
}

.application.theme--light .text--disabled {
    color: rgba(0, 0, 0, .38) !important
}

.application.theme--dark {
    background: #303030;
    color: #fff
}

.application.theme--dark a {
    cursor: pointer
}

.application.theme--dark .text--primary {
    color: #fff !important
}

.application.theme--dark .text--secondary {
    color: hsla(0, 0%, 100%, .7) !important
}

.application.theme--dark .text--disabled {
    color: hsla(0, 0%, 100%, .5) !important
}

@-moz-document url-prefix() {
    @media print {
        .application,
        .application--wrap {
            display: block
        }
    }
}

.avatar {
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
    vertical-align: middle
}

.avatar,
.avatar .icon,
.avatar img {
    border-radius: 50%;
    display: inline-flex
}

.avatar .icon,
.avatar img {
    height: inherit;
    width: inherit
}

.avatar--tile,
.avatar--tile .icon,
.avatar--tile img {
    border-radius: 0
}

.badge {
    display: inline-block;
    position: relative
}

.badge__badge {
    color: #fff;
    display: flex;
    position: absolute;
    top: -11px;
    right: -22px;
    border-radius: 50%;
    height: 22px;
    width: 22px;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.badge__badge,
.badge__badge .icon {
    font-size: 14px
}

.badge--overlap .badge__badge {
    top: -8px;
    right: -8px
}

.badge--overlap.badge--left .badge__badge {
    left: -8px;
    right: auto
}

.badge--overlap.badge--bottom .badge__badge {
    bottom: -8px;
    top: auto
}

.badge--left .badge__badge {
    left: -22px
}

.badge--bottom .badge__badge {
    bottom: -11px;
    top: auto
}

.application .theme--light.bottom-nav,
.theme--light .bottom-nav {
    background-color: #fff
}

.application .theme--dark.bottom-nav,
.theme--dark .bottom-nav {
    background-color: #424242
}

.bottom-nav {
    bottom: 0;
    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12);
    display: flex;
    justify-content: center;
    transform: translateY(60px);
    transition: all .4s cubic-bezier(.25, .8, .5, 1);
    width: 100%;
    z-index: 4
}

.bottom-nav--absolute {
    position: absolute
}

.bottom-nav--active {
    transform: translate(0)
}

.bottom-nav--fixed {
    position: fixed
}

.bottom-nav .btn {
    background: transparent !important;
    border-radius: 0;
    box-shadow: none !important;
    font-weight: 400;
    height: 100%;
    margin: 0;
    max-width: 168px;
    min-width: 80px;
    padding: 6px 0 10px;
    text-transform: none;
    opacity: .5;
    width: 100%
}

.bottom-nav .btn .btn__content {
    flex-direction: column-reverse;
    font-size: 12px;
    white-space: nowrap;
    will-change: font-size
}

.bottom-nav .btn .btn__content i.icon {
    color: inherit;
    margin-bottom: 4px;
    transition: all .4s cubic-bezier(.25, .8, .5, 1)
}

.bottom-nav .btn .btn__content span {
    line-height: 1
}

.bottom-nav .btn--active {
    opacity: 1
}

.bottom-nav .btn--active .btn__content {
    font-size: 14px
}

.bottom-nav .btn--active .btn__content:before {
    opacity: 0
}

.bottom-nav .btn--active .btn__content .icon {
    transform: none
}

.bottom-nav .btn:not(.btn--active) {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.bottom-nav--shift .btn__content {
    font-size: 14px
}

.bottom-nav--shift .btn {
    transition: all .3s;
    min-width: 56px;
    max-width: 96px
}

.bottom-nav--shift .btn--active {
    min-width: 96px;
    max-width: 168px
}

.bottom-nav--shift .btn:not(.btn--active) .btn__content .icon {
    transform: scale(1) translateY(10px)
}

.bottom-nav--shift .btn:not(.btn--active) .btn__content span {
    color: transparent
}

.bottom-sheet.dialog {
    align-self: flex-end;
    border-radius: 0;
    flex: 1 0 100%;
    margin: 0;
    min-width: 100%;
    overflow: visible;
    transition: .4s cubic-bezier(.25, .8, .5, 1)
}

.bottom-sheet.dialog.bottom-sheet--inset {
    max-width: 70%;
    min-width: 0
}

@media only screen and (max-width:599px) {
    .bottom-sheet.dialog.bottom-sheet--inset {
        max-width: none
    }
}

.application .theme--light.breadcrumbs li.breadcrumbs__divider,
.application .theme--light.breadcrumbs li .breadcrumbs__item--disabled,
.application .theme--light.breadcrumbs li:last-child .breadcrumbs__item,
.theme--light .breadcrumbs li.breadcrumbs__divider,
.theme--light .breadcrumbs li .breadcrumbs__item--disabled,
.theme--light .breadcrumbs li:last-child .breadcrumbs__item {
    color: rgba(0, 0, 0, .38)
}

.application .theme--dark.breadcrumbs li.breadcrumbs__divider,
.application .theme--dark.breadcrumbs li .breadcrumbs__item--disabled,
.application .theme--dark.breadcrumbs li:last-child .breadcrumbs__item,
.theme--dark .breadcrumbs li.breadcrumbs__divider,
.theme--dark .breadcrumbs li .breadcrumbs__item--disabled,
.theme--dark .breadcrumbs li:last-child .breadcrumbs__item {
    color: hsla(0, 0%, 100%, .5)
}

.breadcrumbs {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    list-style-type: none;
    margin: 0;
    padding: 18px 12px
}

.breadcrumbs li {
    align-items: center;
    display: inline-flex;
    font-size: 14px
}

.breadcrumbs li .icon {
    font-size: 16px
}

.breadcrumbs li:last-child a {
    cursor: default;
    pointer-events: none
}

.breadcrumbs li:nth-child(2n) {
    padding: 0 12px
}

.breadcrumbs--large li,
.breadcrumbs--large li .icon {
    font-size: 16px
}

.breadcrumbs__item {
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.breadcrumbs__item--disabled {
    pointer-events: none
}

.application .theme--light.btn-toggle,
.theme--light .btn-toggle {
    background: #fff
}

.application .theme--light.btn-toggle .btn,
.theme--light .btn-toggle .btn {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]),
.theme--light .btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]) {
    border-right-color: rgba(0, 0, 0, .26)
}

.application .theme--dark.btn-toggle,
.theme--dark .btn-toggle {
    background: #424242
}

.application .theme--dark.btn-toggle .btn,
.theme--dark .btn-toggle .btn {
    color: #fff
}

.application .theme--dark.btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]),
.theme--dark .btn-toggle .btn.btn--active:not(:last-child):not([data-only-child]) {
    border-right-color: hsla(0, 0%, 100%, .3)
}

.btn-toggle {
    display: inline-flex;
    border-radius: 2px;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    will-change: background, box-shadow
}

.btn-toggle .btn {
    justify-content: center;
    min-width: auto;
    width: auto;
    padding: 0 8px;
    margin: 0;
    opacity: .4;
    border-radius: 0
}

.btn-toggle .btn:not(:last-child) {
    border-right: 1px solid transparent
}

.btn-toggle .btn:after {
    display: none
}

.btn-toggle .btn.btn--active {
    opacity: 1
}

.btn-toggle .btn__content {
    padding: 0
}

.btn-toggle .btn span+.icon {
    font-size: medium;
    margin-left: 10px
}

.btn-toggle .btn:first-child {
    border-radius: 2px 0 0 2px
}

.btn-toggle .btn:last-child {
    border-radius: 0 2px 2px 0
}

.btn-toggle--selected {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.application .theme--light.btn,
.theme--light .btn {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.btn.btn--disabled,
.application .theme--light.btn.btn--disabled .icon,
.theme--light .btn.btn--disabled,
.theme--light .btn.btn--disabled .icon {
    color: rgba(0, 0, 0, .26) !important
}

.application .theme--light.btn.btn--disabled:not(.btn--icon):not(.btn--flat),
.theme--light .btn.btn--disabled:not(.btn--icon):not(.btn--flat) {
    background-color: rgba(0, 0, 0, .12) !important
}

.application .theme--light.btn:not(.btn--icon):not(.btn--flat),
.theme--light .btn:not(.btn--icon):not(.btn--flat) {
    background-color: #f5f5f5
}

.application .theme--dark.btn,
.theme--dark .btn {
    color: #fff
}

.application .theme--dark.btn.btn--disabled,
.application .theme--dark.btn.btn--disabled .icon,
.theme--dark .btn.btn--disabled,
.theme--dark .btn.btn--disabled .icon {
    color: hsla(0, 0%, 100%, .3) !important
}

.application .theme--dark.btn.btn--disabled:not(.btn--icon):not(.btn--flat),
.theme--dark .btn.btn--disabled:not(.btn--icon):not(.btn--flat) {
    background-color: hsla(0, 0%, 100%, .12) !important
}

.application .theme--dark.btn:not(.btn--icon):not(.btn--flat),
.theme--dark .btn:not(.btn--icon):not(.btn--flat) {
    background-color: #212121
}

.btn {
    align-items: center;
    border-radius: 2px;
    display: inline-flex;
    height: 36px;
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    margin: 6px 8px;
    min-width: 88px;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none;
    transition: .3s cubic-bezier(.25, .8, .5, 1), color 1ms;
    position: relative;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn__content:before {
    border-radius: inherit;
    color: inherit;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    opacity: .12;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.btn--small {
    font-size: 13px;
    height: 28px
}

.btn--small .btn__content {
    padding: 0 8px
}

.btn--large {
    font-size: 15px;
    height: 44px
}

.btn--large .btn__content {
    padding: 0 32px
}

.btn--active .btn__content:before,
.btn:focus .btn__content:before,
.btn:hover .btn__content:before {
    background-color: currentColor
}

.btn__content {
    align-items: center;
    border-radius: inherit;
    color: inherit;
    display: flex;
    height: inherit;
    flex: 1 0 auto;
    justify-content: center;
    margin: 0 auto;
    padding: 0 16px;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    white-space: nowrap;
    width: inherit
}

.btn .btn__content .icon {
    color: inherit
}

.btn--flat {
    background-color: transparent !important;
    box-shadow: none !important
}

.btn:not(.btn--depressed) {
    will-change: box-shadow;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.btn:not(.btn--depressed):active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn:not(.btn--depressed):active .btn__content,
.btn:not(.btn--depressed):focus .btn__content {
    position: relative;
    top: 0;
    left: 0
}

.btn--icon {
    background: transparent;
    box-shadow: none !important;
    border-radius: 50%;
    justify-content: center;
    min-width: 0;
    width: 36px
}

.btn--icon.btn--small {
    width: 28px
}

.btn--icon.btn--large {
    width: 44px
}

.btn--floating,
.btn--icon .btn__content:before {
    border-radius: 50%
}

.btn--floating {
    min-width: 0;
    height: 56px;
    width: 56px;
    padding: 0
}

.btn--floating.btn--absolute,
.btn--floating.btn--fixed {
    z-index: 4
}

.btn--floating:not(.btn--depressed) {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.btn--floating:not(.btn--depressed):active {
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 12px 17px 2px rgba(0, 0, 0, .14), 0 5px 22px 4px rgba(0, 0, 0, .12)
}

.btn--floating .btn__content {
    flex: 1 1 auto;
    margin: 0;
    padding: 0
}

.btn--floating:after {
    border-radius: 50%
}

.btn--floating .btn__content :not(:only-child) {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.btn--floating .btn__content :not(:only-child):first-child {
    opacity: 1
}

.btn--floating .btn__content :not(:only-child):last-child {
    opacity: 0;
    transform: rotate(-45deg)
}

.btn--floating .btn__content :not(:only-child):first-child,
.btn--floating .btn__content :not(:only-child):last-child {
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.btn--floating.btn--active .btn__content :not(:only-child):first-child {
    opacity: 0;
    transform: rotate(45deg)
}

.btn--floating.btn--active .btn__content :not(:only-child):last-child {
    opacity: 1;
    transform: rotate(0)
}

.btn--floating .icon {
    height: inherit;
    width: inherit
}

.btn--floating.btn--small {
    height: 40px;
    width: 40px
}

.btn--floating.btn--small .icon {
    font-size: 18px
}

.btn--floating.btn--large {
    height: 72px;
    width: 72px
}

.btn--floating.btn--large .icon {
    font-size: 30px
}

.btn--reverse .btn__content {
    flex-direction: row-reverse
}

.btn--reverse.btn--column .btn__content {
    flex-direction: column-reverse
}

.btn--absolute,
.btn--fixed {
    margin: 0
}

.btn.btn--absolute {
    position: absolute
}

.btn.btn--fixed {
    position: fixed
}

.btn--top:not(.btn--absolute) {
    top: 16px
}

.btn--top.btn--absolute {
    top: -28px
}

.btn--top.btn--absolute.btn--small {
    top: -20px
}

.btn--top.btn--absolute.btn--large {
    top: -36px
}

.btn--bottom:not(.btn--absolute) {
    bottom: 16px
}

.btn--bottom.btn--absolute {
    bottom: -28px
}

.btn--bottom.btn--absolute.btn--small {
    bottom: -20px
}

.btn--bottom.btn--absolute.btn--large {
    bottom: -36px
}

.btn--left {
    left: 16px
}

.btn--right {
    right: 16px
}

.btn.btn--disabled {
    box-shadow: none !important;
    pointer-events: none
}

.btn--icon .btn__content {
    padding: 0
}

.btn--loader {
    pointer-events: none
}

.btn--loader .btn__content {
    opacity: 0
}

.btn__loading {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.btn__loading .icon--left {
    margin-right: 1rem;
    line-height: inherit
}

.btn__loading .icon--right {
    margin-left: 1rem;
    line-height: inherit
}

.btn.btn--outline {
    border: 1px solid #1e1e1e;
    background: transparent !important;
    box-shadow: none
}

.btn.btn--outline:hover {
    box-shadow: none
}

.btn--block {
    display: flex;
    flex: 1;
    margin: 6px 0;
    width: 100%
}

.btn--round,
.btn--round:after {
    border-radius: 28px
}

.btn .icon--right {
    margin-left: 16px
}

.btn .icon--left {
    margin-right: 16px
}

.btn.accent,
.btn.error,
.btn.info,
.btn.primary,
.btn.secondary,
.btn.success,
.btn.warning {
    color: #fff
}

.application .theme--light.card,
.theme--light .card {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.card,
.theme--dark .card {
    background-color: #424242;
    color: #fff
}

.card {
    display: block;
    border-radius: 2px;
    min-width: 0;
    position: relative;
    text-decoration: none;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.card>:first-child:not(.btn) {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.card>:last-child:not(.btn) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.card--raised {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.card--tile {
    border-radius: 0
}

.card--flat {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.card--hover {
    cursor: pointer;
    transition: all .4s cubic-bezier(.25, .8, .25, 1);
    transition-property: box-shadow
}

.card--hover:hover {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.card__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding: 16px
}

.card__title--primary {
    padding-top: 24px
}

.card__text {
    padding: 16px;
    width: 100%
}

.card__media {
    display: flex;
    overflow: hidden;
    position: relative
}

.card__media img {
    width: 100%
}

.card__media__background {
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.card__media__content {
    display: flex;
    flex: 1 1 auto;
    position: relative
}

.card__actions {
    align-items: center;
    display: flex;
    padding: 8px 4px
}

.card__actions .btn,
.card__actions>* {
    margin: 0 4px
}

.carousel {
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.carousel__left,
.carousel__right {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%)
}

.carousel__left .btn,
.carousel__right .btn {
    color: #fff;
    margin: 0 !important;
    height: auto;
    width: auto
}

.carousel__left .btn i,
.carousel__right .btn i {
    font-size: 48px
}

.carousel__left .btn:hover,
.carousel__right .btn:hover {
    background: none
}

.carousel__left {
    left: 5px
}

.carousel__right {
    right: 5px
}

.carousel__controls {
    background: rgba(0, 0, 0, .5);
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    height: 50px;
    list-style-type: none;
    width: 100%;
    z-index: 1
}

.carousel__controls__item {
    color: #fff;
    margin: 0 8px !important
}

.carousel__controls__item i {
    opacity: .5;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.carousel__controls__item--active i {
    opacity: 1;
    vertical-align: middle
}

.carousel__controls__item:hover {
    background: none
}

.carousel__controls__item:hover i {
    opacity: .8
}

.application .theme--light.chip,
.theme--light .chip {
    background: #e0e0e0;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.chip,
.theme--dark .chip {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.chip {
    border-radius: 28px;
    border: 1px solid transparent;
    font-size: 13px;
    margin: 4px;
    outline: none;
    position: relative;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.chip,
.chip .chip__content {
    align-items: center;
    display: inline-flex;
    vertical-align: middle
}

.chip .chip__content {
    border-radius: 28px;
    cursor: default;
    height: 32px;
    justify-content: space-between;
    padding: 0 12px;
    white-space: nowrap;
    z-index: 1
}

.chip--removable .chip__content {
    padding: 0 4px 0 12px
}

.chip .avatar {
    height: 32px !important;
    margin-left: -12px;
    margin-right: 8px;
    min-width: 32px;
    width: 32px !important
}

.chip .avatar img {
    height: 100%;
    width: 100%
}

.chip--active:not(.chip--disabled),
.chip--selected:not(.chip--disabled),
.chip:focus:not(.chip--disabled) {
    border-color: rgba(0, 0, 0, .13);
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.chip--active:not(.chip--disabled):after,
.chip--selected:not(.chip--disabled):after,
.chip:focus:not(.chip--disabled):after {
    background: currentColor;
    border-radius: inherit;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: inherit;
    width: 100%;
    pointer-events: none;
    opacity: .13
}

.chip--label,
.chip--label .chip__content {
    border-radius: 2px
}

.chip.chip.chip--outline {
    background: transparent !important;
    border-color: currentColor;
    color: #9e9e9e
}

.chip--small {
    height: 26px
}

.chip--small .avatar {
    height: 26px;
    min-width: 26px;
    width: 26px
}

.chip--small .icon,
.chip__close {
    font-size: 20px
}

.chip__close {
    align-items: center;
    color: inherit;
    cursor: pointer;
    display: flex;
    margin: 0 2px 0 8px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chip__close>.icon {
    color: inherit !important;
    font-size: 20px;
    opacity: .5
}

.chip__close>.icon:hover {
    opacity: 1
}

.chip--select-multi {
    margin: 4px 4px 4px 0
}

.chip .icon {
    color: inherit
}

.chip .icon--right {
    margin-left: 12px;
    margin-right: -8px
}

.chip .icon--left {
    margin-left: -8px;
    margin-right: 12px
}

.content {
    transition: none;
    display: flex;
    flex: 1 0 auto;
    max-width: 100%;
    will-change: padding
}

.content[data-booted=true] {
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.content--wrap {
    flex: 1 1 auto;
    max-width: 100%
}

@-moz-document url-prefix() {
    @media print {
        .content {
            display: block
        }
    }
}

.application .theme--light.data-iterator .data-iterator__actions,
.theme--light .data-iterator .data-iterator__actions {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.application .theme--light.data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma,
.theme--light .data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.theme--light .data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma {
    color: rgba(0, 0, 0, .54) !important
}

.application .theme--dark.data-iterator .data-iterator__actions,
.theme--dark .data-iterator .data-iterator__actions {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.application .theme--dark.data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma,
.theme--dark .data-iterator .data-iterator__actions__select .input-group--select .input-group__append-icon,
.theme--dark .data-iterator .data-iterator__actions__select .input-group--select .input-group__selections__comma {
    color: hsla(0, 0%, 100%, .7) !important
}

.data-iterator__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap-reverse
}

.data-iterator__actions .btn {
    color: inherit
}

.data-iterator__actions .btn:last-of-type {
    margin-left: 14px
}

.data-iterator__actions__range-controls {
    display: flex;
    align-items: center;
    min-height: 48px
}

.data-iterator__actions__pagination {
    display: block;
    text-align: center;
    margin: 0 32px 0 24px
}

.data-iterator__actions__select {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px
}

.data-iterator__actions__select .input-group--select {
    margin: 13px 0 13px 34px;
    padding: 0;
    position: static
}

.data-iterator__actions__select .input-group--select .input-group__selections__comma {
    font-size: 12px
}

.application .theme--light.datatable thead th.column.sortable i,
.theme--light .datatable thead th.column.sortable i {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.datatable thead th.column.sortable.active,
.application .theme--light.datatable thead th.column.sortable.active i,
.application .theme--light.datatable thead th.column.sortable:hover,
.theme--light .datatable thead th.column.sortable.active,
.theme--light .datatable thead th.column.sortable.active i,
.theme--light .datatable thead th.column.sortable:hover {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.datatable .datatable__actions,
.theme--light .datatable .datatable__actions {
    background-color: #fff;
    color: rgba(0, 0, 0, .54);
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--light.datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.application .theme--light.datatable .datatable__actions__select .input-group--select .input-group__selections__comma,
.theme--light .datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.theme--light .datatable .datatable__actions__select .input-group--select .input-group__selections__comma {
    color: rgba(0, 0, 0, .54) !important
}

.application .theme--dark.datatable thead th.column.sortable i,
.theme--dark .datatable thead th.column.sortable i {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.datatable thead th.column.sortable.active,
.application .theme--dark.datatable thead th.column.sortable.active i,
.application .theme--dark.datatable thead th.column.sortable:hover,
.theme--dark .datatable thead th.column.sortable.active,
.theme--dark .datatable thead th.column.sortable.active i,
.theme--dark .datatable thead th.column.sortable:hover {
    color: #fff
}

.application .theme--dark.datatable .datatable__actions,
.theme--dark .datatable .datatable__actions {
    background-color: #424242;
    color: hsla(0, 0%, 100%, .7);
    border-top: 1px solid hsla(0, 0%, 100%, .12)
}

.application .theme--dark.datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.application .theme--dark.datatable .datatable__actions__select .input-group--select .input-group__selections__comma,
.theme--dark .datatable .datatable__actions__select .input-group--select .input-group__append-icon,
.theme--dark .datatable .datatable__actions__select .input-group--select .input-group__selections__comma {
    color: hsla(0, 0%, 100%, .7) !important
}

.datatable thead th.column.sortable {
    cursor: pointer
}

.datatable thead th.column.sortable i {
    font-size: 16px;
    vertical-align: sub;
    display: inline-block;
    opacity: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.datatable thead th.column.sortable:hover i {
    opacity: .6
}

.datatable thead th.column.sortable.active {
    transform: none
}

.datatable thead th.column.sortable.active i {
    opacity: 1
}

.datatable thead th.column.sortable.active.desc i {
    transform: rotate(-180deg)
}

.datatable__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap-reverse
}

.datatable__actions .btn {
    color: inherit
}

.datatable__actions .btn:last-of-type {
    margin-left: 14px
}

.datatable__actions__range-controls {
    display: flex;
    align-items: center;
    min-height: 48px
}

.datatable__actions__pagination {
    display: block;
    text-align: center;
    margin: 0 32px 0 24px
}

.datatable__actions__select {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px
}

.datatable__actions__select .input-group--select {
    margin: 13px 0 13px 34px;
    padding: 0;
    position: static
}

.datatable__actions__select .input-group--select .input-group__selections__comma {
    font-size: 12px
}

.datatable__progress,
.datatable__progress td,
.datatable__progress th,
.datatable__progress tr {
    height: auto !important
}

.datatable__progress th {
    padding: 0 !important
}

.datatable__progress th .progress-linear {
    top: -2px;
    margin: 0 0 -2px
}

.datatable__expand-row {
    border: none !important
}

.datatable__expand-col {
    padding: 0 !important;
    height: 0 !important
}

.datatable__expand-col--expanded {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.datatable__expand-content {
    transition: height .3s cubic-bezier(.25, .8, .5, 1)
}

.datatable__expand-content>.card {
    border-radius: 0;
    box-shadow: none
}

.application .theme--light.date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover),
.theme--light .date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover) {
    color: rgba(0, 0, 0, .87) !important
}

.application .theme--light.date-picker-header .date-picker-header__value--disabled strong,
.theme--light .date-picker-header .date-picker-header__value--disabled strong {
    color: rgba(0, 0, 0, .38)
}

.application .theme--dark.date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover),
.theme--dark .date-picker-header .date-picker-header__value:not(.date-picker-header__value--disabled) strong:not(:hover) {
    color: #fff !important
}

.application .theme--dark.date-picker-header .date-picker-header__value--disabled strong,
.theme--dark .date-picker-header .date-picker-header__value--disabled strong {
    color: hsla(0, 0%, 100%, .5)
}

.date-picker-header {
    padding: 4px 16px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    position: relative
}

.date-picker-header .btn {
    margin: 0;
    z-index: auto
}

.date-picker-header .icon {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.date-picker-header__value {
    flex: 1;
    text-align: center;
    position: relative;
    overflow: hidden
}

.date-picker-header__value strong {
    cursor: pointer;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    display: block;
    width: 100%
}

.application .theme--light.date-picker-table th,
.theme--light .date-picker-table th {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.date-picker-table .btn,
.theme--light .date-picker-table .btn {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.date-picker-table th,
.theme--dark .date-picker-table th {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.date-picker-table .btn,
.theme--dark .date-picker-table .btn {
    color: #fff
}

.date-picker-table {
    position: relative;
    padding: 0 12px;
    height: 242px
}

.date-picker-table table {
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    top: 0;
    table-layout: fixed;
    width: 100%
}

.date-picker-table td,
.date-picker-table th {
    text-align: center;
    position: relative
}

.date-picker-table th {
    font-size: 12px
}

.date-picker-table--date .btn {
    height: 32px;
    width: 32px
}

.date-picker-table .btn {
    z-index: auto;
    margin: 0;
    font-size: 12px
}

.date-picker-table .btn.btn--active {
    color: #fff
}

.date-picker-table--month td {
    width: 33.333333%;
    height: 56px;
    vertical-align: middle;
    text-align: center
}

.date-picker-table--month td .btn {
    margin: 0 auto;
    max-width: 160px;
    min-width: 40px;
    width: 100%
}

.date-picker-table--date th {
    padding: 8px 0;
    font-weight: 600
}

.date-picker-table--date td {
    width: 45px
}

.date-picker-table__event {
    border-radius: 50%;
    bottom: 2px;
    content: "";
    display: block;
    height: 8px;
    left: 50%;
    position: absolute;
    transform: translateX(-4px);
    width: 8px
}

.date-picker-title {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-wrap: wrap;
    line-height: 1
}

.date-picker-title__year {
    align-items: center;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.date-picker-title__date {
    font-size: 34px;
    text-align: left;
    font-weight: 500;
    position: relative;
    overflow: hidden
}

.date-picker-title__date>div {
    position: relative
}

.date-picker-years {
    font-size: 16px;
    font-weight: 400;
    height: 334px;
    list-style-type: none;
    overflow: auto;
    padding: 0;
    text-align: center
}

.date-picker-years li {
    cursor: pointer;
    padding: 8px 0;
    transition: none
}

.date-picker-years li.active {
    font-size: 26px;
    font-weight: 500;
    padding: 10px 0
}

.date-picker-years li:hover {
    background: rgba(0, 0, 0, .12)
}

.picker--landscape .date-picker-years {
    height: 286px
}

.dialog {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    border-radius: 2px;
    margin: 24px;
    overflow-y: auto;
    pointer-events: auto;
    z-index: inherit
}

.dialog,
.dialog__content {
    transition: .3s ease-in-out;
    width: 100%
}

.dialog__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    z-index: 6;
    outline: none
}

.dialog:not(.dialog--fullscreen) {
    max-height: 90%
}

.dialog__container {
    display: inline-block;
    vertical-align: middle
}

.dialog--fullscreen {
    margin: 0;
    height: 100%;
    position: fixed;
    overflow-y: auto;
    top: 0;
    left: 0
}

.dialog--fullscreen>.card {
    min-height: 100%;
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.dialog--scrollable {
    display: flex
}

.dialog--scrollable>.card {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.dialog--scrollable>.card>.card__actions,
.dialog--scrollable>.card>.card__title {
    flex: 1 0 auto
}

.dialog--scrollable>.card>.card__text {
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.application .theme--light.divider,
.theme--light .divider {
    background-color: rgba(0, 0, 0, .12)
}

.application .theme--dark.divider,
.theme--dark .divider {
    background-color: hsla(0, 0%, 100%, .12)
}

.divider {
    border: none;
    display: block;
    height: 1px;
    min-height: 1px;
    flex: 1;
    width: 100%
}

.divider--inset {
    margin-left: 72px;
    width: calc(100% - 72px)
}

.application .theme--light.expansion-panel .expansion-panel__container,
.theme--light .expansion-panel .expansion-panel__container {
    border-top: 1px solid rgba(0, 0, 0, .12);
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.expansion-panel .expansion-panel__container .expansion-panel__header .icon,
.theme--light .expansion-panel .expansion-panel__container .expansion-panel__header .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.expansion-panel--focusable .expansion-panel__container:focus,
.theme--light .expansion-panel--focusable .expansion-panel__container:focus {
    background-color: #eee
}

.application .theme--dark.expansion-panel .expansion-panel__container,
.theme--dark .expansion-panel .expansion-panel__container {
    border-top: 1px solid hsla(0, 0%, 100%, .12);
    background-color: #424242;
    color: #fff
}

.application .theme--dark.expansion-panel .expansion-panel__container .expansion-panel__header .icon,
.theme--dark .expansion-panel .expansion-panel__container .expansion-panel__header .icon {
    color: #fff
}

.application .theme--dark.expansion-panel--focusable .expansion-panel__container:focus,
.theme--dark .expansion-panel--focusable .expansion-panel__container:focus {
    background-color: rgba(0, 0, 0, .7)
}

.expansion-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
    padding: 0;
    text-align: left;
    width: 100%;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12)
}

.expansion-panel__container {
    flex: 1 0 100%;
    max-width: 100%;
    outline: none;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.expansion-panel__container:first-child {
    border-top: none !important
}

.expansion-panel__container .header__icon {
    margin-left: auto
}

.expansion-panel__container .header__icon .icon {
    transition: none
}

.expansion-panel__container--active>.expansion-panel__header .header__icon .icon {
    transform: rotate(-180deg)
}

.expansion-panel__header {
    display: flex;
    cursor: pointer;
    align-items: center;
    position: relative;
    padding: 12px 24px
}

.expansion-panel__header>:not(.header__icon) {
    flex: 1 1 auto
}

.expansion-panel__body {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.expansion-panel__body .card {
    border-radius: 0
}

.expansion-panel--inset,
.expansion-panel--popout,
.expansion-panel__body .card {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.expansion-panel--inset .expansion-panel__container--active,
.expansion-panel--popout .expansion-panel__container--active {
    margin: 16px;
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12)
}

.expansion-panel--inset .expansion-panel__container,
.expansion-panel--popout .expansion-panel__container {
    max-width: 95%
}

.expansion-panel--popout .expansion-panel__container--active {
    max-width: 100%
}

.expansion-panel--inset .expansion-panel__container--active {
    max-width: 85%
}

.application .theme--light.footer,
.theme--light .footer {
    background: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.footer,
.theme--dark .footer {
    background: #212121;
    color: #fff
}

.footer {
    align-items: center;
    display: flex;
    flex: 0 1 auto !important;
    min-height: 36px;
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.footer--absolute,
.footer--fixed {
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3
}

.footer--inset {
    z-index: 2
}

.footer--absolute {
    position: absolute
}

.footer--fixed {
    position: fixed
}

.container {
    flex: 1 1 100%;
    margin: auto;
    padding: 16px;
    width: 100%
}

@media only screen and (min-width:960px) {
    .container {
        max-width: 900px
    }
}

@media only screen and (min-width:1264px) {
    .container {
        max-width: 1185px
    }
}

@media only screen and (min-width:1904px) {
    .container {
        max-width: 1785px
    }
}

@media only screen and (max-width:599px) {
    .container {
        padding: 24px
    }
}

.container.fluid {
    max-width: 100%
}

.container.fill-height {
    align-items: center;
    display: flex
}

.container.fill-height .layout {
    height: 100%;
    flex: 1 1 auto
}

.container.grid-list-xs {
    padding: 2px
}

.container.grid-list-xs .layout .flex {
    padding: 1px
}

.container.grid-list-xs .layout:only-child {
    margin: -1px
}

.container.grid-list-xs .layout:not(:only-child) {
    margin: auto -1px
}

.container.grid-list-xs :not(:only-child) .layout:first-child {
    margin-top: -1px
}

.container.grid-list-xs :not(:only-child) .layout:last-child {
    margin-bottom: -1px
}

.container.grid-list-sm {
    padding: 4px
}

.container.grid-list-sm .layout .flex {
    padding: 2px
}

.container.grid-list-sm .layout:only-child {
    margin: -2px
}

.container.grid-list-sm .layout:not(:only-child) {
    margin: auto -2px
}

.container.grid-list-sm :not(:only-child) .layout:first-child {
    margin-top: -2px
}

.container.grid-list-sm :not(:only-child) .layout:last-child {
    margin-bottom: -2px
}

.container.grid-list-md {
    padding: 8px
}

.container.grid-list-md .layout .flex {
    padding: 4px
}

.container.grid-list-md .layout:only-child {
    margin: -4px
}

.container.grid-list-md .layout:not(:only-child) {
    margin: auto -4px
}

.container.grid-list-md :not(:only-child) .layout:first-child {
    margin-top: -4px
}

.container.grid-list-md :not(:only-child) .layout:last-child {
    margin-bottom: -4px
}

.container.grid-list-lg {
    padding: 16px
}

.container.grid-list-lg .layout .flex {
    padding: 8px
}

.container.grid-list-lg .layout:only-child {
    margin: -8px
}

.container.grid-list-lg .layout:not(:only-child) {
    margin: auto -8px
}

.container.grid-list-lg :not(:only-child) .layout:first-child {
    margin-top: -8px
}

.container.grid-list-lg :not(:only-child) .layout:last-child {
    margin-bottom: -8px
}

.container.grid-list-xl {
    padding: 24px
}

.container.grid-list-xl .layout .flex {
    padding: 12px
}

.container.grid-list-xl .layout:only-child {
    margin: -12px
}

.container.grid-list-xl .layout:not(:only-child) {
    margin: auto -12px
}

.container.grid-list-xl :not(:only-child) .layout:first-child {
    margin-top: -12px
}

.container.grid-list-xl :not(:only-child) .layout:last-child {
    margin-bottom: -12px
}

.layout {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    min-width: 0
}

.layout.row {
    flex-direction: row
}

.layout.row.reverse {
    flex-direction: row-reverse
}

.layout.column {
    flex-direction: column
}

.layout.column>.flex {
    max-width: 100%
}

.layout.column.reverse {
    flex-direction: column-reverse
}

.layout.wrap {
    flex-wrap: wrap
}

@media (min-width:0) {
    .flex.xs1 {
        flex-basis: 8.333333333333332%;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }
    .flex.order-xs1 {
        order: 1
    }
    .flex.xs2 {
        flex-basis: 16.666666666666664%;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }
    .flex.order-xs2 {
        order: 2
    }
    .flex.xs3 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .flex.order-xs3 {
        order: 3
    }
    .flex.xs4 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .flex.order-xs4 {
        order: 4
    }
    .flex.xs5 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .flex.order-xs5 {
        order: 5
    }
    .flex.xs6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .flex.order-xs6 {
        order: 6
    }
    .flex.xs7 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .flex.order-xs7 {
        order: 7
    }
    .flex.xs8 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .flex.order-xs8 {
        order: 8
    }
    .flex.xs9 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .flex.order-xs9 {
        order: 9
    }
    .flex.xs10 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .flex.order-xs10 {
        order: 10
    }
    .flex.xs11 {
        flex-basis: 91.66666666666666%;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }
    .flex.order-xs11 {
        order: 11
    }
    .flex.xs12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .flex.order-xs12 {
        order: 12
    }
    .flex.offset-xs0 {
        margin-left: 0
    }
    .flex.offset-xs1 {
        margin-left: 8.333333333333332%
    }
    .flex.offset-xs2 {
        margin-left: 16.666666666666664%
    }
    .flex.offset-xs3 {
        margin-left: 25%
    }
    .flex.offset-xs4 {
        margin-left: 33.33333333333333%
    }
    .flex.offset-xs5 {
        margin-left: 41.66666666666667%
    }
    .flex.offset-xs6 {
        margin-left: 50%
    }
    .flex.offset-xs7 {
        margin-left: 58.333333333333336%
    }
    .flex.offset-xs8 {
        margin-left: 66.66666666666666%
    }
    .flex.offset-xs9 {
        margin-left: 75%
    }
    .flex.offset-xs10 {
        margin-left: 83.33333333333334%
    }
    .flex.offset-xs11 {
        margin-left: 91.66666666666666%
    }
    .flex.offset-xs12 {
        margin-left: 100%
    }
}

@media (min-width:600px) {
    .flex.sm1 {
        flex-basis: 8.333333333333332%;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }
    .flex.order-sm1 {
        order: 1
    }
    .flex.sm2 {
        flex-basis: 16.666666666666664%;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }
    .flex.order-sm2 {
        order: 2
    }
    .flex.sm3 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .flex.order-sm3 {
        order: 3
    }
    .flex.sm4 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .flex.order-sm4 {
        order: 4
    }
    .flex.sm5 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .flex.order-sm5 {
        order: 5
    }
    .flex.sm6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .flex.order-sm6 {
        order: 6
    }
    .flex.sm7 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .flex.order-sm7 {
        order: 7
    }
    .flex.sm8 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .flex.order-sm8 {
        order: 8
    }
    .flex.sm9 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .flex.order-sm9 {
        order: 9
    }
    .flex.sm10 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .flex.order-sm10 {
        order: 10
    }
    .flex.sm11 {
        flex-basis: 91.66666666666666%;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }
    .flex.order-sm11 {
        order: 11
    }
    .flex.sm12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .flex.order-sm12 {
        order: 12
    }
    .flex.offset-sm0 {
        margin-left: 0
    }
    .flex.offset-sm1 {
        margin-left: 8.333333333333332%
    }
    .flex.offset-sm2 {
        margin-left: 16.666666666666664%
    }
    .flex.offset-sm3 {
        margin-left: 25%
    }
    .flex.offset-sm4 {
        margin-left: 33.33333333333333%
    }
    .flex.offset-sm5 {
        margin-left: 41.66666666666667%
    }
    .flex.offset-sm6 {
        margin-left: 50%
    }
    .flex.offset-sm7 {
        margin-left: 58.333333333333336%
    }
    .flex.offset-sm8 {
        margin-left: 66.66666666666666%
    }
    .flex.offset-sm9 {
        margin-left: 75%
    }
    .flex.offset-sm10 {
        margin-left: 83.33333333333334%
    }
    .flex.offset-sm11 {
        margin-left: 91.66666666666666%
    }
    .flex.offset-sm12 {
        margin-left: 100%
    }
}

@media (min-width:960px) {
    .flex.md1 {
        flex-basis: 8.333333333333332%;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }
    .flex.order-md1 {
        order: 1
    }
    .flex.md2 {
        flex-basis: 16.666666666666664%;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }
    .flex.order-md2 {
        order: 2
    }
    .flex.md3 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .flex.order-md3 {
        order: 3
    }
    .flex.md4 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .flex.order-md4 {
        order: 4
    }
    .flex.md5 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .flex.order-md5 {
        order: 5
    }
    .flex.md6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .flex.order-md6 {
        order: 6
    }
    .flex.md7 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .flex.order-md7 {
        order: 7
    }
    .flex.md8 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .flex.order-md8 {
        order: 8
    }
    .flex.md9 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .flex.order-md9 {
        order: 9
    }
    .flex.md10 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .flex.order-md10 {
        order: 10
    }
    .flex.md11 {
        flex-basis: 91.66666666666666%;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }
    .flex.order-md11 {
        order: 11
    }
    .flex.md12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .flex.order-md12 {
        order: 12
    }
    .flex.offset-md0 {
        margin-left: 0
    }
    .flex.offset-md1 {
        margin-left: 8.333333333333332%
    }
    .flex.offset-md2 {
        margin-left: 16.666666666666664%
    }
    .flex.offset-md3 {
        margin-left: 25%
    }
    .flex.offset-md4 {
        margin-left: 33.33333333333333%
    }
    .flex.offset-md5 {
        margin-left: 41.66666666666667%
    }
    .flex.offset-md6 {
        margin-left: 50%
    }
    .flex.offset-md7 {
        margin-left: 58.333333333333336%
    }
    .flex.offset-md8 {
        margin-left: 66.66666666666666%
    }
    .flex.offset-md9 {
        margin-left: 75%
    }
    .flex.offset-md10 {
        margin-left: 83.33333333333334%
    }
    .flex.offset-md11 {
        margin-left: 91.66666666666666%
    }
    .flex.offset-md12 {
        margin-left: 100%
    }
}

@media (min-width:1264px) {
    .flex.lg1 {
        flex-basis: 8.333333333333332%;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }
    .flex.order-lg1 {
        order: 1
    }
    .flex.lg2 {
        flex-basis: 16.666666666666664%;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }
    .flex.order-lg2 {
        order: 2
    }
    .flex.lg3 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .flex.order-lg3 {
        order: 3
    }
    .flex.lg4 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .flex.order-lg4 {
        order: 4
    }
    .flex.lg5 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .flex.order-lg5 {
        order: 5
    }
    .flex.lg6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .flex.order-lg6 {
        order: 6
    }
    .flex.lg7 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .flex.order-lg7 {
        order: 7
    }
    .flex.lg8 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .flex.order-lg8 {
        order: 8
    }
    .flex.lg9 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .flex.order-lg9 {
        order: 9
    }
    .flex.lg10 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .flex.order-lg10 {
        order: 10
    }
    .flex.lg11 {
        flex-basis: 91.66666666666666%;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }
    .flex.order-lg11 {
        order: 11
    }
    .flex.lg12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .flex.order-lg12 {
        order: 12
    }
    .flex.offset-lg0 {
        margin-left: 0
    }
    .flex.offset-lg1 {
        margin-left: 8.333333333333332%
    }
    .flex.offset-lg2 {
        margin-left: 16.666666666666664%
    }
    .flex.offset-lg3 {
        margin-left: 25%
    }
    .flex.offset-lg4 {
        margin-left: 33.33333333333333%
    }
    .flex.offset-lg5 {
        margin-left: 41.66666666666667%
    }
    .flex.offset-lg6 {
        margin-left: 50%
    }
    .flex.offset-lg7 {
        margin-left: 58.333333333333336%
    }
    .flex.offset-lg8 {
        margin-left: 66.66666666666666%
    }
    .flex.offset-lg9 {
        margin-left: 75%
    }
    .flex.offset-lg10 {
        margin-left: 83.33333333333334%
    }
    .flex.offset-lg11 {
        margin-left: 91.66666666666666%
    }
    .flex.offset-lg12 {
        margin-left: 100%
    }
}

@media (min-width:1904px) {
    .flex.xl1 {
        flex-basis: 8.333333333333332%;
        flex-grow: 0;
        max-width: 8.333333333333332%
    }
    .flex.order-xl1 {
        order: 1
    }
    .flex.xl2 {
        flex-basis: 16.666666666666664%;
        flex-grow: 0;
        max-width: 16.666666666666664%
    }
    .flex.order-xl2 {
        order: 2
    }
    .flex.xl3 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .flex.order-xl3 {
        order: 3
    }
    .flex.xl4 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .flex.order-xl4 {
        order: 4
    }
    .flex.xl5 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .flex.order-xl5 {
        order: 5
    }
    .flex.xl6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .flex.order-xl6 {
        order: 6
    }
    .flex.xl7 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .flex.order-xl7 {
        order: 7
    }
    .flex.xl8 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .flex.order-xl8 {
        order: 8
    }
    .flex.xl9 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .flex.order-xl9 {
        order: 9
    }
    .flex.xl10 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .flex.order-xl10 {
        order: 10
    }
    .flex.xl11 {
        flex-basis: 91.66666666666666%;
        flex-grow: 0;
        max-width: 91.66666666666666%
    }
    .flex.order-xl11 {
        order: 11
    }
    .flex.xl12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .flex.order-xl12 {
        order: 12
    }
    .flex.offset-xl0 {
        margin-left: 0
    }
    .flex.offset-xl1 {
        margin-left: 8.333333333333332%
    }
    .flex.offset-xl2 {
        margin-left: 16.666666666666664%
    }
    .flex.offset-xl3 {
        margin-left: 25%
    }
    .flex.offset-xl4 {
        margin-left: 33.33333333333333%
    }
    .flex.offset-xl5 {
        margin-left: 41.66666666666667%
    }
    .flex.offset-xl6 {
        margin-left: 50%
    }
    .flex.offset-xl7 {
        margin-left: 58.333333333333336%
    }
    .flex.offset-xl8 {
        margin-left: 66.66666666666666%
    }
    .flex.offset-xl9 {
        margin-left: 75%
    }
    .flex.offset-xl10 {
        margin-left: 83.33333333333334%
    }
    .flex.offset-xl11 {
        margin-left: 91.66666666666666%
    }
    .flex.offset-xl12 {
        margin-left: 100%
    }
}

.child-flex>*,
.flex {
    flex: 1 1 auto
}

.align-start {
    align-items: flex-start
}

.align-end {
    align-items: flex-end
}

.align-center {
    align-items: center
}

.align-baseline {
    align-items: baseline
}

.align-content-start {
    align-content: flex-start
}

.align-content-end {
    align-content: flex-end
}

.align-content-center {
    align-content: center
}

.align-content-space-between {
    align-content: space-between
}

.align-content-space-around {
    align-content: space-around
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

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

.justify-space-between {
    justify-content: space-between
}

.grow,
.spacer {
    flex-grow: 1 !important
}

.grow {
    flex-shrink: 0 !important
}

.shrink {
    flex-grow: 0 !important;
    flex-shrink: 1 !important
}

.scroll-y {
    overflow-y: auto
}

.fill-height {
    height: 100%
}

.hide-overflow {
    overflow: hidden !important
}

.show-overflow {
    overflow: visible !important
}

.ellipsis,
.no-wrap {
    white-space: nowrap
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-flex>*,
.d-inline-flex>* {
    flex: 1 1 auto !important
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-inline {
    display: inline !important
}

.application .theme--light.icon,
.theme--light .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.icon.icon--disabled:not(.input-group__append-icon),
.theme--light .icon.icon--disabled:not(.input-group__append-icon) {
    color: rgba(0, 0, 0, .38) !important
}

.application .theme--dark.icon,
.theme--dark .icon {
    /* color: #fff */
}

.application .theme--dark.icon.icon--disabled:not(.input-group__append-icon),
.theme--dark .icon.icon--disabled:not(.input-group__append-icon) {
    color: hsla(0, 0%, 100%, .5) !important
}

.icon {
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    line-height: 1;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    vertical-align: middle
}

.icon.icon--large {
    font-size: 2.5rem
}

.icon.icon--medium {
    font-size: 2rem
}

.icon.icon--x-large {
    font-size: 3rem
}

.icon.icon--disabled {
    pointer-events: none
}

.application .theme--light.input-group input,
.application .theme--light.input-group textarea,
.theme--light .input-group input,
.theme--light .input-group textarea {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group input:disabled,
.application .theme--light.input-group textarea:disabled,
.theme--light .input-group input:disabled,
.theme--light .input-group textarea:disabled {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group:not(.input-group--error) .input-group__messages,
.theme--light .input-group:not(.input-group--error) .input-group__messages {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--light .input-group.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border: 2px solid rgba(0, 0, 0, .54)
}

.application .theme--light.input-group.input-group--solo,
.theme--light .input-group.input-group--solo {
    background: #fff
}

.application .theme--light.input-group.input-group--solo-inverted,
.theme--light .input-group.input-group--solo-inverted {
    background: rgba(0, 0, 0, .16)
}

.application .theme--light.input-group.input-group--solo-inverted.input-group--focused,
.theme--light .input-group.input-group--solo-inverted.input-group--focused {
    background: #424242
}

.application .theme--light.input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.application .theme--light.input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.application .theme--light.input-group.input-group--solo-inverted.input-group--focused input,
.application .theme--light.input-group.input-group--solo-inverted.input-group--focused label,
.theme--light .input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.theme--light .input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.theme--light .input-group.input-group--solo-inverted.input-group--focused input,
.theme--light .input-group.input-group--solo-inverted.input-group--focused label {
    color: #fff
}

.application .theme--light.input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active),
.theme--light .input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active) {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group:not(.input-group--error) label,
.theme--light .input-group:not(.input-group--error) label {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.application .theme--light.input-group:not(.input-group--error).input-group--disabled label,
.theme--light .input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.theme--light .input-group:not(.input-group--error).input-group--disabled label {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group:not(.input-group--error) .input-group__details:before,
.theme--light .input-group:not(.input-group--error) .input-group__details:before {
    background-color: rgba(0, 0, 0, .42)
}

.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover),
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover) {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before,
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before {
    background-color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--light .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border-color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group.input-group--editable .input-group__details:before,
.application .theme--light.input-group.input-group--editable .input-group__input:before,
.application .theme--light.input-group.input-group--overflow .input-group__details:before,
.application .theme--light.input-group.input-group--overflow .input-group__input:before,
.application .theme--light.input-group.input-group--segmented .input-group__details:before,
.application .theme--light.input-group.input-group--segmented .input-group__input:before,
.theme--light .input-group.input-group--editable .input-group__details:before,
.theme--light .input-group.input-group--editable .input-group__input:before,
.theme--light .input-group.input-group--overflow .input-group__details:before,
.theme--light .input-group.input-group--overflow .input-group__input:before,
.theme--light .input-group.input-group--segmented .input-group__details:before,
.theme--light .input-group.input-group--segmented .input-group__input:before {
    background-color: rgba(0, 0, 0, .12)
}

.application .theme--light.input-group.input-group--disabled .input-group__input .input-group__append-icon,
.application .theme--light.input-group.input-group--disabled .input-group__input .input-group__prepend-icon,
.theme--light .input-group.input-group--disabled .input-group__input .input-group__append-icon,
.theme--light .input-group.input-group--disabled .input-group__input .input-group__prepend-icon {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group.input-group--disabled .input-group__details:before,
.theme--light .input-group.input-group--disabled .input-group__details:before {
    background-color: transparent;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .38) 0, rgba(0, 0, 0, .38) 33%, transparent 0)
}

.application .theme--light.input-group .input-group--text-field__prefix,
.application .theme--light.input-group .input-group--text-field__suffix,
.theme--light .input-group .input-group--text-field__prefix,
.theme--light .input-group .input-group--text-field__suffix {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group .input-group--text-field.input-group--disabled__prefix,
.application .theme--light.input-group .input-group--text-field.input-group--disabled__suffix,
.theme--light .input-group .input-group--text-field.input-group--disabled__prefix,
.theme--light .input-group .input-group--text-field.input-group--disabled__suffix {
    color: rgba(0, 0, 0, .38)
}

.application .theme--dark.input-group input,
.application .theme--dark.input-group textarea,
.theme--dark .input-group input,
.theme--dark .input-group textarea {
    color: #fff
}

.application .theme--dark.input-group input:disabled,
.application .theme--dark.input-group textarea:disabled,
.theme--dark .input-group input:disabled,
.theme--dark .input-group textarea:disabled {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group:not(.input-group--error) .input-group__messages,
.theme--dark .input-group:not(.input-group--error) .input-group__messages {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--dark .input-group.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border: 2px solid hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group.input-group--solo,
.theme--dark .input-group.input-group--solo {
    background: #424242
}

.application .theme--dark.input-group.input-group--solo-inverted,
.theme--dark .input-group.input-group--solo-inverted {
    background: hsla(0, 0%, 100%, .16)
}

.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused {
    background: #fff
}

.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused input,
.application .theme--dark.input-group.input-group--solo-inverted.input-group--focused label,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused .input-group__append-icon,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused .input-group__prepend-icon,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused input,
.theme--dark .input-group.input-group--solo-inverted.input-group--focused label {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active),
.theme--dark .input-group.input-group--dirty .input-group__selections__comma:not(.input-group__selections__comma--active) {
    color: #fff
}

.application .theme--dark.input-group:not(.input-group--error) label,
.theme--dark .input-group:not(.input-group--error) label {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.application .theme--dark.input-group:not(.input-group--error).input-group--disabled label,
.theme--dark .input-group:not(.input-group--error).input-group--disabled .input-group__selections__comma,
.theme--dark .input-group:not(.input-group--error).input-group--disabled label {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group:not(.input-group--error) .input-group__details:before,
.theme--dark .input-group:not(.input-group--error) .input-group__details:before {
    background-color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover),
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__append-icon:not(:hover),
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled) .input-group__input .input-group__prepend-icon:not(:hover) {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before,
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover .input-group__details:before {
    background-color: #fff
}

.application .theme--dark.input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input,
.theme--dark .input-group:not(.input-group--error):not(.input-group--focused):not(.input-group--disabled):not(.input-group--disabled):not(.input-group--overflow):not(.input-group--segmented):not(.input-group--editable):hover.input-group--textarea:not(.input-group--full-width) .input-group__input {
    border-color: #fff
}

.application .theme--dark.input-group.input-group--editable .input-group__details:before,
.application .theme--dark.input-group.input-group--editable .input-group__input:before,
.application .theme--dark.input-group.input-group--overflow .input-group__details:before,
.application .theme--dark.input-group.input-group--overflow .input-group__input:before,
.application .theme--dark.input-group.input-group--segmented .input-group__details:before,
.application .theme--dark.input-group.input-group--segmented .input-group__input:before,
.theme--dark .input-group.input-group--editable .input-group__details:before,
.theme--dark .input-group.input-group--editable .input-group__input:before,
.theme--dark .input-group.input-group--overflow .input-group__details:before,
.theme--dark .input-group.input-group--overflow .input-group__input:before,
.theme--dark .input-group.input-group--segmented .input-group__details:before,
.theme--dark .input-group.input-group--segmented .input-group__input:before {
    background-color: hsla(0, 0%, 100%, .12)
}

.application .theme--dark.input-group.input-group--disabled .input-group__input .input-group__append-icon,
.application .theme--dark.input-group.input-group--disabled .input-group__input .input-group__prepend-icon,
.theme--dark .input-group.input-group--disabled .input-group__input .input-group__append-icon,
.theme--dark .input-group.input-group--disabled .input-group__input .input-group__prepend-icon {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group.input-group--disabled .input-group__details:before,
.theme--dark .input-group.input-group--disabled .input-group__details:before {
    background-color: transparent;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) 33%, transparent 0)
}

.application .theme--dark.input-group .input-group--text-field__prefix,
.application .theme--dark.input-group .input-group--text-field__suffix,
.theme--dark .input-group .input-group--text-field__prefix,
.theme--dark .input-group .input-group--text-field__suffix {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group .input-group--text-field.input-group--disabled__prefix,
.application .theme--dark.input-group .input-group--text-field.input-group--disabled__suffix,
.theme--dark .input-group .input-group--text-field.input-group--disabled__prefix,
.theme--dark .input-group .input-group--text-field.input-group--disabled__suffix {
    color: hsla(0, 0%, 100%, .5)
}

.input-group {
    display: flex;
    flex: 1 1;
    flex-wrap: wrap;
    min-width: 24px;
    padding: 18px 0 0;
    position: relative;
    width: 100%;
    outline: none;
    transition: box-shadow .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group input {
    width: 100%
}

.input-group label {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    max-width: 90%;
    min-width: 0;
    overflow: hidden;
    pointer-events: none;
    text-align: left;
    text-overflow: ellipsis;
    transform-origin: top left;
    transition: .4s cubic-bezier(.25, .8, .25, 1);
    white-space: nowrap;
    width: 100%;
    z-index: 0
}

.input-group__input {
    display: flex;
    flex: 1 0 100%;
    min-width: 0;
    min-height: 30px
}

.input-group__icon-cb {
    cursor: pointer
}

.input-group.input-group--error .input-group__append-icon,
.input-group.input-group--error .input-group__prepend-icon,
.input-group.input-group--focused .input-group__append-icon,
.input-group.input-group--focused .input-group__prepend-icon {
    color: inherit
}

.input-group.input-group--append-icon label,
.input-group.input-group--prepend-icon label,
.input-group.input-group--selection-controls label {
    max-width: 75%
}

.input-group.input-group--append-icon.input-group--prepend-icon label {
    max-width: 65%
}

.input-group .input-group__append-icon {
    padding: 0 6px
}

.input-group .input-group__append-icon,
.input-group .input-group__prepend-icon {
    align-self: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-group.input-group--single-line.input-group--dirty label,
.input-group.input-group--solo.input-group--dirty label {
    display: none
}

.input-group.input-group--solo {
    min-height: 46px;
    border-radius: 2px;
    padding: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.input-group.input-group--solo label {
    top: 8px;
    padding-left: 16px;
    transform: none !important
}

.input-group.input-group--solo .input-group__input {
    align-items: center;
    padding: 8px 16px
}

.input-group.input-group--solo .input-group__details {
    display: none
}

.input-group--disabled {
    pointer-events: none
}

.input-group--disabled .input-group__details:before {
    background-color: transparent;
    background-position: bottom;
    background-size: 3px 1px;
    background-repeat: repeat-x
}

.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused label {
    color: inherit
}

.input-group.input-group--text-field:not(.input-group--single-line):not(.input-group--error).input-group--focused .input-group__input {
    border-color: inherit
}

.input-group.input-group--text-field.input-group--focused:not(.input-group--disabled) .input-group__details:after {
    transform: scaleX(1)
}

.input-group--required label:after {
    content: "*"
}

.input-group.input-group--error label {
    -webkit-animation: shake .6s cubic-bezier(.25, .8, .5, 1);
    animation: shake .6s cubic-bezier(.25, .8, .5, 1)
}

.input-group.input-group--error .input-group__messages {
    color: inherit
}

.input-group.input-group--error .input-group__details:before {
    background-color: currentColor
}

.input-group .slide-y-transition-leave,
.input-group .slide-y-transition-leave-to {
    position: absolute
}

.input-group__details {
    color: inherit;
    display: flex;
    padding-top: 4px;
    flex: 1 0 100%;
    font-size: 12px;
    min-height: 26px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.input-group__details:after,
.input-group__details:before {
    content: "";
    position: absolute;
    left: 0;
    transition: .3s cubic-bezier(.4, 0, .2, 1)
}

.input-group__details:after {
    background-color: currentColor;
    color: inherit;
    top: 0;
    height: 2px;
    transform: scaleX(0);
    transform-origin: center center 0;
    width: 100%;
    z-index: 1
}

.input-group__details:before {
    top: 0;
    height: 1px;
    width: 100%;
    z-index: 0
}

.input-group--hide-details .input-group__details {
    min-height: 2px;
    padding: 0
}

.input-group--async-loading .input-group__details:after,
.input-group--async-loading .input-group__details:before {
    display: none
}

.input-group .progress-linear {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0
}

.input-group__error,
.input-group__hint {
    transition: .3s cubic-bezier(.25, .8, .25, 1)
}

.input-group__error {
    color: inherit
}

.input-group--editable.input-group--active,
.input-group--overflow.input-group--active,
.input-group--segmented.input-group--active {
    background-color: #fff
}

.application .theme--light.jumbotron__content,
.theme--light .jumbotron__content {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.jumbotron__content,
.theme--dark .jumbotron__content {
    color: #fff
}

.jumbotron {
    display: block;
    top: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.jumbotron__wrapper {
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: inherit;
    width: 100%
}

.jumbotron__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    contain: strict;
    transition: inherit
}

.jumbotron__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    will-change: transform;
    transition: inherit
}

.jumbotron__content {
    height: 100%;
    position: relative;
    transition: inherit
}

.application .theme--light.list,
.theme--light .list {
    background: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.list .list__tile__sub-title,
.theme--light .list .list__tile__sub-title {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.list .list__tile__mask,
.theme--light .list .list__tile__mask {
    color: rgba(0, 0, 0, .38);
    background: #eee
}

.application .theme--light.list .list__group--active:after,
.application .theme--light.list .list__group--active:before,
.application .theme--light.list .list__group__header:hover,
.application .theme--light.list .list__tile--highlighted,
.application .theme--light.list .list__tile--link:hover,
.theme--light .list .list__group--active:after,
.theme--light .list .list__group--active:before,
.theme--light .list .list__group__header:hover,
.theme--light .list .list__tile--highlighted,
.theme--light .list .list__tile--link:hover {
    background: rgba(0, 0, 0, .12)
}

.application .theme--light.list .list__group--disabled .list__group__header__prepend-icon .icon,
.application .theme--light.list .list__group--disabled .list__tile,
.theme--light .list .list__group--disabled .list__group__header__prepend-icon .icon,
.theme--light .list .list__group--disabled .list__tile {
    color: rgba(0, 0, 0, .38) !important
}

.application .theme--dark.list,
.theme--dark .list {
    background: #424242;
    color: #fff
}

.application .theme--dark.list .list__tile__sub-title,
.theme--dark .list .list__tile__sub-title {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.list .list__tile__mask,
.theme--dark .list .list__tile__mask {
    color: hsla(0, 0%, 100%, .5);
    background: rgba(0, 0, 0, .7)
}

.application .theme--dark.list .list__group--active:after,
.application .theme--dark.list .list__group--active:before,
.application .theme--dark.list .list__group__header:hover,
.application .theme--dark.list .list__tile--highlighted,
.application .theme--dark.list .list__tile--link:hover,
.theme--dark .list .list__group--active:after,
.theme--dark .list .list__group--active:before,
.theme--dark .list .list__group__header:hover,
.theme--dark .list .list__tile--highlighted,
.theme--dark .list .list__tile--link:hover {
    background: hsla(0, 0%, 100%, .12)
}

.application .theme--dark.list .list__group--disabled .list__group__header__prepend-icon .icon,
.application .theme--dark.list .list__group--disabled .list__tile,
.theme--dark .list .list__group--disabled .list__group__header__prepend-icon .icon,
.theme--dark .list .list__group--disabled .list__tile {
    color: hsla(0, 0%, 100%, .5) !important
}

.list {
    list-style-type: none;
    padding: 8px 0;
    transition: height .3s cubic-bezier(.4, 0, .2, 1)
}

.list .input-group {
    margin: 0
}

.list__tile {
    align-items: center;
    color: inherit;
    display: flex;
    font-size: 16px;
    font-weight: 400;
    height: 48px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    text-decoration: none;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list__tile--link {
    cursor: pointer
}

.list__tile__action,
.list__tile__content {
    height: 100%
}

.list__tile__sub-title,
.list__tile__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.list__tile__title {
    height: 24px;
    line-height: 24px;
    position: relative;
    text-align: left
}

.list__tile__sub-title {
    font-size: 14px
}

.list__tile__action,
.list__tile__avatar {
    display: flex;
    justify-content: flex-start;
    min-width: 56px
}

.list__tile__action {
    align-items: center
}

.list__tile__action .input-group--selection-controls {
    align-items: center;
    flex: 0 1;
    padding: 0
}

.list__tile__action .input-group__details {
    display: none
}

.list__tile__action .btn {
    padding: 0;
    margin: 0
}

.list__tile__action .btn--icon {
    margin: -8px
}

.list__tile__action-text {
    color: #9e9e9e;
    font-size: 12px
}

.list__tile__action--stack {
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: nowrap;
    flex-direction: column
}

.list__tile__content {
    text-align: left;
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column
}

.list__tile__content~.list__tile__action:not(.list__tile__action--stack),
.list__tile__content~.list__tile__avatar {
    justify-content: flex-end
}

.list__tile--active .list__tile__action:first-of-type .icon {
    color: inherit
}

.list__tile--disabled {
    opacity: .4 !important;
    pointer-events: none !important
}

.list__tile--avatar {
    height: 56px
}

.list--dense {
    padding-top: 4px;
    padding-bottom: 4px
}

.list--dense .subheader {
    font-size: 13px;
    height: 40px
}

.list--dense .list__group .subheader {
    height: 40px
}

.list--dense .list__tile {
    font-size: 13px
}

.list--dense .list__tile--avatar {
    height: 48px
}

.list--dense .list__tile:not(.list__tile--avatar) {
    height: 40px
}

.list--dense .list__tile .icon {
    font-size: 22px
}

.list--dense .list__tile__sub-title {
    font-size: 13px
}

.list--two-line .list__tile {
    height: 72px
}

.list--two-line.list--dense .list__tile {
    height: 60px
}

.list--three-line .list__tile {
    height: 88px
}

.list--three-line .list__tile__avatar {
    margin-top: -18px
}

.list--three-line .list__tile__sub-title {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.list--three-line.list--dense .list__tile {
    height: 76px
}

.list>.list__group:before {
    top: 0
}

.list>.list__group:before .list__tile__avatar {
    margin-top: -14px
}

.list__group {
    padding: 0;
    position: relative;
    transition: inherit
}

.list__group:after,
.list__group:before {
    content: "";
    height: 1px;
    position: absolute;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.list__group--active~.list__group:before {
    display: none
}

.list__group__header {
    align-items: center;
    cursor: pointer;
    display: flex;
    list-style-type: none
}

.list__group__header>div:not(.list__group__header__prepend-icon):not(.list__group__header__append-icon) {
    flex: 1 0 auto
}

.list__group__header .list__group__header__append-icon,
.list__group__header .list__group__header__prepend-icon {
    padding: 0 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.list__group__header--sub-group {
    align-items: center;
    display: flex
}

.list__group__header--sub-group div .list__tile {
    padding-left: 0
}

.list__group__header--sub-group .list__group__header__prepend-icon {
    padding: 0 0 0 40px;
    margin-right: 8px
}

.list__group__header .list__group__header__prepend-icon {
    display: flex;
    justify-content: flex-start;
    min-width: 56px
}

.list__group__header--active .list__group__header__append-icon .icon {
    transform: rotate(-180deg)
}

.list__group__header--active .list__group__header__prepend-icon .icon {
    color: inherit
}

.list__group__header--active.list__group__header--sub-group .list__group__header__prepend-icon .icon {
    transform: rotate(-180deg)
}

.list__group__items {
    position: relative;
    padding: 0;
    transition: inherit
}

.list__group__items>div {
    display: block
}

.list__group__items--no-action .list__tile {
    padding-left: 72px
}

.list__group--disabled {
    pointer-events: none
}

.list--subheader {
    padding-top: 0
}

.menu {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.menu--disabled {
    cursor: default
}

.menu--disabled .menu__activator,
.menu--disabled .menu__activator>* {
    cursor: default;
    pointer-events: none
}

.menu__activator {
    align-items: center;
    cursor: pointer;
    height: inherit;
    position: relative
}

.menu__activator input[readonly] {
    cursor: pointer
}


/* .menu__content {
	position: absolute;
	display: inline-block;
	border-radius: 2px;
	max-width: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	contain: content;
	will-change: transform;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
} */

.menu__content--active {
    pointer-events: none
}

.menu__content--dropdown {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.menu__content>.card {
    contain: content;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.menu>.menu__content {
    max-width: none
}

.menu-transition-enter .list__tile {
    min-width: 0;
    transition-delay: .4s;
    opacity: 0;
    transform: translateY(-15px);
    pointer-events: none
}

.menu-transition-enter-to .list__tile {
    pointer-events: auto;
    opacity: 1
}

.menu-transition-enter-to .list__tile--active {
    transform: none !important
}

.menu-transition-leave-to {
    transform: translateY(-10px)
}

.menu-transition-leave-active,
.menu-transition-leave-to {
    pointer-events: none
}

.menu-transition-enter,
.menu-transition-leave-to {
    opacity: 0
}

.menu-transition-enter-to,
.menu-transition-leave {
    opacity: 1
}

.menu-transition-enter-active,
.menu-transition-leave-active {
    transition: all .5s cubic-bezier(.25, .8, .5, 1)
}

.menu-transition-enter.menu__content--auto .list__tile--active {
    opacity: 1;
    transform: none !important;
    pointer-events: auto
}

.application .theme--light.navigation-drawer,
.theme--light .navigation-drawer {
    background-color: #fff
}

.application .theme--light.navigation-drawer .divider,
.application .theme--light.navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border,
.theme--light .navigation-drawer .divider,
.theme--light .navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border {
    background-color: rgba(0, 0, 0, .12)
}

.application .theme--dark.navigation-drawer,
.theme--dark .navigation-drawer {
    background-color: #424242
}

.application .theme--dark.navigation-drawer .divider,
.application .theme--dark.navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border,
.theme--dark .navigation-drawer .divider,
.theme--dark .navigation-drawer:not(.navigation-drawer--floating) .navigation-drawer__border {
    background-color: hsla(0, 0%, 100%, .12)
}

.navigation-drawer {
    transition: none;
    display: block;
    left: 0;
    max-width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0 100px;
    pointer-events: auto;
    top: 0;
    will-change: transform;
    z-index: 3;
    -webkit-overflow-scrolling: touch
}

.navigation-drawer[data-booted=true] {
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    transition-property: background, background-color, border, border-bottom, border-bottom-color, border-bottom-width, border-color, border-left, border-left-color, border-left-width, border-right, border-right-color, border-right-width, border-top, border-top-color, border-top-width, border-width, bottom, box-shadow, color, height, left, margin, margin-bottom, margin-left, margin-right, margin-top, max-width, min-height, min-width, opacity, padding, padding-bottom, padding-left, padding-right, padding-top, right, top, transform, transform-origin, 1904px
}

.navigation-drawer__border {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px
}

.navigation-drawer.navigation-drawer--right:after {
    left: 0;
    right: auto
}

.navigation-drawer--right {
    left: auto;
    right: 0
}

.navigation-drawer--right>.navigation-drawer__border {
    right: auto;
    left: 0
}

.navigation-drawer--absolute {
    position: absolute
}

.navigation-drawer--fixed {
    position: fixed
}

.navigation-drawer--floating:after {
    display: none
}

.navigation-drawer--mini-variant {
    overflow: hidden
}

.navigation-drawer--mini-variant .list__group__header__prepend-icon {
    flex: 1 0 auto;
    justify-content: center;
    width: 100%
}

.navigation-drawer--mini-variant .list__tile__action,
.navigation-drawer--mini-variant .list__tile__avatar {
    justify-content: center;
    min-width: 48px
}

.navigation-drawer--mini-variant .list__tile:after,
.navigation-drawer--mini-variant .list__tile__content {
    opacity: 0
}

.navigation-drawer--mini-variant .divider,
.navigation-drawer--mini-variant .list--group,
.navigation-drawer--mini-variant .subheader {
    display: none !important
}

.navigation-drawer--is-mobile,
.navigation-drawer--temporary {
    z-index: 6
}

.navigation-drawer--is-mobile:not(.navigation-drawer--close),
.navigation-drawer--temporary:not(.navigation-drawer--close) {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12)
}

.navigation-drawer .list {
    background: inherit
}

.navigation-drawer>.list .list__tile {
    transition: none;
    font-weight: 500
}

.navigation-drawer>.list .list__tile--active .list__tile__title {
    color: inherit
}

.navigation-drawer>.list .list--group .list__tile {
    font-weight: 400
}

.navigation-drawer>.list .list--group__header--active:after {
    background: transparent
}

.navigation-drawer>.list:not(.list--dense) .list__tile {
    font-size: 14px
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    transition: .5s cubic-bezier(.25, .8, .5, 1);
    z-index: 5
}

.overlay--absolute,
.overlay:before {
    position: absolute
}

.overlay:before {
    background-color: #212121;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    transition: inherit;
    transition-delay: .15s;
    width: 100%
}

.overlay--active {
    pointer-events: auto;
    touch-action: none
}

.overlay--active:before {
    opacity: .46
}

.application .theme--light.pagination__item,
.theme--light .pagination__item {
    background: #fff;
    color: #000
}

.application .theme--light.pagination__item--active,
.theme--light .pagination__item--active {
    color: #fff
}

.application .theme--light.pagination__navigation,
.theme--light .pagination__navigation {
    background: #fff
}

.application .theme--light.pagination__navigation .icon,
.theme--light .pagination__navigation .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--dark.pagination__item,
.theme--dark .pagination__item {
    background: #424242;
    color: #fff
}

.application .theme--dark.pagination__item--active,
.theme--dark .pagination__item--active {
    color: #fff
}

.application .theme--dark.pagination__navigation,
.theme--dark .pagination__navigation {
    background: #424242
}

.application .theme--dark.pagination__navigation .icon,
.theme--dark .pagination__navigation .icon {
    color: #fff
}

.pagination {
    align-items: center;
    display: inline-flex;
    list-style-type: none;
    margin: 0;
    max-width: 100%;
    padding: 0
}

.pagination>li {
    align-items: center;
    display: flex
}

.pagination--circle .pagination__item,
.pagination--circle .pagination__more,
.pagination--circle .pagination__navigation {
    border-radius: 50%
}

.pagination--disabled {
    pointer-events: none;
    opacity: .6
}

.pagination__item {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: transparent;
    height: 34px;
    width: 34px;
    margin: .3rem;
    text-decoration: none;
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.pagination__item--active {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.pagination__navigation {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    height: 2rem;
    border-radius: 4px;
    width: 2rem;
    margin: .3rem 10px
}

.pagination__navigation .icon {
    font-size: 2rem;
    transition: .2s cubic-bezier(.4, 0, .6, 1);
    vertical-align: middle
}

.pagination__navigation--disabled {
    opacity: .6;
    pointer-events: none
}

.pagination__more {
    margin: .3rem;
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    height: 2rem;
    width: 2rem
}

.parallax {
    position: relative;
    overflow: hidden;
    z-index: 0
}

.parallax__image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    contain: strict
}

.parallax__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    display: none;
    transform: translate(-50%);
    will-change: transform;
    transition: opacity .3s cubic-bezier(.25, .8, .5, 1);
    z-index: 1
}

.parallax__content {
    color: #fff;
    height: 100%;
    z-index: 2;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 1rem
}

.application .theme--dark.picker,
.theme--dark .picker {
    color: #fff
}

.application .theme--dark.picker .picker__body,
.theme--dark .picker .picker__body {
    background: #424242
}

.application .theme--light.picker .picker__title,
.theme--light .picker .picker__title {
    background: #e0e0e0
}

.application .theme--dark.picker .picker__title,
.theme--dark .picker .picker__title {
    background: #616161
}

.picker {
    border-radius: 2px;
    contain: layout style;
    display: inline-flex;
    flex-direction: column;
    vertical-align: top
}

.picker .card__row--actions {
    border: none;
    margin-top: -20px
}

.picker--full-width {
    display: flex
}

.picker__title {
    color: #fff;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 16px
}

.picker__title__btn {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.picker__title__btn.active {
    opacity: 1
}

.picker__title__btn:not(.active) {
    opacity: .6;
    cursor: pointer
}

.picker__title__btn:not(.active):hover {
    opacity: 1
}

.picker__body {
    height: auto;
    overflow: hidden;
    position: relative;
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

.picker__body>div {
    width: 100%
}

.picker__body>div.fade-transition-leave-active {
    position: absolute
}

.picker--landscape .picker__title {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: 170px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1
}

.picker--landscape .picker__actions,
.picker--landscape .picker__body {
    margin-left: 170px
}

.progress-circular {
    position: relative;
    display: inline-flex
}

.progress-circular svg {
    width: 100%;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0
}

.progress-circular--indeterminate svg {
    -webkit-animation: progress-circular-rotate 1.4s linear infinite;
    animation: progress-circular-rotate 1.4s linear infinite;
    transform-origin: center center;
    transition: all .2s ease-in-out
}

.progress-circular--indeterminate .progress-circular__overlay {
    -webkit-animation: progress-circular-dash 1.4s ease-in-out infinite;
    animation: progress-circular-dash 1.4s ease-in-out infinite;
    stroke-linecap: round;
    stroke-dasharray: 80, 200;
    stroke-dashoffset: 0px
}

.progress-circular__underlay {
    stroke: rgba(0, 0, 0, .1);
    z-index: 1
}

.progress-circular__overlay {
    stroke: currentColor;
    z-index: 2;
    transition: all .6s ease-in-out
}

.progress-circular__info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@-webkit-keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0px
    }
    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }
    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px
    }
}

@keyframes progress-circular-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0px
    }
    50% {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -15px
    }
    to {
        stroke-dasharray: 100, 200;
        stroke-dashoffset: -125px
    }
}

@-webkit-keyframes progress-circular-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes progress-circular-rotate {
    to {
        transform: rotate(1turn)
    }
}

.progress-linear {
    background: transparent;
    margin: 1rem 0;
    overflow: hidden;
    width: 100%;
    position: relative
}

.progress-linear__bar {
    width: 100%;
    position: relative;
    z-index: 1
}

.progress-linear__bar,
.progress-linear__bar__determinate {
    height: inherit;
    transition: .2s
}

.progress-linear__bar__indeterminate .long,
.progress-linear__bar__indeterminate .short {
    height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    will-change: left, right;
    width: auto;
    background-color: inherit
}

.progress-linear__bar__indeterminate--active .long {
    -webkit-animation: indeterminate;
    animation: indeterminate;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear__bar__indeterminate--active .short {
    -webkit-animation: indeterminate-short;
    animation: indeterminate-short;
    -webkit-animation-duration: 2.2s;
    animation-duration: 2.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear__background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    transition: .3s ease-in
}

.progress-linear--query .progress-linear__bar__indeterminate--active .long {
    /*  -webkit-/*  animation: only screen and (min-width: 1904px);  */ 
    /*  animation: only screen and (min-width: 1904px);  */
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.progress-linear--query .progress-linear__bar__indeterminate--active .short {
    -webkit-animation: query-short;
    animation: query-short;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes indeterminate {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@keyframes indeterminate {
    0% {
        left: -90%;
        right: 100%
    }
    60% {
        left: -90%;
        right: 100%
    }
    to {
        left: 100%;
        right: -35%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }
    60% {
        left: 107%;
        right: -8%
    }
    to {
        left: 107%;
        right: -8%
    }
}

/* @-webkit-keyframes only screen and (min-width: 1904px) {
    0% {
        right: -90%;
        left: 100%
    }
    60% {
        right: -90%;
        left: 100%
    }
    to {
        right: 100%;
        left: -35%
    }
} */
/* 
@keyframes only screen and  (min-width: 1904px) {
    0% {
        right: -90%;
        left: 100%
    }
    60% {
        right: -90%;
        left: 100%
    }
    to {
        right: 100%;
        left: -35%
    }
} */

@-webkit-keyframes query-short {
    0% {
        right: -200%;
        left: 100%
    }
    60% {
        right: 107%;
        left: -8%
    }
    to {
        right: 107%;
        left: -8%
    }
}

@keyframes query-short {
    0% {
        right: -200%;
        left: 100%
    }
    60% {
        right: 107%;
        left: -8%
    }
    to {
        right: 107%;
        left: -8%
    }
}

.radio-group .input-group__details:after,
.radio-group .input-group__details:before {
    display: none
}

.radio-group .input-group {
    padding: 0
}

.radio-group--column .input-group__input {
    display: block
}

.radio-group--row .input-group__input {
    flex-direction: row
}

.radio-group.input-group--error .radio .icon--selection-control,
.radio-group.input-group--error .radio label {
    color: inherit
}

.ripple__container {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    z-index: 0;
    contain: strict
}

.ripple__animation,
.ripple__container {
    color: inherit;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none
}

.ripple__animation {
    border-radius: 50%;
    background: currentColor;
    opacity: 0;
    transition: .4s cubic-bezier(0, 0, .2, 1);
    will-change: transform, opacity
}

.ripple__animation--enter {
    transition: none
}

.ripple__animation--visible {
    opacity: .15
}

.application .theme--light.input-group--select.input-group--editable.input-group--focused .input-group__input,
.application .theme--light.input-group--select.input-group--editable .input-group__input:hover,
.application .theme--light.input-group--select.input-group--overflow.input-group--focused .input-group__input,
.application .theme--light.input-group--select.input-group--overflow .input-group__input:hover,
.application .theme--light.input-group--select.input-group--segmented.input-group--focused .input-group__input,
.application .theme--light.input-group--select.input-group--segmented .input-group__input:hover,
.theme--light .input-group--select.input-group--editable.input-group--focused .input-group__input,
.theme--light .input-group--select.input-group--editable .input-group__input:hover,
.theme--light .input-group--select.input-group--overflow.input-group--focused .input-group__input,
.theme--light .input-group--select.input-group--overflow .input-group__input:hover,
.theme--light .input-group--select.input-group--segmented.input-group--focused .input-group__input,
.theme--light .input-group--select.input-group--segmented .input-group__input:hover {
    background: #fff
}

.application .theme--dark.input-group--select.input-group--editable.input-group--focused .input-group__input,
.application .theme--dark.input-group--select.input-group--editable .input-group__input:hover,
.application .theme--dark.input-group--select.input-group--overflow.input-group--focused .input-group__input,
.application .theme--dark.input-group--select.input-group--overflow .input-group__input:hover,
.application .theme--dark.input-group--select.input-group--segmented.input-group--focused .input-group__input,
.application .theme--dark.input-group--select.input-group--segmented .input-group__input:hover,
.theme--dark .input-group--select.input-group--editable.input-group--focused .input-group__input,
.theme--dark .input-group--select.input-group--editable .input-group__input:hover,
.theme--dark .input-group--select.input-group--overflow.input-group--focused .input-group__input,
.theme--dark .input-group--select.input-group--overflow .input-group__input:hover,
.theme--dark .input-group--select.input-group--segmented.input-group--focused .input-group__input,
.theme--dark .input-group--select.input-group--segmented .input-group__input:hover {
    background: #424242
}

.input-group--select .input-group--select__autocomplete {
    display: block;
    height: 0
}

.input-group--select .input-group--select__autocomplete--index {
    background-color: transparent !important
}

.input-group--select .input-group__append-icon {
    transition: .3s cubic-bezier(0, 0, .2, 1)
}

.input-group--select .input-group__append-icon.input-group__icon-clearable {
    transition: none
}

.input-group--select.input-group--focused .input-group--select__autocomplete,
.input-group--select:not(.input-group--dirty) .input-group--select__autocomplete {
    padding-bottom: 1px;
    height: 30px
}

.input-group--select.input-group--focused .input-group--select__autocomplete {
    display: inline-block;
    opacity: 1
}

.input-group--select.input-group--focused.input-group--select--selecting-index .input-group--select__autocomplete {
    opacity: 0
}

.input-group--select.input-group--focused.input-group--open .input-group__append-icon:not(.input-group__icon-clearable) {
    transform: rotate(-180deg)
}

.input-group--select .input-group__input {
    cursor: pointer
}

.input-group--select.input-group--disabled {
    cursor: default;
    pointer-events: none
}

.input-group--select .input-group__selections {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%
}

.input-group--select .input-group__selections__comma {
    display: inline-flex;
    font-size: 16px;
    padding: 3px 4px 3px 0
}

.input-group--select .input-group__selections__comma--active {
    color: inherit
}

.input-group--select .menu {
    display: inline
}

.input-group--select .fade-transition-leave-active {
    position: absolute;
    left: 0
}

.input-group--select.input-group--autocomplete.input-group--search-focused .input-group__selections__comma {
    display: none
}

.input-group--autocomplete .input-group__selections {
    cursor: text
}

.input-group.input-group--chips .input-group__input {
    padding-top: 0;
    padding-bottom: 0
}

.input-group.input-group--editable,
.input-group.input-group--editable .input-group__append-icon,
.input-group.input-group--overflow,
.input-group.input-group--overflow .input-group__append-icon,
.input-group.input-group--segmented,
.input-group.input-group--segmented .input-group__append-icon {
    padding: 0
}

.input-group.input-group--editable .input-group__selections,
.input-group.input-group--editable input,
.input-group.input-group--overflow .input-group__selections,
.input-group.input-group--overflow input,
.input-group.input-group--segmented .input-group__selections,
.input-group.input-group--segmented input {
    height: 48px
}

.input-group.input-group--editable .input-group__selections__comma,
.input-group.input-group--editable input,
.input-group.input-group--overflow .input-group__selections__comma,
.input-group.input-group--overflow input,
.input-group.input-group--segmented .input-group__selections__comma,
.input-group.input-group--segmented input {
    top: 0;
    left: 0;
    padding-left: 16px
}

.input-group.input-group--editable .input-group__selections,
.input-group.input-group--overflow .input-group__selections,
.input-group.input-group--segmented .input-group__selections {
    width: calc(100% - 55px)
}

.input-group.input-group--editable .input-group__selections .btn,
.input-group.input-group--overflow .input-group__selections .btn,
.input-group.input-group--segmented .input-group__selections .btn {
    border-radius: 0;
    margin: 0;
    height: 48px;
    width: 100%
}

.input-group.input-group--editable .input-group__selections .btn .btn__content,
.input-group.input-group--overflow .input-group__selections .btn .btn__content,
.input-group.input-group--segmented .input-group__selections .btn .btn__content {
    justify-content: start
}

.input-group.input-group--editable .input-group__input,
.input-group.input-group--overflow .input-group__input,
.input-group.input-group--segmented .input-group__input {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group.input-group--editable.input-group--focused .input-group__input,
.input-group.input-group--overflow.input-group--focused .input-group__input,
.input-group.input-group--segmented.input-group--focused .input-group__input {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.input-group.input-group--editable label,
.input-group.input-group--overflow label,
.input-group.input-group--segmented label {
    left: 16px !important;
    top: 9px !important
}

.input-group.input-group--editable .input-group__details:after,
.input-group.input-group--overflow .input-group__details:after,
.input-group.input-group--segmented .input-group__details:after {
    display: none
}

.input-group.input-group--editable .input-group__input,
.input-group.input-group--overflow .input-group__input,
.input-group.input-group--segmented .input-group__input {
    padding: 0
}

.input-group.input-group--editable .input-group__input:before,
.input-group.input-group--overflow .input-group__input:before,
.input-group.input-group--segmented .input-group__input:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group.input-group--editable .input-group__append-icon,
.input-group.input-group--overflow .input-group__append-icon,
.input-group.input-group--segmented .input-group__append-icon {
    width: 55px
}

.input-group--editable .input-group__input:hover:after,
.input-group--segmented .input-group__input:after,
.input-group.input-group--focused.input-group--editable .input-group__input:after {
    background-color: rgba(0, 0, 0, .12);
    content: "";
    position: absolute;
    right: 55px;
    height: 48px;
    top: 0;
    width: 1px
}

.menu__content--select .input-group--selection-controls__ripple {
    display: none
}

.menu__content--autocomplete,
.menu__content--autocomplete>.card {
    border-radius: 0
}

.application .theme--light.input-group--selection-controls label,
.theme--light .input-group--selection-controls label {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.input-group--selection-controls .icon--selection-control,
.theme--light .input-group--selection-controls .icon--selection-control {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group--selection-controls.input-group--active .icon--selection-control,
.theme--light .input-group--selection-controls.input-group--active .icon--selection-control {
    color: inherit
}

.application .theme--light.input-group--selection-controls.input-group--disabled .input-group__input,
.theme--light .input-group--selection-controls.input-group--disabled .input-group__input {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.application .theme--light.input-group--selection-controls.input-group--disabled .input-group__input .icon--radio,
.theme--light .input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.theme--light .input-group--selection-controls.input-group--disabled .input-group__input .icon--radio {
    color: inherit
}

.application .theme--dark.input-group--selection-controls label,
.theme--dark .input-group--selection-controls label {
    color: #fff
}

.application .theme--dark.input-group--selection-controls .icon--selection-control,
.theme--dark .input-group--selection-controls .icon--selection-control {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group--selection-controls.input-group--active .icon--selection-control,
.theme--dark .input-group--selection-controls.input-group--active .icon--selection-control {
    color: inherit
}

.application .theme--dark.input-group--selection-controls.input-group--disabled .input-group__input,
.theme--dark .input-group--selection-controls.input-group--disabled .input-group__input {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.application .theme--dark.input-group--selection-controls.input-group--disabled .input-group__input .icon--radio,
.theme--dark .input-group--selection-controls.input-group--disabled .input-group__input .icon--checkbox,
.theme--dark .input-group--selection-controls.input-group--disabled .input-group__input .icon--radio {
    color: inherit
}

.input-group--selection-controls.input-group--tab-focused .input-group--selection-controls__ripple:before,
.input-group--tab-focused .input-group:focus .input-group--selection-controls__ripple:before {
    transform: translate(-50%, -50%) scale(1);
    opacity: .15
}

.input-group.input-group--selection-controls {
    display: flex;
    padding: 0
}

.input-group.input-group--selection-controls .icon--selection-control {
    cursor: pointer;
    position: absolute;
    left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s cubic-bezier(.4, 0, .6, 1)
}

.input-group.input-group--selection-controls .input-group__details:after,
.input-group.input-group--selection-controls .input-group__details:before {
    display: none
}

.input-group.input-group--selection-controls .input-group__input {
    color: inherit;
    width: 100%;
    position: relative
}

.input-group.input-group--selection-controls .input-group__input .icon--selection-control {
    align-self: center;
    height: 30px;
    margin: auto
}

.input-group.input-group--selection-controls.input-group--error .input-group__input .icon--selection-control,
.input-group.input-group--selection-controls.input-group--error label {
    color: inherit
}

.input-group.input-group--selection-controls label {
    cursor: pointer;
    position: absolute;
    left: 32px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.input-group.input-group--selection-controls:not(.input-group--disabled) label {
    pointer-events: all
}

.input-group--selection-controls__ripple {
    border-radius: 50%;
    height: 48px;
    width: 48px;
    cursor: pointer;
    position: absolute;
    transform: translate(-12px, -50%);
    transform-origin: center center;
    top: 50%;
    left: 0
}

.input-group--selection-controls__ripple:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background: currentColor;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.3);
    opacity: 0;
    transition: .4s cubic-bezier(0, 0, .2, 1);
    transform-origin: center center
}

.input-group--prepend-icon.input-group--selection-controls .icon--selection-control,
.input-group--prepend-icon.input-group--selection-controls .input-group--selection-controls__ripple {
    left: 38px
}

.input-group--prepend-icon.input-group--selection-controls label {
    left: 76px
}

.input-group--append-icon.input-group--selection-controls .input-group__append-icon {
    position: absolute;
    left: 32px
}

.input-group--append-icon.input-group--selection-controls.input-group--selection-controls label {
    left: 76px
}

.input-group--append-icon.input-group--prepend-icon.input-group--selection-controls .input-group__append-icon {
    left: 72px
}

.input-group--append-icon.input-group--prepend-icon.input-group--selection-controls.input-group--selection-controls label {
    left: 112px
}

.input-group--prepend-icon.radio-group--row .icon--selection-control,
.input-group--prepend-icon.radio-group--row .input-group--selection-controls__ripple {
    left: 14px
}

.input-group--prepend-icon.radio-group--row label {
    left: 52px
}

.application .theme--light.input-group--slider label,
.theme--light .input-group--slider label {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.input-group--slider .slider__track,
.application .theme--light.input-group--slider .slider__track-fill,
.theme--light .input-group--slider .slider__track,
.theme--light .input-group--slider .slider__track-fill {
    background: rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider .slider__tick,
.application .theme--light.input-group--slider .slider__track__container:after,
.theme--light .input-group--slider .slider__tick,
.theme--light .input-group--slider .slider__track__container:after {
    border: 1px solid rgba(0, 0, 0, .87)
}

.application .theme--light.input-group--slider:not(.input-group--dirty) .slider__thumb--label,
.theme--light .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
    background: rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider:not(.input-group--dirty) .slider__thumb,
.theme--light .input-group--slider:not(.input-group--dirty) .slider__thumb {
    border: 3px solid rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider:not(.input-group--dirty):focus .slider__thumb,
.theme--light .input-group--slider:not(.input-group--dirty):focus .slider__thumb {
    border: 3px solid rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--slider.input-group--disabled .slider__thumb,
.theme--light .input-group--slider.input-group--disabled .slider__thumb {
    background: none;
    border: 3px solid rgba(0, 0, 0, .26)
}

.application .theme--light.input-group--slider.input-group--disabled.input-group--dirty .slider__thumb,
.theme--light .input-group--slider.input-group--disabled.input-group--dirty .slider__thumb {
    background: rgba(0, 0, 0, .26);
    border: 0 solid transparent
}

.application .theme--light.input-group--slider:focus .slider__track,
.theme--light .input-group--slider:focus .slider__track {
    background: rgba(0, 0, 0, .38)
}

.application .theme--dark.input-group--slider label,
.theme--dark .input-group--slider label {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.input-group--slider .slider__track,
.application .theme--dark.input-group--slider .slider__track-fill,
.theme--dark .input-group--slider .slider__track,
.theme--dark .input-group--slider .slider__track-fill {
    background: hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider .slider__tick,
.application .theme--dark.input-group--slider .slider__track__container:after,
.theme--dark .input-group--slider .slider__tick,
.theme--dark .input-group--slider .slider__track__container:after {
    border: 1px solid #fff
}

.application .theme--dark.input-group--slider:not(.input-group--dirty) .slider__thumb--label,
.theme--dark .input-group--slider:not(.input-group--dirty) .slider__thumb--label {
    background: hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider:not(.input-group--dirty) .slider__thumb,
.theme--dark .input-group--slider:not(.input-group--dirty) .slider__thumb {
    border: 3px solid hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider:not(.input-group--dirty):focus .slider__thumb,
.theme--dark .input-group--slider:not(.input-group--dirty):focus .slider__thumb {
    border: 3px solid hsla(0, 0%, 100%, .3)
}

.application .theme--dark.input-group--slider.input-group--disabled .slider__thumb,
.theme--dark .input-group--slider.input-group--disabled .slider__thumb {
    background: none;
    border: 3px solid hsla(0, 0%, 100%, .2)
}

.application .theme--dark.input-group--slider.input-group--disabled.input-group--dirty .slider__thumb,
.theme--dark .input-group--slider.input-group--disabled.input-group--dirty .slider__thumb {
    background: hsla(0, 0%, 100%, .2);
    border: 0 solid transparent
}

.application .theme--dark.input-group--slider:focus .slider__track,
.theme--dark .input-group--slider:focus .slider__track {
    background: hsla(0, 0%, 100%, .3)
}

.input-group.input-group--slider {
    flex-direction: row;
    flex-wrap: wrap;
    padding-right: 16px
}

.input-group.input-group--slider .input-group__details:after,
.input-group.input-group--slider .input-group__details:before {
    display: none
}

.input-group.input-group--slider .input-group__input {
    flex: 1 1 100%
}

.input-group.input-group--slider label {
    flex: 0 1 auto;
    width: auto;
    align-items: center;
    display: inline-flex;
    font-size: 18px;
    transform: none
}

.input-group.input-group--slider label+.input-group__input {
    margin-left: 16px;
    flex: 1 0 auto
}

.input-group.input-group--slider.input-group--active .slider__thumb {
    transform: translateY(-50%) scale(1.2)
}

.input-group.input-group--slider.input-group--active .slider__track {
    transition: none
}

.input-group.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb,
.input-group.input-group--slider.input-group--active .slider__thumb-container--label .slider__thumb:hover {
    transform: translateY(-50%) scale(0)
}

.input-group.input-group--slider.input-group--active .slider__thumb-container,
.input-group.input-group--slider.input-group--active .slider__track-fill {
    transition: none
}

.input-group.input-group--slider.input-group--active.input-group--ticks .slider__tick,
.input-group.input-group--slider.input-group--active.input-group--ticks .slider__track__container:after {
    opacity: 1
}

.input-group.input-group--slider.input-group--disabled {
    pointer-events: none
}

.input-group.input-group--slider.input-group--disabled .slider__thumb {
    transform: translateY(-50%) scale(.5);
    background: transparent
}

.input-group.input-group--slider.input-group--disabled.input-group--dirty {
    border-color: transparent
}

.input-group.input-group--slider.input-group--prepend-icon .slider {
    margin-left: 40px
}

.input-group.input-group--slider.input-group--append-icon .slider {
    margin-right: 40px
}

.slider {
    cursor: default;
    display: flex;
    align-items: center;
    position: relative;
    height: 30px;
    flex: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider__track__container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    overflow: hidden
}

.slider__track__container:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 2px;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 2px;
    opacity: 0
}

.slider__thumb,
.slider__tick,
.slider__track {
    position: absolute;
    top: 0
}

.slider__track {
    transform-origin: right;
    overflow: hidden
}

.slider__track,
.slider__track-fill {
    height: 2px;
    left: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    width: 100%
}

.slider__track-fill {
    position: absolute;
    transform-origin: left
}

.slider__ticks-container {
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    top: 50%;
    overflow: hidden
}

.slider__tick {
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    opacity: 0
}

.slider__thumb-container {
    position: absolute
}

.slider__thumb,
.slider__thumb-container {
    top: 50%;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.slider__thumb {
    width: 16px;
    height: 16px;
    left: -8px;
    border-radius: 50%;
    background: transparent;
    transform: translateY(-50%) scale(.8);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.slider__thumb--label__container {
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s ease-in-out
}

.slider__thumb--label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    width: 28px;
    height: 28px;
    border-radius: 50% 50% 0;
    position: absolute;
    left: -14px;
    top: -40px;
    transform: rotate(45deg);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: .3s ease-in-out
}

.slider__thumb--label span {
    transform: rotate(-45deg)
}

.slider__track,
.slider__track-fill {
    position: absolute
}

.application .theme--light.small-dialog__actions,
.application .theme--light.small-dialog__content,
.theme--light .small-dialog__actions,
.theme--light .small-dialog__content {
    background: #fff
}

.application .theme--light.small-dialog a,
.theme--light .small-dialog a {
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.small-dialog__actions,
.application .theme--dark.small-dialog__content,
.theme--dark .small-dialog__actions,
.theme--dark .small-dialog__content {
    background: #424242
}

.application .theme--dark.small-dialog a,
.theme--dark .small-dialog a {
    color: #fff
}

.small-dialog {
    display: block;
    width: 100%;
    height: 100%
}

.small-dialog__content {
    padding: 0 24px
}

.small-dialog__actions {
    text-align: right
}

.small-dialog a {
    display: flex;
    align-items: center;
    height: 100%;
    text-decoration: none
}

.small-dialog a>* {
    width: 100%
}

.small-dialog .menu__activator {
    height: 100%
}

.snack {
    position: fixed;
    display: flex;
    align-items: center;
    color: #fff;
    pointer-events: none;
    z-index: 1000;
    font-size: 14px;
    left: 0;
    right: 0
}

.snack--absolute {
    position: absolute
}

.snack--top {
    top: 0
}

.snack--bottom {
    bottom: 0
}

.snack__wrapper {
    background-color: #323232;
    pointer-events: auto;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.snack__content,
.snack__wrapper {
    display: flex;
    align-items: center;
    width: 100%
}

.snack__content {
    height: 48px;
    padding: 14px 24px;
    justify-content: space-between;
    overflow: hidden
}

.snack__content .btn {
    color: #fff;
    flex: 0 0 auto;
    margin: 0 0 0 24px;
    height: auto;
    min-width: auto;
    width: auto
}

.snack__content .btn__content {
    padding: 8px;
    margin: -8px
}

.snack__content .btn__content:before {
    display: none
}

.snack--multi-line .snack__content {
    height: 80px;
    padding: 24px
}

.snack--vertical .snack__content {
    height: 112px;
    padding: 24px 24px 14px;
    flex-direction: column;
    align-items: stretch
}

.snack--vertical .snack__content .btn.btn {
    justify-content: flex-end;
    margin-left: 0;
    margin-top: 24px
}

.snack--vertical .snack__content .btn__content {
    padding: 0;
    flex: 0 0 auto;
    margin: 0
}

.snack--auto-height .snack__content {
    height: auto
}

@media only screen and (min-width:600px) {
    .snack__wrapper {
        width: auto;
        max-width: 568px;
        min-width: 288px;
        margin: 0 auto;
        border-radius: 2px
    }
    .snack--left .snack__wrapper {
        margin-left: 0
    }
    .snack--right .snack__wrapper {
        margin-right: 0
    }
    .snack--left,
    .snack--right {
        margin: 0 24px
    }
    .snack--left.snack--top,
    .snack--right.snack--top {
        transform: translateY(24px)
    }
    .snack--left.snack--bottom,
    .snack--right.snack--bottom {
        transform: translateY(-24px)
    }
    .snack__content .btn:first-of-type {
        margin-left: 48px
    }
}

.snack-transition-enter-active,
.snack-transition-leave-active {
    transition: transform .4s cubic-bezier(.25, .8, .5, 1)
}

.snack-transition-enter-active .snack__content,
.snack-transition-leave-active .snack__content {
    transition: opacity .3s linear .1s
}

.snack-transition-enter .snack__content {
    opacity: 0
}

.snack-transition-enter-to .snack__content,
.snack-transition-leave .snack__content {
    opacity: 1
}

.snack-transition-enter.snack.snack--top,
.snack-transition-leave-to.snack.snack--top {
    transform: translateY(calc(-100% - 8px))
}

.snack-transition-enter.snack.snack--bottom,
.snack-transition-leave-to.snack.snack--bottom {
    transform: translateY(100%)
}

.speed-dial {
    position: relative
}

.speed-dial--absolute {
    position: absolute
}

.speed-dial--fixed {
    position: fixed
}

.speed-dial--absolute,
.speed-dial--fixed {
    z-index: 4
}

.speed-dial--absolute>.btn--floating,
.speed-dial--fixed>.btn--floating {
    margin: 0
}

.speed-dial--top:not(.speed-dial--absolute) {
    top: 16px
}

.speed-dial--top.speed-dial--absolute {
    top: 50%;
    transform: translateY(-50%)
}

.speed-dial--bottom:not(.speed-dial--absolute) {
    bottom: 16px
}

.speed-dial--bottom.speed-dial--absolute {
    bottom: 50%;
    transform: translateY(50%)
}

.speed-dial--left {
    left: 16px
}

.speed-dial--right {
    right: 16px
}

.speed-dial--direction-left .speed-dial__list,
.speed-dial--direction-right .speed-dial__list {
    height: 100%;
    top: 0
}

.speed-dial--direction-bottom .speed-dial__list,
.speed-dial--direction-top .speed-dial__list {
    left: 0;
    width: 100%
}

.speed-dial--direction-top .speed-dial__list {
    flex-direction: column-reverse;
    bottom: 100%
}

.speed-dial--direction-right .speed-dial__list {
    flex-direction: row;
    left: 100%
}

.speed-dial--direction-bottom .speed-dial__list {
    flex-direction: column;
    top: 100%
}

.speed-dial--direction-left .speed-dial__list {
    flex-direction: row-reverse;
    right: 100%
}

.speed-dial__list {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute
}

.speed-dial__list .btn:first-child {
    transition-delay: .05s
}

.speed-dial__list .btn:nth-child(2) {
    transition-delay: .1s
}

.speed-dial__list .btn:nth-child(3) {
    transition-delay: .15s
}

.speed-dial__list .btn:nth-child(4) {
    transition-delay: .2s
}

.speed-dial__list .btn:nth-child(5) {
    transition-delay: .25s
}

.speed-dial__list .btn:nth-child(6) {
    transition-delay: .3s
}

.speed-dial__list .btn:nth-child(7) {
    transition-delay: .35s
}

.application .theme--light.stepper,
.theme--light .stepper {
    background: #fff
}

.application .theme--light.stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step,
.theme--light .stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step {
    background: rgba(0, 0, 0, .38)
}

.application .theme--light.stepper .stepper__step__step,
.application .theme--light.stepper .stepper__step__step .icon,
.theme--light .stepper .stepper__step__step,
.theme--light .stepper .stepper__step__step .icon {
    color: #fff
}

.application .theme--light.stepper .stepper__header .divider,
.theme--light .stepper .stepper__header .divider {
    background: rgba(0, 0, 0, .12)
}

.application .theme--light.stepper .stepper__step--active .stepper__label,
.theme--light .stepper .stepper__step--active .stepper__label {
    text-shadow: 0 0 0 #000
}

.application .theme--light.stepper .stepper__step--editable:hover,
.theme--light .stepper .stepper__step--editable:hover {
    background: rgba(0, 0, 0, .06)
}

.application .theme--light.stepper .stepper__step--editable:hover .stepper__label,
.theme--light .stepper .stepper__step--editable:hover .stepper__label {
    text-shadow: 0 0 0 #000
}

.application .theme--light.stepper .stepper__step--complete .stepper__label,
.theme--light .stepper .stepper__step--complete .stepper__label {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step,
.theme--light .stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step {
    background: rgba(0, 0, 0, .54)
}

.application .theme--light.stepper .stepper__label,
.theme--light .stepper .stepper__label {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label,
.application .theme--light.stepper .stepper__label small,
.theme--light .stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label,
.theme--light .stepper .stepper__label small {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.stepper--vertical .stepper__content:not(:last-child),
.theme--light .stepper--vertical .stepper__content:not(:last-child) {
    border-left: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--dark.stepper,
.theme--dark .stepper {
    background: #303030
}

.application .theme--dark.stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step,
.theme--dark .stepper .stepper__step:not(.stepper__step--active):not(.stepper__step--complete):not(.stepper__step--error) .stepper__step__step {
    background: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.stepper .stepper__step__step,
.application .theme--dark.stepper .stepper__step__step .icon,
.theme--dark .stepper .stepper__step__step,
.theme--dark .stepper .stepper__step__step .icon {
    color: #fff
}

.application .theme--dark.stepper .stepper__header .divider,
.theme--dark .stepper .stepper__header .divider {
    background: hsla(0, 0%, 100%, .12)
}

.application .theme--dark.stepper .stepper__step--active .stepper__label,
.theme--dark .stepper .stepper__step--active .stepper__label {
    text-shadow: 0 0 0 #fff
}

.application .theme--dark.stepper .stepper__step--editable:hover,
.theme--dark .stepper .stepper__step--editable:hover {
    background: hsla(0, 0%, 100%, .06)
}

.application .theme--dark.stepper .stepper__step--editable:hover .stepper__label,
.theme--dark .stepper .stepper__step--editable:hover .stepper__label {
    text-shadow: 0 0 0 #fff
}

.application .theme--dark.stepper .stepper__step--complete .stepper__label,
.theme--dark .stepper .stepper__step--complete .stepper__label {
    color: hsla(0, 0%, 100%, .87)
}

.application .theme--dark.stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step,
.theme--dark .stepper .stepper__step--inactive.stepper__step--editable:not(.stepper__step--error):hover .stepper__step__step {
    background: hsla(0, 0%, 100%, .75)
}

.application .theme--dark.stepper .stepper__label,
.theme--dark .stepper .stepper__label {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label,
.application .theme--dark.stepper .stepper__label small,
.theme--dark .stepper--non-linear .stepper__step:not(.stepper__step--complete):not(.stepper__step--error) .stepper__label,
.theme--dark .stepper .stepper__label small {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.stepper--vertical .stepper__content:not(:last-child),
.theme--dark .stepper--vertical .stepper__content:not(:last-child) {
    border-left: 1px solid hsla(0, 0%, 100%, .12)
}

.stepper {
    overflow: hidden;
    position: relative
}

.stepper,
.stepper__header {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.stepper__header {
    height: 72px;
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.stepper__header .divider {
    align-self: center;
    margin: 0 -16px
}

.stepper__items {
    position: relative;
    overflow: hidden
}

.stepper__step__step {
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    font-size: 12px;
    justify-content: center;
    height: 24px;
    margin-right: 8px;
    min-width: 24px;
    width: 24px;
    transition: .3s cubic-bezier(.25, .8, .25, 1)
}

.stepper__step__step .icon {
    font-size: 18px
}

.stepper__step {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: 24px;
    position: relative
}

.stepper__step--active .stepper__label {
    transition: .3s cubic-bezier(.4, 0, .6, 1)
}

.stepper__step--editable {
    cursor: pointer
}

.stepper__step.stepper__step--error .stepper__step__step {
    background: transparent;
    color: inherit
}

.stepper__step.stepper__step--error .stepper__step__step .icon {
    font-size: 24px;
    color: inherit
}

.stepper__step.stepper__step--error .stepper__label {
    color: inherit;
    text-shadow: none;
    font-weight: 500
}

.stepper__step.stepper__step--error .stepper__label small {
    color: inherit
}

.stepper__label {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    text-align: left
}

.stepper__label small {
    font-size: 12px;
    font-weight: 300;
    text-shadow: none
}

.stepper__wrapper {
    overflow: hidden;
    transition: none
}

.stepper__content {
    top: 0;
    padding: 24px 24px 16px;
    flex: 1 0 auto;
    width: 100%
}

.stepper__content>.btn {
    margin: 24px 8px 8px 0
}

.stepper--is-booted .stepper__content,
.stepper--is-booted .stepper__wrapper {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.stepper--vertical {
    padding-bottom: 36px
}

.stepper--vertical .stepper__content {
    margin: -8px -36px -16px 36px;
    padding: 16px 60px 16px 23px;
    width: auto
}

.stepper--vertical .stepper__step {
    padding: 24px 24px 16px
}

.stepper--vertical .stepper__step__step {
    margin-right: 12px
}

.stepper--alt-labels .stepper__header {
    height: auto
}

.stepper--alt-labels .stepper__header .divider {
    margin: 35px -67px 0;
    align-self: flex-start
}

.stepper--alt-labels .stepper__step {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-basis: 175px
}

.stepper--alt-labels .stepper__step small {
    align-self: center
}

.stepper--alt-labels .stepper__step__step {
    margin-right: 0;
    margin-bottom: 11px
}

@media only screen and (max-width:959px) {
    .stepper:not(.stepper--vertical) .stepper__label {
        display: none
    }
    .stepper:not(.stepper--vertical) .stepper__step__step {
        margin-right: 0
    }
}

.application .theme--light.subheader,
.theme--light .subheader {
    color: rgba(0, 0, 0, .54)
}

.application .theme--dark.subheader,
.theme--dark .subheader {
    color: hsla(0, 0%, 100%, .7)
}

.subheader {
    height: 48px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    padding: 0 16px
}

.subheader--inset {
    margin-left: 56px
}

.application .theme--light.switch:not(.input-group--dirty) .input-group--selection-controls__container,
.theme--light .switch:not(.input-group--dirty) .input-group--selection-controls__container {
    color: rgba(0, 0, 0, .38) !important
}

.application .theme--light.switch .input-group--selection-controls__ripple:after,
.theme--light .switch .input-group--selection-controls__ripple:after {
    background-color: #fafafa
}

.application .theme--light.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active),
.theme--light .switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.switch .input-group--selection-controls__ripple--active:after,
.theme--light .switch .input-group--selection-controls__ripple--active:after {
    background-color: currentColor
}

.application .theme--light.switch .input-group--selection-controls__toggle,
.theme--light .switch .input-group--selection-controls__toggle {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.switch .input-group--selection-controls__toggle--active,
.theme--light .switch .input-group--selection-controls__toggle--active {
    color: inherit
}

.application .theme--light.switch.input-group--disabled .input-group--selection-controls__ripple:after,
.theme--light .switch.input-group--disabled .input-group--selection-controls__ripple:after {
    background-color: #bdbdbd !important
}

.application .theme--light.switch.input-group--disabled .input-group--selection-controls__toggle,
.theme--light .switch.input-group--disabled .input-group--selection-controls__toggle {
    color: rgba(0, 0, 0, .12) !important
}

.application .theme--dark.switch:not(.input-group--dirty) .input-group--selection-controls__container,
.theme--dark .switch:not(.input-group--dirty) .input-group--selection-controls__container {
    color: hsla(0, 0%, 100%, .3) !important
}

.application .theme--dark.switch .input-group--selection-controls__ripple:after,
.theme--dark .switch .input-group--selection-controls__ripple:after {
    background-color: #bdbdbd
}

.application .theme--dark.switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active),
.theme--dark .switch .input-group--selection-controls__ripple:not(.input-group--selection-controls__ripple--active) {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--dark.switch .input-group--selection-controls__ripple--active:after,
.theme--dark .switch .input-group--selection-controls__ripple--active:after {
    background-color: currentColor
}

.application .theme--dark.switch .input-group--selection-controls__toggle,
.theme--dark .switch .input-group--selection-controls__toggle {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--dark.switch .input-group--selection-controls__toggle--active,
.theme--dark .switch .input-group--selection-controls__toggle--active {
    color: inherit
}

.application .theme--dark.switch.input-group--disabled .input-group--selection-controls__ripple:after,
.theme--dark .switch.input-group--disabled .input-group--selection-controls__ripple:after {
    background-color: #424242 !important
}

.application .theme--dark.switch.input-group--disabled .input-group--selection-controls__toggle,
.theme--dark .switch.input-group--disabled .input-group--selection-controls__toggle {
    color: hsla(0, 0%, 100%, .1) !important
}

.input-group.input-group--selection-controls {
    z-index: 0
}

.input-group.input-group--selection-controls.switch.input-group--append-icon label,
.input-group.input-group--selection-controls.switch.input-group--prepend-icon label {
    left: 62px
}

.input-group.input-group--selection-controls.switch.input-group--prepend-icon .input-group--selection-controls__container {
    margin-left: 6px
}

.input-group.input-group--selection-controls.switch.input-group--append-icon .input-group__append-icon {
    left: 40px
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container {
    color: inherit;
    position: relative;
    width: 36px
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__container[class*="--text"] .input-group--selection-controls__ripple--active:after {
    background-color: currentColor
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle {
    background-color: currentColor;
    color: inherit;
    position: absolute;
    height: 14px;
    top: 50%;
    left: 0;
    width: 34px;
    border-radius: 8px;
    transform: translateY(-50%)
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__toggle.input-group--selection-controls__toggle--active {
    opacity: .5
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple {
    transform: translate(-15px, -24px);
    transition: .3s cubic-bezier(.25, .8, .25, 1);
    z-index: 1;
    left: 0
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple:after {
    content: "";
    position: absolute;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 20px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.input-group.input-group--selection-controls.switch .input-group--selection-controls__ripple--active {
    transform: translate(2px, -24px)
}

.input-group.input-group--selection-controls.switch label {
    padding-left: 14px
}

.application .theme--light.system-bar,
.theme--light .system-bar {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.system-bar .icon,
.theme--light .system-bar .icon {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.system-bar--lights-out,
.theme--light .system-bar--lights-out {
    background-color: hsla(0, 0%, 100%, .7) !important
}

.application .theme--dark.system-bar,
.theme--dark .system-bar {
    background-color: #000;
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.system-bar .icon,
.theme--dark .system-bar .icon {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.system-bar--lights-out,
.theme--dark .system-bar--lights-out {
    background-color: rgba(0, 0, 0, .2) !important
}

.system-bar {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    padding: 0 8px
}

.system-bar .icon {
    font-size: 16px
}

.system-bar--absolute,
.system-bar--fixed {
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3
}

.system-bar--fixed {
    position: fixed
}

.system-bar--absolute {
    position: absolute
}

.system-bar--status .icon {
    margin-right: 4px
}

.system-bar--window .icon {
    font-size: 20px;
    margin-right: 8px
}

.application .theme--light.table,
.theme--light .table {
    background-color: #fff;
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.table thead tr:first-child,
.theme--light .table thead tr:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--light.table thead th,
.theme--light .table thead th {
    color: rgba(0, 0, 0, .54)
}

.application .theme--light.table tbody tr:not(:last-child),
.theme--light .table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--light.table tbody tr[active],
.theme--light .table tbody tr[active] {
    background: #f5f5f5
}

.application .theme--light.table tbody tr:hover:not(.datatable__expand-row),
.theme--light .table tbody tr:hover:not(.datatable__expand-row) {
    background: #eee
}

.application .theme--light.table tfoot tr,
.theme--light .table tfoot tr {
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.application .theme--dark.table,
.theme--dark .table {
    background-color: #424242;
    color: #fff
}

.application .theme--dark.table thead tr:first-child,
.theme--dark .table thead tr:first-child {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.application .theme--dark.table thead th,
.theme--dark .table thead th {
    color: hsla(0, 0%, 100%, .7)
}

.application .theme--dark.table tbody tr:not(:last-child),
.theme--dark .table tbody tr:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .12)
}

.application .theme--dark.table tbody tr[active],
.theme--dark .table tbody tr[active] {
    background: #505050
}

.application .theme--dark.table tbody tr:hover:not(.datatable__expand-row),
.theme--dark .table tbody tr:hover:not(.datatable__expand-row) {
    background: #616161
}

.application .theme--dark.table tfoot tr,
.theme--dark .table tfoot tr {
    border-top: 1px solid hsla(0, 0%, 100%, .12)
}

.table__overflow {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden
}

table.table {
    border-radius: 2px;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%
}

table.table tbody td:first-child,
table.table tbody td:not(:first-child),
table.table tbody th:first-child,
table.table tbody th:not(:first-child),
table.table thead td:first-child,
table.table thead td:not(:first-child),
table.table thead th:first-child,
table.table thead th:not(:first-child) {
    padding: 0 24px
}

table.table thead tr {
    height: 56px
}

table.table thead th {
    font-weight: 500;
    font-size: 12px;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

table.table thead th.sortable {
    pointer-events: auto
}

table.table thead th>div {
    width: 100%
}

table.table tbody tr {
    transition: background .3s cubic-bezier(.25, .8, .5, 1);
    will-change: background
}

table.table tbody td,
table.table tbody th {
    height: 48px
}

table.table tbody td {
    font-weight: 400;
    font-size: 13px
}

table.table .input-group--selection-controls {
    padding: 0
}

table.table .input-group--selection-controls .input-group__details {
    display: none
}

table.table .input-group--selection-controls.checkbox .icon {
    left: 50%;
    transform: translateX(-50%)
}

table.table .input-group--selection-controls.checkbox .input-group--selection-controls__ripple {
    left: 50%;
    transform: translate(-50%, -50%)
}

table.table tfoot tr {
    height: 48px
}

table.table tfoot tr td {
    padding: 0 24px
}

.application .theme--light.tabs__bar,
.theme--light .tabs__bar {
    background-color: #fff
}

.application .theme--light.tabs__bar .tabs__div,
.theme--light .tabs__bar .tabs__div {
    color: rgba(0, 0, 0, .87)
}

.application .theme--light.tabs__bar .tabs__item--disabled,
.theme--light .tabs__bar .tabs__item--disabled {
    color: rgba(0, 0, 0, .26)
}

.application .theme--dark.tabs__bar,
.theme--dark .tabs__bar {
    background-color: #424242
}

.application .theme--dark.tabs__bar .tabs__div,
.theme--dark .tabs__bar .tabs__div {
    color: #fff
}

.application .theme--dark.tabs__bar .tabs__item--disabled,
.theme--dark .tabs__bar .tabs__item--disabled {
    color: hsla(0, 0%, 100%, .3)
}

.tabs,
.tabs__bar {
    position: relative
}

.tabs__icon {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 32px
}

.tabs__icon--prev {
    left: 4px
}

.tabs__icon--next {
    right: 4px
}

.tabs__wrapper {
    overflow: hidden;
    contain: content;
    display: flex
}

.tabs__wrapper--show-arrows {
    margin-left: 40px;
    margin-right: 40px
}

.tabs__wrapper--show-arrows .tabs__container--align-with-title {
    padding-left: 16px
}

@media only screen and (max-width:599px) {
    .tabs__wrapper--show-arrows .tabs__container--align-with-title {
        padding-left: 24px
    }
}

.tabs__container {
    flex: 1 0 auto;
    display: flex;
    height: 48px;
    list-style-type: none;
    transition: transform .6s cubic-bezier(.86, 0, .07, 1);
    white-space: nowrap;
    position: relative
}

.tabs__container--overflow .tabs__div {
    flex: 1 0 auto
}

.tabs__container--grow .tabs__div {
    flex: 1 0 auto;
    max-width: none
}

.tabs__container--icons-and-text {
    height: 72px
}

.tabs__container--align-with-title {
    padding-left: 56px
}

@media only screen and (max-width:599px) {
    .tabs__container--align-with-title {
        padding-left: 64px
    }
}

.tabs__container--centered .tabs__div,
.tabs__container--fixed-tabs .tabs__div,
.tabs__container--icons-and-text .tabs__div {
    min-width: 72px
}

@media only screen and (min-width:600px) {
    .tabs__container--centered .tabs__div,
    .tabs__container--fixed-tabs .tabs__div,
    .tabs__container--icons-and-text .tabs__div {
        min-width: 160px
    }
}

@media only screen and (max-width:599px) {
    .tabs__container--fixed-tabs .tabs__div {
        flex: 1 0 auto
    }
}

.tabs__container--centered .tabs__slider-wrapper+.tabs__div,
.tabs__container--centered>.tabs__div:first-child,
.tabs__container--fixed-tabs .tabs__slider-wrapper+.tabs__div,
.tabs__container--fixed-tabs>.tabs__div:first-child,
.tabs__container--right .tabs__slider-wrapper+.tabs__div,
.tabs__container--right>.tabs__div:first-child {
    margin-left: auto
}

.tabs__container--centered>.tabs__div:last-child,
.tabs__container--fixed-tabs>.tabs__div:last-child {
    margin-right: auto
}

.tabs__container--icons-and-text .tabs__item {
    flex-direction: column-reverse
}

.tabs__container--icons-and-text .tabs__item .icon {
    margin-bottom: 6px
}

.tabs__div {
    align-items: center;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    height: inherit;
    max-width: 264px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle
}

.tabs__item {
    align-items: center;
    color: inherit;
    display: flex;
    flex: 1 1;
    flex-basis: 264px;
    height: 100%;
    justify-content: center;
    max-width: inherit;
    padding: 6px 12px;
    text-decoration: none;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: normal
}

.tabs__item:not(.tabs__item--active) {
    opacity: .7
}

.tabs__item--disabled {
    pointer-events: none
}

.tabs__slider {
    height: 2px;
    width: 100%
}

.tabs__slider-wrapper {
    bottom: 0;
    margin: 0 !important;
    position: absolute;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.tabs__items {
    overflow: hidden;
    position: relative
}

.tabs__content {
    width: 100%;
    transition: transform .4s cubic-bezier(.86, 0, .07, 1)
}

.application .theme--light.input-group--text-field.input-group--text-field-box .input-group__input,
.theme--light .input-group--text-field.input-group--text-field-box .input-group__input {
    background: hsla(0, 0%, 100%, .6)
}

.application .theme--light.input-group--text-field input::-moz-placeholder,
.application .theme--light.input-group--text-field textarea::-moz-placeholder,
.theme--light .input-group--text-field input::-moz-placeholder,
.theme--light .input-group--text-field textarea::-moz-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input:-ms-input-placeholder,
.application .theme--light.input-group--text-field textarea:-ms-input-placeholder,
.theme--light .input-group--text-field input:-ms-input-placeholder,
.theme--light .input-group--text-field textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input::-ms-input-placeholder,
.application .theme--light.input-group--text-field textarea::-ms-input-placeholder,
.theme--light .input-group--text-field input::-ms-input-placeholder,
.theme--light .input-group--text-field textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field input::placeholder,
.application .theme--light.input-group--text-field textarea::placeholder,
.theme--light .input-group--text-field input::placeholder,
.theme--light .input-group--text-field textarea::placeholder {
    color: rgba(0, 0, 0, .38)
}

.application .theme--light.input-group--text-field:not(.input-group--error) .input-group__counter,
.theme--light .input-group--text-field:not(.input-group--error) .input-group__counter {
    color: rgba(0, 0, 0, .54)
}

.application .theme--dark.input-group--text-field.input-group--text-field-box .input-group__input,
.theme--dark .input-group--text-field.input-group--text-field-box .input-group__input {
    background: hsla(0, 0%, 100%, .1)
}

.application .theme--dark.input-group--text-field input::-moz-placeholder,
.application .theme--dark.input-group--text-field textarea::-moz-placeholder,
.theme--dark .input-group--text-field input::-moz-placeholder,
.theme--dark .input-group--text-field textarea::-moz-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input:-ms-input-placeholder,
.application .theme--dark.input-group--text-field textarea:-ms-input-placeholder,
.theme--dark .input-group--text-field input:-ms-input-placeholder,
.theme--dark .input-group--text-field textarea:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input::-ms-input-placeholder,
.application .theme--dark.input-group--text-field textarea::-ms-input-placeholder,
.theme--dark .input-group--text-field input::-ms-input-placeholder,
.theme--dark .input-group--text-field textarea::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field input::placeholder,
.application .theme--dark.input-group--text-field textarea::placeholder,
.theme--dark .input-group--text-field input::placeholder,
.theme--dark .input-group--text-field textarea::placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.application .theme--dark.input-group--text-field:not(.input-group--error) .input-group__counter,
.theme--dark .input-group--text-field:not(.input-group--error) .input-group__counter {
    color: hsla(0, 0%, 100%, .7)
}

.input-group--text-field label {
    position: absolute;
    top: 18px;
    left: 0
}

.input-group--text-field input {
    padding-bottom: 1px
}

.input-group--text-field input,
.input-group--text-field textarea {
    font-size: 16px
}

.input-group--text-field input::-moz-placeholder,
.input-group--text-field textarea::-moz-placeholder {
    color: inherit;
    -moz-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input:-ms-input-placeholder,
.input-group--text-field textarea:-ms-input-placeholder {
    color: inherit;
    -ms-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input::-ms-input-placeholder,
.input-group--text-field textarea::-ms-input-placeholder {
    color: inherit;
    -ms-transition: .3s cubic-bezier(.25, .8, .5, 1);
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input::placeholder,
.input-group--text-field textarea::placeholder {
    color: inherit;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field input {
    box-shadow: none;
    flex: 1;
    height: 30px;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-group--text-field input:focus {
    outline: none
}

.input-group--text-field input:disabled {
    pointer-events: none
}

.input-group--text-field textarea {
    flex: 1 1
}

.input-group--text-field textarea:focus {
    outline: none
}

.input-group--text-field.input-group--textarea label {
    top: 13px
}

.input-group--text-field.input-group--textarea .input-group__input {
    border-radius: 2px;
    transition: .4s cubic-bezier(.25, .8, .25, 1)
}

.input-group--text-field.input-group--textarea textarea {
    font-size: 16px;
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.input-group--text-field.input-group--textarea:not(.input-group--full-width) label {
    top: 30px;
    left: 15px
}

.input-group--text-field.input-group--textarea:not(.input-group--full-width) .input-group__input {
    padding: 30px 0 0 13px
}

.input-group--text-field.input-group--textarea .input-group__details:after,
.input-group--text-field.input-group--textarea .input-group__details:before {
    opacity: 0
}

.input-group--text-field .input-group__counter {
    margin-left: auto;
    white-space: nowrap
}

.input-group--text-field .input-group__counter--error {
    color: inherit
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::-moz-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::-moz-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input:-ms-input-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea:-ms-input-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::-ms-input-placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::-ms-input-placeholder {
    opacity: 0
}

.input-group--text-field.input-group--placeholder.input-group--dirty input::placeholder,
.input-group--text-field.input-group--placeholder.input-group--dirty textarea::placeholder {
    opacity: 0
}

.input-group--text-field.input-group--no-resize textarea {
    resize: none
}

.input-group--text-field.input-group--prepend-icon .input-group__prepend-icon {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    min-width: 40px
}

.input-group--text-field.input-group--prepend-icon .input-group__details {
    margin-left: auto;
    max-width: calc(100% - 40px)
}

.input-group--text-field.input-group--prepend-icon label {
    left: 40px
}

.input-group--text-field:not(.input-group--single-line).input-group--focused label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder label {
    opacity: 1
}

.input-group--text-field:not(.input-group--single-line).input-group--focused:not(.input-group--textarea) label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder:not(.input-group--textarea) label {
    transform: translateY(-18px) scale(.75)
}

.input-group--text-field:not(.input-group--single-line).input-group--focused:not(.input-group--full-width).input-group--textarea label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder:not(.input-group--full-width).input-group--textarea label {
    transform: translateY(-8px) scale(.75)
}

.input-group--text-field:not(.input-group--single-line).input-group--focused.input-group--text-field-box label,
.input-group--text-field:not(.input-group--single-line).input-group--placeholder.input-group--text-field-box label {
    transform: translateY(-10px) scale(.75)
}

.input-group--text-field.input-group--dirty.input-group--select label,
.input-group--text-field.input-group--dirty:not(.input-group--textarea) label {
    transform: translateY(-18px) scale(.75)
}

.input-group--text-field.input-group--dirty:not(.input-group--full-width).input-group--textarea label {
    transform: translateY(-8px) scale(.75)
}

.input-group--text-field.input-group--multi-line textarea {
    padding-top: 4px
}

.input-group--text-field.input-group--full-width {
    padding: 16px
}

.input-group--text-field.input-group--full-width label {
    margin-left: 16px
}

.input-group--text-field.input-group--full-width .input-group__details:after,
.input-group--text-field.input-group--full-width .input-group__details:before {
    display: none
}

.input-group--prefix:not(.input-group--focused):not(.input-group--dirty) label {
    left: 16px
}

.input-group--prefix .input-group--text-field__prefix,
.input-group--prefix .input-group--text-field__suffix,
.input-group--suffix .input-group--text-field__prefix,
.input-group--suffix .input-group--text-field__suffix {
    align-items: center;
    display: inline-flex;
    font-size: 16px;
    margin-top: 1px
}

.input-group--prefix .input-group--text-field__prefix,
.input-group--suffix .input-group--text-field__prefix {
    margin-right: 3px
}

.input-group--prefix .input-group--text-field__suffix,
.input-group--suffix .input-group--text-field__suffix {
    margin-left: 3px
}

.input-group--text-field-box input,
.input-group--text-field-box textarea {
    cursor: pointer
}

.input-group--text-field-box label {
    left: 16px
}

.input-group--text-field-box .input-group__input {
    align-items: flex-end;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    min-height: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-group--text-field-box .input-group__details {
    padding: 8px 16px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.input-group--text-field-box .input-group__details:after,
.input-group--text-field-box .input-group__details:before {
    height: 2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.input-group--text-field-box.input-group--multi-line textarea {
    padding-left: 24px;
    padding-right: 24px
}

.input-group--text-field-box:not(.input-group--textarea).input-group--multi-line .input-group__input {
    padding-top: 26px
}

.input-group--text-field-box:not(.input-group--textarea).input-group--multi-line label {
    top: 26px
}

.input-group--text-field-box:not(.input-group--textarea):not(.input-group--multi-line) .input-group__input {
    padding-left: 16px;
    padding-right: 16px
}

.input-group--text-field-box:not(.input-group--textarea):not(.input-group--multi-line) label {
    top: 32px
}

.input-group--text-field-box:not(.input-group--textarea):not(.input-group--single-line).input-group--dirty label,
.input-group--text-field-box:not(.input-group--textarea):not(.input-group--single-line).input-group--focused label {
    transform: translateY(-10px) scale(.75)
}

.input-group--text-field-box.input-group--prepend-icon .input-group__details:after,
.input-group--text-field-box.input-group--prepend-icon .input-group__details:before {
    margin-left: 56px;
    max-width: calc(100% - 56px)
}

.input-group--text-field-box.input-group--prepend-icon label {
    left: 56px
}

.application .theme--light.time-picker-clock,
.theme--light .time-picker-clock {
    background: #e0e0e0
}

.application .theme--light.time-picker-clock>span.disabled,
.theme--light .time-picker-clock>span.disabled {
    color: rgba(0, 0, 0, .26)
}

.application .theme--light.time-picker-clock>span.disabled.active,
.theme--light .time-picker-clock>span.disabled.active {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--light.time-picker-clock--indeterminate .time-picker-clock__hand,
.theme--light .time-picker-clock--indeterminate .time-picker-clock__hand {
    background-color: #bdbdbd
}

.application .theme--light.time-picker-clock--indeterminate .time-picker-clock__hand:after,
.theme--light .time-picker-clock--indeterminate .time-picker-clock__hand:after {
    color: #bdbdbd
}

.application .theme--light.time-picker-clock--indeterminate>span.active,
.theme--light .time-picker-clock--indeterminate>span.active {
    background-color: #bdbdbd
}

.application .theme--dark.time-picker-clock,
.theme--dark .time-picker-clock {
    background: #616161
}

.application .theme--dark.time-picker-clock>span.disabled,
.application .theme--dark.time-picker-clock>span.disabled.active,
.theme--dark .time-picker-clock>span.disabled,
.theme--dark .time-picker-clock>span.disabled.active {
    color: hsla(0, 0%, 100%, .3)
}

.application .theme--dark.time-picker-clock--indeterminate .time-picker-clock__hand,
.theme--dark .time-picker-clock--indeterminate .time-picker-clock__hand {
    background-color: #757575
}

.application .theme--dark.time-picker-clock--indeterminate .time-picker-clock__hand:after,
.theme--dark .time-picker-clock--indeterminate .time-picker-clock__hand:after {
    color: #757575
}

.application .theme--dark.time-picker-clock--indeterminate>span.active,
.theme--dark .time-picker-clock--indeterminate>span.active {
    background-color: #757575
}

.time-picker-clock {
    border-radius: 100%;
    position: relative;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.time-picker-clock__container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.time-picker-clock__hand {
    height: calc(50% - 28px);
    width: 2px;
    bottom: 50%;
    left: calc(50% - 1px);
    transform-origin: center bottom;
    position: absolute;
    will-change: transform;
    z-index: 1
}

.time-picker-clock__hand:before {
    background: transparent;
    border: 2px solid;
    border-color: inherit;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    top: -3%
}

.time-picker-clock__hand:after,
.time-picker-clock__hand:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.time-picker-clock__hand:after {
    height: 8px;
    width: 8px;
    top: 100%;
    border-radius: 100%;
    border-style: solid;
    border-color: inherit;
    background-color: inherit
}

.time-picker-clock>span {
    align-items: center;
    border-radius: 100%;
    cursor: default;
    display: flex;
    font-size: 16px;
    justify-content: center;
    left: calc(50% - 20px);
    height: 40px;
    position: absolute;
    text-align: center;
    top: calc(50% - 20px);
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.time-picker-clock>span>span {
    z-index: 1
}

.time-picker-clock>span:after,
.time-picker-clock>span:before {
    content: "";
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 14px;
    width: 14px;
    transform: translate(-50%, -50%);
    height: 40px;
    width: 40px
}

.time-picker-clock>span.active {
    color: #fff;
    cursor: default;
    z-index: 2
}

.time-picker-clock>span.disabled {
    pointer-events: none
}

.time-picker-title {
    color: #fff;
    display: flex;
    line-height: 1;
    justify-content: flex-end
}

.time-picker-title__time {
    white-space: nowrap
}

.time-picker-title__time .picker__title__btn,
.time-picker-title__time span {
    align-items: center;
    display: inline-flex;
    height: 70px;
    font-size: 70px;
    justify-content: center
}

.time-picker-title__ampm {
    align-self: flex-end;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    margin: 8px 0 6px 8px;
    text-transform: uppercase
}

.time-picker-title__ampm div:only-child {
    flex-direction: row
}

.picker__title--landscape .time-picker-title {
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.picker__title--landscape .time-picker-title__time {
    text-align: right
}

.picker__title--landscape .time-picker-title__time .picker__title__btn,
.picker__title--landscape .time-picker-title__time span {
    height: 55px;
    font-size: 55px
}

.picker__title--landscape .time-picker-title__ampm {
    margin: 16px 0 0;
    align-self: auto;
    text-align: center
}

.application .theme--light.toolbar,
.theme--light .toolbar {
    background-color: #f5f5f5;
    color: rgba(0, 0, 0, .87)
}

.application .theme--dark.toolbar,
.theme--dark .toolbar {
    background-color: #212121;
    color: #fff
}

.toolbar {
    transition: none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    display: block;
    position: relative;
    width: 100%;
    will-change: padding-left
}

.toolbar[data-booted=true] {
    transition: .2s cubic-bezier(.4, 0, .2, 1)
}

.toolbar .input-group--solo .input-group__details {
    display: none
}

.toolbar .input-group--single-line:not(.input-group--solo) {
    padding: 0
}

.toolbar .input-group--single-line:not(.input-group--solo) label {
    top: auto
}

.toolbar .tabs {
    width: 100%
}

.toolbar__title {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .02em;
    margin-left: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.toolbar__content,
.toolbar__extension {
    align-items: center;
    display: flex
}

.toolbar__content>.list,
.toolbar__extension>.list {
    flex: 1 1 auto;
    margin: 0 !important;
    max-height: 100%
}

.toolbar__content>.btn:last-child,
.toolbar__content>.menu:last-child,
.toolbar__extension>.btn:last-child,
.toolbar__extension>.menu:last-child {
    margin-right: 8px
}

.toolbar__content>.btn:first-child,
.toolbar__content>.menu:first-child,
.toolbar__extension>.btn:first-child,
.toolbar__extension>.menu:first-child {
    margin-left: 8px
}

.toolbar__content>:not(.btn):not(.menu):first-child:not(:only-child),
.toolbar__extension>:not(.btn):not(.menu):first-child:not(:only-child) {
    margin-left: 16px
}

.toolbar__content>:not(.btn):not(.menu):last-child:not(:only-child),
.toolbar__extension>:not(.btn):not(.menu):last-child:not(:only-child) {
    margin-right: 16px
}

.toolbar__items {
    display: flex;
    height: inherit;
    max-width: 100%;
    padding: 0
}

.toolbar__items .btn {
    align-items: stretch
}

.toolbar__items .tooltip,
.toolbar__items .tooltip>span {
    height: inherit
}

.toolbar__items .btn,
.toolbar__items .menu,
.toolbar__items .menu__activator {
    height: inherit;
    margin: 0
}

@media only screen and (max-width:599px) {
    .toolbar .toolbar__content>.btn:last-child,
    .toolbar .toolbar__extension>.btn:last-child {
        margin-right: 17px
    }
    .toolbar .toolbar__content>.btn:first-child,
    .toolbar .toolbar__extension>.btn:first-child {
        margin-left: 17px
    }
    .toolbar .toolbar__content>:not(.btn):not(.menu):first-child:not(:only-child),
    .toolbar .toolbar__extension>:not(.btn):not(.menu):first-child:not(:only-child) {
        margin-left: 24px
    }
    .toolbar .toolbar__content>:not(.btn):not(.menu):last-child:not(:only-child),
    .toolbar .toolbar__extension>:not(.btn):not(.menu):last-child:not(:only-child) {
        margin-right: 24px
    }
}

.toolbar--card {
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.toolbar--fixed {
    position: fixed;
    z-index: 2
}

.toolbar--absolute,
.toolbar--fixed {
    top: 0;
    left: 0
}

.toolbar--absolute {
    position: absolute;
    z-index: 2
}

.toolbar--floating {
    display: inline-flex;
    margin: 16px;
    width: auto
}

.toolbar--clipped {
    z-index: 3
}

.tooltip {
    position: relative
}

.tooltip__content {
    background: #616161;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    padding: 5px 8px;
    position: absolute;
    text-transform: none;
    transition: .15s cubic-bezier(.25, .8, .5, 1);
    width: auto;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.tooltip__content[class*=-active] {
    pointer-events: none
}

@media only screen and (max-width:959px) {
    .tooltip .tooltip__content {
        padding: 10px 16px
    }
}

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

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

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

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

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

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

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

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

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

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

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

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

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

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

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

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

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

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

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

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

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

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

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

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

@media screen and (min-width:320px) {
    .xsmall-1,
    .xsmall-1-1 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-2,
    .xsmall-2 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xsmall-2-2 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-3,
    .xsmall-3 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .xsmall-2-3 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .xsmall-3-3 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-4,
    .xsmall-4 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .xsmall-2-4 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xsmall-3-4 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .xsmall-4-4 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-5,
    .xsmall-5 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .xsmall-2-5 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .xsmall-3-5 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .xsmall-4-5 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .xsmall-5-5 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-6,
    .xsmall-6 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .xsmall-2-6 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .xsmall-3-6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xsmall-4-6 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .xsmall-5-6 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .xsmall-6-6 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-7,
    .xsmall-7 {
        flex-basis: 14.285714285714286%;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }
    .xsmall-2-7 {
        flex-basis: 28.571428571428573%;
        flex-grow: 0;
        max-width: 28.571428571428573%
    }
    .xsmall-3-7 {
        flex-basis: 42.85714285714286%;
        flex-grow: 0;
        max-width: 42.85714285714286%
    }
    .xsmall-4-7 {
        flex-basis: 57.142857142857146%;
        flex-grow: 0;
        max-width: 57.142857142857146%
    }
    .xsmall-5-7 {
        flex-basis: 71.42857142857143%;
        flex-grow: 0;
        max-width: 71.42857142857143%
    }
    .xsmall-6-7 {
        flex-basis: 85.71428571428572%;
        flex-grow: 0;
        max-width: 85.71428571428572%
    }
    .xsmall-7-7 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-8,
    .xsmall-8 {
        flex-basis: 12.5%;
        flex-grow: 0;
        max-width: 12.5%
    }
    .xsmall-2-8 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .xsmall-3-8 {
        flex-basis: 37.5%;
        flex-grow: 0;
        max-width: 37.5%
    }
    .xsmall-4-8 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xsmall-5-8 {
        flex-basis: 62.5%;
        flex-grow: 0;
        max-width: 62.5%
    }
    .xsmall-6-8 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .xsmall-7-8 {
        flex-basis: 87.5%;
        flex-grow: 0;
        max-width: 87.5%
    }
    .xsmall-8-8 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-9,
    .xsmall-9 {
        flex-basis: 11.11111111111111%;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }
    .xsmall-2-9 {
        flex-basis: 22.22222222222222%;
        flex-grow: 0;
        max-width: 22.22222222222222%
    }
    .xsmall-3-9 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .xsmall-4-9 {
        flex-basis: 44.44444444444444%;
        flex-grow: 0;
        max-width: 44.44444444444444%
    }
    .xsmall-5-9 {
        flex-basis: 55.55555555555556%;
        flex-grow: 0;
        max-width: 55.55555555555556%
    }
    .xsmall-6-9 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .xsmall-7-9 {
        flex-basis: 77.77777777777777%;
        flex-grow: 0;
        max-width: 77.77777777777777%
    }
    .xsmall-8-9 {
        flex-basis: 88.88888888888889%;
        flex-grow: 0;
        max-width: 88.88888888888889%
    }
    .xsmall-9-9 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-10,
    .xsmall-10 {
        flex-basis: 10%;
        flex-grow: 0;
        max-width: 10%
    }
    .xsmall-2-10 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .xsmall-3-10 {
        flex-basis: 30%;
        flex-grow: 0;
        max-width: 30%
    }
    .xsmall-4-10 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .xsmall-5-10 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xsmall-6-10 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .xsmall-7-10 {
        flex-basis: 70%;
        flex-grow: 0;
        max-width: 70%
    }
    .xsmall-8-10 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .xsmall-9-10 {
        flex-basis: 90%;
        flex-grow: 0;
        max-width: 90%
    }
    .xsmall-10-10 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xsmall-1-11,
    .xsmall-11 {
        flex-basis: 9.090909090909092%;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }
    .xsmall-2-11 {
        flex-basis: 18.181818181818183%;
        flex-grow: 0;
        max-width: 18.181818181818183%
    }
    .xsmall-3-11 {
        flex-basis: 27.272727272727273%;
        flex-grow: 0;
        max-width: 27.272727272727273%
    }
    .xsmall-4-11 {
        flex-basis: 36.36363636363637%;
        flex-grow: 0;
        max-width: 36.36363636363637%
    }
    .xsmall-5-11 {
        flex-basis: 45.45454545454546%;
        flex-grow: 0;
        max-width: 45.45454545454546%
    }
    .xsmall-6-11 {
        flex-basis: 54.54545454545455%;
        flex-grow: 0;
        max-width: 54.54545454545455%
    }
    .xsmall-7-11 {
        flex-basis: 63.63636363636364%;
        flex-grow: 0;
        max-width: 63.63636363636364%
    }
    .xsmall-8-11 {
        flex-basis: 72.72727272727273%;
        flex-grow: 0;
        max-width: 72.72727272727273%
    }
    .xsmall-9-11 {
        flex-basis: 81.81818181818183%;
        flex-grow: 0;
        max-width: 81.81818181818183%
    }
    .xsmall-10-11 {
        flex-basis: 90.90909090909092%;
        flex-grow: 0;
        max-width: 90.90909090909092%
    }
    .xsmall-11-11 {
        flex-basis: 100.00000000000001%;
        flex-grow: 0;
        max-width: 100.00000000000001%
    }
    .xsmall-1-12,
    .xsmall-12 {
        flex-basis: 8.333333333333334%;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }
    .xsmall-2-12 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .xsmall-3-12 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .xsmall-4-12 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .xsmall-5-12 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .xsmall-6-12 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xsmall-7-12 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .xsmall-8-12 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .xsmall-9-12 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .xsmall-10-12 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .xsmall-11-12 {
        flex-basis: 91.66666666666667%;
        flex-grow: 0;
        max-width: 91.66666666666667%
    }
    .xsmall-12-12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:480px) {
    .small-1,
    .small-1-1 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-2,
    .small-2 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .small-2-2 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-3,
    .small-3 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .small-2-3 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .small-3-3 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-4,
    .small-4 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .small-2-4 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .small-3-4 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .small-4-4 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-5,
    .small-5 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .small-2-5 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .small-3-5 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .small-4-5 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .small-5-5 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-6,
    .small-6 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .small-2-6 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .small-3-6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .small-4-6 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .small-5-6 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .small-6-6 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-7,
    .small-7 {
        flex-basis: 14.285714285714286%;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }
    .small-2-7 {
        flex-basis: 28.571428571428573%;
        flex-grow: 0;
        max-width: 28.571428571428573%
    }
    .small-3-7 {
        flex-basis: 42.85714285714286%;
        flex-grow: 0;
        max-width: 42.85714285714286%
    }
    .small-4-7 {
        flex-basis: 57.142857142857146%;
        flex-grow: 0;
        max-width: 57.142857142857146%
    }
    .small-5-7 {
        flex-basis: 71.42857142857143%;
        flex-grow: 0;
        max-width: 71.42857142857143%
    }
    .small-6-7 {
        flex-basis: 85.71428571428572%;
        flex-grow: 0;
        max-width: 85.71428571428572%
    }
    .small-7-7 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-8,
    .small-8 {
        flex-basis: 12.5%;
        flex-grow: 0;
        max-width: 12.5%
    }
    .small-2-8 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .small-3-8 {
        flex-basis: 37.5%;
        flex-grow: 0;
        max-width: 37.5%
    }
    .small-4-8 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .small-5-8 {
        flex-basis: 62.5%;
        flex-grow: 0;
        max-width: 62.5%
    }
    .small-6-8 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .small-7-8 {
        flex-basis: 87.5%;
        flex-grow: 0;
        max-width: 87.5%
    }
    .small-8-8 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-9,
    .small-9 {
        flex-basis: 11.11111111111111%;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }
    .small-2-9 {
        flex-basis: 22.22222222222222%;
        flex-grow: 0;
        max-width: 22.22222222222222%
    }
    .small-3-9 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .small-4-9 {
        flex-basis: 44.44444444444444%;
        flex-grow: 0;
        max-width: 44.44444444444444%
    }
    .small-5-9 {
        flex-basis: 55.55555555555556%;
        flex-grow: 0;
        max-width: 55.55555555555556%
    }
    .small-6-9 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .small-7-9 {
        flex-basis: 77.77777777777777%;
        flex-grow: 0;
        max-width: 77.77777777777777%
    }
    .small-8-9 {
        flex-basis: 88.88888888888889%;
        flex-grow: 0;
        max-width: 88.88888888888889%
    }
    .small-9-9 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-10,
    .small-10 {
        flex-basis: 10%;
        flex-grow: 0;
        max-width: 10%
    }
    .small-2-10 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .small-3-10 {
        flex-basis: 30%;
        flex-grow: 0;
        max-width: 30%
    }
    .small-4-10 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .small-5-10 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .small-6-10 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .small-7-10 {
        flex-basis: 70%;
        flex-grow: 0;
        max-width: 70%
    }
    .small-8-10 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .small-9-10 {
        flex-basis: 90%;
        flex-grow: 0;
        max-width: 90%
    }
    .small-10-10 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .small-1-11,
    .small-11 {
        flex-basis: 9.090909090909092%;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }
    .small-2-11 {
        flex-basis: 18.181818181818183%;
        flex-grow: 0;
        max-width: 18.181818181818183%
    }
    .small-3-11 {
        flex-basis: 27.272727272727273%;
        flex-grow: 0;
        max-width: 27.272727272727273%
    }
    .small-4-11 {
        flex-basis: 36.36363636363637%;
        flex-grow: 0;
        max-width: 36.36363636363637%
    }
    .small-5-11 {
        flex-basis: 45.45454545454546%;
        flex-grow: 0;
        max-width: 45.45454545454546%
    }
    .small-6-11 {
        flex-basis: 54.54545454545455%;
        flex-grow: 0;
        max-width: 54.54545454545455%
    }
    .small-7-11 {
        flex-basis: 63.63636363636364%;
        flex-grow: 0;
        max-width: 63.63636363636364%
    }
    .small-8-11 {
        flex-basis: 72.72727272727273%;
        flex-grow: 0;
        max-width: 72.72727272727273%
    }
    .small-9-11 {
        flex-basis: 81.81818181818183%;
        flex-grow: 0;
        max-width: 81.81818181818183%
    }
    .small-10-11 {
        flex-basis: 90.90909090909092%;
        flex-grow: 0;
        max-width: 90.90909090909092%
    }
    .small-11-11 {
        flex-basis: 100.00000000000001%;
        flex-grow: 0;
        max-width: 100.00000000000001%
    }
    .small-1-12,
    .small-12 {
        flex-basis: 8.333333333333334%;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }
    .small-2-12 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .small-3-12 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .small-4-12 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .small-5-12 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .small-6-12 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .small-7-12 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .small-8-12 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .small-9-12 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .small-10-12 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .small-11-12 {
        flex-basis: 91.66666666666667%;
        flex-grow: 0;
        max-width: 91.66666666666667%
    }
    .small-12-12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:800px) {
    .medium-1,
    .medium-1-1 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-2,
    .medium-2 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .medium-2-2 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-3,
    .medium-3 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .medium-2-3 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .medium-3-3 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-4,
    .medium-4 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .medium-2-4 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .medium-3-4 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .medium-4-4 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-5,
    .medium-5 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .medium-2-5 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .medium-3-5 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .medium-4-5 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .medium-5-5 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-6,
    .medium-6 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .medium-2-6 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .medium-3-6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .medium-4-6 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .medium-5-6 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .medium-6-6 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-7,
    .medium-7 {
        flex-basis: 14.285714285714286%;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }
    .medium-2-7 {
        flex-basis: 28.571428571428573%;
        flex-grow: 0;
        max-width: 28.571428571428573%
    }
    .medium-3-7 {
        flex-basis: 42.85714285714286%;
        flex-grow: 0;
        max-width: 42.85714285714286%
    }
    .medium-4-7 {
        flex-basis: 57.142857142857146%;
        flex-grow: 0;
        max-width: 57.142857142857146%
    }
    .medium-5-7 {
        flex-basis: 71.42857142857143%;
        flex-grow: 0;
        max-width: 71.42857142857143%
    }
    .medium-6-7 {
        flex-basis: 85.71428571428572%;
        flex-grow: 0;
        max-width: 85.71428571428572%
    }
    .medium-7-7 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-8,
    .medium-8 {
        flex-basis: 12.5%;
        flex-grow: 0;
        max-width: 12.5%
    }
    .medium-2-8 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .medium-3-8 {
        flex-basis: 37.5%;
        flex-grow: 0;
        max-width: 37.5%
    }
    .medium-4-8 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .medium-5-8 {
        flex-basis: 62.5%;
        flex-grow: 0;
        max-width: 62.5%
    }
    .medium-6-8 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .medium-7-8 {
        flex-basis: 87.5%;
        flex-grow: 0;
        max-width: 87.5%
    }
    .medium-8-8 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-9,
    .medium-9 {
        flex-basis: 11.11111111111111%;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }
    .medium-2-9 {
        flex-basis: 22.22222222222222%;
        flex-grow: 0;
        max-width: 22.22222222222222%
    }
    .medium-3-9 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .medium-4-9 {
        flex-basis: 44.44444444444444%;
        flex-grow: 0;
        max-width: 44.44444444444444%
    }
    .medium-5-9 {
        flex-basis: 55.55555555555556%;
        flex-grow: 0;
        max-width: 55.55555555555556%
    }
    .medium-6-9 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .medium-7-9 {
        flex-basis: 77.77777777777777%;
        flex-grow: 0;
        max-width: 77.77777777777777%
    }
    .medium-8-9 {
        flex-basis: 88.88888888888889%;
        flex-grow: 0;
        max-width: 88.88888888888889%
    }
    .medium-9-9 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-10,
    .medium-10 {
        flex-basis: 10%;
        flex-grow: 0;
        max-width: 10%
    }
    .medium-2-10 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .medium-3-10 {
        flex-basis: 30%;
        flex-grow: 0;
        max-width: 30%
    }
    .medium-4-10 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .medium-5-10 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .medium-6-10 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .medium-7-10 {
        flex-basis: 70%;
        flex-grow: 0;
        max-width: 70%
    }
    .medium-8-10 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .medium-9-10 {
        flex-basis: 90%;
        flex-grow: 0;
        max-width: 90%
    }
    .medium-10-10 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .medium-1-11,
    .medium-11 {
        flex-basis: 9.090909090909092%;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }
    .medium-2-11 {
        flex-basis: 18.181818181818183%;
        flex-grow: 0;
        max-width: 18.181818181818183%
    }
    .medium-3-11 {
        flex-basis: 27.272727272727273%;
        flex-grow: 0;
        max-width: 27.272727272727273%
    }
    .medium-4-11 {
        flex-basis: 36.36363636363637%;
        flex-grow: 0;
        max-width: 36.36363636363637%
    }
    .medium-5-11 {
        flex-basis: 45.45454545454546%;
        flex-grow: 0;
        max-width: 45.45454545454546%
    }
    .medium-6-11 {
        flex-basis: 54.54545454545455%;
        flex-grow: 0;
        max-width: 54.54545454545455%
    }
    .medium-7-11 {
        flex-basis: 63.63636363636364%;
        flex-grow: 0;
        max-width: 63.63636363636364%
    }
    .medium-8-11 {
        flex-basis: 72.72727272727273%;
        flex-grow: 0;
        max-width: 72.72727272727273%
    }
    .medium-9-11 {
        flex-basis: 81.81818181818183%;
        flex-grow: 0;
        max-width: 81.81818181818183%
    }
    .medium-10-11 {
        flex-basis: 90.90909090909092%;
        flex-grow: 0;
        max-width: 90.90909090909092%
    }
    .medium-11-11 {
        flex-basis: 100.00000000000001%;
        flex-grow: 0;
        max-width: 100.00000000000001%
    }
    .medium-1-12,
    .medium-12 {
        flex-basis: 8.333333333333334%;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }
    .medium-2-12 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .medium-3-12 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .medium-4-12 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .medium-5-12 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .medium-6-12 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .medium-7-12 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .medium-8-12 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .medium-9-12 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .medium-10-12 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .medium-11-12 {
        flex-basis: 91.66666666666667%;
        flex-grow: 0;
        max-width: 91.66666666666667%
    }
    .medium-12-12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:1080px) {
    .large-1,
    .large-1-1 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-2,
    .large-2 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .large-2-2 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-3,
    .large-3 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .large-2-3 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .large-3-3 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-4,
    .large-4 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .large-2-4 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .large-3-4 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .large-4-4 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-5,
    .large-5 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .large-2-5 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .large-3-5 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .large-4-5 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .large-5-5 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-6,
    .large-6 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .large-2-6 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .large-3-6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .large-4-6 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .large-5-6 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .large-6-6 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-7,
    .large-7 {
        flex-basis: 14.285714285714286%;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }
    .large-2-7 {
        flex-basis: 28.571428571428573%;
        flex-grow: 0;
        max-width: 28.571428571428573%
    }
    .large-3-7 {
        flex-basis: 42.85714285714286%;
        flex-grow: 0;
        max-width: 42.85714285714286%
    }
    .large-4-7 {
        flex-basis: 57.142857142857146%;
        flex-grow: 0;
        max-width: 57.142857142857146%
    }
    .large-5-7 {
        flex-basis: 71.42857142857143%;
        flex-grow: 0;
        max-width: 71.42857142857143%
    }
    .large-6-7 {
        flex-basis: 85.71428571428572%;
        flex-grow: 0;
        max-width: 85.71428571428572%
    }
    .large-7-7 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-8,
    .large-8 {
        flex-basis: 12.5%;
        flex-grow: 0;
        max-width: 12.5%
    }
    .large-2-8 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .large-3-8 {
        flex-basis: 37.5%;
        flex-grow: 0;
        max-width: 37.5%
    }
    .large-4-8 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .large-5-8 {
        flex-basis: 62.5%;
        flex-grow: 0;
        max-width: 62.5%
    }
    .large-6-8 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .large-7-8 {
        flex-basis: 87.5%;
        flex-grow: 0;
        max-width: 87.5%
    }
    .large-8-8 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-9,
    .large-9 {
        flex-basis: 11.11111111111111%;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }
    .large-2-9 {
        flex-basis: 22.22222222222222%;
        flex-grow: 0;
        max-width: 22.22222222222222%
    }
    .large-3-9 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .large-4-9 {
        flex-basis: 44.44444444444444%;
        flex-grow: 0;
        max-width: 44.44444444444444%
    }
    .large-5-9 {
        flex-basis: 55.55555555555556%;
        flex-grow: 0;
        max-width: 55.55555555555556%
    }
    .large-6-9 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .large-7-9 {
        flex-basis: 77.77777777777777%;
        flex-grow: 0;
        max-width: 77.77777777777777%
    }
    .large-8-9 {
        flex-basis: 88.88888888888889%;
        flex-grow: 0;
        max-width: 88.88888888888889%
    }
    .large-9-9 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-10,
    .large-10 {
        flex-basis: 10%;
        flex-grow: 0;
        max-width: 10%
    }
    .large-2-10 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .large-3-10 {
        flex-basis: 30%;
        flex-grow: 0;
        max-width: 30%
    }
    .large-4-10 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .large-5-10 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .large-6-10 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .large-7-10 {
        flex-basis: 70%;
        flex-grow: 0;
        max-width: 70%
    }
    .large-8-10 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .large-9-10 {
        flex-basis: 90%;
        flex-grow: 0;
        max-width: 90%
    }
    .large-10-10 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .large-1-11,
    .large-11 {
        flex-basis: 9.090909090909092%;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }
    .large-2-11 {
        flex-basis: 18.181818181818183%;
        flex-grow: 0;
        max-width: 18.181818181818183%
    }
    .large-3-11 {
        flex-basis: 27.272727272727273%;
        flex-grow: 0;
        max-width: 27.272727272727273%
    }
    .large-4-11 {
        flex-basis: 36.36363636363637%;
        flex-grow: 0;
        max-width: 36.36363636363637%
    }
    .large-5-11 {
        flex-basis: 45.45454545454546%;
        flex-grow: 0;
        max-width: 45.45454545454546%
    }
    .large-6-11 {
        flex-basis: 54.54545454545455%;
        flex-grow: 0;
        max-width: 54.54545454545455%
    }
    .large-7-11 {
        flex-basis: 63.63636363636364%;
        flex-grow: 0;
        max-width: 63.63636363636364%
    }
    .large-8-11 {
        flex-basis: 72.72727272727273%;
        flex-grow: 0;
        max-width: 72.72727272727273%
    }
    .large-9-11 {
        flex-basis: 81.81818181818183%;
        flex-grow: 0;
        max-width: 81.81818181818183%
    }
    .large-10-11 {
        flex-basis: 90.90909090909092%;
        flex-grow: 0;
        max-width: 90.90909090909092%
    }
    .large-11-11 {
        flex-basis: 100.00000000000001%;
        flex-grow: 0;
        max-width: 100.00000000000001%
    }
    .large-1-12,
    .large-12 {
        flex-basis: 8.333333333333334%;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }
    .large-2-12 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .large-3-12 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .large-4-12 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .large-5-12 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .large-6-12 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .large-7-12 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .large-8-12 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .large-9-12 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .large-10-12 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .large-11-12 {
        flex-basis: 91.66666666666667%;
        flex-grow: 0;
        max-width: 91.66666666666667%
    }
    .large-12-12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
}

@media screen and (min-width:1300px) {
    .xlarge-1,
    .xlarge-1-1 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-2,
    .xlarge-2 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xlarge-2-2 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-3,
    .xlarge-3 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .xlarge-2-3 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .xlarge-3-3 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-4,
    .xlarge-4 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .xlarge-2-4 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xlarge-3-4 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .xlarge-4-4 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-5,
    .xlarge-5 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .xlarge-2-5 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .xlarge-3-5 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .xlarge-4-5 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .xlarge-5-5 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-6,
    .xlarge-6 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .xlarge-2-6 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .xlarge-3-6 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xlarge-4-6 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .xlarge-5-6 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .xlarge-6-6 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-7,
    .xlarge-7 {
        flex-basis: 14.285714285714286%;
        flex-grow: 0;
        max-width: 14.285714285714286%
    }
    .xlarge-2-7 {
        flex-basis: 28.571428571428573%;
        flex-grow: 0;
        max-width: 28.571428571428573%
    }
    .xlarge-3-7 {
        flex-basis: 42.85714285714286%;
        flex-grow: 0;
        max-width: 42.85714285714286%
    }
    .xlarge-4-7 {
        flex-basis: 57.142857142857146%;
        flex-grow: 0;
        max-width: 57.142857142857146%
    }
    .xlarge-5-7 {
        flex-basis: 71.42857142857143%;
        flex-grow: 0;
        max-width: 71.42857142857143%
    }
    .xlarge-6-7 {
        flex-basis: 85.71428571428572%;
        flex-grow: 0;
        max-width: 85.71428571428572%
    }
    .xlarge-7-7 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-8,
    .xlarge-8 {
        flex-basis: 12.5%;
        flex-grow: 0;
        max-width: 12.5%
    }
    .xlarge-2-8 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .xlarge-3-8 {
        flex-basis: 37.5%;
        flex-grow: 0;
        max-width: 37.5%
    }
    .xlarge-4-8 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xlarge-5-8 {
        flex-basis: 62.5%;
        flex-grow: 0;
        max-width: 62.5%
    }
    .xlarge-6-8 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .xlarge-7-8 {
        flex-basis: 87.5%;
        flex-grow: 0;
        max-width: 87.5%
    }
    .xlarge-8-8 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-9,
    .xlarge-9 {
        flex-basis: 11.11111111111111%;
        flex-grow: 0;
        max-width: 11.11111111111111%
    }
    .xlarge-2-9 {
        flex-basis: 22.22222222222222%;
        flex-grow: 0;
        max-width: 22.22222222222222%
    }
    .xlarge-3-9 {
        flex-basis: 33.33333333333333%;
        flex-grow: 0;
        max-width: 33.33333333333333%
    }
    .xlarge-4-9 {
        flex-basis: 44.44444444444444%;
        flex-grow: 0;
        max-width: 44.44444444444444%
    }
    .xlarge-5-9 {
        flex-basis: 55.55555555555556%;
        flex-grow: 0;
        max-width: 55.55555555555556%
    }
    .xlarge-6-9 {
        flex-basis: 66.66666666666666%;
        flex-grow: 0;
        max-width: 66.66666666666666%
    }
    .xlarge-7-9 {
        flex-basis: 77.77777777777777%;
        flex-grow: 0;
        max-width: 77.77777777777777%
    }
    .xlarge-8-9 {
        flex-basis: 88.88888888888889%;
        flex-grow: 0;
        max-width: 88.88888888888889%
    }
    .xlarge-9-9 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-10,
    .xlarge-10 {
        flex-basis: 10%;
        flex-grow: 0;
        max-width: 10%
    }
    .xlarge-2-10 {
        flex-basis: 20%;
        flex-grow: 0;
        max-width: 20%
    }
    .xlarge-3-10 {
        flex-basis: 30%;
        flex-grow: 0;
        max-width: 30%
    }
    .xlarge-4-10 {
        flex-basis: 40%;
        flex-grow: 0;
        max-width: 40%
    }
    .xlarge-5-10 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xlarge-6-10 {
        flex-basis: 60%;
        flex-grow: 0;
        max-width: 60%
    }
    .xlarge-7-10 {
        flex-basis: 70%;
        flex-grow: 0;
        max-width: 70%
    }
    .xlarge-8-10 {
        flex-basis: 80%;
        flex-grow: 0;
        max-width: 80%
    }
    .xlarge-9-10 {
        flex-basis: 90%;
        flex-grow: 0;
        max-width: 90%
    }
    .xlarge-10-10 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
    .xlarge-1-11,
    .xlarge-11 {
        flex-basis: 9.090909090909092%;
        flex-grow: 0;
        max-width: 9.090909090909092%
    }
    .xlarge-2-11 {
        flex-basis: 18.181818181818183%;
        flex-grow: 0;
        max-width: 18.181818181818183%
    }
    .xlarge-3-11 {
        flex-basis: 27.272727272727273%;
        flex-grow: 0;
        max-width: 27.272727272727273%
    }
    .xlarge-4-11 {
        flex-basis: 36.36363636363637%;
        flex-grow: 0;
        max-width: 36.36363636363637%
    }
    .xlarge-5-11 {
        flex-basis: 45.45454545454546%;
        flex-grow: 0;
        max-width: 45.45454545454546%
    }
    .xlarge-6-11 {
        flex-basis: 54.54545454545455%;
        flex-grow: 0;
        max-width: 54.54545454545455%
    }
    .xlarge-7-11 {
        flex-basis: 63.63636363636364%;
        flex-grow: 0;
        max-width: 63.63636363636364%
    }
    .xlarge-8-11 {
        flex-basis: 72.72727272727273%;
        flex-grow: 0;
        max-width: 72.72727272727273%
    }
    .xlarge-9-11 {
        flex-basis: 81.81818181818183%;
        flex-grow: 0;
        max-width: 81.81818181818183%
    }
    .xlarge-10-11 {
        flex-basis: 90.90909090909092%;
        flex-grow: 0;
        max-width: 90.90909090909092%
    }
    .xlarge-11-11 {
        flex-basis: 100.00000000000001%;
        flex-grow: 0;
        max-width: 100.00000000000001%
    }
    .xlarge-1-12,
    .xlarge-12 {
        flex-basis: 8.333333333333334%;
        flex-grow: 0;
        max-width: 8.333333333333334%
    }
    .xlarge-2-12 {
        flex-basis: 16.666666666666668%;
        flex-grow: 0;
        max-width: 16.666666666666668%
    }
    .xlarge-3-12 {
        flex-basis: 25%;
        flex-grow: 0;
        max-width: 25%
    }
    .xlarge-4-12 {
        flex-basis: 33.333333333333336%;
        flex-grow: 0;
        max-width: 33.333333333333336%
    }
    .xlarge-5-12 {
        flex-basis: 41.66666666666667%;
        flex-grow: 0;
        max-width: 41.66666666666667%
    }
    .xlarge-6-12 {
        flex-basis: 50%;
        flex-grow: 0;
        max-width: 50%
    }
    .xlarge-7-12 {
        flex-basis: 58.333333333333336%;
        flex-grow: 0;
        max-width: 58.333333333333336%
    }
    .xlarge-8-12 {
        flex-basis: 66.66666666666667%;
        flex-grow: 0;
        max-width: 66.66666666666667%
    }
    .xlarge-9-12 {
        flex-basis: 75%;
        flex-grow: 0;
        max-width: 75%
    }
    .xlarge-10-12 {
        flex-basis: 83.33333333333334%;
        flex-grow: 0;
        max-width: 83.33333333333334%
    }
    .xlarge-11-12 {
        flex-basis: 91.66666666666667%;
        flex-grow: 0;
        max-width: 91.66666666666667%
    }
    .xlarge-12-12 {
        flex-basis: 100%;
        flex-grow: 0;
        max-width: 100%
    }
}

.container.grid-list-lg .layout .flex {
    padding: 15px
}

.container.grid-list-lg .layout:only-child {
    margin: 0 -15px
}

.container.grid-list-md .layout .flex {
    padding: 10px
}

.container.grid-list-md .layout:only-child {
    margin: 0 -10px
}

@media screen and (min-width:320px) {
    .grid-list-cs .layout {
        margin: 0 -10px
    }
    .grid-list-cs .layout .flex {
        padding: 6px
    }
}

@media screen and (min-width:641px) {
    .grid-list-cs .layout {
        margin: 0
    }
}

@media screen and (max-width:1079px) {
    .hidden-medium-and-down {
        display: none !important
    }
}

@media screen and (min-width:960px) {
    .grid-list-cs .layout .flex {
        padding: 10px
    }
}

@media screen and (min-width:1610px) {
    .grid-list-cs .layout {
        margin: 0 -10px
    }
}

html {
    background-color: #111;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    overflow-x: hidden
}

html,
html:lang(hi-IN) {
    font-size: 16px
}

.application {
    font-family: Roboto, sans-serif !important
}

html:lang(hi-IN) .application {
    font-family: Noto Sans, sans-serif !important
}

.application.theme--dark {
    background-color: #111
}

.application--wrap {
    overflow-x: hidden
}

header {
    position: fixed;
    width: 100%;
    z-index: 1000
}

footer {
    background-color: #0a0a0a;
    position: relative;
    z-index: 2
}

.container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0
}

.fontType2 {
    font-family: Teko, sans-serif
}

.container-sm {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0
}

a {
    text-decoration: none
}

ul {
    list-style-type: none
}

p {
    line-height: 30px
}

.fakeusernamepassword {
    height: 0;
    width: 0;
    opacity: 0;
    position: absolute;
    z-index: -9999
}

.fade-enter-active,
.fade-leave-active {
    transition: opacity .5s
}

.fade-enter,
.fade-leave-to {
    opacity: 0
}

.input-group {
    font-size: 1rem
}

.input-group label {
    color: hsla(0, 0%, 100%, .3) !important
}

.input-group__details {
    min-height: 1px
}

.input-group__details:before {
    background-color: hsla(0, 0%, 100%, .3) !important
}

.form-group {
    margin-bottom: 10px
}

.overlay--active {
    background-color: rgba(0, 0, 0, .8)
}

.overlay {
    transition: all .3s ease
}

.input-group--text-field input,
.input-group--text-field textarea {
    font-size: 1.15rem
}

.game-desc-container {
    background: #111;
    padding: 30px 60px;
    border-radius: 20px;
    margin-top: 20px
}

.game-desc-container p {
    margin-bottom: 0;
    color: #8f99a3
}

.game-desc-container p strong {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 1.333rem;
    color: #f9bb22;
    display: block
}

.game-desc-container iframe {
    margin: 20px auto;
    display: table
}

.carousel-banner-green {
    background-color: #a2ce2d !important
}

.carousel-banner-red {
    background-color: #da4a4c !important
}

.carousel-banner-blue {
    background-color: #1a75ff !important
}

.carousel-banner-yellow {
    background-color: #f9bb22 !important
}

.dark-form-group-jw .input-group__input {
    height: 50px;
    padding: 0 20px;
    align-items: center
}

.dark-form-group-jw .input-group__details {
    display: none
}

.dark-form-group-jw .input-group {
    background-color: #1a1a1a;
    border-radius: 25px
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .container {
        padding: 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    html {
        font-size: 14px
    }
    html:lang(hi-IN) {
        font-size: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .container.grid-list-lg .layout .flex {
        padding: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    html,
    html:lang(hi-IN) {
        font-size: 13px
    }
}

@font-face {
    font-family: jw-icomoon;
    src: url(/_nuxt/fonts/4bff8e1.eot);
    src: url(/_nuxt/fonts/4bff8e1.eot#iefix) format("embedded-opentype"), url(/_nuxt/fonts/09d0831.ttf) format("truetype"), url(/_nuxt/fonts/40653df.woff) format("woff"), url(/_nuxt/img/4e6fa84.svg#jw-icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" jw-"],
[class^=jw-] {
    font-family: jw-icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jw-quickpay:before {
    content: "\e92c"
}

.jw-cashfree:before {
    content: "\e92b"
}

.jw-paypal:before {
    content: "\e92a"
}

.jw-aggrepay:before {
    content: "\e928"
}

.jw-razorpay:before {
    content: "\e929"
}

.jw-yaarpay:before {
    content: "\e927"
}

.jw-line:before {
    content: "\e926"
}

.jw-paytm:before {
    content: "\e900"
}

.jw-upi:before {
    content: "\e901"
}

.jw-phonepe:before {
    content: "\e902"
}

.jw-cashthru:before {
    content: "\e903"
}

.jw-astropay:before {
    content: "\e904"
}

.jw-easypay:before {
    content: "\e905"
}

.jw-bank-transfer:before {
    content: "\e906"
}

.jw-trophy:before {
    content: "\e907"
}

.jw-football:before {
    content: "\e908"
}

.jw-all:before {
    content: "\e909"
}

.jw-joystick:before {
    content: "\e90a"
}

.jw-casinolive:before {
    content: "\e90b"
}

.jw-egames:before {
    content: "\e90c"
}

.jw-fishing:before {
    content: "\e90d"
}

.jw-slot:before {
    content: "\e90e"
}

.jw-table:before {
    content: "\e90f"
}

.jw-gamepad:before {
    content: "\e910"
}

.jw-coins:before {
    content: "\e911"
}

.jw-loyalty:before {
    content: "\e912"
}

.jw-wallet:before {
    content: "\e913"
}

.jw-money:before {
    content: "\e914"
}

.jw-credit:before {
    content: "\e915"
}

.jw-rupee-o:before {
    content: "\e916"
}

.jw-partners:before {
    content: "\e917"
}

.jw-loyalty-2:before {
    content: "\e918"
}

.jw-andarbahar:before {
    content: "\e919"
}

.jw-arcade:before {
    content: "\e91a"
}

.jw-baccarat:before {
    content: "\e91b"
}

.jw-blackjack:before {
    content: "\e91c"
}

.jw-cricket:before {
    content: "\e91d"
}

.jw-featured:before {
    content: "\e91e"
}

.jw-fish:before {
    content: "\e91f"
}

.jw-jackpot:before {
    content: "\e920"
}

.jw-new:before {
    content: "\e921"
}

.jw-playforfun:before {
    content: "\e922"
}

.jw-poker:before {
    content: "\e923"
}

.jw-roulette:before {
    content: "\e924"
}

.jw-toprated:before {
    content: "\e925"
}

.homeIcon[data-v-83649ba6] {
    display: none;
    margin-right: 20px
}

.toolbar-logo[data-v-83649ba6] {
    width: 70px;
    cursor: pointer
}

.toolbar-logo img[data-v-83649ba6] {
    width: 100%
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .homeIcon[data-v-83649ba6] {
        display: inline
    }
    .toolbar-logo[data-v-83649ba6] {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .homeIcon[data-v-83649ba6] {
        margin-right: 5px;
        font-size: 1.5rem
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .homeIcon[data-v-83649ba6] {
        margin-right: 10px;
        font-size: 1.5rem
    }
}

.menu__content.eventMessageMenu.menuable__content__active {
    left: -270px !important
}

.eventMessageMenu.menu__content {
    box-shadow: none !important
}

.eventMessageMenu:after {
    position: absolute;
    top: -18px;
    right: 0;
    font-size: 3rem;
    color: #dfe6ea;
    content: "\f360";
    font-family: Material Design Icons
}

.unreadEventBadge .badge__badge {
    width: 5px;
    height: 5px;
    top: 7px;
    right: 7px
}

.unreadBadgeTab .badge__badge {
    width: 5px;
    height: 5px;
    top: -5px;
    left: 18px
}

.eventMessgaeIcon {
    font-size: 1.2rem;
    padding: 10px
}

.eventMessgaeIcon.animate {
    -webkit-animation: nudge 2s infinite;
    animation: nudge 2s infinite
}

.eventMessageWrapper {
    background-color: #dfe6ea;
    height: auto;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    margin-top: 20px
}

.eventMessageWrapper .eventMessageContainer {
    /* margin-right: -15px */
}

.eventMessageWrapper .eventMessageContainer .tabs__items {
    margin-top: 5px;
    margin-bottom: -15px
}

.eventMessageWrapper .event-type-tabs .icon {
    font-size: 1.2rem;
    color: #8f99a3
}

.eventMessageWrapper .event-type-tabs .tabs__container {
    padding: 0 30px
}

.eventMessageWrapper .event-type-tabs .tabs__div {
    margin: 15px;
    height: 45px;
    width: 45px
}

.eventMessageWrapper .event-type-tabs .tabs__slider.primary {
    background-color: transparent !important
}

.eventMessageWrapper .event-type-tabs .tabs__item {
    transition: none
}

.eventMessageWrapper .event-type-tabs a.tabs__item.tabs__item--active {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .2)
}

.eventMessageWrapper ul {
    padding: 0 10px 10px;
    height: 340px;
    overflow: scroll;
    display: flex;
    flex-direction: column
}

.eventMessageWrapper ul li:nth-last-child(2) {
    margin-bottom: 10px
}

.eventMessageWrapper ul li.message-card {
    background-color: #ebf3f6;
    border-radius: 10px;
    margin-top: 10px;
    padding: 6px 12px;
    color: #8f99a3;
    font-size: .8rem;
    cursor: pointer;
    min-height: 80px;
    box-shadow: 0 2px 5px 2px rgba(0, 0, 0, .1)
}

.eventMessageWrapper ul li.message-card .messageTitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.eventMessageWrapper ul li.message-card span {
    color: #8f99a3;
    font-weight: 700
}

.eventMessageWrapper ul li.message-card:first-child,
.eventMessageWrapper ul li.message-card:last-child {
    margin-top: 0;
    margin-bottom: 0
}

.eventMessageWrapper ul li.message-card .desc {
    max-height: 40px;
    overflow: hidden;
    margin-top: 3px
}

.eventMessageWrapper ul li.message-card .desc p {
    line-height: 20px
}

.eventMessageWrapper ul li.message-card .desc p span {
    font-weight: 400;
    color: #8f99a3
}

.eventMessageWrapper ul li.message-card.unread {
    background-color: #fff
}

.eventMessageWrapper ul li.message-card.unread span {
    color: #f9bb22
}

.eventMessageWrapper ul li.viewall {
    text-align: center;
    font-size: 1rem;
    margin: auto 0 10px;
    padding-bottom: 10px
}

.eventMessageWrapper ul li.viewall>span {
    margin-bottom: 0;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.eventMessageWrapper ul li.viewall>span i {
    margin-left: -5px;
    font-size: 1rem;
    color: #8f99a3;
    transition: all .3s ease
}

.eventMessageWrapper ul li.viewall>span:hover {
    font-weight: 700
}

.eventMessageWrapper ul li.viewall>span:hover i {
    margin-left: 0
}

@-webkit-keyframes nudge {
    0% {
        transform: rotate(-20deg)
    }
    5% {
        transform: rotate(20deg)
    }
    10% {
        transform: rotate(-10deg)
    }
    15% {
        transform: rotate(10deg)
    }
    20% {
        transform: rotate(-5deg)
    }
    25% {
        transform: rotate(5deg)
    }
    30% {
        transform: rotate(0deg)
    }
}

@keyframes nudge {
    0% {
        transform: rotate(-20deg)
    }
    5% {
        transform: rotate(20deg)
    }
    10% {
        transform: rotate(-10deg)
    }
    15% {
        transform: rotate(10deg)
    }
    20% {
        transform: rotate(-5deg)
    }
    25% {
        transform: rotate(5deg)
    }
    30% {
        transform: rotate(0deg)
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .eventMessageMenu:after {
        top: -10px
    }
    .eventMessageWrapper ul li .desc {
        max-height: 35px
    }
    .eventMessageWrapper ul {
        padding: 0 25px 10px 10px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .eventMessageWrapper {
        margin-top: 16px
    }
    .eventMessageMenu:after {
        top: -15px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .unreadEventBadge .badge__badge {
        top: 0;
        right: 3px
    }
    .eventMessgaeIcon {
        padding: 0 !important;
        margin: 0 5px
    }
}

.rightDrawerIcon[data-v-1cb783b6] {
    padding: 10px;
    font-size: 1.2rem
}

.rightDrawerHolder[data-v-1cb783b6] {
    padding-bottom: 0;
    background-color: #212325 !important
}

.rightDrawerHolder .drawerHeader[data-v-1cb783b6] {
    background-color: #111;
    padding: 40px;
    color: #8f99a3;
    position: relative
}

.rightDrawerHolder .drawerHeader .close[data-v-1cb783b6] {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px
}

.rightDrawerHolder .drawerHeader .logo[data-v-1cb783b6] {
    width: 120px;
    margin: 0 auto 15px
}

.rightDrawerHolder .drawerHeader .logo img[data-v-1cb783b6] {
    width: 100%
}

.rightDrawerHolder .drawerHeader .logo .ver[data-v-1cb783b6] {
    font-family: Teko, sans-serif;
    float: right;
    color: #fff;
    margin-top: -5px
}

.rightDrawerHolder .drawerHeader .logo .ver strong[data-v-1cb783b6] {
    color: #f9bb22
}

.rightDrawerHolder .drawerHeader ul.langSwitcher[data-v-1cb783b6] {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li[data-v-1cb783b6] {
    font-weight: 300;
    text-transform: capitalize;
    margin-right: 15px;
    font-size: .8rem
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a[data-v-1cb783b6] {
    color: #8f99a3;
    display: flex;
    flex-direction: column;
    align-items: center
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a p[data-v-1cb783b6] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    background-color: #1a1a1a;
    width: 50px;
    border: 2px solid transparent;
    box-shadow: inset 0 0 0 2px transparent;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    margin-bottom: 5px;
    transition: all .3s ease
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a.nuxt-link-exact-active p[data-v-1cb783b6],
.rightDrawerHolder .drawerHeader ul.langSwitcher li a:hover p[data-v-1cb783b6] {
    border: 2px solid #f9bb22
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a.nuxt-link-exact-active[data-v-1cb783b6] {
    color: #fff
}

.rightDrawerHolder .drawerHeader p[data-v-1cb783b6] {
    font-size: 1rem;
    margin-bottom: 0;
    text-align: left
}

.rightDrawerHolder .drawerHeader p.username[data-v-1cb783b6] {
    color: #f1f1f1
}

.rightDrawerHolder .drawer-links ul[data-v-1cb783b6] {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.rightDrawerHolder .drawer-links ul .nuxt-link-exact-active[data-v-1cb783b6] {
    background-color: #292c2f
}

.rightDrawerHolder .drawer-links ul li a[data-v-1cb783b6] {
    color: #8f99a3;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px 20px;
    display: block;
    margin: 10px 0;
    border-radius: 10px;
    transition: all .3s ease;
    font-size: .9rem
}

.rightDrawerHolder .drawer-links ul li a i[data-v-1cb783b6] {
    color: #a2ce2d;
    margin-right: 20px;
    transition: all .3s ease
}

.rightDrawerHolder .drawer-links ul li a[data-v-1cb783b6]:hover {
    background-color: #292c2f
}

.rightDrawerHolder .drawer-links ul li.highlight a[data-v-1cb783b6] {
    -webkit-animation: highlight-data-v-1cb783b6 2s infinite;
    animation: highlight-data-v-1cb783b6 2s infinite
}

.rightDrawerHolder .drawer-links ul li .logoutIcon[data-v-1cb783b6] {
    color: #da4a4c
}

.rightDrawerHolder .drawer-links ul.lastchild[data-v-1cb783b6] {
    padding: 0;
    border-bottom: none
}

.rightDrawerHolder .drawer-links ul.lastchild li a[data-v-1cb783b6] {
    background-color: transparent
}

@-webkit-keyframes highlight-data-v-1cb783b6 {
    0% {
        color: #f9bb22
    }
    50% {
        color: #fff
    }
    to {
        color: #f9bb22
    }
}

@keyframes highlight-data-v-1cb783b6 {
    0% {
        color: #f9bb22
    }
    50% {
        color: #fff
    }
    to {
        color: #f9bb22
    }
}

.rightDrawerIcon[data-v-1cb783b6] {
    padding: 10px;
    font-size: 1.2rem
}

.rightDrawerHolder[data-v-1cb783b6] {
    padding-bottom: 0;
    background-color: #212325 !important
}

.rightDrawerHolder .drawerHeader[data-v-1cb783b6] {
    background-color: #111;
    padding: 40px;
    color: #8f99a3;
    position: relative
}

.rightDrawerHolder .drawerHeader .close[data-v-1cb783b6] {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px
}

.rightDrawerHolder .drawerHeader .logo[data-v-1cb783b6] {
    width: 120px;
    margin: 0 auto 15px
}

.rightDrawerHolder .drawerHeader .logo img[data-v-1cb783b6] {
    width: 100%
}

.rightDrawerHolder .drawerHeader .logo .ver[data-v-1cb783b6] {
    font-family: Teko, sans-serif;
    float: right;
    color: #fff;
    margin-top: -5px
}

.rightDrawerHolder .drawerHeader .logo .ver strong[data-v-1cb783b6] {
    color: #f9bb22
}

.rightDrawerHolder .drawerHeader ul.langSwitcher[data-v-1cb783b6] {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li[data-v-1cb783b6] {
    font-weight: 300;
    text-transform: capitalize;
    margin-right: 15px;
    font-size: .8rem
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a[data-v-1cb783b6] {
    color: #8f99a3;
    display: flex;
    flex-direction: column;
    align-items: center
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a p[data-v-1cb783b6] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    background-color: #1a1a1a;
    width: 50px;
    border: 2px solid transparent;
    box-shadow: inset 0 0 0 2px transparent;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
    margin-bottom: 5px;
    transition: all .3s ease
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a.nuxt-link-exact-active p[data-v-1cb783b6],
.rightDrawerHolder .drawerHeader ul.langSwitcher li a:hover p[data-v-1cb783b6] {
    border: 2px solid #f9bb22
}

.rightDrawerHolder .drawerHeader ul.langSwitcher li a.nuxt-link-exact-active[data-v-1cb783b6] {
    color: #fff
}

.rightDrawerHolder .drawerHeader p[data-v-1cb783b6] {
    font-size: 1rem;
    margin-bottom: 0;
    text-align: left
}

.rightDrawerHolder .drawerHeader p.username[data-v-1cb783b6] {
    color: #f1f1f1
}

.rightDrawerHolder .drawer-links ul[data-v-1cb783b6] {
    margin: 0 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.rightDrawerHolder .drawer-links ul .nuxt-link-exact-active[data-v-1cb783b6] {
    background-color: #292c2f
}

.rightDrawerHolder .drawer-links ul li a[data-v-1cb783b6] {
    color: #8f99a3;
    text-transform: uppercase;
    font-weight: 800;
    padding: 10px 20px;
    display: block;
    margin: 10px 0;
    border-radius: 10px;
    transition: all .3s ease;
    font-size: .9rem
}

.rightDrawerHolder .drawer-links ul li a i[data-v-1cb783b6] {
    color: #a2ce2d;
    margin-right: 20px;
    transition: all .3s ease
}

.rightDrawerHolder .drawer-links ul li a[data-v-1cb783b6]:hover {
    background-color: #292c2f
}

.rightDrawerHolder .drawer-links ul li.highlight a[data-v-1cb783b6] {
    -webkit-animation: highlight-data-v-1cb783b6 2s infinite;
    animation: highlight-data-v-1cb783b6 2s infinite
}

.rightDrawerHolder .drawer-links ul li .logoutIcon[data-v-1cb783b6] {
    color: #da4a4c
}

.rightDrawerHolder .drawer-links ul.lastchild[data-v-1cb783b6] {
    padding: 0;
    border-bottom: none
}

.rightDrawerHolder .drawer-links ul.lastchild li a[data-v-1cb783b6] {
    background-color: transparent
}

@-webkit-keyframes highlight-data-v-1cb783b6 {
    0% {
        color: #f9bb22
    }
    50% {
        color: #fff
    }
    to {
        color: #f9bb22
    }
}

@keyframes highlight-data-v-1cb783b6 {
    0% {
        color: #f9bb22
    }
    50% {
        color: #fff
    }
    to {
        color: #f9bb22
    }
}

.menuWrapper:after {
    position: absolute;
    top: -24.5px;
    right: 0;
    font-size: 2rem;
    color: #fff;
    content: "\f360";
    font-family: Material Design Icons
}

ul.menulist li span.badge__badge {
    font-size: .8rem;
    top: -5px;
    right: -28px;
    border-radius: 30%;
    width: auto;
    height: auto;
    padding: 1px 2.5px
}

ul.menulist li .icon-lucky-draw {
    width: 25px;
    margin-right: 10px;
    display: inline-block
}

ul.menulist li .badge-spin-count span.badge__badge {
    right: -20px
}

.detail .menu__content {
    border-radius: 10px
}

.teko[data-v-d3b7690c] {
    font-family: Teko, sans-serif;
    font-size: 1.4rem
}

.low-balance-holder[data-v-d3b7690c] {
    display: flex;
    background: #fff;
    width: 255px;
    position: absolute;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: -65px
}

.low-balance-holder a[data-v-d3b7690c] {
    box-shadow: 0 0 0 !important;
    width: 90%
}

.low-balance-holder[data-v-d3b7690c]:before {
    font-family: Material Design Icons;
    color: #fff;
    font-size: 36px;
    content: "\f360";
    position: absolute;
    top: -30px;
    left: 70%
}

.low-balance-holder .toast-content-wrapper[data-v-d3b7690c] {
    display: flex;
    width: 80%;
    margin: auto
}

.low-balance-holder .toast-content-wrapper p[data-v-d3b7690c] {
    font-size: .75rem;
    color: #1a1a1a;
    line-height: 14px;
    padding: 10px;
    margin: 0
}

.low-balance-holder .icon-close[data-v-d3b7690c] {
    margin: 0 6px;
    position: absolute;
    right: 0
}

.low-balance-holder .icon-close .icon[data-v-d3b7690c] {
    font-size: 14px;
    color: #1a1a1a;
    cursor: pointer
}

.detail>ul[data-v-d3b7690c] {
    display: flex;
    justify-content: center;
    align-items: center
}

.detail>ul>li[data-v-d3b7690c] {
    margin: 0 20px
}

.detail>ul>li button[data-v-d3b7690c] {
    margin-left: -15px;
    color: #f9bb22;
    background-color: #1a1a1a !important
}

.detail>ul>li>a[data-v-d3b7690c] {
    background-color: #1a1a1a;
    padding: 5px 15px;
    border-radius: 40px;
    color: #fff;
    display: block;
    text-align: right
}

.detail>ul>li>a i[data-v-d3b7690c] {
    margin-right: 5px;
    color: #f9bb22
}

.detail>ul>li>a i[data-v-d3b7690c]:first-child {
    float: left;
    margin-top: 2px
}

.detail>ul>li>a .addbalance[data-v-d3b7690c] {
    color: #a2ce2d;
    margin-left: 10px;
    margin-right: -5px;
    font-size: 2rem
}

.detail>ul>li>a.balance[data-v-d3b7690c] {
    width: 200px
}

.detail>ul>li>a.loyalty[data-v-d3b7690c] {
    width: 140px
}

.detail>ul>li.lowBalance a[data-v-d3b7690c] {
    box-shadow: 0 0 15px #da4a4c
}

.detail>ul>li.lowBalance a i[data-v-d3b7690c] {
    color: #da4a4c
}

.detail>ul>li.lowBalance a i.addbalance[data-v-d3b7690c] {
    -webkit-animation: heartbeat-data-v-d3b7690c 5s infinite;
    animation: heartbeat-data-v-d3b7690c 5s infinite
}

.detail>ul>li.upTier a[data-v-d3b7690c] {
    border: 2px solid #a2ce2d
}

.detail>ul>li.upTier a i[data-v-d3b7690c] {
    color: #a2ce2d
}

p.username[data-v-d3b7690c] {
    margin-bottom: 0
}

p.username i[data-v-d3b7690c] {
    color: #f9bb22
}

p.username i.userIcon[data-v-d3b7690c] {
    display: none
}

ul.menulist[data-v-d3b7690c] {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    margin-top: 10px
}

ul.menulist .divider[data-v-d3b7690c],
ul.menulist .languageSwitchWrap[data-v-d3b7690c] {
    display: none
}

ul.menulist li[data-v-d3b7690c] {
    margin: 10px 0;
    padding: 0 6px
}

ul.menulist li .langText[data-v-d3b7690c],
ul.menulist li a[data-v-d3b7690c] {
    color: #8f99a3;
    display: block;
    font-weight: 600;
    transition: all .3s ease
}

ul.menulist li .langText i[data-v-d3b7690c],
ul.menulist li a i[data-v-d3b7690c] {
    color: #8f99a3;
    opacity: .5;
    margin-right: 15px;
    transition: all .3s ease;
    font-size: 1.3rem
}

ul.menulist li[data-v-d3b7690c]:first-child {
    margin: 0
}

ul.menulist li:hover a[data-v-d3b7690c],
ul.menulist li:hover a i[data-v-d3b7690c] {
    color: #f9bb22
}

.rotate[data-v-d3b7690c] {
    -webkit-animation: spinaa-data-v-d3b7690c 1s linear infinite forwards;
    animation: spinaa-data-v-d3b7690c 1s linear infinite forwards
}

@-webkit-keyframes heartbeat-data-v-d3b7690c {
    0% {
        transform: scale(.8)
    }
    2% {
        transform: scale(1.1)
    }
    4% {
        transform: scale(.9)
    }
    6% {
        transform: scale(1)
    }
}

@keyframes heartbeat-data-v-d3b7690c {
    0% {
        transform: scale(.8)
    }
    2% {
        transform: scale(1.1)
    }
    4% {
        transform: scale(.9)
    }
    6% {
        transform: scale(1)
    }
}

@-webkit-keyframes spinaa-data-v-d3b7690c {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes spinaa-data-v-d3b7690c {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .menuWrapper:after {
        top: -14px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .menuWrapper:after {
        top: -18px;
        font-size: 2.2rem
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .detail>ul>li[data-v-d3b7690c] {
        margin: 0 7px
    }
    .detail>ul>li button[data-v-d3b7690c] {
        margin-left: -5px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .detail[data-v-d3b7690c] {
        width: 90%
    }
    .detail>ul[data-v-d3b7690c] {
        justify-content: flex-start
    }
    .detail>ul>li[data-v-d3b7690c]:first-child,
    .detail>ul>li button[data-v-d3b7690c] {
        margin-left: 0
    }
    .detail>ul>li[data-v-d3b7690c]:last-child {
        flex-grow: 2;
        text-align: right
    }
    .detail>ul>li:last-child ul li[data-v-d3b7690c] {
        text-align: left
    }
    .detail>ul span.fullusername[data-v-d3b7690c] {
        display: none
    }
    .detail>ul p.username[data-v-d3b7690c] {
        background-color: #1a1a1a;
        border-radius: 50%;
        margin-right: 10px
    }
    .detail>ul i.userIcon[data-v-d3b7690c] {
        font-size: 1.2rem;
        display: block;
        color: #fff;
        padding: 10px
    }
    .languageSwitchWrap[data-v-d3b7690c] {
        display: flex !important;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: 1.42em
    }
    .languageSwitchWrap li[data-v-d3b7690c] {
        margin: 0 0 5px !important
    }
    .languageSwitchWrap li img[data-v-d3b7690c] {
        width: 20px;
        height: 14px
    }
    .languageSwitchWrap .flag-wrapper[data-v-d3b7690c] {
        position: absolute;
        right: 0;
        display: flex;
        margin-right: 5px
    }
    .divider[data-v-d3b7690c] {
        display: block !important;
        border-color: transparent !important
    }
}


/* @media only screen and (min-width:0px) and (max-width:640px) {
	.detail>ul>li>a[data-v-d3b7690c] {
		padding: 2px 10px
	}
	.detail>ul>li>a.loyalty[data-v-d3b7690c] {
		width: 120px
	}
	.detail>ul>li>a.balance[data-v-d3b7690c] {
		width: 150px
	}
	.detail>ul>li>a i[data-v-d3b7690c] {
		font-size: 1.25rem;
		margin-top: 4px!important
	}
	.detail>ul>li>a .addbalance[data-v-d3b7690c] {
		margin-top: 0!important;
		font-size: 1.5rem;
		margin-left: 0;
		margin-right: -5px
	}
	.detail>ul>li button[data-v-d3b7690c] {
		width: 32px;
		height: 32px
	}
} */

@media only screen and (min-width:0px) and (max-width:480px) {
    .low-balance-holder[data-v-d3b7690c] {
        left: 20px;
        margin-left: 0
    }
    .detail>ul>li[data-v-d3b7690c] {
        margin: 0 3px
    }
    .detail>ul>li>a.loyalty[data-v-d3b7690c] {
        width: 85px
    }
    .detail>ul>li>a.balance[data-v-d3b7690c] {
        width: 120px
    }
    .detail>ul>li>a i[data-v-d3b7690c] {
        font-size: 1rem;
        margin-top: 4px !important
    }
    .detail>ul>li>a .addbalance[data-v-d3b7690c] {
        font-size: 1.2rem;
        margin-right: -5px
    }
    .detail>ul>li button[data-v-d3b7690c] {
        width: 27px;
        height: 27px;
        margin: 0
    }
    .teko[data-v-d3b7690c] {
        font-size: 1.1rem
    }
    ul.menulist[data-v-d3b7690c] {
        margin-top: 5px
    }
    ul.menulist .langText[data-v-d3b7690c] {
        display: flex !important
    }
    ul.menulist .langText li[data-v-d3b7690c] {
        margin: 0 0 5px;
        padding: 0
    }
    ul.menulist .langText li[data-v-d3b7690c]:first-child {
        margin-right: 10px
    }
    ul.menulist .langText li[data-v-d3b7690c]:nth-child(2) {
        margin-left: 10px
    }
    ul.menulist .langText li img[data-v-d3b7690c] {
        width: 20px
    }
    p.username[data-v-d3b7690c] {
        margin-right: 0 !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .low-balance-holder[data-v-d3b7690c] {
        left: 10px
    }
    .low-balance-holder[data-v-d3b7690c]:before {
        left: 50%
    }
    .detail>ul>li[data-v-d3b7690c] {
        margin: 0 3px
    }
    .detail>ul>li>a.loyalty[data-v-d3b7690c] {
        width: 75px;
        padding: 2px 5px
    }
    .detail>ul>li>a.loyalty i[data-v-d3b7690c] {
        margin-right: 0 !important
    }
    .detail>ul>li>a.balance[data-v-d3b7690c] {
        width: 100px
    }
    .detail>ul>li>a i[data-v-d3b7690c] {
        font-size: 1rem;
        margin-top: 4px !important
    }
    .detail>ul>li>a .addbalance[data-v-d3b7690c] {
        font-size: 1.2rem;
        margin-right: -5px
    }
    .detail>ul>li button[data-v-d3b7690c] {
        width: 27px;
        height: 27px
    }
    .teko[data-v-d3b7690c] {
        font-size: 1.2rem
    }
    i.userIcon[data-v-d3b7690c] {
        padding: 0 !important;
        max-height: 27px
    }
}

.loginWrapper {
    display: flex;
    margin-right: 40px
}

.loginWrapper .error-container {
    position: absolute;
    top: 4px;
    right: 5px
}

.loginWrapper .error-container .errorList {
    font-size: .8rem
}

form.horizontal {
    display: flex
}

form.horizontal .form-input .form-group {
    position: relative;
    margin: 0 10px;
    display: flex
}

form.horizontal .form-input .form-group>div {
    position: relative
}

form.horizontal .form-input .form-group input {
    font-size: 1rem
}

form.horizontal .form-input .form-group label {
    float: right;
    color: #8f99a3;
    font-size: .8rem
}

form.horizontal .form-input .form-group label input {
    vertical-align: bottom
}

form.horizontal .form-input .form-group a {
    text-decoration: none;
    color: #8f99a3;
    font-size: .8rem;
    float: right
}

form.horizontal .form-input .form-group .input-group {
    padding: 0 5px
}

form.horizontal .form-input .form-group .error-container {
    position: absolute;
    top: 4px;
    right: 5px
}

form.horizontal .form-input .form-group .error-container .errorList {
    font-size: .8rem
}

form.horizontal .form-input .form-group.loginOption {
    display: flex;
    padding-top: 5px
}

form.horizontal .form-input .form-group.loginOption label {
    width: 50%;
    text-align: right;
    cursor: pointer;
    padding: 6px 5px 0 0
}

form.horizontal .form-input .form-group .loginErrorWrapper {
    text-align: right;
    font-size: .7rem;
    position: absolute;
    right: 5px;
    bottom: -15px;
    color: #da4a4c
}

.loginbutton {
    display: none
}

.sign-upbtn {
    margin-left: 40px !important
}

.btnLogin {
    height: 45px
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .loginWrapper[data-v-2f82cb31] {
        margin-right: 20px
    }
    .sign-upbtn[data-v-2f82cb31] {
        margin-left: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    form.horizontal[data-v-2f82cb31] {
        display: none
    }
    .loginbutton[data-v-2f82cb31] {
        display: inline
    }
    .loginWrapper[data-v-2f82cb31] {
        display: flex;
        justify-content: flex-end;
        flex-grow: 2
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .loginWrapper[data-v-2f82cb31] {
        justify-content: flex-start
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .jwbtn[data-v-2f82cb31] {
        padding: 7px 12px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .loginWrapper[data-v-2f82cb31] {
        width: 70%;
        margin-right: 0
    }
    .sign-upbtn[data-v-2f82cb31] {
        margin-left: 10px !important
    }
}

@media only screen and (min-width:0px) and (max-width:359px) {
    .loginWrapper[data-v-2f82cb31] {
        width: 80%
    }
    .loginbutton .jwbtn-primary-transparent[data-v-2f82cb31] {
        padding: 8px 10px;
        margin: 6px 8px;
        min-width: 80px;
        font-size: .8rem
    }
    .jwbtn-primary.sign-upbtn[data-v-2f82cb31] {
        padding: 8px 10px;
        margin: 6px 8px;
        min-width: 80px;
        font-size: .77rem
    }
    .sign-upbtn[data-v-2f82cb31] {
        margin-left: 10px !important
    }
    .loginbutton .jwbtn[data-v-2f82cb31],
    .signupButton .jwbtn[data-v-2f82cb31] {
        min-width: 95px;
        padding: 7px 10px
    }
}

.primaryToolbar[data-v-6c9df1fc] {
    position: relative;
    z-index: 1003;
    padding: 10px 0;
    width: 100%;
    background-color: #111;
    box-shadow: 0 0 10px #000
}

.primaryToolbar .toolbar-wrapper[data-v-6c9df1fc] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.primaryToolbar .multiLangWrapper[data-v-6c9df1fc],
.primaryToolbar .show[data-v-6c9df1fc] {
    margin-right: 10px
}

.primaryToolbar .multiLangWrapper .langSelected[data-v-6c9df1fc],
.primaryToolbar .show .langSelected[data-v-6c9df1fc] {
    display: flex;
    overflow: hidden;
    background: #1a1a1a;
    border-radius: 50%;
    padding: 8px
}

.primaryToolbar .multiLangWrapper .langSelected .langLabel[data-v-6c9df1fc],
.primaryToolbar .show .langSelected .langLabel[data-v-6c9df1fc] {
    text-transform: uppercase;
    margin-left: 5px
}

.primaryToolbar .multiLangWrapper .langSelected img[data-v-6c9df1fc],
.primaryToolbar .show .langSelected img[data-v-6c9df1fc] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    vertical-align: text-top
}

.fontResize[data-v-6c9df1fc] {
    font-size: 15px !important
}

.langTooltip[data-v-6c9df1fc] {
    margin: auto
}

.langSwitcher[data-v-6c9df1fc] {
    background-color: #111
}

.langSwitcher a[data-v-6c9df1fc] {
    color: #fff
}

.langSwitcher .langList[data-v-6c9df1fc] {
    text-align: right;
    padding: 10px 5px
}

.langSwitcher .langList .flag[data-v-6c9df1fc] {
    width: 20px;
    height: 12px;
    vertical-align: middle
}

.right-section[data-v-6c9df1fc] {
    display: flex;
    justify-content: center;
    align-items: center
}

.right-section .eventMessage[data-v-6c9df1fc] {
    margin: auto;
    background-color: #1a1a1a;
    border-radius: 50%
}

.right-section .rightDrawer[data-v-6c9df1fc] {
    cursor: pointer;
    background: #1a1a1a;
    border-radius: 50%;
    margin-left: 10px
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .right-section .eventMessage[data-v-6c9df1fc] {
        margin-right: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    .multiLangWrapper[data-v-6c9df1fc],
    .show[data-v-6c9df1fc] {
        margin-right: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .langLabel[data-v-6c9df1fc] {
        margin-left: 0 !important;
        display: block
    }
    .right-section[data-v-6c9df1fc] {
        width: 100%
    }
    .multiLangWrapper[data-v-6c9df1fc] {
        display: none !important
    }
    .show[data-v-6c9df1fc] {
        display: block !important
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .primaryToolbar[data-v-6c9df1fc] {
        padding: 5px 0
    }
    .right-section .eventMessage[data-v-6c9df1fc] {
        margin-right: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .right-section .eventMessage[data-v-6c9df1fc] {
        margin-right: 7px
    }
    .multiLangWrapper[data-v-6c9df1fc] {
        display: none !important
    }
    .show[data-v-6c9df1fc] {
        display: block !important
    }
    .right-section .eventMessage[data-v-6c9df1fc] {
        margin: 0 !important
    }
    .rightDrawer[data-v-6c9df1fc] {
        margin-left: 3px !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .primaryToolbar[data-v-6c9df1fc] {
        width: 100%;
        margin-left: 2px
    }
    .primaryToolbar .container[data-v-6c9df1fc] {
        padding: 0 2px
    }
    .toolbar-wrapper[data-v-6c9df1fc] {
        width: 98%
    }
    .right-section[data-v-6c9df1fc] {
        margin-left: 5px
    }
    .eventMessage[data-v-6c9df1fc] {
        text-align: center;
        background: transparent !important
    }
}

@media only screen and (min-width:0px) and (max-width:320px) {
    .toolbar-wrapper[data-v-6c9df1fc] {
        width: 95%
    }
}

.secondaryToolbar[data-v-12f1b9ac] {
    width: 100%;
    display: block;
    background-color: #1a1a1a;
    position: relative;
    z-index: 1000
}

.secondaryToolbar .container[data-v-12f1b9ac] {
    padding: 0;
    display: flex
}

.secondaryToolbar ul[data-v-12f1b9ac] {
    white-space: nowrap
}

.secondaryToolbar ul li.downloadListWrapper[data-v-12f1b9ac] {
    height: 100%
}

.secondaryToolbar ul li.downloadListWrapper a[data-v-12f1b9ac] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.secondaryToolbar ul li.downloadListWrapper a i[data-v-12f1b9ac] {
    margin: 0
}

.secondaryToolbar ul li.downloadListWrapper a:hover .downloadAppTxt[data-v-12f1b9ac] {
    visibility: visible;
    width: auto;
    opacity: 1;
    margin-left: 10px
}

.secondaryToolbar ul li.downloadListWrapper a .downloadAppTxt[data-v-12f1b9ac] {
    visibility: hidden;
    width: 0;
    transition: width 1s, opacity 1s;
    transition-timing-function: ease-in-out;
    opacity: 0
}

.secondaryToolbar ul li a[data-v-12f1b9ac] {
    color: #8f99a3;
    padding: 15px;
    display: block;
    transition: all .3s ease;
    position: relative;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase
}

.secondaryToolbar ul li a i[data-v-12f1b9ac] {
    color: #8f99a3;
    margin-right: 10px;
    margin-top: -3px;
    font-size: 1.2rem
}

.secondaryToolbar ul li a span[data-v-12f1b9ac] {
    white-space: nowrap
}

.secondaryToolbar ul li a.nuxt-link-active[data-v-12f1b9ac],
.secondaryToolbar ul li a[data-v-12f1b9ac]:hover {
    position: relative;
    color: #fff
}

.secondaryToolbar ul li a.nuxt-link-active i[data-v-12f1b9ac],
.secondaryToolbar ul li a:hover i[data-v-12f1b9ac] {
    color: #fff
}

.secondaryToolbar ul li a.downloadApp[data-v-12f1b9ac] {
    background-color: hsla(0, 0%, 100%, .1);
    position: relative;
    color: #fff
}

.secondaryToolbar ul li a.downloadApp i[data-v-12f1b9ac] {
    color: #fff
}

.secondaryToolbar ul li a.downloadApp img[data-v-12f1b9ac] {
    position: absolute;
    top: 0;
    left: 0;
    cursor: none;
    visibility: hidden;
    transform: scale(0);
    width: 200px;
    transition: all .3s ease;
    z-index: 10
}

.secondaryToolbar ul.navigation[data-v-12f1b9ac] {
    display: flex;
    overflow-y: auto
}

.secondaryToolbar ul.navigation li[data-v-12f1b9ac] {
    margin: 0 5px
}

.secondaryToolbar .active[data-v-12f1b9ac],
.secondaryToolbar .active i[data-v-12f1b9ac] {
    color: #fff
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    .downloadAppTxt[data-v-12f1b9ac] {
        display: none !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .secondaryToolbar ul li a[data-v-12f1b9ac] {
        padding: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .secondaryToolbar ul li a[data-v-12f1b9ac] {
        text-align: center;
        padding: 7px;
        font-size: .934rem
    }
    .secondaryToolbar ul li a span[data-v-12f1b9ac] {
        display: block
    }
    .secondaryToolbar ul li a i[data-v-12f1b9ac] {
        margin: 0
    }
}

ul.footerLink[data-v-4b10965f] {
    display: flex;
    justify-content: space-around;
    margin: 0 auto
}

ul.footerLink li[data-v-4b10965f] {
    margin-right: 30px
}

ul.footerLink li[data-v-4b10965f]:last-child {
    margin-right: 0
}

ul.footerLink li.footerLogo[data-v-4b10965f] {
    margin-top: 20px;
    width: 20%;
    text-align: center
}

ul.footerLink li.footerLogo p[data-v-4b10965f] {
    margin: 15px auto;
    font-size: .8rem;
    width: 70%;
    line-height: 1.5rem
}

ul.footerLink li.footerLogo p span[data-v-4b10965f] {
    color: #f9bb22
}

ul.footerLink li.footerLogo .footer-logo[data-v-4b10965f] {
    width: 100px;
    margin: 0 auto
}

ul.footerLink li.footerLogo .footer-logo img[data-v-4b10965f] {
    width: 100%
}

ul.footerLink li.socialIcons[data-v-4b10965f] {
    width: 15%
}

ul.footerLink li h3[data-v-4b10965f] {
    text-transform: uppercase;
    margin-bottom: 10px
}

ul.footerLink li h3.social-title[data-v-4b10965f] {
    padding: 0 10px;
    text-align: center
}

ul.footerLink li ul.submenu li[data-v-4b10965f] {
    padding: 3px 0;
    font-size: .9rem
}

ul.footerLink li ul.submenu li a[data-v-4b10965f] {
    color: #8f99a3;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

ul.footerLink li ul.submenu li a[data-v-4b10965f]:hover {
    color: #f9bb22
}

ul.footerLink li ul.submenu.social-icons[data-v-4b10965f] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

ul.footerLink li ul.submenu.social-icons li[data-v-4b10965f] {
    text-align: center;
    margin: 10px
}

ul.footerLink li ul.submenu.social-icons li a[data-v-4b10965f] {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

ul.footerLink li ul.submenu.social-icons li a.facebook[data-v-4b10965f] {
    background-color: #3a5999
}

ul.footerLink li ul.submenu.social-icons li a.facebook:hover i[data-v-4b10965f] {
    color: #3a5999
}

ul.footerLink li ul.submenu.social-icons li a.twitter[data-v-4b10965f] {
    background-color: #00b6f1
}

ul.footerLink li ul.submenu.social-icons li a.twitter:hover i[data-v-4b10965f] {
    color: #00b6f1
}

ul.footerLink li ul.submenu.social-icons li a.pinterest[data-v-4b10965f] {
    background-color: #cd202a
}

ul.footerLink li ul.submenu.social-icons li a.pinterest:hover i[data-v-4b10965f] {
    color: #cd202a
}

ul.footerLink li ul.submenu.social-icons li a.instagram[data-v-4b10965f] {
    background: radial-gradient(circle farthest-corner at 32%, at 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%)
}

ul.footerLink li ul.submenu.social-icons li a.instagram[data-v-4b10965f]:hover {
    background: #fff !important
}

ul.footerLink li ul.submenu.social-icons li a.instagram:hover i[data-v-4b10965f] {
    background: radial-gradient(circle farthest-corner at 32%, at 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

ul.footerLink li ul.submenu.social-icons li a.google-plus[data-v-4b10965f] {
    background-color: #e14b33
}

ul.footerLink li ul.submenu.social-icons li a.google-plus:hover i[data-v-4b10965f] {
    color: #e14b33
}

ul.footerLink li ul.submenu.social-icons li a.email[data-v-4b10965f] {
    background-color: #414141
}

ul.footerLink li ul.submenu.social-icons li a.email:hover i[data-v-4b10965f] {
    color: #414141
}

ul.footerLink li ul.submenu.social-icons li a[data-v-4b10965f]:hover {
    background-color: #fff
}

ul.footerLink li ul.badge-livechat[data-v-4b10965f] {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    ul.footerLink li[data-v-4b10965f] {
        margin-right: 0
    }
    ul.footerLink li ul.submenu.social-icons li[data-v-4b10965f] {
        margin: 5px 0;
        width: 33.33%
    }
    ul.footerLink li ul.submenu.social-icons li a[data-v-4b10965f] {
        width: 30px;
        height: 30px
    }
    ul.footerLink li ul.submenu.social-icons li a i[data-v-4b10965f] {
        font-size: 1.3rem
    }
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    ul.footerLink li h3.social-title[data-v-4b10965f] {
        padding: 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    ul.footerLink[data-v-4b10965f] {
        flex-wrap: wrap
    }
    ul.footerLink li.footerLogo[data-v-4b10965f],
    ul.footerLink li.socialIcons[data-v-4b10965f] {
        flex-basis: 100%;
        text-align: center
    }
    ul.footerLink li.socialIcons[data-v-4b10965f] {
        margin: 20px 0 10px
    }
    ul.footerLink li ul.submenu.social-icons[data-v-4b10965f] {
        justify-content: center
    }
    ul.footerLink li ul.submenu.social-icons li[data-v-4b10965f]:nth-child(3n+1) {
        margin: 0 10px
    }
    ul.footerLink li ul.submenu.social-icons li[data-v-4b10965f] {
        width: auto;
        margin: 0 10px
    }
    ul.footerLink li ul.submenu.social-icons li a[data-v-4b10965f] {
        width: 35px;
        height: 35px
    }
    ul.footerLink li ul.submenu.social-icons li a i[data-v-4b10965f] {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    ul.footerLink li ul.submenu.social-icons li[data-v-4b10965f]:nth-child(3n+1) {
        margin: 0 5px
    }
    ul.footerLink[data-v-4b10965f] {
        justify-content: flex-start
    }
    ul.footerLink li.liMenu[data-v-4b10965f] {
        flex-basis: 50%;
        padding: 0 15px;
        margin: 10px 0
    }
    ul.footerLink li ul.submenu.social-icons li[data-v-4b10965f] {
        margin: 0 5px
    }
}

.v-marquee[data-v-66cacb22] {
    white-space: nowrap;
    overflow: hidden
}

.v-marquee>div[data-v-66cacb22] {
    display: inline-block;
    -webkit-animation: marquee linear infinite;
    animation: marquee linear infinite
}

.v-marquee .pause[data-v-66cacb22] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.v-marquee .running[data-v-66cacb22] {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.detail[data-v-7a87d0b2] {
    text-align: center;
    margin: 10px auto
}

.detail>div[data-v-7a87d0b2] {
    margin: 40px 0
}

.detail h3[data-v-7a87d0b2] {
    text-transform: uppercase;
    margin-bottom: 20px
}

.detail .payment-download-wrapper[data-v-7a87d0b2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px auto
}

.detail .payment-download-wrapper ul.paymentMethods[data-v-7a87d0b2] {
    flex-wrap: wrap;
    margin-top: -10px !important
}

.detail .payment-download-wrapper ul.flex[data-v-7a87d0b2] {
    display: flex;
    margin: 20px 0;
    justify-content: center;
    align-items: center
}

.detail .payment-download-wrapper ul.flex li[data-v-7a87d0b2] {
    margin: 0 20px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px
}

.detail .payment-download-wrapper ul.flex li img[data-v-7a87d0b2] {
    max-width: 90px;
    max-height: 90px
}

.detail .payment-download-wrapper ul.flex li img.jcb[data-v-7a87d0b2],
.detail .payment-download-wrapper ul.flex li img.mastercard[data-v-7a87d0b2] {
    max-width: 60px;
    max-height: 60px
}

.detail .payment-download-wrapper .mobile-download[data-v-7a87d0b2] {
    display: flex;
    margin-top: 35px;
    flex-wrap: wrap
}

.detail .payment-download-wrapper .mobile-download img[data-v-7a87d0b2] {
    cursor: pointer;
    margin: 10px 0
}

.detail .game-providers .swiper-slide[data-v-7a87d0b2] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.detail .game-providers .swiper-slide img[data-v-7a87d0b2] {
    max-height: 30px;
    width: 100%
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .detail ul.paymentMethods[data-v-7a87d0b2] {
        margin-top: -20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .detail ul.flex li[data-v-7a87d0b2] {
        margin: 10px 15px
    }
    .payment-download-wrapper[data-v-7a87d0b2] {
        flex-direction: column
    }
    .payment-download-wrapper .payment-methods[data-v-7a87d0b2] {
        margin: 0 auto
    }
    .payment-download-wrapper .mobile-download[data-v-7a87d0b2] {
        margin: 0 auto;
        margin-top: 10px !important
    }
    .payment-download-wrapper .mobile-download img[data-v-7a87d0b2] {
        margin: 0 10px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .detail ul.flex li[data-v-7a87d0b2] {
        margin: 5px;
        transform: scale(.85)
    }
    .detail .mobile-download[data-v-7a87d0b2] {
        justify-content: center
    }
    .detail .mobile-download img[data-v-7a87d0b2] {
        margin: 5px !important
    }
}

.footer-links[data-v-2f9aef96] {
    padding: 20px 0;
    border-top: 1px solid hsla(0, 0%, 100%, .05)
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .footer-links[data-v-2f9aef96] {
        padding: 10px 0
    }
}

.sfooter[data-v-25f85a64] {
    background-color: #111;
    padding: 10px 0
}

.sfooter h4[data-v-25f85a64] {
    color: #f9bb22;
    text-align: center
}

.sfooter .content[data-v-25f85a64] {
    margin: 15px 0;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    color: #8f99a3;
    font-size: .9rem;
    line-height: 30px
}

.sfooter .content .flew-row[data-v-25f85a64] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.sfooter .content .flew-row p[data-v-25f85a64] {
    margin-right: 40px
}

.sfooter .content .flew-row .logo[data-v-25f85a64] {
    min-width: 250px
}

.sfooter .content .flew-row .logo iframe[data-v-25f85a64] {
    background: transparent
}

.sfooter .content .flew-row .logo img[data-v-25f85a64] {
    width: 100%;
    padding: 10px
}

.sfooter .content .netEntLink[data-v-25f85a64] {
    color: #fff
}

.sfooter .content .netEntLink[data-v-25f85a64]:hover {
    text-decoration: underline
}

.sfooter .content .icon[data-v-25f85a64] {
    color: #fff;
    cursor: pointer;
    text-align: center
}

.sfooter .content span.ext-link[data-v-25f85a64] {
    color: #f9bb22
}

.sfooter .content a.ext-link[data-v-25f85a64] {
    color: #fff
}

.sfooter .fade-enter-active[data-v-25f85a64],
.sfooter .fade-leave-active[data-v-25f85a64] {
    transition: opacity .5s
}

.sfooter .fade-enter[data-v-25f85a64],
.sfooter .fade-leave-to[data-v-25f85a64] {
    opacity: 0
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .sfooter .content .flew-row .logo[data-v-25f85a64] {
        min-width: 175px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .sfooter .content .flew-row .logo[data-v-25f85a64] {
        min-width: 150px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .sfooter[data-v-25f85a64] {
        padding: 10px 0
    }
    .sfooter .content .flew-row[data-v-25f85a64] {
        flex-wrap: wrap
    }
    .sfooter .content .flew-row p[data-v-25f85a64] {
        margin-right: 0;
        padding-top: 25px
    }
    .sfooter .content .flew-row .logo[data-v-25f85a64] {
        min-width: auto;
        width: 200px;
        margin: 0 auto
    }
}

.footerNav[data-v-b99befb8] {
    padding: 15px 0
}

.footerNav ul[data-v-b99befb8] {
    display: flex
}

.footerNav ul li[data-v-b99befb8] {
    margin: 0 20px;
    font-size: .8rem
}

.footerNav ul li[data-v-b99befb8]:first-child {
    margin-left: 0
}

.footerNav ul li a[data-v-b99befb8] {
    color: #fff
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .footerNav[data-v-b99befb8] {
        padding-bottom: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .footerNav ul li[data-v-b99befb8] {
        margin: 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .footerNav ul li[data-v-b99befb8] {
        font-size: .6rem;
        margin: 0 5px
    }
}

.carousel-swiper .swiper-pagination {
    bottom: 1px;
    right: 0;
    left: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 10px
}

.carousel-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    height: 10px;
    width: 10px;
    margin: 5px
}

.carousel-swiper .promoWrapper {
    width: 100%
}

.carousel-swiper .promoWrapper .overlayMessage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 11;
    background: rgba(0, 0, 0, .4);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(60%, transparent));
    background: linear-gradient(90deg, rgba(0, 0, 0, .4) 0, transparent 60%)
}

.carousel-swiper .promoWrapper .overlayMessage .contentMessage {
    max-width: 1600px;
    margin: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    padding: 10px 20px
}

.carousel-swiper .promoWrapper .overlayMessage h2 {
    font-size: 1.3rem
}

.carousel-swiper .promoWrapper .overlayMessage p {
    margin: 0;
    font-size: .9rem;
    font-weight: 500
}

.carousel-swiper .promoWrapper .overlayMessage .jwbtn-banner {
    min-width: 150px;
    height: 30px;
    border-radius: 10px;
    background-color: #a2ce2d;
    color: #fff;
    margin-left: 20px;
    transition: all .5s ease;
    text-transform: uppercase;
    cursor: pointer;
    font-size: .95rem
}

.carousel-swiper .promoWrapper .overlayMessage .jwbtn-banner:hover {
    transform: scale(1.05)
}

.carousel-swiper .promoWrapper .swiper-slide {
    cursor: pointer;
    display: block;
    z-index: 9
}

.carousel-swiper .promoWrapper .swiper-slide.swiper-slide-active {
    z-index: 10
}

.carousel-swiper .promoWrapper .swiper-slide .item {
    height: 399.936px;
    display: flex
}

.carousel-swiper .promoWrapper .swiper-slide .item img {
    width: auto;
    margin: auto
}

@media only screen and (min-width:0px) and (max-width:1920px) {
    .carousel-swiper .promoWrapper .swiper-slide .item {
        margin-left: calc((100vw - 1920px)/2);
        height: 399.936px
    }
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .carousel-swiper .promoWrapper .swiper-slide .item {
        margin-right: calc((100% - 1920px)/2);
        margin-left: calc((100% - 1920px)/2);
        height: 25vw
    }
    .carousel-swiper .promoWrapper .swiper-slide .item img {
        width: 120vw;
        display: block
    }
}

@media screen and (max-width:640px) {
    .carousel-swiper .promoWrapper .overlayMessage {
        background: transparent;
        background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(8, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, .7)));
        background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .7) 90%)
    }
    .carousel-swiper .promoWrapper .overlayMessage .contentMessage {
        justify-content: center;
        padding: 10px 10px 5px
    }
    .carousel-swiper .promoWrapper .overlayMessage .contentMessage>div {
        display: none
    }
    .carousel-swiper .promoWrapper .overlayMessage .jwbtn-banner {
        margin-left: 5px;
        height: 20px;
        border-radius: 25px;
        font-size: .9rem;
        padding: 3px 8px
    }
    .carousel-swiper .swiper-pagination-bullet {
        height: 8px !important;
        width: 8px !important;
        margin: 2px !important
    }
}

@media screen and (max-width:480px) {
    .carousel-swiper .promoWrapper .overlayMessage {
        display: none !important
    }
}

.loginModal-wrapper[data-v-399cb8e3] {
    background-color: #1a1a1a;
    padding: 20px 60px;
    border-radius: 10px;
    position: relative
}

.loginModal-wrapper .closeBtn[data-v-399cb8e3] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.5rem;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.loginModal-wrapper .closeBtn[data-v-399cb8e3]:hover {
    color: #fff;
    transform: rotate(90deg)
}

.loginModal-wrapper h2[data-v-399cb8e3] {
    text-align: center;
    color: #8f99a3;
    margin: 20px
}

.loginModal-wrapper h2 i[data-v-399cb8e3] {
    color: #8f99a3;
    margin-top: -5px
}

.loginModal-wrapper form[data-v-399cb8e3] {
    text-align: center;
    position: relative
}

.loginModal-wrapper form .jwbtn[data-v-399cb8e3] {
    margin-top: 20px
}

.loginModal-wrapper .login-footer[data-v-399cb8e3] {
    margin-top: 40px;
    text-align: center;
    font-size: .9rem;
    color: #8f99a3
}

.loginModal-wrapper .login-footer p[data-v-399cb8e3] {
    margin: 5px 0
}

.loginModal-wrapper .login-footer .forgotPassword[data-v-399cb8e3] {
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.loginModal-wrapper .login-footer .forgotPassword[data-v-399cb8e3]:hover {
    color: #f9bb22
}

.loginModal-wrapper .loginErrorWrapper[data-v-399cb8e3] {
    text-align: right;
    font-size: .8rem;
    position: absolute;
    right: 0;
    margin-top: -10px;
    color: #da4a4c
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .loginModal-wrapper[data-v-399cb8e3] {
        padding: 10px 30px
    }
    .loginModal-wrapper h2[data-v-399cb8e3] {
        margin: 10px
    }
    .loginModal-wrapper .login-footer[data-v-399cb8e3] {
        margin-top: 20px
    }
}

.forgotModal-wrapper[data-v-0cf3a698] {
    background-color: #1a1a1a;
    padding: 20px 60px;
    border-radius: 10px;
    position: relative
}

.forgotModal-wrapper .iconForgot[data-v-0cf3a698] {
    padding-right: 10px
}

.forgotModal-wrapper .closeBtn[data-v-0cf3a698] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.5rem;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.forgotModal-wrapper .closeBtn[data-v-0cf3a698]:hover {
    color: #fff;
    transform: rotate(90deg)
}

.forgotModal-wrapper .defaultErrorMessage[data-v-0cf3a698] {
    font-size: .8rem;
    color: #da4a4c;
    display: block;
    text-align: right
}

.forgotModal-wrapper .captcha-wrapper[data-v-0cf3a698] {
    display: flex;
    align-items: center
}

.forgotModal-wrapper .captcha-wrapper .captchaInput[data-v-0cf3a698] {
    flex-grow: 1
}

.forgotModal-wrapper .captchaContainer[data-v-0cf3a698] {
    cursor: pointer
}

.forgotModal-wrapper .captchaContainer img[data-v-0cf3a698] {
    height: 40px;
    border-radius: 2.5px
}

.forgotModal-wrapper .captchaContainer div[data-v-0cf3a698] {
    font-size: .8rem;
    display: flex;
    flex-direction: column
}

.forgotModal-wrapper h2[data-v-0cf3a698] {
    text-align: center;
    color: #8f99a3;
    margin: 20px
}

.forgotModal-wrapper h2 i[data-v-0cf3a698] {
    color: #8f99a3;
    margin-top: -5px
}

.forgotModal-wrapper form[data-v-0cf3a698] {
    text-align: center
}

.forgotModal-wrapper form .jwbtn[data-v-0cf3a698] {
    margin-top: 20px;
    border-radius: 5px
}

.forgotModal-wrapper .forgot-footer[data-v-0cf3a698] {
    margin-top: 40px;
    text-align: center;
    font-size: .9rem;
    color: #8f99a3
}

.forgotModal-wrapper .forgot-footer p[data-v-0cf3a698] {
    margin: 5px 0
}

.forgotModal-wrapper .forgot-footer .forgotPassword[data-v-0cf3a698] {
    color: #8f99a3;
    transition: all .3s ease
}

.forgotModal-wrapper .forgot-footer .forgotPassword[data-v-0cf3a698]:hover {
    color: #f9bb22
}

.forgotModalContainer .error-container {
    position: relative !important
}

.forgotModalContainer .error-container .errorList {
    margin-top: 0
}

.modalWrapper[data-v-2ba14b97] {
    background-color: #1a1a1a;
    padding: 30px 40px 50px;
    border-radius: 10px;
    position: relative;
    color: #8f99a3
}

.modalWrapper .closeBtn[data-v-2ba14b97] {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 1.5rem;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.modalWrapper .closeBtn[data-v-2ba14b97]:hover {
    color: #fff;
    transform: rotate(90deg)
}

.modalWrapper .titleLabel[data-v-2ba14b97] {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1.5rem;
    font-weight: 700;
    color: #da4a4c
}

.modalWrapper .titleLabel .titleIcon[data-v-2ba14b97] {
    color: #da4a4c !important;
    padding-right: 10px;
    vertical-align: baseline;
    vertical-align: initial
}

.modalWrapper .messageBody[data-v-2ba14b97] {
    text-align: center
}

.modalWrapper .messageBody .highlight[data-v-2ba14b97] {
    color: #fff;
    font-weight: 700
}

.modalWrapper .messageBody .support[data-v-2ba14b97] {
    color: #f9bb22;
    font-weight: 700;
    cursor: pointer;
    border-bottom: 1px dotted #f9bb22
}

.notificationContainer .snackBar {
    position: fixed;
    display: block
}

.notificationContainer .snackBar .snack__wrapper {
    float: right !important
}

.notificationContainer .snackBar .snack__wrapper .snack__content {
    height: auto
}

.game-holder[data-v-fb8b3520] {
    border-radius: 10px;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden
}

.game-holder[data-v-fb8b3520],
.game-holder .game-image-wrapper[data-v-fb8b3520] {
    position: relative
}

.game-holder .game-image-wrapper .game-image-holder[data-v-fb8b3520] {
    padding-top: 60%;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
    z-index: 1
}

.game-holder .game-image-wrapper .game-image-holder .maintenance-overlay[data-v-fb8b3520] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    transform: translate(-50%, -50%) scale(0);
    opacity: 0;
    background-image: url(/_nuxt/img/6ef65f8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .3s ease
}

.game-holder .game-image-wrapper .game-image-holder[data-v-fb8b3520]:after {
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.game-holder .game-image-wrapper .game-image-holder .gameActionIcon[data-v-fb8b3520] {
    position: absolute;
    z-index: 100;
    transition: all .3s ease
}

.game-holder .game-image-wrapper .game-image-holder .fav-icon[data-v-fb8b3520] {
    left: 10px;
    top: -100%;
    font-size: 1.3rem;
    transition: all .3s ease
}

.game-holder .game-image-wrapper .game-image-holder .fav-icon[data-v-fb8b3520]:hover {
    color: #da4a4c
}

.game-holder .game-image-wrapper .game-image-holder .brand-name[data-v-fb8b3520] {
    right: 10px;
    top: -100%;
    font-size: .9rem;
    transition: all .3s ease;
    font-weight: 500
}

.game-holder .game-image-wrapper .game-image-holder .game-action[data-v-fb8b3520] {
    position: absolute;
    top: 200%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center
}

.game-holder .game-image-wrapper .game-image-holder .game-action p[data-v-fb8b3520] {
    margin: 0;
    text-transform: uppercase;
    transition: all .3s ease;
    opacity: .6
}

.game-holder .game-image-wrapper .game-image-holder .game-action .playBtn[data-v-fb8b3520] {
    font-size: 1.2rem;
    font-weight: 700
}

.game-holder .game-image-wrapper .game-image-holder .game-action p.demoBtn[data-v-fb8b3520] {
    font-size: .9rem
}

.game-holder .game-image-wrapper .game-image-holder .game-image-bg[data-v-fb8b3520] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.game-holder .game-image-wrapper .game-image-holder .game-image-overlay[data-v-fb8b3520] {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center
}

.game-holder .game-image-wrapper .game-image-holder .game-image-overlay i[data-v-fb8b3520] {
    font-size: 4rem;
    color: #111
}

.game-holder .game-image-wrapper .game-image-holder .game-info[data-v-fb8b3520] {
    z-index: 102;
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    color: #fff;
    transition: all .3s ease;
    width: 100%;
    padding: 5px 10px;
    font-size: .85rem;
    box-sizing: border-box
}

.game-holder .game-image-wrapper .game-image-holder .game-info span[data-v-fb8b3520] {
    position: relative;
    z-index: 1
}

.game-holder .game-image-wrapper .game-image-holder .game-info .game-name[data-v-fb8b3520] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    width: 100%
}

.game-holder .game-image-wrapper .game-image-holder .game-info .game-count[data-v-fb8b3520] {
    display: none
}

.game-holder .game-image-wrapper .game-image-holder .game-info i[data-v-fb8b3520] {
    margin-right: 3px;
    font-size: 1.3rem
}

.game-holder .game-image-wrapper .game-image-holder .game-info[data-v-fb8b3520]:before {
    content: "";
    height: 0;
    box-shadow: 0 0 25px 25px rgba(0, 0, 0, .9);
    width: calc(100% + 20px);
    position: absolute;
    bottom: 0;
    left: -10px
}

.game-holder:hover .game-image-holder .game-info .game-name[data-v-fb8b3520] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    width: 55% !important
}

.game-holder:hover .game-image-holder .game-info .game-count[data-v-fb8b3520] {
    display: block !important
}

.game-holder:hover .game-image-holder[data-v-fb8b3520]:after {
    background-color: rgba(0, 0, 0, .6)
}

.game-holder:hover .game-image-holder .maintenance-overlay[data-v-fb8b3520] {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.game-holder:hover .game-image-holder .game-image-bg[data-v-fb8b3520] {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: scale3d(1.1, 1.1, 1.1);
    transition: transform 1s ease
}

.game-holder:hover .game-image-holder .brand-name[data-v-fb8b3520],
.game-holder:hover .game-image-holder .fav-icon[data-v-fb8b3520] {
    top: 10px
}

.game-holder:hover .game-image-holder .game-action[data-v-fb8b3520] {
    top: 50%
}

.game-holder:hover .game-image-holder .game-action .demoBtn[data-v-fb8b3520]:hover,
.game-holder:hover .game-image-holder .game-action .playBtn[data-v-fb8b3520]:hover {
    opacity: 1
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .game-holder .game-info[data-v-fb8b3520] {
        font-size: 1rem
    }
    .game-holder .game-image-wrapper .game-image-holder .playBtn[data-v-fb8b3520] {
        font-size: 1.2rem
    }
    .game-holder .game-image-wrapper .game-image-holder p.demoBtn[data-v-fb8b3520] {
        padding: 7px 0
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .game-holder .game-image-wrapper .game-image-holder .playBtn[data-v-fb8b3520] {
        font-size: 1rem
    }
    .game-holder .game-image-wrapper .game-image-holder .playBtn i[data-v-fb8b3520] {
        font-size: 1.5rem
    }
    .game-holder .game-info[data-v-fb8b3520] {
        font-size: .8rem
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .game-holder .game-image-wrapper .game-image-holder .game-action .playBtn[data-v-fb8b3520] {
        font-size: 1rem;
        line-height: 25px
    }
    .game-holder .game-image-wrapper .game-image-holder .game-action .demoBtn[data-v-fb8b3520] {
        font-size: .7rem;
        padding: 0
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .game-holder .game-image-wrapper .game-image-holder .game-action .playBtn[data-v-fb8b3520] {
        font-size: .9rem
    }
    .game-holder .game-image-wrapper .game-image-holder .game-action .demoBtn[data-v-fb8b3520] {
        padding: 0;
        font-size: .7rem
    }
    .game-holder .game-image-wrapper .game-image-holder .playBtn i[data-v-fb8b3520] {
        margin-right: 2px
    }
}

.verificationCode {
    margin: 10px auto;
    width: 80%;
    max-width: 360px
}

.verificationCode input {
    font-size: 3rem;
    font-family: Teko, sans-serif;
    text-align: center;
    letter-spacing: 1.5rem;
    height: 50px;
    color: #f9bb22 !important
}

.otpContainer[data-v-40d7ff07] {
    border-radius: 20px;
    background-color: #1a1a1a;
    padding: 70px 40px;
    text-align: center;
    position: relative
}

.otpContainer .closeBtn[data-v-40d7ff07] {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 2.5rem;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.otpContainer .closeBtn[data-v-40d7ff07]:hover {
    color: #fff;
    transform: rotate(90deg)
}

.otpContainer p[data-v-40d7ff07] {
    color: #8f99a3;
    margin-bottom: 0
}

.otpContainer h2[data-v-40d7ff07] {
    font-family: Teko, sans-serif;
    text-align: center;
    font-weight: 400;
    font-size: 2.5rem
}

.otpContainer .codeWrapper[data-v-40d7ff07] {
    margin: 30px 0
}

.otpContainer .codeWrapper .jwbtn[data-v-40d7ff07] {
    margin-top: 20px;
    min-width: 200px;
    padding: 15px 0
}

.otpContainer .codeWrapper .errmsg[data-v-40d7ff07] {
    color: #da4a4c;
    font-size: .8rem
}

.otpContainer .resendWrap[data-v-40d7ff07] {
    padding-top: 30px;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: block
}

.otpContainer .resendWrap .resendContainer[data-v-40d7ff07] {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.otpContainer .resendWrap .defaultErrorMessage[data-v-40d7ff07] {
    color: #da4a4c;
    display: block;
    font-size: .9rem
}

.otpContainer .resendWrap .resendPin[data-v-40d7ff07] {
    cursor: pointer;
    border-radius: 40px;
    background-color: #fff;
    padding: 10px 0;
    text-align: center;
    font-size: .8rem;
    color: #8f99a3;
    font-weight: 800;
    width: 150px
}

.otpContainer .resendWrap .resendPin.disabled[data-v-40d7ff07] {
    background-color: grey;
    color: #fff;
    cursor: not-allowed
}

.otpContainer .resendWrap .resendPin.requesting>div[data-v-40d7ff07] {
    transform: scale(.5)
}

.otpContainer .resendWrap .resendPin i[data-v-40d7ff07] {
    font-size: 1rem;
    color: #8f99a3
}

p.note[data-v-40d7ff07] {
    margin: 20px 0;
    font-size: .8rem;
    cursor: pointer
}

p.note span.link[data-v-40d7ff07] {
    color: #f9bb22
}

@media only screen and (max-width:480px) {
    .otpContainer[data-v-40d7ff07] {
        padding: 70px 30px
    }
    .otpContainer .resendWrap[data-v-40d7ff07] {
        padding-top: 20px
    }
    .otpContainer .resendWrap .resendContainer[data-v-40d7ff07] {
        display: inline-block
    }
    .otpContainer .resendWrap .resendPin[data-v-40d7ff07] {
        margin: 15px auto
    }
}

@media only screen and (max-width:359px) {
    .otpContainer[data-v-40d7ff07] {
        padding: 70px 15px
    }
    .otpContainer .resendWrap[data-v-40d7ff07] {
        padding-top: 15px
    }
    .otpContainer .resendWrap .resendContainer[data-v-40d7ff07] {
        display: inline-block
    }
    .otpContainer .resendWrap .resendPin[data-v-40d7ff07] {
        margin: 15px auto
    }
}

.welcomeBonusWrapper {
    background-color: rgba(0, 0, 0, .8);
    position: relative;
    box-shadow: 0 0 50px 5px rgba(0, 0, 0, .3) !important
}

.welcomeBonusWrapper .chip {
    background-color: transparent
}

.welcomeBonusWrapper .chip5 {
    background-image: url(/_nuxt/img/8abe5ff.png);
    width: 100px;
    height: 100px;
    bottom: 25%;
    left: 25%
}

.welcomeBonusWrapper .chip4,
.welcomeBonusWrapper .chip5 {
    position: absolute;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.welcomeBonusWrapper .chip4 {
    background-image: url(/_nuxt/img/ae72ac8.png);
    width: 220px;
    height: 220px;
    bottom: 10%;
    right: 26%
}

.welcomeBonusWrapper .chip3 {
    background-image: url(/_nuxt/img/b9fe462.png);
    width: 50px;
    height: 50px;
    top: 45%;
    right: 22%
}

.welcomeBonusWrapper .chip2,
.welcomeBonusWrapper .chip3 {
    position: absolute;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.welcomeBonusWrapper .chip2 {
    background-image: url(/_nuxt/img/cd2c577.png);
    width: 120px;
    height: 120px;
    top: 10%;
    right: 24%
}

.welcomeBonusWrapper .chip1 {
    position: absolute;
    background-image: url(/_nuxt/img/ccd58d5.png);
    width: 100px;
    height: 100px;
    top: 18%;
    left: 27%;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.welcomeBonusWrapper .welcomePromoHolder {
    position: absolute;
    width: 90%;
    max-width: 700px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg {
    background-color: #111;
    height: 150px;
    position: relative;
    border-radius: 20px 20px 0 0
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg .closeBtn {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 2rem;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg .closeBtn:hover {
    color: #fff;
    transform: rotate(90deg)
}

.welcomeBonusWrapper .welcomePromoHolder .sunnyImg img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo {
    background-color: #1a1a1a;
    padding: 40px 20px;
    border-radius: 0 0 20px 20px;
    text-align: center
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .promoContent {
    color: #fff;
    font-size: 1.2rem
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .promoContent span {
    color: #f9bb22
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .downloadApp {
    width: 100%;
    max-width: 260px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .sub-title {
    font-family: Teko, sans-serif;
    font-size: 2rem;
    font-weight: 400
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .confirmContent {
    width: 90%;
    margin: 20px auto
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo h2 {
    font-family: Teko, sans-serif;
    vertical-align: center;
    font-size: 2.5rem;
    font-weight: 400
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo h2 span {
    color: #f9bb22
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo h2 img {
    margin-top: -20px;
    display: inline;
    vertical-align: middle;
    width: 100px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo p {
    color: #8f99a3;
    margin: 20px 0
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .claimBtn {
    width: 100%;
    max-width: 360px;
    padding: 10px 0;
    font-size: 1.2rem
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper {
    position: relative
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon {
    position: absolute;
    top: 40%;
    z-index: 200;
    font-size: 1.75rem;
    color: #8f99a3;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon.swiper-button-disabled {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon.prev {
    left: -20px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper i.navIcon.next {
    right: -20px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper .lowBalGameCard .playBtn {
    width: 100%;
    font-size: 1.2rem;
    top: -10px
}

.welcomeBonusWrapper .welcomePromoHolder .promoInfo .swiperMainWrapper .lowBalGameCard .playBtn i {
    font-size: 1.5rem
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg img {
        width: 80%
    }
    .welcomeBonusWrapper .welcomePromoHolder .promoInfo .confirmContent {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg[data-v-ae6257e2] {
        height: 120px
    }
    .welcomeBonusWrapper .chip4[data-v-ae6257e2] {
        width: 160px;
        height: 160px
    }
    .welcomeBonusWrapper .chip2[data-v-ae6257e2] {
        width: 100px;
        height: 100px
    }
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg .closeBtn[data-v-ae6257e2] {
        top: 10px;
        right: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:1300px) {
    .welcomeBonusWrapper .welcomePromoHolder .sunnyImg[data-v-ae6257e2] {
        height: 100px
    }
}

.news-wrapper[data-v-c5b7cc60] {
    background-color: rgba(0, 0, 0, .3)
}

.news-wrapper .news[data-v-c5b7cc60] {
    display: flex;
    cursor: default
}

.news-wrapper .news li[data-v-c5b7cc60] {
    margin: 0 20px;
    padding: 2px 0;
    font-size: .9rem;
    display: flex;
    align-items: center;
    color: #8f99a3
}

.news-wrapper .news li span[data-v-c5b7cc60] {
    color: #f9bb22
}

.news-wrapper .news li.new[data-v-c5b7cc60] {
    color: #fff
}

.news-wrapper .news li.new[data-v-c5b7cc60]:before {
    content: "NEW";
    color: #fff;
    font-size: .65rem;
    border-radius: 5px;
    background-color: #da4a4c;
    padding: 0 5px;
    margin-right: 3px
}

.game-image-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50%
}

.lowBalContainer {
    overflow: visible !important;
    display: flex;
    position: relative;
    min-height: 400px;
    background-color: #1a1a1a;
    border-radius: 20px;
    justify-content: normal
}

.lowBalContainer .closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 1.5rem;
    cursor: pointer
}

.lowBalContainer .fontTeko {
    font-family: Teko, sans-serif
}

.lowBalContainer .bgWrapper {
    background-image: url(/_nuxt/img/f49d262.png);
    background-size: contain;
    min-width: 300px;
    background-position: bottom;
    position: relative;
    left: -30px
}

.lowBalContainer .lowBalanceWrapper {
    margin: auto
}

.lowBalContainer .lowBalanceWrapper .lowBalanceHeader {
    text-align: center;
    padding: 0 0 40px
}

.lowBalContainer .lowBalanceWrapper .lowBalanceHeader .headLabel {
    font-size: 1.5rem
}

.lowBalContainer .lowBalanceWrapper .contentWrapper {
    display: flex;
    justify-content: center;
    align-items: stretch
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .lowBaloption {
    margin: auto;
    padding: 0 10px 60px;
    min-width: 40px
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 45%
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper {
    width: 80%;
    border-radius: 10px;
    overflow: hidden
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder {
    position: relative;
    padding-top: 60%;
    width: 100%;
    margin: auto
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder .gameimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder .bankimg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(/_nuxt/img/f703faf.png)
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent img {
    border-radius: 20px;
    margin-bottom: 10px;
    width: 90%
}

.lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .lowBalBtn {
    margin-top: 20px;
    min-width: 250px;
    border-radius: 10px
}

@media only screen and (max-width:960px) {
    .lowBalContainer .bgWrapper {
        min-width: 250px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .lowBalContainer {
        background-image: none
    }
    .bgWrapper {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
        padding: 5px
    }
    .lowBalBtn {
        min-width: 200px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
        padding: 5px
    }
    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent .game-img-wrapper .gameimg-holder .bankimg {
        background-size: 60% 100%
    }
    .lowBalBtn {
        min-width: 155px !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .lowBalContainer .lowBalanceWrapper .contentWrapper {
        flex-direction: column
    }
    .lowBalContainer .lowBalanceWrapper .contentWrapper .gameContent {
        margin: auto;
        width: 65%
    }
    .lowBalContainer .lowBalanceWrapper .contentWrapper .lowBaloption {
        padding: 0 10px
    }
    .lowBalContainer .lowBalanceWrapper .contentWrapper .lowBaloption p {
        margin: 10px 0
    }
    .lowBalContainer .lowBalanceWrapper .lowBalanceHeader {
        margin-top: 20px;
        padding: 0
    }
}

.floaterAction[data-v-7128cc44] {
    position: fixed;
    width: 80px;
    z-index: 9999
}

.floaterAction .customColor[data-v-7128cc44] {
    background: #f9bb22 !important
}

.floaterAction .liveChat[data-v-7128cc44] {
    background-color: #fff !important;
    color: #f9bb22
}

.floaterAction .telegram[data-v-7128cc44] {
    background-color: #08c !important;
    color: #fff
}

.floaterAction .telegram:hover+.telegram-holder[data-v-7128cc44] {
    transform: scaleX(1) !important
}

.floaterAction .telegram-holder[data-v-7128cc44] {
    position: absolute;
    left: 80px;
    width: 220px;
    height: 270px;
    transform: scale3d(0, 0, 0);
    transform-origin: 0 0;
    transition: all .3s ease;
    background-color: #1a1a1a;
    border-radius: 10px;
    padding: 10px
}

.floaterAction p[data-v-7128cc44] {
    margin-bottom: 5px;
    line-height: 20px;
    font-size: .86rem
}

.floaterAction .txt-id[data-v-7128cc44] {
    color: #f9bb22;
    font-size: 1rem
}

.posterSwiperWrapper {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 20px;
    background-color: #1a1a1a
}

.posterSwiperWrapper .poster-swiper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    padding-top: 28.57%;
    cursor: pointer
}

.posterSwiperWrapper .poster-swiper.loader div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.posterSwiperWrapper .poster-swiper.loader div i {
    font-size: 2.5rem;
    color: #8f99a3
}

.posterSwiperWrapper .poster-swiper .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.posterSwiperWrapper .poster-swiper .swiper-wrapper .swiper-slide img {
    width: 100%
}

.posterSwiperWrapper .poster-swiper .swiper-pagination {
    text-align: right;
    padding-right: 10px;
    bottom: 0
}

.posterSwiperWrapper .poster-swiper .swiper-pagination .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #fff;
    opacity: 1;
    width: 9px;
    height: 9px;
    margin: 0 2px
}

.posterSwiperWrapper .poster-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff !important
}

.netwinContainer {
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 20px;
    overflow: hidden;
    background: #372164;
    background: -webkit-gradient(left top, right top, color-stop(0, #372164), color-stop(100%, #562daa));
    background: linear-gradient(90deg, #372164 0, #562daa)
}

.netwinContainer .netwinWrapper {
    position: relative;
    padding-top: 28.57%;
    border-radius: 10px
}

.netwinContainer .netwinWrapper.loader div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.netwinContainer .netwinWrapper:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: #281848;
    background: -webkit-gradient(left top, right top, color-stop(0, #281848), color-stop(100%, #3d2078));
    background: linear-gradient(90deg, #281848 0, #3d2078)
}

.netwinContainer .swiper-container {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%
}

.netwinContainer .swiper-container.netwin-swiper-1 {
    left: 0
}

.netwinContainer .swiper-container.netwin-swiper-2 {
    left: 50%
}

.netwinContainer .swiper-container .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) .winnerDetail {
    background-color: rgba(0, 0, 0, .1)
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .gameImage,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .gameName {
    cursor: pointer
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper {
    display: flex;
    padding: 0 5px;
    width: 100%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .gameImageWrapper {
    width: 30%;
    display: flex;
    justify-content: center
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .gameImageWrapper .imageWrapper {
    height: 50px;
    width: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, .2)
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .gameImageWrapper .imageWrapper img {
    max-height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details {
    width: 70%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .9rem
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper>div,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper span {
    width: 50%
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper .netwinAmount,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper>div,
.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper .amountWrapper {
    display: flex;
    font-family: Teko, sans-serif;
    font-size: 1.3rem
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper .amountWrapper .currencyIcon {
    color: #f9bb22;
    padding-right: 5px
}

.netwinContainer .swiper-container .swiper-wrapper .swiper-slide .winnerDetail .wrapper .details .contentWrapper.otherDetails {
    font-size: .8rem;
    color: #8f99a3
}

@media screen and (max-width:960px) {
    .netwinContainer .swiper-container.netwin-swiper-1 {
        width: 100% !important
    }
    .netwinContainer .swiper-container .wrapper .contentWrapper .winnerUsername {
        font-size: 1rem
    }
}

.redeemPoints {
    flex-basis: 50%;
    color: #8f99a3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 30px 0 10px
}

.redeemPoints .redeemTxt {
    margin-bottom: 10px
}

.redeemPoints .remainingLP {
    margin-top: 20px
}

.redeemPoints .remainingLP .remaining {
    display: block;
    margin-left: 20px;
    font-size: 2rem
}

.redeemPoints .redeemInputWrapper {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px
}

.redeemPoints .redeemInputWrapper .redeemInput {
    margin: 0 10px;
    max-width: 250px;
    position: relative
}

.redeemPoints .redeemInputWrapper .redeemInput .error-container {
    text-align: left
}

.redeemPoints .redeemInputWrapper .redeemInput span.maxPoint {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 1px solid #f9bb22;
    border-radius: 15px;
    padding: 5px 15px;
    color: #fff;
    font-size: .8em;
    background-color: #826725;
    cursor: pointer
}

.redeemPoints .redeemInputWrapper .redeemInput span.disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    cursor: default
}

.redeemPoints span.remainingLP {
    margin-left: 15px
}

.redeemPoints p {
    margin-bottom: 20px !important
}

.redeemPoints p.note {
    font-style: italic
}

.redeemPoints p.note.fontRed {
    color: #da4a4c
}

.redeemPoints .redeemBtn {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0;
    min-height: 56px;
    font-family: Teko, sans-serif;
    padding: 10px 30px
}

.redeemPoints .redeemBtn i {
    font-size: 1.5rem
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .redeemPoints {
        margin: 0 0 30px
    }
    .redeemPoints .redeemInputWrapper .redeemInput {
        max-width: 180px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .redeemPoints .redeemInputWrapper .redeemInput {
        max-width: 100px;
        margin: 0 5px
    }
}

@media only screen and (min-width:0px) and (max-width:440px) {
    .loyaltyContainer .current-lp .loyaltyPointLabel .loyaltyPointText {
        margin-left: 60px !important
    }
}

@media only screen and (min-width:0px) and (max-width:400px) {
    .loyaltyContainer .current-lp .loyaltyPointLabel {
        min-width: 180px !important;
        margin: 20px 0 !important
    }
    .loyaltyContainer .current-lp .loyaltyPointLabel .loyaltyLogo {
        height: 140% !important
    }
    .loyaltyContainer .current-lp .loyaltyPointLabel .loyaltyPointText {
        margin-left: 80px !important
    }
}

.upgrade-success-modal {
    border-radius: 10px;
    max-width: 700px !important;
    overflow: visible
}

.upgrade-success-modal .overlayImg {
    z-index: -1;
    width: 100vw;
    height: 100vh;
    background-image: url(/_nuxt/img/0fd0b8a.png);
    background-position: 50%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
    left: 0
}

.upgrade-success-modal .upgrade-details {
    border-radius: 10px;
    background-color: #1a1a1a;
    width: 100%;
    padding: 50px 40px 30px;
    position: relative
}

.upgrade-success-modal .upgradeModal {
    padding: 0 !important
}

.upgrade-success-modal .upgradeModal .closeBtn {
    top: 10px;
    right: 10px;
    z-index: 10;
    font-size: .95rem;
    position: absolute;
    cursor: pointer
}

.upgrade-success-modal .upgradeModal h2 {
    text-align: center;
    color: #f9bb22;
    padding: 10px 0
}

.upgrade-success-modal .upgradeModal .details {
    padding: 10px 80px 40px 60px
}

.upgrade-success-modal .upgradeModal .details p {
    font-weight: 500
}

.upgrade-success-modal .upgradeModal .details p .tierName {
    color: #f9bb22
}

.upgrade-success-modal .upgradeModal .details .nextData {
    display: flex;
    justify-content: space-between;
    margin-top: 30px
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .newData {
    line-height: 0
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .newData .titleText {
    color: #8f99a3;
    line-height: 15px;
    display: inline-block;
    width: 210px
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .upgradableText span.anotherUpgradeText {
    line-height: 25px
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .upgradableText,
.upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .upgradableText i {
    color: #a2ce2d
}

.upgrade-success-modal .upgradeModal .details .nextData .loyaltyImage {
    margin-top: -40px
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper {
    margin: 0
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper {
    position: relative;
    left: 0;
    top: 0;
    border-radius: 10px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
    position: relative;
    top: 0;
    left: 0;
    border-radius: inherit
}

.upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .sunnyImage {
    position: absolute;
    bottom: 7px;
    left: 50%
}

.fontWhite {
    color: #fff;
    font-size: 1.5em
}

.fontWhite,
.jeetPrivilegeContainer .teko {
    font-family: Teko, sans-serif
}

.jeetPrivilegeContainer p {
    margin: 0;
    line-height: 20px
}

.jeetPrivilegeContainer .text-primary {
    color: #f9bb22
}

.jeetPrivilegeContainer .text-grey {
    color: #8f99a3
}

.jeetPrivilegeContainer .accountTitle {
    margin-bottom: 10px
}

.jeetPrivilegeContainer .grayscale {
    opacity: .4;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.jeetPrivilegeContainer .upgradeButton {
    min-height: 56px;
    min-width: 155px
}

.jeetPrivilegeContainer .upgradeButton.animate {
    -webkit-animation: nudge 2s infinite;
    animation: nudge 2s infinite
}

@-webkit-keyframes nudge {
    0% {
        transform: rotate(-2deg)
    }
    5% {
        transform: rotate(2deg)
    }
    10% {
        transform: rotate(-2deg)
    }
    15% {
        transform: rotate(2deg)
    }
    20% {
        transform: rotate(-2deg)
    }
    25% {
        transform: rotate(2deg)
    }
    30% {
        transform: rotate(0deg)
    }
}

@keyframes nudge {
    0% {
        transform: rotate(-2deg)
    }
    5% {
        transform: rotate(2deg)
    }
    10% {
        transform: rotate(-2deg)
    }
    15% {
        transform: rotate(2deg)
    }
    20% {
        transform: rotate(-2deg)
    }
    25% {
        transform: rotate(2deg)
    }
    30% {
        transform: rotate(0deg)
    }
}

.jeetPrivilegeContainer .disableBtn {
    cursor: not-allowed
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper {
    margin-bottom: 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent {
    text-align: center;
    margin-bottom: 50px;
    width: 100%
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .label {
    display: inline-block;
    margin: 20px 0
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .loyaltyPointLabel {
    display: block;
    text-align: center;
    max-width: 325px;
    min-width: 200px;
    margin: auto;
    background-color: #333;
    font-size: 2.5rem;
    border-radius: 35px;
    background-image: url(/_nuxt/img/38d0ffb.jpg);
    position: relative;
    color: #fff;
    border: 3px solid #f9bb22
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .loyaltyPointLabel .loyaltyLogo {
    position: absolute;
    left: 25px;
    height: 150%;
    top: -25%;
    margin-right: 15px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .headerContent .loyaltyPointLabel .loyaltyPointText {
    margin-left: 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper {
    display: flex;
    justify-content: space-between;
    font-size: 1.25rem;
    width: 80%;
    margin: auto
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active {
    -webkit-filter: grayscale(0) !important;
    filter: grayscale(0) !important;
    opacity: 1 !important
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active p {
    transform: scale(1.1)
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active p:first-child {
    color: #f9bb22
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .active p:nth-child(2) {
    color: #fff;
    font-weight: 500
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper {
    padding: 0 0 30px;
    margin-right: 10px;
    position: relative
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper .tierArrowPointer {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #222;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%)
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper:last-child {
    padding-right: 0
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .tierWrapper .tierImageWrapper img {
    max-height: 90px;
    max-width: 90px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .detail {
    font-size: 1.25rem
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .detail p {
    text-align: center
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .tierDetailWrapper .tierListWrapper .detail p:first-child {
    margin: 15px 0 5px;
    text-transform: uppercase
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper {
    background-color: #222;
    padding: 25px;
    border-radius: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    padding-bottom: 20px;
    margin-bottom: 20px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo p {
    font-size: .95rem;
    line-height: 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .label {
    width: 175px;
    display: inline-block
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .result {
    font-size: 1.3rem;
    text-transform: uppercase
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .currentTierWrapper {
    flex-basis: 50%;
    padding-right: 5px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierInfo .nextTierWrapper {
    flex-basis: 50%;
    padding-left: 5px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem {
    display: flex;
    flex-wrap: wrap
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo {
    flex-basis: 50%;
    border-radius: 10px;
    background-color: #292929;
    display: flex;
    justify-content: center;
    align-items: stretch
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper {
    margin: 30px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper p {
    color: #8f99a3;
    text-align: center;
    margin-bottom: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper p span {
    color: #fff;
    font-weight: 700
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper img {
    width: 85px;
    margin-bottom: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .upGradableImage {
    width: auto
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .jwbtn {
    font-weight: 500;
    font-size: 1.5rem;
    margin: 0;
    padding: 10px 30px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .jwbtn div {
    white-space: nowrap
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .jwbtn i {
    font-size: 1.5rem
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .nextLvlPoints {
    display: flex;
    align-items: flex-start;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 10px
}

.jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .nextLvlPoints div:first-child {
    padding-right: 7.5px;
    font-size: 2em;
    min-width: 140px;
    margin-top: -4px
}

@media only screen and (min-width:0px) and (max-width:1170px) {
    .jeetPrivilegeWrapper .tierListWrapper {
        width: 100% !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tierListWrapper {
        justify-content: center !important
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tierListWrapper .tierWrapper {
        margin-right: 15px !important
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tier .label {
        width: 140px !important
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .currentTierWrapper,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .nextTierWrapper {
        justify-content: center !important
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .notActive {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
        left: -60px
    }
    .upgrade-success-modal .upgradeModal .details .nextData .loyaltyImage {
        display: none
    }
    .upgrade-success-modal .upgradeModal .details .nextData .loyaltyDetails .newData .titleText {
        width: 170px
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .tierImageWrapper img {
        height: 60px !important
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .currentTierWrapper {
        margin-bottom: 30px
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .currentTierWrapper,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .nextTierInfo,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .nextTierWrapper,
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .redeemPoints {
        flex-basis: 100% !important;
        padding: 0 !important
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .redeemPoints {
        text-align: center
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .redeemPoints .redeemInputWrapper {
        justify-content: center
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .redeemPoints .redeemBtn {
        margin: 0 auto
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper {
        text-align: center
    }
    .jeetPrivilegeContainer .jeetPrivilegeWrapper .userTierWrapper .tierRedeem .nextTierInfo .upgradeContentWrapper .nextLvlPoints {
        justify-content: center
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .upgrade-success-modal .upgradeModal .details {
        padding: 10px 20px 20px 40px
    }
    .upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
        left: -100px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .upgrade-success-modal .upgradeModal .details {
        padding: 10px 20px 20px 30px
    }
    .upgrade-success-modal .upgradeModal .upgradeBannerWrapper .imageWrapper .upgradeBanner {
        left: -150px
    }
}

.align-grid-item-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.align-grid-item-flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.upgradeTierWrapper {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    padding: 10px;
    overflow: hidden;
    background: #372164;
    background: -webkit-gradient(left top, right top, color-stop(0, #372164), color-stop(100%, #562daa));
    background: linear-gradient(90deg, #372164 0, #562daa)
}

.upgradeTierWrapper .hide99Details {
    display: none
}

.upgradeTierWrapper .upgradeTierContainer {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 27.37% 10px 10px
}

.upgradeTierWrapper .upgradeTierContainer:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 10px;
    background: #281848;
    background: -webkit-gradient(left top, right top, color-stop(0, #281848), color-stop(100%, #3d2078));
    background: linear-gradient(90deg, #281848 0, #3d2078)
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-rows: repeat(2, 50%);
    padding: 0 20px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
    grid-template-columns: 80% 10% 10% !important;
    grid-template-areas: " . . .""tier-text tier-text next-img-start""bar-start bar-end next-img-end""button-start button-middle button-end" !important
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
    display: grid;
    grid-template-columns: 10% 70% 10% 10%;
    grid-template-rows: repeat(4, 25%);
    grid-template-areas: ". . . .""curr-img-start tier-text tier-text next-img-start""curr-img-end bar-start bar-end next-img-end"". button-start button-middle button-end"
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle {
    grid-row: 2;
    grid-area: tier-text;
    font-size: .8rem;
    justify-content: flex-start;
    font-weight: 500
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle .nextTierDetails {
    color: #f9bb22;
    margin-left: 5px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle .highestTier {
    color: #f9bb22
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle .nextLvl {
    color: #f9bb22;
    text-transform: uppercase
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar {
    grid-row: 3;
    grid-column-start: bar-start;
    grid-column-end: bar-end;
    margin-top: 0;
    border-radius: 4px;
    flex-grow: 2
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar .progress-linear__background {
    height: 2px !important;
    margin-top: 2px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar .progress-linear__bar .progress-linear__bar__determinate {
    background-size: 18px 12px;
    background-repeat: repeat-x;
    background: -webkit-gradient(left top, right top, color-stop(0, #f722f7), color-stop(100%, #8925f4));
    background: linear-gradient(90deg, #f722f7 0, #8925f4);
    border-radius: 4px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .progressBar .progress-linear__bar .progress-linear__bar__determinate:after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: inherit;
    border-radius: 1em;
    -webkit-animation: progress 1s linear infinite;
    animation: progress 1s linear infinite;
    background-repeat: repeat-x;
    background-size: 30px 30px;
    background-image: linear-gradient(-45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

@-webkit-keyframes progress {
    to {
        background-position: 30px 0
    }
}

@keyframes progress {
    to {
        background-position: 30px 0
    }
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper {
    grid-row: 2;
    grid-row-start: next-img-start;
    grid-row-end: next-img-end
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper img,
.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper img {
    width: 40px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper {
    grid-row: 2;
    grid-row-start: curr-img-start;
    grid-row-end: curr-img-end
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn {
    grid-row: 4;
    grid-column-start: button-start;
    grid-column-end: button-end;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #a2ce2d;
    cursor: pointer;
    transition: all .3s ease
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn i {
    text-decoration: none;
    -webkit-animation: updownEffect 2s ease-in-out infinite;
    animation: updownEffect 2s ease-in-out infinite;
    padding-right: 5px;
    color: #a2ce2d
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn:hover,
.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn:hover i {
    color: #f9bb22
}

@-webkit-keyframes updownEffect {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-5px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes updownEffect {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-5px)
    }
    to {
        transform: translateY(0)
    }
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav {
    display: grid;
    grid-template-columns: repeat(4, 25%);
    grid-template-areas: "img-1 img-2 img-3 img-4";
    border-top: 2px dotted hsla(0, 0%, 58%, .25)
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper {
    cursor: pointer;
    flex-direction: column;
    text-transform: uppercase;
    font-size: .8rem;
    display: grid;
    grid-template-rows: 75% 25%;
    grid-template-areas: "image""nav-text"
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper .imgWrap {
    transition: .3s ease;
    grid-area: image
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper .imgWrap .badge__badge {
    height: 5px;
    width: 5px;
    top: -5px;
    right: -5px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper .navText {
    grid-area: nav-text
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
    width: 35px;
    margin-bottom: 10px
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper span {
    color: #fff;
    font-weight: 600
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div :hover span {
    /* color: $color-text-yellow */
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div :hover .imgWrap {
    transform: translateY(-5px)
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .depositRouter {
    grid-row-start: 2;
    grid-area: img-1
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .withdrawRouter {
    grid-row-start: 2;
    grid-area: img-2
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .lineRouter {
    grid-row-start: 2;
    grid-area: img-3
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav .spinWinRouter {
    grid-row-start: 2;
    grid-area: img-4
}

.upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .referralDisabled {
    grid-template-columns: repeat(3, 30%) 10%;
    grid-template-areas: ". . . .""img-1 img-2 img-3 ."". . . ."
}

.upgradeTierWrapper .loaderWrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important
}

.upgradeTierWrapper .upgradeWrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

@media only screen and (min-width:1600px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn {
        grid-area: tier-text
    }
}

@media only screen and (min-width:960px) and (max-width:1080px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
        grid-template-areas: ". tier-text tier-text . ""curr-img-start tier-text tier-text next-img-start""curr-img-end bar-start bar-end next-img-end"". button-start button-middle button-end"
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper img,
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper img {
        width: 25px
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
        grid-template-areas: "tier-text tier-text . ""tier-text tier-text next-img-start""bar-start bar-end next-img-end""button-start button-middle button-end" !important
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
        width: 30px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
        grid-template-areas: ". . . .""curr-img-start tier-text tier-text next-img-start""curr-img-end bar-start bar-end next-img-end"". button-start button-middle button-end"
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
        grid-template-areas: ". . . ""tier-text tier-text next-img-start""bar-start bar-end next-img-end""button-start button-middle button-end" !important
    }
}

@media only screen and (min-width:640px) and (max-width:960px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn {
        grid-area: tier-text
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer {
        grid-template-rows: 60% 40%
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .currentTierImgWrapper img,
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .nextTierImgWrapper img {
        width: 25px
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .upgradeBtn i {
        font-size: 1.2rem
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
        width: 25px;
        margin-bottom: 2px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .upgradeTierWrapper .upgradeTierContainer {
        padding: 38.57% 10px 10px
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper {
        grid-template-areas: ". tier-text tier-text . ""curr-img-start tier-text tier-text next-img-start""curr-img-end bar-start bar-end next-img-end"". button-start button-middle button-end"
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .tierTitle {
        padding: 0 5px
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .finalLevelTemplate {
        grid-template-areas: "tier-text tier-text . ""tier-text tier-text next-img-start""bar-start bar-end next-img-end""button-start button-middle button-end" !important
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper {
        font-size: .8rem
    }
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .quickNav div .imgWrapper img {
        width: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:400px) {
    .upgradeTierWrapper .upgradeTierContainer .rewardDataContainer .progressbarWrapper .v-progress-linear {
        margin-top: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .upgradeTierWrapper .upgradeTierContainer {
        padding: 45% 10px 10px
    }
}

.gameGrid .gameSection1 {
    margin: 0 -10px !important
}

@media screen and (max-width:479px) {
    .gameGrid .gameList.homePage .flex:nth-child(n+13),
    .gameGrid .gameList:not(.showAll) .flex:nth-child(-n),
    .gameGrid .gameSection1 .flex:nth-child(n+1),
    .gameGrid .gameSection2 .flex:nth-child(n+1) {
        display: none
    }
}

@media screen and (min-width:480px) and (max-width:799px) {
    .gameGrid .gameList1.homePage .flex:nth-child(n+16),
    .gameGrid .gameList1.homePage .flex:nth-child(n+17),
    .gameGrid .gameList1:not(.showAll) .flex:nth-child(-n+3),
    .gameGrid .gameList.homePage .flex:nth-child(n+15),
    .gameGrid .gameList:not(.showAll) .flex:nth-child(-n+2),
    .gameGrid .gameSection1 .flex:nth-child(n+3),
    .gameGrid .gameSection2 .flex:nth-child(n+4) {
        display: none
    }
}

@media screen and (min-width:800px) and (max-width:1079px) {
    .gameGrid .gameList1.homePage .flex:nth-child(n+17),
    .gameGrid .gameList1:not(.showAll) .flex:nth-child(-n+4),
    .gameGrid .gameList.homePage .flex:nth-child(n+17),
    .gameGrid .gameList:not(.showAll) .flex:nth-child(-n+4),
    .gameGrid .gameSection1 .flex:nth-child(n+5),
    .gameGrid .gameSection2 .flex:nth-child(n+5) {
        display: none
    }
}

@media screen and (min-width:1080px) and (max-width:1299px) {
    .gameGrid .gameList1.homePage .flex:nth-child(n+16),
    .gameGrid .gameList1:not(.showAll) .flex:nth-child(-n+5),
    .gameGrid .gameList.homePage .flex:nth-child(n+17),
    .gameGrid .gameList:not(.showAll) .flex:nth-child(-n+6),
    .gameGrid .gameSection1 .flex:nth-child(n+7),
    .gameGrid .gameSection2 .flex:nth-child(n+6) {
        display: none
    }
}

@media screen and (min-width:1300px) {
    .gameGrid .gameList1:not(.showAll) .flex:nth-child(-n+6),
    .gameGrid .gameList:not(.showAll) .flex:nth-child(-n+8),
    .gameGrid .gameSection1 .flex:nth-child(n+9),
    .gameGrid .gameSection2 .flex:nth-child(n+7) {
        display: none
    }
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 30px #111;
    -webkit-text-fill-color: #fff
}

img[lazy=loading] {
    background-position: 50%
}

.swiper-lazy-preloader:after,
img[lazy=loading] {

    background-size: 25px 25px
}

.application.theme--dark {
    background-color: #111
}

.application.theme--dark.blur .application--wrap {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.noGames {
    color: #8f99a3;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 450px;
    font-size: 1.5rem
}

.netwinJackpotWrapper {
    margin: 30px auto 15px;
    display: flex
}

input {
    padding: 0 5px
}

header {
    position: fixed;
    width: 100%;
    z-index: 150
}

div.input-group__details {
    min-height: 0
}

div.input-group {
    padding-top: 0
}

.input-group--text-field label {
    position: relative !important;
    top: 22.5px;
    color: #8f99a3 !important
}

.tabs__item:not(.tabs__item--active) {
    opacity: 1
}

.promotion-ribbon-wrapper {
    margin-top: 10px;
    margin-bottom: 10px
}

.promotion-ribbon-wrapper .promotion-ribbon a {
    display: flex;
    justify-content: center;
    align-items: center
}

.promotion-ribbon-wrapper .promotion-ribbon a img {
    width: calc(100% - 20px);
    margin: 0 auto
}

.gamesToolbar.secGameToolbar {
    position: relative;
    z-index: 1000;
    top: -1000px;
    transition: all .3s ease
}

.gamesToolbar.secGameToolbar ul li {
    padding: 10px 25px
}

.gamesToolbar.secGameToolbar.fixed ul li {
    padding: 5px 17px;
    font-size: 1rem
}

.gamesToolbar.secGameToolbar.fixed {
    top: 0;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .5)
}

@media only screen and (min-width:0px) and (max-width:1300px) {
    .netwinJackpotWrapper {
        padding-right: 0
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .promotion-ribbon-wrapper {
        display: none
    }
    .homeWidgetWrapper .homeWidgets .flex {
        padding: 6px !important
    }
    .homeWidgetWrapper .homeWidgets .flex .netwinContainer,
    .homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper {
        padding: 5px !important;
        border-radius: 10px !important
    }
    .homeWidgetWrapper .homeWidgets .flex .netwinContainer .netwinWrapper,
    .homeWidgetWrapper .homeWidgets .flex .netwinContainer .poster-swiper,
    .homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper .netwinWrapper,
    .homeWidgetWrapper .homeWidgets .flex .posterSwiperWrapper .poster-swiper {
        border-radius: 5px !important
    }
    .homeWidgetWrapper .homeWidgets .authPoster {
        display: none
    }
    /* .homeWidgetWrapper .homeWidgets .upgradeTierWidget {
        flex-basis: 100% !important;
        max-width: 100% !important
    } */
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .gamesToolbar.secGameToolbar ul li {
        padding: 10px 15px;
        font-size: .8rem
    }
}

@media only screen and (min-width:0px) and (max-width:600px) {
    .homeWidgets .posterComponentWrapper {
        display: none
    }
    .homeWidgets .netwinWrapper {
        padding-top: 20% !important
    }
    .gamesToolbar.secGameToolbar.fixed ul li {
        padding: 5px 10px
    }
    .netwinJackpotWrapper {
        padding: 0 0 0 10px;
        margin: 15px auto
    }
}

.application.theme--dark[data-v-6429f106] {
    background-color: #111
}

.application.theme--dark.blur .application--wrap[data-v-6429f106] {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

input[data-v-4082ca64]:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 30px #111;
    -webkit-text-fill-color: #fff
}

.application.theme--dark[data-v-4082ca64] {
    background-color: #111
}

.application.theme--dark.blur .application--wrap[data-v-4082ca64] {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

header[data-v-4082ca64] {
    position: fixed;
    width: 100%;
    z-index: 150
}

.footerNav[data-v-4082ca64] {
    padding-bottom: 15px
}

.application.theme--dark {
    background-color: #111
}

.transaction-content-wrapper {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    overflow-x: hidden
}

.transaction-content-wrapper .transaction-status p {
    font-size: 1.3rem;
    color: #fff
}

.transaction-content-wrapper .transaction-container {
    width: 100%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    padding: 20px
}

.transaction-content-wrapper .transaction-status {
    margin: 0 auto;
    display: block;
    text-align: center
}

.transaction-content-wrapper .transaction-status img {
    margin: 0 auto;
    width: 100px;
    height: 100px;
    display: block
}

.transaction-content-wrapper .user-info {
    background: #1a1a1a;
    border-radius: 10px;
    margin: 30px auto 0;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap
}

.transaction-content-wrapper .user-info-field {
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    word-break: break-word
}

.transaction-content-wrapper .user-info-field h3,
.transaction-content-wrapper .user-info-field p {
    flex: 1;
    padding: 0 10px
}

.transaction-content-wrapper .user-info-field h3,
.transaction-content-wrapper .user-info-field p {
    text-align: left !important
}

.transaction-content-wrapper .user-info-field:last-child {
    margin-bottom: 0;
    margin-top: 10px
}

.transaction-content-wrapper .user-info-field p {
    font-size: 1rem;
    text-align: center;
    color: #f9bb22;
    margin-bottom: 5px
}

.transaction-content-wrapper .user-info h3 {
    font-family: Teko, sans-serif !important;
    font-size: 2rem;
    text-align: center;
    color: #fff;
    font-weight: 300;
    line-height: 35px;
    word-break: break-all
}

.transaction-content-wrapper .color-primary {
    color: #f9bb22;
    display: inline-block
}

.transaction-content-wrapper .contact-us {
    color: #8f99a3;
    text-align: center;
    margin-top: 50px
}

.transaction-content-wrapper .contact-us a {
    text-decoration: none;
    color: #f9bb22
}

.transaction-content-wrapper .contact-us a:hover {
    text-decoration: underline
}

.transaction-content-wrapper .err-msg {
    text-align: center;
    color: #da4a4c;
    font-style: italic;
    width: 100%
}

@media only screen and (max-width:640px) {
    .transaction-content-wrapper .user-info h3 {
        font-size: 1.5rem
    }
}

.error-container[data-v-d08f07a8] {
    text-align: right;
    font-size: 12px
}

.errorList[data-v-d08f07a8] {
    color: #da4a4c;
    display: block;
    width: 100%;
    margin-top: 5px
}

.darkTextField {
    background-color: #1a1a1a;
    border-radius: 25px
}

.darkTextField .input-group__details {
    display: none
}

.darkTextField .input-group__input {
    height: 50px;
    padding: 0 20px;
    align-items: center
}

.amountPrefix {
    font-family: Teko, sans-serif
}

.amountPrefix .input-group__input .input-group--text-field__prefix {
    font-size: 1.5rem;
    color: #fff;
    margin-top: 0
}

.amountPrefix .input-group__input input {
    font-size: 1.5rem
}

.extensionPrefix .input-group__input .input-group--text-field__prefix {
    font-family: Teko, sans-serif;
    font-size: 1.28rem
}

.extensionPrefix .input-group__input input {
    font-family: Teko, sans-serif;
    font-size: 1.3rem
}

.jwbtn[data-v-5cade90e] {
    border-radius: 10px;
    border: none;
    padding: 10px 15px;
    margin: 6px 8px;
    min-width: 110px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    display: inline-block;
    position: relative;
    font-weight: 800;
    font-size: 1rem;
    overflow: hidden;
    text-transform: uppercase;
    outline: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3)
}

.jwbtn i[data-v-5cade90e] {
    margin-right: 3px;
    margin-top: -3px;
    font-size: 1.2rem
}

.jwbtn[data-v-5cade90e]:not(.disabled):disabled {
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    cursor: wait
}

.jwbtn.disabled[data-v-5cade90e]:disabled {
    -webkit-filter: brightness(.4);
    filter: brightness(.4);
    cursor: not-allowed
}

.jwbtn.fullwidth[data-v-5cade90e] {
    width: 100%;
    margin: 6px 0
}

.jwbtn.round[data-v-5cade90e] {
    border-radius: 1000px
}

.jwbtn-primary[data-v-5cade90e] {
    background-color: #f9bb22 !important;
    box-shadow: inset 0 0 0 1px #f9bb22
}

.jwbtn-primary[data-v-5cade90e]:hover:enabled {
    background-color: transparent !important
}

.jwbtn-blue[data-v-5cade90e] {
    background-color: #1d3043 !important;
    box-shadow: inset 0 0 0 1px #1d3043
}

.jwbtn-blue[data-v-5cade90e]:hover:enabled {
    background-color: transparent !important
}

.jwbtn-green[data-v-5cade90e] {
    background-color: #a2ce2d !important;
    box-shadow: inset 0 0 0 1px #a2ce2d
}

.jwbtn-green[data-v-5cade90e]:hover:enabled {
    background-color: transparent !important
}

.jwbtn-green-border[data-v-5cade90e] {
    background-color: #a2ce2d !important;
    box-shadow: inset 0 0 0 1px #a2ce2d
}

.jwbtn-primary-transparent[data-v-5cade90e] {
    background-color: transparent !important;
    box-shadow: inset 0 0 0 1px #f9bb22
}

.jwbtn-primary-transparent[data-v-5cade90e]:hover:enabled {
    background-color: #f9bb22 !important
}

.jwbtn-red[data-v-5cade90e] {
    background-color: #da4a4c !important;
    box-shadow: inset 0 0 0 1px #da4a4c
}

.jwbtn-red-transparent[data-v-5cade90e],
.jwbtn-red[data-v-5cade90e]:hover {
    background-color: transparent !important
}

.jwbtn-red-transparent[data-v-5cade90e] {
    box-shadow: inset 0 0 0 1px #da4a4c
}

.jwbtn-red-transparent[data-v-5cade90e]:hover {
    background-color: #da4a4c !important
}

.jwbtn-white[data-v-5cade90e] {
    background-color: #fff;
    text-shadow: none
}

.jwbtn-white[data-v-5cade90e],
.jwbtn-white i[data-v-5cade90e] {
    color: #a2ce2d
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .jwbtn[data-v-5cade90e] {
        border-radius: 40px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .jwbtn[data-v-5cade90e] {
        padding: 8px 10px;
        margin: 0
    }
}

.loader-overlay[data-v-7bb34b1a] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    overflow: hidden;
    z-index: 99999;
    background-color: rgba(0, 0, 0, .8)
}

.loader-overlay.dark[data-v-7bb34b1a] {
    background-color: #000
}

.loader-overlay img[data-v-7bb34b1a] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.error-container[data-v-7be2a7fe] {
    text-align: right;
    font-size: 12px
}

.errorList[data-v-7be2a7fe] {
    color: #da4a4c;
    display: block;
    width: 100%;
    margin-top: 5px
}

.application .theme--dark.list .list__tile__mask,
.theme--dark .list .list__tile__mask {
    background-color: transparent;
    color: #f9bb22
}

.menu__content--autocomplete {
    margin-top: 20px
}

.darkSelector .input-group__input {
    background-color: #1a1a1a;
    height: 50px;
    border-radius: 25px;
    padding: 0 0 0 20px
}

.darkSelector .input-group__details {
    display: none
}

.error-container[data-v-763cb3e9] {
    text-align: right;
    font-size: 12px
}

.errorList[data-v-763cb3e9] {
    color: #da4a4c;
    display: block;
    width: 100%;
    margin-top: 5px
}

.amountTextField {
    background-color: #1a1a1a;
    border-radius: 25px
}

.amountTextField .input-group__input {
    height: 50px;
    padding: 0 20px;
    align-items: center
}

.amountTextField .input-group__input .input-group--text-field__prefix {
    color: #f9bb22 !important;
    margin-top: 0
}

.amountTextField .input-group__details {
    display: none
}

.lds-ripple[data-v-ae6b0330] {
    position: relative
}

.lds-ripple div[data-v-ae6b0330] {
    box-sizing: content-box;
    position: absolute;
    border-width: 2px;
    border-style: solid;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple-data-v-ae6b0330 1s cubic-bezier(0, .2, .8, 1) infinite;
    animation: lds-ripple-data-v-ae6b0330 1s cubic-bezier(0, .2, .8, 1) infinite
}

.lds-ripple div[data-v-ae6b0330]:first-child {
    border-color: #fff
}

.lds-ripple div[data-v-ae6b0330]:nth-child(2) {
    border-color: #eee;
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s
}

.lds-ripple[data-v-ae6b0330] {
    width: 20px !important;
    height: 20px !important;
    top: 50%;
    left: 50%;
    transform: translate(-100%, -35%)
}

@-webkit-keyframes lds-ripple-data-v-ae6b0330 {
    0% {
        top: 15px;
        left: 15px;
        width: 0;
        height: 0;
        opacity: 1
    }
    to {
        top: 0;
        left: 0;
        width: 31px;
        height: 31px;
        opacity: 0
    }
}

@keyframes lds-ripple-data-v-ae6b0330 {
    0% {
        top: 15px;
        left: 15px;
        width: 0;
        height: 0;
        opacity: 1
    }
    to {
        top: 0;
        left: 0;
        width: 31px;
        height: 31px;
        opacity: 0
    }
}

.jwModal-wrapper .card {
    position: relative;
    border-radius: 10px;
    padding: 40px;
    background-color: #1a1a1a
}

.jwModal-wrapper .card .card__title {
    text-align: center
}

.jwModal-wrapper .card .card__title h3 {
    color: #8f99a3;
    text-align: center;
    width: 100%;
    font-size: 1.4rem;
    margin-bottom: 20px
}

.jwModal-wrapper .card .card__text {
    color: #f1f1f1;
    padding: 0 50px;
    font-size: 1rem
}

.jwModal-wrapper .card .closeBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 1rem;
    color: #8f99a3;
    transition: all .3s ease;
    cursor: pointer
}

.jwModal-wrapper .card .closeBtn:hover {
    color: #fff;
    transform: rotate(90deg)
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .jwModal-wrapper .card {
        padding: 30px !important
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .jwModal-wrapper .card .card__text {
        padding: 0 25px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .jwModal-wrapper .card {
        padding: 15px !important
    }
    .jwModal-wrapper .card .card__title h3 {
        font-size: 1.2rem !important
    }
    .jwModal-wrapper .card .card__title {
        padding: 40px 5px 10px !important
    }
    .jwModal-wrapper .card .card__text {
        padding: 0 15px !important
    }
}

.toolTipWrapper {
    background-color: rgba(0, 0, 0, .7);
    box-shadow: inset 0 0 1px 1px hsla(0, 0%, 100%, .05);
    padding: 10px;
    border-radius: 10px
}

.toolTipWrapper .messageWrapper {
    color: #fff;
    font-weight: 700
}

.toolTipWrapper .messageWrapper span {
    word-wrap: break-word;
    text-align: center;
    display: block
}

.game-container[data-v-58a96ce8] {
    text-align: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .05)
}

.game-container h2[data-v-58a96ce8] {
    margin: 20px 0;
    font-weight: 400
}

.game-container h2 strong[data-v-58a96ce8] {
    font-weight: 700
}

.game-container>p[data-v-58a96ce8] {
    color: #8f99a3;
    width: 75%;
    margin: 0 auto 30px;
    font-size: .85rem
}

.game-container a[data-v-58a96ce8] {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #8f99a3;
    transition: all .3s ease
}

.game-container a i[data-v-58a96ce8] {
    color: #8f99a3
}

.game-container a[data-v-58a96ce8]:hover,
.game-container a:hover i[data-v-58a96ce8] {
    color: #f9bb22
}

.game-container .featuredSlider[data-v-58a96ce8] {
    width: 80%;
    margin: 0 auto;
    position: relative
}

.game-container .featuredSlider .swiper-slide[data-v-58a96ce8] {
    transform: scale(.8);
    transition: all .3s ease;
    opacity: .4;
    -webkit-filter: brightness(.3);
    filter: brightness(.3)
}

.game-container .featuredSlider .swiper-slide.swiper-slide-active[data-v-58a96ce8] {
    transform: scale(1);
    opacity: 1;
    -webkit-filter: brightness(1);
    filter: brightness(1)
}

.game-container i.navIcon[data-v-58a96ce8] {
    position: absolute;
    top: 50%;
    z-index: 200;
    font-size: 3rem;
    color: #8f99a3;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer
}

.game-container i.navIcon.swiper-button-disabled[data-v-58a96ce8] {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

.game-container i.navIcon.prev[data-v-58a96ce8] {
    left: -40px
}

.game-container i.navIcon.next[data-v-58a96ce8] {
    right: -40px
}

.game-container .favoriteSlider[data-v-58a96ce8] {
    position: relative
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .game-container p[data-v-58a96ce8] {
        width: 95%
    }
    .game-container a[data-v-58a96ce8] {
        margin: 0 !important
    }
}

.testimonialContainer[data-v-cb938668] {
    padding: 40px 0
}

.testimonialContainer h2[data-v-cb938668] {
    text-align: center;
    margin-bottom: 20px
}

.testimonialContainer .testimonialSlider[data-v-cb938668] {
    position: relative
}

.testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
    display: flex;
    flex-direction: column;
    margin: 10px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 10px;
    height: 220px;
    overflow: hidden
}

.testimonialContainer .testimonialSlider .testimonialContent p[data-v-cb938668] {
    font-size: 1rem;
    margin-bottom: 0;
    color: #fff;
    line-height: 20px
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-img[data-v-cb938668] {
    display: grid;
    position: relative;
    margin: 0 auto;
    height: 40px;
    align-items: center
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-img img[data-v-cb938668] {
    vertical-align: middle;
    width: 70%;
    margin: 0 auto
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-txts[data-v-cb938668] {
    border-top: 1px solid rgba(143, 153, 163, .7);
    margin: 10px 0
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-title[data-v-cb938668] {
    font-size: 1rem;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #111;
    font-weight: 700
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668] {
    color: #8f99a3;
    flex-grow: 2;
    font-style: italic;
    font-size: .85rem
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:after,
.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:before {
    font-family: Material Design Icons;
    color: #fff
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:before {
    content: "\f756"
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-content[data-v-cb938668]:after {
    content: "\f27e"
}

.testimonialContainer .testimonialSlider .testimonialContent .testimonial-reviewedby[data-v-cb938668] {
    color: #f9bb22;
    text-align: right;
    font-style: italic;
    font-weight: 700
}

.testimonialContainer .testimonialSlider .testimonial-img[data-v-cb938668]:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.testimonialContainer .testimonialSlider i.navIcon[data-v-cb938668] {
    position: absolute;
    top: 50%;
    z-index: 1;
    font-size: 3rem;
    color: #8f99a3;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer
}

.testimonialContainer .testimonialSlider i.navIcon.swiper-button-disabled[data-v-cb938668] {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

.testimonialContainer .testimonialSlider i.navIcon.prev[data-v-cb938668] {
    left: -40px
}

.testimonialContainer .testimonialSlider i.navIcon.next[data-v-cb938668] {
    right: -40px
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 240px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 180px
    }
    .testimonialContainer .testimonialSlider .testimonialContent .testimonial-title[data-v-cb938668] {
        font-size: 1rem;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 200px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .testimonialContainer h2[data-v-cb938668] {
        margin-bottom: 10px
    }
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        margin: 0 20px
    }
    .testimonialContainer[data-v-cb938668] {
        padding: 20px 0
    }
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 160px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 200px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .testimonialContainer .testimonialSlider .testimonialContent[data-v-cb938668] {
        height: 210px
    }
}

.featuredGames[data-v-7fdc8ba0] {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden
}

.featuredGames[data-v-7fdc8ba0]:before {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    -webkit-animation: BorderAnimation-data-v-7fdc8ba0 5s linear infinite;
    animation: BorderAnimation-data-v-7fdc8ba0 5s linear infinite
}

.featuredGames .featured-wrapper[data-v-7fdc8ba0] {
    position: relative;
    z-index: 10;
    padding: 20px;
    height: 100%;
    width: 100%
}

.featuredGames .featured-wrapper h2[data-v-7fdc8ba0] {
    text-align: center;
    position: relative;
    z-index: 5;
    margin-bottom: 10px
}

.featuredGames .featured-wrapper .featuredSlider[data-v-7fdc8ba0] {
    width: 90%;
    margin: 0 auto;
    display: flex;
    z-index: 5;
    align-self: center;
    position: relative
}

.featuredGames .featured-wrapper .featuredSlider .featSwiper[data-v-7fdc8ba0] {
    width: 75%;
    margin: 0 auto
}

.featuredGames .featured-wrapper .featuredSlider .navIcon[data-v-7fdc8ba0] {
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    cursor: pointer;
    outline: none
}

.featuredGames .featured-wrapper .featuredSlider .navIcon.prevFeat[data-v-7fdc8ba0] {
    left: 32px
}

.featuredGames .featured-wrapper .featuredSlider .navIcon.nextFeat[data-v-7fdc8ba0] {
    right: 10px
}

.featuredGames .featured-wrapper .featSwiperBg[data-v-7fdc8ba0] {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    z-index: 1;
    border-radius: 10px;
    background-color: #1a1a1a
}

.featuredGames .featured-wrapper .featSwiperBg .swiper-slide[data-v-7fdc8ba0] {
    position: relative
}

.featuredGames .featured-wrapper .featSwiperBg .swiper-slide[data-v-7fdc8ba0]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: rgba(17, 17, 17, .6)
}

.featuredGames .featured-wrapper .featSwiperBg .swiper-slide img[data-v-7fdc8ba0] {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: scale(1.3)
}

@-webkit-keyframes BorderAnimation-data-v-7fdc8ba0 {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

@keyframes BorderAnimation-data-v-7fdc8ba0 {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

.gamesToolbar.secGameToolbar.fixed .lucky-wrapper[data-v-22fef664],
.gamesToolbar.secGameToolbar.fixed .lucky-wrapper .sunny-img[data-v-22fef664] {
    width: 120px
}

.lucky-wrapper[data-v-22fef664] {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 180px
}

.lucky-wrapper .lucky-contents[data-v-22fef664] {
    background-size: contain;
    background-position: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: inherit
}

.lucky-wrapper .sunny-img[data-v-22fef664] {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.lucky-wrapper p[data-v-22fef664] {
    padding: 9px 0 9px 20px;
    background: transparent;
    margin: 0 0 0 60px;
    color: #a2ce2d;
    transform: skewX(-10deg);
    text-transform: uppercase;
    font-weight: 400;
    width: 160px
}

.gamesToolbar.secGameToolbar.fixed .lucky-wrapper p[data-v-22fef664] {
    text-align: center;
    margin-left: 0;
    padding: 0;
    width: 165px
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .lucky-wrapper[data-v-22fef664] {
        width: 150px
    }
    .lucky-wrapper .lucky-contents[data-v-22fef664] {
        background-position: 100%
    }
    .lucky-wrapper .lucky-contents .sunny-img[data-v-22fef664] {
        max-width: 120px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .lucky-wrapper[data-v-22fef664] {
        width: 120px
    }
    .lucky-wrapper .lucky-contents[data-v-22fef664] {
        background-position: 50%
    }
    .lucky-wrapper .lucky-contents .sunny-img[data-v-22fef664] {
        max-width: 110px
    }
    .gamesToolbar.secGameToolbar.fixed .lucky-wrapper .lucky-contents[data-v-22fef664] {
        background-size: 60%;
        background-position: 0
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .lucky-wrapper[data-v-22fef664] {
        width: 100px
    }
    .lucky-wrapper .lucky-contents .sunny-img[data-v-22fef664] {
        width: 80px
    }
    .gamesToolbar.secGameToolbar.fixed .lucky-wrapper[data-v-22fef664],
    .gamesToolbar.secGameToolbar.fixed .lucky-wrapper .sunny-img[data-v-22fef664] {
        width: 100px
    }
}

.gamesToolbar[data-v-7cdf62af] {
    width: 100%;
    background-color: #1a1a1a;
    font-weight: 600;
    border-radius: 50px;
    padding: 0 10px 0 20px;
    margin-bottom: 0
}

.gamesToolbar.toolbarFixed[data-v-7cdf62af] {
    position: fixed
}

.gamelistsWrapper[data-v-7cdf62af] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.gamelistsWrapper.marginRight[data-v-7cdf62af] {
    width: calc(100% - 110px)
}

.gamelistsWrapper ul[data-v-7cdf62af] {
    white-space: nowrap;
    overflow: auto;
    flex-grow: 2
}

.gamelistsWrapper ul li[data-v-7cdf62af] {
    color: #8f99a3;
    padding: 20px 15px;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    position: relative;
    transition: all .3s ease
}

.gamelistsWrapper ul li[data-v-7cdf62af]:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    background-color: #f9bb22;
    transition: all .3s ease;
    opacity: 0
}

.gamelistsWrapper ul li a[data-v-7cdf62af]:first-child {
    padding-left: 0
}

.gamelistsWrapper ul li a[data-v-7cdf62af]:last-child {
    padding-right: 0
}

.gamelistsWrapper ul li.selected[data-v-7cdf62af]:after {
    opacity: 1
}

.gamelistsWrapper ul li.selected[data-v-7cdf62af],
.gamelistsWrapper ul li[data-v-7cdf62af]:hover {
    color: #fff
}

.gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
    width: 270px;
    background-color: #222;
    border-radius: 250px;
    overflow: hidden;
    padding: 10px 10px 10px 45px;
    position: relative;
    color: #8f99a3
}

.gamelistsWrapper .gameSearch-input .searchClear[data-v-7cdf62af] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #8f99a3;
    cursor: pointer
}

.gamelistsWrapper .gameSearch-input[data-v-7cdf62af]:after {
    content: "\f349";
    font-family: Material Design Icons;
    font-size: 1.5rem;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.gamelistsWrapper .gameSearch-input .gameSearch[data-v-7cdf62af] {
    width: 100%;
    outline: none;
    color: #fff
}

.gamelistsWrapper .gameSearch-input .gameSearch.small[data-v-7cdf62af] {
    display: none
}

.gamelistsWrapper .gameSearch-input.notEmpty[data-v-7cdf62af] {
    background-color: #111 !important
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamesToolbar[data-v-7cdf62af] {
        padding: 0 0 0 20px
    }
}

@media only screen and (min-width:0px) and (max-width:1360px) {
    .gamesToolbar[data-v-7cdf62af] {
        padding: 0 0 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .gamelistsWrapper ul[data-v-7cdf62af] {
        margin-right: 3px
    }
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
        width: 200px;
        padding-left: 35px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
        width: 170px
    }
    .gamelistsWrapper .gameSearch-input .gameSearch.full[data-v-7cdf62af] {
        display: none
    }
    .gamelistsWrapper .gameSearch-input .gameSearch.small[data-v-7cdf62af] {
        display: block
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gamelistsWrapper ul[data-v-7cdf62af] {
        margin-right: 10px
    }
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af] {
        padding: 7px 7px 7px 27px;
        width: 27px;
        transition: all .3s ease
    }
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af]:after {
        left: 7px
    }
    .gamelistsWrapper .gameSearch-input.notEmpty[data-v-7cdf62af],
    .gamelistsWrapper .gameSearch-input[data-v-7cdf62af]:hover {
        width: 170px
    }
    .gamelists ul[data-v-7cdf62af] {
        width: calc(100% - 100px)
    }
}

.homeContentContainer .gameListWrapper {
    min-height: 400px
}

.homeContentContainer .gameListWrapper .viewMore {
    text-transform: capitalize
}

.homeContentContainer i.icon.next,
.homeContentContainer i.icon.prev {
    z-index: 10
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .homeContentContainer .game-container .featuredSlider[data-v-dcbc52d0] {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .homeContentContainer #featuredWrapper[data-v-dcbc52d0] {
        padding: 16px 16px 20px !important
    }
    .sfooter .content p[data-v-dcbc52d0] {
        line-height: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .homeContentContainer .game-container .featuredSlider[data-v-dcbc52d0] {
        width: 200%;
        margin-left: -50%
    }
}

a {
    color: #f9bb22;
}

.primary {
    background-color: #f9bb22 !important;
    border-color: #f9bb22 !important;
}

.primary--text {
    color: #f9bb22 !important;
}

.primary--text input,
.primary--text textarea {
    caret-color: #f9bb22 !important;
}

.primary--after::after {
    background: #f9bb22 !important;
}

.primary.lighten-5 {
    background-color: #ffffb6 !important;
    border-color: #ffffb6 !important;
}

.primary--text.text--lighten-5 {
    color: #ffffb6 !important;
}

.primary--text.text--lighten-5 input,
.primary--text.text--lighten-5 textarea {
    caret-color: #ffffb6 !important;
}

.primary.lighten-5--after::after {
    background: #ffffb6 !important;
}

.primary.lighten-4 {
    background-color: #ffff99 !important;
    border-color: #ffff99 !important;
}

.primary--text.text--lighten-4 {
    color: #ffff99 !important;
}

.primary--text.text--lighten-4 input,
.primary--text.text--lighten-4 textarea {
    caret-color: #ffff99 !important;
}

.primary.lighten-4--after::after {
    background: #ffff99 !important;
}

.primary.lighten-3 {
    background-color: #ffff7d !important;
    border-color: #ffff7d !important;
}

.primary--text.text--lighten-3 {
    color: #ffff7d !important;
}

.primary--text.text--lighten-3 input,
.primary--text.text--lighten-3 textarea {
    caret-color: #ffff7d !important;
}

.primary.lighten-3--after::after {
    background: #ffff7d !important;
}

.primary.lighten-2 {
    background-color: #fff361 !important;
    border-color: #fff361 !important;
}

.primary--text.text--lighten-2 {
    color: #fff361 !important;
}

.primary--text.text--lighten-2 input,
.primary--text.text--lighten-2 textarea {
    caret-color: #fff361 !important;
}

.primary.lighten-2--after::after {
    background: #fff361 !important;
}

.primary.lighten-1 {
    background-color: #ffd743 !important;
    border-color: #ffd743 !important;
}

.primary--text.text--lighten-1 {
    color: #ffd743 !important;
}

.primary--text.text--lighten-1 input,
.primary--text.text--lighten-1 textarea {
    caret-color: #ffd743 !important;
}

.primary.lighten-1--after::after {
    background: #ffd743 !important;
}

.primary.darken-1 {
    background-color: #daa000 !important;
    border-color: #daa000 !important;
}

.primary--text.text--darken-1 {
    color: #daa000 !important;
}

.primary--text.text--darken-1 input,
.primary--text.text--darken-1 textarea {
    caret-color: #daa000 !important;
}

.primary.darken-1--after::after {
    background: #daa000 !important;
}

.primary.darken-2 {
    background-color: #bb8600 !important;
    border-color: #bb8600 !important;
}

.primary--text.text--darken-2 {
    color: #bb8600 !important;
}

.primary--text.text--darken-2 input,
.primary--text.text--darken-2 textarea {
    caret-color: #bb8600 !important;
}

.primary.darken-2--after::after {
    background: #bb8600 !important;
}

.primary.darken-3 {
    background-color: #9d6d00 !important;
    border-color: #9d6d00 !important;
}

.primary--text.text--darken-3 {
    color: #9d6d00 !important;
}

.primary--text.text--darken-3 input,
.primary--text.text--darken-3 textarea {
    caret-color: #9d6d00 !important;
}

.primary.darken-3--after::after {
    background: #9d6d00 !important;
}

.primary.darken-4 {
    background-color: #805500 !important;
    border-color: #805500 !important;
}

.primary--text.text--darken-4 {
    color: #805500 !important;
}

.primary--text.text--darken-4 input,
.primary--text.text--darken-4 textarea {
    caret-color: #805500 !important;
}

.primary.darken-4--after::after {
    background: #805500 !important;
}

.secondary {
    background-color: #1a1a1a !important;
    border-color: #1a1a1a !important;
}

.secondary--text {
    color: #1a1a1a !important;
}

.secondary--text input,
.secondary--text textarea {
    caret-color: #1a1a1a !important;
}

.secondary--after::after {
    background: #1a1a1a !important;
}

.secondary.lighten-5 {
    background-color: #8f8f8f !important;
    border-color: #8f8f8f !important;
}

.secondary--text.text--lighten-5 {
    color: #8f8f8f !important;
}

.secondary--text.text--lighten-5 input,
.secondary--text.text--lighten-5 textarea {
    caret-color: #8f8f8f !important;
}

.secondary.lighten-5--after::after {
    background: #8f8f8f !important;
}

.secondary.lighten-4 {
    background-color: #757575 !important;
    border-color: #757575 !important;
}

.secondary--text.text--lighten-4 {
    color: #757575 !important;
}

.secondary--text.text--lighten-4 input,
.secondary--text.text--lighten-4 textarea {
    caret-color: #757575 !important;
}

.secondary.lighten-4--after::after {
    background: #757575 !important;
}

.secondary.lighten-3 {
    background-color: #5c5c5c !important;
    border-color: #5c5c5c !important;
}

.secondary--text.text--lighten-3 {
    color: #5c5c5c !important;
}

.secondary--text.text--lighten-3 input,
.secondary--text.text--lighten-3 textarea {
    caret-color: #5c5c5c !important;
}

.secondary.lighten-3--after::after {
    background: #5c5c5c !important;
}

.secondary.lighten-2 {
    background-color: #454545 !important;
    border-color: #454545 !important;
}

.secondary--text.text--lighten-2 {
    color: #454545 !important;
}

.secondary--text.text--lighten-2 input,
.secondary--text.text--lighten-2 textarea {
    caret-color: #454545 !important;
}

.secondary.lighten-2--after::after {
    background: #454545 !important;
}

.secondary.lighten-1 {
    background-color: #2f2f2f !important;
    border-color: #2f2f2f !important;
}

.secondary--text.text--lighten-1 {
    color: #2f2f2f !important;
}

.secondary--text.text--lighten-1 input,
.secondary--text.text--lighten-1 textarea {
    caret-color: #2f2f2f !important;
}

.secondary.lighten-1--after::after {
    background: #2f2f2f !important;
}

.secondary.darken-1 {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.secondary--text.text--darken-1 {
    color: #000000 !important;
}

.secondary--text.text--darken-1 input,
.secondary--text.text--darken-1 textarea {
    caret-color: #000000 !important;
}

.secondary.darken-1--after::after {
    background: #000000 !important;
}

.secondary.darken-2 {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.secondary--text.text--darken-2 {
    color: #000000 !important;
}

.secondary--text.text--darken-2 input,
.secondary--text.text--darken-2 textarea {
    caret-color: #000000 !important;
}

.secondary.darken-2--after::after {
    background: #000000 !important;
}

.secondary.darken-3 {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.secondary--text.text--darken-3 {
    color: #000000 !important;
}

.secondary--text.text--darken-3 input,
.secondary--text.text--darken-3 textarea {
    caret-color: #000000 !important;
}

.secondary.darken-3--after::after {
    background: #000000 !important;
}

.secondary.darken-4 {
    background-color: #000000 !important;
    border-color: #000000 !important;
}

.secondary--text.text--darken-4 {
    color: #000000 !important;
}

.secondary--text.text--darken-4 input,
.secondary--text.text--darken-4 textarea {
    caret-color: #000000 !important;
}

.secondary.darken-4--after::after {
    background: #000000 !important;
}

.accent {
    background-color: #82b1ff !important;
    border-color: #82b1ff !important;
}

.accent--text {
    color: #82b1ff !important;
}

.accent--text input,
.accent--text textarea {
    caret-color: #82b1ff !important;
}

.accent--after::after {
    background: #82b1ff !important;
}

.accent.lighten-5 {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.accent--text.text--lighten-5 {
    color: #ffffff !important;
}

.accent--text.text--lighten-5 input,
.accent--text.text--lighten-5 textarea {
    caret-color: #ffffff !important;
}

.accent.lighten-5--after::after {
    background: #ffffff !important;
}

.accent.lighten-4 {
    background-color: #f8ffff !important;
    border-color: #f8ffff !important;
}

.accent--text.text--lighten-4 {
    color: #f8ffff !important;
}

.accent--text.text--lighten-4 input,
.accent--text.text--lighten-4 textarea {
    caret-color: #f8ffff !important;
}

.accent.lighten-4--after::after {
    background: #f8ffff !important;
}

.accent.lighten-3 {
    background-color: #daffff !important;
    border-color: #daffff !important;
}

.accent--text.text--lighten-3 {
    color: #daffff !important;
}

.accent--text.text--lighten-3 input,
.accent--text.text--lighten-3 textarea {
    caret-color: #daffff !important;
}

.accent.lighten-3--after::after {
    background: #daffff !important;
}

.accent.lighten-2 {
    background-color: #bce8ff !important;
    border-color: #bce8ff !important;
}

.accent--text.text--lighten-2 {
    color: #bce8ff !important;
}

.accent--text.text--lighten-2 input,
.accent--text.text--lighten-2 textarea {
    caret-color: #bce8ff !important;
}

.accent.lighten-2--after::after {
    background: #bce8ff !important;
}

.accent.lighten-1 {
    background-color: #9fccff !important;
    border-color: #9fccff !important;
}

.accent--text.text--lighten-1 {
    color: #9fccff !important;
}

.accent--text.text--lighten-1 input,
.accent--text.text--lighten-1 textarea {
    caret-color: #9fccff !important;
}

.accent.lighten-1--after::after {
    background: #9fccff !important;
}

.accent.darken-1 {
    background-color: #6596e2 !important;
    border-color: #6596e2 !important;
}

.accent--text.text--darken-1 {
    color: #6596e2 !important;
}

.accent--text.text--darken-1 input,
.accent--text.text--darken-1 textarea {
    caret-color: #6596e2 !important;
}

.accent.darken-1--after::after {
    background: #6596e2 !important;
}

.accent.darken-2 {
    background-color: #467dc6 !important;
    border-color: #467dc6 !important;
}

.accent--text.text--darken-2 {
    color: #467dc6 !important;
}

.accent--text.text--darken-2 input,
.accent--text.text--darken-2 textarea {
    caret-color: #467dc6 !important;
}

.accent.darken-2--after::after {
    background: #467dc6 !important;
}

.accent.darken-3 {
    background-color: #2364aa !important;
    border-color: #2364aa !important;
}

.accent--text.text--darken-3 {
    color: #2364aa !important;
}

.accent--text.text--darken-3 input,
.accent--text.text--darken-3 textarea {
    caret-color: #2364aa !important;
}

.accent.darken-3--after::after {
    background: #2364aa !important;
}

.accent.darken-4 {
    background-color: #004c90 !important;
    border-color: #004c90 !important;
}

.accent--text.text--darken-4 {
    color: #004c90 !important;
}

.accent--text.text--darken-4 input,
.accent--text.text--darken-4 textarea {
    caret-color: #004c90 !important;
}

.accent.darken-4--after::after {
    background: #004c90 !important;
}

.error {
    background-color: #da4a4c !important;
    border-color: #da4a4c !important;
}

.error--text {
    color: #da4a4c !important;
}

.error--text input,
.error--text textarea {
    caret-color: #da4a4c !important;
}

.error--after::after {
    background: #da4a4c !important;
}

.info {
    background-color: #2196f3 !important;
    border-color: #2196f3 !important;
}

.info--text {
    color: #2196f3 !important;
}

.info--text input,
.info--text textarea {
    caret-color: #2196f3 !important;
}

.info--after::after {
    background: #2196f3 !important;
}

.success {
    background-color: #a2ce2d !important;
    border-color: #a2ce2d !important;
}

.success--text {
    color: #a2ce2d !important;
}

.success--text input,
.success--text textarea {
    caret-color: #a2ce2d !important;
}

.success--after::after {
    background: #a2ce2d !important;
}

.warning {
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.warning--text {
    color: #ffc107 !important;
}

.warning--text input,
.warning--text textarea {
    caret-color: #ffc107 !important;
}

.warning--after::after {
    background: #ffc107 !important;
}

.primaryDark {
    background-color: #826725 !important;
    border-color: #826725 !important;
}

.primaryDark--text {
    color: #826725 !important;
}

.primaryDark--text input,
.primaryDark--text textarea {
    caret-color: #826725 !important;
}

.primaryDark--after::after {
    background: #826725 !important;
}

.bgDark {
    background-color: #111111 !important;
    border-color: #111111 !important;
}

.bgDark--text {
    color: #111111 !important;
}

.bgDark--text input,
.bgDark--text textarea {
    caret-color: #111111 !important;
}

.bgDark--after::after {
    background: #111111 !important;
}

.colorBlue {
    background-color: #1d3043 !important;
    border-color: #1d3043 !important;
}

.colorBlue--text {
    color: #1d3043 !important;
}

.colorBlue--text input,
.colorBlue--text textarea {
    caret-color: #1d3043 !important;
}

.colorBlue--after::after {
    background: #1d3043 !important;
}

.colorGreen {
    background-color: #a2ce2d !important;
    border-color: #a2ce2d !important;
}

.colorGreen--text {
    color: #a2ce2d !important;
}

.colorGreen--text input,
.colorGreen--text textarea {
    caret-color: #a2ce2d !important;
}

.colorGreen--after::after {
    background: #a2ce2d !important;
}

.colorRed {
    background-color: #da4a4c !important;
    border-color: #da4a4c !important;
}

.colorRed--text {
    color: #da4a4c !important;
}

.colorRed--text input,
.colorRed--text textarea {
    caret-color: #da4a4c !important;
}

.colorRed--after::after {
    background: #da4a4c !important;
}

.colorGrey {
    background-color: #8f99a3 !important;
    border-color: #8f99a3 !important;
}

.colorGrey--text {
    color: #8f99a3 !important;
}

.colorGrey--text input,
.colorGrey--text textarea {
    caret-color: #8f99a3 !important;
}

.colorGrey--after::after {
    background: #8f99a3 !important;
}

.registerFormWrapper {
    max-width: 650px;
    width: 100%
}

.registerFormWrapper .card {
    border-radius: 15px
}

.registerFormWrapper .card .card__title {
    padding: 50px;
    flex-direction: column;
    background-color: #222;
    color: #8f99a3;
    align-items: flex-start
}

.registerFormWrapper .card .card__title h2 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.75rem
}

.registerFormWrapper .card .card__title h2 .specialText {
    color: #f9bb22
}

.registerFormWrapper .card .card__title p {
    margin: 0;
    font-weight: 500;
    line-height: 22.5px
}

.registerFormWrapper .card .formWrapper {
    background-color: #1a1a1a;
    padding: 50px
}

.registerFormWrapper .card .formWrapper .form .buttonWrapper {
    display: flex;
    margin-top: 20px
}

.registerFormWrapper .card .formWrapper .form .buttonWrapper .backWrapper {
    border-radius: 5px;
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 2px solid #8f99a3;
    margin-right: 10px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper {
    padding-bottom: 50px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group {
    display: flex;
    justify-content: space-between
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .inputField {
    width: 100%;
    flex-basis: 48%;
    flex-grow: 0
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .inputField.input-group--select {
    max-height: 64px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .inputField.captchaWrapper {
    max-height: 60px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .mobileNo .input-group label {
    padding-left: 15px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .input-group__selections {
    padding-left: 5px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .genderLabel {
    display: flex;
    align-items: center;
    padding: 0 25px 0 5px;
    color: #8f99a3
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .radioWrapper .input-group--active label {
    color: #fff !important
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .radioWrapper .input-group__input {
    align-items: center;
    display: flex;
    flex-grow: 0
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .radioWrapper .input-group__input i {
    font-size: 16px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .radioWrapper .input-group__input .input-group {
    max-width: 90px;
    width: auto
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .radioWrapper .input-group__input .input-group label {
    left: 20px
}

.registerFormWrapper .card .formWrapper .form .form-group-wrapper .input-group label {
    width: 100%;
    max-width: calc(100% - 32px);
    padding-left: 5px;
    text-overflow: ellipsis;
    font-size: 1.3rem
}

.registerFormWrapper .card .formWrapper .form .jwbtn {
    width: 100%;
    margin: 0
}

.extensionPrefix .input-group__input .input-group--text-field__prefix {
    font-size: 1.3rem;
    margin-top: -12px
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .registerFormWrapper .card .card__title,
    .registerFormWrapper .card .formWrapper {
        padding: 30px
    }
    .registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group {
        display: flex;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 0 !important
    }
    .registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .inputField {
        flex-grow: 1
    }
    .registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group .inputField.captchaWrapper {
        justify-content: center
    }
    .registerFormWrapper .card .formWrapper .form .form-group-wrapper .input-group label {
        font-size: 1.5rem
    }
    .registerFormWrapper .card .formWrapper .form .form-group-wrapper .form-group-captcha {
        flex-direction: row
    }
    .extensionPrefix .input-group__input .input-group--text-field__prefix {
        font-size: 1.5rem
    }
}

.signUpContainer {
    background-image: url(/_nuxt/img/6d9d6cf.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%
}

.signUpContainer .signUpLayoutWrapper {
    padding: 70px 0 150px
}

.signUpContainer .signUpLayoutWrapper .signUpWrapper {
    display: flex;
    justify-content: center
}

@media only screen and (min-width:0px) and (max-width:1024px) {
    .signUpContainer .signUpLayoutWrapper {
        padding: 30px 0 100px
    }
    .signUpContainer .signUpLayoutWrapper .signUpWrapper {
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .signUpContainer .signUpLayoutWrapper {
        padding: 15px 0 50px
    }
    .signUpContainer .signUpLayoutWrapper .signUpWrapper {
        width: 95%;
        margin: auto
    }
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper {
    text-align: center
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper .btn-download {
    text-shadow: 0 2px 2px transparent
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper .btn-download:hover i {
    color: #fff
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper .btn-download div {
    display: flex;
    margin: 5px;
    align-items: center;
    max-width: 350px;
    height: 60px;
    font-size: 2rem
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper .btn-download div span {
    margin: 0 20px
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper .btn-download div span p {
    font-size: .8rem;
    text-transform: capitalize;
    line-height: 10px
}

.descriptionWrapper .downloadAppDesc .btn-download-wrapper .btn-download div i {
    font-size: 2.5rem;
    color: #1a1a1a;
    opacity: .4
}

.bannerHolder[data-v-264cc18a] {
    position: relative
}

.bannerHolder .smallImage[data-v-264cc18a] {
    display: none
}

.bannerHolder .smallImage .qrcodeWrapper[data-v-264cc18a] {
    position: absolute;
    top: 64%;
    left: 27.5%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 7.5px
}

.bannerHolder .largeImage[data-v-264cc18a] {
    height: 399.936px;
    display: flex
}

.bannerHolder .largeImage img[data-v-264cc18a] {
    width: auto;
    margin: auto
}

.bannerHolder .largeImage .qrcodeWrapper[data-v-264cc18a] {
    position: absolute;
    top: 60%;
    left: 52%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 7.5px 7.5px 0
}

.bannerHolder .smallImage img[data-v-264cc18a] {
    width: 100%
}

.bannerHolder .largeImage[data-v-264cc18a],
.bannerHolder .smallImage[data-v-264cc18a] {
    cursor: pointer
}

.descriptionWrapper[data-v-264cc18a] {
    margin: 80px 0
}

.descriptionWrapper .details[data-v-264cc18a] {
    padding: 0 20px !important;
    text-align: left;
    margin: 40px 0;
    height: 60px
}

.descriptionWrapper .details .iconHolder[data-v-264cc18a] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    flex-direction: row
}

.descriptionWrapper .details .iconHolder .icon[data-v-264cc18a] {
    color: #f9bb22;
    font-size: 2rem
}

.descriptionWrapper .details .descHeader[data-v-264cc18a] {
    color: #f9bb22;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 10px 0
}

.descriptionWrapper .phone[data-v-264cc18a] {
    margin: auto;
    justify-content: center
}

.descriptionWrapper .phone .phoneHolder[data-v-264cc18a] {
    display: flex;
    justify-content: center;
    padding: 35px;
    max-width: 450px
}

.descriptionWrapper .phone .phoneHolder img[data-v-264cc18a] {
    width: 100%
}

.infoHolder[data-v-264cc18a] {
    background-color: #1a1a1a;
    padding: 30px 20px
}

.infoHolder .txtWrapper[data-v-264cc18a] {
    max-width: 600px;
    margin: 0 auto
}

.infoHolder .txtWrapper p[data-v-264cc18a] {
    text-align: center;
    color: #8f99a3
}

@media only screen and (min-width:0px) and (max-width:1920px) {
    .bannerHolder .largeImage[data-v-264cc18a] {
        margin-left: calc((100vw - 1920px)/2);
        height: 399.936px
    }
}

@media only screen and (min-width:0px) and (max-width:1300px) {
    .bannerHolder .largeImage[data-v-264cc18a] {
        margin-right: calc((100% - 1920px)/2);
        margin-left: calc((100% - 1920px)/2);
        height: 25vw
    }
    .bannerHolder .largeImage img[data-v-264cc18a] {
        width: 147.69231vw;
        display: block
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .details[data-v-264cc18a] {
        padding: 20px 30px !important
    }
    .download-wrapper-container[data-v-264cc18a] {
        margin-bottom: 40px
    }
}

@media only screen and (min-width:0px) and (max-width:959px) {
    .descriptionWrapper[data-v-264cc18a] {
        margin-top: 60px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .details[data-v-264cc18a] {
        padding: 0 !important
    }
}

@media only screen and (min-width:0px) and (max-width:600px) {
    .downloadAppDesc[data-v-264cc18a] {
        margin-top: 80px !important
    }
    .downloadAppDesc .phone[data-v-264cc18a] {
        display: none !important
    }
}

@media only screen and (min-width:0px) and (max-width:599px) {
    .phone[data-v-264cc18a] {
        text-align: center
    }
    .details[data-v-264cc18a] {
        padding: 10px;
        margin: 0 !important;
        text-align: center !important
    }
    .descriptionWrapper .details .iconHolder[data-v-264cc18a] {
        flex-direction: row;
        justify-content: center;
        align-items: center
    }
    .descriptionWrapper .details .iconHolder .icon[data-v-264cc18a] {
        font-size: 1.5rem
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .largeImage[data-v-264cc18a] {
        display: none !important
    }
    .smallImage[data-v-264cc18a] {
        display: block !important
    }
    .details[data-v-264cc18a] {
        padding: 10px !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .phoneHolder img[data-v-264cc18a] {
        width: 100% !important
    }
}

@media only screen and (min-width:600px) and (max-width:960px) {
    .descriptionWrapper .details[data-v-264cc18a] {
        padding: 0 40px !important
    }
}

.gamePlatformWrapper {
    margin: 20px 0
}

.gamePlatformWrapper .tabs__wrapper .tabs__container {
    height: auto !important
}

.gamePlatformWrapper .platformList {
    margin: 0 10px
}

.gamePlatformWrapper .platformList .before {
    transition: opacity .3s .2s, transform .3s .2s
}

.gamePlatformWrapper .platformList .after {
    opacity: 0;
    transform: rotate(180deg);
    transition: opacity .3s .2s, transform .3s .2s
}

.gamePlatformWrapper .platformList:hover .before {
    opacity: 0;
    transform: rotate(180deg)
}

.gamePlatformWrapper .platformList:hover .after {
    opacity: 1;
    transform: rotate(1turn)
}

.gamePlatformWrapper .platformList:first-child {
    margin-left: 0
}

.gamePlatformWrapper .platformList:last-child {
    margin-right: 0
}

.gamePlatformWrapper .platformList a {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1a1a1a
}

.gamePlatformWrapper .platformList a .platformIcon {
    position: absolute;
    width: 30px
}

.gamePlatformWrapper .platformList a.selectedPlatform {
    box-shadow: inset 0 0 0 2px #f9bb22
}

.gamePlatformWrapper .platformList a p {
    margin-bottom: 0
}

@media only screen and (min-width:0px) and (max-width:1080px) {
    .gamePlatformWrapper .platformList {
        margin: 0 7px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gamePlatformWrapper .platformList a {
        width: 50px;
        height: 50px;
        border-radius: 50px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .gamePlatformWrapper .platformList {
        margin: 0 5px
    }
}

.gamePgae-wrapper[data-v-69243d94] {
    background-image: url(/_nuxt/img/60bd1ff.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed
}

.gamePgae-wrapper .toolbarWrapper[data-v-69243d94] {
    display: none
}

.imageTitleWrap1[data-v-69243d94],
.imageTitleWrap2[data-v-69243d94] {
    margin: 20px 5px
}

.viewMoreWrapper[data-v-69243d94] {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.gamenotfound[data-v-69243d94] {
    text-align: center;
    color: #8f99a3;
    font-size: 1.5rem;
    margin-top: 30px
}

.sports-youtube-wrapper[data-v-69243d94] {
    margin: 20px auto
}

.sports-youtube-wrapper .video[data-v-69243d94] {
    position: relative;
    padding-top: 56.25%
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamePgae-wrapper[data-v-69243d94] {
        min-height: 500px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .sports-youtube-wrapper[data-v-69243d94] {
        margin: 0 auto
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gameListWrapper[data-v-69243d94] {
        padding: 10px
    }
    .imageTitleWrap1[data-v-69243d94] {
        max-width: 200px
    }
    .imageTitleWrap1 img[data-v-69243d94] {
        width: 100%
    }
    .imageTitleWrap2[data-v-69243d94] {
        max-width: 150px
    }
    .imageTitleWrap2 img[data-v-69243d94] {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:600px) {
    .sports-youtube-wrapper .imageTitleWrap2[data-v-69243d94] {
        margin: 20px auto
    }
    .sports-youtube-wrapper .grid-container[data-v-69243d94] {
        padding: 0 20px
    }
    .imageTitleWrap1[data-v-69243d94] {
        margin: 20px auto
    }
}

.gamePgae-wrapper[data-v-7230978e] {
    background-image: url(/_nuxt/img/2ad3eee.jpg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-attachment: fixed;
    background-size: 400px;
    min-height: 900px
}

.viewMoreWrapper[data-v-7230978e] {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.gamenotfound[data-v-7230978e] {
    text-align: center;
    color: #8f99a3;
    font-size: 1.5rem;
    margin-top: 30px
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamePgae-wrapper[data-v-7230978e] {
        background-image: none;
        min-height: 500px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gameListWrapper[data-v-7230978e] {
        padding: 10px
    }
}

.gamePgae-wrapper[data-v-53fcd6d2] {
    background-image: url(/_nuxt/img/2ad3eee.jpg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-attachment: fixed;
    background-size: 400px;
    min-height: 900px
}

.viewMoreWrapper[data-v-53fcd6d2] {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.gamenotfound[data-v-53fcd6d2] {
    text-align: center;
    color: #8f99a3;
    font-size: 1.5rem;
    margin-top: 30px
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamePgae-wrapper[data-v-53fcd6d2] {
        background-image: none;
        min-height: 500px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gameListWrapper[data-v-53fcd6d2] {
        padding: 10px
    }
}

.gamePgae-wrapper[data-v-d98d975a] {
    background-image: url(/_nuxt/img/2ad3eee.jpg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-attachment: fixed;
    background-size: 400px;
    min-height: 900px
}

.viewMoreWrapper[data-v-d98d975a] {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.gamenotfound[data-v-d98d975a] {
    text-align: center;
    color: #8f99a3;
    font-size: 1.5rem;
    margin-top: 30px
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamePgae-wrapper[data-v-d98d975a] {
        background-image: none;
        min-height: 500px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gameListWrapper[data-v-d98d975a] {
        padding: 10px
    }
}

.tableWrapper {
    width: 100%
}

.tableWrapper table {
    text-align: center;
    width: 100%;
    background: #111;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    max-width: 400px;
    margin: auto
}

.tableWrapper table .current-rank {
    text-align: center;
    padding: 10px 15px
}

.tableWrapper table .current-rank .rank-value {
    color: #f9bb22;
    font-size: 1.8rem;
    font-family: Teko, sans-serif;
    font-weight: 500;
    margin: 0
}

.tableWrapper table td {
    color: #8f99a3
}

.tableWrapper table th {
    padding: 10px 15px;
    border-bottom: 1px solid #f9bb22;
    font-size: .85rem;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.tableWrapper table td+td,
.tableWrapper table th+th {
    text-align: left
}

.tableWrapper table tbody tr:nth-child(odd) {
    background: hsla(0, 0%, 100%, .05)
}

.tableWrapper table tbody tr .winner {
    position: relative
}

.tableWrapper table tbody tr .winner:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 22px;
    bottom: 12px
}

.tableWrapper table tbody tr td {
    padding: 10px 15px;
    font-size: .9rem
}

.tableWrapper table tbody tr td:first-child {
    text-align: right
}

.tableWrapper table tbody tr:first-child td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -1px 0
}

.tableWrapper table tbody tr:nth-child(2) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -18px 0
}

.tableWrapper table tbody tr:nth-child(3) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -35px 0
}

.tableWrapper table tbody tr:nth-child(4) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -52px 0
}

.tableWrapper table tbody tr:nth-child(5) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -69px 0
}

.tableWrapper table tbody tr:nth-child(6) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -86px 0
}

.tableWrapper table tbody tr:nth-child(7) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -103px 0
}

.tableWrapper table tbody tr:nth-child(8) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -120px 0
}

.tableWrapper table tbody tr:nth-child(9) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -137px 0
}

.tableWrapper table tbody tr:nth-child(10) td.winner:before {
    background-image: url(/_nuxt/img/73dab54.svg);
    background-position: -154px 0
}

.history-table-wrapper[data-v-3eb66992] {
    display: flex;
    justify-content: center;
    padding: 10px;
    margin-top: 20px
}

.history-table-wrapper .no-data[data-v-3eb66992] {
    width: 100%;
    margin-top: 40px;
    min-height: 100px;
    font-size: 1.4rem
}

.history-table-wrapper .no-data p[data-v-3eb66992] {
    color: #da4a4c;
    font-size: 1.4rem
}

.history-table-wrapper .no-score[data-v-3eb66992] {
    font-size: 1rem;
    color: #da4a4c;
    margin: 0 auto;
    display: table
}

.history-table-wrapper .history-holder[data-v-3eb66992] {
    padding: 30px
}

.history-table-wrapper .history-holder .titleLabel[data-v-3eb66992] {
    text-align: center
}

.history-table-wrapper .history-holder .titleLabel .greet-text[data-v-3eb66992] {
    color: #f9bb22;
    font-size: 1.5rem;
    display: block
}

.history-table-wrapper .history-holder p[data-v-3eb66992] {
    text-align: center;
    color: #f9bb22
}

.history-table-wrapper .history-holder .scoreboard-wrapper[data-v-3eb66992] {
    display: flex;
    justify-content: center
}

.history-table-wrapper .history-holder .scoreboard-wrapper .current-rank[data-v-3eb66992] {
    text-align: center
}

.history-table-wrapper .history-holder .scoreboard-wrapper .current-rank .rank-value[data-v-3eb66992] {
    color: #f9bb22;
    font-size: 1.8rem;
    font-family: Teko, sans-serif !important;
    margin-left: 5px;
    font-weight: 500;
    margin-bottom: -10px
}

.vueCountdown[data-v-d9771fc4] {
    margin: 25px 0
}

.vueCountdown .timer[data-v-d9771fc4],
.vueCountdown .timer .subTimer[data-v-d9771fc4] {
    display: flex
}

.vueCountdown .timer .subTimer p[data-v-d9771fc4] {
    margin-top: 5px;
    text-align: center;
    font-size: .8rem;
    margin-bottom: 10px
}

.vueCountdown .timer .subTimer .countdown-holder[data-v-d9771fc4] {
    font-family: Teko;
    background-color: #282828;
    font-size: 2.5rem;
    border-radius: 15px;
    justify-content: center;
    align-content: center;
    display: flex;
    width: 60px;
    padding: 10px
}

.vueCountdown .timer .subTimer .semi-colon[data-v-d9771fc4] {
    font-size: 3rem;
    color: #8f99a3;
    display: table-cell;
    text-align: center;
    padding: 0 10px;
    line-height: 55px;
    overflow: hidden;
    vertical-align: bottom
}

.vueCountdown.small .timer .subTimer .countdown-holder[data-v-d9771fc4] {
    width: 50px;
    font-size: 2rem
}

.vueCountdown.small .timer .subTimer .semi-colon[data-v-d9771fc4] {
    font-size: 2rem;
    padding: 0 5px;
    line-height: 40px
}

.vueCountdown.xtra-small .timer .countdown-holder[data-v-d9771fc4] {
    width: 5px;
    font-size: 1.4rem
}

.vueCountdown.xtra-small .timer .semi-colon[data-v-d9771fc4] {
    font-size: 1rem;
    line-height: 25px
}

.xtra-small[data-v-d9771fc4] {
    margin-top: 5px
}

.xtra-small .timer .subTimer .countdown-holder[data-v-d9771fc4] {
    padding: 0;
    background-color: transparent
}

.small[data-v-d9771fc4] {
    margin: 10px 0
}

.small .timer .subTimer .countdown-holder[data-v-d9771fc4] {
    padding: 0
}

.lightColor .timer .subTimer .countdown-holder[data-v-d9771fc4] {
    background-color: #282828 !important
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .vueCountdown .timer .subTimer .semi-colon[data-v-d9771fc4] {
        padding: 0 6px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .vueCountdown .timer .subTimer .countdown-holder[data-v-d9771fc4] {
        width: 40px;
        padding: 2px
    }
}

.quick-tournament[data-v-5a3ea24d] {
    border-radius: 20px;
    background: #1a1a1a;
    overflow: hidden;
    box-shadow: 0 0 70px -10px rgba(0, 0, 0, .75)
}

.quick-tournament-title[data-v-5a3ea24d] {
    display: flex;
    width: 100%;
    vertical-align: middle;
    position: relative;
    height: 2em;
    line-height: 1.5em;
    overflow: hidden
}

.quick-tournament-title h4[data-v-5a3ea24d] {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    font-size: 1.25rem
}

.bottom-shade[data-v-5a3ea24d] {
    height: 50px;
    width: 100%;
    position: absolute;
    display: flex;
    bottom: 0;
    background: rgba(26, 26, 26, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(26, 26, 26, 0)), color-stop(100%, #1a1a1a));
    background: linear-gradient(180deg, rgba(26, 26, 26, 0) 0, #1a1a1a)
}

.infoIcon[data-v-5a3ea24d] {
    cursor: pointer;
    transition: all .2s
}

.infoIcon[data-v-5a3ea24d]:active {
    transform: scale(.8)
}

.closeIcon[data-v-5a3ea24d] {
    cursor: pointer;
    float: right;
    padding-left: 20px;
    transition: all .2s;
    align-items: normal
}

.closeIcon[data-v-5a3ea24d]:active {
    transform: scale(.8)
}

.tournament-description[data-v-5a3ea24d] {
    position: absolute;
    top: 50px;
    overflow: hidden;
    margin-right: -15px
}

.tournament-description p[data-v-5a3ea24d] {
    color: #fff;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500
}

.tournament-description .rules-list[data-v-5a3ea24d] {
    margin: 10px 20px
}

.tournament-description li[data-v-5a3ea24d] {
    color: #8f99a3
}

.tournament-description .winnings[data-v-5a3ea24d] {
    margin-bottom: 15px
}

.tournament-description .winnings table[data-v-5a3ea24d] {
    text-align: center;
    width: 100%;
    background: #111;
    border-collapse: collapse;
    border-radius: 10px;
    overflow: hidden;
    max-width: 400px;
    margin: auto
}

.tournament-description .winnings table td[data-v-5a3ea24d] {
    color: #8f99a3
}

.tournament-description .winnings table th[data-v-5a3ea24d] {
    padding: 10px 15px;
    border-bottom: 1px solid #f9bb22
}

.tournament-description .winnings table tbody tr[data-v-5a3ea24d]:nth-child(2n) {
    background: hsla(0, 0%, 100%, .05)
}

.tournament-description .winnings table tbody td[data-v-5a3ea24d] {
    padding: 10px 15px;
    font-size: .9rem
}

.tour-para[data-v-5a3ea24d] {
    overflow-y: scroll;
    max-height: 350px;
    padding-right: 30px;
    padding-bottom: 15px
}

.quick-tournament-img img[data-v-5a3ea24d] {
    border-radius: 20px 20px 0 0
}

.quick-tournament-info[data-v-5a3ea24d] {
    padding: 20px 30px;
    position: relative;
    min-height: 450px;
    display: flex;
    flex-direction: column
}

.quick-tournament-info .tournament-detail[data-v-5a3ea24d] {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.quick-tournament-info .tournament-detail .tournamentGame[data-v-5a3ea24d] {
    margin-top: 20px
}

.quick-tournament-info .tournament-detail .tournamentGame h4 span[data-v-5a3ea24d] {
    color: #f9bb22
}

.quick-tournament-info .tournament-detail .tournamentGame .gameWrapper[data-v-5a3ea24d] {
    padding: 3px;
    display: flex;
    position: relative;
    cursor: pointer;
    align-items: center;
    margin-top: 10px
}

.quick-tournament-info .tournament-detail .tournamentGame .gameWrapper .gameImage[data-v-5a3ea24d] {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.quick-tournament-info .tournament-detail .tournamentGame .gameWrapper .gameName[data-v-5a3ea24d] {
    margin-left: 10px;
    margin-bottom: 0;
    font-size: .9rem;
    color: #8f99a3
}

.notStarted[data-v-5a3ea24d] {
    min-height: 370px
}

.notStarted .tour-para[data-v-5a3ea24d] {
    max-height: 280px
}

.tourStarted[data-v-5a3ea24d] {
    min-height: 533px
}

.tourStarted .tour-para[data-v-5a3ea24d] {
    max-height: 450px
}

.tournamentEnded[data-v-5a3ea24d] {
    margin-top: 20px
}

.start-date[data-v-5a3ea24d] {
    display: flex
}

.start-date h4[data-v-5a3ea24d] {
    font-weight: 400
}

.end-date[data-v-5a3ea24d] {
    display: flex;
    margin-top: 5px
}

.end-date h4[data-v-5a3ea24d] {
    font-weight: 400
}

.date[data-v-5a3ea24d] {
    color: #8f99a3;
    width: 12%
}

.value[data-v-5a3ea24d] {
    color: #f9bb22;
    margin-left: 45px;
    width: 88%
}

.tournament-countdown[data-v-5a3ea24d] {
    display: flex;
    flex-flow: column;
    margin-top: 20px;
    flex-grow: 2
}

.tournament-countdown h4[data-v-5a3ea24d] {
    color: #fff
}

.tournament-countdown .congratulationsText[data-v-5a3ea24d] {
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 10px 0
}

.tournament-countdown .congratulationsText h2[data-v-5a3ea24d] {
    font-size: 2rem;
    color: #f9bb22;
    font-weight: 700
}

.tournament-countdown .congratulationsText span[data-v-5a3ea24d] {
    font-size: 1.5rem
}

.countdown-holder[data-v-5a3ea24d] {
    background-color: #000;
    font-size: 3rem !important;
    border-radius: 15px;
    justify-content: center;
    align-content: center;
    display: flex;
    font-family: Teko;
    font-weight: 200 !important;
    width: 48px;
    padding: 2px 10px;
    height: auto
}

.semi-colon[data-v-5a3ea24d] {
    font-size: 3rem;
    color: #8f99a3;
    display: table-cell;
    text-align: center;
    padding: 0 10px;
    line-height: 60px;
    overflow: hidden;
    vertical-align: bottom
}

.jwbtn-green.btn-join-tournament[data-v-5a3ea24d] {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    display: block;
    padding: 10px 40px;
    margin: 10px auto 0
}

@media only screen and (min-width:0px) and (max-width:1024px) {
    .quick-tournament[data-v-5a3ea24d]:last-child {
        margin: 0 10px auto;
        margin: auto
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .tournament-countdown[data-v-5a3ea24d] {
        flex-grow: 0
    }
}

.quick-tournament-holder[data-v-32647950] {
    margin: 30px 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0
}

.quick-tournament-holder .noData[data-v-32647950] {
    color: #da4a4c;
    text-align: center;
    font-size: 1.5rem
}

.fullWidth[data-v-f5cc2d8c] {
    width: 90% !important;
    margin-right: 10% !important
}

.gameDetailContainer[data-v-f5cc2d8c] {
    line-height: 20px;
    width: 85%;
    margin: auto 0 auto 15%
}

.gameDetailContainer .card[data-v-f5cc2d8c],
.gameDetailContainer .expansion-panel[data-v-f5cc2d8c],
.gameDetailContainer .expansion-panel__container[data-v-f5cc2d8c] {
    background-color: transparent;
    color: #8f99a3;
    border-top: none;
    box-shadow: none
}

.gameDetailContainer .titleLabel[data-v-f5cc2d8c] {
    color: #fff
}

.gameDetailContainer .tournamentGamesWrapper[data-v-f5cc2d8c] {
    width: 100%
}

.gameDetailContainer .tournamentGamesWrapper .brand[data-v-f5cc2d8c] {
    color: #f9bb22
}

.gameDetailContainer .tournamentGamesWrapper .gameWrapper[data-v-f5cc2d8c] {
    padding: 3px;
    display: flex;
    position: relative;
    cursor: pointer
}

.gameDetailContainer .tournamentGamesWrapper .gameWrapper .gameImage[data-v-f5cc2d8c] {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.gameDetailContainer .tournamentGamesWrapper .gameWrapper .gameName[data-v-f5cc2d8c] {
    margin-left: 10px;
    font-size: .9rem
}

.gameDetailContainer table[data-v-f5cc2d8c] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px
}

.gameDetailContainer table tr td[data-v-f5cc2d8c],
.gameDetailContainer table tr th[data-v-f5cc2d8c] {
    border: 1px solid #8f99a3;
    text-align: center;
    padding: 5px
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .gameDetailContainer[data-v-f5cc2d8c] {
        width: 100%;
        margin: auto
    }
}

.gameDetailContainer .expansion-panel__header {
    padding: 12px 0
}

.gameDetailContainer .expansion-panel__container i {
    color: #f9bb22 !important
}

.redirect-video[data-v-4a12e3ec] {
    position: relative;
    color: #fff;
    cursor: pointer;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 0
}

.tournamentCardWrapper[data-v-4a12e3ec] {
    margin-top: 40px
}

.tournamentCardWrapper .title[data-v-4a12e3ec] {
    text-transform: uppercase;
    text-align: center
}

.tournamentCardWrapper .titleWrapper[data-v-4a12e3ec] {
    position: relative;
    min-height: 25px
}

.tournamentCardWrapper .titleWrapper h3[data-v-4a12e3ec] {
    padding-right: 25px
}

.tournamentCardWrapper .titleWrapper .closeIcon[data-v-4a12e3ec],
.tournamentCardWrapper .titleWrapper .infoIcon[data-v-4a12e3ec] {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.tournamentCardWrapper .titleWrapper .closeIcon i[data-v-4a12e3ec],
.tournamentCardWrapper .titleWrapper .infoIcon i[data-v-4a12e3ec] {
    vertical-align: center
}

.tournamentCardWrapper .contentWrapper[data-v-4a12e3ec] {
    background-size: cover;
    border-radius: 20px;
    margin: 40px 0;
    padding: 30px 20px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 70px -10px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, .75);
    -moz-box-shadow: 0 0 70px -10px rgba(0, 0, 0, .75)
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper[data-v-4a12e3ec] {
    width: 60%;
    display: flex;
    padding: 0 10px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper[data-v-4a12e3ec] {
    flex-grow: 1;
    width: 60%
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .imageWrapper[data-v-4a12e3ec] {
    position: relative;
    padding-top: 60%;
    margin-bottom: 30px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .imageWrapper .tournamentImage[data-v-4a12e3ec] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #1a1a1a;
    border-radius: 11px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .imageWrapper .tournamentImage img[data-v-4a12e3ec] {
    width: 100%;
    border-radius: 11px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .bgoverlay[data-v-4a12e3ec] {
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 13px;
    overflow: hidden
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .bgoverlay[data-v-4a12e3ec]:after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    opacity: 1;
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00)
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .bgoverlay.animate[data-v-4a12e3ec]:after {
    -webkit-animation: BorderAnimation-data-v-4a12e3ec 5s linear infinite;
    animation: BorderAnimation-data-v-4a12e3ec 5s linear infinite
}

@-webkit-keyframes BorderAnimation-data-v-4a12e3ec {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

@keyframes BorderAnimation-data-v-4a12e3ec {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer[data-v-4a12e3ec] {
    position: relative;
    overflow: hidden
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer .responsiveGameDetailContainer[data-v-4a12e3ec] {
    margin: 10px 0 20px;
    max-height: 225px;
    overflow: auto
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer .tournamentContents .dateWrapper[data-v-4a12e3ec] {
    display: flex;
    margin-top: 15px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer .tournamentContents .dateWrapper label[data-v-4a12e3ec] {
    display: block
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer .tournamentContents .dateWrapper .date[data-v-4a12e3ec] {
    color: #8f99a3;
    width: 10%
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer .tournamentContents .dateWrapper .value[data-v-4a12e3ec] {
    color: #f9bb22;
    margin-left: 75px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .detailsWrapper .tournamentDetailContainer .tournamentCountdown[data-v-4a12e3ec] {
    display: flex;
    flex-flow: column;
    margin-top: 20px
}

.tournamentCardWrapper .contentWrapper .tournamentInfoWrapper .gamesInfoWrapper[data-v-4a12e3ec] {
    width: 40%
}

.tournamentCardWrapper .contentWrapper .scoreInfoWrapper[data-v-4a12e3ec] {
    width: 40%;
    padding: 0 10px
}

@media only screen and (min-width:0px) and (max-width:1279px) {
    .tournamentCardWrapper .countdown-holder[data-v-4a12e3ec] {
        width: 48px !important
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .tournamentCardWrapper .tournamentInfoWrapper[data-v-4a12e3ec] {
        width: 50% !important
    }
    .tournamentCardWrapper .tournamentInfoWrapper .gamesInfoWrapper[data-v-4a12e3ec] {
        display: none
    }
    .tournamentCardWrapper .scoreInfoWrapper[data-v-4a12e3ec] {
        width: 50% !important
    }
    .tournamentCardWrapper .titleWrapper .closeIcon[data-v-4a12e3ec],
    .tournamentCardWrapper .titleWrapper .infoIcon[data-v-4a12e3ec] {
        display: block
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .tournamentCardWrapper[data-v-4a12e3ec] {
        margin-top: 25px
    }
    .tournamentCardWrapper .contentWrapper[data-v-4a12e3ec] {
        margin: 25px 0
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .tournamentCardWrapper .scoreInfoWrapper[data-v-4a12e3ec],
    .tournamentCardWrapper .tournamentInfoWrapper[data-v-4a12e3ec] {
        width: 100% !important
    }
    .tournamentCardWrapper .contentWrapper[data-v-4a12e3ec] {
        padding: 30px 20px 70px
    }
}

.cardWrapper .tabs__items,
.jeetwin-tournament-wrapper .tabs__items {
    overflow: inherit !important
}

.cardWrapper .tournament-type-tabs .tabs__slider.primary {
    background-color: transparent !important
}

.cardWrapper .tournament-type-tabs a.tabs__item.tabs__item--active {
    background-color: hsla(0, 0%, 100%, .333);
    border-radius: 40px;
    height: 40px;
    margin: 0 10px
}

.cardWrapper .tournament-type-tabs a.tabs__item h3 {
    font-size: .9rem
}

.cardWrapper .ongoing-tournament {
    position: relative
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .cardWrapper .tabs__items {
        padding: 0 20px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .grid-container .flex.xs6 {
        flex-basis: 80%;
        max-width: 80%
    }
}

.jeetwin-tournament-wrapper[data-v-5ce3bc99] {
    background-image: url(/_nuxt/img/5bfe1d5.jpg);
    background-size: cover;
    overflow: auto;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.jeetwin-tournament-wrapper .jeetwin-tournament[data-v-5ce3bc99] {
    text-align: center
}

.jeetwin-tournament-wrapper .cardWrapper .tournament-type-tabs[data-v-5ce3bc99] {
    margin: 5px 0
}

.jeetwin-tournament-wrapper .tournament-tabs-holder[data-v-5ce3bc99] {
    margin-top: 40px
}

.jeetwin-tournament-wrapper .tournament-tabs-holder h4[data-v-5ce3bc99] {
    text-transform: none;
    font-weight: 700
}

.jeetwin-tournament-wrapper .contentWrapper .card[data-v-5ce3bc99] {
    background-color: #111;
    border-radius: 20px
}

.jeetwin-tournament-wrapper .contentWrapper .card .grid-container[data-v-5ce3bc99] {
    justify-content: center;
    padding-bottom: 30px
}

.jeetwin-tournament-wrapper .contentWrapper .card .grid-container .tour-video[data-v-5ce3bc99] {
    position: relative;
    padding-top: 56.25%
}

.jeetwin-tournament-wrapper .contentWrapper li[data-v-5ce3bc99],
.jeetwin-tournament-wrapper .contentWrapper p[data-v-5ce3bc99] {
    line-height: 30px;
    color: #8f99a3
}

.jeetwin-tournament-wrapper .contentWrapper .details[data-v-5ce3bc99] {
    padding: 40px 70px !important;
    margin-bottom: 20px
}

.jeetwin-tournament-wrapper .no-data[data-v-5ce3bc99] {
    min-height: 80px;
    margin: 20px 0
}

.jeetwin-tournament-wrapper .no-data p[data-v-5ce3bc99] {
    color: #fff;
    text-align: center;
    font-size: 1.4rem
}

.jeetwin-tournament-wrapper .loaderWrapper[data-v-5ce3bc99] {
    background-size: cover;
    min-height: 600px;
    margin: 40px 0;
    border-radius: 15px;
    position: relative
}

.jeetwin-tournament-wrapper .loaderWrapper .wrapper[data-v-5ce3bc99] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.jeetwin-tournament-wrapper .loaderWrapper .wrapper p[data-v-5ce3bc99] {
    padding: 20px 0;
    font-size: 1.5rem;
    color: #8f99a3
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .cardWrapper .tabs__items[data-v-5ce3bc99] {
        padding: 0 15px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .contentWrapper[data-v-5ce3bc99] {
        padding: 20px 0 40px
    }
    .contentWrapper .details[data-v-5ce3bc99] {
        padding: 40px !important
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .tournament-type-tabs .tabs__div[data-v-5ce3bc99] {
        max-width: 200px
    }
    .jeetwin-tournament-wrapper .contentWrapper .details[data-v-5ce3bc99] {
        padding: 40px 40px 20px !important;
        margin-bottom: 0
    }
    .cardWrapper .ongoing-tournament .redirect-video[data-v-5ce3bc99] {
        right: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        line-height: 20px;
        width: 300px;
        padding-left: 30px;
        padding-bottom: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:479px) {
    .tournament-type-tabs .tabs__div[data-v-5ce3bc99] {
        max-width: 150px
    }
    .grid-container .flex.xs6[data-v-5ce3bc99] {
        max-width: 80%
    }
}

.gamePgae-wrapper[data-v-82a3e224] {
    background-image: url(/_nuxt/img/2ad3eee.jpg);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-attachment: fixed;
    background-size: 400px;
    min-height: 900px
}

.viewMoreWrapper[data-v-82a3e224] {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.gamenotfound[data-v-82a3e224] {
    text-align: center;
    color: #8f99a3;
    font-size: 1.5rem;
    margin-top: 30px
}

@media only screen and (min-width:0px) and (max-width:1600px) {
    .gamePgae-wrapper[data-v-82a3e224] {
        background-image: none;
        min-height: 500px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .gameListWrapper[data-v-82a3e224] {
        padding: 10px
    }
}

#promotionDataContainer p[data-v-3e160cee] {
    margin: 0
}

#promotionDataContainer .special[data-v-3e160cee] {
    margin: 0 !important
}

#promotionDataContainer .promotion[data-v-3e160cee] {
    text-align: center;
    margin: 0 0 10px;
    background: none;
    box-shadow: none;
    position: relative
}

#promotionDataContainer .promotion .pTitle[data-v-3e160cee] {
    padding: 15px 0 0;
    font-size: 1.1rem;
    font-weight: 600
}

#promotionDataContainer .promotion .spTitle[data-v-3e160cee] {
    font-size: 1.25rem
}

#promotionDataContainer .promotion .applicableDate[data-v-3e160cee] {
    color: #da4a4c;
    font-size: 1rem
}

#promotionDataContainer .promotion .applicableDate .dateTxt[data-v-3e160cee] {
    font-weight: 700
}

#promotionDataContainer .promotion .imgContainer[data-v-3e160cee] {
    position: relative;
    padding-top: 60%;
    width: 100%
}

#promotionDataContainer .promotion .imgContainer .border[data-v-3e160cee] {
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 10px;
    overflow: hidden
}

#promotionDataContainer .promotion .imgContainer .border[data-v-3e160cee]:after {
    content: "";
    position: absolute;
    left: -2px;
    top: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: #a1902e;
    background: -webkit-gradient(left top, right bottom, color-stop(0, #a1902e), color-stop(35%, #ffdb66), color-stop(40%, #baa73e), color-stop(44%, #fff8d4), color-stop(48%, #6e5706), color-stop(52%, #574300), color-stop(56%, #fff6c7), color-stop(76%, #ab8f00), color-stop(100%, #ab8f00));
    background: linear-gradient(135deg, #a1902e, #ffdb66 35%, #baa73e 40%, #fff8d4 44%, #6e5706 48%, #574300 52%, #fff6c7 56%, #ab8f00 76%, #ab8f00);
    -webkit-animation: BorderAnimation-data-v-3e160cee 5s linear infinite;
    animation: BorderAnimation-data-v-3e160cee 5s linear infinite;
    border-radius: 10px
}

@-webkit-keyframes BorderAnimation-data-v-3e160cee {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

@keyframes BorderAnimation-data-v-3e160cee {
    0% {
        transform: scale3d(2, 2, 1) rotate(0deg)
    }
    to {
        transform: scale3d(2, 2, 1) rotate(1turn)
    }
}

#promotionDataContainer .promotion .imgContainer img[data-v-3e160cee] {
    width: 100%;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

#promotionDataContainer .promotion .imgContainer .joinNowLabel[data-v-3e160cee] {
    position: absolute;
    top: 7.5px;
    right: 7.5px;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    display: inline-flex
}

#promotionDataContainer .promotion .imgContainer .joinNowLabel .joinNowTitle[data-v-3e160cee] {
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    overflow: hidden;
    background-color: #a2ce2d;
    border-radius: 25px;
    text-align: left;
    padding: 5px 15px;
    transition: all .2s ease;
    white-space: nowrap
}

#promotionDataContainer .promotion .imgContainer .joinNowLabel .joinIcon[data-v-3e160cee] {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-color: #a2ce2d;
    justify-content: center;
    align-content: center;
    display: inline-flex;
    border-radius: 50%
}

#promotionDataContainer .promotion .imgContainer .joinNowLabel .joinIcon i[data-v-3e160cee] {
    color: #fff
}

#promotionDataContainer .promotion .imgContainer:hover .joinNowLabel .joinNowTitle[data-v-3e160cee] {
    width: 110px
}

#promotionDataContainer .promotion .ribbon[data-v-3e160cee] {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 3;
    overflow: hidden;
    width: 70px;
    height: 70px;
    text-align: right
}

#promotionDataContainer .promotion .ribbon span[data-v-3e160cee] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 90px;
    display: block;
    background: linear-gradient(#fff, #e6e6e6);
    box-shadow: 0 3px 10px -5px #000;
    position: absolute;
    top: 15px;
    right: -20px;
    color: #111
}

#promotionDataContainer .promotion .ribbon span[data-v-3e160cee]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    z-index: -1;
    border-color: #e6e6e6 transparent transparent #e6e6e6;
    border-style: solid;
    border-width: 3px
}

#promotionDataContainer .promotion .ribbon span[data-v-3e160cee]:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    z-index: -1;
    border-color: #e6e6e6 #e6e6e6 transparent transparent;
    border-style: solid;
    border-width: 3px
}

@media only screen and (max-width:640px) {
    .promotionDataContainer[data-v-3e160cee] {
        padding: 7.5px !important
    }
    .promotionDataContainer .promotion[data-v-3e160cee] {
        margin: 0 0 10px
    }
}

@media only screen and (max-width:480px) {
    .pTitle[data-v-3e160cee] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.promotion-list-wrapper .promotion-detail {
    font-size: .95rem
}

.promotion-list-wrapper .promotion-detail p {
    line-height: 18px;
    margin: 10px 0 !important;
    text-indent: 0 !important;
    width: 100% !important;
    color: #8f99a3 !important
}

.promotion-list-wrapper .promotion-detail p span,
.promotion-list-wrapper .promotion-detail p strong {
    color: #8f99a3 !important
}

.promotion-list-wrapper[data-v-16572cac] {
    display: flex;
    padding: 5px 20px
}

.promotion-list-wrapper .promotion-thumb[data-v-16572cac] {
    position: relative;
    padding-top: 60%
}

.promotion-list-wrapper .promotion-thumb img[data-v-16572cac] {
    width: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%
}

.promotion-list-wrapper .promotion-detail[data-v-16572cac] {
    color: #8f99a3;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%
}

.promotion-list-wrapper .promotion-detail .promotion-detail-title[data-v-16572cac] {
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.promotion-list-wrapper .promotion-detail .promotion-detail-title h3[data-v-16572cac] {
    flex-grow: 2;
    color: #fff;
    margin-bottom: 5px
}

.promotion-list-wrapper .promotion-detail .joinNowWrapper[data-v-16572cac] {
    position: relative
}

.promotion-list-wrapper .promotion-detail .joinNowWrapper .joinNowTitle[data-v-16572cac] {
    background-color: #a2ce2d;
    border-radius: 25px;
    padding: 5px 25px;
    white-space: nowrap;
    color: #fff;
    font-weight: 500;
    font-size: .9rem;
    vertical-align: top
}

.promotion-list-wrapper .promotion-detail .html-content[data-v-16572cac] {
    flex-grow: 2;
    width: 100%;
    position: relative;
    overflow: hidden
}

.promotion-list-wrapper .promotion-detail .html-content .html[data-v-16572cac] {
    padding-left: 20px;
    height: 100%;
    max-height: 174px;
    overflow: hidden
}

.promotion-list-wrapper .promotion-detail .html-content[data-v-16572cac]:after {
    content: "";
    width: 100%;
    box-shadow: 0 0 100px 50px #111;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5
}

@media only screen and (max-width:960px) {
    .promotion-list-wrapper .promotion-detail .promotion-detail-title .joinNowLabel .joinNowTitle[data-v-16572cac] {
        padding: 6px 15px
    }
}

@media only screen and (max-width:600px) {
    .promotion-list-wrapper[data-v-16572cac] {
        padding: 5px 0
    }
    .promotion-list-wrapper .flex.promotion-thumb-wrapper.xs6[data-v-16572cac] {
        padding: 0
    }
    .promotion-list-wrapper .promotion-detail .promotion-detail-title .html-content[data-v-16572cac] {
        padding-left: 5px
    }
}

.promotionNotFound[data-v-3f3325b4] {
    text-align: center;
    color: #8f99a3;
    font-size: 1.5rem;
    margin: 100px 0
}

.promotionCard[data-v-3f3325b4] {
    cursor: pointer
}

.promotionCardSpecial[data-v-3f3325b4] {
    cursor: pointer;
    padding: 20px !important
}

.loadingWrapper[data-v-3f3325b4] {
    text-align: center;
    font-size: 1.5rem;
    color: #8f99a3;
    padding: 50px 0
}

.specialPromotionContentWrapper[data-v-3f3325b4] {
    justify-content: center;
    padding: 30px 0
}

.promtoionTitle[data-v-3f3325b4] {
    font-size: 1.75rem;
    font-weight: 600;
    margin: 15px 0 5px;
    text-align: center
}

.promotionContainer .promotion-category-wrapper[data-v-3f3325b4] {
    width: 100%;
    background-color: #1a1a1a;
    font-weight: 600;
    border-radius: 50px;
    padding: 0 20px;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: auto;
    display: flex
}

.promotionContainer .promotion-category-wrapper ul[data-v-3f3325b4] {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.promotionContainer .promotion-category-wrapper ul.promotion-category[data-v-3f3325b4] {
    flex-grow: 2;
    white-space: nowrap;
    overflow: auto
}

.promotionContainer .promotion-category-wrapper ul.promotion-category li[data-v-3f3325b4] {
    color: #8f99a3;
    padding: 25px;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    position: relative;
    transition: all .3s ease
}

.promotionContainer .promotion-category-wrapper ul.promotion-category li[data-v-3f3325b4]:after {
    content: "";
    height: 5px;
    width: 5px;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    background-color: #f9bb22;
    transition: all .3s ease;
    opacity: 0
}

.promotionContainer .promotion-category-wrapper ul.promotion-category li a[data-v-3f3325b4]:first-child {
    padding-left: 0
}

.promotionContainer .promotion-category-wrapper ul.promotion-category li a[data-v-3f3325b4]:last-child {
    padding-right: 0
}

.promotionContainer .promotion-category-wrapper ul.promotion-category li.selected[data-v-3f3325b4]:after {
    opacity: 1
}

.promotionContainer .promotion-category-wrapper ul.promotion-category li.selected[data-v-3f3325b4],
.promotionContainer .promotion-category-wrapper ul.promotion-category li[data-v-3f3325b4]:hover {
    color: #fff
}

.promotionContainer .promotion-category-wrapper ul.view-options li[data-v-3f3325b4] {
    cursor: pointer;
    margin: 0 5px
}

.promotionContainer .promotion-category-wrapper ul.view-options li i[data-v-3f3325b4] {
    transition: all .3s ease;
    color: #8f99a3
}

.promotionContainer .promotion-category-wrapper ul.view-options li:hover i[data-v-3f3325b4] {
    color: #fff
}

.promotionContainer .promotion-category-wrapper ul.view-options li.selected i[data-v-3f3325b4] {
    color: #f9bb22
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .promotionContainer .promotion-category-wrapper ul.promotion-category[data-v-3f3325b4] {
        margin-right: 3px
    }
    .promotionContainer .promotion-category-wrapper ul.promotion-category li[data-v-3f3325b4] {
        padding: 20px
    }
    .promotionContainer .promotionCardSpecial[data-v-3f3325b4] {
        padding: 10px !important
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .promotionContainer .promotion-category-wrapper ul.promotion-category li[data-v-3f3325b4] {
        padding: 15px 10px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .promotionContainer .specialPromotionContentWrapper[data-v-3f3325b4] {
        padding: 15px 0 !important
    }
    .promotionContainer .promotion-category-wrapper ul.promotion-category[data-v-3f3325b4] {
        margin-right: 10px
    }
}

@keyframes marquee1 {
    from {
        -webkit-transform: translateX(1519px);
        -moz-transform: translateX(1519px);
        -ms-transform: translateX(1519px);
        transform: translateX(1519px);
    }
    to {
        -webkit-transform: translateX(-2674px);
        -moz-transform: translateX(-2674px);
        -ms-transform: translateX(-2674px);
        transform: translateX(-2674px);
    }
}

.parallax {
    border-radius: 20px
}

.parallax .parallax__content {
    padding: 0 !important
}

.parallax .parallax__content .layout img {
    border-radius: 20px
}

span.diva-special {
    color: #fff
}

.layout.sunnyInsta.row.wrap[data-v-017e7464] {
    width: 82%;
    margin: 0 auto
}

.bolllywood-diva-wrapper[data-v-017e7464] {
    padding-bottom: 100px;
    width: 75%;
    margin: 0 auto
}

img.bollywoodDiva[data-v-017e7464] {
    width: 100%;
    border-radius: 10px
}

img.comingSoon[data-v-017e7464],
img.gameImage[data-v-017e7464] {
    width: 100%
}

i.icon.mdi.mdi-emoticon-kiss[data-v-017e7464] {
    font-size: 20px
}

.bollywood-diva-content[data-v-017e7464] {
    padding: 30px 0
}

.bollywood-diva-content .bollywood-diva-intro[data-v-017e7464] {
    color: #8f99a3
}

.bollywood-diva-content .diva-date[data-v-017e7464] {
    color: #f9bb22
}

.date-text[data-v-017e7464]:hover {
    cursor: pointer
}

.sunnyInsta .flex[data-v-017e7464] {
    text-align: center;
    text-align: -webkit-center
}

.contentFavGame[data-v-017e7464] {
    color: #8f99a3;
    width: 75%;
    margin: 0 auto 30px;
    font-size: .85rem;
    text-align: center
}

.featuredGames h2[data-v-017e7464] {
    margin: 20px 0;
    text-align: center
}

.featuredGames .favoriteSlider[data-v-017e7464] {
    position: relative;
    margin-bottom: 75px
}

.featuredGames .favoriteSlider .swiper-container[data-v-017e7464] {
    background: none
}

.featuredGames .favoriteSlider .swiper-container .swiper-slide[data-v-017e7464] {
    height: auto !important
}

.about-sunny[data-v-017e7464] {
    position: relative
}

.sunny-text p span[data-v-017e7464] {
    line-height: 20px
}

.sunny-image[data-v-017e7464] {
    width: 90%;
    margin: 0 auto;
    max-width: 450px;
    text-align: center
}

.sunny-image img[data-v-017e7464] {
    width: 100%
}

.about-sunny-wrapper[data-v-017e7464] {
    padding: 20px 0 40px;
    margin: 0 auto;
    width: 75%
}

.sunny-title[data-v-017e7464] {
    text-align: center;
    color: #f1f1f1;
    margin-bottom: 50px
}

.sunny-title h1[data-v-017e7464],
.sunny-title h2[data-v-017e7464] {
    margin: 0
}

.sunny-title h1 span[data-v-017e7464] {
    color: #f9bb22
}

.sunny-image[data-v-017e7464],
.sunny-text[data-v-017e7464] {
    display: inline-block;
    vertical-align: bottom
}

.sunny-text[data-v-017e7464] {
    width: 50%;
    background-color: rgba(0, 0, 0, .5);
    padding: 60px 70px;
    border-radius: 10px;
    line-height: 30px;
    font-size: 15px;
    color: #f1f1f1;
    font-weight: 900;
    margin-bottom: 100px;
    max-width: 450px
}

.sunny-text p span[data-v-017e7464] {
    font-weight: 400;
    color: #8f99a3;
    display: block;
    line-height: 30px
}

.sunny-text p span[data-v-017e7464]:after,
.sunny-text p span[data-v-017e7464]:before {
    content: '"';
    color: #f9bb22
}

.sunny-sign[data-v-017e7464] {
    text-align: center
}

.sunny-sign img[data-v-017e7464] {
    max-width: 150px
}

.sunny-image[data-v-017e7464] {
    width: 50%
}

.sunny-gallery-wrapper[data-v-017e7464] {
    width: 75%;
    margin: 0 auto;
    position: relative
}

.sunny-gallery-wrapper .swiper-slide[data-v-017e7464] {
    text-align: center
}

.sunny-gallery-wrapper img.sunnyCarousel[data-v-017e7464] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translatey(-50%)
}

.carousel-swiper .swiper-pagination>.swiper-pagination-bullet[data-v-017e7464] {
    background-color: #fff;
    height: 10px;
    width: 10px;
    margin: 5px
}

.carousel-swiper img[data-v-017e7464] {
    width: 100%;
    display: block
}

.swiper-container[data-v-017e7464] {
    background-color: #000
}

.swiper-slide[data-v-017e7464] {
    background-size: cover;
    background-position: 50%;
    height: 500px
}

.gallery-thumbs[data-v-017e7464] {
    height: 20% !important;
    box-sizing: border-box;
    padding: 10px 0
}

.sunny-journey-wrapper[data-v-017e7464] {
    padding: 40px 0;
    width: 75%;
    margin: 0 auto
}

.sunny-youtube-wrapper[data-v-017e7464] {
    margin: 40px auto
}

.sunny-journey-content p[data-v-017e7464] {
    width: 100%;
    margin: 0 auto;
    -moz-column-count: 2;
    column-count: 2;
    grid-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    line-height: 30px;
    color: #8f99a3
}

.sunny-fan-wrapper[data-v-017e7464] {
    padding: 40px 0
}

.sunny-fan[data-v-017e7464] {
    width: 80%;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    padding: 60px
}

.sunny-fan-wrapper .sunny-title[data-v-017e7464] {
    margin-top: 0
}

.sunny-fan-wrapper .sunny-title h2[data-v-017e7464] {
    padding-bottom: 50px
}

.sunny-fan-wrapper .sunny-fan-content p[data-v-017e7464] {
    line-height: 30px;
    color: #8f99a3
}

.sunny-signup-btn[data-v-017e7464] {
    text-align: center
}

.btn-signup[data-v-017e7464] {
    border: 1px solid #f9bb22;
    background-color: #f9bb22;
    color: #f1f1f1;
    text-transform: uppercase;
    font-weight: 999;
    border-radius: 5px;
    min-height: 40px;
    min-width: 120px;
    cursor: pointer;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.btn-signup[data-v-017e7464]:hover {
    color: #f9bb22;
    background-color: transparent
}

.sunny-social-feed-wrapper[data-v-017e7464] {
    padding: 40px 0
}

.social-feed-holder[data-v-017e7464] {
    border-radius: 10px;
    overflow: hidden;
    vertical-align: top;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    display: inline-block;
    width: 33.3333333%
}

.social-feed-holder iframe[data-v-017e7464] {
    width: 100%;
    border-radius: 10px;
    background-color: #f1f1f1;
    min-height: 519px
}

.sunny-social-feed-wrapper .social-feed-holder.social-twitter[data-v-017e7464] {
    margin-top: -10px
}

.sunny-social-links-wrapper[data-v-017e7464] {
    margin: 40px 0;
    border-top: 1px;
    solid: #272727;
    vertical-align: middle;
    outline: 0
}

ul.sunny-social-links[data-v-017e7464] {
    margin: 20px 0;
    padding: 0;
    text-align: center
}

ul.sunny-social-links li[data-v-017e7464] {
    list-style: none;
    display: inline-block;
    margin: 0 25px 25px
}

ul.sunny-social-links li a span.social-icon[data-v-017e7464] {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 100%;
    text-align: center;
    line-height: 36px;
    vertical-align: center;
    display: block;
    color: #f1f1f1;
    font-size: 15px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease
}

span.social-icon.facebook[data-v-017e7464] {
    background-color: #3b5998
}

span.social-icon.twitter[data-v-017e7464] {
    background-color: #55acee
}

span.social-icon.instagram[data-v-017e7464] {
    background: radial-gradient(circle farthest-corner at 32%, at 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%)
}

span.social-icon.youtube[data-v-017e7464] {
    background-color: #b31217
}

span.social-icon.google-plus[data-v-017e7464] {
    background-color: #bd081c
}

span.social-icon.snapchat[data-v-017e7464] {
    background-color: #fffc00;
    text-stroke: 1px #000;
    -webkit-text-stroke: 1px #000
}

i.navIcon[data-v-017e7464] {
    position: absolute;
    top: 50%;
    z-index: 200;
    font-size: 3rem;
    color: #8f99a3;
    transform: translateY(-50%);
    outline: none;
    cursor: pointer
}

i.navIcon.swiper-button-disabled[data-v-017e7464] {
    color: rgba(143, 153, 163, .3);
    cursor: not-allowed
}

i.navIcon.prev[data-v-017e7464] {
    left: -40px
}

i.navIcon.next[data-v-017e7464] {
    right: -40px
}

i.icon.next[data-v-017e7464],
i.icon.prev[data-v-017e7464] {
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.div[data-v-017e7464] {
    display: block
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .social-feed-holder iframe[data-v-017e7464] {
        min-height: 505px
    }
    .featuredGames i.navIcon.prev[data-v-017e7464] {
        left: -30px
    }
    .featuredGames i.navIcon.next[data-v-017e7464] {
        right: -30px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .comingSoonWrapper[data-v-017e7464],
    .container.grid-list-lg .layout .flex[data-v-017e7464] {
        width: 50%;
        margin: auto
    }
    .sunny-text[data-v-017e7464] {
        margin-bottom: 0;
        padding: 30px 35px
    }
    .sunny-journey-content p[data-v-017e7464] {
        width: 95%;
        -moz-column-count: 1;
        column-count: 1
    }
    .sunny-image img[data-v-017e7464] {
        width: 100%
    }
    .sunny-text .sunny-image[data-v-017e7464] {
        vertical-align: top
    }
    .social-feed-holder iframe[data-v-017e7464] {
        min-height: 345px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .container.grid-list-lg .layout .flex[data-v-017e7464] {
        width: 60%;
        margin: auto
    }
    .sunny-text[data-v-017e7464] {
        padding: 30px 40px
    }
    .sunny-text .sunny-sign img[data-v-017e7464] {
        max-width: 100px
    }
    .sunny-image[data-v-017e7464],
    .sunny-text[data-v-017e7464] {
        display: inline-block;
        vertical-align: bottom
    }
    .social-feed-holder[data-v-017e7464] {
        width: 50%;
        display: block;
        margin: 10px auto
    }
    .bolllywood-diva-wrapper[data-v-017e7464] {
        padding-bottom: 50px
    }
    .bolllywood-diva-wrapper .bollywood-diva-content[data-v-017e7464] {
        padding: 10px 0
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .comingSoonWrapper[data-v-017e7464] {
        width: 60%
    }
    .contentFavGame[data-v-017e7464] {
        width: 95%
    }
    .about-sunny[data-v-017e7464] {
        position: relative
    }
    .sunny-text[data-v-017e7464] {
        width: 100%;
        padding: 30px 20px;
        position: absolute;
        bottom: -100px;
        background-color: rgba(0, 0, 0, .8);
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%)
    }
    .sunny-image[data-v-017e7464] {
        width: 90%;
        margin: 0 auto
    }
    .social-feed-holder[data-v-017e7464] {
        width: 70%
    }
    .social-feed-holder iframe[data-v-017e7464] {
        min-height: 545px
    }
    .bolllywood-diva-wrapper[data-v-017e7464] {
        margin-top: 120px
    }
}

@media only screen and (min-width:0px) and (max-width:600px) {
    .container.grid-list-lg .layout .flex[data-v-017e7464] {
        width: 80%;
        margin: auto
    }
    .comingSoonWrapper[data-v-017e7464] {
        width: 80%
    }
    .sunny-text[data-v-017e7464] {
        bottom: -200px
    }
    .bolllywood-diva-wrapper[data-v-017e7464] {
        margin-top: 200px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .featuredGames .favoriteSlider[data-v-017e7464] {
        margin-bottom: 30px
    }
    .sunny-image[data-v-017e7464],
    .sunny-title[data-v-017e7464] {
        width: 100%
    }
    .social-feed-holder[data-v-017e7464] {
        width: 95%
    }
    .social-feed-holder iframe[data-v-017e7464] {
        min-height: 445px
    }
    .sunny-text[data-v-017e7464] {
        font-size: 13px
    }
    .sunny-fan[data-v-017e7464] {
        width: 90%;
        padding: 30px
    }
    .sunny-text[data-v-017e7464] {
        bottom: -410px
    }
    .bolllywood-diva-wrapper[data-v-017e7464] {
        margin-top: 400px
    }
    .layout.sunnyInsta.row.wrap[data-v-017e7464] {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:359px) {
    .about-sunny-wrapper[data-v-017e7464] {
        width: 90%
    }
    .sunny-text[data-v-017e7464] {
        padding: 10px 20px;
        bottom: -120px
    }
    .sunny-text p span[data-v-017e7464] {
        line-height: 20px
    }
    .sunny-text .sunny-sign img[data-v-017e7464] {
        max-width: 100px
    }
    .social-feed-holder[data-v-017e7464] {
        width: 90%
    }
    .sunny-title[data-v-017e7464] {
        margin-bottom: 20px
    }
    .bolllywood-diva-wrapper[data-v-017e7464] {
        margin-top: 120px
    }
    .sunnyInsta iframe[data-v-017e7464] {
        height: 600px
    }
}

.flex .expansion-panel .expansion-panel__container .expansion-panel__header .icon {
    color: #f9bb22
}

.banner-side-imgs[data-v-6b2a423b] {
    padding: 50px 100px
}

.banner-side-imgs .coins-left[data-v-6b2a423b] {
    position: absolute;
    width: 200px;
    left: 11%
}

.banner-side-imgs .coins-right[data-v-6b2a423b] {
    position: absolute;
    width: 300px;
    right: 11%
}

.JP-container[data-v-6b2a423b] {
    padding: 20px
}

.check[data-v-6b2a423b] {
    color: #a2ce2d
}

.container[data-v-6b2a423b] {
    margin: 0 auto;
    width: 100%;
    position: relative
}

.clearfix[data-v-6b2a423b] {
    clear: both
}

.header-container[data-v-6b2a423b] {
    text-align: center;
    margin-bottom: 100px
}

.header-container img[data-v-6b2a423b] {
    width: 75%
}

.header-container h1[data-v-6b2a423b] {
    padding: 20px;
    text-align: center
}

.header-container span[data-v-6b2a423b] {
    font-weight: 100
}

.header-container p[data-v-6b2a423b] {
    width: 600px;
    margin: 0 auto;
    font-size: 1rem;
    color: #8f99a3;
    line-height: 30px;
    padding-bottom: 50px;
    text-align: center
}

.loyalty-introsection[data-v-6b2a423b] {
    margin: 50px 0;
    position: relative
}

.loyalty-intro .intro[data-v-6b2a423b] {
    position: relative;
    width: 50%;
    float: left;
    padding: 0 10px
}

.loyalty-intro ul[data-v-6b2a423b] {
    display: inline;
    position: relative
}

.loyalty-intro .intro h2[data-v-6b2a423b] {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 23px;
    height: 40px
}

.loyalty-intro .intro p[data-v-6b2a423b] {
    color: #8f99a3;
    margin-top: 10px;
    font-size: 1rem;
    line-height: 30px
}

.privilege-text h2[data-v-6b2a423b] {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 23px;
    height: 40px
}

.privilege-text p[data-v-6b2a423b] {
    margin: 0 auto;
    font-size: 1rem;
    color: #8f99a3;
    line-height: 30px;
    padding-bottom: 50px
}

.tier-text h2[data-v-6b2a423b] {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 23px;
    height: 40px
}

.benefits p[data-v-6b2a423b],
.tier-text p[data-v-6b2a423b] {
    margin: 0 auto;
    font-size: 1rem;
    color: #8f99a3;
    line-height: 30px
}

.tier[data-v-6b2a423b] {
    float: left;
    width: 16.66%;
    text-align: center;
    min-height: 150px
}

.tier[data-v-6b2a423b],
.tier img[data-v-6b2a423b] {
    position: relative
}

.tier img[data-v-6b2a423b] {
    display: block;
    margin: 0 auto;
    max-width: 150px;
    padding-bottom: 20px
}

.tier span[data-v-6b2a423b] {
    width: 39px;
    color: #f9bb22;
    font-size: 1.125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.loyalty-faq .faqs[data-v-6b2a423b] {
    position: relative;
    width: 33.33%;
    float: left;
    padding: 0 10px
}

.loyalty-faq ul[data-v-6b2a423b] {
    display: inline;
    position: relative
}

.loyalty-faq .faqs h2[data-v-6b2a423b] {
    color: #fff;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 23px;
    height: 40px
}

.loyalty-faq .faqs p[data-v-6b2a423b] {
    color: #8f99a3;
    margin-top: 10px;
    font-size: 1rem;
    line-height: 30px
}

.loyalty-club h2[data-v-6b2a423b] {
    text-transform: uppercase;
    color: #f1f1f1;
    text-align: center;
    margin-top: 50px
}

.loyalty-table[data-v-6b2a423b] {
    margin: 30px 0
}

.loyalty-table table[data-v-6b2a423b] {
    border-collapse: collapse;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: hsla(0, 0%, 100%, .03);
    color: #8f99a3
}

.loyalty-table table tbody[data-v-6b2a423b] {
    overflow-y: scroll;
    width: 100%
}

.loyalty-table table tbody tr[data-v-6b2a423b] {
    text-align: center
}

.loyalty-table table tbody tr[data-v-6b2a423b]:nth-child(2n) {
    background-color: hsla(0, 0%, 100%, .03)
}

.loyalty-table table td[data-v-6b2a423b] {
    padding: 15px 20px
}

.loyalty-table table thead tr[data-v-6b2a423b] {
    border-bottom: 1px solid #f9bb22
}

.loyalty-table table thead tr th[data-v-6b2a423b] {
    border: none;
    padding: 15px 20px;
    color: #fff;
    text-align: center
}

.earn-loyalty tr td[data-v-6b2a423b]:first-child,
.earn-loyalty tr th[data-v-6b2a423b]:first-child {
    text-align: center
}

.earn-loyalty tr td[data-v-6b2a423b]:nth-child(2) {
    text-transform: uppercase
}

.loyalty-club-article[data-v-6b2a423b] {
    color: #8f99a3
}

.loyalty-club-article>p[data-v-6b2a423b] {
    margin: 30px auto;
    text-align: center
}

.loyalty-club-detail h2[data-v-6b2a423b] {
    color: #f1f1f1;
    text-transform: uppercase
}

.sunny-image3-loyalty[data-v-6b2a423b] {
    width: 150px;
    height: 735px;
    position: absolute;
    right: -110px;
    bottom: -226px;
    z-index: 1
}

.sunny-image4-loyalty[data-v-6b2a423b] {
    width: 200px;
    height: 735px;
    position: absolute;
    left: -370px;
    bottom: -420px;
    z-index: 1
}

.terms-header[data-v-6b2a423b] {
    color: #fff;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 0;
    font-size: 1rem
}

ul.club-points>li[data-v-6b2a423b] {
    padding: 5px 0;
    list-style: none;
    font-size: 1rem
}

.loyalty-club-article h2[data-v-6b2a423b] {
    text-align: center;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px
}

ul.club-points>li[data-v-6b2a423b]:before {
    content: "\f35f";
    font-family: Material Design Icons;
    color: #f9bb22;
    margin-right: 10px;
    margin-left: -10px;
    font-weight: 700
}

ol.terms-sublist>li[data-v-6b2a423b] {
    margin-left: 30px
}

.loyalty-faqsection[data-v-6b2a423b] {
    margin: 100px 0;
    position: relative
}

.tiers[data-v-6b2a423b] {
    padding: 50px 0
}

.loyalty-tablesection[data-v-6b2a423b] {
    position: relative;
    padding: 50px 0
}

.no-space[data-v-6b2a423b] {
    padding: 0 !important;
    margin: 0 !important
}

.nice-ol[data-v-6b2a423b] {
    position: relative;
    padding-left: 32px;
    list-style-type: none;
    color: #8f99a3;
    margin-top: 20px
}

.nice-ol>li[data-v-6b2a423b] {
    counter-increment: step-counter;
    margin-bottom: 8px
}

.nice-ol>li[data-v-6b2a423b]:last-child {
    margin-bottom: 0
}

.nice-ol>li[data-v-6b2a423b]:before {
    content: counter(step-counter);
    position: absolute;
    left: 0;
    color: #f9bb22;
    font-weight: 700
}

.header-text[data-v-6b2a423b] {
    text-align: center;
    margin: 40px 0
}

.layout .faq-wrap[data-v-6b2a423b]:first-child {
    width: 47.5%;
    margin-right: 2.5%
}

.layout .faq-wrap[data-v-6b2a423b]:last-child {
    width: 47.5%;
    margin-left: 2.5%
}

.expansion-panel__container .header__icon[data-v-6b2a423b] {
    position: absolute;
    left: 0
}

.faq-container h1[data-v-6b2a423b] {
    text-align: center;
    margin: 40px 0
}

.accordion-panel[data-v-6b2a423b] {
    margin-bottom: 40px;
    padding-right: 40px;
    box-shadow: none
}

.accordion-panel .numeric li[data-v-6b2a423b] {
    list-style-type: circle
}

.accordion-panel ol[data-v-6b2a423b] {
    margin-left: 15px
}

.accordion-panel table[data-v-6b2a423b] {
    background-color: #181818;
    font-size: 1rem;
    border-collapse: collapse;
    width: 100%
}

.accordion-panel td[data-v-6b2a423b],
th[data-v-6b2a423b] {
    border: 1px solid #8f99a3;
    padding: 5px
}

.accordion-panel .note[data-v-6b2a423b] {
    font-size: .9rem;
    margin: 10px 0;
    color: #b4bdc7
}

.accordion-panel span[data-v-6b2a423b] {
    color: #fff
}

.theme--dark .expansion-panel .expansion-panel__container[data-v-6b2a423b] {
    border-top: none;
    background-color: transparent
}

.expansion-panel__body .card[data-v-6b2a423b] {
    background: transparent;
    color: #8f99a3
}

.expansion-panel__body .card .card__text[data-v-6b2a423b] {
    padding: 10px 10px 10px 25px
}

.txt-primary[data-v-6b2a423b] {
    width: 20px;
    display: inline-block;
    margin-left: -25px;
    margin-right: 5px
}

.theme--dark .expansion-panel .expansion-panel__container .expansion-panel__header .icon[data-v-6b2a423b],
.txt-primary[data-v-6b2a423b] {
    color: #f9bb22 !important
}

.accordion h2[data-v-6b2a423b] {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 20px
}

.layout[data-v-6b2a423b] {
    display: flex;
    flex-direction: row
}

.expansion-panel__container--active .mdi-plus[data-v-6b2a423b]:before {
    content: "\f374";
    font-family: Material Design Icons
}

@media only screen and (min-width:0px) and (max-width:1650px) {
    .banner-side-imgs .coins-left[data-v-6b2a423b] {
        width: 170px;
        left: 7%
    }
    .banner-side-imgs .coins-right[data-v-6b2a423b] {
        width: 260px;
        right: 5%
    }
    .sunny-image3-loyalty[data-v-6b2a423b],
    .sunny-image4-loyalty[data-v-6b2a423b] {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:1300px) {
    .container[data-v-6b2a423b] {
        width: 100%
    }
    .header-container[data-v-6b2a423b] {
        margin: 50px 0
    }
    .banner-side-imgs[data-v-6b2a423b] {
        display: none
    }
}

@media only screen and (min-width:0px) and (max-width:1280px) {
    .tier img[data-v-6b2a423b] {
        max-width: 120px
    }
    .header-container p[data-v-6b2a423b] {
        width: 400px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .layout .faq-wrap[data-v-6b2a423b] {
        width: 100% !important
    }
    .layout .faq-wrap[data-v-6b2a423b]:first-child {
        margin-right: 0
    }
    .layout .faq-wrap[data-v-6b2a423b]:last-child {
        margin-left: 0
    }
    .sunny-left[data-v-6b2a423b],
    .sunny-right[data-v-6b2a423b] {
        background-size: contain;
        width: 200px
    }
    .loyalty-faqsection[data-v-6b2a423b] {
        margin-top: 30px
    }
    .loyalty-faq .faqs h2[data-v-6b2a423b] {
        height: 55px
    }
    .tier[data-v-6b2a423b] {
        width: 33.33%;
        margin-top: 20px
    }
    .tier img[data-v-6b2a423b] {
        width: 150px
    }
    .how-loyalty p[data-v-6b2a423b] {
        width: 100%;
        padding: 0 10px
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .sunny-left[data-v-6b2a423b],
    .sunny-right[data-v-6b2a423b] {
        display: none
    }
    .header-container p[data-v-6b2a423b] {
        width: 500px
    }
    .loyalty-intro .intro[data-v-6b2a423b] {
        width: 100%;
        float: none
    }
    .loyalty-faq .faqs h2[data-v-6b2a423b] {
        height: auto
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .JP-container[data-v-6b2a423b] {
        padding: 0
    }
    .loyalty-table[data-v-6b2a423b] {
        overflow-x: scroll
    }
    .header-container p[data-v-6b2a423b] {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .tier img[data-v-6b2a423b] {
        max-width: 90px
    }
    .loyalty-introsection[data-v-6b2a423b] {
        margin: 30px 0
    }
    .loyalty-table table th[data-v-6b2a423b] {
        font-size: 1rem
    }
    .tiers[data-v-6b2a423b] {
        padding: 30px 0
    }
    .tier span[data-v-6b2a423b] {
        bottom: 35px
    }
    .loyalty-tablesection[data-v-6b2a423b] {
        padding: 30px 0
    }
    .loyalty-faqsection[data-v-6b2a423b] {
        margin: 30px 0
    }
    .accordion-panel[data-v-6b2a423b] {
        padding-right: 0;
        margin-bottom: 25px
    }
    .expansion-panel__header[data-v-6b2a423b] {
        padding: 8px 24px
    }
    .header-container img[data-v-6b2a423b] {
        width: 90%
    }
}

@media only screen and (min-width:0px) and (max-width:359px) {
    .header-container img[data-v-6b2a423b] {
        width: 300px
    }
}

ul.listStyle li {
    display: flex
}

ul.listStyle li:before {
    content: "\f35f";
    font-family: Material Design Icons;
    color: #f9bb22;
    margin-right: 10px;
    margin-left: -10px;
    font-weight: 700
}

ul.listStyle p {
    margin-bottom: 0 !important
}

.theme--dark .expansion-panel .expansion-panel__container .expansion-panel__header .icon {
    color: #f9bb22
}

.theme--dark .expansion-panel .expansion-panel__container {
    border-top: none;
    background-color: transparent
}

.expansion-panel__header {
    padding: 10px 24px 0 !important
}

.headerText {
    margin-left: 40px
}

.numbering {
    color: #f9bb22;
    margin-right: 15px;
    display: inline-block
}

.titleStyle {
    display: flex
}

.titleText {
    display: inline-block
}

.faq-wrap .expansion-panel .card__text p,
.titleText {
    font-size: 1rem
}

.specialText {
    text-decoration: underline;
    color: #f9bb22
}

.dataTable1 tbody tr:nth-child(2) {
    background-color: hsla(0, 0%, 100%, .03) !important;
    color: #fff
}

.dataTable1 tbody tr:nth-child(3) td,
.dataTable1 tr:nth-child(4) td,
.dataTable1 tr:nth-child(5) td,
.dataTable1 tr:nth-child(6) td {
    padding: 12px
}

.dataTable2 tbody tr:first-child,
.dataTable2 tr:nth-child(2),
.dataTable2 tr:nth-child(3),
.dataTable2 tr:nth-child(4),
.dataTable2 tr:nth-child(5) {
    color: #fff
}

.dataTable2 tbody tr:first-child td,
.dataTable2 tr:nth-child(2) td,
.dataTable2 tr:nth-child(3) td,
.dataTable2 tr:nth-child(4) td,
.dataTable2 tr:nth-child(5) td {
    padding: 12px
}

.dataTable2 tbody tr:first-child th,
.dataTable2 tr:nth-child(2) th,
.dataTable2 tr:nth-child(3) th,
.dataTable2 tr:nth-child(4) th,
.dataTable2 tr:nth-child(5) th {
    padding: 15px
}

.dataTable2 tbody tr:first-child td:nth-child(2),
.dataTable2 tr:nth-child(2) td:nth-child(2),
.dataTable2 tr:nth-child(3) td:nth-child(2),
.dataTable2 tr:nth-child(4) td:nth-child(2),
.dataTable2 tr:nth-child(5) td:nth-child(2),
.table3text tbody tr:nth-child(3) td {
    text-align: center
}

.note {
    color: #ff6464;
    margin-bottom: 0;
    font-size: .8125rem
}

.banking table {
    overflow: auto;
    text-align: center;
    background: #111;
    border-collapse: collapse;
    border-radius: 20px;
    background-color: hsla(0, 0%, 100%, .03);
    margin-top: 20px;
    width: 100%
}

.banking table tbody tr {
    align: left
}

.banking table tr:first-child th:first-child {
    border-radius: 20px 0 0 0;
    color: #fff
}

.banking table tr:first-child td {
    border-radius: 0 20px 0 0;
    color: #fff;
    font-weight: 700
}

.banking table tr:last-child td:first-child {
    border-radius: 0 0 0 20px
}

.banking table tr:last-child td:last-child {
    border-radius: 0 0 20px 0
}

.banking table tbody tr:nth-child(odd) {
    background-color: hsla(0, 0%, 100%, .03)
}

.banking table tbody tr:nth-child(2n) {
    background: hsla(0, 0%, 100%, .05)
}

.banking table th {
    text-align: center;
    border: 0 !important;
    border-bottom: 1px solid #f9bb22 !important;
    padding: 5px
}

.banking table td {
    text-align: left;
    font-size: .9rem;
    color: #8f99a3;
    border: 0 !important
}

.expansion-panel__container .header__icon[data-v-359f1776] {
    position: absolute;
    left: 0
}

.faq-container h2[data-v-359f1776] {
    text-align: center;
    margin: 40px 0;
    font-size: 1.75em;
    font-weight: 600;
}

.accordion-panel[data-v-359f1776] {
    margin-bottom: 40px;
    padding-right: 40px
}

.accordion-panel .numeric li[data-v-359f1776] {
    list-style-type: circle
}

.accordion-panel ol[data-v-359f1776] {
    margin-left: 15px
}

.accordion-panel table[data-v-359f1776] {
    background-color: #181818;
    font-size: 1rem;
    border-collapse: collapse;
    width: 100%
}

.accordion-panel td[data-v-359f1776],
th[data-v-359f1776] {
    border: 1px solid #8f99a3;
    padding: 5px
}

.accordion-panel .note[data-v-359f1776] {
    font-size: .8125rem;
    margin: 10px 0;
    color: #b4bdc7
}

.accordion-panel span[data-v-359f1776] {
    color: #fff
}

.expansion-panel[data-v-359f1776] {
    box-shadow: none !important
}

.theme--dark .expansion-panel .expansion-panel__container[data-v-359f1776] {
    background-color: transparent
}

.expansion-panel__body .card[data-v-359f1776] {
    background: transparent;
    color: #8f99a3
}

.theme--dark .expansion-panel .expansion-panel__container .expansion-panel__header .icon[data-v-359f1776] {
    color: #f9bb22;
    border: 1px solid #f9bb22;
    border-radius: 5px;
    font-size: 1rem
}

.accordion h2[data-v-359f1776] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 20px
}

.layout[data-v-359f1776] {
    display: flex;
    flex-direction: row
}

.layout .faq-wrap[data-v-359f1776]:first-child {
    width: 47.5%;
    margin-right: 2.5%
}

.layout .faq-wrap[data-v-359f1776]:last-child {
    width: 47.5%;
    margin-left: 2.5%
}

.expansion-panel__container--active .mdi-chevron-down[data-v-359f1776]:before {
    content: "\f140";
    font-family: Material Design Icons;
    color: #f9bb22
}

.card__text[data-v-359f1776] {
    padding: 0 16px 16px 40px
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .layout .faq-wrap[data-v-359f1776] {
        width: 100% !important
    }
    .layout .faq-wrap[data-v-359f1776]:first-child {
        margin-right: 0
    }
    .layout .faq-wrap[data-v-359f1776]:last-child {
        margin-left: 0
    }
    .accordion-panel table[data-v-359f1776] {
        font-size: .8125rem
    }
    .accordion-panel[data-v-359f1776] {
        padding-right: 0
    }
}

.full-widthContainer[data-v-dbfcbbc6] {
    padding: 30px 0 0
}

.accordion[data-v-dbfcbbc6] {
    margin-top: -200px
}

.accordian-container[data-v-dbfcbbc6] {
    padding: 0 50px
}

.aff-logo[data-v-dbfcbbc6] {
    text-align: center
}

.column6[data-v-dbfcbbc6] {
    width: 50%
}

.container[data-v-dbfcbbc6] {
    width: 1170px;
    margin: 0 auto;
    position: relative
}

.header[data-v-dbfcbbc6] {
    text-align: center
}

*[data-v-dbfcbbc6] {
    box-sizing: border-box
}

.clearfix[data-v-dbfcbbc6] {
    clear: both
}

.aff-top[data-v-dbfcbbc6] {
    background-color: #1a1a1a;
    position: relative;
    border-radius: 25px
}

.aff-top .aff-logo img[data-v-dbfcbbc6] {
    margin: 30px 0;
    min-width: 315px
}

.aff-top h2[data-v-dbfcbbc6] {
    font-weight: 400;
    margin: 20px 0;
    text-align: center
}

.aff-top h2 span[data-v-dbfcbbc6] {
    font-weight: 600
}

.aff-top p[data-v-dbfcbbc6] {
    margin: 0 auto;
    position: relative;
    color: #8f99a3;
    width: 75%;
    padding: 25px 0;
    line-height: 30px
}

#aff-btn[data-v-dbfcbbc6] {
    height: 100px;
    width: 360px;
    background-color: #98c11c;
    margin: 70px 0;
    border-radius: 25px;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 5px 5px #617f08;
    text-align: center
}

.aff-why .aff-program[data-v-dbfcbbc6] {
    display: flex;
    align-items: center;
    margin-bottom: 50px
}

.aff-why-container[data-v-dbfcbbc6] {
    margin-top: 50px
}

.aff-why .aff-program span[data-v-dbfcbbc6] {
    font-size: 2.1875rem;
    background-color: #f9bb22;
    border-radius: 15px;
    display: inline-block;
    width: 55px;
    text-align: center
}

.aff-why .aff-program h3[data-v-dbfcbbc6] {
    display: inline-block;
    color: #8f99a3;
    font-size: 1rem;
    font-weight: 400;
    width: 150px !important;
    margin-left: 20px
}

.aff-how[data-v-dbfcbbc6] {
    width: 75%;
    margin: 40px auto 0
}

.aff-how .sunny-img1[data-v-dbfcbbc6] {
    float: left;
    width: 55%
}

.aff-how .how-content[data-v-dbfcbbc6] {
    position: relative
}

.aff-how .how-content p[data-v-dbfcbbc6] {
    margin-top: 40px;
    text-align: left;
    line-height: 30px
}

.commision-table[data-v-dbfcbbc6] {
    padding: 70px 50px;
    overflow: auto
}

.commisionWrapper[data-v-dbfcbbc6] {
    min-width: 450px
}

.commision-table h2[data-v-dbfcbbc6] {
    font-weight: 700
}

table[data-v-dbfcbbc6] {
    border-collapse: collapse;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background-color: hsla(0, 0%, 100%, .03);
    color: #8f99a3
}

tbody[data-v-dbfcbbc6] {
    overflow-y: scroll;
    width: 100%
}

tbody tr[data-v-dbfcbbc6]:nth-child(2n) {
    background-color: hsla(0, 0%, 100%, .03)
}

table[data-v-dbfcbbc6],
td[data-v-dbfcbbc6] {
    padding: 15px 20px
}

thead tr[data-v-dbfcbbc6] {
    border-bottom: 1px solid #f9bb22
}

thead tr th[data-v-dbfcbbc6] {
    padding: 15px 20px;
    color: #fff;
    text-align: left
}

.contact-section[data-v-dbfcbbc6] {
    padding: 90px 0;
    position: relative;
    height: 700px
}

.contact-section h2[data-v-dbfcbbc6] {
    text-align: center
}

.contact-section .contactUs[data-v-dbfcbbc6] {
    margin: 50px 0
}

.contact-section .contact[data-v-dbfcbbc6],
.contact-section .contactUs[data-v-dbfcbbc6] {
    display: flex;
    justify-content: center;
    align-items: center
}

.contact-section .contact[data-v-dbfcbbc6] {
    width: 33.33%;
    background: #1a1a1a;
    height: 100px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    margin: 0 20px;
    position: relative;
    border-radius: 20px
}

.contact-section span[data-v-dbfcbbc6] {
    color: #f9bb22;
    font-size: 2.5rem;
    margin-right: 15px
}

.contact-section h3[data-v-dbfcbbc6] {
    display: inline;
    font-weight: 300
}

.laptop-bg[data-v-dbfcbbc6] {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%)
}

.laptop-bg img[data-v-dbfcbbc6] {
    min-width: 300px
}

.accordion[data-v-dbfcbbc6] {
    padding: 170px 0;
    background: url(/_nuxt/img/b5d4fbb.jpg) no-repeat 50%;
    background-attachment: fixed
}

.accordion h1[data-v-dbfcbbc6] {
    text-align: center;
    margin-bottom: 30px
}

.expansion-panel__container .header__icon[data-v-dbfcbbc6] {
    position: absolute;
    left: 0
}

.accordion-panel[data-v-dbfcbbc6] {
    margin-bottom: 40px;
    padding-right: 40px;
    box-shadow: none
}

.theme--dark .expansion-panel .expansion-panel__container[data-v-dbfcbbc6] {
    background-color: transparent
}

.expansion-panel__body .card[data-v-dbfcbbc6] {
    background: transparent;
    color: #8f99a3
}

.expansion-panel__body .card .card__text[data-v-dbfcbbc6] {
    padding: 10px 10px 10px 25px
}

.theme--dark .expansion-panel .expansion-panel__container .expansion-panel__header .icon[data-v-dbfcbbc6] {
    color: #f9bb22;
    border: 1px solid #f9bb22;
    border-radius: 5px;
    font-size: 1rem
}

.accordion h2[data-v-dbfcbbc6] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 20px
}

.expansion-panel__container--active .mdi-plus[data-v-dbfcbbc6]:before {
    content: "\f374";
    font-family: Material Design Icons
}

.theme--dark .expansion-panel .expansion-panel__container[data-v-dbfcbbc6] {
    border: 0
}

@media only screen and (min-width:0px) and (max-width:1300px) {
    .container[data-v-dbfcbbc6] {
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .aff-top .aff-logo img[data-v-dbfcbbc6] {
        margin: 40px 0;
        width: 200px
    }
    .aff-top h2[data-v-dbfcbbc6] {
        margin-bottom: 20px
    }
    #aff-btn[data-v-dbfcbbc6] {
        height: 75px;
        width: 250px;
        margin: 50px 0
    }
    .laptop-bg img[data-v-dbfcbbc6] {
        width: 600px
    }
    .laptop-bg[data-v-dbfcbbc6] {
        top: 105px
    }
    .aff-how .sunny-img1[data-v-dbfcbbc6] {
        float: none;
        width: 100%;
        text-align: center
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .commision-table[data-v-dbfcbbc6] {
        padding: 25px 10px
    }
    .contact-section .contactUs[data-v-dbfcbbc6] {
        flex-direction: column
    }
    .contact-section .contact[data-v-dbfcbbc6] {
        margin-top: 15px;
        margin-bottom: 15px;
        width: 40%
    }
    .contact-section[data-v-dbfcbbc6] {
        padding: 30px 0;
        height: 815px
    }
    .column6[data-v-dbfcbbc6] {
        width: 100%
    }
    .laptop-bg[data-v-dbfcbbc6] {
        top: 240px
    }
    .accordion[data-v-dbfcbbc6] {
        padding: 130px 0
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .aff-top .aff-logo img[data-v-dbfcbbc6] {
        min-width: 200px
    }
    #aff-btn[data-v-dbfcbbc6] {
        height: 60px;
        width: 200px;
        font-size: 1rem;
        margin: 40px 0
    }
    th[data-v-dbfcbbc6] {
        padding: 10px
    }
    .contact-section .contact[data-v-dbfcbbc6] {
        width: 50%
    }
    .aff-why .aff-program span[data-v-dbfcbbc6] {
        margin-right: 5px
    }
    .aff-why .aff-program h3[data-v-dbfcbbc6] {
        font-size: 1rem;
        padding-left: 10px
    }
    .aff-why .aff-program[data-v-dbfcbbc6] {
        width: 50%
    }
    .aff-how .sunny-img1 img[data-v-dbfcbbc6] {
        width: 100%
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .contact-section .contact[data-v-dbfcbbc6] {
        width: 75%
    }
    .aff-top p[data-v-dbfcbbc6] {
        width: 100%
    }
    .accordion-panel[data-v-dbfcbbc6] {
        padding-right: 0
    }
}

@media only screen and (min-width:0px) and (max-width:359px) {
    .commisionWrapper[data-v-dbfcbbc6] {
        margin: 0 auto
    }
    table[data-v-dbfcbbc6] {
        border-collapse: collapse;
        border-spacing: 0;
        width: 90%;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        overflow: hidden
    }
}

.Contact-container[data-v-0d15602a] {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    min-height: 100%;
    align-items: center;
    padding: 30px 0
}

.Contact-container>img[data-v-0d15602a] {
    width: 130px;
    margin: 50px;
    display: block;
    text-align: center
}

.Contact-container h1[data-v-0d15602a] {
    text-align: center
}

.detail[data-v-0d15602a] {
    margin: 30px 0
}

.contact-wrapper[data-v-0d15602a] {
    display: flex
}

.contact-wrapper .contact-emails[data-v-0d15602a] {
    padding-left: 20px
}

.contact h3[data-v-0d15602a] {
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-weight: lighter;
    display: inline
}

.icon[data-v-0d15602a] {
    display: inline-block;
    width: 34px;
    color: #8f99a3;
    font-size: 40px;
    line-height: 30px;
    float: left;
    margin-right: 30px
}

.contact .link[data-v-0d15602a] {
    color: #f9bb22;
    font-size: 20px;
    line-height: 30px
}

.contact span[data-v-0d15602a] {
    height: 15px;
    width: 181px;
    color: #8f99a3;
    font-size: 15px;
    font-style: italic;
    line-height: 30px
}

.contact[data-v-0d15602a] {
    display: inline-block
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .detail[data-v-0d15602a] {
        margin: 25px 0
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .Contact-container>img[data-v-0d15602a] {
        width: 110px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .contact .link[data-v-0d15602a] {
        font-size: 17px
    }
}

.homeContentWrapperSignup[data-v-2e45da90] {
    background-image: url(/_nuxt/img/0628b2a.jpg);
    background-size: cover;
    width: 100%;
    padding: 75px 0 0;
    -webkit-animation: mymove-data-v-2e45da90 35s linear infinite;
    animation: mymove-data-v-2e45da90 35s linear infinite;
    cursor: pointer
}

.homeContentWrapperSignup .aboutContainer .title[data-v-2e45da90] {
    text-align: center;
    font-size: 1.75rem !important;
    margin-bottom: 30px
}

.homeContentWrapperSignup .aboutContainer .title .imp[data-v-2e45da90] {
    color: #f9bb22
}

.homeContentWrapperSignup .aboutContainer .card[data-v-2e45da90] {
    box-shadow: none
}

.homeContentWrapperSignup .aboutContainer .signUpHomeImage[data-v-2e45da90] {
    padding: 0 20px
}

.homeContentWrapperSignup .aboutContainer .signUpHomeImage img[data-v-2e45da90] {
    margin: 0 auto;
    display: block
}

.homeContentWrapperSignup .aboutContainer .aboutContentWrapper[data-v-2e45da90] {
    display: flex;
    position: relative
}

.homeContentWrapperSignup .aboutContainer .aboutContentWrapper p[data-v-2e45da90] {
    margin: 0
}

.homeContentWrapperSignup .aboutContainer .aboutContentWrapper .contentBox[data-v-2e45da90] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    padding: 15px 0;
    border-bottom: 1px solid #fff !important;
    border-top: 1px solid #fff !important
}

.homeContentWrapperSignup .aboutContainer .aboutContentWrapper .contentBox .title[data-v-2e45da90] {
    font-size: 1.1rem !important;
    font-weight: 600;
    margin-bottom: 10px
}

.homeContentWrapperSignup .aboutContainer .aboutContentWrapper .contentBox .content[data-v-2e45da90] {
    text-align: center;
    font-size: .9rem;
    opacity: .7
}

.homeContentWrapperAbout[data-v-2e45da90] {
    width: 100%;
    padding: 50px 0;
    position: relative
}

.homeContentWrapperAbout .activePromotionSunny[data-v-2e45da90] {
    position: absolute;
    bottom: 0
}

.homeContentWrapperAbout .activePromotionSunny.sunnyleft[data-v-2e45da90] {
    left: 0
}

.homeContentWrapperAbout .activePromotionSunny.sunnyright[data-v-2e45da90] {
    right: 0
}

.homeContentWrapperAbout .aboutContainer .title[data-v-2e45da90] {
    text-align: center;
    font-size: 1.5rem !important;
    margin-bottom: 30px
}

.homeContentWrapperAbout .aboutContainer .aboutContent[data-v-2e45da90] {
    color: #8f99a3;
    line-height: 30px;
    width: 70%;
    margin: 0 auto;
    font-size: .95rem;
    text-align: center
}

.homeContentWrapperAbout .aboutContainer .aboutUsDesc[data-v-2e45da90] {
    display: flex;
    width: 100%;
    padding: 20px
}

.homeContentWrapperAbout .aboutContainer .aboutUsDesc h2[data-v-2e45da90] {
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.2rem;
    font-weight: 500
}

.homeContentWrapperAbout .aboutContainer .aboutUsDesc p[data-v-2e45da90] {
    color: #8f99a3;
    line-height: 30px;
    font-size: .95rem;
    overflow: hidden
}

.homeContentWrapperAbout .aboutContainer .aboutUsDesc .historyContainer[data-v-2e45da90],
.homeContentWrapperAbout .aboutContainer .aboutUsDesc .valuesContainer[data-v-2e45da90] {
    width: 50%;
    padding: 0 20px
}

@media only screen and (max-width:1300px) {
    .homeContentWrapperSignup[data-v-2e45da90] {
        -webkit-animation: mymove-data-v-2e45da90 25s linear infinite !important;
        animation: mymove-data-v-2e45da90 25s linear infinite !important
    }
    @-webkit-keyframes mymove-data-v-2e45da90 {
        0% {
            background-position: bottom
        }
        98% {
            background-position: top
        }
        to {
            background-position: top
        }
    }
    @keyframes mymove-data-v-2e45da90 {
        0% {
            background-position: bottom
        }
        98% {
            background-position: top
        }
        to {
            background-position: top
        }
    }
}

@media only screen and (max-width:1170px) {
    .homeContentWrapperSignup .signUpContentWrapper[data-v-2e45da90] {
        justify-content: center
    }
    .homeContentWrapperSignup .signUpContentWrapper .imageFlexWrapper[data-v-2e45da90] {
        max-width: 520px;
        width: 50%;
        flex-basis: auto
    }
    .homeContentWrapperSignup .aboutContentWrapper[data-v-2e45da90] {
        display: flex !important
    }
    .homeContentWrapperSignup .aboutContainer .signUpHomeImage img[data-v-2e45da90] {
        width: 230px
    }
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .homeContentWrapperSignup[data-v-2e45da90] {
        -webkit-animation: mymove-data-v-2e45da90 10s linear infinite !important;
        animation: mymove-data-v-2e45da90 10s linear infinite !important
    }
    .homeContentWrapperSignup .aboutContainer .aboutContentWrapper .contentBox .title[data-v-2e45da90] {
        font-size: 1.3rem
    }
    .homeContentWrapperSignup .aboutContainer .aboutContentWrapper .contentBox .content[data-v-2e45da90] {
        font-size: .9rem
    }
    .aboutContainer p[data-v-2e45da90] {
        font-size: 1.1rem !important
    }
    .aboutContainer .aboutContent[data-v-2e45da90] {
        width: 100% !important;
        text-align: left !important;
        padding: 0 40px
    }
    .aboutContainer .aboutUsDesc[data-v-2e45da90] {
        flex-direction: column
    }
    .aboutContainer .aboutUsDesc .historyContainer[data-v-2e45da90],
    .aboutContainer .aboutUsDesc .valuesContainer[data-v-2e45da90] {
        width: 100% !important
    }
    @-webkit-keyframes mymove-data-v-2e45da90 {
        0% {
            background-position: bottom
        }
        98% {
            background-position: top
        }
        to {
            background-position: top
        }
    }
    @keyframes mymove-data-v-2e45da90 {
        0% {
            background-position: bottom
        }
        98% {
            background-position: top
        }
        to {
            background-position: top
        }
    }
}

@media only screen and (min-width:0px) and (max-width:800px) {
    .homeContentContainer .homeContentWrapperSignup[data-v-2e45da90] {
        padding: 60px 0 0
    }
    .homeContentContainer .homeContentWrapperSignup .aboutContainer .aboutContentWrapper .contentBox[data-v-2e45da90] {
        width: 80%
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .aboutUsWrapper .homeContentWrapperSignup .aboutContainer .aboutContentWrapper[data-v-2e45da90] {
        display: none !important
    }
    .aboutUsWrapper .homeContentWrapperAbout[data-v-2e45da90] {
        padding: 50px 0 20px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .homeContentWrapperSignup[data-v-2e45da90] {
        padding: 30px 0 0
    }
    .homeContentWrapperAbout .aboutContainer .aboutContent[data-v-2e45da90] {
        padding: 0 30px
    }
    .homeContentWrapperAbout .aboutContainer .aboutUsDesc[data-v-2e45da90] {
        padding: 10px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .homeContentWrapperSignup[data-v-2e45da90] {
        padding: 20px 0 0;
        -webkit-animation: mymove-data-v-2e45da90 5s linear infinite !important;
        animation: mymove-data-v-2e45da90 5s linear infinite !important
    }
}

@-webkit-keyframes mymove-data-v-2e45da90 {
    0% {
        background-position: bottom
    }
    98% {
        background-position: top
    }
    to {
        background-position: top
    }
}

@keyframes mymove-data-v-2e45da90 {
    0% {
        background-position: bottom
    }
    98% {
        background-position: top
    }
    to {
        background-position: top
    }
}

@media only screen and (max-width:1170px) {
    .homeContentWrapperSignup .aboutContainer .signUpHomeImage img {
        width: 210px !important
    }
}

@media only screen and (max-width:960px) {
    .homeContentWrapperSignup .aboutContainer .signUpHomeImage img {
        width: 180px !important
    }
}

@media only screen and (max-width:800px) {
    .content p {
        line-height: 20px !important
    }
    .homeContentWrapperSignup .aboutContainer .signUpHomeImage img {
        width: 130px !important
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .content p {
        line-height: 20px !important
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .homeContentWrapperSignup .aboutContainer .signUpHomeImage img {
        width: 100px !important
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    .homeContentWrapperSignup .aboutContainer .signUpHomeImage img {
        width: 80px !important
    }
}

.terms-condition-container[data-v-15b20c0c] {
    padding: 15px
}

.terms-condition-container p[data-v-15b20c0c] {
    line-height: 30px
}

.Condition-title[data-v-15b20c0c] {
    text-align: center;
    padding-bottom: 50px
}

.Condition-title h1[data-v-15b20c0c] {
    color: #fff;
    padding: 50px 0
}

.Condition-title p[data-v-15b20c0c] {
    color: #da4a4c;
    line-height: 30px
}

.Intro h3[data-v-15b20c0c] {
    text-align: center;
    padding-bottom: 30px
}

.Intro ul[data-v-15b20c0c],
ol[data-v-15b20c0c] {
    color: #8f99a3
}

.Intro span[data-v-15b20c0c] {
    color: #fff
}

.Intro li[data-v-15b20c0c] {
    margin: 20px 0;
    line-height: 30px
}

.column6[data-v-15b20c0c] {
    width: 50%;
    float: left;
    padding: 0 20px
}

.margin[data-v-15b20c0c] {
    margin-left: 15px
}

.highlight[data-v-15b20c0c] {
    color: #fff
}

.number[data-v-15b20c0c] {
    color: #f9bb22 !important;
    margin-right: 5px
}

.jeet-store-tnc[data-v-15b20c0c] {
    display: inline-block;
    margin-top: 50px
}

.jeet-store-tnc .Condition-title[data-v-15b20c0c] {
    padding-bottom: 30px
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .column6[data-v-15b20c0c] {
        width: 100%;
        float: none
    }
    .column6 li[data-v-15b20c0c] {
        font-size: 13px
    }
}

@media only screen and (min-width:0px) and (max-width:640px) {
    .Intro h3[data-v-15b20c0c] {
        padding-bottom: 5px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .terms-condition-container[data-v-15b20c0c] {
        padding: 5px
    }
}

.Condition-title[data-v-1a7e7608] {
    text-align: center;
    padding-bottom: 50px
}

.Condition-title h1[data-v-1a7e7608] {
    color: #fff;
    padding: 50px 0
}

.Condition-title p[data-v-1a7e7608] {
    color: #da4a4c;
    line-height: 1.7
}

.clearfix[data-v-1a7e7608] {
    clear: both
}

.column6[data-v-1a7e7608] {
    width: 50%;
    float: left;
    padding: 0 15px
}

.tandc h4[data-v-1a7e7608] {
    font-weight: 400;
    margin: 5px 0
}

.tandc h5[data-v-1a7e7608] {
    margin: 10px 0;
    color: #ccc
}

.tandc h4 span[data-v-1a7e7608] {
    color: #f9bb22;
    margin-right: 5px
}

.tandc p[data-v-1a7e7608] {
    color: #8f99a3;
    font-size: 14px;
    line-height: 30px
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .column6[data-v-1a7e7608] {
        width: 100%;
        float: none
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .Condition-title[data-v-1a7e7608] {
        padding-bottom: 5px
    }
}

.Condition-title[data-v-58bd646d] {
    padding-bottom: 50px
}

.Condition-title h1[data-v-58bd646d] {
    color: #fff;
    padding: 50px 0;
    text-align: center
}

.Condition-title p[data-v-58bd646d] {
    text-align: left
}

.Condition-title ol li[data-v-58bd646d],
.Condition-title p[data-v-58bd646d] {
    color: #8f99a3;
    line-height: 30px;
    font-size: 14px
}

.Condition-title ol li[data-v-58bd646d] {
    margin-left: 15px
}

.clearfix[data-v-58bd646d] {
    clear: both
}

.column6[data-v-58bd646d] {
    width: 50%;
    float: left;
    padding: 0 15px
}

.tandc h4[data-v-58bd646d] {
    font-weight: 400;
    margin: 20px 0 5px
}

.tandc h5[data-v-58bd646d] {
    margin: 10px 0;
    color: #ccc
}

.tandc h4 span[data-v-58bd646d] {
    color: #f9bb22;
    margin-right: 5px
}

.tandc p[data-v-58bd646d] {
    color: #8f99a3;
    font-size: 14px;
    line-height: 30px
}

.column6 ol[data-v-58bd646d] {
    padding: 0;
    margin: 0 0 0 20px
}

.column6 ol li[data-v-58bd646d] {
    color: #8f99a3;
    font-size: 14px;
    line-height: 1.8;
    margin: 10px 0
}

.disconnection-container[data-v-58bd646d] {
    padding: 20px
}

@media only screen and (min-width:0px) and (max-width:960px) {
    .Condition-title p[data-v-58bd646d] {
        font-size: 13px
    }
    .column6[data-v-58bd646d] {
        width: 100%;
        float: none
    }
    .column6 ol li[data-v-58bd646d],
    .Condition-title ol li[data-v-58bd646d],
    .tandc p[data-v-58bd646d] {
        font-size: 13px
    }
}

@media only screen and (min-width:0px) and (max-width:480px) {
    .disconnection-container[data-v-58bd646d] {
        padding: 10px
    }
}

@keyframes marquee2 {
    from {
        -webkit-transform: translateX(1519px);
        -moz-transform: translateX(1519px);
        -ms-transform: translateX(1519px);
        transform: translateX(1519px);
    }
    to {
        -webkit-transform: translateX(-2672px);
        -moz-transform: translateX(-2672px);
        -ms-transform: translateX(-2672px);
        transform: translateX(-2672px);
    }
}