.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%
   }
 }

 /* <meta data-n-head="1" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"><meta data-n-head="1" property="og:locale" content="en_IN"><meta data-n-head="1" property="og:image" content="https://www.jeetwin.com/logonew.png"><meta data-n-head="1" data-hid="twitter:image" name="twitter:image" content="https://www.jeetwin.com/logonew.png"><meta data-n-head="1" data-hid="twitter:card" name="twitter:card" content="summary"> */
 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;
 }

 .fa {
   color: white;
 }

 .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
   }
 }

 @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);
   }
 }

 .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
   }
 }

 .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
   }
 }

 .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-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
   }
 }

 .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
   }
 }

 .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
 }

 .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
   }
 }

 .terms-condition-container[data-v-742d4b0f] {
   padding: 0 20px
 }

 .terms-condition-container .content[data-v-742d4b0f] {
   margin: 15px 0;
   display: flex;
   flex-direction: column;
   color: #8f99a3;
   line-height: 30px
 }

 .terms-condition-container .content .flew-row[data-v-742d4b0f] {
   display: flex;
   justify-content: space-between;
   align-items: center
 }

 .terms-condition-container .content .flew-row h2[data-v-742d4b0f] {
   color: #fff
 }

 .terms-condition-container .content .flew-row p[data-v-742d4b0f] {
   margin-right: 40px
 }

 .terms-condition-container .content .flew-row .logo[data-v-742d4b0f] {
   min-width: 250px
 }

 .terms-condition-container .content .flew-row .logo img[data-v-742d4b0f] {
   width: 100%
 }

 .terms-condition-container .responsibleContent[data-v-742d4b0f] {
   color: #8f99a3;
   padding-bottom: 20px;
   line-height: 30px
 }

 .terms-condition-container .responsibleContent h2[data-v-742d4b0f] {
   color: #fff
 }

 .terms-condition-container .responsibleContent .gamblingList[data-v-742d4b0f] {
   padding: 0 20px
 }

 @media only screen and (min-width:0px) and (max-width:960px) {
   .content .flew-row .logo[data-v-742d4b0f] {
     min-width: 175px
   }
 }

 @media only screen and (min-width:0px) and (max-width:800px) {
   .content .flew-row .logo[data-v-742d4b0f] {
     min-width: 150px
   }
 }

 @media only screen and (min-width:0px) and (max-width:640px) {
   .content .flew-row[data-v-742d4b0f] {
     flex-wrap: wrap
   }
   .content .flew-row p[data-v-742d4b0f] {
     margin-right: 0!important;
     padding-top: 0
   }
   .content .flew-row .logo[data-v-742d4b0f] {
     min-width: auto;
     width: 200px;
     margin: 0 auto
   }
   .terms-condition-container[data-v-742d4b0f] {
     padding: 0
   }
 }

 .Condition-title[data-v-58bd646d] {
   padding-bottom: 50px
 }

 .Condition-title h1[data-v-58bd646d] {
   color: #fff;
   padding: 50px 0;
   text-align: center;
   font-size: 2.2em;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 0px;
 }

 .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
   }
 }