@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap"; @import "https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&display=swap"; @import "https://use.typekit.net/ttn8vgh.css"; @import "https://fonts.googleapis.com/css2?family=Rubik:wght@700&display=swap"; @import "https://fonts.googleapis.com/css2?family=Poppins:wght@500;700;800&display=swap"; /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,:after,:before {
        color: #000!important;
        text-shadow: none!important;
        background: 0 0!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    h2,h3,p {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,.dropup>.btn>.caret {
        border-top-color: #000!important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse!important
    }

    .table td,.table th {
        background-color: #fff!important
    }

    .table-bordered td,.table-bordered th {
        border: 1px solid #ddd!important
    }
}

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

:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff
}

button,input,select,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,a:hover {
    color: #23527c;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small {
    font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-size: 75%
}

.h1,h1 {
    font-size: 36px
}

.h2,h2 {
    font-size: 30px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

.h5,h5 {
    font-size: 14px
}

.h6,h6 {
    font-size: 12px
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width: 768px) {
    .lead {
        font-size:21px
    }
}

.small,small {
    font-size: 85%
}

.mark,mark {
    padding: .2em;
    background-color: #fcf8e3
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus,a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus,a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus,a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus,a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus,a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus,a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus,a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus,a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus,a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus,a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol,ul {
    margin-top: 0;
    margin-bottom: 10px
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd,dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title],abbr[title] {
    cursor: help
}

.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child {
    margin-bottom: 0
}

blockquote .small,blockquote footer,blockquote small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #777
}

blockquote .small:before,blockquote footer:before,blockquote small:before {
    content: "\2014 \00A0"
}

.blockquote-reverse,blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #eee;
    border-left: 0
}

.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before {
    content: ""
}

.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after {
    content: "\00A0 \2014"
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

@media (min-width: 992px) {
    .container {
        width:970px
    }
}

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    line-height: normal
}

fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled] {
    cursor: not-allowed
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control {
        line-height:34px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.checkbox label,.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio] {
    position: absolute;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

.form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:11px;
        font-size: 18px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.focus,.btn:focus,.btn:hover {
    color: #333;
    text-decoration: none
}

.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.btn-default.focus,.btn-default:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c
}

.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad
}

.btn-default.active.focus,.btn-default.active:focus,.btn-default.active:hover,.btn-default:active.focus,.btn-default:active:focus,.btn-default:active:hover,.open>.dropdown-toggle.btn-default.focus,.open>.dropdown-toggle.btn-default:focus,.open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c
}

.btn-default.disabled.focus,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled].focus,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {
    background-color: #fff;
    border-color: #ccc
}

.btn-default .badge {
    color: #fff;
    background-color: #333
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    background-image: none;
    border-color: #204d74
}

.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40
}

.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary .badge {
    color: #337ab7;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success.focus,.btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success.active,.btn-success:active,.open>.dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    background-image: none;
    border-color: #398439
}

.btn-success.active.focus,.btn-success.active:focus,.btn-success.active:hover,.btn-success:active.focus,.btn-success:active:focus,.btn-success:active:hover,.open>.dropdown-toggle.btn-success.focus,.open>.dropdown-toggle.btn-success:focus,.open>.dropdown-toggle.btn-success:hover {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success.disabled.focus,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled].focus,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success.focus,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info.focus,.btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    background-image: none;
    border-color: #269abc
}

.btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning.focus,.btn-warning:focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    background-image: none;
    border-color: #d58512
}

.btn-warning.active.focus,.btn-warning.active:focus,.btn-warning.active:hover,.btn-warning:active.focus,.btn-warning:active:focus,.btn-warning:active:hover,.open>.dropdown-toggle.btn-warning.focus,.open>.dropdown-toggle.btn-warning:focus,.open>.dropdown-toggle.btn-warning:hover {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning.disabled.focus,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled].focus,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    background-image: none;
    border-color: #ac2925
}

.btn-danger.active.focus,.btn-danger.active:focus,.btn-danger.active:hover,.btn-danger:active.focus,.btn-danger:active:focus,.btn-danger:active:hover,.open>.dropdown-toggle.btn-danger.focus,.open>.dropdown-toggle.btn-danger:focus,.open>.dropdown-toggle.btn-danger:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger.disabled.focus,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled].focus,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0
}

.btn-link,.btn-link.active,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover {
    border-color: transparent
}

.btn-link:focus,.btn-link:hover {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover {
    color: #777;
    text-decoration: none
}

.btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block {
    width: 100%
}

code,kbd,pre,samp {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

table {
    background-color: transparent
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:focus,.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    background-color: #eee;
    border-color: #337ab7
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 4px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border: 1px solid #ddd
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

@media (min-width: 768px) {
    .navbar {
        border-radius:4px
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float:left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse.in {
    overflow-y: auto
}

@media (min-width: 768px) {
    .navbar-collapse {
        width:auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom,.navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
    max-height: 340px
}

@media (max-device-width: 480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse {
        max-height:200px
    }
}

@media (min-width: 768px) {
    .navbar-fixed-bottom,.navbar-fixed-top {
        border-radius:0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
        margin-right:0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius:0
    }
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px
}

.navbar-brand:focus,.navbar-brand:hover {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media (min-width: 768px) {
    .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
        margin-left:-15px
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width: 768px) {
    .navbar-toggle {
        display:none
    }
}

.navbar-nav {
    margin: 7.5px -15px
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position:static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px
    }

    .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float:left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.navbar-form {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    margin-top: 8px;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .navbar-form .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox,.navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .checkbox label,.navbar-form .radio label {
        padding-left: 0
    }

    .navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom:5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width:auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .navbar-text {
        float:left;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 768px) {
    .navbar-left {
        float:left!important
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar-default .navbar-brand {
    color: #777
}

.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover {
    color: #5e5e5e;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #777
}

.navbar-default .navbar-nav>li>a {
    color: #777
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #e7e7e7
}

.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #e7e7e7
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color:#777
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #333;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #555;
        background-color: #e7e7e7
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-toggle {
    border-color: #ddd
}

.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
    background-color: #ddd
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888
}

.navbar-default .navbar-collapse,.navbar-default .navbar-form {
    border-color: #e7e7e7
}

.navbar-default .navbar-link {
    color: #777
}

.navbar-default .navbar-link:hover {
    color: #333
}

.navbar-default .btn-link {
    color: #777
}

.navbar-default .btn-link:focus,.navbar-default .btn-link:hover {
    color: #333
}

.navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover {
    color: #ccc
}

.navbar-inverse {
    background-color: #222;
    border-color: #080808
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d
}

.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a {
    color: #9d9d9d
}

.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #080808
}

.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: #080808
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color:#080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #fff;
        background-color: #080808
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color: #101010
}

.navbar-inverse .navbar-link {
    color: #9d9d9d
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #9d9d9d
}

.navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover {
    color: #444
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #eee
}

.jumbotron .h1,.jumbotron h1 {
    color: inherit
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #d5d5d5
}

.container .jumbotron,.container-fluid .jumbotron {
    padding-right: 15px;
    padding-left: 15px;
    border-radius: 6px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width: 768px) {
    .jumbotron {
        padding-top:48px;
        padding-bottom: 48px
    }

    .container .jumbotron,.container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px
    }

    .jumbotron .h1,.jumbotron h1 {
        font-size: 63px
    }
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0,-25%);
    transform: translate(0,-25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width:600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width:900px
    }
}

.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.row:after,.row:before {
    display: table;
    content: " "
}

.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right!important
}

.pull-left {
    float: left!important
}

.hide {
    display: none!important
}

.show {
    display: block!important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none!important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-lg,.visible-md,.visible-sm,.visible-xs {
    display: none!important
}

.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block {
    display: none!important
}

@media (max-width: 767px) {
    .visible-xs {
        display:block!important
    }

    table.visible-xs {
        display: table!important
    }

    tr.visible-xs {
        display: table-row!important
    }

    td.visible-xs,th.visible-xs {
        display: table-cell!important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display:block!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display:inline!important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display:block!important
    }

    table.visible-sm {
        display: table!important
    }

    tr.visible-sm {
        display: table-row!important
    }

    td.visible-sm,th.visible-sm {
        display: table-cell!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-block {
        display:block!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline {
        display:inline!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display:block!important
    }

    table.visible-md {
        display: table!important
    }

    tr.visible-md {
        display: table-row!important
    }

    td.visible-md,th.visible-md {
        display: table-cell!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-block {
        display:block!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline {
        display:inline!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display:inline-block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display:block!important
    }

    table.visible-lg {
        display: table!important
    }

    tr.visible-lg {
        display: table-row!important
    }

    td.visible-lg,th.visible-lg {
        display: table-cell!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display:block!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display:inline!important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display:inline-block!important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none!important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none!important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none!important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none!important
    }
}

.visible-print {
    display: none!important
}

@media print {
    .visible-print {
        display: block!important
    }

    table.visible-print {
        display: table!important
    }

    tr.visible-print {
        display: table-row!important
    }

    td.visible-print,th.visible-print {
        display: table-cell!important
    }
}

.visible-print-block {
    display: none!important
}

@media print {
    .visible-print-block {
        display: block!important
    }
}

.visible-print-inline {
    display: none!important
}

@media print {
    .visible-print-inline {
        display: inline!important
    }
}

.visible-print-inline-block {
    display: none!important
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important
    }
}

@media print {
    .hidden-print {
        display: none!important
    }
}

.compliance-footer {
    background: #000;
    text-align: center;
    padding: 20px;
    color: #fff;
    overflow: hidden
}

.compliance-footer .compliance-footer__elements {
    font-size: 23px;
    padding-bottom: 20px;
    font-weight: 900;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.compliance-footer .compliance-footer__elements figure {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.compliance-footer .compliance-footer__elements figure+figure {
    margin-left: 50px
}

.compliance-footer .compliance-footer__elements figure+figure::before {
    content: "";
    position: absolute;
    background: #fff;
    left: -25px;
    width: 3px;
    height: 100%
}

.compliance-footer .igaming-logo {
    width: 150px;
    height: auto;
    display: inline-block
}

.compliance-footer p {
    font-weight: 500;
    line-height: 18px;
    font-size: 14px;
    margin: 10px auto;
    max-width: 750px;
    color: rgba(255,255,255,.55)
}

.compliance-footer p span {
    font-weight: 600
}

.compliance-footer p a {
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline;
    color: #fff
}

@media screen and (max-width: 767px) {
    .compliance-footer .compliance-footer__elements {
        font-size:18px
    }

    .compliance-footer .igaming-logo {
        width: 121px
    }
}

@media screen and (max-width: 480px) {
    .compliance-footer .compliance-footer__elements {
        font-size:14px
    }

    .compliance-footer .igaming-logo {
        width: 90px
    }
}

.modal-ont {
    background: rgba(0,0,0,.65);
    font-size: 16px
}

.modal-ont .modal-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    padding: 1em 0;
    color: #000;
    font-family: sans-serif
}

.modal-ont .modal-content {
    background: #fff;
    border: 2px solid red;
    border-radius: 12px
}

.modal-ont .modal-body {
    padding: 1em 1.5em;
    text-align: center
}

.modal-ont__title {
    font-size: 1.25em;
    font-weight: 700;
    margin-top: .5em
}

.modal-ont__content {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    color: red;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.1em
}

.modal-ont__disclaimer {
    font-size: .8em
}

.modal-ont a {
    color: #00008b!important
}

.modal-ont a:hover {
    color: #00008b!important
}

:root {
    --app-height: 100vh
}

body {
    font-family: Roboto,sans-serif
}

.game-text--heading {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 1px 1px 5px #000;
    margin: .5em 0 0 0
}

.game-text--heading .u__text--large {
    font-size: 1.6em
}

@media screen and (max-width: 575px) {
    .game-text--heading {
        font-size:5.8vw
    }
}

#vignette {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,left top,right top,from(#000),to(#000)),-webkit-gradient(linear,right top,left top,from(#000),to(#000));
    background-image: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to left,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to right,#000 0,#000 100%),linear-gradient(to left,#000 0,#000 100%);
    background-size: 300px 100vh,300px 100vh,calc(50% - 700px + 10px) 100vh,calc(50% - 700px + 10px) 100vh;
    background-position: calc(50% - 700px + 150px) top,calc(50% + 700px - 150px) top,right top,left top;
    background-repeat: no-repeat
}

#spinwheel {
    position: relative;
    max-width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    z-index: 10;
    width: 600px
}

#spinwheel::after {
    content: '';
    display: block;
    padding-bottom: 100%
}

#spinwheel canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

#spinwheel .spin-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

#spinwheel-messages {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 130;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px
}

#spinwheel-messages.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#spinwheel-messages .message {
    position: relative;
    display: none;
    width: 100%;
    max-width: 420px;
    max-height: 100%;
    color: #000;
    font-size: 30px;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

#spinwheel-messages .message.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#spinwheel-messages .message-inner {
    padding: 30px 30px 30px 30px
}

#spinwheel-messages .message-content {
    overflow: auto
}

#spinwheel-messages .message-footer {
    padding: 20px 0 0 0
}

#spinwheel-messages .btn-message {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    border: solid 4px #000;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 1
}

#spinwheel-messages .btn-message:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none
}

#spinwheel-messages .btn-message:focus {
    text-decoration: none
}

@media screen and (max-width: 575px) {
    #spinwheel-messages .btn-message {
        font-size:25px
    }
}

#spinwheel-messages h2 {
    font-size: 40px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 575px) {
    #spinwheel-messages h2 {
        font-size:30px
    }
}

#spinwheel-messages h3 {
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700
}

@media screen and (max-width: 575px) {
    #spinwheel-messages h3 {
        font-size:20px
    }
}

#spinwheel-messages p {
    font-size: 25px;
    line-height: 1.2;
    margin: 15px 0 0 0;
    display: block
}

@media screen and (max-width: 575px) {
    #spinwheel-messages p {
        font-size:18px
    }
}

.game-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 0
}

@media screen and (max-width: 767px) {
    .game-loader {
        max-width:100px
    }
}

.lds-dual-ring {
    display: inline-block;
    width: 100px;
    height: 100px
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
    margin: 1px;
    border-radius: 50%;
    border: 10px solid #ffd43e;
    border-color: #ffd43e transparent #ffd43e transparent;
    -webkit-animation: lds-dual-ring 1.2s linear infinite;
    animation: lds-dual-ring 1.2s linear infinite
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

body[data-gametheme=ic1] {
    font-family: Arimo,sans-serif;
    color: #fff;
    background-color: #091420;
    background-image: url(/Content/themes/jpw/shared/images/ic1-background.jpg);
    background-position: center top;
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ic1] {
        background-image:url(/Content/themes/jpw/shared/images/ic1-background-mobile.jpg);
        background-size: 100% auto
    }
}

body[data-gametheme=ic1] .u__colour--yellow {
    color: #f4c300
}

body[data-gametheme=ic1] .page-content-contain {
    position: relative;
    width: 1199px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: -380px;
    z-index: 1
}

body[data-gametheme=ic1] .page-content-contain .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

body[data-gametheme=ic1] .page-content-contain .content-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0;
    padding: 15px;
    background-color: #0f2742;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: solid 20px #383838;
    border-image-source: url(/Content/themes/jpw/shared/images/ic1-border-tile.fs8.png);
    border-image-slice: 100;
    border-image-width: 20px;
    border-image-repeat: round;
    -webkit-box-shadow: inset 0 0 20px 4px rgba(0,0,0,.75);
    box-shadow: inset 0 0 20px 4px rgba(0,0,0,.75)
}

body[data-gametheme=ic1] .page-content-contain .content-box>div {
    width: 100%
}

body[data-gametheme=ic1] .page-content-contain .content-box--right {
    text-align: right
}

body[data-gametheme=ic1] .page-content-contain .spacer {
    width: 510px
}

body[data-gametheme=ic1] .page-content-contain .icon-row {
    margin-top: 25px;
    width: calc(100% + 30px);
    margin-left: -15px
}

body[data-gametheme=ic1] .page-content-contain .icon-row .icon-box-outer {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

body[data-gametheme=ic1] .page-content-contain .graphic-icon {
    margin-top: -10px;
    width: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat
}

body[data-gametheme=ic1] .page-content-contain .graphic-icon::after {
    content: '';
    display: block;
    padding-bottom: 75%
}

body[data-gametheme=ic1] .page-content-contain .icon-box {
    position: relative;
    background-color: #3a4844;
    border: solid 4px #6b7269;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 20px 4px rgba(0,0,0,.45);
    box-shadow: inset 0 0 20px 4px rgba(0,0,0,.45);
    margin: 0 15px;
    font-size: 18px;
    color: #c5cfc2;
    text-transform: uppercase;
    font-weight: 700
}

body[data-gametheme=ic1] .page-content-contain .icon-box span {
    text-align: center
}

body[data-gametheme=ic1] .page-content-contain .icon-box>div {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

body[data-gametheme=ic1] .page-content-contain .icon-box::after {
    content: '';
    display: block;
    padding-bottom: 100%
}

body[data-gametheme=ic1] .page-content-contain .icon-box.icon--blackjack .graphic-icon {
    background-image: url(/Content/themes/jpw/shared/images/ic1-icon-blackjack.png)
}

body[data-gametheme=ic1] .page-content-contain .icon-box.icon--dealer .graphic-icon {
    background-image: url(/Content/themes/jpw/shared/images/ic1-icon-dealer.png)
}

body[data-gametheme=ic1] .page-content-contain .icon-box.icon--slots .graphic-icon {
    background-image: url(/Content/themes/jpw/shared/images/ic1-icon-slots.png)
}

body[data-gametheme=ic1] .page-content-contain .icon-box.icon--roulette .graphic-icon {
    background-image: url(/Content/themes/jpw/shared/images/ic1-icon-roulette.png)
}

@media screen and (max-width: 1199px) {
    body[data-gametheme=ic1] .page-content-contain {
        margin-top:-250px;
        padding: 15px;
        overflow: hidden
    }

    body[data-gametheme=ic1] .page-content-contain .content-box {
        font-size: 22px
    }

    body[data-gametheme=ic1] .page-content-contain .content-box--left {
        padding-right: 50px
    }

    body[data-gametheme=ic1] .page-content-contain .content-box--right {
        padding-left: 50px
    }

    body[data-gametheme=ic1] .page-content-contain .spacer {
        width: 350px
    }

    body[data-gametheme=ic1] .page-content-contain .icon-row .spacer {
        width: 300px
    }
}

@media screen and (max-width: 991px) {
    body[data-gametheme=ic1] .page-content-contain {
        margin-top:-20px
    }

    body[data-gametheme=ic1] .page-content-contain .content-box {
        text-align: center!important;
        padding: 20px 10px!important;
        font-size: 20px
    }

    body[data-gametheme=ic1] .page-content-contain .spacer {
        width: 15px
    }

    body[data-gametheme=ic1] .page-content-contain .icon-row .spacer {
        display: none
    }

    body[data-gametheme=ic1] .page-content-contain .icon-row {
        width: calc(100% + 10px);
        margin-top: 10px;
        margin-left: -5px
    }

    body[data-gametheme=ic1] .page-content-contain .icon-box {
        margin: 0 5px;
        font-size: 16px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ic1] .page-content-contain .flex-row {
        display:block
    }

    body[data-gametheme=ic1] .page-content-contain .spacer {
        display: none!important
    }

    body[data-gametheme=ic1] .page-content-contain .content-box--left {
        margin-bottom: 10px
    }

    body[data-gametheme=ic1] .page-content-contain .icon-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    body[data-gametheme=ic1] .page-content-contain .icon-row .icon-box-outer {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin-bottom: 10px
    }
}

body[data-gametheme=ic1] #spinwheel-messages .btn-message {
    font-weight: 700;
    border: 0;
    color: #091420;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #091420;
    border-radius: 8px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fec130),to(#e97f00));
    background: linear-gradient(180deg,#fec130 0,#e97f00 100%);
    margin-bottom: 10px
}

body[data-gametheme=ic1] #spinwheel-messages .btn-message::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 20px;
    left: 0;
    top: calc(100% - 10px);
    background-color: #a05600;
    border-radius: 0 0 8px 8px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ic1] #spinwheel-messages .btn-message::after {
        height:15px
    }
}

body[data-gametheme=ic1] #spinwheel-messages .btn-message:hover {
    background-color: #fff;
    color: #000
}

body[data-gametheme=ic1] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ic1] #spinwheel-messages .message {
        max-width:320px
    }
}

body[data-gametheme=ic1] #spinwheel-messages .message-inner {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

body[data-gametheme=ic1] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ic1/summaryBackground.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ic1] #spinwheel-messages .message::before {
        width:520px;
        height: 520px
    }
}

body[data-gametheme=ic1] #spinwheel-messages .message::after {
    content: '';
    display: block;
    padding-bottom: 100%
}

body[data-gametheme=wl1] {
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height)
}

body[data-gametheme=wl1] .page-heading {
    text-align: center;
    color: #d8ffff;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 35px;
    padding: 0 10px
}

body[data-gametheme=wl1] .page-heading .styled-text {
    display: inline-block;
    font-family: teko;
    font-weight: 600;
    line-height: .8;
    font-size: 1.8em;
    margin: .3em 0 .1em 0;
    color: #99edff;
    -webkit-text-stroke: 1px #45a8ff;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=wl1] .page-heading .logo-ts-header {
    display: block;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    margin-top: -10px;
    margin-bottom: -95px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=wl1] .page-heading .logo-ts-header {
        margin-top:0;
        margin-bottom: -16vw;
        width: 75%
    }
}

body[data-gametheme=wl1] .page-heading span:first-of-type {
    margin-left: -30px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] .page-heading {
        font-size:20px;
        margin: 10px 0
    }

    body[data-gametheme=wl1] .page-heading span:first-of-type {
        margin-left: -4vw
    }
}

body[data-gametheme=wl1] .video-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: .99
}

body[data-gametheme=wl1] .video-container video {
    display: block
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] .video-container video {
        width:1250px
    }
}

body[data-gametheme=wl1] .video-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,left top,left bottom,from(#000),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to left,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);
    background-size: 200px 100%,200px 100%,100% 200px;
    background-position: left top,right top,center top;
    background-repeat: no-repeat
}

body[data-gametheme=wl1] .spinwheel-contain {
    width: 900px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=wl1] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=wl1] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=wl1] .spinwheel-contain::after {
        padding-bottom: 83%
    }
}

body[data-gametheme=wl1] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=wl1] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 380px
}

body[data-gametheme=wl1] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#03051d),to(#101e69));
    background-image: linear-gradient(to bottom,#03051d 0,#101e69 100%)
}

body[data-gametheme=wl1] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] #spinwheel-messages .message-inner {
        padding:0 10px
    }
}

body[data-gametheme=wl1] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=wl1] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=wl1] #spinwheel-messages .divider {
    width: 200px;
    height: 4px;
    background-color: #45a8ff;
    border: solid 1px #336;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,.6);
    box-shadow: 0 0 5px 0 rgba(255,255,255,.6)
}

body[data-gametheme=wl1] #spinwheel-messages h2 {
    font-family: teko;
    font-weight: 600;
    line-height: .8;
    font-size: 50px;
    margin: .4em 0 .2em 0;
    color: #99edff;
    -webkit-text-stroke: 1px #45a8ff;
    text-shadow: 0 0 5px rgba(255,255,255,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] #spinwheel-messages h2 {
        font-size:40px
    }
}

body[data-gametheme=wl1] #spinwheel-messages h3,body[data-gametheme=wl1] #spinwheel-messages p {
    font-family: hypatia-sans-pro;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #d8ffff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] #spinwheel-messages h3,body[data-gametheme=wl1] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=wl1] #spinwheel-messages img {
    display: block;
    margin: 10px auto
}

body[data-gametheme=wl1] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/wl1/stage-btn.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3em;
    font-family: teko;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=wl1] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[data-gametheme=wl1] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/wl1/tile_grey-blank.png);
    border-image-slice: 100;
    border-image-width: 44px;
    border-image-repeat: round
}

body[data-gametheme=wl1] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=wl1] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=wl1] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=wl1] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=wl1] .frame .frame-symbol {
    position: absolute;
    width: 34px;
    height: 31px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/wl1/tile_grey-symbol.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=wl1] .frame .frame-symbol.transform-top {
    top: -34px
}

body[data-gametheme=wl1] .frame .frame-symbol.transform-right {
    right: -34px
}

body[data-gametheme=wl1] .frame .frame-symbol.transform-bottom {
    bottom: -34px
}

body[data-gametheme=wl1] .frame .frame-symbol.transform-left {
    left: -34px
}

body[data-gametheme=wl1] .frame .frame-chain {
    position: absolute;
    width: 200px;
    height: 19px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/wl1/tile_grey-chain.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=wl1] .frame .frame-chain.transform-top {
    top: -22px
}

body[data-gametheme=wl1] .frame .frame-chain.transform-right {
    right: -22px
}

body[data-gametheme=wl1] .frame .frame-chain.transform-bottom {
    bottom: -22px
}

body[data-gametheme=wl1] .frame .frame-chain.transform-left {
    left: -22px
}

body[data-gametheme=wl1][data-gamevariation=gt-c2] #spinwheel-messages h2,body[data-gametheme=wl1][data-gamevariation=gt-c3] #spinwheel-messages h2 {
    font-size: 45px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1][data-gamevariation=gt-c2] #spinwheel-messages h2,body[data-gametheme=wl1][data-gamevariation=gt-c3] #spinwheel-messages h2 {
        font-size:35px
    }
}

body[data-gametheme=wl2] {
    background-color: #000;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#0e1277),to(#000));
    background-image: linear-gradient(to bottom,#0e1277 0,#000 100%);
    background-size: 100% 100vh;
    background-repeat: no-repeat
}

body[data-gametheme=wl2] .page-heading {
    text-align: center;
    color: #d8ffff;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 20px;
    padding: 0 10px;
    margin: 0
}

body[data-gametheme=wl2] .page-heading .styled-text {
    display: inline-block;
    font-family: teko;
    font-weight: 600;
    line-height: .8;
    font-size: 2.5em;
    margin: .1em 0 -.1em 0;
    color: #99edff;
    -webkit-text-stroke: 1px #45a8ff;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=wl2] .page-heading .logo-ts-header {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] .page-heading {
        font-size:15px
    }

    body[data-gametheme=wl2] .page-heading .logo-ts-header {
        margin-top: -10px;
        width: 200px
    }
}

body[data-gametheme=wl2] .spinwheel-contain {
    width: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

body[data-gametheme=wl2] .page-content-box {
    position: relative;
    width: 500px;
    max-width: calc(100% - 10px);
    min-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -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;
    color: #d8ffff;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 18px;
    text-align: center;
    padding: 0 5px
}

body[data-gametheme=wl2] .page-content-box::before {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    background-color: #070a42
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] .page-content-box {
        font-size:16px
    }
}

body[data-gametheme=wl2] .u__colour--lightblue {
    color: #5effff
}

body[data-gametheme=wl2] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 380px
}

body[data-gametheme=wl2] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#03051d),to(#101e69));
    background-image: linear-gradient(to bottom,#03051d 0,#101e69 100%)
}

body[data-gametheme=wl2] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] #spinwheel-messages .message-inner {
        padding:0 10px
    }
}

body[data-gametheme=wl2] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=wl2] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=wl2] #spinwheel-messages .divider {
    width: 200px;
    height: 4px;
    background-color: #45a8ff;
    border: solid 1px #336;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,.6);
    box-shadow: 0 0 5px 0 rgba(255,255,255,.6)
}

body[data-gametheme=wl2] #spinwheel-messages h2 {
    font-family: teko;
    font-weight: 600;
    line-height: .8;
    font-size: 50px;
    margin: .4em 0 .2em 0;
    color: #99edff;
    -webkit-text-stroke: 1px #45a8ff;
    text-shadow: 0 0 5px rgba(255,255,255,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] #spinwheel-messages h2 {
        font-size:35px
    }
}

body[data-gametheme=wl2] #spinwheel-messages h3,body[data-gametheme=wl2] #spinwheel-messages p {
    font-family: hypatia-sans-pro;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    color: #d8ffff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] #spinwheel-messages h3,body[data-gametheme=wl2] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=wl2] #spinwheel-messages img {
    display: block;
    margin: 10px auto;
    max-width: 100%
}

body[data-gametheme=wl2] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/wl1/stage-btn.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3em;
    font-family: teko;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=wl2] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl2] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[data-gametheme=wl2] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/wl1/tile_grey-blank.png);
    border-image-slice: 100;
    border-image-width: 44px;
    border-image-repeat: repeat
}

body[data-gametheme=wl2] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=wl2] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=wl2] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=wl2] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=wl2] .frame .frame-symbol {
    position: absolute;
    width: 34px;
    height: 31px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/wl1/tile_grey-symbol.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=wl2] .frame .frame-symbol.transform-top {
    top: -34px
}

body[data-gametheme=wl2] .frame .frame-symbol.transform-right {
    right: -34px
}

body[data-gametheme=wl2] .frame .frame-symbol.transform-bottom {
    bottom: -34px
}

body[data-gametheme=wl2] .frame .frame-symbol.transform-left {
    left: -34px
}

body[data-gametheme=wl2] .frame .frame-chain {
    position: absolute;
    width: 200px;
    height: 19px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/wl1/tile_grey-chain.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=wl2] .frame .frame-chain.transform-top {
    top: -22px
}

body[data-gametheme=wl2] .frame .frame-chain.transform-right {
    right: -22px
}

body[data-gametheme=wl2] .frame .frame-chain.transform-bottom {
    bottom: -22px
}

body[data-gametheme=wl2] .frame .frame-chain.transform-left {
    left: -22px
}

body[data-gametheme=cjp1],body[data-gametheme=jp1] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    background-image: url(dino-left.fs8.png),url(dino-right.fs8.png),url(bg-jungle.jpg);
    background-size: 530px auto,520px auto,1920px auto;
    background-position: calc(50% - 470px) bottom,calc(50% + 530px) bottom,center top;
    background-repeat: no-repeat
}

@media screen and (max-width: 991px) {
    body[data-gametheme=cjp1],body[data-gametheme=jp1] {
        background-position:calc(50% - 340px) bottom,calc(50% + 320px) bottom,center top;
        background-size: 440px auto,440px auto,1920px auto
    }
}

@media screen and (max-width: 767px) {
    body[data-gametheme=cjp1],body[data-gametheme=jp1] {
        background-image:url(bg-jungle.jpg);
        background-size: cover;
        background-position: center top
    }
}

body[data-gametheme=cjp1] .top-banner-ad,body[data-gametheme=jp1] .top-banner-ad {
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 5px 5px;
    text-transform: uppercase;
    position: relative
}

body[data-gametheme=cjp1] .footer-disclaimer,body[data-gametheme=jp1] .footer-disclaimer {
    width: 100%;
    background: #efefef;
    padding: 0;
    border-top: 1px solid #bcbcbc;
    position: absolute;
    bottom: -363px
}

@media screen and (max-width: 642px) {
    body[data-gametheme=cjp1] .footer-disclaimer,body[data-gametheme=jp1] .footer-disclaimer {
        bottom:-468px
    }
}

body[data-gametheme=cjp1] .footer-disclaimer .footer-container,body[data-gametheme=jp1] .footer-disclaimer .footer-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 4px
}

body[data-gametheme=cjp1] .footer-disclaimer .footer-container p.disclaimer,body[data-gametheme=jp1] .footer-disclaimer .footer-container p.disclaimer {
    font-weight: 500
}

body[data-gametheme=cjp1] .footer-disclaimer .footer-container p,body[data-gametheme=jp1] .footer-disclaimer .footer-container p {
    text-align: center;
    margin-bottom: 30px;
    line-height: 18px;
    font-size: 14px
}

body[data-gametheme=cjp1] .footer-disclaimer .footer-container p span,body[data-gametheme=jp1] .footer-disclaimer .footer-container p span {
    font-weight: 600
}

body[data-gametheme=cjp1] .footer-disclaimer .footer-container p a,body[data-gametheme=jp1] .footer-disclaimer .footer-container p a {
    color: #1c54bb;
    font-weight: 700;
    cursor: pointer
}

body[data-gametheme=cjp1] .footer-disclaimer .footer-container p .copyright,body[data-gametheme=jp1] .footer-disclaimer .footer-container p .copyright {
    font-weight: 600
}

body[data-gametheme=cjp1] .footer-icons>*,body[data-gametheme=jp1] .footer-icons>* {
    display: inline-block
}

body[data-gametheme=cjp1] .footer-icons,body[data-gametheme=jp1] .footer-icons {
    background: #000;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: -51px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%
}

@media screen and (max-width: 642px) {
    body[data-gametheme=cjp1] .footer-icons,body[data-gametheme=jp1] .footer-icons {
        bottom:-103px
    }
}

body[data-gametheme=cjp1] .footer-icons .bIcons,body[data-gametheme=jp1] .footer-icons .bIcons {
    background-image: url(footer-icons.fs8.png);
    background-repeat: no-repeat;
    height: 45px
}

body[data-gametheme=cjp1] .footer-icons .bIcons.bIcon-18,body[data-gametheme=jp1] .footer-icons .bIcons.bIcon-18 {
    background-position: 0 0;
    width: 33px
}

body[data-gametheme=cjp1] .footer-icons .bIcons.bIcon-KAHN,body[data-gametheme=jp1] .footer-icons .bIcons.bIcon-KAHN {
    background-position: -200px 0;
    width: 140px
}

body[data-gametheme=cjp1] .footer-icons .bIcons.bIcon-AU,body[data-gametheme=jp1] .footer-icons .bIcons.bIcon-AU {
    background-position: -3600px 0;
    width: 130px
}

body[data-gametheme=cjp1] .footer-icons .bIcons.bIcon-ECO,body[data-gametheme=jp1] .footer-icons .bIcons.bIcon-ECO {
    background-position: -400px 0;
    width: 140px
}

body[data-gametheme=cjp1] .footer-icons .bIcons.bIcon-CR,body[data-gametheme=jp1] .footer-icons .bIcons.bIcon-CR {
    background-position: -800px 0;
    width: 63px
}

body[data-gametheme=cjp1] .footer-icons .bIcons.bIcon-MGS,body[data-gametheme=jp1] .footer-icons .bIcons.bIcon-MGS {
    background-position: -600px 0;
    width: 102px
}

body[data-gametheme=cjp1] .footer-icons a,body[data-gametheme=jp1] .footer-icons a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

body[data-gametheme=cjp1] .footer-copyright,body[data-gametheme=jp1] .footer-copyright {
    pointer-events: none;
    width: 100%;
    min-height: 60px;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 10px 5px 10px;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 50;
    text-align: center;
    font-size: 10px;
    line-height: 1.1;
    margin: 0 0 -2px 0
}

body[data-gametheme=cjp1] .page-heading,body[data-gametheme=jp1] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Rubik,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000;
    text-shadow: 3px 3px 0 #000;
    font-size: 22px;
    padding: 0 10px;
    margin-bottom: -20px
}

body[data-gametheme=cjp1] .page-heading .styled-text,body[data-gametheme=jp1] .page-heading .styled-text {
    display: inline-block;
    font-family: Rubik,sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    margin: .1em 0 .1em 0;
    color: #fcd052;
    -webkit-text-stroke: 1px #ffffea;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=cjp1] .page-heading .styled-text--small,body[data-gametheme=jp1] .page-heading .styled-text--small {
    font-size: 1.1em
}

body[data-gametheme=cjp1] .page-heading .logo-header,body[data-gametheme=jp1] .page-heading .logo-header {
    display: block;
    margin: 10px auto;
    width: 181px;
    max-width: 100%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] .page-heading,body[data-gametheme=jp1] .page-heading {
        font-size:16px;
        margin: 10px 0;
        text-shadow: 1px 2px 0 #000
    }

    body[data-gametheme=cjp1] .page-heading .styled-text,body[data-gametheme=jp1] .page-heading .styled-text {
        -webkit-text-stroke: .5px #ffffea;
        text-shadow: 1px 2px 0 #000
    }

    body[data-gametheme=cjp1] .page-heading .styled-text--small,body[data-gametheme=jp1] .page-heading .styled-text--small {
        -webkit-text-stroke: 0
    }
}

body[data-gametheme=cjp1] .spinwheel-contain,body[data-gametheme=jp1] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=cjp1] .spinwheel-contain #spinwheel,body[data-gametheme=jp1] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=cjp1] .spinwheel-contain::after,body[data-gametheme=jp1] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] .spinwheel-contain #spinwheel,body[data-gametheme=jp1] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=cjp1] .spinwheel-contain::after,body[data-gametheme=jp1] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=cjp1] .expander,body[data-gametheme=jp1] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=cjp1] #spinwheel-messages .message,body[data-gametheme=jp1] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 800px
}

body[data-gametheme=cjp1] #spinwheel-messages .message::before,body[data-gametheme=jp1] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: #000
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages,body[data-gametheme=jp1] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=cjp1] #spinwheel-messages .message-inner,body[data-gametheme=jp1] #spinwheel-messages .message-inner {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages .message-inner,body[data-gametheme=jp1] #spinwheel-messages .message-inner {
        padding:20px 30px
    }
}

body[data-gametheme=cjp1] #spinwheel-messages .message-footer,body[data-gametheme=jp1] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages .message-footer,body[data-gametheme=jp1] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=cjp1] #spinwheel-messages .message-content,body[data-gametheme=jp1] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=cjp1] #spinwheel-messages .divider,body[data-gametheme=jp1] #spinwheel-messages .divider {
    width: 80%;
    height: 4px;
    background-color: #fcd052;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 #fcd052;
    box-shadow: 0 0 5px 0 #fcd052
}

body[data-gametheme=cjp1] #spinwheel-messages h2,body[data-gametheme=jp1] #spinwheel-messages h2 {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    line-height: .9em;
    font-size: 58px;
    margin: .2em 0;
    color: #fcd052;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages h2,body[data-gametheme=jp1] #spinwheel-messages h2 {
        font-size:27px
    }
}

body[data-gametheme=cjp1] #spinwheel-messages h3,body[data-gametheme=cjp1] #spinwheel-messages p,body[data-gametheme=jp1] #spinwheel-messages h3,body[data-gametheme=jp1] #spinwheel-messages p {
    font-family: Rubik,sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages h3,body[data-gametheme=cjp1] #spinwheel-messages p,body[data-gametheme=jp1] #spinwheel-messages h3,body[data-gametheme=jp1] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=cjp1] #spinwheel-messages img,body[data-gametheme=jp1] #spinwheel-messages img {
    display: block;
    margin: 20px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages img,body[data-gametheme=jp1] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=cjp1] #spinwheel-messages .btn-message,body[data-gametheme=jp1] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(cta-btn.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fdb765;
    -webkit-text-stroke: 1px #e96d30;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .55em;
    font-family: Impact,'Arial Narrow Bold',sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=cjp1] #spinwheel-messages .btn-message:hover,body[data-gametheme=jp1] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] #spinwheel-messages .btn-message,body[data-gametheme=jp1] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .85em;
        background-size: 100% auto
    }
}

body[data-gametheme=cjp1] .frame,body[data-gametheme=jp1] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(tile_main.fs8.png);
    border-image-slice: 120 180;
    border-image-width: 120px 180px;
    border-image-repeat: repeat
}

body[data-gametheme=cjp1] .frame .transform-top,body[data-gametheme=jp1] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=cjp1] .frame .transform-bottom,body[data-gametheme=jp1] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=cjp1] .frame .transform-right,body[data-gametheme=jp1] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=cjp1] .frame .transform-left,body[data-gametheme=jp1] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=cjp1] .frame .frame-symbol,body[data-gametheme=jp1] .frame .frame-symbol {
    position: absolute;
    width: 400px;
    height: 34px;
    background-image: url(tile_red-lights.fs8.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=cjp1] .frame .frame-symbol.transform-top,body[data-gametheme=jp1] .frame .frame-symbol.transform-top {
    top: -22px
}

body[data-gametheme=cjp1] .frame .frame-symbol.transform-right,body[data-gametheme=jp1] .frame .frame-symbol.transform-right {
    right: -22px
}

body[data-gametheme=cjp1] .frame .frame-symbol.transform-bottom,body[data-gametheme=jp1] .frame .frame-symbol.transform-bottom {
    bottom: -22px
}

body[data-gametheme=cjp1] .frame .frame-symbol.transform-left,body[data-gametheme=jp1] .frame .frame-symbol.transform-left {
    left: -22px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=cjp1] .frame .frame-symbol,body[data-gametheme=jp1] .frame .frame-symbol {
        width:160px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] .frame .frame-symbol,body[data-gametheme=jp1] .frame .frame-symbol {
        display:none
    }
}

body[data-gametheme=cjp1] .frame .frame-circles,body[data-gametheme=jp1] .frame .frame-circles {
    position: absolute;
    width: 310px;
    height: 25px;
    background-image: url(tile_circle.fs8.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=cjp1] .frame .frame-circles.transform-top,body[data-gametheme=jp1] .frame .frame-circles.transform-top {
    top: -13px
}

body[data-gametheme=cjp1] .frame .frame-circles.transform-right,body[data-gametheme=jp1] .frame .frame-circles.transform-right {
    right: -13px
}

body[data-gametheme=cjp1] .frame .frame-circles.transform-bottom,body[data-gametheme=jp1] .frame .frame-circles.transform-bottom {
    bottom: -13px
}

body[data-gametheme=cjp1] .frame .frame-circles.transform-left,body[data-gametheme=jp1] .frame .frame-circles.transform-left {
    left: -13px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=cjp1] .frame .frame-circles,body[data-gametheme=jp1] .frame .frame-circles {
        width:160px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=cjp1] .frame .frame-circles,body[data-gametheme=jp1] .frame .frame-circles {
        display:none
    }
}

body[data-gametheme=cjp1] #spinwheel-messages .btn-message {
    background-image: url(cta-btn-green.png);
    color: #4af39d;
    -webkit-text-stroke: 1px #2f9c64
}

body[data-gametheme=jp2] {
    background-color: #000;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#192a26),to(#0e1513));
    background-image: linear-gradient(to bottom,#192a26 0,#0e1513 100%);
    background-size: 100% 100vh;
    background-repeat: no-repeat
}

body[data-gametheme=jp2] .page-content-box,body[data-gametheme=jp2] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Rubik,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000;
    text-shadow: 3px 3px 0 #000;
    font-size: 22px;
    padding: 0 10px;
    margin-bottom: 0;
    margin-top: 5px
}

body[data-gametheme=jp2] .page-content-box .styled-text,body[data-gametheme=jp2] .page-heading .styled-text {
    display: inline-block;
    font-family: Rubik,sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    margin: .1em 0 .1em 0;
    color: #fcd052;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=jp2] .page-content-box .styled-text--small,body[data-gametheme=jp2] .page-heading .styled-text--small {
    font-size: 1.1em
}

body[data-gametheme=jp2] .page-content-box .logo,body[data-gametheme=jp2] .page-heading .logo {
    display: block;
    margin: 10px auto;
    width: 140px;
    max-width: 100%;
    margin-bottom: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] .page-content-box,body[data-gametheme=jp2] .page-heading {
        font-size:15px;
        margin: 10px 0;
        margin-bottom: 0;
        text-shadow: 1px 2px 0 #000
    }

    body[data-gametheme=jp2] .page-content-box .logo,body[data-gametheme=jp2] .page-heading .logo {
        width: 80px;
        margin: 0 auto;
        margin-top: 5px
    }

    body[data-gametheme=jp2] .page-content-box .styled-text,body[data-gametheme=jp2] .page-heading .styled-text {
        text-shadow: 1px 2px 0 #000
    }

    body[data-gametheme=jp2] .page-content-box .styled-text--small,body[data-gametheme=jp2] .page-heading .styled-text--small {
        -webkit-text-stroke: 0
    }
}

body[data-gametheme=jp2] .page-content-box {
    font-size: 25px;
    line-height: 1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] .page-content-box {
        font-size:25px!important
    }
}

body[data-gametheme=jp2] .footer-copyright {
    width: 100%;
    padding: 10px 10px 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 1.1
}

body[data-gametheme=jp2] .spinwheel-contain {
    width: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] .page-content-box {
        font-size:16px
    }
}

body[data-gametheme=jp2] .u__colour--gold {
    color: #fcd052
}

body[data-gametheme=jp2] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 800px
}

body[data-gametheme=jp2] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: #000
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=jp2] #spinwheel-messages .message-inner {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages .message-inner {
        padding:20px 30px
    }
}

body[data-gametheme=jp2] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=jp2] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=jp2] #spinwheel-messages .divider {
    width: 80%;
    height: 4px;
    background-color: #fcd052;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 #fcd052;
    box-shadow: 0 0 5px 0 #fcd052
}

body[data-gametheme=jp2] #spinwheel-messages h2 {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    line-height: .9em;
    font-size: 58px;
    margin: .2em 0;
    color: #fcd052;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages h2 {
        font-size:27px
    }
}

body[data-gametheme=jp2] #spinwheel-messages h3,body[data-gametheme=jp2] #spinwheel-messages p {
    font-family: Rubik,sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages h3,body[data-gametheme=jp2] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=jp2] #spinwheel-messages img {
    display: block;
    margin: 10px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=jp2] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/jp2/cta-btn.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fdb765;
    -webkit-text-stroke: 1px #e96d30;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .55em;
    font-family: Impact,'Arial Narrow Bold',sans-serif;
    font-weight: 400;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=jp2] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .85em;
        background-size: 100% auto
    }
}

body[data-gametheme=jp2] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/jp2/tile_main.fs8.png);
    border-image-slice: 120 180;
    border-image-width: 120px 180px;
    border-image-repeat: repeat
}

body[data-gametheme=jp2] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=jp2] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=jp2] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=jp2] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=jp2] .frame .frame-symbol {
    position: absolute;
    width: 400px;
    height: 34px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/jp2/tile_red-lights.fs8.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=jp2] .frame .frame-symbol.transform-top {
    top: -22px
}

body[data-gametheme=jp2] .frame .frame-symbol.transform-right {
    right: -22px
}

body[data-gametheme=jp2] .frame .frame-symbol.transform-bottom {
    bottom: -22px
}

body[data-gametheme=jp2] .frame .frame-symbol.transform-left {
    left: -22px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=jp2] .frame .frame-symbol {
        width:160px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] .frame .frame-symbol {
        display:none
    }
}

body[data-gametheme=jp2] .frame .frame-circles {
    position: absolute;
    width: 310px;
    height: 25px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/jp2/tile_circle.fs8.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=jp2] .frame .frame-circles.transform-top {
    top: -13px
}

body[data-gametheme=jp2] .frame .frame-circles.transform-right {
    right: -13px
}

body[data-gametheme=jp2] .frame .frame-circles.transform-bottom {
    bottom: -13px
}

body[data-gametheme=jp2] .frame .frame-circles.transform-left {
    left: -13px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=jp2] .frame .frame-circles {
        width:160px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=jp2] .frame .frame-circles {
        display:none
    }
}

body[data-gametheme=pt2] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/pt2/bg-coins.fs8.png),-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,0))),url(/Content/themes/jpw/shared/images/games/spin/pt2/bg-stars.jpg);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/pt2/bg-coins.fs8.png),linear-gradient(to top,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%),url(/Content/themes/jpw/shared/images/games/spin/pt2/bg-stars.jpg);
    background-size: 1800px auto,100% 600px,cover;
    background-position: center bottom,center bottom,center center;
    background-repeat: no-repeat
}

@media screen and (max-width: 991px) {
    body[data-gametheme=pt2] {
        background-size:1800px auto,100% 70vw,cover
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] {
        background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,.7)),to(rgba(255,255,255,0))),url(/Content/themes/jpw/shared/images/games/spin/pt2/bg-stars.jpg);
        background-image: linear-gradient(to top,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%),url(/Content/themes/jpw/shared/images/games/spin/pt2/bg-stars.jpg);
        background-size: 100% 110vw,cover;
        background-position: center bottom,center center
    }
}

body[data-gametheme=pt2] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 28px;
    padding: 0 10px
}

body[data-gametheme=pt2] .page-heading .styled-text {
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    margin: .1em 0 .1em 0;
    color: #fede00;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=pt2] .page-heading .logo-header {
    display: block;
    margin: 0 auto 10px auto;
    width: 181px;
    max-width: 100%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] .page-heading {
        font-size:18px;
        margin: 10px 0;
        text-shadow: 1px 2px 0 #000
    }
}

body[data-gametheme=pt2] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=pt2] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=pt2] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=pt2] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=pt2] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=pt2] .u__colour--orange {
    color: #ff4a04
}

body[data-gametheme=pt2] #spinwheel-messages {
    background-color: rgba(0,0,0,.85)
}

body[data-gametheme=pt2] #spinwheel-messages .message {
    color: #000;
    max-width: 650px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=pt2] #spinwheel-messages .message-inner {
    width: 100%;
    z-index: 5;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages .message-inner {
        padding:10px 30px
    }
}

body[data-gametheme=pt2] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=pt2] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=pt2] #spinwheel-messages .message-content :last-child {
    margin-bottom: 0
}

body[data-gametheme=pt2] #spinwheel-messages h2 {
    font-weight: 900;
    line-height: .9em;
    font-size: 52px;
    margin: .4em 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages h2 {
        font-size:30px
    }
}

body[data-gametheme=pt2] #spinwheel-messages h3 {
    font-weight: 900;
    font-size: 32px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages h3 {
        font-size:20px
    }
}

body[data-gametheme=pt2] #spinwheel-messages h3+h3 {
    margin-top: .5em
}

body[data-gametheme=pt2] #spinwheel-messages p {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages p {
        font-size:20px
    }
}

body[data-gametheme=pt2] #spinwheel-messages img {
    display: block;
    margin: 20px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=pt2] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/pt2/btn-cta.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .45em;
    font-weight: 700;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=pt2] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=pt2] #spinwheel-messages .btn-message {
        height:65px;
        font-size: 25px;
        padding-bottom: .55em
    }
}

body[data-gametheme=pt2] #spinwheel-messages .flash-box-contain {
    z-index: 1;
    width: 100%;
    background-color: #151f28;
    border-radius: 20px;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 30px 0 rgba(255,255,255,.5);
    box-shadow: 0 0 30px 0 rgba(255,255,255,.5)
}

body[data-gametheme=pt2] #spinwheel-messages .flash-box-contain::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#d0d0d0));
    background: linear-gradient(to bottom,#fcfcfc 0,#d0d0d0 100%);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,.5);
    border-radius: 10px
}

body[data-gametheme=pt2] #spinwheel-messages .flash-box-contain canvas {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% + 28px);
    height: calc(100% + 28px)
}

body[data-gametheme=mw1] {
    background-color: #000;
    background-repeat: no-repeat;
    font-family: Poppins,sans-serif
}

body[data-gametheme=mw1] .page-heading {
    text-align: center;
    color: #fff;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 10px;
    margin: 20px auto
}

body[data-gametheme=mw1] .page-heading .styled-text {
    display: inline-block;
    font-family: teko;
    font-weight: 600;
    line-height: 1.1;
    font-size: 2.5em;
    margin: .1em 0 -.1em 0;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] .page-heading {
        font-size:15px
    }
}

body[data-gametheme=mw1] .spinwheel-contain {
    width: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

body[data-gametheme=mw1] .spinwheel-contain::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1400px;
    height: 800px;
    margin-top: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mw1/mw1_background_ray.fs8.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1
}

@media screen and (max-width: 610px) {
    body[data-gametheme=mw1] .spinwheel-contain::before {
        width:236vw
    }
}

body[data-gametheme=mw1] .page-content-box {
    position: relative;
    width: 500px;
    max-width: calc(100% - 10px);
    min-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -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;
    color: #d8ffff;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 18px;
    text-align: center;
    padding: 0 5px
}

body[data-gametheme=mw1] .page-content-box::before {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    background-color: #070a42
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] .page-content-box {
        font-size:16px
    }
}

body[data-gametheme=mw1] .u__colour--gold {
    color: #ffd428
}

body[data-gametheme=mw1] #spinwheel-messages {
    background-color: rgba(0,0,0,.8)
}

body[data-gametheme=mw1] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff
}

body[data-gametheme=mw1] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] #spinwheel-messages .message-inner {
        padding:0 0 15px
    }
}

body[data-gametheme=mw1] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px 0 0
}

body[data-gametheme=mw1] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    text-shadow: 0 5px 10px #000;
    overflow: visible
}

body[data-gametheme=mw1] #spinwheel-messages .message-content ::after,body[data-gametheme=mw1] #spinwheel-messages .message-content ::before {
    content: '';
    position: absolute;
    bottom: -28px;
    width: 132px;
    height: 103px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mw1/message-box-overlay.png);
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat
}

body[data-gametheme=mw1] #spinwheel-messages .message-content ::before {
    left: -60px
}

body[data-gametheme=mw1] #spinwheel-messages .message-content ::after {
    right: -60px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

body[data-gametheme=mw1] #spinwheel-messages h2 {
    font-family: teko;
    font-weight: 600;
    line-height: .8;
    font-size: 50px;
    margin: .4em 0 .2em 0;
    color: #ffd428;
    -webkit-text-stroke: 1px #ffbf0f;
    text-shadow: 0 5px 10px #000
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] #spinwheel-messages h2 {
        font-size:35px
    }
}

body[data-gametheme=mw1] #spinwheel-messages h3 {
    font-size: 29px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffd428;
    margin-bottom: 15px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] #spinwheel-messages h3 {
        font-size:27px
    }
}

body[data-gametheme=mw1] #spinwheel-messages p {
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    font-size: 19px;
    margin: 0 0 5px
}

body[data-gametheme=mw1] #spinwheel-messages img {
    display: block;
    margin: 10px auto;
    max-width: 100%
}

body[data-gametheme=mw1] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mw1/stage-btn.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3em;
    font-family: teko;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=mw1] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[data-gametheme=mw1] .frame {
    position: relative;
    background: -webkit-gradient(linear,left bottom,left top,from(#d2a74b),color-stop(10%,#ffff1f),color-stop(26%,#f3ead6),color-stop(50%,#f3ead6),color-stop(68%,#ff8900),color-stop(87%,#f7fab3),to(#d2a74b));
    background: linear-gradient(0deg,#d2a74b 0,#ffff1f 10%,#f3ead6 26%,#f3ead6 50%,#ff8900 68%,#f7fab3 87%,#d2a74b 100%);
    border-radius: 5px;
    padding: 40px;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
    z-index: 1
}

body[data-gametheme=mw1] .frame::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background-color: #146412;
    -webkit-box-shadow: inset 0 0 10px 20px rgba(0,0,0,.5);
    box-shadow: inset 0 0 10px 20px rgba(0,0,0,.5);
    border-radius: 5px;
    z-index: -1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] .frame {
        padding:28px
    }
}

body[data-gametheme=mw1] .page-content-contain {
    max-width: 900px;
    position: relative;
    margin: 0 auto;
    margin-top: -166px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    font-size: 30px;
    padding: 20px 20px 0 20px;
    text-align: center;
    margin-bottom: 120px
}

body[data-gametheme=mw1] .page-content-contain .jackpot-label {
    position: absolute;
    bottom: 50%;
    z-index: 20;
    color: #fff;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=mw1] .page-content-contain .jackpot-label {
        font-size:18px
    }
}

@media screen and (max-width: 574px) {
    body[data-gametheme=mw1] .page-content-contain .jackpot-label {
        font-size:12px;
        bottom: 55%
    }
}

@media screen and (max-width: 991px) {
    body[data-gametheme=mw1] .page-content-contain {
        margin-top:-138px
    }
}

@media screen and (max-width: 767px) {
    body[data-gametheme=mw1] .page-content-contain {
        margin-top:-94px
    }
}

@media screen and (max-width: 574px) {
    body[data-gametheme=mw1] .page-content-contain {
        margin-top:-30px
    }
}

body[data-gametheme=mw1] .jackpot {
    display: block;
    margin: 0 auto;
    width: 860px;
    max-width: 100%;
    margin-top: -28px;
    position: relative;
    z-index: 15
}

@media screen and (max-width: 610px) {
    body[data-gametheme=mw1] .jackpot {
        margin-top:-7vw
    }
}

body[data-gametheme=mw1] .jackpot img {
    max-width: 100%
}

body[data-gametheme=mw1] .jackpot .progressive-jackpot-ticker {
    position: absolute;
    left: 50%;
    top: calc(50% + 8%);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    white-space: nowrap
}

body[data-gametheme=mw1] .jackpot .progressive-jackpot-ticker::after {
    background: 0 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: attr(data-text);
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
    -webkit-text-stroke: #ffbf0f 3px;
    text-shadow: 0 5px 10px #000;
    white-space: nowrap
}

@media screen and (max-width: 630px) {
    body[data-gametheme=mw1] .jackpot .progressive-jackpot-ticker {
        top:calc(50% + 6%);
        font-size: 5.5vw
    }
}

body[data-gametheme=mw1] .mw1-ccc::before {
    background: #d01e16
}

body[data-gametheme=mw1] .mw1-yg::before {
    background: #333e64
}

body[data-gametheme=mw1] .mw1-zc::before {
    background: #990d04
}

body[data-gametheme=mw1] #spinwheel-messages .btn-message--ccc {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mw1/stage-btn-ccc.png)
}

body[data-gametheme=mw1] #spinwheel-messages .btn-message--zc {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mw1/stage-btn-zc.png)
}

body[data-gametheme=mw1] #spinwheel-messages h3 {
    font-size: 28px
}

body[data-gametheme=mw1] #spinwheel-messages p {
    font-size: 18px
}

body[data-gametheme=mw1] .page-content-contain {
    margin-top: -140px;
    margin-bottom: -46px;
    z-index: -1
}

@media screen and (max-width: 767px) {
    body[data-gametheme=mw1] .jackpot .progressive-jackpot-ticker::after {
        text-shadow:none;
        white-space: normal
    }

    body[data-gametheme=mw1] .page-content-contain {
        margin-top: -60px;
        margin-bottom: -20px;
        background: -webkit-gradient(linear,left bottom,left top,from(black),to(transparent));
        background: linear-gradient(0deg,#000,transparent);
        z-index: -1
    }

    body[data-gametheme=mw1] .page-content-contain .jackpot-label {
        font-size: 16px;
        bottom: 50%;
        text-shadow: 0 0 1px #000;
        -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(0 0 5px #000);
        filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(0 0 5px #000)
    }

    body[data-gametheme=mw1] .page-heading {
        margin: 5px auto
    }
}

body[data-gametheme=mw1] .cryptp-payment {
    text-align: center;
    position: relative;
    max-width: 600px;
    margin: 0 auto 30px;
    border-radius: 25px;
    color: #fff;
    padding: 5px 4px 0;
    z-index: 0
}

body[data-gametheme=mw1] .crypto-header .frame-text {
    font-size: 22px;
    vertical-align: middle;
    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;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=mw1] .crypto-group {
    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;
    padding: 5px;
    background: #000;
    border: 3px solid #fff;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px
}

body[data-gametheme=mw1] .crypto-header {
    margin-right: 10px;
    font-style: italic
}

body[data-gametheme=mw1] .coin {
    margin-top: 5px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 70px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mw1] #spinwheel-messages p {
        font-size:14px
    }

    body[data-gametheme=mw1] .cryptp-payment {
        max-width: 320px
    }

    body[data-gametheme=mw1] .crypto-header .frame-text {
        font-size: 16px
    }

    body[data-gametheme=mw1] .coin {
        font-size: 12px;
        margin-top: 3px;
        width: 100%;
        max-width: 60px
    }

    body[data-gametheme=mw1] .crypto-group {
        padding: 5px 10px
    }
}

body[data-gametheme=mw1][data-gamevariation^=zc-] {
    overflow-x: hidden
}

body[data-gametheme=mw1][data-gamevariation^=zc-] #vignette {
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0,#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,right top,left top,color-stop(0,#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to left,#000 0,rgba(0,0,0,0) 100%),linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%);
    background-size: 300px 100vh,300px 100vh,100vw 310px;
    background-position: calc(50% - 700px + 150px) top,calc(50% + 700px - 150px) top,center 500px;
    background-repeat: no-repeat;
    position: absolute;
    height: 103%;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    body[data-gametheme=mw1][data-gamevariation^=zc-] #vignette {
        background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,right top,left top,color-stop(0,#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,left top,left bottom,color-stop(0,#000),to(rgba(0,0,0,0)));
        background-image: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to left,#000 0,rgba(0,0,0,0) 100%),linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%),linear-gradient(180deg,#000 0,rgba(0,0,0,0) 100%);
        background-size: 300px 100vh,300px 100vh,100vw 60%,100vw 400px;
        background-position: calc(50% - 700px + 150px) top,calc(50% + 700px - 150px) top,center bottom,top
    }
}

body[data-gametheme=mw1][data-gamevariation^=zc-] .spinwheel-contain::before {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mw1/mw1_background_ray.zc.png);
    margin-top: -15%;
    background-position: initial
}

@media screen and (max-width: 767px) {
    body[data-gametheme=mw1][data-gamevariation^=zc-] .spinwheel-contain::before {
        width:250vw;
        margin-top: -5%;
        background-position: center
    }
}

body[data-gametheme=mw1][data-gamevariation^=zc-] .page-heading {
    position: relative
}

body[data-gametheme=mw1][data-gamevariation^=gt-] .frame::before {
    background: #c40700
}

body[data-gametheme=mw1][data-gamevariation^=gt-] .spinwheel-contain::before {
    -webkit-filter: hue-rotate(-45deg) saturate(2) contrast(1.35);
    filter: hue-rotate(-45deg) saturate(2) contrast(1.35)
}

body[data-gametheme=ct1] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height)
}

body[data-gametheme=ct1] .background-video-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: .99
}

body[data-gametheme=ct1] .background-video-container video {
    display: block
}

body[data-gametheme=ct1] .background-coins-graphics {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ct1/bg-coins.png);
    background-size: 1800px auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    pointer-events: none
}

@media screen and (max-width: 991px) {
    body[data-gametheme=ct1] .background-coins-graphics {
        background-size:1800px auto
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] .background-coins-graphics {
        background-image:none
    }
}

body[data-gametheme=ct1] .page-heading-container {
    position: relative;
    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;
    margin-top: 20px;
    padding: 0 15px
}

@media screen and (max-width: 480px) {
    body[data-gametheme=ct1] .page-heading-container {
        margin-top:5px;
        padding: 0 5px
    }
}

body[data-gametheme=ct1] .page-heading {
    text-align: center;
    color: #fff;
    padding: 30px 50px;
    margin: 0 auto
}

@media screen and (max-width: 480px) {
    body[data-gametheme=ct1] .page-heading {
        line-height:15px
    }
}

body[data-gametheme=ct1] .page-heading::before {
    position: absolute;
    content: "";
    background-image: linear-gradient(75deg,#f6e121 0,#ffffdf 19%,#ffdf07 36%,#ffff81 54%,#ffec47 80%,#ffde00 100%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 8px
}

body[data-gametheme=ct1] .page-heading::after {
    position: absolute;
    content: "";
    background: #000;
    border: 8px solid #874e15;
    left: 15px;
    top: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    z-index: -1
}

body[data-gametheme=ct1] .page-heading__text {
    color: #ffe032;
    font-size: 50px;
    font-weight: 700
}

@media screen and (max-width: 992px) {
    body[data-gametheme=ct1] .page-heading__text {
        font-size:32px
    }
}

@media screen and (max-width: 480px) {
    body[data-gametheme=ct1] .page-heading__text {
        font-size:20px;
        line-height: 1
    }
}

body[data-gametheme=ct1] .page-heading__text--large {
    font-size: 70px
}

@media screen and (max-width: 992px) {
    body[data-gametheme=ct1] .page-heading__text--large {
        font-size:48px
    }
}

@media screen and (max-width: 480px) {
    body[data-gametheme=ct1] .page-heading__text--large {
        font-size:28px
    }
}

body[data-gametheme=ct1] .page-heading__pill {
    background: red;
    padding: 5px;
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    margin: 0 0 5px;
    display: inline-block
}

@media screen and (max-width: 480px) {
    body[data-gametheme=ct1] .page-heading__pill {
        font-size:16px;
        margin: 0
    }
}

body[data-gametheme=ct1] .page-subheading {
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 10px #000;
    padding: 0 15px;
    font-size: 32px
}

@media screen and (max-width: 480px) {
    body[data-gametheme=ct1] .page-subheading {
        font-size:24px
    }
}

body[data-gametheme=ct1] .flash-box-contain {
    position: relative
}

body[data-gametheme=ct1] .flash-box-contain canvas {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% + 28px);
    height: calc(100% + 28px)
}

body[data-gametheme=ct1] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=ct1] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=ct1] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=ct1] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=ct1] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=ct1] .u__colour--yellow {
    color: #ffe032
}

body[data-gametheme=ct1] .u__vertical-spacer {
    width: 100%;
    height: 1em
}

body[data-gametheme=ct1] #spinwheel-messages {
    background-color: rgba(0,0,0,.85)
}

body[data-gametheme=ct1] #spinwheel-messages .message {
    color: #fff;
    max-width: 650px;
    text-shadow: 1px 1px 10px #000
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=ct1] #spinwheel-messages .message-inner {
    width: 100%;
    z-index: 5;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages .message-inner {
        padding:10px 30px
    }
}

body[data-gametheme=ct1] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=ct1] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0;
    overflow: hidden
}

body[data-gametheme=ct1] #spinwheel-messages .message-content :last-child {
    margin-bottom: 0
}

body[data-gametheme=ct1] #spinwheel-messages h2 {
    font-weight: 900;
    line-height: 1.4em;
    font-size: 32px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages h2 {
        font-size:26px
    }
}

body[data-gametheme=ct1] #spinwheel-messages .u__text--large {
    font-size: 40px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages .u__text--large {
        font-size:32px
    }
}

body[data-gametheme=ct1] #spinwheel-messages .u__text--xlarge {
    font-size: 75px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages .u__text--xlarge {
        font-size:63px
    }
}

body[data-gametheme=ct1] #spinwheel-messages h3 {
    font-weight: 900;
    font-size: 50px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages h3 {
        font-size:29px
    }
}

body[data-gametheme=ct1] #spinwheel-messages h3+h3 {
    margin-top: .5em
}

body[data-gametheme=ct1] #spinwheel-messages p {
    font-size: 22px;
    line-height: 1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages p {
        font-size:20px
    }
}

body[data-gametheme=ct1] #spinwheel-messages img {
    display: block;
    margin: 20px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=ct1] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ct1/btn-cta.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #000;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .45em;
    font-weight: 700;
    text-shadow: 1px 1px 0 #fff
}

body[data-gametheme=ct1] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ct1] #spinwheel-messages .btn-message {
        height:65px;
        font-size: 25px;
        padding-bottom: .55em
    }
}

body[data-gametheme=ct1] #spinwheel-messages .btn-large {
    background-size: auto 164%
}

body[data-gametheme=ct1] #spinwheel-messages .flash-box-contain {
    z-index: 1;
    width: 100%;
    background-image: linear-gradient(75deg,#f6e121 0,#ffffdf 19%,#ffdf07 36%,#ffff81 54%,#ffec47 80%,#ffde00 100%);
    border-radius: 8px;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

body[data-gametheme=ct1] #spinwheel-messages .flash-box-contain::before {
    position: absolute;
    content: "";
    background: #000;
    border: 8px solid #874e15;
    left: 15px;
    top: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    z-index: -1
}

body[data-gametheme=ct1] #spinwheel-messages .present-box-graphics {
    position: relative;
    height: 80px;
    width: 100%;
    pointer-events: none
}

body[data-gametheme=ct1] #spinwheel-messages .present-box-graphics::before {
    content: "";
    position: absolute;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ct1/present-box.jpg);
    width: 100%;
    height: 250px;
    top: -160px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center
}

body[data-gamevariation=gmd-c1-ont] .jackpot {
    margin-top: -58px;
    z-index: 5
}

.u__text--underline {
    text-decoration: underline
}

.u__text--uppercase {
    text-transform: uppercase
}

.u__text--no-transform {
    text-transform: none!important
}

body[data-gametheme=ts4l] {
    background-color: #101f40;
    background-repeat: no-repeat
}

body[data-gametheme=ts4l] .logo {
    display: block;
    margin: -15px auto;
    max-width: 100%
}

body[data-gametheme=ts4l] #spinwheel canvas[data-layer=bg] {
    z-index: 10;
    pointer-events: none
}

body[data-gametheme=ts4l] #spinwheel canvas[data-layer=fg] {
    z-index: 11;
    pointer-events: none
}

body[data-gametheme=ts4l] .gradient-text {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#fff290),color-stop(50%,#fff),color-stop(55%,#eec149),color-stop(65%,#f0bc4d));
    background: linear-gradient(180deg,#fff290 45%,#fff 50%,#eec149 55%,#f0bc4d 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000)
}

body[data-gametheme=ts4l] #spinwheel .spin-button {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#fff290),color-stop(50%,#fff),color-stop(55%,#eec149),color-stop(65%,#f0bc4d));
    background: linear-gradient(180deg,#fff290 45%,#fff 50%,#eec149 55%,#f0bc4d 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000)
}

body[data-gametheme=ts4l] .page-content-box,body[data-gametheme=ts4l] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Rubik,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000;
    text-shadow: 3px 3px 0 #000;
    font-size: 22px;
    padding: 0 10px;
    margin-bottom: 20px;
    margin-top: -20px
}

body[data-gametheme=ts4l] .page-content-box .edition,body[data-gametheme=ts4l] .page-heading .edition {
    font-size: 14px;
    margin-top: -28px;
    display: block;
    margin-bottom: -20px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] .page-content-box .edition,body[data-gametheme=ts4l] .page-heading .edition {
        margin-top:-38px;
        margin-bottom: -14px
    }
}

body[data-gametheme=ts4l] .page-content-box .styled-text,body[data-gametheme=ts4l] .page-heading .styled-text {
    display: inline-block;
    font-family: Rubik,sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    margin: .1em 0 .1em 0;
    color: #fcd052;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#fff290),color-stop(50%,#fff),color-stop(55%,#eec149),color-stop(65%,#f0bc4d));
    background: linear-gradient(180deg,#fff290 45%,#fff 50%,#eec149 55%,#f0bc4d 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000)
}

body[data-gametheme=ts4l] .page-content-box .gradient-Blue-text,body[data-gametheme=ts4l] .page-heading .gradient-Blue-text {
    color: #99edff;
    text-shadow: 0 0 5px #2776e3;
    -webkit-text-stroke: .03em #313363
}

body[data-gametheme=ts4l] .page-content-box .styled-text--small,body[data-gametheme=ts4l] .page-heading .styled-text--small {
    font-size: 1.1em
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] .page-content-box,body[data-gametheme=ts4l] .page-heading {
        font-size:15px;
        margin: 10px 0;
        margin-bottom: 0;
        text-shadow: 1px 2px 0 #000
    }

    body[data-gametheme=ts4l] .page-content-box .logo,body[data-gametheme=ts4l] .page-heading .logo {
        width: 80px;
        margin: 0 auto;
        margin-top: 5px
    }

    body[data-gametheme=ts4l] .page-content-box .styled-text,body[data-gametheme=ts4l] .page-heading .styled-text {
        text-shadow: 1px 2px 0 #000
    }

    body[data-gametheme=ts4l] .page-content-box .styled-text--small,body[data-gametheme=ts4l] .page-heading .styled-text--small {
        -webkit-text-stroke: 0
    }
}

body[data-gametheme=ts4l] .page-content-box {
    font-size: 25px;
    line-height: 1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] .page-content-box {
        font-size:25px!important
    }
}

body[data-gametheme=ts4l] .footer-copyright {
    width: 100%;
    padding: 10px 10px 5px 10px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 1.1;
    display: none
}

body[data-gametheme=ts4l] .spinwheel-contain {
    width: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] .page-content-box {
        font-size:16px
    }
}

body[data-gametheme=ts4l] .u__colour--gold {
    color: #fcd052
}

body[data-gametheme=ts4l] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 800px;
    padding: 20px 10px;
    background: radial-gradient(circle,#000d79 66%,#000 100%)
}

body[data-gametheme=ts4l] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: #000
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=ts4l] #spinwheel-messages .message-inner {
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] #spinwheel-messages .message-inner {
        padding:20px 30px
    }
}

body[data-gametheme=ts4l] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=ts4l] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=ts4l] #spinwheel-messages .divider {
    width: 80%;
    height: 4px;
    background-color: #fcd052;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 #fcd052;
    box-shadow: 0 0 5px 0 #fcd052
}

body[data-gametheme=ts4l] #spinwheel-messages h2 {
    font-family: Rubik,sans-serif;
    font-weight: 400;
    line-height: .9em;
    font-size: 57px;
    margin: .2em 0;
    color: #fcd052;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] #spinwheel-messages h2 {
        font-size:27px
    }
}

body[data-gametheme=ts4l] #spinwheel-messages h3,body[data-gametheme=ts4l] #spinwheel-messages p {
    font-family: Rubik,sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] #spinwheel-messages h3,body[data-gametheme=ts4l] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=ts4l] #spinwheel-messages img {
    display: block;
    margin: 10px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=ts4l] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ts4l/cta.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    height: 97px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .8em;
    font-family: Rubik,sans-serif;
    font-weight: 900;
    text-shadow: 2px 2px 0 #000;
    font-size: 22px;
    padding: 0 20px 20px
}

body[data-gametheme=ts4l] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

body[data-gametheme=ts4l] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/ts4l/tile_brown-blank.png);
    border-image-slice: 120 180;
    border-image-width: 120px 180px;
    border-image-repeat: repeat
}

body[data-gametheme=ts4l] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=ts4l] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=ts4l] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=ts4l] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=ts4l] .frame .frame-symbol {
    position: absolute;
    width: 400px;
    height: 34px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/jp2/tile_red-lights.fs8.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=ts4l] .frame .frame-symbol.transform-top {
    top: -22px
}

body[data-gametheme=ts4l] .frame .frame-symbol.transform-right {
    right: -22px
}

body[data-gametheme=ts4l] .frame .frame-symbol.transform-bottom {
    bottom: -22px
}

body[data-gametheme=ts4l] .frame .frame-symbol.transform-left {
    left: -22px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ts4l] .frame .frame-symbol {
        width:160px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] .frame .frame-symbol {
        display:none
    }
}

body[data-gametheme=ts4l] .frame .frame-circles {
    position: absolute;
    width: 310px;
    height: 25px;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/jp2/tile_circle.fs8.png);
    background-size: auto 100%;
    background-repeat: round
}

body[data-gametheme=ts4l] .frame .frame-circles.transform-top {
    top: -13px
}

body[data-gametheme=ts4l] .frame .frame-circles.transform-right {
    right: -13px
}

body[data-gametheme=ts4l] .frame .frame-circles.transform-bottom {
    bottom: -13px
}

body[data-gametheme=ts4l] .frame .frame-circles.transform-left {
    left: -13px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ts4l] .frame .frame-circles {
        width:160px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4l] .frame .frame-circles {
        display:none
    }
}

body[data-gametheme=ts4] {
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    font-family: Roboto
}

body[data-gametheme=ts4] .gradient-text {
    font-size: 1.5em;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#fff290),color-stop(50%,#fff),color-stop(55%,#eec149),color-stop(65%,#f0bc4d));
    background: linear-gradient(180deg,#fff290 45%,#fff 50%,#eec149 55%,#f0bc4d 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    font-weight: 800
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ts4] .gradient-text {
        font-size:1.3em
    }
}

body[data-gametheme=ts4] span {
    margin: 1rem 0
}

body[data-gametheme=ts4] .page-heading {
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: initial;
    text-shadow: 3px 3px 0 #000;
    font-size: 32px;
    padding: 0 10px
}

body[data-gametheme=ts4] .page-heading .styled-text {
    display: inline-block;
    font-family: Roboto;
    font-weight: 600;
    line-height: .8;
    font-size: 1.2em;
    color: #e4fefe;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0);
    filter: drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0)
}

body[data-gametheme=ts4] .page-heading .logo-ts-header {
    display: block;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    margin-top: -10px;
    margin-bottom: -20px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ts4] .page-heading .logo-ts-header {
        margin-top:0;
        width: 70%
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] .page-heading {
        font-size:20px;
        margin: 10px 0
    }
}

body[data-gametheme=ts4] .video-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
    opacity: .99
}

body[data-gametheme=ts4] .video-container video {
    display: block;
    height: 100VH
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] .video-container video {
        width:1250px
    }
}

body[data-gametheme=ts4] .video-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left top,right top,from(#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,right top,left top,from(#000),to(rgba(0,0,0,0))),-webkit-gradient(linear,left top,left bottom,from(#000),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to left,#000 0,rgba(0,0,0,0) 100%),linear-gradient(to bottom,#000 0,rgba(0,0,0,0) 100%);
    background-size: 500px 100%,500px 100%,100% 500px;
    background-position: left top,right top,center top;
    background-repeat: no-repeat
}

body[data-gametheme=ts4] .hero-graphic--freya {
    position: absolute;
    left: 12.5%;
    bottom: 0;
    height: 92.5vh;
    width: auto
}

body[data-gametheme=ts4] .hero-graphic--thor {
    position: absolute;
    right: 7.5%;
    bottom: 0;
    height: 92.5vh;
    width: auto
}

@media screen and (max-width: 991px) {
    body[data-gametheme=ts4] .hero-graphic--freya {
        position:absolute;
        left: -14.5%;
        bottom: 0;
        height: 62.5vh;
        width: auto
    }

    body[data-gametheme=ts4] .hero-graphic--thor {
        position: absolute;
        right: -19.5%;
        bottom: 0;
        height: 62.5vh;
        width: auto
    }
}

body[data-gametheme=ts4] .spinwheel-contain {
    width: 875px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=ts4] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=ts4] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] .spinwheel-contain #spinwheel {
        width:calc(100% + 35vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=ts4] .spinwheel-contain::after {
        padding-bottom: 83%
    }
}

body[data-gametheme=ts4] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=ts4] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 580px
}

body[data-gametheme=ts4] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-image: radial-gradient(circle,#000d79 50%,#000638 100%)
}

body[data-gametheme=ts4] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: no-display
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] #spinwheel-messages .message-inner {
        padding:0 10px
    }
}

body[data-gametheme=ts4] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=ts4] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=ts4] #spinwheel-messages h2 {
    font-weight: 600;
    line-height: .8;
    font-size: 38px;
    margin: .4em 0 .2em 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] #spinwheel-messages h2 {
        font-size:26px
    }
}

body[data-gametheme=ts4] #spinwheel-messages h3,body[data-gametheme=ts4] #spinwheel-messages p {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    -webkit-filter: drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] #spinwheel-messages h3,body[data-gametheme=ts4] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=ts4] #spinwheel-messages img {
    display: block;
    width: 250px;
    margin: 10px auto
}

body[data-gametheme=ts4] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ts4/cta-button.png);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3em;
    font-weight: 800;
    text-shadow: 1px 1px 1px #000;
    -webkit-filter: drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000);
    font-size: 25px
}

body[data-gametheme=ts4] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[data-gametheme=ts4] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/ts4/tile_brown-blank.png);
    border-image-slice: 100;
    border-image-width: 44px;
    border-image-repeat: round
}

body[data-gametheme=ts4] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=ts4] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=ts4] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=ts4] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=ts4] .divider {
    width: 200px;
    height: 4px;
    background-color: #f4ce94;
    border: solid 1px #336;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,.6);
    box-shadow: 0 0 5px 0 rgba(255,255,255,.6)
}

body[data-gametheme=ts4_2] {
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Roboto
}

body[data-gametheme=ts4_2] .main-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-gametheme=ts4_2] .gradient-text {
    font-size: 1.45em;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(45%,#fff290),color-stop(50%,#fff),color-stop(55%,#eec149),color-stop(65%,#f0bc4d));
    background: linear-gradient(180deg,#fff290 45%,#fff 50%,#eec149 55%,#f0bc4d 65%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(-1px -1px 1px #000) drop-shadow(1px 1px 1px #000);
    font-weight: 800
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ts4_2] .gradient-text {
        font-size:1.15em
    }
}

body[data-gametheme=ts4_2] span {
    margin: 1rem 0
}

body[data-gametheme=ts4_2] .page-heading {
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: initial;
    text-shadow: 3px 3px 0 #000;
    font-size: 24px;
    padding: 0 10px
}

body[data-gametheme=ts4_2] .page-heading .styled-text {
    display: inline-block;
    font-family: Roboto;
    font-weight: 600;
    line-height: .8;
    font-size: 1.2em;
    color: #e4fefe;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0);
    filter: drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0) drop-shadow(0 0 1px #2577a0)
}

body[data-gametheme=ts4_2] .page-heading .logo-ts-header {
    display: block;
    margin: 0 auto;
    width: 300px;
    max-width: 100%;
    margin-top: -25px;
    margin-bottom: -40px
}

@media screen and (max-height: 768px) {
    body[data-gametheme=ts4_2] .page-heading .logo-ts-header {
        width:150px;
        margin: -10px auto -20px auto
    }
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ts4_2] .page-heading .logo-ts-header {
        width:40%;
        margin: -10px auto -20px auto
    }
}

body[data-gametheme=ts4_2] .page-heading .page-heading--smaller {
    font-size: 16px
}

@media screen and (max-height: 768px) {
    body[data-gametheme=ts4_2] .page-heading .page-heading--smaller {
        font-size:13px
    }
}

@media screen and (max-height: 768px) {
    body[data-gametheme=ts4_2] .page-heading {
        font-size:16px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] .page-heading {
        font-size:20px;
        margin: 0
    }
}

body[data-gametheme=ts4_2] .video-container {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: .99;
    overflow: hidden
}

body[data-gametheme=ts4_2] .video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] .video-container {
        height:110%
    }
}

body[data-gametheme=ts4_2] .hero-graphic--freya {
    position: absolute;
    left: 2.5%;
    bottom: 0;
    height: 85.5vh;
    width: auto
}

body[data-gametheme=ts4_2] .hero-graphic--thor {
    position: absolute;
    right: 2.5%;
    bottom: 0;
    height: 85.5vh;
    width: auto
}

@media screen and (max-width: 991px) {
    body[data-gametheme=ts4_2] .hero-graphic--freya {
        display:none
    }

    body[data-gametheme=ts4_2] .hero-graphic--thor {
        display: none
    }
}

body[data-gametheme=ts4_2] .spinwheel-contain {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: auto;
    position: relative;
    overflow: hidden
}

@media screen and (max-height: 768px) {
    body[data-gametheme=ts4_2] .spinwheel-contain #spinwheel {
        width:375px!important;
        max-width: initial
    }
}

@media screen and (max-width: 539px) {
    body[data-gametheme=ts4_2] .spinwheel-contain {
        margin:5px auto -20px auto
    }

    body[data-gametheme=ts4_2] .spinwheel-contain #spinwheel {
        width: calc(100% + 5vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=ts4_2] .spinwheel-contain::after {
        padding-bottom: 83%
    }
}

body[data-gametheme=ts4_2] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 580px
}

body[data-gametheme=ts4_2] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-image: radial-gradient(circle,#000d79 50%,#000638 100%)
}

body[data-gametheme=ts4_2] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: no-display
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] #spinwheel-messages .message-inner {
        padding:0 10px
    }
}

body[data-gametheme=ts4_2] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=ts4_2] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=ts4_2] #spinwheel-messages h2 {
    font-weight: 600;
    line-height: .8;
    font-size: 38px;
    margin: .4em 0 .2em 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] #spinwheel-messages h2 {
        font-size:26px
    }
}

body[data-gametheme=ts4_2] #spinwheel-messages h3,body[data-gametheme=ts4_2] #spinwheel-messages p {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    -webkit-filter: drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] #spinwheel-messages h3,body[data-gametheme=ts4_2] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=ts4_2] #spinwheel-messages img {
    display: block;
    width: 250px;
    margin: 10px auto
}

body[data-gametheme=ts4_2] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ts4/cta-button.png);
    background-position: center center;
    background-repeat: no-repeat;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .3em;
    font-weight: 800;
    text-shadow: 1px 1px 1px #000;
    -webkit-filter: drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #000);
    font-size: 25px
}

body[data-gametheme=ts4_2] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[data-gametheme=ts4_2] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/ts4/tile_brown-blank.png);
    border-image-slice: 100;
    border-image-width: 44px;
    border-image-repeat: round
}

body[data-gametheme=ts4_2] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=ts4_2] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=ts4_2] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=ts4_2] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=ts4_2] .divider {
    width: 200px;
    height: 4px;
    background-color: #f4ce94;
    border: solid 1px #336;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 rgba(255,255,255,.6);
    box-shadow: 0 0 5px 0 rgba(255,255,255,.6)
}

body[data-gametheme=ts4_2] .top-banner-ad {
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 5px 5px;
    text-transform: uppercase;
    position: relative
}

body[data-gametheme=ts4_2] .footer-disclaimer {
    width: 100%;
    background: #000;
    bottom: -260px;
    position: absolute
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 16px 4px
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container p.disclaimer {
    font-weight: 500
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container p {
    text-align: center;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #7e7e7e
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container p span {
    font-weight: 600;
    color: #fff
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container p a {
    color: #7e7e7e;
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container p .copyright {
    font-weight: 600
}

body[data-gametheme=ts4_2] .footer-disclaimer .footer-container img.footer-Ont-logo {
    position: relative;
    width: 180px;
    padding: 23px;
    height: auto;
    margin-top: -32px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ts4_2] .footer-disclaimer .footer-container img.footer-Ont-logo {
        padding:32px 0 7px
    }
}

body[data-gametheme=ts4_2] .footer-copyright {
    pointer-events: none;
    width: 100%;
    min-height: 60px;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 10px 5px 10px;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 50;
    text-align: center;
    font-size: 10px;
    line-height: 1.1;
    margin: 0 0 -2px 0
}

body[data-gametheme=ts4_2] .u__colour--yellow {
    color: #fff000!important
}

body[data-gametheme=gg1],body[data-gametheme=ng1][data-gamevariation*=yg] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/bg-coins.jpg),-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(#000));
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/bg-coins.jpg),linear-gradient(to top,rgba(0,0,0,.7) 0,#000 100%);
    background-size: cover,cover;
    background-position: center center,center bottom;
    background-repeat: no-repeat
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1],body[data-gametheme=ng1][data-gamevariation*=yg] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/ng1/bg-coins.jpg);
        background-size: cover;
        background-position: center
    }
}

body[data-gametheme=gg1] .page-heading,body[data-gametheme=ng1][data-gamevariation*=yg] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 28px;
    padding: 0 10px
}

body[data-gametheme=gg1] .page-heading .styled-text,body[data-gametheme=ng1][data-gamevariation*=yg] .page-heading .styled-text {
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    margin: .1em 0 .1em 0;
    color: #fede00;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=gg1] .page-heading .logo-header,body[data-gametheme=ng1][data-gamevariation*=yg] .page-heading .logo-header {
    display: block;
    margin: 0 auto 10px auto;
    width: 181px;
    max-width: 100%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] .page-heading,body[data-gametheme=ng1][data-gamevariation*=yg] .page-heading {
        font-size:18px;
        margin: 10px 0;
        text-shadow: 1px 2px 0 #000
    }
}

body[data-gametheme=gg1] .spinwheel-contain,body[data-gametheme=ng1][data-gamevariation*=yg] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=gg1] .spinwheel-contain #spinwheel,body[data-gametheme=ng1][data-gamevariation*=yg] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px)
}

body[data-gametheme=gg1] .spinwheel-contain::after,body[data-gametheme=ng1][data-gamevariation*=yg] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] .spinwheel-contain #spinwheel,body[data-gametheme=ng1][data-gamevariation*=yg] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=gg1] .spinwheel-contain::after,body[data-gametheme=ng1][data-gamevariation*=yg] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=gg1] .expander,body[data-gametheme=ng1][data-gamevariation*=yg] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=gg1] .u__colour--yellow,body[data-gametheme=ng1][data-gamevariation*=yg] .u__colour--yellow {
    color: #f6c023
}

body[data-gametheme=gg1] #spinwheel-messages,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages {
    background-color: rgba(0,0,0,.85)
}

body[data-gametheme=gg1] #spinwheel-messages .message,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message {
    color: #fff;
    max-width: 650px;
    background: 0 0;
    border-radius: 1rem;
    position: relative;
    padding: .5rem;
    text-shadow: 0 0 6px rgba(0,0,0,.65)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=gg1] #spinwheel-messages .message-inner,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message-inner {
    width: 100%;
    z-index: 5;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #333e64;
    z-index: 10;
    border-radius: 1rem
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages .message-inner,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message-inner {
        padding:10px 30px
    }
}

body[data-gametheme=gg1] #spinwheel-messages .message::before,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(#ad8a19),to(#ffffc9));
    background: linear-gradient(#ad8a19,#ffffc9);
    left: 0;
    top: 0;
    z-index: -1;
    border-radius: inherit
}

body[data-gametheme=gg1] #spinwheel-messages .message-footer,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages .message-footer,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=gg1] #spinwheel-messages .message-content,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=gg1] #spinwheel-messages .message-content :last-child,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .message-content :last-child {
    margin-bottom: 0
}

body[data-gametheme=gg1] #spinwheel-messages h2,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages h2 {
    font-weight: 900;
    line-height: 1em;
    font-size: 52px;
    margin: .4em 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages h2,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages h2 {
        font-size:30px
    }
}

body[data-gametheme=gg1] #spinwheel-messages h3,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages h3 {
    font-weight: 900;
    font-size: 32px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages h3,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages h3 {
        font-size:20px
    }
}

body[data-gametheme=gg1] #spinwheel-messages h3+h3,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages h3+h3 {
    margin-top: .5em
}

body[data-gametheme=gg1] #spinwheel-messages p,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages p {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages p,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages p {
        font-size:20px
    }
}

body[data-gametheme=gg1] #spinwheel-messages img,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages img {
    display: block;
    margin: 20px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages img,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=gg1] #spinwheel-messages .btn-message,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/btn-cta.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .45em;
    font-weight: 700;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=gg1] #spinwheel-messages .btn-message:hover,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages .btn-message,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .btn-message {
        height:65px;
        font-size: 23px;
        padding-bottom: .55em
    }
}

body[data-gametheme=gg1] #spinwheel-messages .flash-box-contain,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .flash-box-contain {
    z-index: 1;
    width: 100%;
    background-color: #151f28;
    border-radius: 20px;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 30px 0 rgba(255,255,255,.5);
    box-shadow: 0 0 30px 0 rgba(255,255,255,.5)
}

body[data-gametheme=gg1] #spinwheel-messages .flash-box-contain::before,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .flash-box-contain::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#d0d0d0));
    background: linear-gradient(to bottom,#fcfcfc 0,#d0d0d0 100%);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,.5);
    border-radius: 10px
}

body[data-gametheme=gg1] #spinwheel-messages .flash-box-contain canvas,body[data-gametheme=ng1][data-gamevariation*=yg] #spinwheel-messages .flash-box-contain canvas {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% + 28px);
    height: calc(100% + 28px)
}

body[data-gametheme=ng1][data-gamevariation*=cc],body[data-gametheme=ng1][data-gamevariation*=ccc] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/bg-coins-glow.jpg),-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(#000));
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/bg-coins-glow.jpg),linear-gradient(to top,rgba(0,0,0,.7) 0,#000 100%);
    background-size: cover,cover;
    background-position: center center,center bottom;
    background-repeat: no-repeat
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc],body[data-gametheme=ng1][data-gamevariation*=ccc] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/ng1/bg-coins-glow.jpg);
        background-size: cover;
        background-position: center
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] .page-heading,body[data-gametheme=ng1][data-gamevariation*=ccc] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 28px;
    padding: 0 10px
}

body[data-gametheme=ng1][data-gamevariation*=cc] .page-heading .styled-text,body[data-gametheme=ng1][data-gamevariation*=ccc] .page-heading .styled-text {
    display: inline-block;
    font-family: Roboto,sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 1.8em;
    margin: .1em 0 .1em 0;
    color: #fede00;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

body[data-gametheme=ng1][data-gamevariation*=cc] .page-heading .logo-header,body[data-gametheme=ng1][data-gamevariation*=ccc] .page-heading .logo-header {
    display: block;
    margin: 0 auto 15px auto;
    width: auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] .page-heading .logo-header,body[data-gametheme=ng1][data-gamevariation*=ccc] .page-heading .logo-header {
        width:300px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] .page-heading,body[data-gametheme=ng1][data-gamevariation*=ccc] .page-heading {
        font-size:18px;
        margin: 10px 0;
        text-shadow: 1px 2px 0 #000
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] .spinwheel-contain,body[data-gametheme=ng1][data-gamevariation*=ccc] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=ng1][data-gamevariation*=cc] .spinwheel-contain #spinwheel,body[data-gametheme=ng1][data-gamevariation*=ccc] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(10px);
    transform: translateX(-50%) translateY(10px)
}

body[data-gametheme=ng1][data-gamevariation*=cc] .spinwheel-contain::after,body[data-gametheme=ng1][data-gamevariation*=ccc] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] .spinwheel-contain #spinwheel,body[data-gametheme=ng1][data-gamevariation*=ccc] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=ng1][data-gamevariation*=cc] .spinwheel-contain::after,body[data-gametheme=ng1][data-gamevariation*=ccc] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] .expander,body[data-gametheme=ng1][data-gamevariation*=ccc] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=ng1][data-gamevariation*=cc] .u__colour--yellow,body[data-gametheme=ng1][data-gamevariation*=ccc] .u__colour--yellow {
    color: #f6c023
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages {
    background-color: rgba(0,0,0,.85)
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message {
    color: #000;
    max-width: 650px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message-inner,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message-inner {
    width: 100%;
    z-index: 5;
    padding: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message-inner,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message-inner {
        padding:10px 30px
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message-footer,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message-footer,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message-content,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 0
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .message-content :last-child,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .message-content :last-child {
    margin-bottom: 0
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages h2,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages h2 {
    font-weight: 900;
    font-size: 52px;
    margin: .4em 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages h2,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages h2 {
        font-size:30px
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages h3,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages h3 {
    font-weight: 900;
    font-size: 32px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages h3,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages h3 {
        font-size:20px
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages h3+h3,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages h3+h3 {
    margin-top: .5em
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages p,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages p {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages p,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages p {
        font-size:20px
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages img,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages img {
    display: block;
    margin: 20px auto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages img,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages img {
        max-width:150px
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .btn-message,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/btn-cta-ccc.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .45em;
    font-weight: 700;
    text-shadow: 1px 1px 0 #000
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .btn-message:hover,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .btn-message,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .btn-message {
        height:65px;
        font-size: 25px;
        padding-bottom: .55em
    }
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .flash-box-contain,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .flash-box-contain {
    z-index: 1;
    width: 100%;
    background-color: #151f28;
    border-radius: 20px;
    padding: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 30px 0 rgba(255,255,255,.5);
    box-shadow: 0 0 30px 0 rgba(255,255,255,.5)
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .flash-box-contain::before,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .flash-box-contain::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: -webkit-gradient(linear,left top,left bottom,from(#fcfcfc),to(#d0d0d0));
    background: linear-gradient(to bottom,#fcfcfc 0,#d0d0d0 100%);
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: inset 0 0 10px 0 rgba(0,0,0,.5);
    border-radius: 10px
}

body[data-gametheme=ng1][data-gamevariation*=cc] #spinwheel-messages .flash-box-contain canvas,body[data-gametheme=ng1][data-gamevariation*=ccc] #spinwheel-messages .flash-box-contain canvas {
    pointer-events: none;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% + 28px);
    height: calc(100% + 28px)
}

body[data-gametheme=ng1][data-gamevariation*=cc] .u__colour--orange,body[data-gametheme=ng1][data-gamevariation*=ccc] .u__colour--orange {
    color: #ff4a04
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .main-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 900px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=wl1][data-gamevariation=lxc-tab] .main-content {
        min-height:400px
    }
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .top-banner-ad {
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 5px 5px;
    text-transform: uppercase;
    width: 100%;
    position: absolute
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons>* {
    display: inline-block
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons {
    background: #000;
    padding-top: 16px;
    margin: 0;
    text-align: center
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons {
    background-image: url(footer-icons.fs8.png);
    background-repeat: no-repeat;
    height: 45px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons.bIcon-18 {
    background-position: 0 0;
    width: 33px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons.bIcon-KAHN {
    background-position: -200px 0;
    width: 140px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons.bIcon-AU {
    background-position: -3600px 0;
    width: 130px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons.bIcon-ECO {
    background-position: -400px 0;
    width: 140px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons.bIcon-CR {
    background-position: -800px 0;
    width: 63px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons .bIcons.bIcon-MGS {
    background-position: -600px 0;
    width: 102px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-icons a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer {
    width: 100%;
    background: #efefef
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer .footer-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 16px 4px
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer .footer-container p.disclaimer {
    font-weight: 500
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer .footer-container p {
    text-align: center;
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 14px;
    color: #000
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer .footer-container p span {
    font-weight: 600;
    color: #000
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer .footer-container p a {
    font-weight: 700;
    cursor: pointer;
    text-decoration: underline
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-disclaimer .footer-container p .copyright {
    font-weight: 600
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .footer-copyright {
    pointer-events: none;
    width: 100%;
    min-height: 60px;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 10px 5px 10px;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 50;
    text-align: center;
    font-size: 10px;
    line-height: 1.1;
    margin: 0 0 -2px 0
}

body[data-gametheme=wl1][data-gamevariation=lxc-tab] .u__colour--yellow {
    color: #f6c023
}

body[data-gametheme=lc1] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/lc1/lara-right.png),url(/Content/themes/jpw/shared/images/games/spin/lc1/bg-lara-croft.jpg);
    background-size: 420px auto,1920px auto;
    background-position: calc(50% + 530px) bottom,center top;
    background-repeat: no-repeat;
    font-family: teko
}

@media screen and (min-width: 1932px) {
    body[data-gametheme=lc1] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/lc1/lara-right_2x.png),url(/Content/themes/jpw/shared/images/games/spin/lc1/bg-lara-croft_2x.jpg);
        background-size: 514px auto,4000px auto;
        background-position: calc(50% + 530px) bottom,left center
    }
}

@media screen and (max-width: 991px) {
    body[data-gametheme=lc1] {
        background-position:calc(50% + 320px) bottom,left center;
        background-size: 356px auto,1920px auto
    }
}

@media screen and (max-width: 767px) {
    body[data-gametheme=lc1] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/lc1/lara-right-bg.png),url(/Content/themes/jpw/shared/images/games/spin/lc1/bg-lara-croft.jpg);
        background-position: calc(50% + 257px) bottom,left top;
        background-size: 219px auto,1075px auto
    }
}

body[data-gametheme=lc1] .top-banner-ad {
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 5px 5px;
    text-transform: uppercase;
    position: relative
}

body[data-gametheme=lc1] .footer-disclaimer {
    width: 100%;
    background: #efefef;
    padding: 0;
    border-top: 1px solid #bcbcbc;
    position: absolute;
    bottom: -363px
}

@media screen and (max-width: 642px) {
    body[data-gametheme=lc1] .footer-disclaimer {
        bottom:-468px
    }
}

body[data-gametheme=lc1] .footer-disclaimer .footer-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 4px
}

body[data-gametheme=lc1] .footer-disclaimer .footer-container p.disclaimer {
    font-weight: 500
}

body[data-gametheme=lc1] .footer-disclaimer .footer-container p {
    text-align: center;
    margin-bottom: 30px;
    line-height: 18px;
    font-size: 14px
}

body[data-gametheme=lc1] .footer-disclaimer .footer-container p span {
    font-weight: 600
}

body[data-gametheme=lc1] .footer-disclaimer .footer-container p a {
    color: #1c54bb;
    font-weight: 700;
    cursor: pointer
}

body[data-gametheme=lc1] .footer-disclaimer .footer-container p .copyright {
    font-weight: 600
}

body[data-gametheme=lc1] .footer-icons>* {
    display: inline-block
}

body[data-gametheme=lc1] .footer-icons {
    background: #000;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: -51px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%
}

@media screen and (max-width: 642px) {
    body[data-gametheme=lc1] .footer-icons {
        bottom:-103px
    }
}

body[data-gametheme=lc1] .footer-icons .bIcons {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/lc1/footer-icons.fs8.png);
    background-repeat: no-repeat;
    height: 45px
}

body[data-gametheme=lc1] .footer-icons .bIcons.bIcon-18 {
    background-position: 0 0;
    width: 33px
}

body[data-gametheme=lc1] .footer-icons .bIcons.bIcon-KAHN {
    background-position: -200px 0;
    width: 140px
}

body[data-gametheme=lc1] .footer-icons .bIcons.bIcon-AU {
    background-position: -3600px 0;
    width: 130px
}

body[data-gametheme=lc1] .footer-icons .bIcons.bIcon-ECO {
    background-position: -400px 0;
    width: 140px
}

body[data-gametheme=lc1] .footer-icons .bIcons.bIcon-CR {
    background-position: -800px 0;
    width: 63px
}

body[data-gametheme=lc1] .footer-icons .bIcons.bIcon-MGS {
    background-position: -600px 0;
    width: 102px
}

body[data-gametheme=lc1] .footer-icons a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

body[data-gametheme=lc1] .footer-copyright {
    pointer-events: none;
    width: 100%;
    min-height: 60px;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 10px 5px 10px;
    background: -webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));
    background: linear-gradient(to top,#000 0,rgba(0,0,0,0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    z-index: 50;
    text-align: center;
    font-size: 7px;
    line-height: 1.1;
    margin: 0 0 -2px 0;
    font-family: Roboto
}

body[data-gametheme=lc1] .page-heading {
    text-align: center;
    color: #fff;
    font-family: teko,Rubik,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000;
    text-shadow: 2px 3px 0 #000;
    font-size: 26px;
    padding: 0 10px;
    margin-bottom: -20px
}

body[data-gametheme=lc1] .page-heading .styled-text {
    display: inline-block;
    font-family: teko,Rubik,sans-serif;
    font-weight: 900;
    line-height: 1;
    font-size: 2.4em;
    margin: .1em 0 .1em 0;
    -webkit-text-stroke: 2px #000;
    text-shadow: none;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fcd052),to(#fff));
    background-image: linear-gradient(180deg,#fcd052 20%,#fff 100%)
}

body[data-gametheme=lc1] .page-heading .styled-text--small {
    font-size: 1.1em
}

body[data-gametheme=lc1] .page-heading .logo-header {
    display: block;
    margin: 0 auto;
    width: 181px;
    max-width: 100%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] .page-heading {
        font-size:23px;
        margin: 10px 0;
        text-shadow: 3px 3px 0 #000
    }

    body[data-gametheme=lc1] .page-heading .styled-text {
        font-size: 1.9em
    }

    body[data-gametheme=lc1] .page-heading .styled-text--small {
        -webkit-text-stroke: 0
    }
}

body[data-gametheme=lc1] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=lc1] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=lc1] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=lc1] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=lc1] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=lc1] #spinwheel-messages {
    background-color: rgba(0,0,0,.88)
}

body[data-gametheme=lc1] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 800px
}

body[data-gametheme=lc1] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: #000
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=lc1] #spinwheel-messages .message-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages .message-inner {
        padding:30px 33px 20px
    }
}

body[data-gametheme=lc1] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=lc1] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px 0;
    overflow: hidden
}

body[data-gametheme=lc1] #spinwheel-messages .message-content .symbol {
    max-width: 40px;
    padding: 5px 0 10px
}

body[data-gametheme=lc1] #spinwheel-messages .divider {
    width: 80%;
    height: 4px;
    background-color: #fcd052;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 #fcd052;
    box-shadow: 0 0 5px 0 #fcd052
}

body[data-gametheme=lc1] #spinwheel-messages h2 {
    font-family: teko,sans-serif;
    font-weight: 400;
    line-height: .9em;
    font-size: 58px;
    margin: .2em 0;
    color: #efcd1d;
    text-shadow: 0 4px 0 rgba(0,0,0,.8)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages h2 {
        font-size:27px
    }
}

body[data-gametheme=lc1] #spinwheel-messages h3,body[data-gametheme=lc1] #spinwheel-messages p {
    font-family: teko,sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages h3,body[data-gametheme=lc1] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=lc1] #spinwheel-messages h4 {
    font-size: 35px;
    font-family: teko,sans-serif;
    font-weight: 400;
    margin: .2em 0;
    color: #efcd1d;
    text-shadow: 0 4px 0 rgba(0,0,0,.8);
    text-transform: uppercase
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages h4 {
        font-size:25px
    }
}

body[data-gametheme=lc1] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/lc1/cta-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #efcd1d;
    -webkit-text-stroke: 1px #6a5b0e;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .55em;
    font-family: teko,'Arial Narrow Bold',sans-serif;
    font-weight: 400;
    text-shadow: 3px 3px 1px rgba(0,0,0,.5);
    -webkit-text-stroke: 1px #000
}

body[data-gametheme=lc1] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=lc1] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .85em;
        background-size: 100% auto
    }
}

body[data-gametheme=lc1] .frame {
    position: relative;
    border: solid 22px #000;
    border-image-source: url(/Content/themes/jpw/shared/images/games/spin/lc1/tile_main.png);
    border-image-slice: 120 180;
    border-image-width: 120px 180px;
    border-image-repeat: repeat
}

body[data-gametheme=lc1] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=lc1] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=lc1] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=lc1] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=lc1] .u__text--color-golden {
    color: #efcd1d
}

body[data-gametheme=gg1] #spinwheel-messages .btn-message {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/ng1/btn-cta-gmd.fs8.png);
    -webkit-filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 2px #000);
    filter: drop-shadow(0 0 1px #000) drop-shadow(0 0 2px #000);
    text-shadow: 0 0 6px rgba(0,0,0,.5),0 0 2px #000,0 0 2px #000;
    font-size: 31px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=gg1] #spinwheel-messages .btn-message {
        font-size:22px
    }
}

body[data-gametheme=gg1] #spinwheel-messages .message-inner {
    background-color: #146412
}

body[data-gametheme=gg1] #spinwheel-messages .flash-box-contain {
    padding: 8px
}

body[data-gametheme=gg1] .page-heading .logo-header {
    display: block;
    margin: 0 auto 10px auto;
    width: 281px;
    max-width: 100%
}

body[data-gametheme=mmw1] {
    /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
    /*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
}

body[data-gametheme=mmw1] article,body[data-gametheme=mmw1] aside,body[data-gametheme=mmw1] details,body[data-gametheme=mmw1] figcaption,body[data-gametheme=mmw1] figure,body[data-gametheme=mmw1] footer,body[data-gametheme=mmw1] header,body[data-gametheme=mmw1] hgroup,body[data-gametheme=mmw1] main,body[data-gametheme=mmw1] menu,body[data-gametheme=mmw1] nav,body[data-gametheme=mmw1] section,body[data-gametheme=mmw1] summary {
    display: block
}

body[data-gametheme=mmw1] audio,body[data-gametheme=mmw1] canvas,body[data-gametheme=mmw1] progress,body[data-gametheme=mmw1] video {
    display: inline-block;
    vertical-align: baseline
}

body[data-gametheme=mmw1] audio:not([controls]) {
    display: none;
    height: 0
}

body[data-gametheme=mmw1] [hidden],body[data-gametheme=mmw1] template {
    display: none
}

body[data-gametheme=mmw1] a {
    background-color: transparent
}

body[data-gametheme=mmw1] a:active,body[data-gametheme=mmw1] a:hover {
    outline: 0
}

body[data-gametheme=mmw1] abbr[title] {
    border-bottom: 1px dotted
}

body[data-gametheme=mmw1] b,body[data-gametheme=mmw1] strong {
    font-weight: 700
}

body[data-gametheme=mmw1] dfn {
    font-style: italic
}

body[data-gametheme=mmw1] h1 {
    font-size: 2em;
    margin: .67em 0
}

body[data-gametheme=mmw1] mark {
    background: #ff0;
    color: #000
}

body[data-gametheme=mmw1] small {
    font-size: 80%
}

body[data-gametheme=mmw1] sub,body[data-gametheme=mmw1] sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

body[data-gametheme=mmw1] sup {
    top: -.5em
}

body[data-gametheme=mmw1] sub {
    bottom: -.25em
}

body[data-gametheme=mmw1] img {
    border: 0
}

body[data-gametheme=mmw1] svg:not(:root) {
    overflow: hidden
}

body[data-gametheme=mmw1] hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

body[data-gametheme=mmw1] pre {
    overflow: auto
}

body[data-gametheme=mmw1] code,body[data-gametheme=mmw1] kbd,body[data-gametheme=mmw1] pre,body[data-gametheme=mmw1] samp {
    font-family: monospace,monospace;
    font-size: 1em
}

body[data-gametheme=mmw1] button,body[data-gametheme=mmw1] input,body[data-gametheme=mmw1] optgroup,body[data-gametheme=mmw1] select,body[data-gametheme=mmw1] textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

body[data-gametheme=mmw1] button {
    overflow: visible
}

body[data-gametheme=mmw1] button,body[data-gametheme=mmw1] select {
    text-transform: none
}

body[data-gametheme=mmw1] button,body[data-gametheme=mmw1] html input[type=button],body[data-gametheme=mmw1] input[type=reset],body[data-gametheme=mmw1] input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

body[data-gametheme=mmw1] button[disabled],body[data-gametheme=mmw1] html input[disabled] {
    cursor: default
}

body[data-gametheme=mmw1] button::-moz-focus-inner,body[data-gametheme=mmw1] input::-moz-focus-inner {
    border: 0;
    padding: 0
}

body[data-gametheme=mmw1] input {
    line-height: normal
}

body[data-gametheme=mmw1] input[type=checkbox],body[data-gametheme=mmw1] input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

body[data-gametheme=mmw1] input[type=number]::-webkit-inner-spin-button,body[data-gametheme=mmw1] input[type=number]::-webkit-outer-spin-button {
    height: auto
}

body[data-gametheme=mmw1] input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

body[data-gametheme=mmw1] input[type=search]::-webkit-search-cancel-button,body[data-gametheme=mmw1] input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

body[data-gametheme=mmw1] fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

body[data-gametheme=mmw1] legend {
    border: 0;
    padding: 0
}

body[data-gametheme=mmw1] textarea {
    overflow: auto
}

body[data-gametheme=mmw1] optgroup {
    font-weight: 700
}

body[data-gametheme=mmw1] table {
    border-collapse: collapse;
    border-spacing: 0
}

body[data-gametheme=mmw1] td,body[data-gametheme=mmw1] th {
    padding: 0
}

body[data-gametheme=mmw1] html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

body[data-gametheme=mmw1] ::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

body[data-gametheme=mmw1] ::selection {
    background: #b3d4fc;
    text-shadow: none
}

body[data-gametheme=mmw1] hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

body[data-gametheme=mmw1] audio,body[data-gametheme=mmw1] canvas,body[data-gametheme=mmw1] iframe,body[data-gametheme=mmw1] img,body[data-gametheme=mmw1] svg,body[data-gametheme=mmw1] video {
    vertical-align: middle
}

body[data-gametheme=mmw1] fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

body[data-gametheme=mmw1] textarea {
    resize: vertical
}

body[data-gametheme=mmw1] #spin-to-win-container {
    width: 950px;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -200px auto 80px
}

body[data-gametheme=mmw1] #spin-to-win-container-2 {
    width: 950px;
    height: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: -200px auto
}

body[data-gametheme=mmw1] body {
    background-color: #000;
    background: url(/Content/themes/jpw/shared/images/games/spin/mmw1/backgroud.jpg) no-repeat;
    background-size: cover;
    overflow-x: hidden
}

body[data-gametheme=mmw1] .main-container {
    position: relative;
    z-index: 10;
    overflow: visible;
    margin-bottom: 70px
}

body[data-gametheme=mmw1] video {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1
}

body[data-gametheme=mmw1] .header {
    display: block;
    margin: 30px auto 50px
}

body[data-gametheme=mmw1] .header-mobile {
    display: none
}

body[data-gametheme=mmw1] .bottom {
    display: block;
    margin: 110px auto 0;
    max-width: 100%
}

body[data-gametheme=mmw1] .pointer {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
    width: 200px;
    top: 121px
}

body[data-gametheme=mmw1] .power {
    position: fixed;
    left: 20px;
    top: 20px
}

body[data-gametheme=mmw1] .shadow {
    position: absolute;
    left: 50%;
    bottom: -50px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -10;
    width: 800px
}

body[data-gametheme=mmw1] .btn-message,body[data-gametheme=mmw1] .frame {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#a10400),color-stop(#a20400),color-stop(#310100),to(black)),radial-gradient(circle at top left,#fff,#daa520,#ff0,#fff,#b8860b,#fff);
    background-image: linear-gradient(to bottom,#a10400,#a20400,#310100,#000),radial-gradient(circle at top left,#fff,#daa520,#ff0,#fff,#b8860b,#fff);
    border-radius: 1rem;
    border: solid 4px transparent;
    background-origin: border-box;
    background-clip: padding-box,border-box;
    -webkit-box-shadow: 4px 4px 10px inset #000;
    box-shadow: 4px 4px 10px inset #000
}

body[data-gametheme=mmw1] .btn-message {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: transparent;
    padding: unset;
    border: unset;
    height: 95px
}

body[data-gametheme=mmw1] .btn-message--play {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mmw1/cc/play-now.png)
}

body[data-gametheme=mmw1] .btn-message--claim {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mmw1/cc/claim-now.png)
}

body[data-gametheme=mmw1] .btn-message:hover {
    background-color: unset
}

body[data-gametheme=mmw1] #spinwheel-messages .btn-message {
    color: transparent;
    border: unset
}

body[data-gametheme=mmw1] .gradient-text {
    background: -webkit-gradient(linear,left top,left bottom,from(#f6e243),to(#f6e243));
    background: linear-gradient(180deg,#f6e243,#f6e243);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none!important;
    -webkit-filter: drop-shadow(1px 1px 1px #daa520) drop-shadow(1px 1px 1px #daa520) drop-shadow(-1px -1px 1px orange) drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000);
    filter: drop-shadow(1px 1px 1px #daa520) drop-shadow(1px 1px 1px #daa520) drop-shadow(-1px -1px 1px orange) drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000);
    font-weight: 800;
    padding: 12px 0;
    display: block
}

body[data-gametheme=mmw1] #spinwheel-messages .btn-message {
    padding: 4px
}

body[data-gametheme=mmw1] #spinwheel-messages .message-inner {
    padding: 60px 30px
}

body[data-gametheme=mmw1] #spinwheel-messages .message {
    max-width: 470px
}

body[data-gametheme=mmw1] .message-content {
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 10px #000
}

body[data-gametheme=mmw1] #spinwheel-messages .message-content {
    overflow: unset
}

body[data-gametheme=mmw1] .coins {
    position: absolute;
    left: 50%;
    bottom: -80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -10
}

body[data-gametheme=mmw1] .coins-mobile {
    display: none;
    width: 100%;
    position: absolute;
    bottom: -45px;
    z-index: -11
}

body[data-gametheme=mmw1] .bottom-mobile {
    display: none;
    width: 90%;
    margin: 200px auto 0
}

@media only screen and (max-width: 1920px) {
    body[data-gametheme=mmw1] #spin-to-win-container {
        width:800px
    }

    body[data-gametheme=mmw1] #spin-to-win-canvas {
        width: 800px
    }

    body[data-gametheme=mmw1] .pointer {
        top: 100px
    }
}

@media only screen and (max-width: 1024px) {
    body[data-gametheme=mmw1] .power {
        display:none
    }
}

@media only screen and (max-width: 1000px) {
    body[data-gametheme=mmw1] .shadow-top {
        width:130%
    }

    body[data-gametheme=mmw1] .header {
        margin: 10px auto 110px
    }

    body[data-gametheme=mmw1] .bottom {
        margin: 100px auto 0;
        display: none
    }

    body[data-gametheme=mmw1] .bottom-mobile {
        display: block;
        margin-top: 130px
    }

    body[data-gametheme=mmw1] .coins {
        width: 150%;
        display: none
    }

    body[data-gametheme=mmw1] .coins-mobile {
        display: block
    }
}

@media only screen and (max-width: 820px) {
    body[data-gametheme=mmw1] .coins {
        width:100%;
        bottom: -30px
    }
}

@media only screen and (max-width: 800px) {
    body[data-gametheme=mmw1] #spin-to-win-container {
        width:700px
    }

    body[data-gametheme=mmw1] .shadow {
        width: 90%;
        top: 20px
    }

    body[data-gametheme=mmw1] .pointer {
        top: 88px;
        width: 150px
    }
}

@media only screen and (max-width: 768px) {
    body[data-gametheme=mmw1] .header {
        width:90%
    }

    body[data-gametheme=mmw1] #spin-to-win-container {
        width: 600px
    }

    body[data-gametheme=mmw1] .shadow {
        width: 600px;
        top: 0
    }

    body[data-gametheme=mmw1] .pointer {
        top: 77px;
        width: 120px
    }

    body[data-gametheme=mmw1] .bottom-mobile {
        margin: 150px auto 0
    }
}

@media only screen and (max-width: 700px) {
    body[data-gametheme=mmw1] #spin-to-win-container {
        width:600px
    }
}

@media only screen and (max-width: 600px) {
    body[data-gametheme=mmw1] #spin-to-win-container {
        width:500px
    }

    body[data-gametheme=mmw1] .header {
        margin-bottom: 130px
    }

    body[data-gametheme=mmw1] .pointer {
        top: 64px;
        width: 100px
    }

    body[data-gametheme=mmw1] .shadow {
        width: 100%;
        top: 0
    }

    body[data-gametheme=mmw1] .bottom-mobile {
        margin: 170px auto 0
    }

    body[data-gametheme=mmw1] .coins {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    body[data-gametheme=mmw1] #spinwheel-messages h2 {
        font-size:28px
    }

    body[data-gametheme=mmw1] #spinwheel-messages .message-inner {
        padding: 35px 10px
    }

    body[data-gametheme=mmw1] #spin-to-win-container {
        width: 400px
    }

    body[data-gametheme=mmw1] .header {
        margin-bottom: 150px;
        display: none
    }

    body[data-gametheme=mmw1] .pointer {
        top: 52px;
        width: 70px
    }

    body[data-gametheme=mmw1] .header-mobile {
        display: block;
        margin: 25% auto 25px;
        width: 95%
    }
}

@media only screen and (max-width: 400px) {
    body[data-gametheme=mmw1] #spin-to-win-container {
        width:360px
    }

    body[data-gametheme=mmw1] .pointer {
        top: 47px;
        width: 70px
    }
}

@media only screen and (max-width: 360px) {
    body[data-gametheme=mmw1] #spin-to-win-container {
        width:300px
    }

    body[data-gametheme=mmw1] .header {
        margin-bottom: 160px
    }

    body[data-gametheme=mmw1] .pointer {
        top: 41px;
        width: 40px
    }

    body[data-gametheme=mmw1] .bottom-mobile {
        margin: 180px auto 0
    }
}

body[data-gametheme=mmw1] .ont-footer {
    text-align: center;
    padding: 40px 20px;
    position: relative;
    z-index: 4;
    background-color: #000;
    width: 100%;
    z-index: 12
}

body[data-gametheme=mmw1] .ont-footer>span {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Roboto,sans-serif;
    margin-bottom: 30px
}

body[data-gametheme=mmw1] .ont-footer>span img {
    max-width: 200px
}

body[data-gametheme=mmw1] .ont-footer span i {
    padding: 0 20px
}

body[data-gametheme=mmw1] .ont-footer .ont-footer__ont {
    font-size: 16px;
    color: #888;
    line-height: 1.4
}

body[data-gametheme=mmw1] .ont-footer .ont-footer__ont a {
    display: inline;
    color: #fff
}

@media screen and (max-width: 1200px) {
    body[data-gametheme=mmw1] .ont-footer .ont-footer__ont br {
        display:none
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=mmw1] .ont-footer>span {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    body[data-gametheme=mmw1] .ont-footer>span i:last-of-type {
        display: none
    }

    body[data-gametheme=mmw1] .ont-footer>span img {
        margin-top: 20px
    }
}

body[class=spin_mmw1_yg_c1] {
    background-color: #000;
    background-repeat: no-repeat;
    font-family: Poppins,sans-serif;
    overflow-x: hidden
}

body[class=spin_mmw1_yg_c1] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Poppins;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin: 20px auto 0 auto;
    text-shadow: 0 4px 8px rgba(0,0,0,.8)
}

body[class=spin_mmw1_yg_c1] .page-heading .styled-text {
    font-family: Poppins;
    font-weight: 600;
    font-size: 2.4em
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] .page-heading {
        font-size:15px
    }
}

body[class=spin_mmw1_yg_c1] #spinwheel {
    -webkit-filter: drop-shadow(0 0 10px #000);
    filter: drop-shadow(0 0 10px #000)
}

body[class=spin_mmw1_yg_c1] .spinwheel-contain {
    width: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

body[class=spin_mmw1_yg_c1] .spinwheel-contain::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1800px;
    height: 1000px;
    margin-top: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mmw1/yg/mmw1-bg.jpg);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1
}

@media screen and (max-width: 610px) {
    body[class=spin_mmw1_yg_c1] .spinwheel-contain::before {
        width:236vw
    }
}

body[class=spin_mmw1_yg_c1] .page-content-box {
    position: relative;
    width: 500px;
    max-width: calc(100% - 10px);
    min-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -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;
    color: #d8ffff;
    font-family: hypatia-sans-pro;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 18px;
    text-align: center;
    padding: 0 5px
}

body[class=spin_mmw1_yg_c1] .page-content-box::before {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    background-color: #070a42
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] .page-content-box {
        font-size:16px
    }
}

body[class=spin_mmw1_yg_c1] .u__colour--gold {
    color: #ffd428
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages {
    background-color: rgba(0,0,0,.8)
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] #spinwheel-messages .message-inner {
        padding:0 0 15px
    }
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px 0 0
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    text-shadow: 0 5px 10px #000;
    overflow: visible
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages h2 {
    font-family: teko;
    font-weight: 600;
    line-height: .8;
    font-size: 50px;
    margin: .4em 0 .2em 0;
    color: #ffd428;
    -webkit-text-stroke: 1px #ffbf0f;
    text-shadow: 0 5px 10px #000
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] #spinwheel-messages h2 {
        font-size:35px
    }
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages h3 {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 800;
    color: #ffd428;
    margin-bottom: 15px
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] #spinwheel-messages h3 {
        font-size:30px
    }
}

@media screen and (max-width: 475px) {
    body[class=spin_mmw1_yg_c1] #spinwheel-messages h3 {
        font-size:27px
    }
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages p {
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    font-size: 24px;
    margin: 0 0 5px
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages img {
    max-width: 100%;
    margin-top: 58px
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/mmw1/yg/stage-btn.fs8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 0;
    font-family: Poppins;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000
}

body[class=spin_mmw1_yg_c1] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[class=spin_mmw1_yg_c1] .frame {
    position: relative;
    background: -webkit-gradient(linear,left bottom,left top,from(#d2a74b),color-stop(10%,#ffff1f),color-stop(26%,#f3ead6),color-stop(50%,#f3ead6),color-stop(68%,#ff8900),color-stop(87%,#f7fab3),to(#d2a74b));
    background: linear-gradient(0deg,#d2a74b 0,#ffff1f 10%,#f3ead6 26%,#f3ead6 50%,#ff8900 68%,#f7fab3 87%,#d2a74b 100%);
    border-radius: 5px;
    padding: 40px;
    -webkit-box-shadow: 0 0 10px 0 #000;
    box-shadow: 0 0 10px 0 #000;
    z-index: 1
}

body[class=spin_mmw1_yg_c1] .frame::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #000;
    -webkit-box-shadow: inset 0 0 10px 20px rgba(0,0,0,.5);
    box-shadow: inset 0 0 10px 20px rgba(0,0,0,.5);
    border-radius: 5px;
    z-index: -1
}

@media screen and (max-width: 575px) {
    body[class=spin_mmw1_yg_c1] .frame {
        padding:28px
    }
}

body[class=spin_mmw1_yg_c1] .page-content-contain {
    max-width: 900px;
    position: relative;
    margin: 0 auto;
    margin-top: -166px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    font-size: 30px;
    padding: 20px 20px 0 20px;
    text-align: center;
    margin-bottom: 120px
}

body[class=spin_mmw1_yg_c1] .page-content-contain .jackpot-label {
    position: absolute;
    bottom: 50%;
    z-index: 20;
    color: #fff;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    body[class=spin_mmw1_yg_c1] .page-content-contain .jackpot-label {
        font-size:18px
    }
}

@media screen and (max-width: 574px) {
    body[class=spin_mmw1_yg_c1] .page-content-contain .jackpot-label {
        font-size:12px;
        bottom: 55%
    }
}

@media screen and (max-width: 991px) {
    body[class=spin_mmw1_yg_c1] .page-content-contain {
        margin-top:-138px
    }
}

@media screen and (max-width: 767px) {
    body[class=spin_mmw1_yg_c1] .page-content-contain {
        margin-top:-94px
    }
}

@media screen and (max-width: 574px) {
    body[class=spin_mmw1_yg_c1] .page-content-contain {
        margin-top:-30px
    }
}

body[class=spin_mmw1_yg_c1] .more-space {
    margin-top: 20px!important
}

body[class=spin_mmw1_yg_c1] .jackpot {
    display: block;
    margin: 0 auto;
    width: 860px;
    max-width: 100%;
    margin-top: -28px;
    position: relative;
    z-index: 0
}

@media screen and (max-width: 610px) {
    body[class=spin_mmw1_yg_c1] .jackpot {
        margin-top:-7vw
    }
}

body[class=spin_mmw1_yg_c1] .jackpot img {
    max-width: 100%
}

body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker {
    position: absolute;
    left: 50%;
    top: calc(50% + 8%);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    white-space: nowrap
}

body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker::after {
    background: 0 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: attr(data-text);
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
    -webkit-text-stroke: #ffbf0f 3px;
    text-shadow: 0 5px 10px #000;
    white-space: nowrap
}

@media screen and (max-width: 630px) {
    body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker {
        top:calc(50% + 6%);
        font-size: 5.5vw
    }
}

body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker--smaller {
    position: absolute;
    left: 50%;
    top: calc(50% + 6%);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 23px;
    font-weight: 800;
    color: #fff;
    -webkit-text-stroke: 1px #000;
    white-space: nowrap
}

body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker--smaller::after {
    background: 0 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: attr(data-text);
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
    -webkit-text-stroke: #ffbf0f 3px;
    text-shadow: 0 5px 10px #000;
    white-space: nowrap
}

@media screen and (max-width: 630px) {
    body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker--smaller {
        top:calc(50% + 6%);
        font-size: 24px
    }
}

@media screen and (max-width: 475px) {
    body[class=spin_mmw1_yg_c1] .jackpot .progressive-jackpot-ticker--smaller {
        top:calc(50% + 10%);
        font-size: 18px
    }
}

@font-face {
    font-family: Alliance;
    src: url(/Content/fonts/Alliance/AllianceBlackSWFTE.woff2) format('woff2'),url(/Content/fonts/Alliance/AllianceBlackSWFTE.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

body[data-gametheme=ir2] {
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    font-family: Alliance;
    min-width: 320px
}

body[data-gametheme=ir2] video {
    width: 100vw;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ir2] .video-D {
        display:none
    }
}

body[data-gametheme=ir2] .video-M {
    display: none
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ir2] .video-M {
        display:block
    }
}

body[data-gametheme=ir2] .L-characters,body[data-gametheme=ir2] .R-characters {
    background-size: cover;
    background-position: center bottom;
    bottom: 0;
    background-repeat: no-repeat;
    pointer-events: none;
    position: absolute;
    width: 47%;
    height: 100%;
    z-index: -1
}

@media screen and (max-width: 991px) {
    body[data-gametheme=ir2] .L-characters,body[data-gametheme=ir2] .R-characters {
        height:72%
    }
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ir2] .L-characters,body[data-gametheme=ir2] .R-characters {
        display:none
    }
}

body[data-gametheme=ir2] .L-characters {
    left: 0;
    background-image: url(dino-left.fs8.png)
}

body[data-gametheme=ir2] .R-characters {
    right: 0;
    background-image: url(dino-right.fs8.png)
}

body[data-gametheme=ir2] .characters {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(dino-right.fs8.png);
    background-size: cover;
    background-position: calc(50% - -21px) bottom;
    background-repeat: no-repeat;
    z-index: -1;
    display: none
}

@media screen and (max-width: 767px) {
    body[data-gametheme=ir2] .characters {
        display:block
    }
}

body[data-gametheme=ir2] .top-banner-ad {
    background: #000;
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    padding: 5px 5px;
    text-transform: uppercase;
    position: relative
}

body[data-gametheme=ir2] .footer-disclaimer {
    width: 100%;
    background: #efefef;
    padding: 0;
    border-top: 1px solid #bcbcbc;
    position: absolute;
    bottom: -363px
}

@media screen and (max-width: 642px) {
    body[data-gametheme=ir2] .footer-disclaimer {
        bottom:-468px
    }
}

body[data-gametheme=ir2] .footer-disclaimer .footer-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 4px
}

body[data-gametheme=ir2] .footer-disclaimer .footer-container p.disclaimer {
    font-weight: 500
}

body[data-gametheme=ir2] .footer-disclaimer .footer-container p {
    text-align: center;
    margin-bottom: 30px;
    line-height: 18px;
    font-size: 14px
}

body[data-gametheme=ir2] .footer-disclaimer .footer-container p span {
    font-weight: 600
}

body[data-gametheme=ir2] .footer-disclaimer .footer-container p a {
    color: #1c54bb;
    font-weight: 700;
    cursor: pointer
}

body[data-gametheme=ir2] .footer-disclaimer .footer-container p .copyright {
    font-weight: 600
}

body[data-gametheme=ir2] .footer-icons>* {
    display: inline-block
}

body[data-gametheme=ir2] .footer-icons {
    background: #000;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: -51px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%
}

@media screen and (max-width: 642px) {
    body[data-gametheme=ir2] .footer-icons {
        bottom:-103px
    }
}

body[data-gametheme=ir2] .footer-icons .bIcons {
    background-image: url(/Content/themes/jpw/shared/images/games/spin/lc1/footer-icons.fs8.png);
    background-repeat: no-repeat;
    height: 45px
}

body[data-gametheme=ir2] .footer-icons .bIcons.bIcon-18 {
    background-position: 0 0;
    width: 33px
}

body[data-gametheme=ir2] .footer-icons .bIcons.bIcon-KAHN {
    background-position: -200px 0;
    width: 140px
}

body[data-gametheme=ir2] .footer-icons .bIcons.bIcon-AU {
    background-position: -3600px 0;
    width: 130px
}

body[data-gametheme=ir2] .footer-icons .bIcons.bIcon-ECO {
    background-position: -400px 0;
    width: 140px
}

body[data-gametheme=ir2] .footer-icons .bIcons.bIcon-CR {
    background-position: -800px 0;
    width: 63px
}

body[data-gametheme=ir2] .footer-icons .bIcons.bIcon-MGS {
    background-position: -600px 0;
    width: 102px
}

body[data-gametheme=ir2] .footer-icons a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent
}

body[data-gametheme=ir2] .styled-text {
    font-family: Alliance;
    position: relative;
    -webkit-text-stroke: .5px #9e6632;
    text-transform: uppercase;
    -webkit-filter: drop-shadow(1px 0 4px #000) drop-shadow(1px 0 4px #000) drop-shadow(0 0 0 #c56a28);
    filter: drop-shadow(1px 0 4px #000) drop-shadow(1px 0 4px #000) drop-shadow(0 0 0 #c56a28);
    text-shadow: 1px -1px 0 #111,1px -2px 0 #111;
    text-wrap: nowrap;
    display: block
}

body[data-gametheme=ir2] .styled-text--white {
    color: #fff;
    -webkit-filter: unset;
    filter: unset;
    text-shadow: 1px 1px 8px #000,0 0 8px #000
}

body[data-gametheme=ir2] .styled-text:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1;
    background: -webkit-gradient(linear,left top,left bottom,from(#fdeeb0),to(#e8b76a));
    background: linear-gradient(to bottom,#fdeeb0,#e8b76a);
    -webkit-filter: drop-shadow(1px 0 0 #0b0500) drop-shadow(1px 0 0 #2b1809) drop-shadow(-1px 0 0 #724220) drop-shadow(-1px 0 0 #2b1809);
    filter: drop-shadow(1px 0 0 #0b0500) drop-shadow(1px 0 0 #2b1809) drop-shadow(-1px 0 0 #724220) drop-shadow(-1px 0 0 #2b1809);
    text-shadow: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-wrap: nowrap;
    display: block;
    width: 100%
}

body[data-gametheme=ir2] .styled-text--white:after {
    display: none
}

body[data-gametheme=ir2] .page-heading {
    text-align: center;
    color: #000;
    font-family: Alliance;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000;
    text-shadow: 2px 3px 0 #000;
    font-size: 26px;
    padding: 0 10px;
    margin: 0 auto
}

body[data-gametheme=ir2] .page-heading .styled-text--small {
    font-size: 1.1em
}

body[data-gametheme=ir2] .page-heading .logo-header {
    display: block;
    width: 650px;
    max-width: 100%;
    margin: 0 auto -70px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] .page-heading .logo-header {
        width:250px;
        margin: 0 auto -20px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] .page-heading {
        font-size:23px;
        margin: 25px 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    body[data-gametheme=ir2] .page-heading .styled-text {
        font-size: 1.33em
    }

    body[data-gametheme=ir2] .page-heading .styled-text--small {
        -webkit-text-stroke: 0
    }
}

body[data-gametheme=ir2] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=ir2] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=ir2] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=ir2] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=ir2] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=ir2] #spinwheel-messages {
    background-color: rgba(0,0,0,.7)
}

body[data-gametheme=ir2] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 627px
}

body[data-gametheme=ir2] #spinwheel-messages .message::before {
    content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=ir2] #spinwheel-messages .message-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages .message-inner {
        padding:30px 0 20px
    }
}

body[data-gametheme=ir2] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=ir2] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 10px 0;
    overflow: hidden;
    text-transform: uppercase;
    text-shadow: 0 4px 0 #111,0 4px 0 #111
}

body[data-gametheme=ir2] #spinwheel-messages .message-content .symbol {
    max-width: 40px;
    padding: 5px 0 10px
}

body[data-gametheme=ir2] #spinwheel-messages .divider {
    width: 80%;
    height: 4px;
    background-color: #fcd052;
    display: block;
    margin: 15px auto;
    -webkit-box-shadow: 0 0 5px 0 #fcd052;
    box-shadow: 0 0 5px 0 #fcd052
}

body[data-gametheme=ir2] #spinwheel-messages h2 {
    font-family: Alliance;
    font-weight: 400;
    font-size: 42px;
    margin: .2em 0;
    -webkit-text-stroke: .5px #9e6632;
    text-transform: uppercase;
    background: -webkit-gradient(linear,left top,left bottom,from(#f6dd9f),to(#e6b468));
    background: linear-gradient(to bottom,#f6dd9f,#e6b468);
    text-shadow: none;
    -webkit-filter: drop-shadow(1px 0 0 #0b0500) drop-shadow(1px 0 0 #2b1809) drop-shadow(-1px 0 0 #724220) drop-shadow(-1px 0 0 #2b1809);
    filter: drop-shadow(1px 0 0 #0b0500) drop-shadow(1px 0 0 #2b1809) drop-shadow(-1px 0 0 #724220) drop-shadow(-1px 0 0 #2b1809);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages h2 {
        font-size:26px
    }
}

body[data-gametheme=ir2] #spinwheel-messages h3 {
    font-family: Alliance;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 800;
    text-shadow: 0 4px 0 #111,0 4px 0 #111
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages h3 {
        font-size:24px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages h3.color-text {
        font-size:40px;
        padding: 5px 0 10px
    }

    body[data-gametheme=ir2] #spinwheel-messages h2.header-color-text {
        -webkit-text-stroke: none;
        color: #fff;
        font-size: 32px
    }

    body[data-gametheme=ir2] #spinwheel-messages h2.header-color-text:after {
        display: none
    }
}

body[data-gametheme=ir2] #spinwheel-messages p {
    font-family: Alliance;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages p {
        font-size:16px
    }
}

body[data-gametheme=ir2] #spinwheel-messages h4 {
    font-size: 35px;
    font-family: Alliance;
    margin: .2em 0;
    color: #efcd1d;
    text-shadow: 0 4px 0 rgba(0,0,0,.8);
    text-transform: uppercase
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages h4 {
        font-size:25px
    }
}

body[data-gametheme=ir2] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(dino-right.fs8.pngcta-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    height: 70px;
    width: 300px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Alliance;
    font-weight: 800;
    font-size: 24px;
    margin: 20px auto 10px;
    text-shadow: 1px 3px 3px #000;
    padding: 1rem 3.5rem
}

body[data-gametheme=ir2] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages .btn-message {
        font-size:25px;
        height: 70px
    }
}

body[data-gametheme=ir2] #spinwheel-messages .btn-message.second {
    width: 350px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages .btn-message.second {
        height:80px;
        width: 305px
    }
}

body[data-gametheme=ir2] #spinwheel-messages img {
    max-width: 500px;
    margin: 25px auto 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages .IR2-logo-D {
        display:none
    }
}

body[data-gametheme=ir2] #spinwheel-messages .IR2-logo-M {
    display: none
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] #spinwheel-messages .IR2-logo-M {
        display:block
    }
}

body[data-gametheme=ir2] .frame {
    position: relative;
    border: solid 22px transparent;
    background-image: url(dino-right.fs8.pngtile_main.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 20px 20px 30px
}

body[data-gametheme=ir2] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=ir2] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=ir2] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=ir2] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

body[data-gametheme=ir2] .u__text--color-golden {
    color: #eaba6c
}

body[data-gametheme=ir2] .u__text--xxl {
    font-size: 50px
}

body[data-gametheme=ir2] .u__text--xl {
    font-size: 38px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] .color-text {
        font-size:40px
    }
}

body[data-gametheme=ir2] .ribbon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #000;
    font-weight: 800;
    text-transform: uppercase;
    position: absolute;
    left: -80px;
    top: 50px;
    -webkit-transform: rotate(320deg);
    transform: rotate(320deg);
    background-image: -webkit-gradient(linear,right top,left top,from(black),color-stop(#c8af08),color-stop(#fcdb00),color-stop(#c8af08),to(black));
    background-image: linear-gradient(to left,#000,#c8af08,#fcdb00,#c8af08,#000);
    width: 300px;
    padding: 5px;
    z-index: 3;
    font-style: italic;
    line-height: 1;
    font-size: 15px;
    font-family: Roboto
}

@media screen and (max-width: 575px) {
    body[data-gametheme=ir2] .ribbon {
        display:inline-block;
        top: 0;
        left: 50%;
        width: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media screen and (max-width: 768px) {
    body[data-gametheme=ir2] .compliance-footer {
        position:absolute;
        top: calc(var(--app-height))
    }
}

body[data-gametheme=ir2] #spinwheel-messages .ruby-symbol {
    width: 100%;
    max-width: 100px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block
}

body[data-gametheme=ir2] #spinwheel-messages .ruby-symbol+.ruby-symbol {
    margin-left: 10px
}

body[data-gametype=spin][data-gametheme="12m"] {
    background-color: #000;
    background-repeat: no-repeat;
    font-family: Poppins,sans-serif;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/12m-2/hero-right.png),url(/Content/themes/jpw/shared/images/games/spin/12m-2/hero-left.png),url(/Content/themes/jpw/shared/images/games/spin/12m-2/bg.jpg);
    background-size: auto 35vw,auto 35vw,100% 100%;
    background-position: 95% 20vh,5% 20vh,center center;
    min-height: 1000px;
    -webkit-box-shadow: 0 -100px 75px 10px inset #000;
    box-shadow: 0 -100px 75px 10px inset #000;
    overflow-x: hidden
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/12m-2/bg.jpg);
        background-size: 100% 100%;
        background-position: center center;
        min-height: unset
    }
}

body[data-gametype=spin][data-gametheme="12m"] .page-heading {
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 10px;
    margin: 20px auto
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-heading {
        font-size:15px
    }
}

body[data-gametype=spin][data-gametheme="12m"] .spinwheel-contain {
    width: 700px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative
}

body[data-gametype=spin][data-gametheme="12m"] .page-content-box {
    position: relative;
    width: 500px;
    max-width: calc(100% - 10px);
    min-height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -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;
    color: #d8ffff;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 3px 0 #000;
    font-size: 18px;
    text-align: center;
    padding: 0 5px
}

body[data-gametype=spin][data-gametheme="12m"] .page-content-box::before {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
    background-color: #070a42
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-content-box {
        font-size:16px
    }
}

body[data-gametype=spin][data-gametheme="12m"] .u__colour--gold {
    color: #ffd428
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages {
    background-color: rgba(0,0,0,.8)
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 500px;
    padding: 16px 4px
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .message-inner {
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 30px
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .message-inner {
        padding:0 0 15px
    }
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 10px 0 0
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0;
    overflow: visible
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages h2 {
    font-weight: 600;
    line-height: .8;
    margin: .4em 0 .2em 0;
    color: #ffd428;
    font-size: 52px
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages h3 {
    text-transform: uppercase;
    font-weight: 800;
    color: #ffd428;
    margin-bottom: 15px
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages h3 {
        font-size:27px
    }
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages p {
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    font-size: 19px;
    margin: 0 0 5px
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages img {
    display: block;
    margin: 10px auto;
    max-width: 100%
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/12m-2/green_cta.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff;
    height: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .5em;
    font-weight: 600;
    text-shadow: 1px 1px 0 #000
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .4em
    }
}

body[data-gametype=spin][data-gametheme="12m"] .frame {
    background-image: -webkit-gradient(linear,left top,right top,from(#0a1627),color-stop(#103155),to(#1a557c)),radial-gradient(yellow,#daa520,#b8860b,#fff,#daa520,#b8860b,#fff,#daa520);
    background-image: linear-gradient(90deg,#0a1627,#103155,#1a557c),radial-gradient(yellow,#daa520,#b8860b,#fff,#daa520,#b8860b,#fff,#daa520);
    border-radius: 2rem;
    border: solid 4px transparent;
    background-origin: border-box;
    background-clip: padding-box,border-box;
    -webkit-box-shadow: 0 0 30px 15px inset rgba(0,0,0,.5);
    box-shadow: 0 0 30px 15px inset rgba(0,0,0,.5);
    text-transform: uppercase
}

@media screen and (max-width: 575px) {
    body[data-gametype=spin][data-gametheme="12m"] .frame {
        padding:28px
    }
}

body[data-gametype=spin][data-gametheme="12m"] .page-content-contain {
    max-width: 900px;
    position: relative;
    margin: 0 auto;
    margin-top: -166px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 15px;
    font-size: 30px;
    padding: 20px 20px 0 20px;
    text-align: center;
    margin-bottom: 120px
}

body[data-gametype=spin][data-gametheme="12m"] .page-content-contain .jackpot-label {
    position: absolute;
    bottom: 50%;
    z-index: 20;
    color: #fff;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    font-size: 24px
}

@media screen and (max-width: 767px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain .jackpot-label {
        font-size:18px
    }
}

@media screen and (max-width: 574px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain .jackpot-label {
        font-size:12px;
        bottom: 55%
    }
}

@media screen and (max-width: 991px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain {
        margin-top:-138px
    }
}

@media screen and (max-width: 767px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain {
        margin-top:-94px
    }
}

@media screen and (max-width: 574px) {
    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain {
        margin-top:-30px
    }
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot {
    display: block;
    margin: 0 auto;
    width: 560px;
    max-width: 100%;
    margin-top: 0;
    position: relative;
    z-index: 15
}

@media screen and (max-width: 610px) {
    body[data-gametype=spin][data-gametheme="12m"] .jackpot {
        margin-top:0;
        margin-bottom: -12px
    }
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot img {
    max-width: 100%
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot p {
    text-shadow: 0 0 4px #000
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot .jackpot-text {
    position: absolute;
    left: 50%;
    top: calc(50% - 8%);
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    text-transform: uppercase;
    line-height: 1
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot .jackpot-text::after {
    background: 0 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: attr(data-text);
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: -1;
    -webkit-text-stroke: #ffbf0f 3px;
    text-shadow: 0 5px 10px #000;
    white-space: nowrap
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot .jackpot-text h3 {
    font-size: 1.4em;
    line-height: .8
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot .jackpot-text p:first-of-type {
    font-weight: 800;
    font-size: 1.4em
}

body[data-gametype=spin][data-gametheme="12m"] .jackpot .jackpot-text span {
    color: #ffdf08
}

@media screen and (max-width: 630px) {
    body[data-gametype=spin][data-gametheme="12m"] .jackpot .jackpot-text {
        top:calc(50% - 12%);
        font-size: 4.5vw;
        line-height: .85
    }
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages h3 {
    font-size: 1.3em
}

@media screen and (max-width: 525px) {
    body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages h3 {
        font-size:1em
    }
}

@media screen and (max-width: 420px) {
    body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages h3 {
        font-size:.8em
    }
}

body[data-gametype=spin][data-gametheme="12m"] #spinwheel-messages p {
    font-size: 1em
}

body[data-gametype=spin][data-gametheme="12m"] .page-content-contain {
    margin-top: -140px;
    margin-bottom: -46px;
    z-index: -1
}

body[data-gametype=spin][data-gametheme="12m"] .u__text--xxl {
    font-size: 3.25em
}

body[data-gametype=spin][data-gametheme="12m"] .u__text--xl {
    font-size: 2.75em
}

body[data-gametype=spin][data-gametheme="12m"] .u__colour--yellow {
    color: #ff0
}

body[data-gametype=spin][data-gametheme="12m"] .display-text--gradient-yellow {
    -webkit-text-stroke: 1px #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#e0ca00),color-stop(#ffe500),color-stop(#ffdc12),color-stop(#ff4a00),to(#ff7c26));
    background: linear-gradient(to bottom,#e0ca00,#ffe500,#ffdc12,#ff4a00,#ff7c26);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(1px 1px 0 #640118) drop-shadow(1px -1px 0 #640118) drop-shadow(1px 2px 0 #370000) drop-shadow(-1px -1.5px 0 #58323e) drop-shadow(1px 1.5px 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(1px 1px 0 #640118) drop-shadow(1px -1px 0 #640118) drop-shadow(1px 2px 0 #370000) drop-shadow(-1px -1.5px 0 #58323e) drop-shadow(1px 1.5px 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .5));
    font-weight: 800;
    text-shadow: unset!important
}

@media screen and (max-width: 420px) {
    body[data-gametype=spin][data-gametheme="12m"] .display-text--gradient-yellow {
        -webkit-text-stroke:1px #fff;
        -webkit-filter: drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(0 -1px 1px #260000) drop-shadow(1px 1px 0 #640118) drop-shadow(0 0 0 #640118) drop-shadow(0 0 0 #370000) drop-shadow(0 0 0 #58323e) drop-shadow(0 0 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .75));
        filter: drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(0 -1px 1px #260000) drop-shadow(1px 1px 0 #640118) drop-shadow(0 0 0 #640118) drop-shadow(0 0 0 #370000) drop-shadow(0 0 0 #58323e) drop-shadow(0 0 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .75))
    }
}

body[data-gametype=spin][data-gametheme="12m"] .display-text--gradient-yellow-alt {
    background: -webkit-gradient(linear,left top,left bottom,from(#e0ca00),color-stop(#ffe500),color-stop(#ffdc12),color-stop(#ff4a00),to(#ff7c26));
    background: linear-gradient(to bottom,#e0ca00,#ffe500,#ffdc12,#ff4a00,#ff7c26);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-filter: drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(1px 1px 0 #640118) drop-shadow(1px -1px 0 #640118) drop-shadow(1px 0 0 #370000) drop-shadow(-1px -1px 0 #58323e) drop-shadow(1px 0 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .5));
    filter: drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(0 1px 0 #260000) drop-shadow(1px 1px 0 #640118) drop-shadow(1px -1px 0 #640118) drop-shadow(1px 0 0 #370000) drop-shadow(-1px -1px 0 #58323e) drop-shadow(1px 0 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .5));
    font-weight: 800;
    text-shadow: unset!important
}

@media screen and (max-width: 420px) {
    body[data-gametype=spin][data-gametheme="12m"] .display-text--gradient-yellow-alt {
        -webkit-text-stroke:unset;
        -webkit-filter: drop-shadow(0 0 0 #260000) drop-shadow(1px 1px 0 #260000) drop-shadow(0 -1px 0 #260000) drop-shadow(0 0 0 #640118) drop-shadow(0 0 0 #640118) drop-shadow(0 0 0 #370000) drop-shadow(0 0 0 #58323e) drop-shadow(0 0 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .75));
        filter: drop-shadow(0 0 0 #260000) drop-shadow(1px 1px 0 #260000) drop-shadow(0 -1px 0 #260000) drop-shadow(0 0 0 #640118) drop-shadow(0 0 0 #640118) drop-shadow(0 0 0 #370000) drop-shadow(0 0 0 #58323e) drop-shadow(0 0 0 #370000) drop-shadow(0 0 4px rgba(0, 0, 0, .75))
    }
}

@media screen and (max-width: 767px) {
    body[data-gametype=spin][data-gametheme="12m"] .jackpot .progressive-jackpot-ticker::after {
        text-shadow:none;
        white-space: normal
    }

    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain {
        margin-top: -60px;
        margin-bottom: -20px;
        background: -webkit-gradient(linear,left bottom,left top,from(black),to(transparent));
        background: linear-gradient(0deg,#000,transparent);
        z-index: -1
    }

    body[data-gametype=spin][data-gametheme="12m"] .page-content-contain .jackpot-label {
        font-size: 16px;
        bottom: 50%;
        text-shadow: 0 0 1px #000;
        -webkit-filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(0 0 5px #000);
        filter: drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(1px 1px 1px #000) drop-shadow(0 0 5px #000)
    }

    body[data-gametype=spin][data-gametheme="12m"] .page-heading {
        margin: 5px auto
    }
}

body[data-gametheme=frj2] {
    font-family: Poppins,sans-serif;
    position: relative;
    background-color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: var(--app-height);
    background-image: url(/Content/themes/jpw/shared/images/games/spin/frj2/L-Joker.png),url(/Content/themes/jpw/shared/images/games/spin/frj2/R-Joker.png),url(/Content/themes/jpw/shared/images/games/spin/frj2/bg.png);
    background-size: 514px auto,514px auto,1600px auto;
    background-position: calc(50% - 530px) calc(100% + 42px),calc(50% + 530px) calc(100% + 42px),center top;
    background-repeat: no-repeat
}

@media screen and (max-width: 1400px) {
    body[data-gametheme=frj2] {
        background-position:calc(50% - 418px) calc(100% + 42px),calc(50% + 418px) calc(100% + 42px),center top
    }
}

@media screen and (max-width: 991px) {
    body[data-gametheme=frj2] {
        background-size:460px auto,460px auto,1600px auto;
        background-position: calc(50% - 325px) calc(100% + 42px),calc(50% + 325px) calc(100% + 42px),center top
    }
}

@media screen and (max-width: 767px) {
    body[data-gametheme=frj2] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/frj2/jockers.png),url(/Content/themes/jpw/shared/images/games/spin/frj2/bg.png);
        background-position: calc(50% + 2px) center,center top;
        background-size: 774px auto,1600px auto
    }
}

@media screen and (max-width: 574px) {
    body[data-gametheme=frj2] {
        background-image:url(/Content/themes/jpw/shared/images/games/spin/frj2/jockers.png),url(/Content/themes/jpw/shared/images/games/spin/frj2/bg.png);
        background-position: calc(50% + 2px) center,center top;
        background-size: 435px auto,1600px auto
    }
}

body[data-gametheme=frj2] .page-heading {
    text-align: center;
    color: #fff;
    font-family: Poppin,sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #000;
    text-shadow: 2px 3px 0 #000;
    font-size: 26px;
    padding: 0 10px;
    margin-bottom: -20px
}

body[data-gametheme=frj2] .page-heading .logo-header {
    display: block;
    margin: -20px auto 0;
    width: 215px;
    max-width: 100%
}

body[data-gametheme=frj2] .page-heading .styled-text {
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-weight: 900;
    line-height: .7;
    font-size: 2.4em;
    margin: .1em 0 .1em 0;
    -webkit-text-stroke: 2px #000;
    text-shadow: none;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(2deg,#febf26 49%,#fffe82 80%,#f9b113 99%);
    -webkit-filter: drop-shadow(-1px 2px 0 #c00a01) drop-shadow(-1px 4px 4px #000);
    filter: drop-shadow(-1px 2px 0 #c00a01) drop-shadow(-1px 4px 4px #000)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] .page-heading {
        font-size:23px;
        margin: 10px 0;
        text-shadow: 3px 3px 0 #000
    }

    body[data-gametheme=frj2] .page-heading .styled-text {
        font-size: 1.6em
    }

    body[data-gametheme=frj2] .page-heading .styled-text--small {
        -webkit-text-stroke: 0
    }

    body[data-gametheme=frj2] .page-heading .logo-header {
        width: 120px
    }
}

body[data-gametheme=frj2] .styled-text {
    display: inline-block;
    font-family: Poppins,sans-serif;
    font-weight: 900;
    line-height: .7;
    font-size: 2.4em;
    margin: .1em 0 .1em 0;
    -webkit-text-stroke: 2px #000;
    text-shadow: none;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(2deg,#febf26 49%,#fffe82 80%,#f9b113 99%);
    -webkit-filter: drop-shadow(-1px 2px 0 #c00a01) drop-shadow(-1px 4px 4px #000);
    filter: drop-shadow(-1px 2px 0 #c00a01) drop-shadow(-1px 4px 4px #000)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] .styled-text .styled-text {
        font-size:1.9em
    }

    body[data-gametheme=frj2] .styled-text .styled-text--small {
        -webkit-text-stroke: 0
    }
}

body[data-gametheme=frj2] .styled-text--small {
    font-size: 1.1em
}

body[data-gametheme=frj2] .spinwheel-contain {
    width: 1000px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

body[data-gametheme=frj2] .spinwheel-contain #spinwheel {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

body[data-gametheme=frj2] .spinwheel-contain::after {
    content: '';
    display: block;
    padding-bottom: 58.3%
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] .spinwheel-contain #spinwheel {
        width:calc(100% + 43vw)!important;
        max-width: initial;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    body[data-gametheme=frj2] .spinwheel-contain::after {
        padding-bottom: 88%
    }
}

body[data-gametheme=frj2] .expander {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

body[data-gametheme=frj2] #spinwheel-messages {
    background-color: rgba(0,0,0,.88)
}

body[data-gametheme=frj2] #spinwheel-messages .message {
    background-color: transparent;
    color: #fff;
    max-width: 800px
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages {
        max-width:none;
        width: calc(100% + 100px);
        margin-left: -50px
    }
}

body[data-gametheme=frj2] #spinwheel-messages .message-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages .message-inner {
        padding:30px 10px
    }
}

body[data-gametheme=frj2] #spinwheel-messages .message-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages .message-footer {
        padding:0
    }
}

body[data-gametheme=frj2] #spinwheel-messages .message-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 10px 20px 0;
    overflow: hidden;
    margin: 0 auto 10px
}

body[data-gametheme=frj2] #spinwheel-messages .message-content .brand-logo {
    padding: 10px 10px 0;
    margin: 10px auto 0
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages .message-content {
        padding:0 5px;
        overflow: visible
    }

    body[data-gametheme=frj2] #spinwheel-messages .message-content .brand-logo {
        width: 200px;
        margin: 0 auto 10px
    }

    body[data-gametheme=frj2] #spinwheel-messages .message-content .Frame-3-margin {
        margin: 5px auto -5px
    }
}

body[data-gametheme=frj2] #spinwheel-messages h2 {
    font-weight: 900;
    line-height: .9em;
    font-size: 55px;
    margin: .1em 0
}

@media screen and (max-width: 767px) {
    body[data-gametheme=frj2] #spinwheel-messages h2 {
        font-size:39px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages h2 {
        font-size:28px;
        display: inline
    }
}

body[data-gametheme=frj2] #spinwheel-messages h3,body[data-gametheme=frj2] #spinwheel-messages p {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages h3,body[data-gametheme=frj2] #spinwheel-messages p {
        font-size:16px;
        margin: 10px
    }
}

body[data-gametheme=frj2] #spinwheel-messages h4 {
    font-size: 35px;
    font-weight: 400;
    margin: .2em 0;
    color: #efcd1d;
    text-shadow: 0 4px 0 rgba(0,0,0,.8);
    text-transform: uppercase
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages h4 {
        font-size:25px
    }
}

body[data-gametheme=frj2] #spinwheel-messages .u__text--xl {
    font-size: 75px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=frj2] #spinwheel-messages .u__text--xl {
        font-size:67px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages .u__text--xl {
        font-size:48px
    }
}

body[data-gametheme=frj2] #spinwheel-messages .u__text--l {
    font-size: 70px
}

@media screen and (max-width: 767px) {
    body[data-gametheme=frj2] #spinwheel-messages .u__text--l {
        font-size:52px
    }
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages .u__text--l {
        font-size:34px
    }
}

body[data-gametheme=frj2] #spinwheel-messages .frj2-logo {
    margin: 10px auto -5px;
    width: 215px;
    display: block
}

body[data-gametheme=frj2] #spinwheel-messages .btn-message {
    border: 0;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/frj2/cta-btn.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: #fff;
    -webkit-text-stroke: 1px #6a5b0e;
    height: 90px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: .55em;
    font-weight: 900
}

body[data-gametheme=frj2] #spinwheel-messages .btn-message:hover {
    background-color: transparent
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] #spinwheel-messages .btn-message {
        font-size:25px;
        padding-bottom: .85em;
        height: 87px
    }
}

body[data-gametheme=frj2] #spinwheel-messages .btn-message::after {
    content: attr(data-text);
    position: absolute;
    z-index: 1000;
    background: #fff;
    -webkit-filter: drop-shadow(2px 1px 1px #000);
    filter: drop-shadow(2px 1px 1px #000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: none
}

body[data-gametheme=frj2] #spinwheel-messages .btn-message.btn-message-claim {
    font-size: 26px
}

body[data-gametheme=frj2] .frame {
    position: relative;
    border: solid 22px #000;
    background-image: url(/Content/themes/jpw/shared/images/games/spin/frj2/tile_main.png);
    background-size: 100% 100%;
    background-repeat: no-repeat
}

body[data-gametheme=frj2] .frame .transform-top {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(0);
    transform: translateX(-50%) rotate(0)
}

body[data-gametheme=frj2] .frame .transform-bottom {
    left: 50%;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

body[data-gametheme=frj2] .frame .transform-right {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(50%) rotate(90deg);
    transform: translateX(50%) rotate(90deg)
}

body[data-gametheme=frj2] .frame .transform-left {
    top: 50%;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

@media screen and (max-width: 575px) {
    body[data-gametheme=frj2] .frame {
        border:solid 36px #000
    }
}

body[data-gametheme=frj2] .u__text--color-golden {
    color: #efcd1d
}

body[data-gametheme=frj2] .footer-disclaimer {
    width: 100%;
    background: #efefef;
    padding: 0;
    border-top: 1px solid #bcbcbc;
    position: absolute;
    bottom: -363px
}

@media screen and (max-width: 642px) {
    body[data-gametheme=frj2] .footer-disclaimer {
        bottom:-468px
    }
}

body[data-gametheme=frj2] .footer-disclaimer .footer-container {
    max-width: 750px;
    margin: 0 auto;
    padding: 30px 4px
}

body[data-gametheme=frj2] .footer-disclaimer .footer-container p.disclaimer {
    font-weight: 500
}

body[data-gametheme=frj2] .footer-disclaimer .footer-container p {
    text-align: center;
    margin-bottom: 30px;
    line-height: 18px;
    font-size: 14px
}

body[data-gametheme=frj2] .footer-disclaimer .footer-container p span {
    font-weight: 600
}

body[data-gametheme=frj2] .footer-disclaimer .footer-container p a {
    color: #1c54bb;
    font-weight: 700;
    cursor: pointer
}

body[data-gametheme=frj2] .footer-disclaimer .footer-container p .copyright {
    font-weight: 600
}

body[data-gametheme=frj2] .footer-icons>* {
    display: inline-block
}