@charset "UTF-8";
@font-face {
    font-family: roboto-light;
    src: url(assets/fonts/roboto/Roboto-Light.eot);
    src: url(assets/fonts/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(assets/fonts/roboto/Roboto-Light.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Light.woff) format("woff"), url(assets/fonts/roboto/Roboto-Light.ttf) format("truetype"), url(assets/fonts/roboto/Roboto-Light.svg#roboto-light) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto-medium;
    src: url(assets/fonts/roboto/Roboto-Medium.eot);
    src: url(assets/fonts/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/roboto/Roboto-Medium.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Medium.woff) format("woff"), url(assets/fonts/roboto/Roboto-Medium.ttf) format("truetype"), url(assets/fonts/roboto/Roboto-Medium.svg#roboto-medium) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto-regular;
    src: url(assets/fonts/roboto/Roboto-Regular.eot);
    src: url(assets/fonts/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/roboto/Roboto-Regular.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Regular.woff) format("woff"), url(assets/fonts/roboto/Roboto-Regular.ttf) format("truetype"), url(assets/fonts/roboto/Roboto-Regular.svg#roboto-regular) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: roboto-bold;
    src: url(assets/fonts/roboto/Roboto-Bold.eot);
    src: url(assets/fonts/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/roboto/Roboto-Bold.woff2) format("woff2"), url(assets/fonts/roboto/Roboto-Bold.woff) format("woff"), url(assets/fonts/roboto/Roboto-Bold.ttf) format("truetype"), url(assets/fonts/roboto/Roboto-Bold.svg#roboto-bold) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.no-gutters>[class*=" col-"],
.no-gutters>[class^=col-] {
    padding-right: 0;
    padding-left: 0
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.vertical-align-top {
    vertical-align: top
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

.col-wrapper {
    display: flex;
    flex-flow: row wrap;
    max-width: 1186px;
    margin: 0 auto;
    overflow: hidden
}

.col-wrapper .left {
    width: 50%;
    padding: 20px 40px 0 0;
    flex: 1 auto;
    margin-top: 10px
}

@media screen and (max-width:1024px) {
    .col-wrapper .left {
        width: 100%;
        padding: 10px
    }
}

.col-wrapper .left.full {
    width: 100%
}

.col-wrapper .right {
    width: 50%;
    flex: 1 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 100% 100%
}

@media screen and (max-width:1024px) {
    .col-wrapper .right {
        display: none
    }
}

.loading-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 18, 33, .5);
    z-index: 3
}

.loading-container.loader {
    max-width: 100%
}

.loading-container .loader-background {
    opacity: .6;
    border-radius: 25px;
    height: 80px;
    width: 80px;
    background-color: #fff;
    top: calc(50% - 44.5px);
    left: calc(50% - 40px);
    position: absolute
}

.loading-container .overlay-loader,
.loading-container .overlay-loader:after,
.loading-container .overlay-loader:before {
    background: #5f5f5f;
    width: 1em;
    -webkit-animation: loader 1s ease-in-out infinite;
    animation: loader 1s ease-in-out infinite
}

.loading-container .overlay-loader:after,
.loading-container .overlay-loader:before {
    position: absolute;
    top: 0;
    content: ""
}

.loading-container .overlay-loader:before {
    left: -1.5em;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.loading-container .overlay-loader {
    margin: auto;
    position: relative;
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    top: calc(50% - 1.5em);
    font-size: .3em;
    transform: translateZ(0)
}

.loading-container .overlay-loader.game-view {
    position: absolute;
    top: 45%;
    left: 48.5%
}

.loading-container.games-loader .overlay-loader {
    top: 40%
}

.loading-container .overlay-loader:after {
    left: 1.5em
}

@-webkit-keyframes loader {
    0%,
    80%,
    to {
        box-shadow: 0 0 #5f5f5f;
        height: 4em
    }
    40% {
        box-shadow: 0 -2em #5f5f5f;
        height: 5em
    }
}

@keyframes loader {
    0%,
    80%,
    to {
        box-shadow: 0 0 #5f5f5f;
        height: 4em
    }
    40% {
        box-shadow: 0 -2em #5f5f5f;
        height: 5em
    }
}

.visible-mobile {
    display: none !important
}

@media screen and (max-width:767px) {
    .visible-mobile,
    .visible-mobile-block {
        display: block !important
    }
}

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

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

.visible-tablet-horizontal {
    display: none !important
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .visible-tablet-horizontal,
    .visible-tablet-horizontal-block {
        display: block !important
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .visible-tablet-horizontal-inline {
        display: inline !important
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .visible-tablet-horizontal-inline-block {
        display: inline-block !important
    }
}

.visible-tablet-vertical {
    display: none !important
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .visible-tablet-vertical,
    .visible-tablet-vertical-block {
        display: block !important
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .visible-tablet-vertical-inline {
        display: inline !important
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .visible-tablet-vertical-inline-block {
        display: inline-block !important
    }
}

.visible-desktop {
    display: none !important
}

@media screen and (min-width:1197px) {
    .visible-desktop,
    .visible-desktop-block {
        display: block !important
    }
}

@media screen and (min-width:1197px) {
    .visible-desktop-inline {
        display: inline !important
    }
}

@media screen and (min-width:1197px) {
    .visible-desktop-inline-block {
        display: inline-block !important
    }
}

.hidden-mobile {
    display: block !important
}

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

.hidden-tablet-horizontal {
    display: block !important
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .hidden-tablet-horizontal {
        display: none !important
    }
}

.hidden-tablet-vertical {
    display: block !important
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .hidden-tablet-vertical {
        display: none !important
    }
}

.hidden-desktop {
    display: block !important
}

@media screen and (min-width:1197px) {
    .hidden-desktop {
        display: none !important
    }
}

ul.error-list {
    margin: 0;
    padding: 8px 0 10px
}

@media screen and (max-width:1024px) {
    ul.error-list {
        padding: 8px
    }
}

ul.error-list li {
    list-style-type: none;
    display: table;
    text-align: left;
    width: 100%
}

ul.error-list li .flags {
    margin: 0 1rem .5rem 0;
    float: left
}

ul.error-list li p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 600
}

@media screen and (max-width:1024px) {
    ul.error-list li p {
        width: 98%
    }
}

@media screen and (max-width:767px) {
    ul.error-list li p {
        display: inline-block;
        width: 100%
    }
}

ul.error-list li small {
    font-size: 1rem;
    display: block;
    margin: 0 0 .1rem 2.8rem
}

@media screen and (max-width:767px) {
    ul.error-list li small {
        margin-left: 0
    }
}

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
    font-family: FontAwesome;
    src: url(assets/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.4.0);
    src: url(assets/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"), url(assets/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"), url(assets/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"), url(assets/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"), url(assets/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.3333333333em;
    line-height: .75em;
    vertical-align: -15%
}

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

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

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

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

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

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

.fa-ul>li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.1428571429em;
    width: 2.1428571429em;
    top: .1428571429em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.8571428571em
}

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

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

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

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

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes beat {
    to {
        transform: scale(1.05)
    }
}

@keyframes beat {
    to {
        transform: scale(1.05)
    }
}

.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    transform: scaleX(-1)
}

.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transform: scaleY(-1)
}

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

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

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

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

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

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: ""
}

.fa-music:before {
    content: ""
}

.fa-search:before {
    content: ""
}

.fa-envelope-o:before {
    content: ""
}

.fa-heart:before {
    content: ""
}

.fa-star:before {
    content: ""
}

.fa-star-o:before {
    content: ""
}

.fa-user:before {
    content: ""
}

.fa-film:before {
    content: ""
}

.fa-th-large:before {
    content: ""
}

.fa-th:before {
    content: ""
}

.fa-th-list:before {
    content: ""
}

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

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: ""
}

.fa-search-plus:before {
    content: ""
}

.fa-search-minus:before {
    content: ""
}

.fa-power-off:before {
    content: ""
}

.fa-signal:before {
    content: ""
}

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

.fa-trash-o:before {
    content: ""
}

.fa-home:before {
    content: ""
}

.fa-file-o:before {
    content: ""
}

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

.fa-road:before {
    content: ""
}

.fa-download:before {
    content: ""
}

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

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

.fa-inbox:before {
    content: ""
}

.fa-play-circle-o:before {
    content: ""
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: ""
}

.fa-refresh:before {
    content: ""
}

.fa-list-alt:before {
    content: ""
}

.fa-lock:before {
    content: ""
}

.fa-flag:before {
    content: ""
}

.fa-headphones:before {
    content: ""
}

.fa-volume-off:before {
    content: ""
}

.fa-volume-down:before {
    content: ""
}

.fa-volume-up:before {
    content: ""
}

.fa-qrcode:before {
    content: ""
}

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

.fa-tag:before {
    content: ""
}

.fa-tags:before {
    content: ""
}

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

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

.fa-print:before {
    content: ""
}

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

.fa-font:before {
    content: ""
}

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

.fa-italic:before {
    content: ""
}

.fa-text-height:before {
    content: ""
}

.fa-text-width:before {
    content: ""
}

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

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

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

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

.fa-list:before {
    content: ""
}

.fa-dedent:before,
.fa-outdent:before {
    content: ""
}

.fa-indent:before {
    content: ""
}

.fa-video-camera:before {
    content: ""
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: ""
}

.fa-pencil:before {
    content: ""
}

.fa-map-marker:before {
    content: ""
}

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

.fa-tint:before {
    content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: ""
}

.fa-share-square-o:before {
    content: ""
}

.fa-check-square-o:before {
    content: ""
}

.fa-arrows:before {
    content: ""
}

.fa-step-backward:before {
    content: ""
}

.fa-fast-backward:before {
    content: ""
}

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

.fa-play:before {
    content: ""
}

.fa-pause:before {
    content: ""
}

.fa-stop:before {
    content: ""
}

.fa-forward:before {
    content: ""
}

.fa-fast-forward:before {
    content: ""
}

.fa-step-forward:before {
    content: ""
}

.fa-eject:before {
    content: ""
}

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

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

.fa-plus-circle:before {
    content: ""
}

.fa-minus-circle:before {
    content: ""
}

.fa-times-circle:before {
    content: ""
}

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

.fa-question-circle:before {
    content: ""
}

.fa-info-circle:before {
    content: ""
}

.fa-crosshairs:before {
    content: ""
}

.fa-times-circle-o:before {
    content: ""
}

.fa-check-circle-o:before {
    content: ""
}

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

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

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

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

.fa-mail-forward:before,
.fa-share:before {
    content: ""
}

.fa-expand:before {
    content: ""
}

.fa-compress:before {
    content: ""
}

.fa-plus:before {
    content: ""
}

.fa-minus:before {
    content: ""
}

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

.fa-exclamation-circle:before {
    content: ""
}

.fa-gift:before {
    content: ""
}

.fa-leaf:before {
    content: ""
}

.fa-fire:before {
    content: ""
}

.fa-eye:before {
    content: ""
}

.fa-eye-slash:before {
    content: ""
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: ""
}

.fa-plane:before {
    content: ""
}

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

.fa-random:before {
    content: ""
}

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

.fa-magnet:before {
    content: ""
}

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

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

.fa-retweet:before {
    content: ""
}

.fa-shopping-cart:before {
    content: ""
}

.fa-folder:before {
    content: ""
}

.fa-folder-open:before {
    content: ""
}

.fa-arrows-v:before {
    content: ""
}

.fa-arrows-h:before {
    content: ""
}

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

.fa-twitter-square:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

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

.fa-key:before {
    content: ""
}

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

.fa-comments:before {
    content: ""
}

.fa-thumbs-o-up:before {
    content: ""
}

.fa-thumbs-o-down:before {
    content: ""
}

.fa-star-half:before {
    content: ""
}

.fa-heart-o:before {
    content: ""
}

.fa-sign-out:before {
    content: ""
}

.fa-linkedin-square:before {
    content: ""
}

.fa-thumb-tack:before {
    content: ""
}

.fa-external-link:before {
    content: ""
}

.fa-sign-in:before {
    content: ""
}

.fa-trophy:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-upload:before {
    content: ""
}

.fa-lemon-o:before {
    content: ""
}

.fa-phone:before {
    content: ""
}

.fa-square-o:before {
    content: ""
}

.fa-bookmark-o:before {
    content: ""
}

.fa-phone-square:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-unlock:before {
    content: ""
}

.fa-credit-card:before {
    content: ""
}

.fa-feed:before,
.fa-rss:before {
    content: ""
}

.fa-hdd-o:before {
    content: ""
}

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

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

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

.fa-hand-o-right:before {
    content: ""
}

.fa-hand-o-left:before {
    content: ""
}

.fa-hand-o-up:before {
    content: ""
}

.fa-hand-o-down:before {
    content: ""
}

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

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

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

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

.fa-globe:before {
    content: ""
}

.fa-wrench:before {
    content: ""
}

.fa-tasks:before {
    content: ""
}

.fa-filter:before {
    content: ""
}

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

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

.fa-group:before,
.fa-users:before {
    content: ""
}

.fa-chain:before,
.fa-link:before {
    content: ""
}

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

.fa-flask:before {
    content: ""
}

.fa-cut:before,
.fa-scissors:before {
    content: ""
}

.fa-copy:before,
.fa-files-o:before {
    content: ""
}

.fa-paperclip:before {
    content: ""
}

.fa-floppy-o:before,
.fa-save:before {
    content: ""
}

.fa-square:before {
    content: ""
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: ""
}

.fa-list-ul:before {
    content: ""
}

.fa-list-ol:before {
    content: ""
}

.fa-strikethrough:before {
    content: ""
}

.fa-underline:before {
    content: ""
}

.fa-table:before {
    content: ""
}

.fa-magic:before {
    content: ""
}

.fa-truck:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-money:before {
    content: ""
}

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

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

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

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

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

.fa-sort:before,
.fa-unsorted:before {
    content: ""
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: ""
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: ""
}

.fa-envelope:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
    content: ""
}

.fa-gavel:before,
.fa-legal:before {
    content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: ""
}

.fa-comment-o:before {
    content: ""
}

.fa-comments-o:before {
    content: ""
}

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

.fa-sitemap:before {
    content: ""
}

.fa-umbrella:before {
    content: ""
}

.fa-clipboard:before,
.fa-paste:before {
    content: ""
}

.fa-lightbulb-o:before {
    content: ""
}

.fa-exchange:before {
    content: ""
}

.fa-cloud-download:before {
    content: ""
}

.fa-cloud-upload:before {
    content: ""
}

.fa-user-md:before {
    content: ""
}

.fa-stethoscope:before {
    content: ""
}

.fa-suitcase:before {
    content: ""
}

.fa-bell-o:before {
    content: ""
}

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

.fa-cutlery:before {
    content: ""
}

.fa-file-text-o:before {
    content: ""
}

.fa-building-o:before {
    content: ""
}

.fa-hospital-o:before {
    content: ""
}

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

.fa-medkit:before {
    content: ""
}

.fa-fighter-jet:before {
    content: ""
}

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

.fa-h-square:before {
    content: ""
}

.fa-plus-square:before {
    content: ""
}

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

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

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

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

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

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

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

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

.fa-desktop:before {
    content: ""
}

.fa-laptop:before {
    content: ""
}

.fa-tablet:before {
    content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: ""
}

.fa-circle-o:before {
    content: ""
}

.fa-quote-left:before {
    content: ""
}

.fa-quote-right:before {
    content: ""
}

.fa-spinner:before {
    content: ""
}

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

.fa-mail-reply:before,
.fa-reply:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-folder-o:before {
    content: ""
}

.fa-folder-open-o:before {
    content: ""
}

.fa-smile-o:before {
    content: ""
}

.fa-frown-o:before {
    content: ""
}

.fa-meh-o:before {
    content: ""
}

.fa-gamepad:before {
    content: ""
}

.fa-keyboard-o:before {
    content: ""
}

.fa-flag-o:before {
    content: ""
}

.fa-flag-checkered:before {
    content: ""
}

.fa-terminal:before {
    content: ""
}

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

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: ""
}

.fa-location-arrow:before {
    content: ""
}

.fa-crop:before {
    content: ""
}

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

.fa-chain-broken:before,
.fa-unlink:before {
    content: ""
}

.fa-question:before {
    content: ""
}

.fa-info:before {
    content: ""
}

.fa-exclamation:before {
    content: ""
}

.fa-superscript:before {
    content: ""
}

.fa-subscript:before {
    content: ""
}

.fa-eraser:before {
    content: ""
}

.fa-puzzle-piece:before {
    content: ""
}

.fa-microphone:before {
    content: ""
}

.fa-microphone-slash:before {
    content: ""
}

.fa-shield:before {
    content: ""
}

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

.fa-fire-extinguisher:before {
    content: ""
}

.fa-rocket:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

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

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

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

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

.fa-html5:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

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

.fa-unlock-alt:before {
    content: ""
}

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

.fa-ellipsis-h:before {
    content: ""
}

.fa-ellipsis-v:before {
    content: ""
}

.fa-rss-square:before {
    content: ""
}

.fa-play-circle:before {
    content: ""
}

.fa-ticket:before {
    content: ""
}

.fa-minus-square:before {
    content: ""
}

.fa-minus-square-o:before {
    content: ""
}

.fa-level-up:before {
    content: ""
}

.fa-level-down:before {
    content: ""
}

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

.fa-pencil-square:before {
    content: ""
}

.fa-external-link-square:before {
    content: ""
}

.fa-share-square:before {
    content: ""
}

.fa-compass:before {
    content: ""
}

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

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

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

.fa-eur:before,
.fa-euro:before {
    content: ""
}

.fa-gbp:before {
    content: ""
}

.fa-dollar:before,
.fa-usd:before {
    content: ""
}

.fa-inr:before,
.fa-rupee:before {
    content: ""
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: ""
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: ""
}

.fa-krw:before,
.fa-won:before {
    content: ""
}

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

.fa-file:before {
    content: ""
}

.fa-file-text:before {
    content: ""
}

.fa-sort-alpha-asc:before {
    content: ""
}

.fa-sort-alpha-desc:before {
    content: ""
}

.fa-sort-amount-asc:before {
    content: ""
}

.fa-sort-amount-desc:before {
    content: ""
}

.fa-sort-numeric-asc:before {
    content: ""
}

.fa-sort-numeric-desc:before {
    content: ""
}

.fa-thumbs-up:before {
    content: ""
}

.fa-thumbs-down:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-youtube-play:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

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

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

.fa-bitbucket-square:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-long-arrow-down:before {
    content: ""
}

.fa-long-arrow-up:before {
    content: ""
}

.fa-long-arrow-left:before {
    content: ""
}

.fa-long-arrow-right:before {
    content: ""
}

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

.fa-windows:before {
    content: ""
}

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

.fa-linux:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-female:before {
    content: ""
}

.fa-male:before {
    content: ""
}

.fa-gittip:before,
.fa-gratipay:before {
    content: ""
}

.fa-sun-o:before {
    content: ""
}

.fa-moon-o:before {
    content: ""
}

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

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

.fa-vk:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

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

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

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

.fa-dot-circle-o:before {
    content: ""
}

.fa-wheelchair:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-try:before,
.fa-turkish-lira:before {
    content: ""
}

.fa-plus-square-o:before {
    content: ""
}

.fa-space-shuttle:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-envelope-square:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: ""
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-language:before {
    content: ""
}

.fa-fax:before {
    content: ""
}

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

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

.fa-paw:before {
    content: ""
}

.fa-spoon:before {
    content: ""
}

.fa-cube:before {
    content: ""
}

.fa-cubes:before {
    content: ""
}

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

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

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-recycle:before {
    content: ""
}

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

.fa-cab:before,
.fa-taxi:before {
    content: ""
}

.fa-tree:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-database:before {
    content: ""
}

.fa-file-pdf-o:before {
    content: ""
}

.fa-file-word-o:before {
    content: ""
}

.fa-file-excel-o:before {
    content: ""
}

.fa-file-powerpoint-o:before {
    content: ""
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: ""
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: ""
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: ""
}

.fa-file-code-o:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

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

.fa-jsfiddle:before {
    content: ""
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: ""
}

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

.fa-ra:before,
.fa-rebel:before {
    content: ""
}

.fa-empire:before,
.fa-ge:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-hacker-news:before,
.fa-y-combinator-square:before,
.fa-yc-square:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-wechat:before,
.fa-weixin:before {
    content: ""
}

.fa-paper-plane:before,
.fa-send:before {
    content: ""
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: ""
}

.fa-history:before {
    content: ""
}

.fa-circle-thin:before {
    content: ""
}

.fa-header:before {
    content: ""
}

.fa-paragraph:before {
    content: ""
}

.fa-sliders:before {
    content: ""
}

.fa-share-alt:before {
    content: ""
}

.fa-share-alt-square:before {
    content: ""
}

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

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: ""
}

.fa-tty:before {
    content: ""
}

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

.fa-plug:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-newspaper-o:before {
    content: ""
}

.fa-wifi:before {
    content: ""
}

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

.fa-paypal:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

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

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

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

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

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

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

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

.fa-bell-slash-o:before {
    content: ""
}

.fa-trash:before {
    content: ""
}

.fa-copyright:before {
    content: ""
}

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

.fa-eyedropper:before {
    content: ""
}

.fa-paint-brush:before {
    content: ""
}

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

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

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

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

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-toggle-off:before {
    content: ""
}

.fa-toggle-on:before {
    content: ""
}

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

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

.fa-ioxhost:before {
    content: ""
}

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

.fa-cc:before {
    content: ""
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: ""
}

.fa-meanpath:before {
    content: ""
}

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

.fa-connectdevelop:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

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

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

.fa-diamond:before {
    content: ""
}

.fa-ship:before {
    content: ""
}

.fa-user-secret:before {
    content: ""
}

.fa-motorcycle:before {
    content: ""
}

.fa-street-view:before {
    content: ""
}

.fa-heartbeat:before {
    content: ""
}

.fa-venus:before {
    content: ""
}

.fa-mars:before {
    content: ""
}

.fa-mercury:before {
    content: ""
}

.fa-intersex:before,
.fa-transgender:before {
    content: ""
}

.fa-transgender-alt:before {
    content: ""
}

.fa-venus-double:before {
    content: ""
}

.fa-mars-double:before {
    content: ""
}

.fa-venus-mars:before {
    content: ""
}

.fa-mars-stroke:before {
    content: ""
}

.fa-mars-stroke-v:before {
    content: ""
}

.fa-mars-stroke-h:before {
    content: ""
}

.fa-neuter:before {
    content: ""
}

.fa-genderless:before {
    content: ""
}

.fa-facebook-official:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-server:before {
    content: ""
}

.fa-user-plus:before {
    content: ""
}

.fa-user-times:before {
    content: ""
}

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

.fa-viacoin:before {
    content: ""
}

.fa-train:before {
    content: ""
}

.fa-subway:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-y-combinator:before,
.fa-yc:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

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

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

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

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

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

.fa-mouse-pointer:before {
    content: ""
}

.fa-i-cursor:before {
    content: ""
}

.fa-object-group:before {
    content: ""
}

.fa-object-ungroup:before {
    content: ""
}

.fa-sticky-note:before {
    content: ""
}

.fa-sticky-note-o:before {
    content: ""
}

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

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

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

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

.fa-hourglass-o:before {
    content: ""
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: ""
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: ""
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: ""
}

.fa-hourglass:before {
    content: ""
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: ""
}

.fa-hand-paper-o:before,
.fa-hand-stop-o:before {
    content: ""
}

.fa-hand-scissors-o:before {
    content: ""
}

.fa-hand-lizard-o:before {
    content: ""
}

.fa-hand-spock-o:before {
    content: ""
}

.fa-hand-pointer-o:before {
    content: ""
}

.fa-hand-peace-o:before {
    content: ""
}

.fa-trademark:before {
    content: ""
}

.fa-registered:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-tripadvisor:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

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

.fa-firefox:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-television:before,
.fa-tv:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

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

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

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

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

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

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

.fa-industry:before {
    content: ""
}

.fa-map-pin:before {
    content: ""
}

.fa-map-signs:before {
    content: ""
}

.fa-map-o:before {
    content: ""
}

.fa-map:before {
    content: ""
}

.fa-commenting:before {
    content: ""
}

.fa-commenting-o:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

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

.fa-fonticons:before {
    content: ""
}

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

@font-face {
    font-family: icon-font;
    src: url(assets/fonts/icon-font/icon-font.eot);
    src: url(assets/fonts/icon-font/icon-font.eot?#iefix) format("embedded-opentype"), url(assets/fonts/icon-font/icon-font.ttf) format("truetype"), url(assets/fonts/icon-font/icon-font.woff) format("woff"), url(assets/fonts/icon-font/icon-font.svg#icon-font) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icon-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-s-daily-jackpots:before {
    content: ""
}

.icon-home:before {
    content: ""
}

.icon-atoz-big:before {
    content: ""
}

.icon-new-games-bookmark:before {
    content: ""
}

.icon-recommended-games-heart:before {
    content: ""
}

.icon-exclusive-games:before,
.icon-exclusivegames:before,
.icon-ExclusiveGames:before {
    content: ""
}

.icon-favourites:before,
.icon-featured:before {
    content: ""
}

.icon-jackpotgames:before,
.icon-jackpots:before {
    content: ""
}

.icon-live-casino:before,
.icon-livecasino:before {
    content: ""
}

.icon-naaz:before {
    content: ""
}

.icon-saaz:before {
    content: ""
}

.icon-scratch:before {
    content: ""
}

.icon-slots:before {
    content: ""
}

.icon-atoz:before {
    content: ""
}

.icon-table-games:before {
    content: ""
}

.icon-bingo:before {
    content: ""
}

.icon-tablegames:before {
    content: ""
}

.icon-video-poker:before,
.icon-videopoker:before,
.icon-VideoPoker:before {
    content: ""
}

.icon-heart:before {
    content: ""
}

.icon-money-bag:before {
    content: ""
}

.icon-dealer:before {
    content: ""
}

.icon-promotion:before {
    content: ""
}

.icon-magnifier:before {
    content: ""
}

.icon-slots-big:before {
    content: ""
}

.icon-roulette:before {
    content: ""
}

.icon-spade:before {
    content: ""
}

.icon-star:before {
    content: ""
}

.icon-triangle:before {
    content: ""
}

.icon-tick:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-error:before {
    content: ""
}

.icon-hamburger-question:before {
    content: ""
}

.icon-jackpot-777:before {
    content: ""
}

.icon-eye:before {
    content: ""
}

.icon-list:before {
    content: ""
}

.icon-grid:before {
    content: ""
}

.icon-info:before {
    content: "";
    color: #414c58
}

.icon-refresh:before {
    content: "";
    color: #414c58
}

.icon-user-position .path1:before {
    content: "";
    color: #000
}

.icon-user-position .path2:before {
    content: "";
    margin-left: -1.216796875em;
    color: #000
}

.icon-user-position .path3:before {
    content: "";
    margin-left: -1.216796875em;
    color: #000;
    opacity: .5
}

.icon-user-position .path4:before {
    content: "";
    margin-left: -1.216796875em;
    color: #000;
    opacity: .5
}

.icon-prize:before {
    content: "";
    color: #444
}

.icon-arrow-left:before {
    content: ""
}

.icon-arrow-right:before {
    content: ""
}

.icon-help:before {
    content: ""
}

.icon-menu-search:before {
    content: ""
}

.icon-mobile:before {
    content: ""
}

.icon-uniE909:before {
    content: ""
}

.icon-uniE90A:before {
    content: ""
}

.icon-uniE90B:before {
    content: ""
}

.icon-uniE90C:before {
    content: ""
}

.icon-other-games:before {
    content: ""
}

.icon-tournament:before {
    content: ""
}

.icon-filter:before {
    content: ""
}

.icon-tournaments:before {
    content: ""
}

.icon-profile:before {
    content: ""
}

.icon-power:before {
    content: "";
    color: #444
}

.icon-promotions:before {
    content: ""
}

.icon-arrow:before {
    content: ""
}

.icon-daily-jackpots:before,
.icon-Jacpot-Icon:before {
    content: ""
}

.icon-password-disabled:before {
    content: "";
    color: #6f6f6f
}

.icon-password-enabled:before {
    content: "";
    color: #6f6f6f
}

.icon-available-seats:before {
    content: ""
}

.icon-atoz-big-v2:before {
    content: "";
    color: #474747
}

.icon-me-baccarat:before {
    content: ""
}

.icon-me-blackjack:before {
    content: ""
}

.icon-me-livecasinoall:before {
    content: ""
}

.icon-me-other:before {
    content: ""
}

.icon-me-poker:before {
    content: ""
}

.icon-me-roulette:before {
    content: ""
}

.icon-me-classicslots:before {
    content: ""
}

.icon-me-jackpots:before {
    content: ""
}

.icon-me-livecasino:before {
    content: ""
}

.icon-me-mostpopular:before {
    content: ""
}

.icon-me-othergames:before {
    content: ""
}

.icon-me-tablegames:before {
    content: ""
}

.icon-me-videopoker:before {
    content: ""
}

.icon-me-videoslots:before {
    content: ""
}

.icon-me-addfavourite:before {
    content: ""
}

.icon-me-arrowleft:before {
    content: ""
}

.icon-me-arrowright:before {
    content: ""
}

.icon-me-favourited:before {
    content: ""
}

.icon-me-home:before {
    content: ""
}

.icon-me-promoleft:before {
    content: ""
}

.icon-me-promoright:before {
    content: ""
}

.icon-me-search:before {
    content: ""
}

.icon-ma-all-games:before {
    content: ""
}

.icon-ma-baccarat:before {
    content: ""
}

.icon-ma-blackjack:before {
    content: ""
}

.icon-ma-other:before {
    content: ""
}

.icon-ma-poker:before {
    content: ""
}

.icon-ma-dropdown:before {
    content: ""
}

.icon-ma-favourite-normal:before {
    content: ""
}

.icon-ma-favourite-selected:before {
    content: ""
}

.icon-ma-jackpot:before {
    content: ""
}

.icon-ma-LC-promo-left:before {
    content: ""
}

.icon-ma-LC-promo-right:before {
    content: ""
}

.icon-ma-LHN-hamburger:before {
    content: ""
}

.icon-ma-main-promo-left:before {
    content: ""
}

.icon-ma-main-promo-right:before {
    content: ""
}

.icon-ma-thumbnail-hover:before {
    content: ""
}

.icon-ma-livecasino:before {
    content: ""
}

.icon-ma-promo:before {
    content: ""
}

.icon-ma-scratch:before {
    content: ""
}

.icon-ma-tablegames:before {
    content: ""
}

.icon-ma-videopoker:before {
    content: ""
}

.icon-ma-home:before {
    content: ""
}

.icon-ma-search:before {
    content: ""
}

.icon-ma-slots:before {
    content: ""
}

.icon-ma-turkishpoker:before {
    content: ""
}

.icon-obg-tournaments-small:before {
    content: ""
}

.icon-obg-tournaments:before {
    content: ""
}

.icon-seat:before {
    content: ""
}

.icon-live-casino-dealer:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-arrow-down:before {
    content: ""
}

.icon-notification:before {
    content: ""
}

.icon-vlt:before {
    content: ""
}

.icon-vlt-big:before {
    content: ""
}

.icon-real-dealer:before {
    content: ""
}

.icon-real-dealer-big:before {
    content: ""
}

.icon-alert-info:before {
    content: ""
}

.icon-alert-warning:before {
    content: ""
}

.icon-crash-games:before {
    content: ""
}

.icon-crash-games-big:before {
    content: ""
}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

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

b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

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

html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
    font-size: 14px
}

body {
    font-family: roboto-regular;
    line-height: 14px;
    color: #646b73;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #818a91
}

address {
    font-style: normal;
    line-height: inherit
}

address,
dl,
ol,
ul {
    margin-bottom: 1rem
}

dl,
ol,
ul {
    margin-top: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

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

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

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

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: none
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #818a91;
    caption-side: bottom
}

caption,
th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,
input,
select,
textarea {
    line-height: inherit
}

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

input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    resize: vertical
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit
}

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

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.btn {
    display: inline-block;
    font-weight: 500;
    line-height: 1rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .7857rem 1.286rem;
    font-size: 14px;
    transition: all .2s ease-in-out
}

.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 {
    text-decoration: none
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

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

.btn-primary {
    color: #fff;
    border-color: #05172c
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    background-color: #ebba09;
    border-color: #000
}

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

.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>.btn-primary.dropdown-toggle.focus,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #c99f08;
    border-color: #000
}

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background-color: #f7cc30;
    border-color: #05172c
}

.btn-secondary {
    border-color: #009cff
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    background-color: #000;
    border-color: #0077c2
}

.btn-secondary.active,
.btn-secondary:active,
.open>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #0077c2;
    background-image: none
}

.btn-secondary.active.focus,
.btn-secondary.active:focus,
.btn-secondary.active:hover,
.btn-secondary:active.focus,
.btn-secondary:active:focus,
.btn-secondary:active:hover,
.open>.btn-secondary.dropdown-toggle.focus,
.open>.btn-secondary.dropdown-toggle:focus,
.open>.btn-secondary.dropdown-toggle:hover {
    color: #fff;
    background-color: #000;
    border-color: #004e80
}

.btn-secondary.disabled.focus,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary:disabled.focus,
.btn-secondary:disabled:focus,
.btn-secondary:disabled:hover {
    background-color: #0f1221;
    border-color: #009cff
}

.btn-info {
    border-color: transparent
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
    color: #fff;
    background-color: #1f589e;
    border-color: transparent
}

.btn-info.active,
.btn-info:active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #1f589e;
    border-color: transparent;
    background-image: none
}

.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>.btn-info.dropdown-toggle.focus,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #194880;
    border-color: transparent
}

.btn-info.disabled.focus,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info:disabled.focus,
.btn-info:disabled:focus,
.btn-info:disabled:hover {
    background-color: #2770c9;
    border-color: transparent
}

.btn-success {
    border-color: transparent
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
    color: #0f1221;
    background-color: #ebba09;
    border-color: transparent
}

.btn-success.active,
.btn-success:active,
.open>.btn-success.dropdown-toggle {
    color: #0f1221;
    background-color: #ebba09;
    border-color: transparent;
    background-image: none
}

.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>.btn-success.dropdown-toggle.focus,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle:hover {
    color: #0f1221;
    background-color: #c99f08;
    border-color: transparent
}

.btn-success.disabled.focus,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success:disabled.focus,
.btn-success:disabled:focus,
.btn-success:disabled:hover {
    background-color: #f7cc30;
    border-color: transparent
}

.btn-warning {
    color: #999;
    background-color: #c3c4c6;
    border-color: #999
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
    color: #999;
    background-color: #a9aaad;
    border-color: #7a7a7a
}

.btn-warning.active,
.btn-warning:active,
.open>.btn-warning.dropdown-toggle {
    color: #999;
    background-color: #a9aaad;
    border-color: #7a7a7a;
    background-image: none
}

.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>.btn-warning.dropdown-toggle.focus,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle:hover {
    color: #999;
    background-color: #97989c;
    border-color: #595959
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning:disabled.focus,
.btn-warning:disabled:focus,
.btn-warning:disabled:hover {
    background-color: #c3c4c6;
    border-color: #999
}

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

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

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

.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>.btn-danger.dropdown-toggle.focus,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle:hover {
    color: #fff;
    background-color: #ac2925;
    border-color: #8b211e
}

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

.btn-outline-primary {
    color: #f7cc30;
    background-image: none;
    background-color: transparent;
    border-color: #f7cc30
}

.btn-outline-primary.active,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.open>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #f7cc30;
    border-color: #f7cc30
}

.btn-outline-primary.active.focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.active:hover,
.btn-outline-primary:active.focus,
.btn-outline-primary:active:focus,
.btn-outline-primary:active:hover,
.open>.btn-outline-primary.dropdown-toggle.focus,
.open>.btn-outline-primary.dropdown-toggle:focus,
.open>.btn-outline-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #c99f08;
    border-color: #a18006
}

.btn-outline-primary.disabled.focus,
.btn-outline-primary.disabled:focus,
.btn-outline-primary.disabled:hover,
.btn-outline-primary:disabled.focus,
.btn-outline-primary:disabled:focus,
.btn-outline-primary:disabled:hover {
    border-color: #fbe492
}

.btn-outline-secondary {
    color: #009cff;
    background-image: none;
    background-color: transparent;
    border-color: #009cff
}

.btn-outline-secondary.active,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary:focus,
.btn-outline-secondary:hover,
.open>.btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: #009cff;
    border-color: #009cff
}

.btn-outline-secondary.active.focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.active:hover,
.btn-outline-secondary:active.focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary:active:hover,
.open>.btn-outline-secondary.dropdown-toggle.focus,
.open>.btn-outline-secondary.dropdown-toggle:focus,
.open>.btn-outline-secondary.dropdown-toggle:hover {
    color: #fff;
    background-color: #0067a8;
    border-color: #004e80
}

.btn-outline-secondary.disabled.focus,
.btn-outline-secondary.disabled:focus,
.btn-outline-secondary.disabled:hover,
.btn-outline-secondary:disabled.focus,
.btn-outline-secondary:disabled:focus,
.btn-outline-secondary:disabled:hover {
    border-color: #66c4ff
}

.btn-outline-info {
    color: #2770c9;
    background-image: none;
    background-color: transparent;
    border-color: #2770c9
}

.btn-outline-info.active,
.btn-outline-info.focus,
.btn-outline-info:active,
.btn-outline-info:focus,
.btn-outline-info:hover,
.open>.btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #2770c9;
    border-color: #2770c9
}

.btn-outline-info.active.focus,
.btn-outline-info.active:focus,
.btn-outline-info.active:hover,
.btn-outline-info:active.focus,
.btn-outline-info:active:focus,
.btn-outline-info:active:hover,
.open>.btn-outline-info.dropdown-toggle.focus,
.open>.btn-outline-info.dropdown-toggle:focus,
.open>.btn-outline-info.dropdown-toggle:hover {
    color: #fff;
    background-color: #194880;
    border-color: #12355e
}

.btn-outline-info.disabled.focus,
.btn-outline-info.disabled:focus,
.btn-outline-info.disabled:hover,
.btn-outline-info:disabled.focus,
.btn-outline-info:disabled:focus,
.btn-outline-info:disabled:hover {
    border-color: #72a5e4
}

.btn-outline-success {
    color: #f7cc30;
    background-image: none;
    background-color: transparent;
    border-color: #f7cc30
}

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

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

.btn-outline-success.disabled.focus,
.btn-outline-success.disabled:focus,
.btn-outline-success.disabled:hover,
.btn-outline-success:disabled.focus,
.btn-outline-success:disabled:focus,
.btn-outline-success:disabled:hover {
    border-color: #fbe492
}

.btn-outline-warning {
    color: #c3c4c6;
    background-image: none;
    background-color: transparent;
    border-color: #c3c4c6
}

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

.btn-outline-warning.active.focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.active:hover,
.btn-outline-warning:active.focus,
.btn-outline-warning:active:focus,
.btn-outline-warning:active:hover,
.open>.btn-outline-warning.dropdown-toggle.focus,
.open>.btn-outline-warning.dropdown-toggle:focus,
.open>.btn-outline-warning.dropdown-toggle:hover {
    color: #fff;
    background-color: #97989c;
    border-color: #828488
}

.btn-outline-warning.disabled.focus,
.btn-outline-warning.disabled:focus,
.btn-outline-warning.disabled:hover,
.btn-outline-warning:disabled.focus,
.btn-outline-warning:disabled:focus,
.btn-outline-warning:disabled:hover {
    border-color: #f7f7f8
}

.btn-outline-danger {
    color: #d9534f;
    background-image: none;
    background-color: transparent;
    border-color: #d9534f
}

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

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

.btn-outline-danger.disabled.focus,
.btn-outline-danger.disabled:focus,
.btn-outline-danger.disabled:hover,
.btn-outline-danger:disabled.focus,
.btn-outline-danger:disabled:focus,
.btn-outline-danger:disabled:hover {
    border-color: #eba5a3
}

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

.btn-link,
.btn-link.active,
.btn-link:active,
.btn-link:disabled {
    background-color: transparent
}

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

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

.btn-link:disabled:focus,
.btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 1.143rem 1.571rem;
    font-size: 1.25rem;
    border-radius: 4px
}

.btn-group-sm>.btn,
.btn-sm {
    padding: .5rem 1.714rem;
    font-size: .875rem;
    border-radius: 4px
}

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

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

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

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
    position: relative;
    float: left;
    margin-bottom: 0
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: 2
}

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

.btn-toolbar {
    margin-left: -.5rem
}

.btn-toolbar:after {
    content: "";
    display: table;
    clear: both
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: .5rem
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn+.dropdown-toggle-split {
    padding-right: .9645rem;
    padding-left: .9645rem
}

.btn+.dropdown-toggle-split:after {
    margin-left: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
    padding-right: 1.2855rem;
    padding-left: 1.2855rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
    padding-right: 1.17825rem;
    padding-left: 1.17825rem
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg>.btn .caret,
.btn-lg .caret {
    border-width: .3em .3em 0
}

.dropup .btn-group-lg>.btn .caret,
.dropup .btn-lg .caret {
    border-width: 0 .3em .3em
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:after {
    content: "";
    display: table;
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 2.5rem
}

.alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -1.25rem;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c1e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6d5ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7ecb5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9b9
}

.alert-danger .alert-link {
    color: #843534
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.close:focus,
.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.bg-faded {
    background-color: #f7f7f9
}

.bg-primary {
    background-color: #0275d8 !important
}

a.bg-primary:focus,
a.bg-primary:hover {
    background-color: #025aa5 !important
}

.bg-success {
    background-color: #5cb85c !important
}

a.bg-success:focus,
a.bg-success:hover {
    background-color: #449d44 !important
}

.bg-info {
    background-color: #5bc0de !important
}

a.bg-info:focus,
a.bg-info:hover {
    background-color: #31b0d5 !important
}

.bg-warning {
    background-color: #f0ad4e !important
}

a.bg-warning:focus,
a.bg-warning:hover {
    background-color: #ec971f !important
}

.bg-danger {
    background-color: #d9534f !important
}

a.bg-danger:focus,
a.bg-danger:hover {
    background-color: #c9302c !important
}

.bg-inverse {
    background-color: #373a3c !important
}

a.bg-inverse:focus,
a.bg-inverse:hover {
    background-color: #1f2021 !important
}

.rounded {
    border-radius: .25rem
}

.rounded-top {
    border-top-left-radius: .25rem
}

.rounded-right,
.rounded-top {
    border-top-right-radius: .25rem
}

.rounded-bottom,
.rounded-right {
    border-bottom-right-radius: .25rem
}

.rounded-bottom,
.rounded-left {
    border-bottom-left-radius: .25rem
}

.rounded-left {
    border-top-left-radius: .25rem
}

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

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-inline {
    display: inline !important
}

.float-xs-left {
    float: left !important
}

.float-xs-right {
    float: right !important
}

.float-xs-none {
    float: none !important
}

@media (min-width:576px) {
    .float-sm-left {
        float: left !important
    }
    .float-sm-right {
        float: right !important
    }
    .float-sm-none {
        float: none !important
    }
}

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

@media (min-width:992px) {
    .float-lg-left {
        float: left !important
    }
    .float-lg-right {
        float: right !important
    }
    .float-lg-none {
        float: none !important
    }
}

@media (min-width:1200px) {
    .float-xl-left {
        float: left !important
    }
    .float-xl-right {
        float: right !important
    }
    .float-xl-none {
        float: none !important
    }
}

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

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.m-0 {
    margin: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.mx-0 {
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-1 {
    margin: 1rem !important
}

.mt-1 {
    margin-top: 1rem !important
}

.mr-1 {
    margin-right: 1rem !important
}

.mb-1 {
    margin-bottom: 1rem !important
}

.ml-1,
.mx-1 {
    margin-left: 1rem !important
}

.mx-1 {
    margin-right: 1rem !important
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-2 {
    margin: 1.5rem !important
}

.mt-2 {
    margin-top: 1.5rem !important
}

.mr-2 {
    margin-right: 1.5rem !important
}

.mb-2 {
    margin-bottom: 1.5rem !important
}

.ml-2,
.mx-2 {
    margin-left: 1.5rem !important
}

.mx-2 {
    margin-right: 1.5rem !important
}

.my-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-3 {
    margin: 3rem !important
}

.mt-3 {
    margin-top: 3rem !important
}

.mr-3 {
    margin-right: 3rem !important
}

.mb-3 {
    margin-bottom: 3rem !important
}

.ml-3,
.mx-3 {
    margin-left: 3rem !important
}

.mx-3 {
    margin-right: 3rem !important
}

.my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pr-0 {
    padding-right: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.px-0 {
    padding-right: 0 !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-1 {
    padding: 1rem !important
}

.pt-1 {
    padding-top: 1rem !important
}

.pr-1 {
    padding-right: 1rem !important
}

.pb-1 {
    padding-bottom: 1rem !important
}

.pl-1,
.px-1 {
    padding-left: 1rem !important
}

.px-1 {
    padding-right: 1rem !important
}

.py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-2 {
    padding: 1.5rem !important
}

.pt-2 {
    padding-top: 1.5rem !important
}

.pr-2 {
    padding-right: 1.5rem !important
}

.pb-2 {
    padding-bottom: 1.5rem !important
}

.pl-2,
.px-2 {
    padding-left: 1.5rem !important
}

.px-2 {
    padding-right: 1.5rem !important
}

.py-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-3 {
    padding: 3rem !important
}

.pt-3 {
    padding-top: 3rem !important
}

.pr-3 {
    padding-right: 3rem !important
}

.pb-3 {
    padding-bottom: 3rem !important
}

.pl-3,
.px-3 {
    padding-left: 3rem !important
}

.px-3 {
    padding-right: 3rem !important
}

.py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pos-f-t {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-xs-left {
    text-align: left !important
}

.text-xs-right {
    text-align: right !important
}

.text-xs-center {
    text-align: center !important
}

@media (min-width:576px) {
    .text-sm-left {
        text-align: left !important
    }
    .text-sm-right {
        text-align: right !important
    }
    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width:768px) {
    .text-md-left {
        text-align: left !important
    }
    .text-md-right {
        text-align: right !important
    }
    .text-md-center {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .text-lg-left {
        text-align: left !important
    }
    .text-lg-right {
        text-align: right !important
    }
    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width:1200px) {
    .text-xl-left {
        text-align: left !important
    }
    .text-xl-right {
        text-align: right !important
    }
    .text-xl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

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

.text-muted {
    color: #818a91 !important
}

a.text-muted:focus,
a.text-muted:hover {
    color: #687077 !important
}

.text-primary {
    color: #0275d8 !important
}

a.text-primary:focus,
a.text-primary:hover {
    color: #025aa5 !important
}

.text-success {
    color: #5cb85c !important
}

a.text-success:focus,
a.text-success:hover {
    color: #449d44 !important
}

.text-info {
    color: #5bc0de !important
}

a.text-info:focus,
a.text-info:hover {
    color: #31b0d5 !important
}

.text-warning {
    color: #f0ad4e !important
}

a.text-warning:focus,
a.text-warning:hover {
    color: #ec971f !important
}

.text-danger {
    color: #d9534f !important
}

a.text-danger:focus,
a.text-danger:hover {
    color: #c9302c !important
}

.text-gray-dark {
    color: #373a3c !important
}

a.text-gray-dark:focus,
a.text-gray-dark:hover {
    color: #1f2021 !important
}

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

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

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

@media (min-width:576px) {
    .hidden-sm-up {
        display: none !important
    }
}

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

@media (min-width:768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width:991px) {
    .hidden-md-down {
        display: none !important
    }
}

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

@media (max-width:1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

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

.hidden-xl-down,
.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
    }
}

.modal-open {
    overflow: hidden
}

.modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    outline: 0
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-25%)
}

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

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

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

.modal-content {
    position: relative;
    background-color: #161d2d;
    background-clip: padding-box;
    border: 0 solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    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: 0 solid #e5e5e5
}

.modal-header:after {
    content: "";
    display: table;
    clear: both
}

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

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

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

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

.modal-footer:after {
    content: "";
    display: table;
    clear: both
}

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

@media (min-width:576px) {
    .modal-dialog {
        max-width: 1000px;
        margin: 30px auto
    }
    .modal-sm {
        max-width: 300px
    }
}

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

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

.container:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width:576px) {
    .container {
        width: 540px;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .container {
        width: 720px;
        max-width: 100%
    }
}

@media (min-width:992px) {
    .container {
        width: 960px;
        max-width: 100%
    }
}

@media (min-width:1200px) {
    .container {
        width: 1140px;
        max-width: 100%
    }
}

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

.container-fluid:after {
    content: "";
    display: table;
    clear: both
}

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

.row:after {
    content: "";
    display: table;
    clear: both
}

@media (min-width:576px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

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

@media (min-width:992px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .row {
        margin-right: -15px;
        margin-left: -15px
    }
}

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

@media (min-width:576px) {
    .col-lg,
    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xs,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:768px) {
    .col-lg,
    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xs,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:992px) {
    .col-lg,
    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xs,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

@media (min-width:1200px) {
    .col-lg,
    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-md,
    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12,
    .col-sm,
    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-xl,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xs,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px
    }
}

.col-xs-1 {
    float: left;
    width: 8.3333333333%
}

.col-xs-2 {
    float: left;
    width: 16.6666666667%
}

.col-xs-3 {
    float: left;
    width: 25%
}

.col-xs-4 {
    float: left;
    width: 33.3333333333%
}

.col-xs-5 {
    float: left;
    width: 41.6666666667%
}

.col-xs-6 {
    float: left;
    width: 50%
}

.col-xs-7 {
    float: left;
    width: 58.3333333333%
}

.col-xs-8 {
    float: left;
    width: 66.6666666667%
}

.col-xs-9 {
    float: left;
    width: 75%
}

.col-xs-10 {
    float: left;
    width: 83.3333333333%
}

.col-xs-11 {
    float: left;
    width: 91.6666666667%
}

.col-xs-12 {
    float: left;
    width: 100%
}

.pull-xs-0 {
    right: auto
}

.pull-xs-1 {
    right: 8.3333333333%
}

.pull-xs-2 {
    right: 16.6666666667%
}

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

.pull-xs-4 {
    right: 33.3333333333%
}

.pull-xs-5 {
    right: 41.6666666667%
}

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

.pull-xs-7 {
    right: 58.3333333333%
}

.pull-xs-8 {
    right: 66.6666666667%
}

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

.pull-xs-10 {
    right: 83.3333333333%
}

.pull-xs-11 {
    right: 91.6666666667%
}

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

.push-xs-0 {
    left: auto
}

.push-xs-1 {
    left: 8.3333333333%
}

.push-xs-2 {
    left: 16.6666666667%
}

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

.push-xs-4 {
    left: 33.3333333333%
}

.push-xs-5 {
    left: 41.6666666667%
}

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

.push-xs-7 {
    left: 58.3333333333%
}

.push-xs-8 {
    left: 66.6666666667%
}

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

.push-xs-10 {
    left: 83.3333333333%
}

.push-xs-11 {
    left: 91.6666666667%
}

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

.offset-xs-1 {
    margin-left: 8.3333333333%
}

.offset-xs-2 {
    margin-left: 16.6666666667%
}

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

.offset-xs-4 {
    margin-left: 33.3333333333%
}

.offset-xs-5 {
    margin-left: 41.6666666667%
}

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

.offset-xs-7 {
    margin-left: 58.3333333333%
}

.offset-xs-8 {
    margin-left: 66.6666666667%
}

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

.offset-xs-10 {
    margin-left: 83.3333333333%
}

.offset-xs-11 {
    margin-left: 91.6666666667%
}

@media (min-width:576px) {
    .col-sm-1 {
        float: left;
        width: 8.3333333333%
    }
    .col-sm-2 {
        float: left;
        width: 16.6666666667%
    }
    .col-sm-3 {
        float: left;
        width: 25%
    }
    .col-sm-4 {
        float: left;
        width: 33.3333333333%
    }
    .col-sm-5 {
        float: left;
        width: 41.6666666667%
    }
    .col-sm-6 {
        float: left;
        width: 50%
    }
    .col-sm-7 {
        float: left;
        width: 58.3333333333%
    }
    .col-sm-8 {
        float: left;
        width: 66.6666666667%
    }
    .col-sm-9 {
        float: left;
        width: 75%
    }
    .col-sm-10 {
        float: left;
        width: 83.3333333333%
    }
    .col-sm-11 {
        float: left;
        width: 91.6666666667%
    }
    .col-sm-12 {
        float: left;
        width: 100%
    }
    .pull-sm-0 {
        right: auto
    }
    .pull-sm-1 {
        right: 8.3333333333%
    }
    .pull-sm-2 {
        right: 16.6666666667%
    }
    .pull-sm-3 {
        right: 25%
    }
    .pull-sm-4 {
        right: 33.3333333333%
    }
    .pull-sm-5 {
        right: 41.6666666667%
    }
    .pull-sm-6 {
        right: 50%
    }
    .pull-sm-7 {
        right: 58.3333333333%
    }
    .pull-sm-8 {
        right: 66.6666666667%
    }
    .pull-sm-9 {
        right: 75%
    }
    .pull-sm-10 {
        right: 83.3333333333%
    }
    .pull-sm-11 {
        right: 91.6666666667%
    }
    .pull-sm-12 {
        right: 100%
    }
    .push-sm-0 {
        left: auto
    }
    .push-sm-1 {
        left: 8.3333333333%
    }
    .push-sm-2 {
        left: 16.6666666667%
    }
    .push-sm-3 {
        left: 25%
    }
    .push-sm-4 {
        left: 33.3333333333%
    }
    .push-sm-5 {
        left: 41.6666666667%
    }
    .push-sm-6 {
        left: 50%
    }
    .push-sm-7 {
        left: 58.3333333333%
    }
    .push-sm-8 {
        left: 66.6666666667%
    }
    .push-sm-9 {
        left: 75%
    }
    .push-sm-10 {
        left: 83.3333333333%
    }
    .push-sm-11 {
        left: 91.6666666667%
    }
    .push-sm-12 {
        left: 100%
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.3333333333%
    }
    .offset-sm-2 {
        margin-left: 16.6666666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.3333333333%
    }
    .offset-sm-5 {
        margin-left: 41.6666666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.3333333333%
    }
    .offset-sm-8 {
        margin-left: 66.6666666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.3333333333%
    }
    .offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:768px) {
    .col-md-1 {
        float: left;
        width: 8.3333333333%
    }
    .col-md-2 {
        float: left;
        width: 16.6666666667%
    }
    .col-md-3 {
        float: left;
        width: 25%
    }
    .col-md-4 {
        float: left;
        width: 33.3333333333%
    }
    .col-md-5 {
        float: left;
        width: 41.6666666667%
    }
    .col-md-6 {
        float: left;
        width: 50%
    }
    .col-md-7 {
        float: left;
        width: 58.3333333333%
    }
    .col-md-8 {
        float: left;
        width: 66.6666666667%
    }
    .col-md-9 {
        float: left;
        width: 75%
    }
    .col-md-10 {
        float: left;
        width: 83.3333333333%
    }
    .col-md-11 {
        float: left;
        width: 91.6666666667%
    }
    .col-md-12 {
        float: left;
        width: 100%
    }
    .pull-md-0 {
        right: auto
    }
    .pull-md-1 {
        right: 8.3333333333%
    }
    .pull-md-2 {
        right: 16.6666666667%
    }
    .pull-md-3 {
        right: 25%
    }
    .pull-md-4 {
        right: 33.3333333333%
    }
    .pull-md-5 {
        right: 41.6666666667%
    }
    .pull-md-6 {
        right: 50%
    }
    .pull-md-7 {
        right: 58.3333333333%
    }
    .pull-md-8 {
        right: 66.6666666667%
    }
    .pull-md-9 {
        right: 75%
    }
    .pull-md-10 {
        right: 83.3333333333%
    }
    .pull-md-11 {
        right: 91.6666666667%
    }
    .pull-md-12 {
        right: 100%
    }
    .push-md-0 {
        left: auto
    }
    .push-md-1 {
        left: 8.3333333333%
    }
    .push-md-2 {
        left: 16.6666666667%
    }
    .push-md-3 {
        left: 25%
    }
    .push-md-4 {
        left: 33.3333333333%
    }
    .push-md-5 {
        left: 41.6666666667%
    }
    .push-md-6 {
        left: 50%
    }
    .push-md-7 {
        left: 58.3333333333%
    }
    .push-md-8 {
        left: 66.6666666667%
    }
    .push-md-9 {
        left: 75%
    }
    .push-md-10 {
        left: 83.3333333333%
    }
    .push-md-11 {
        left: 91.6666666667%
    }
    .push-md-12 {
        left: 100%
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.3333333333%
    }
    .offset-md-2 {
        margin-left: 16.6666666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.3333333333%
    }
    .offset-md-5 {
        margin-left: 41.6666666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.3333333333%
    }
    .offset-md-8 {
        margin-left: 66.6666666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.3333333333%
    }
    .offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:992px) {
    .col-lg-1 {
        float: left;
        width: 8.3333333333%
    }
    .col-lg-2 {
        float: left;
        width: 16.6666666667%
    }
    .col-lg-3 {
        float: left;
        width: 25%
    }
    .col-lg-4 {
        float: left;
        width: 33.3333333333%
    }
    .col-lg-5 {
        float: left;
        width: 41.6666666667%
    }
    .col-lg-6 {
        float: left;
        width: 50%
    }
    .col-lg-7 {
        float: left;
        width: 58.3333333333%
    }
    .col-lg-8 {
        float: left;
        width: 66.6666666667%
    }
    .col-lg-9 {
        float: left;
        width: 75%
    }
    .col-lg-10 {
        float: left;
        width: 83.3333333333%
    }
    .col-lg-11 {
        float: left;
        width: 91.6666666667%
    }
    .col-lg-12 {
        float: left;
        width: 100%
    }
    .pull-lg-0 {
        right: auto
    }
    .pull-lg-1 {
        right: 8.3333333333%
    }
    .pull-lg-2 {
        right: 16.6666666667%
    }
    .pull-lg-3 {
        right: 25%
    }
    .pull-lg-4 {
        right: 33.3333333333%
    }
    .pull-lg-5 {
        right: 41.6666666667%
    }
    .pull-lg-6 {
        right: 50%
    }
    .pull-lg-7 {
        right: 58.3333333333%
    }
    .pull-lg-8 {
        right: 66.6666666667%
    }
    .pull-lg-9 {
        right: 75%
    }
    .pull-lg-10 {
        right: 83.3333333333%
    }
    .pull-lg-11 {
        right: 91.6666666667%
    }
    .pull-lg-12 {
        right: 100%
    }
    .push-lg-0 {
        left: auto
    }
    .push-lg-1 {
        left: 8.3333333333%
    }
    .push-lg-2 {
        left: 16.6666666667%
    }
    .push-lg-3 {
        left: 25%
    }
    .push-lg-4 {
        left: 33.3333333333%
    }
    .push-lg-5 {
        left: 41.6666666667%
    }
    .push-lg-6 {
        left: 50%
    }
    .push-lg-7 {
        left: 58.3333333333%
    }
    .push-lg-8 {
        left: 66.6666666667%
    }
    .push-lg-9 {
        left: 75%
    }
    .push-lg-10 {
        left: 83.3333333333%
    }
    .push-lg-11 {
        left: 91.6666666667%
    }
    .push-lg-12 {
        left: 100%
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.3333333333%
    }
    .offset-lg-2 {
        margin-left: 16.6666666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.3333333333%
    }
    .offset-lg-5 {
        margin-left: 41.6666666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.3333333333%
    }
    .offset-lg-8 {
        margin-left: 66.6666666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.3333333333%
    }
    .offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media (min-width:1200px) {
    .col-xl-1 {
        float: left;
        width: 8.3333333333%
    }
    .col-xl-2 {
        float: left;
        width: 16.6666666667%
    }
    .col-xl-3 {
        float: left;
        width: 25%
    }
    .col-xl-4 {
        float: left;
        width: 33.3333333333%
    }
    .col-xl-5 {
        float: left;
        width: 41.6666666667%
    }
    .col-xl-6 {
        float: left;
        width: 50%
    }
    .col-xl-7 {
        float: left;
        width: 58.3333333333%
    }
    .col-xl-8 {
        float: left;
        width: 66.6666666667%
    }
    .col-xl-9 {
        float: left;
        width: 75%
    }
    .col-xl-10 {
        float: left;
        width: 83.3333333333%
    }
    .col-xl-11 {
        float: left;
        width: 91.6666666667%
    }
    .col-xl-12 {
        float: left;
        width: 100%
    }
    .pull-xl-0 {
        right: auto
    }
    .pull-xl-1 {
        right: 8.3333333333%
    }
    .pull-xl-2 {
        right: 16.6666666667%
    }
    .pull-xl-3 {
        right: 25%
    }
    .pull-xl-4 {
        right: 33.3333333333%
    }
    .pull-xl-5 {
        right: 41.6666666667%
    }
    .pull-xl-6 {
        right: 50%
    }
    .pull-xl-7 {
        right: 58.3333333333%
    }
    .pull-xl-8 {
        right: 66.6666666667%
    }
    .pull-xl-9 {
        right: 75%
    }
    .pull-xl-10 {
        right: 83.3333333333%
    }
    .pull-xl-11 {
        right: 91.6666666667%
    }
    .pull-xl-12 {
        right: 100%
    }
    .push-xl-0 {
        left: auto
    }
    .push-xl-1 {
        left: 8.3333333333%
    }
    .push-xl-2 {
        left: 16.6666666667%
    }
    .push-xl-3 {
        left: 25%
    }
    .push-xl-4 {
        left: 33.3333333333%
    }
    .push-xl-5 {
        left: 41.6666666667%
    }
    .push-xl-6 {
        left: 50%
    }
    .push-xl-7 {
        left: 58.3333333333%
    }
    .push-xl-8 {
        left: 66.6666666667%
    }
    .push-xl-9 {
        left: 75%
    }
    .push-xl-10 {
        left: 83.3333333333%
    }
    .push-xl-11 {
        left: 91.6666666667%
    }
    .push-xl-12 {
        left: 100%
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.3333333333%
    }
    .offset-xl-2 {
        margin-left: 16.6666666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.3333333333%
    }
    .offset-xl-5 {
        margin-left: 41.6666666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.3333333333%
    }
    .offset-xl-8 {
        margin-left: 66.6666666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.3333333333%
    }
    .offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle:after {
    border-top: 0;
    border-bottom: .3em solid
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: .125rem 0 0;
    font-size: 14px;
    color: #646b73;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-divider {
    height: 1px;
    margin: .5rem 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: 400;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5
}

.dropdown-item.active,
.dropdown-item.active:focus,
.dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0
}

.dropdown-item.disabled,
.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    color: #818a91
}

.dropdown-item.disabled:focus,
.dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    right: 0;
    left: auto
}

.dropdown-menu-left {
    right: auto;
    left: 0
}

.dropdown-header {
    display: block;
    padding: 0 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    color: #818a91;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: .3em solid
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: .125rem
}

.input-group {
    position: relative;
    width: 100%;
    display: table;
    border-collapse: separate
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:active,
.input-group .form-control:focus,
.input-group .form-control:hover {
    z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: .5rem .75rem;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
    text-align: center;
    background-color: #eceeef;
    border: 1px solid #b7b7b7;
    border-radius: 5px
}

.input-group-addon.form-control-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .2rem
}

.input-group-addon.form-control-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: .75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin-top: 0
}

.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
.input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group>.btn,
.input-group-btn:not(:last-child)>.dropdown-toggle,
.input-group .form-control:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group>.btn,
.input-group-btn:not(:first-child)>.dropdown-toggle,
.input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
.input-group-btn:not(:last-child)>.btn:not(:first-child),
.input-group .form-control:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.form-control+.input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

.input-group-btn,
.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    z-index: 3
}

.input-group-btn:not(:last-child)>.btn,
.input-group-btn:not(:last-child)>.btn-group {
    margin-right: -1px
}

.input-group-btn:not(:first-child)>.btn,
.input-group-btn:not(:first-child)>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child)>.btn-group:active,
.input-group-btn:not(:first-child)>.btn-group:focus,
.input-group-btn:not(:first-child)>.btn-group:hover,
.input-group-btn:not(:first-child)>.btn:active,
.input-group-btn:not(:first-child)>.btn:focus,
.input-group-btn:not(:first-child)>.btn:hover {
    z-index: 3
}

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

.nav-link {
    display: inline-block
}

.nav-link:focus,
.nav-link:hover {
    text-decoration: none
}

.nav-link.disabled {
    color: #818a91
}

.nav-link.disabled,
.nav-link.disabled:focus,
.nav-link.disabled:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: transparent
}

.nav-inline .nav-item {
    display: inline-block
}

.nav-inline .nav-item+.nav-item,
.nav-inline .nav-link+.nav-link {
    margin-left: 1rem
}

.nav-tabs {
    border-bottom: 0 solid transparent
}

.nav-tabs:after {
    content: "";
    display: table;
    clear: both
}

.nav-tabs .nav-item {
    float: left;
    margin-bottom: 0
}

.nav-tabs .nav-item+.nav-item {
    margin-left: 0
}

.nav-tabs .nav-link {
    display: block;
    padding: 20px;
    border: 0 solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
    color: #818a91;
    background-color: transparent;
    border-color: transparent
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover {
    color: #f7cc30;
    background-color: #ddd;
    border-color: transparent
}

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

.nav-pills:after {
    content: "";
    display: table;
    clear: both
}

.nav-pills .nav-item {
    float: left
}

.nav-pills .nav-item+.nav-item {
    margin-left: 0
}

.nav-pills .nav-link {
    display: block;
    padding: 20px;
    border-radius: .25rem
}

.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    color: #fff;
    cursor: default;
    background-color: #0275d8
}

.nav-stacked .nav-item {
    display: block;
    float: none
}

.nav-stacked .nav-item+.nav-item {
    margin-top: 0;
    margin-left: 0
}

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

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

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.4;
    color: #fff
}

.h1,
h1 {
    font-size: 3.215rem
}

.h2,
h2 {
    font-size: 2.571rem
}

.h3,
h3 {
    font-size: 2.143rem
}

.h4,
h4 {
    font-size: 1.714rem
}

.h5,
h5 {
    font-size: 1.286rem
}

.h6,
h6 {
    font-size: 1rem
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: 6rem;
    font-weight: 300
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
    font-size: 80%;
    font-weight: 400
}

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

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

.blockquote {
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    font-size: 17.5px;
    border-left: .25rem solid #eceeef
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: #818a91
}

.blockquote-footer:before {
    content: "— "
}

.blockquote-reverse {
    padding-right: 1rem;
    padding-left: 0;
    text-align: right;
    border-right: .25rem solid #eceeef;
    border-left: 0
}

.blockquote-reverse .blockquote-footer:before {
    content: ""
}

.blockquote-reverse .blockquote-footer:after {
    content: " —"
}

dl.row>dd+dt {
    clear: left
}

@-webkit-keyframes btn-progress-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes btn-progress-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.btn {
    text-transform: capitalize;
    font-family: roboto-medium;
    font-size: 1rem;
    box-sizing: border-box;
    border: .071rem solid transparent;
    border-radius: 4px
}

.btn:active,
.btn:active:focus,
.btn:focus {
    outline: none
}

.btn-xs {
    padding: .2857rem 1.143rem;
    font-size: .75rem;
    border-radius: 4px
}

.btn-group-sm>.btn,
.btn-sm,
.btn-xs {
    font-size: 1rem;
    line-height: 1rem
}

.btn-group-lg>.btn,
.btn-lg {
    font-size: 1.247rem;
    line-height: 1.571rem
}

.btn-circle {
    border-radius: 100%
}

.btn-primary {
    text-shadow: none;
    box-shadow: none;
    color: #000;
    background-color: #f7cc30
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    border-color: transparent;
    box-shadow: none;
    color: #000;
    background-color: #c29e1a
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:active:focus {
    box-shadow: none;
    color: #000;
    background-color: #c29e1a
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    text-shadow: none;
    border-color: transparent;
    box-shadow: none;
    color: #564e3c;
    background-color: #3d3724
}

.btn-secondary {
    text-shadow: none;
    border: 1px solid #009cff;
    box-shadow: none;
    color: #fff;
    background-color: #0f1221
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
    border-color: #009cff;
    box-shadow: none;
    color: #009cff;
    background-color: #0f1221
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:active:focus {
    box-shadow: none;
    color: #fff;
    background-color: #000
}

.btn-secondary.disabled,
.btn-secondary.disabled.active,
.btn-secondary.disabled.focus,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled],
.btn-secondary[disabled].active,
.btn-secondary[disabled].focus,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary.active,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
    border: 1px solid #002f4d;
    box-shadow: none;
    color: #3b3c43;
    background-color: #0f1221
}

.btn-success {
    text-shadow: none;
    box-shadow: none;
    color: #0f1221;
    background-color: #f7cc30
}

.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:active:focus,
.btn-success:focus,
.btn-success:hover {
    box-shadow: none;
    color: #000;
    background-color: #c29e1a
}

.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
    border-color: transparent;
    text-shadow: none;
    box-shadow: none;
    color: #222;
    background-color: #f7cc30
}

.btn-info {
    text-shadow: none;
    box-shadow: none;
    color: #fff;
    background-color: #2770c9
}

.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:active:focus,
.btn-info:focus,
.btn-info:hover {
    box-shadow: none;
    color: #fff;
    background-color: #0e59b5
}

.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
    box-shadow: none;
    color: #fff;
    background-color: #2770c9
}

.btn-warning {
    text-shadow: 0 0 4px #999
}

.btn-warning,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:active:focus,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
    box-shadow: 0 1px 0 0 #999;
    color: #c3c4c6;
    background-color: #fff
}

.btn-cancel {
    text-shadow: none;
    border: 1px solid #009cff;
    box-shadow: none;
    color: #fff;
    background-color: #0f1221
}

.btn-cancel.focus,
.btn-cancel:focus,
.btn-cancel:hover {
    border-color: #009cff;
    box-shadow: none;
    color: #009cff;
    background-color: #0f1221
}

.btn-cancel.active,
.btn-cancel:active,
.btn-cancel:active:focus {
    box-shadow: none;
    color: #fff;
    background-color: #000
}

.btn-cancel.disabled,
.btn-cancel.disabled.active,
.btn-cancel.disabled.focus,
.btn-cancel.disabled:active,
.btn-cancel.disabled:focus,
.btn-cancel.disabled:hover,
.btn-cancel[disabled],
.btn-cancel[disabled].active,
.btn-cancel[disabled].focus,
.btn-cancel[disabled]:active,
.btn-cancel[disabled]:focus,
.btn-cancel[disabled]:hover,
fieldset[disabled] .btn-cancel,
fieldset[disabled] .btn-cancel.active,
fieldset[disabled] .btn-cancel.focus,
fieldset[disabled] .btn-cancel:active,
fieldset[disabled] .btn-cancel:focus,
fieldset[disabled] .btn-cancel:hover {
    border: 1px solid #002f4d;
    box-shadow: none;
    color: #3b3c43;
    background-color: #0f1221
}

.btn-toggle {
    box-shadow: none;
    color: #525c67;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #cdcccc;
    text-transform: capitalize
}

.btn-beat {
    -webkit-animation: beat .3s infinite alternate;
    animation: beat .3s infinite alternate
}

.btn-progress.disabled,
.btn-progress.disabled.active,
.btn-progress.disabled.focus,
.btn-progress.disabled:active,
.btn-progress.disabled:focus,
.btn-progress.disabled:hover,
.btn-progress[disabled],
.btn-progress[disabled].active,
.btn-progress[disabled].focus,
.btn-progress[disabled]:active,
.btn-progress[disabled]:focus,
.btn-progress[disabled]:hover,
fieldset[disabled] .btn-progress,
fieldset[disabled] .btn-progress.active,
fieldset[disabled] .btn-progress.focus,
fieldset[disabled] .btn-progress:active,
fieldset[disabled] .btn-progress:focus,
fieldset[disabled] .btn-progress:hover {
    background-color: #020202;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    color: #fffdec
}

dropdown {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 25
}

dropdown .dropdown-overlay {
    display: none
}

dropdown .dropdown-overlay.visible {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 90
}

dropdown .dropdown-trigger {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 99
}

dropdown .dropdown-trigger i {
    position: absolute;
    top: 50%;
    right: 10px
}

dropdown .dropdown-trigger i.mid {
    transform: translateY(-50%)
}

dropdown .dropdown-trigger.open i {
    transform: rotateX(180deg)
}

dropdown .dropdown-trigger.open i.mid {
    transform: translateY(-50%) rotateX(180deg)
}

dropdown .dropdown {
    display: none;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 0
}

dropdown .dropdown .dropdown-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow-y: auto;
    z-index: 99;
    background: #161d2d;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

dropdown .dropdown.open {
    display: block
}

form .date,
form .input,
form .select {
    float: right;
    position: relative;
    width: 100%
}

form .date .inner-input.has-icon,
form .input .inner-input.has-icon,
form .select .inner-input.has-icon {
    width: calc(100% - 36px);
    position: relative;
    float: right
}

form .date label a,
form .input label a,
form .select label a {
    color: #888
}

form .date .error-sign,
form .input .error-sign,
form .select .error-sign {
    position: absolute;
    top: 50%;
    right: 1em;
    height: 1em;
    display: block;
    font-family: icon-font;
    font-size: 12px;
    z-index: 1;
    transform: translateY(-50%)
}

form .date .error-sign.invalid:after,
form .input .error-sign.invalid:after,
form .select .error-sign.invalid:after {
    content: "";
    color: #dc4f4e
}

form .date .error-sign.valid:after,
form .input .error-sign.valid:after,
form .select .error-sign.valid:after {
    content: "";
    color: #158a44
}

form .date.has-icon,
form .select.has-icon {
    width: calc(100% - 36px)
}

form .currency-left~.amount-input input {
    padding-left: 23px
}

form .amount-input:after {
    content: " ";
    display: block;
    clear: both
}

form .password-icon {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 10;
    font-size: 1.8em;
    cursor: pointer
}

form .password-icon.shift-left {
    right: 35px
}

form.valid-model .material-icon {
    color: #000
}

form input[type=date] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

form .input-icon {
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: -30px;
    font-size: 1.5em;
    color: #b7b7b7;
    pointer-events: none
}

form .input-icon.valid {
    color: #383838
}

form .no-padding-right {
    padding-right: 0
}

form .no-padding-right input,
form .no-padding-right select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

form .no-padding-left {
    padding-left: 0
}

form .no-padding-left input {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

form .invalid-label {
    display: inline-block;
    width: 100%;
    text-align: inherit;
    color: #dc4f4e;
    font-weight: inherit;
    font-size: .9286rem
}

form .material label {
    top: 15%;
    font-size: .7143rem;
    transform: none;
    z-index: 1;
    position: absolute;
    left: 8px
}

input[type=checkbox] {
    width: 40px;
    height: 40px;
    opacity: 0;
    position: absolute;
    z-index: 1
}

@media screen and (max-width:767px) {
    input[type=checkbox] {
        pointer-events: auto
    }
}

input[type=checkbox]:disabled+label {
    opacity: .5;
    cursor: default
}

input[type=checkbox]+label {
    vertical-align: top;
    margin: 12px 0 0 40px;
    position: relative;
    line-height: 1.5;
    top: 0;
    transform: none;
    color: #fff
}

input[type=checkbox]+label:before {
    position: absolute;
    top: 0;
    left: -2.5em;
    width: 1.25em;
    height: 1.25em;
    margin: 0 .25em 0 0;
    border: 1px solid #646b73;
    box-shadow: 0 0 2px #fff;
    font-family: FontAwesome;
    line-height: 1.25em;
    text-align: center;
    background-color: #0f1221;
    content: " "
}

input[type=checkbox]+label .checkbox-label-invalid:before {
    border: 2px solid #ed1c24
}

input[type=checkbox]:checked+label:before {
    content: "";
    color: #f7cc30
}

.date {
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    color: #fff
}

.date .date-overlay {
    display: block;
    width: 100%;
    height: 34pt;
    border: 1px solid #646b73;
    border-radius: 5px;
    padding: 1.6em 2.3em 0 .5rem;
    background: #0f1221;
    font-size: 1.11rem;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0
}

.date .overlayed-input {
    opacity: 0;
    height: 34pt;
    cursor: pointer
}

.date .day-select,
.date .month-select,
.date .year-select {
    padding-left: 0
}

.date .day-select .valid,
.date .month-select .valid,
.date .year-select .valid {
    border-color: #3d8610
}

.date .day-select .invalid,
.date .month-select .invalid,
.date .year-select .invalid {
    border-color: #f32633
}

.date .year-select {
    padding-right: 0
}

@media screen and (max-width:548px) {
    .date .one-fourth,
    .date .three-fourth {
        padding: 0
    }
}

@media screen and (max-width:548px) {
    .date input[type=date] {
        padding-top: 1.2rem;
        padding-bottom: .3rem;
        width: 100%
    }
}

@media screen and (max-width:374px) {
    .date input[type=date] {
        font-size: .85em;
        padding-bottom: 0;
        width: 100%
    }
}

@media screen and (max-width:330px) {
    .date input[type=date] {
        font-size: .7em;
        padding-bottom: 0;
        width: 100%
    }
}

.date input[type=date]::-webkit-calendar-picker-indicator {
    padding: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block
}

.date input[type=date]::-webkit-calendar-picker-indicator:hover {
    cursor: pointer
}

.date input[type=date]::-webkit-clear-button,
.date input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    display: none
}

.date input[type=date]::-ms-clear {
    appearance: none;
    display: none
}

.date:disabled {
    opacity: .5;
    cursor: default
}

.date .dropdown-menu .btn,
.date .dropdown-menu .btn-lg,
.date .dropdown-menu .btn-sm {
    margin: 1px;
    padding: .7rem
}

.date .dropdown-menu .glyphicon-chevron-left:before {
    content: "<"
}

.date .dropdown-menu .glyphicon-chevron-right:before {
    content: ">"
}

@media screen and (max-width:767px) {
    .date.native.dropdown .day-select,
    .date.native.dropdown .month-select,
    .date.native.dropdown .year-select {
        display: block
    }
}

.date.native.dropdown .hide-option {
    display: none;
    visibility: hidden;
    height: 0;
    font-size: 0
}

.date.native.dropdown .select-wrapper {
    width: 100%;
    float: left;
    position: relative
}

.date.native.dropdown .select-wrapper.show-end-icon {
    width: calc(100% - 35px)
}

.date.native.dropdown .select-wrapper.show-end-icon select {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: transparent
}

.date.native.dropdown .end-icon {
    width: 35px;
    position: relative;
    height: 35px;
    border: 1px solid #444;
    border-left: #444;
    background-color: #444;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    float: left;
    box-shadow: none
}

.date.native.dropdown .end-icon.valid {
    background-color: #158a44;
    border-color: #158a44;
    box-shadow: none
}

.date.native.dropdown .end-icon.invalid {
    background-color: #dc4f4e;
    border-color: #dc4f4e
}

.date.native.dropdown .end-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 80%;
    transform: translateY(-50%) translateX(-50%)
}

.date.native.dropdown select {
    outline: none;
    width: 100%;
    border-radius: 5px;
    background-color: #1e2434;
    font-family: roboto-regular;
    box-shadow: none;
    border: 1px solid #646b73;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0 .5em;
    height: 35px;
    text-transform: capitalize;
    font-weight: 400;
    color: #fff;
    line-height: inherit;
    font-size: 1.11rem
}

.date.native.dropdown select:focus {
    box-shadow: 0 0 10px #009cff
}

.date.native.dropdown select.valid {
    border-color: #158a44;
    box-shadow: none
}

.date.native.dropdown select.invalid {
    border-color: #dc4f4e
}

.date.native.dropdown select::-ms-expand {
    display: none
}

.date.native.dropdown .icon-triangle {
    position: absolute;
    right: calc(.5em + 5px);
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff
}

.date.native.dropdown .year-select .icon-triangle {
    right: .5em
}

.date.native.dropdown label {
    color: #fffdec;
    font-size: 1.11rem;
    font-weight: 400;
    font-family: inherit;
    pointer-events: none;
    text-transform: capitalize;
    margin-bottom: .3rem
}

.input ::-webkit-input-placeholder {
    text-transform: capitalize;
    color: #bbb
}

.input :-moz-placeholder,
.input ::-moz-placeholder {
    text-transform: capitalize;
    color: #bbb
}

.input :-ms-input-placeholder {
    text-transform: capitalize;
    color: #f0f0f0
}

input[type=search] {
    box-shadow: none
}

.valid-label {
    text-transform: capitalize;
    font-size: 1.11rem
}

.input {
    float: right;
    position: relative;
    width: 100%
}

.input .inner-input.has-icon {
    width: calc(100% - 36px);
    position: relative;
    float: right
}

.input label {
    font-size: 1.11rem;
    font-weight: 400;
    pointer-events: none;
    text-transform: capitalize
}

.input-icons-wrapper {
    position: relative;
    text-align: center
}

.focused .suggestion {
    display: block
}

form-input-material input.ng-dirty.not-empty~label,
form-input-material input.ng-valid-required~label,
form-input-material input.not-empty~label,
form-input-material input:focus~label {
    top: 15%;
    font-size: .7143rem;
    transform: none
}

form-input-material input,
form-input-material textarea {
    width: 100%;
    font-size: 1.11rem;
    border-radius: 5px;
    font-family: roboto-regular;
    box-sizing: border-box;
    outline: none
}

@media screen and (max-width:767px) {
    form-input-material input,
    form-input-material textarea {
        font-size: 1.143rem
    }
}

form-input-material input:not(input[type=submit]):focus,
form-input-material textarea:not(input[type=submit]):focus {
    background-color: #0f1221;
    box-shadow: none;
    border-color: 1px solid #646b73
}

form-input-material input::-ms-clear,
form-input-material textarea::-ms-clear {
    display: none
}

form-input-material input:focus,
form-input-material textarea:focus {
    box-shadow: 0 0 10px #009cff;
    border: 1px solid transparent
}

form-input-material input:disabled,
form-input-material textarea:disabled {
    opacity: .5;
    cursor: default
}

form-input-material input.invalid,
form-input-material textarea.invalid {
    border-color: #dc4f4e;
    box-shadow: none
}

form-input-material input.valid,
form-input-material textarea.valid {
    border-color: #158a44
}

form-input-material input[type=number] {
    padding: 14px 8px 0 .5rem;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

form-input-material input[type=number]::-webkit-inner-spin-button,
form-input-material input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

form-input-material .input {
    float: right;
    position: relative;
    width: 100%;
    margin: 10px 0 .1rem
}

form-input-material .input input {
    height: 34pt;
    padding: 1.2em 2.3em 0 .5rem;
    background-color: #0f1221;
    border: 1px solid #646b73;
    color: #fff;
    border-radius: none
}

form-input-material .input input.invalid {
    border-color: #dc4f4e
}

form-input-material .input input:focus {
    border: 1px solid transparent
}

form-input-material .input .inner-input.has-icon {
    width: calc(100% - 36px);
    position: relative;
    float: right
}

form-input-material .input label {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease
}

form-input-native {
    margin: 0;
    outline: none
}

form-input-native .inner-input {
    display: flex;
    flex-direction: column-reverse
}

form-input-native .placeholder-label {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease
}

form-input-native .input {
    margin: 0
}

form-input-native .input-wrapper {
    position: relative;
    display: block;
    width: 100%
}

@media screen and (max-width:1024px) {
    form form-input-native .password-icon {
        top: .25em;
        transform: none
    }
}

form-input-native input[type=number]::-webkit-inner-spin-button,
form-input-native input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

form-input-native input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

form-input-native input,
form-input-native textarea {
    font-family: roboto-regular;
    width: 100%;
    border: 1px solid #646b73;
    font-size: 1.11rem;
    line-height: 1.11rem;
    padding: .6rem;
    background-color: #0f1221;
    box-shadow: none;
    outline: none;
    box-sizing: border-box;
    border-radius: 5px;
    font-weight: 400;
    height: 35px;
    color: #fff
}

form-input-native input.placeholder-label-active,
form-input-native textarea.placeholder-label-active {
    height: 42px;
    padding: .6rem .6rem 0 .43rem
}

form-input-native input:focus,
form-input-native textarea:focus {
    background: #0f1221;
    box-shadow: 0 0 10px #009cff;
    border: 1px solid transparent
}

form-input-native input.ng-dirty.not-empty~.placeholder-label,
form-input-native input:disabled~.placeholder-label,
form-input-native input:focus~.placeholder-label,
form-input-native textarea.ng-dirty.not-empty~.placeholder-label,
form-input-native textarea:disabled~.placeholder-label,
form-input-native textarea:focus~.placeholder-label {
    top: 10%;
    font-size: .7143rem;
    transform: none
}

form-input-native input:not(input[type=submit]):focus,
form-input-native textarea:not(input[type=submit]):focus {
    background-color: #0f1221;
    box-shadow: none;
    border-color: 1px solid #646b73
}

form-input-native input::-ms-clear,
form-input-native textarea::-ms-clear {
    display: none
}

form-input-native input:disabled,
form-input-native textarea:disabled {
    opacity: .5;
    cursor: default
}

form-input-native input.invalid,
form-input-native textarea.invalid {
    border-color: #dc4f4e;
    box-shadow: none
}

form-input-native input.valid,
form-input-native textarea.valid {
    border-color: #158a44
}

form-input-native input.has-currency,
form-input-native textarea.has-currency {
    width: 80%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

form-input-native .input .error-sign {
    font-weight: 600;
    font-size: 14px;
    height: auto
}

form-input-native .input .error-sign.logo-active {
    right: 50px
}

form-input-native .input-logo {
    z-index: 1;
    display: flex;
    align-items: center
}

form-input-native .input-logo img {
    position: absolute;
    width: 45px;
    right: 9px;
    top: 7px
}

.sga-register-form form-input-native .input-logo img {
    top: 4px
}

form-input-native .input label {
    color: #fffdec;
    margin-bottom: .3rem;
    font-family: inherit
}

form-input-native .currency-container input {
    width: calc(100% - 35px);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

form-input-native.text-offset-left input,
form-input-native.text-offset-left label {
    text-indent: 6em
}

form-input-native.hidden-label label {
    display: none
}

form-input-native .native-currency-symbol {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    line-height: 1.11rem;
    text-align: center;
    background-color: #444;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #444;
    position: relative;
    margin-bottom: 0
}

form-input-native .native-currency-symbol .registration-currency-symbol {
    display: block;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #fff;
    line-height: 2.1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    height: 90%;
    transform: translateY(-50%) translateX(-50%)
}

form-input-native .native-currency-symbol.invalid {
    background-color: #dc4f4e;
    border-color: #dc4f4e
}

form-input-native .native-currency-symbol.valid {
    background-color: #158a44;
    border-color: #158a44
}

.select {
    font-size: 1rem
}

.select:before {
    content: "";
    display: block;
    position: absolute;
    right: .5em;
    top: 1.9em;
    z-index: 2;
    border-color: #000 transparent transparent;
    border-style: solid;
    border-width: .5em .3em 0;
    pointer-events: none
}

form-select {
    margin: 0;
    outline: none
}

form-select .input {
    margin: 0
}

form-select .select-wrapper {
    position: relative
}

@media screen and (max-width:767px) {
    form-select .select-wrapper {
        margin-bottom: 4px
    }
}

form-select .select-wrapper .select-input {
    position: absolute;
    border: none;
    top: .55em;
    width: 85%;
    left: .4em;
    outline: none;
    background: #f9f9f9;
    font-weight: 700
}

form-select .select-wrapper .select-input[readonly] {
    z-index: -1
}

form-select label {
    color: #8b97b5;
    margin-right: .4rem;
    margin-bottom: .3rem;
    font-family: inherit
}

form-select select {
    outline: none;
    width: 100%;
    padding: .4rem 1.8rem .5rem .5rem;
    border-radius: 5px;
    background-color: #1e2434;
    font-family: roboto-regular;
    box-shadow: none;
    height: 35px;
    color: #fff;
    position: relative;
    border: 1px solid #646b73;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-weight: 400;
    line-height: inherit;
    font-size: 1rem
}

form-select select::-ms-expand {
    display: none
}

form-select select .hideoption {
    display: none;
    visibility: hidden;
    height: 0;
    font-size: 0
}

form-select select.ng-invalid.ng-untouched {
    box-shadow: none
}

form-select select.ng-invalid.ng-dirty {
    border-color: #f32633
}

form-select select:focus {
    background-color: #1e2434;
    box-shadow: 0 0 10px #009cff;
    border-color: 1px solid #ccc
}

form-select select::-ms-clear {
    display: none
}

form-select select:disabled {
    border-color: #bbb;
    color: #5f5f5f
}

form-select select:disabled:disabled {
    opacity: .5;
    cursor: default
}

form-select .icon-triangle {
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff
}

form-select.input-ontop {
    position: absolute;
    width: 6em;
    z-index: 2
}

form-select.input-ontop select {
    background: transparent;
    border-color: #646b73;
    border-width: 0 1px 0 0;
    margin: 0;
    left: 1px;
    border-radius: 6px 0 0 6px;
    box-shadow: none
}

form-select.input-ontop select option {
    background-color: #0f1221
}

form-select.input-ontop select:focus {
    box-shadow: 0 0 10px #009cff
}

form-select.hidden-label label {
    display: none
}

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

.multiselect .select-control {
    width: 100%;
    padding: .6em 1.7em .6em .6em;
    border-radius: .5em;
    font-weight: 700;
    outline: none;
    border: 1px solid #b7b7b7;
    background: #0f1221;
    cursor: default
}

.multiselect .select-control.invalid {
    border-color: #dc4f4e;
    box-shadow: none
}

.multiselect .select-control.valid {
    border-color: #158a44
}

.multiselect .icon-triangle {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: .5em;
    color: inherit;
    pointer-events: none
}

.multiselect .checkbox-container {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #766e65;
    min-width: 100%;
    left: 0;
    z-index: 9999;
    padding-top: .2em;
    box-shadow: 0 0 8px rgba(0, 0, 0, .4)
}

.multiselect .checkbox-container input[type=checkbox] {
    display: block;
    width: 20px;
    height: 20px;
    left: .3em;
    opacity: 1
}

.multiselect .checkbox-container label {
    padding: .1em 0 0 2em
}

.radio-buttons {
    height: 34pt;
    line-height: 34pt
}

.radio-buttons .radio-buttons-group {
    position: relative;
    padding-top: .1em;
    display: flex
}

.radio-buttons label:not(.radio-container) {
    font-family: inherit;
    font-size: 1.11rem;
    color: #fffdec;
    display: block;
    vertical-align: middle;
    width: auto;
    line-height: 1;
    text-transform: capitalize
}

[disabled] .radio-buttons label:not(.radio-container) {
    opacity: .5;
    cursor: default
}

.radio-buttons input {
    vertical-align: middle;
    opacity: 0;
    position: absolute
}

.radio-buttons input:checked+.radio-button:before {
    position: absolute;
    height: .6em;
    width: .6em;
    background-color: #f7cc30;
    content: "";
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.radio-buttons .radio-button,
.radio-buttons .radio-button-title {
    font-size: 1.11rem;
    margin-left: .2em;
    vertical-align: middle;
    font-weight: 400;
    width: calc(100% - 2em);
    display: inline-block;
    color: #fff
}

.radio-buttons label.radio-container {
    padding-right: .5em;
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

[disabled] .radio-buttons label.radio-container {
    opacity: .5;
    cursor: default
}

.radio-buttons label.radio-container .icon-info {
    position: relative;
    left: .5em;
    height: 1em;
    width: 20px;
    vertical-align: middle;
    font-family: icon-font;
    font-size: 1.8em;
    z-index: 1;
    content: "";
    color: #000
}

.radio-buttons label.radio-container .icon-info+.radio-button-title {
    margin-left: 1em
}

.radio-buttons .radio-buttons-group label:last-child {
    margin-right: 0;
    margin-left: 0
}

.radio-buttons .radio-button {
    position: relative;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    border: 1px solid #646b73;
    left: 0;
    background-color: #0f1221
}

.radio-buttons .radio-button:hover {
    cursor: pointer
}

[disabled] .radio-buttons .radio-button {
    opacity: .5;
    cursor: default
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    margin: 0
}

h1,
h2,
h3 {
    font-family: roboto-medium;
    font-weight: 500
}

h4,
h5,
h6 {
    font-family: roboto-regular;
    font-weight: 400
}

@media screen and (max-width:1024px) {
    h1 {
        font-size: 2.71346rem
    }
    h2 {
        font-size: 2.427024rem
    }
    h3 {
        font-size: 1.35009rem
    }
    h4 {
        font-size: 1.571738rem
    }
    h5 {
        font-size: 1.141968rem
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 2.363025rem
    }
    h1,
    h2 {
        font-family: inherit
    }
    h2 {
        font-size: 2.144214rem
    }
    h3 {
        font-size: 1.570819rem
    }
    h3,
    h4 {
        font-family: inherit
    }
    h4 {
        font-size: 1.141524rem
    }
    h5 {
        font-size: 1.06738rem;
        font-family: inherit
    }
}

a {
    font-weight: 500;
    font-family: roboto-regular
}

a:active,
a:focus,
a:hover {
    text-decoration: none
}

p {
    font-size: .92857rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility
}

ol,
p,
ul {
    margin-bottom: 1.25rem
}

ol,
ul {
    margin-left: 1.25rem
}

@media screen and (max-width:767px) {
    ol,
    ul {
        margin-left: 0
    }
}

ol .list-style {
    list-style-position: inside
}

dl {
    margin-bottom: 1.25em;
    color: #646b73
}

dt {
    color: #8b97b5
}

strong {
    font-weight: 700
}

.div-table {
    padding-bottom: 0
}

.div-table .data {
    width: 100%;
    position: relative;
    border: 1px solid #646b73;
    border-bottom: 0
}

.div-table .data .table-header {
    background: #0f1221;
    background-origin: content-box;
    color: #8b97b5
}

.div-table .data .table-content:nth-child(odd) {
    background: #f0f0f0
}

.div-table .data .table-content,
.div-table .data .table-header {
    width: 100%;
    font-size: 0;
    border-bottom: 1px solid #646b73;
    padding: 2px 0;
    overflow: hidden
}

.div-table .data .table-content>div,
.div-table .data .table-header>div {
    box-sizing: border-box;
    color: inherit
}

.div-table .data .table-header>div {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis
}

.div-table .data .table-content>div,
.div-table .data .table-row>div {
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    word-wrap: break-word;
    vertical-align: middle
}

.div-table .no-data {
    padding: 10px;
    text-align: center;
    background-origin: content-box;
    background-color: #1e2434;
    border-bottom: 1px solid #646b73
}

.div-table .pagination {
    padding: 15px 0 30px
}

.div-table .pagination a {
    float: right;
    margin: 0 0 0 15px;
    font-weight: 700;
    color: #5f5f5f
}

.div-table .pagination a.disabled {
    font-weight: 400;
    cursor: default;
    text-decoration: none;
    color: #bbb
}

.tabs-component .tabs-container {
    width: 100%;
    margin: 0;
    display: flex;
    background: initial
}

.tabs-component .tabs-container .tab-wrapper {
    width: 100%;
    border-left: none;
    border-right: none
}

.tabs-component .tabs-container .tab-wrapper:first-child,
.tabs-component .tabs-container .tab-wrapper:last-child {
    border-left: 0;
    border-right: 0
}

.tabs-component .tabs-container .tab-item {
    margin-bottom: -1px;
    height: calc(100% + 1px);
    box-sizing: border-box;
    position: relative;
    background: #1e2434;
    padding: 20px 0;
    border-top: none;
    border-bottom: none;
    font-weight: 500
}

@media screen and (max-width:1024px) {
    .tabs-component .tabs-container .tab-item {
        padding: 25px 0
    }
}

.tabs-component .tabs-container .tab-item.active {
    border: none;
    border-bottom: 2px solid #f7cc30;
    background: #1e2434;
    height: 100%;
    color: #f7cc30;
    z-index: 1
}

.tabs-component .tabs-container a {
    display: block;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
    height: 100%;
    font-size: 1.2em;
    color: #fff
}

.tabs-component .tabs-container a:hover {
    text-decoration: none;
    color: #f7cc30
}

.tabs-component .tabs-content-wrapper {
    min-height: 130px;
    position: relative
}

.tabs-component .tabs-content-wrapper .loading-container {
    margin-top: 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(15, 18, 33, .5)
}

.tabs-component .tabs-content-wrapper .tabs-content {
    padding: 10px 20px;
    margin-top: 1px;
    border: none;
    color: #8b97b5;
    background: transparent
}

@media screen and (max-width:1024px) {
    .tabs-component .tabs-content-wrapper .tabs-content {
        padding: 0;
        background: transparent
    }
}

.accordion-component .accordion-container {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: transparent;
    padding: 0
}

.accordion-component .accordion-container .accordion-wrapper {
    width: 100%;
    padding-bottom: 1px
}

.accordion-component .accordion-container .accordion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -1px;
    box-sizing: border-box;
    position: relative;
    background: #0f1221;
    padding: 13px 10px;
    border-bottom: 1px solid #f7cc30;
    font-weight: 500;
    color: #fff;
    font-size: 1em
}

.accordion-component .accordion-container .accordion-item.active {
    border-top: none;
    border-bottom: 1px solid #f7cc30;
    color: #f7cc30;
    background: #0f1221;
    height: 100%;
    z-index: 1
}

.accordion-component .accordion-container .accordion-item.active .fa {
    transform: rotate(180deg)
}

.accordion-component .accordion-container a {
    display: block;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
    height: 100%;
    font-size: 1.2em;
    color: #fff;
    border-top: none
}

.accordion-component .accordion-container a:hover {
    text-decoration: none
}

.accordion-component .accordion-container .fa {
    font-size: 1.6em
}

.accordion-component .accordion-content-wrapper {
    position: relative;
    padding: 6px 8px;
    min-height: 265px
}

.accordion-component .accordion-content-wrapper .loading-container {
    margin-top: 3px;
    width: calc(100% - 16px);
    height: calc(100% - 12px);
    position: absolute;
    background: rgba(15, 18, 33, .5)
}

.accordion-component .accordion-content-wrapper .accordion-content {
    padding: 10px 20px;
    margin-top: 1px;
    border: none;
    color: #8b97b5;
    background: transparent
}

.flags {
    background-image: url(assets/images/flag-sprite.png);
    background-repeat: no-repeat
}

.flags-lg {
    height: 48px;
    width: 48px
}

.flags-lg-en {
    background-position: 0 0
}

.flags-lg-no {
    background-position: 0 -48px
}

.flags-lg-sv {
    background-position: 0 -96px
}

.flags-lg-fi {
    background-position: 0 -144px
}

.flags-lg-de {
    background-position: 0 -192px
}

.flags-lg-pl {
    background-position: 0 -240px
}

.flags-lg-nl {
    background-position: 0 -576px
}

.flags-lg-cs {
    background-position: 0 -672px
}

.flags-lg-pt {
    background-position: 0 -960px
}

.flags-lg-es {
    background-position: 0 -1008px
}

.flags-lg-tr {
    background-position: 0 -912px
}

.flags-md {
    background: url(assets/images/flag-sprite-small.png);
    background-size: 25px;
    height: 25px;
    width: 25px
}

.flags-md-en {
    background-position: 0 0
}

.flags-md-no {
    background-position: 0 -25px
}

.flags-md-sv {
    background-position: 0 -50px
}

.flags-md-fi {
    background-position: 0 -75px
}

.flags-md-de {
    background-position: 0 -100px
}

.flags-md-pl {
    background-position: 0 -125px
}

.flags-md-nl {
    background-position: 0 -300px
}

.flags-md-cs {
    background-position: 0 -350px
}

.flags-md-pt {
    background-position: 0 -500px
}

.flags-md-es {
    background-position: 0 -525px
}

.flags-md-tr {
    background-position: 0 -475px
}

.flags-legacy {
    background: url(assets/images/flag-sprite-small.png);
    height: 25px;
    width: 25px
}

.flags-legacy.en {
    background-position: 0 0
}

.flags-legacy.no {
    background-position: 0 -25px
}

.flags-legacy.sv {
    background-position: 0 -50px
}

.flags-legacy.fi {
    background-position: 0 -75px
}

.flags-legacy.de {
    background-position: 0 -100px
}

.flags-legacy.pl {
    background-position: 0 -125px
}

.flags-legacy.nl {
    background-position: 0 -300px
}

.flags-legacy.cs {
    background-position: 0 -350px
}

.flags-legacy.pt {
    background-position: 0 -500px
}

.flags-legacy.es {
    background-position: 0 -1075px
}

.flags-legacy.tr {
    background-position: 0 -475px
}

.flag-page {
    background: url(assets/images/flag-bg.jpg) top no-repeat;
    float: left;
    width: 100%
}

@media screen and (max-width:548px) {
    .flag-page {
        background-position: -1110px -330px
    }
}

@media screen and (max-width:736px) and (orientation:landscape) {
    .flag-page {
        background-position: -855px -330px
    }
}

.flag-page .main-wrapper {
    width: 1180px;
    margin: 0 auto
}

.flag-page .outer-wrapper {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.flag-page .logo {
    width: 100%;
    margin: 4rem 0;
    text-align: center
}

.flag-page .content {
    text-align: center;
    padding-top: 2.14rem;
    padding-bottom: 4.57rem
}

.flag-page .content h1 {
    font-size: 7.5em;
    color: #fff;
    line-height: 1em;
    text-align: center;
    font-family: roboto-bold;
    margin: 0 0 2.5rem
}

.flag-page .content strong {
    font-size: 5em;
    color: #fff;
    font-family: roboto-bold
}

.flag-page .market-list {
    padding: 1.2em 0
}

.flag-page .market-list h3 {
    font-size: 1.3rem;
    color: #fff;
    font-family: roboto-bold;
    text-align: center;
    padding: 0 0 1em
}

.flag-page .market-list ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
    list-style: none;
    text-align: center
}

.flag-page .market-list ul li {
    display: inline-block
}

.flag-page .market-list ul li a {
    line-height: 1.9rem;
    background-position-x: center;
    display: block;
    text-transform: uppercase;
    font-family: roboto-regular;
    font-weight: lighter;
    font-size: 1.1rem;
    color: #fff;
    position: relative;
    padding: 5px 1em;
    text-align: center;
    min-width: 6em;
    z-index: 10
}

.flag-page .flags {
    margin: 0 auto;
    display: block
}

.flag-page .market-list ul li a:after {
    background-color: hsla(0, 0%, 100%, .2);
    content: "";
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    transition: all .3s ease-in-out;
    transition-delay: .1s;
    border-radius: 50%;
    opacity: 0
}

.flag-page .market-list ul li a:hover:after {
    opacity: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: -5px;
    border-radius: 10%
}

@media only screen and (max-width:1197px) {
    .flag-page .main-wrapper {
        width: 100%
    }
    .flag-page .content h1 {
        font-size: 6.5em
    }
    .flag-page .market-list ul li a {
        padding-left: 0;
        padding-right: 0;
        min-width: 5.5em
    }
    .flag-page .market-list ul li a:before {
        background-position-x: 1px
    }
}

@media only screen and (max-width:700px) {
    .flag-page body,
    .flag-page html {
        height: auto
    }
    .flag-page .content h1 {
        font-size: 5em
    }
    .flag-page .market-list ul li {
        margin-top: .71rem;
        width: 7.14rem
    }
    .flag-page .market-list ul li a:before {
        background-position-x: .85rem
    }
}

@media only screen and (max-width:548px) {
    .flag-page .logo img {
        max-width: 100%;
        width: 90%
    }
    .flag-page .content h1 {
        font-size: 3em
    }
    .flag-page .content .btn-group-lg>.btn,
    .flag-page .content .btn.btn-lg {
        font-size: 1.5em
    }
}

@media screen and (min-width:1197px) {
    .no-valid-labels .tooltip {
        top: 5px
    }
}

@media screen and (min-width:1197px) {
    .tooltip {
        position: absolute;
        top: 24px;
        right: -145px;
        width: 130px;
        background: #fff;
        color: #000;
        padding: 10px;
        font-size: 12px;
        line-height: 1.3;
        border: 1px solid #000
    }
}

@media only screen and (min-width:1197px) and (max-width:1380px) {
    .tooltip {
        left: -145px
    }
}

@media screen and (min-width:1197px) {
    .tooltip:after,
    .tooltip:before {
        top: 6px;
        content: " ";
        height: 0;
        position: absolute;
        width: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent
    }
}

@media screen and (min-width:1197px) {
    .tooltip:before {
        left: -10px;
        border-right: 10px solid #fff
    }
}

@media only screen and (min-width:1197px) and (max-width:1380px) {
    .tooltip:before {
        display: none
    }
}

@media screen and (min-width:1197px) {
    .tooltip:after {
        right: -10px;
        border-left: 10px solid #fff;
        display: none
    }
}

@media only screen and (min-width:1197px) and (max-width:1380px) {
    .tooltip:after {
        display: block
    }
}

.suggestion {
    display: none;
    font-size: 1.143rem;
    line-height: 1.429rem;
    font-family: inherit
}

@media screen and (min-width:1025px) {
    .suggestion {
        position: absolute;
        background-color: #1e2434;
        margin-top: 0;
        border: 1px solid #505465;
        border-radius: 5px;
        top: -.7rem;
        padding: .9rem 1.5rem;
        color: #fff;
        max-width: 50em;
        min-width: 20em;
        box-shadow: 0 0 12px 2px #0f1221;
        z-index: 3;
        line-height: 1.5em;
        right: calc(100% + 1em)
    }
    .suggestion:after,
    .suggestion:before {
        content: " ";
        position: absolute;
        top: 1.1em;
        left: 100%;
        border: .5em solid transparent;
        border-left-color: #1e2434
    }
    .suggestion:before {
        margin-left: 1px;
        border-color: transparent transparent transparent #505465
    }
    .radio-buttons-group.horizontal :hover .suggestion,
    .radio-buttons-group.vertical label:hover .suggestion,
    input:focus~.suggestion,
    select:focus~.suggestion {
        display: block
    }
    .radio-buttons-group.vertical label:last-of-type:hover .suggestion {
        display: none
    }
}

@media screen and (max-width:1024px) {
    .suggestion {
        margin: 9px 0 12px
    }
    input:focus~.suggestion {
        display: block
    }
    input[type=checkbox]:focus~.suggestion,
    input[type=radio]:focus~.suggestion {
        display: none
    }
    .suggestion.mob-right-wide-suggest {
        position: relative;
        left: calc(-100% - 15px);
        width: calc(200% + 15px)
    }
    .suggestion .suggestion-inner,
    .suggestion password-meter {
        color: #fff
    }
}

.suggestion .password-clone {
    margin-bottom: .5714em;
    display: block
}

@media screen and (max-width:767px) {
    .suggestion .password-clone {
        margin-bottom: 1.786em
    }
}

.suggestion .duplicate-password {
    color: red
}

.password-meter-wrapper {
    position: relative;
    display: block
}

.password-meter .progress {
    border-radius: 5px;
    height: 10px;
    margin-top: 15px
}

@media screen and (max-width:1024px) {
    .password-meter .progress {
        background: #0f1221
    }
}

.password-meter .password-meter-info {
    background-color: #5bc0de
}

.password-meter .password-meter-warning {
    background-color: #f0ad4e
}

.password-meter .password-meter-danger {
    background-color: #d9534f
}

.password-meter .password-meter-success {
    background-color: #19b959
}

.password-checklist {
    font-size: 1.143rem
}

.password-checklist ul {
    padding: 0;
    margin-left: 0
}

.password-checklist li {
    margin-left: 0;
    list-style-type: none;
    color: #dc4f4e
}

.password-checklist li.valid {
    color: #19b959
}

.password-checklist .icon-tick {
    color: #19b959;
    font-weight: 700;
    font-size: .5714em;
    visibility: hidden;
    margin: 0 .5em 0 .3571em
}

.password-checklist .icon-tick.passed {
    visibility: visible
}

@media screen and (max-width:1024px) {
    .password-checklist {
        color: #fff
    }
}

.toggle-group {
    display: flex
}

.toggle-group .toggle {
    margin: 0 auto;
    width: 2.858rem;
    position: relative;
    cursor: pointer
}

.toggle-group .toggle.disabled {
    opacity: .5
}

.toggle-group .toggle.on .button {
    left: calc(100% - 1.429rem);
    background-color: #fff
}

.toggle-group .toggle.on .track {
    background-color: #3caf59
}

.toggle-group .toggle .track {
    background-color: #ccc;
    width: 100%;
    height: 1.071rem;
    border-radius: 1.071rem;
    position: relative;
    transition: background-color .2s ease-in-out;
    box-shadow: 0 1px 4px #999
}

.toggle-group .toggle .button {
    width: 1.429rem;
    height: 1.429rem;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    border-radius: 100%;
    top: -.179rem;
    left: 0;
    transition: left .1s ease-in-out, background-color .2s ease-in-out;
    box-shadow: 0 2px 7px #999
}

.toggle-group .toggle input[type=checkbox] {
    display: none
}

.toggle-btns {
    padding: 5px 0;
    display: inline-flex
}

.toggle-btns .btn-toggle {
    padding: 9px 12px;
    border: 1px solid #161d2d;
    background-color: #1e2434
}

.toggle-btns .btn-toggle:nth-child(2) {
    border-radius: 0 5px 5px 0 !important
}

.toggle-btns .btn-toggle.active {
    color: #fff;
    outline: none;
    background-color: #161d2d;
    cursor: default
}

.toggle-btns .btn-toggle.active:first-child {
    border-radius: 5px 0 0 5px !important
}

.toggle-btns .btn-toggle.active:nth-child(2) {
    border-radius: 0 5px 5px 0 !important
}

.progress-bar-wrapper {
    width: 100%;
    height: 10px;
    margin: 20px 0;
    overflow: hidden;
    background-color: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border-radius: 10px
}

.progress-bar-wrapper .progress-stripe {
    margin: 0;
    height: 100%;
    text-align: center;
    transition: width .6s ease
}

@-webkit-keyframes loading-dots {
    0%,
    20% {
        color: transparent;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
    }
    40% {
        color: #333;
        text-shadow: .25em 0 transparent, .5em 0 0 transparent
    }
    60% {
        text-shadow: .25em 0 0 #333, .5em 0 0 transparent
    }
    80%,
    to {
        text-shadow: .25em 0 0 #333, .5em 0 0 #333
    }
}

@keyframes loading-dots {
    0%,
    20% {
        color: transparent;
        text-shadow: .25em 0 0 transparent, .5em 0 0 transparent
    }
    40% {
        color: #333;
        text-shadow: .25em 0 transparent, .5em 0 0 transparent
    }
    60% {
        text-shadow: .25em 0 0 #333, .5em 0 0 transparent
    }
    80%,
    to {
        text-shadow: .25em 0 0 #333, .5em 0 0 #333
    }
}

body {
    background: #0f1221;
    -webkit-font-smoothing: antialiased
}

body a.disabled,
body a[disabled] {
    color: inherit;
    text-decoration: none;
    pointer-events: none
}

body.fixed-scrolling {
    position: fixed;
    overflow-y: scroll;
    width: 100%
}

body.no-overflow-anchor {
    overflow-anchor: none
}

body .text-align {
    text-align: initial
}

body .text-align.center {
    text-align: center
}

body .app-container {
    width: 100%
}

body .app-container .inner-wrap,
body .app-container .inner-wrap .main-content {
    width: 100%;
    height: 100%
}

body .hide-content {
    display: none
}

body.sga.smart-banner-enabled .main-content {
    margin-top: 91px
}

body.sga .main-content {
    margin-top: 32px
}

@media screen and (max-width:767px) {
    body.sga .main-content {
        margin-top: 23px
    }
}

body.sga:-webkit-full-screen::backdrop {
    background-color: transparent
}

body.sga:-ms-fullscreen::backdrop {
    background-color: transparent
}

body.sga:fullscreen::-webkit-backdrop {
    background-color: transparent
}

body.sga:fullscreen::backdrop {
    background-color: transparent
}

body.sga.smart-banner-enabled .body-notification {
    top: 91px
}

body.sga .body-notification {
    top: 32px
}

@media screen and (max-width:767px) {
    body.sga .body-notification {
        top: 23px
    }
}

body .main-content.hide-main-content {
    display: none
}

body .main-content.persistent-header {
    margin-top: 64px
}

@media screen and (max-width:767px) {
    body .main-content.persistent-header .fixed-header-wrapper {
        top: 64px
    }
}

body .fixed-header-wrapper {
    position: static;
    top: auto;
    z-index: auto
}

@media screen and (max-width:767px) {
    body .fixed-header-wrapper {
        position: sticky;
        top: 0;
        z-index: 22
    }
}

body.sga.smart-banner-enabled .fixed-header-wrapper {
    top: 91px
}

body.sga .fixed-header-wrapper {
    top: 32px
}

@media screen and (max-width:767px) {
    body.sga .fixed-header-wrapper {
        top: 23px
    }
}

body .content-wrapper,
body footer .content-align,
footer body .content-align {
    max-width: 1186px;
    margin: 0 auto
}

body.modal-open {
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

@media screen and (max-width:767px) {
    body.modal-open {
        overflow: scroll
    }
}

body .fa.icon-triangle {
    font-family: FontAwesome
}

body .fa.icon-triangle:before {
    content: ""
}

body.logged-in.game {
    margin-bottom: 50px
}

@media screen and (max-width:767px) {
    body.logged-in.game {
        margin-bottom: 0
    }
}

body>img[width="1"] {
    position: absolute
}

body.game .global-inline-notifications.bottom-notifications .growl-container {
    bottom: 50px
}

.dropdown-toggle:after {
    display: none !important
}

@media screen and (max-width:548px) {
    .sectioner>div {
        width: 100%
    }
}

@media screen and (max-width:700px) {
    .tablet-hide {
        display: none !important
    }
}

@media screen and (max-width:548px) {
    .mobile-hide {
        display: none !important
    }
}

.two-column-layout {
    max-width: 95%;
    display: block
}

@media screen and (min-width:1025px) {
    .two-column-layout {
        padding-top: 0
    }
}

.two-column-layout .main-navigation {
    width: 260px;
    float: left;
    display: block
}

@media screen and (max-width:548px) {
    .two-column-layout .main-navigation {
        display: none
    }
}

.two-column-layout .casino-lobby {
    float: left;
    display: block;
    width: calc(100% - 260px)
}

@media screen and (max-width:548px) {
    .two-column-layout .casino-lobby {
        width: 100%
    }
}

.splash {
    position: relative;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: #0f1221
}

.splash .logo {
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-size: 25% auto;
    background-repeat: no-repeat;
    background-image: url(assets/images/loader.gif)
}

@media screen and (max-width:548px) {
    .splash .logo {
        background-size: 80% auto
    }
}

.app-overlay {
    display: none
}

.app-overlay.active {
    display: block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    z-index: 699;
    background-color: rgba(0, 0, 0, .5)
}

.fixed-document {
    height: 100vh;
    height: -webkit-fill-available
}

.fixed-document,
body.prevent-scroll,
html.prevent-scroll {
    overflow-y: hidden
}

@media screen and (max-width:1024px) {
    body.prevent-scroll,
    html.prevent-scroll {
        position: relative
    }
    body.prevent-scroll.modal-iframe-scroll-fix,
    html.prevent-scroll.modal-iframe-scroll-fix {
        position: fixed
    }
}

body .hide-modal-backdrop,
html .hide-modal-backdrop {
    display: none
}

body.unset-overflow,
html.unset-overflow {
    overflow: unset
}

@media screen and (max-width:767px) {
    .sga .overlay-box .modal-dialog .modal-body {
        padding: 0 1em 40px
    }
}

.modal {
    position: fixed;
    overflow: hidden;
    width: 100%;
    font-family: roboto-regular
}

.sga .modal {
    top: 15px
}

@media screen and (max-width:767px) {
    .sga .modal {
        top: 40px
    }
}

.modal.ios-focus-fix {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.modal a {
    font-weight: 500
}

.modal a,
.modal a:hover {
    color: #f7cc30;
    text-decoration: underline
}

.modal li,
.modal p {
    color: #8b97b5
}

.modal strong {
    color: #fff
}

.modal .modal-dialog {
    background: #161d2d;
    transition: transform .2s ease;
    will-change: transform;
    margin: 30px auto
}

.persistent-header .modal .modal-dialog {
    margin-top: 64px
}

@media screen and (max-width:1024px) {
    .modal .modal-dialog {
        min-height: 100vh;
        margin: 0;
        max-width: unset
    }
    .sga .modal .modal-dialog {
        padding-bottom: 4vh
    }
}

.modal .modal-dialog.modal-dialog-margin-0 {
    margin: 0
}

.modal .modal-dialog.slide-left {
    transform: translate3d(-150px, 0, 0)
}

.modal .modal-backdrop {
    background: #000
}

.modal .modal-content {
    background: #1e2434;
    border-radius: 0;
    margin: 0;
    padding: 0;
    line-height: 1.5
}

@media screen and (max-width:548px) {
    .modal .modal-content {
        box-shadow: none;
        border: none
    }
}

.modal .content.modal-tabs {
    margin: 1em 0 0;
    background-image: none
}

.modal .modal-wrapper-loading {
    height: auto;
    margin: 0;
    padding: 0 0 1em
}

.modal .modal-description {
    padding: 15px 30px;
    margin: 0;
    color: #8b97b5
}

.modal .modal-body {
    padding: 0 1em 1em;
    margin: 0;
    display: block
}

.modal .progress {
    float: none;
    background: #1e2434
}

.modal .accordion-view {
    margin: 0
}

.modal .modal-wrapper .header {
    background: #0f1221;
    padding: .5rem .5rem .5rem 1rem;
    margin: 0;
    border-bottom: 2px solid transparent;
    text-transform: lowercase;
    position: relative
}

.modal .modal-wrapper .header .group {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center
}

.modal .modal-wrapper .header .icons {
    text-align: right;
    margin: 0 30px 0 0;
    padding: 0
}

.modal .modal-wrapper .header :first-letter {
    text-transform: uppercase
}

.modal .modal-wrapper .header .close-btn {
    position: relative;
    text-shadow: none;
    font-size: 1.2rem;
    right: 1rem;
    margin-left: 0;
    color: #f7cc30;
    opacity: .9;
    order: 3;
    line-height: 2.1
}

.modal .modal-wrapper .header .close-btn:hover {
    color: #f7cc30;
    cursor: pointer
}

.modal .modal-wrapper .modal-title-headline {
    color: #8b97b5;
    font-family: roboto-medium;
    line-height: 2.5rem;
    margin: 0;
    font-size: 1.714rem;
    font-weight: 0;
    order: unset;
    word-break: break-word;
    flex: 1
}

@media screen and (max-width:767px) {
    .modal .modal-wrapper .modal-title-headline {
        font-size: 1.141524rem;
        line-height: 1.141524rem
    }
}

.modal .modal-wrapper .no-pointer {
    pointer-events: none
}

.modal .modal-wrapper .footer,
.modal .modal-wrapper .header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal .modal-wrapper .footer img,
.modal .modal-wrapper .header img {
    position: relative;
    max-width: 100%;
    height: 35px;
    margin: 0 5px 0 0
}

@media screen and (max-width:767px) {
    .modal .modal-wrapper .footer img,
    .modal .modal-wrapper .header img {
        height: 22px;
        margin: 0 10px 0 0
    }
}

.modal .modal-wrapper .footer {
    padding: 0 2.143rem 1em
}

.modal .modal-wrapper .footer .icons-right img {
    height: 4.286rem
}

.modal .modal-wrapper .list-style {
    margin: 0 0 1.25rem 1.25rem;
    padding: 0;
    list-style-position: inside;
    color: #f7cc30
}

.modal .modal-wrapper .list-style a,
.modal .modal-wrapper .list-style a:hover {
    color: #f7cc30;
    cursor: pointer
}

.modal .modal-body .input-icons-wrapper label,
.modal .modal-body label {
    color: #8b97b5
}

.modal-page .modal-dialog {
    max-width: 900px;
    width: 90%;
    margin: 4.286rem auto 2.143rem
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .modal-page .modal-dialog {
        width: 80%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .modal-page .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:767px) {
    .modal-page .modal-dialog {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    border-radius: 1px
}

.progress,
.progress-bar {
    background-color: #0f1221
}

.progress-bar {
    height: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s ease;
    color: #e1decf;
    padding: .7143rem 0;
    font-family: roboto-medium;
    font-weight: 400;
    margin: 2em auto 1em;
    width: 80%
}

.progress-bar>* {
    color: #e1decf
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}

.progress-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.progress-bar-success {
    background-color: #19b959
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}

.main-container {
    width: 100%
}

.main-container .casino-lobby {
    position: relative;
    min-height: 250px;
    background: #0f1221;
    z-index: 21
}

.main-container .games-lobby {
    max-width: auto;
    margin: 0;
    box-shadow: 0;
    background-color: inherit
}

.main-container .main-lobby-container {
    padding-bottom: 0
}

.main-banner-swiper video {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    background-size: cover;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden
}

.main-banner-swiper .detail-image {
    height: 100%;
    width: 40%;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    z-index: 0
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .detail-image {
        height: 220px
    }
}

@media screen and (max-width:767px) {
    .main-banner-swiper .detail-image {
        margin: 0 auto;
        width: 35%;
        bottom: 50px
    }
}

.main-banner-swiper .banner-title {
    padding: 0 0 .2em;
    line-height: 1.3em;
    text-transform: none;
    overflow: hidden;
    max-height: 4em;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .4);
    font-size: 3.5em;
    font-weight: 800;
    margin-top: -.45em;
    display: block;
    color: #fff;
    font-family: roboto-bold
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .banner-title {
        font-size: 2.2em;
        max-height: 4.4em
    }
}

@media screen and (max-width:767px) {
    .main-banner-swiper .banner-title {
        line-height: 1em;
        font-size: 1.5em;
        max-height: 3em;
        padding: 0
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .main-banner-swiper .banner-title {
        text-align: center
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .main-banner-swiper .banner-title {
        font-size: 1.9em
    }
}

.main-banner-swiper .banner-subtitle {
    padding: 0 0 .6em;
    max-height: 2.4em;
    overflow: hidden;
    line-height: 1.2em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .4);
    font-size: 2.286rem;
    display: block;
    color: #fff;
    font-family: roboto-regular;
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .banner-subtitle {
        font-size: 1.4em
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .main-banner-swiper .banner-subtitle {
        text-align: center
    }
}

.main-banner-swiper .slider-info {
    max-width: 62%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 0
}

@media (max-width:1306px) {
    .main-banner-swiper .slider-info {
        margin-left: 3.3rem
    }
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .slider-info {
        padding-left: 40px;
        margin-left: 0
    }
    .main-banner-swiper .slider-info .buttons-holder {
        display: block
    }
    .main-banner-swiper .slider-info .banner-title {
        width: auto
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .main-banner-swiper .slider-info {
        max-width: 100%;
        width: 100%;
        position: absolute;
        top: unset;
        padding: 0;
        margin: 0;
        transform: translateY(0);
        bottom: 50px;
        left: 0
    }
}

.main-banner-swiper .slider-info .slider-text {
    padding: 0 0 10px
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .main-banner-swiper .slider-info .slider-text {
        margin: 0 15%
    }
}

.main-banner-swiper .buttons-holder {
    position: relative
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .main-banner-swiper .buttons-holder {
        margin: 0 5%
    }
}

.main-banner-swiper .buttons-holder .btn {
    text-transform: capitalize;
    margin: 0 5px 0 0
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .main-banner-swiper .buttons-holder .btn {
        width: 100%
    }
}

.main-banner-swiper .buttons-holder .btn:before {
    font-family: FontAwesome;
    content: "";
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid
}

.main-banner-swiper .content-wrapper,
.main-banner-swiper footer .content-align,
footer .main-banner-swiper .content-align {
    height: 100%
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .content-wrapper .banner-btn,
    .main-banner-swiper footer .content-align .banner-btn,
    footer .main-banner-swiper .content-align .banner-btn {
        display: inherit;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2
    }
}

.main-banner-swiper .terms-apply {
    font-size: .7em;
    padding-top: 6px;
    display: block;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .9);
    font-family: roboto-regular;
    position: absolute;
    bottom: auto;
    font-weight: 700;
    width: 100%
}

@media screen and (max-width:767px) {
    .main-banner-swiper .terms-apply {
        font-size: .7em
    }
}

.main-banner-swiper .swiper .swiper-navigation {
    top: 45%;
    height: 25px;
    background-size: auto;
    z-index: 3
}

.main-banner-swiper .swiper .swiper-navigation .swiper-next {
    width: 27px;
    height: 44px;
    background-size: 27px 44px;
    right: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23999'/%3E%3C/svg%3E")
}

.main-banner-swiper .swiper .swiper-navigation .swiper-previous {
    width: 27px;
    height: 44px;
    background-size: 27px 44px;
    left: 10px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23999'/%3E%3C/svg%3E")
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .swiper .swiper-navigation .swiper-next,
    .main-banner-swiper .swiper .swiper-navigation .swiper-previous {
        display: none
    }
}

.main-banner-swiper .swiper .swiper-slide {
    background-position: top;
    background-size: cover;
    height: 350px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .swiper .swiper-slide {
        height: 250px
    }
}

@media screen and (max-width:767px) {
    .main-banner-swiper .swiper .swiper-slide {
        height: 220px
    }
}

.main-banner-swiper .swiper .dots-wrapper {
    bottom: 0;
    padding: 0;
    margin-left: 0
}

@media screen and (max-width:1024px) {
    .main-banner-swiper .swiper .dots-wrapper {
        margin-bottom: 5px
    }
}

.main-banner-swiper .swiper .dots-wrapper li {
    display: inline-block;
    border-radius: 12px;
    margin: 0 6px 0 3px;
    opacity: .8;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    background: none
}

.main-banner-swiper .swiper .dots-wrapper li.active {
    background: #0f145a;
    opacity: .8
}

.deposit-limit {
    width: 100%;
    display: table
}

.deposit-limit .display-limit {
    color: #999
}

.deposit-limit .display-limit div {
    display: table-row
}

.deposit-limit .user-options {
    width: 100%;
    display: block;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    border: none;
    background: #0f1221
}

@media screen and (max-width:548px) {
    .deposit-limit .user-options {
        padding: 10px
    }
}

.deposit-limit .user-options .title {
    margin-bottom: 20px;
    color: #8b97b5;
    display: initial
}

.deposit-limit .user-options .criteria {
    display: table-cell
}

.deposit-limit .user-options .amount {
    font-weight: 600;
    padding-left: 7px;
    display: table-cell
}

.deposit-limit .user-options .amount:last-child {
    margin-bottom: 20px
}

.deposit-limit .user-options .confirmation,
.deposit-limit .user-options .notification {
    position: relative;
    margin: 20px 0;
    font-size: 1.1em;
    display: block;
    clear: both
}

.deposit-limit .user-options .buttons {
    position: relative;
    bottom: 0
}

.deposit-limit .user-options .buttons .btn:first-child {
    margin-right: .2em
}

.deposit-limit .user-options .field-container {
    position: relative;
    width: 100%;
    margin-bottom: 15px
}

.deposit-limit .user-options .field-container input[type=number],
.deposit-limit .user-options .field-container input[type=number]:active,
.deposit-limit .user-options .field-container input[type=number]:focus,
.deposit-limit .user-options .field-container input[type=number]:hover {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.deposit-limit .user-options .field-container input[type=number]::-webkit-inner-spin-button,
.deposit-limit .user-options .field-container input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.deposit-limit .user-options .field-container label.currency {
    position: absolute;
    bottom: .25em;
    font-size: .8em;
    line-height: 1em;
    z-index: 1;
    right: .5em;
    left: auto
}

.deposit-limit .user-options .field-container label.currency.currency-left {
    left: 8px;
    right: auto
}

.deposit-limit .user-options form {
    margin: 20px
}

@media screen and (max-width:548px) {
    .deposit-limit .user-options form {
        width: calc(100% - 40px)
    }
}

.deposit-limit .user-options form fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

.deposit-limit .user-options form .amount-input div[field-type=text] {
    margin-bottom: 20px
}

.deposit-limit .user-options form .amount-input div[field-type=text] input {
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    border: 1px solid #bbb;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
    transition: all, .3s, ease-in-out
}

.deposit-limit .user-options form .radio-holder {
    width: 100%;
    margin-bottom: 10px
}

.deposit-limit .user-options form .radio-holder input {
    display: block;
    width: 13px;
    margin: 6px 5px 0 0 !important;
    float: left
}

.deposit-limit .user-options form .radio-holder .radio {
    line-height: 1.9;
    display: block;
    width: calc(100% - 13px);
    font-weight: 700;
    font-size: 1em !important
}

.deposit-limit .user-options form .radio-buttons {
    display: block;
    float: left;
    width: 100%
}

.deposit-limit .user-options form button {
    margin: 0 !important
}

.deposit-limit .user-options form .confirm div {
    margin-top: 20px
}

@media screen and (max-width:548px) {
    .deposit-limit .buttons .btn {
        display: block;
        width: 100%
    }
    .deposit-limit .buttons .btn:first-child {
        margin-bottom: 10px;
        margin-right: 0
    }
}

.deposit-limit .legal-text {
    width: 100%;
    padding: 20px 0 0
}

.self-exclusion .section {
    padding-bottom: 20px
}

.self-exclusion .section.option {
    padding-top: 20px;
    margin: 0
}

.self-exclusion .section.option.inactive * {
    opacity: .5
}

.self-exclusion .section a {
    font-size: inherit;
    color: #f7cc30;
    text-align: left;
    display: initial
}

.self-exclusion .info {
    background-color: #0f1221
}

.self-exclusion .underline {
    border-bottom: 1px solid #bbb;
    color: #646b73
}

.self-exclusion .description {
    padding: 5px 0;
    color: #646b73
}

.self-exclusion .info {
    margin: 5px 0 20px;
    padding: 10px;
    border: none;
    border-radius: 5px
}

.self-exclusion .confirm {
    padding: 20px 0 0
}

.self-exclusion .confirm .btn {
    margin-right: 4px
}

.self-exclusion .select-wrapper {
    display: inline-block
}

@media screen and (max-width:1024px) {
    .self-exclusion .select-wrapper {
        display: block
    }
}

.self-exclusion .self-exclude-btn .btn {
    margin: 1em 0;
    width: 100%
}

.self-exclusion .info-logo {
    margin-bottom: 10px
}

.self-exclusion .info-logo img {
    width: 20%
}

@media screen and (max-width:767px) {
    .self-exclusion .info-logo img {
        width: 70%
    }
}

.self-exclusion .extend-self-exclusion {
    margin-top: 30px
}

.self-exclusion .extend-self-exclusion a {
    display: block;
    margin: 2em 0
}

.self-exclusion .checkbox-label {
    margin: 12px 0 30px 22px
}

.self-exclusion .cross-brand-self-exclusion-select .field {
    margin: 10px 0
}

.self-exclusion .cross-brand-self-exclusion-select label {
    font-family: roboto-bold
}

.timeout .section {
    padding-bottom: 20px
}

.timeout .section.option {
    padding-top: 20px;
    margin: 0
}

.timeout .section.option.inactive * {
    opacity: .5
}

.timeout .info {
    background-color: #0f1221
}

.timeout .underline {
    border-bottom: 1px solid #bbb
}

.timeout .description {
    padding: 5px 0
}

.timeout .info {
    margin: 5px 0 0;
    padding: 10px;
    border: none;
    border-radius: 5px
}

.timeout .confirm {
    padding: 20px 0 0
}

.timeout .confirm .btn {
    width: 100%
}

.timeout .select-wrapper {
    display: inline-block
}

@media screen and (max-width:1024px) {
    .timeout .select-wrapper {
        display: block
    }
}

.personal-details section {
    margin: 2px 0 1px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 14px
}

.personal-details section .checkbox-label {
    margin: 12px 0 10px 32px
}

.personal-details .invalid-label {
    font-size: inherit
}

.personal-details .user-details {
    width: 100%;
    float: left
}

.personal-details .user-details>div {
    width: 50%
}

.personal-details .user-details>div:first-of-type {
    float: left
}

.personal-details .user-details>div:last-of-type {
    float: right
}

.personal-details .user-details>div>div {
    color: inherit;
    margin: .82em;
    font-size: 1em
}

@media screen and (max-width:767px) {
    .personal-details .user-details>div>div {
        word-break: break-all
    }
}

.personal-details .user-details .user-detail {
    padding: 0;
    border: none;
    color: #fff
}

.personal-details .user-details .user-detail>span {
    color: #8b97b5
}

.personal-details .user-details span {
    font-size: 11px;
    width: 100%;
    display: block
}

.personal-details .editable-content {
    padding: 0 .9286rem
}

.personal-details .editable-content .select-container {
    padding: 10px 0
}

.personal-details .editable-content .details-form {
    margin-bottom: 1px
}

.personal-details .editable-content span.fa {
    font-size: 1rem
}

.personal-details .editable-content .btn.btn-primary {
    margin: 15px 0
}

@media screen and (min-width:1025px) {
    .personal-details .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .personal-details .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .personal-details .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.kyc .kyc-frame {
    position: relative;
    width: 100%;
    min-height: 50vh
}

@media screen and (max-width:548px) {
    .kyc .kyc-frame {
        min-height: 60vh
    }
}

@media screen and (min-width:1025px) {
    .kyc .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .kyc .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .kyc .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.responsible-gaming .content a {
    display: inline;
    font-size: 1rem;
    color: #f7cc30;
    font-weight: 500;
    text-decoration: none
}

.responsible-gaming .content a:hover {
    color: #f7cc30;
    text-decoration: underline
}

.deposit .payment-frame {
    position: relative;
    width: 100%
}

.deposit .deposit-header {
    text-align: center;
    margin: 0 0 1.5em
}

.deposit .claim-response {
    text-align: center
}

.deposit .claim-response .success-response {
    color: #3d8610
}

.deposit .claim-response .failure-response {
    color: #0f1221
}

.deposit .claim-deposit-bonus {
    text-align: center
}

.deposit .deposit-frame-wrapper .terms-and-conditions .content {
    color: #8b97b5;
    padding: 0 0 30px
}

.deposit .progress-bar>h3 {
    color: #e1decf;
    text-align: center
}

.deposit .modal-page .modal-dialog {
    max-width: 900px;
    width: 90%;
    margin: 4.286rem auto 2.143rem
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .deposit .modal-page .modal-dialog {
        width: 80%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .deposit .modal-page .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:767px) {
    .deposit .modal-page .modal-dialog {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

.deposit .ng-hide-animate {
    display: none
}

.withdrawal .payment-frame {
    position: relative;
    width: 100%
}

.my-bonuses .no-bonuses {
    display: block;
    width: 97%;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 10px;
    background: #0f1221;
    color: #646b73;
    border: 1px solid #646b73
}

.my-bonuses .nav-item a {
    padding: 20px
}

.my-bonuses .tab-content {
    color: #8b97b5;
    background: #161d2d;
    border: 0;
    padding: 10px 20px
}

.my-bonuses .tab-content .tab-pane {
    display: none
}

.my-bonuses .tab-content .tab-pane.active {
    display: block
}

@media screen and (max-width:548px) {
    .my-bonuses .tab-content {
        padding: 0
    }
}

.my-bonuses .bonus-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.my-bonuses .bonus-list-item:last-child {
    border-bottom: 0
}

.my-bonuses .bonus-balance {
    color: #8b97b5;
    font-style: italic;
    line-height: 1.5em
}

.my-bonuses .bonus-category-description {
    padding: 20px 0 0;
    color: #fff;
    text-align: left
}

.my-bonuses .bonus-category-description.bonus-category-no-results {
    font-size: 1.143rem;
    padding: 20px 0 10px;
    text-align: center
}

@media screen and (max-width:1024px) {
    .my-bonuses .bonus-category-description {
        padding-top: 0;
        font-size: 17px
    }
}

@media screen and (max-width:767px) {
    .my-bonuses .bonus-category-description {
        padding-top: 0;
        font-size: .8em
    }
}

.accordion-group,
.accordion-group .panel-group {
    display: block
}

.accordion-group .panel {
    display: block;
    overflow: hidden
}

.accordion-group .panel-heading {
    position: relative;
    text-decoration: none;
    background: #0f1221;
    padding: 13px 0;
    border-bottom: 1px solid #f7cc30;
    border-top: 5px solid transparent
}

.accordion-group .panel-title {
    display: block;
    line-height: 1.5rem;
    margin-top: -5px
}

@media screen and (max-width:1024px) {
    .accordion-group .panel-title {
        font-size: 1.643rem
    }
}

@media screen and (max-width:767px) {
    .accordion-group .panel-title {
        font-size: .9286rem
    }
}

.accordion-group .panel-title a {
    display: block;
    position: relative;
    outline: none;
    text-decoration: none;
    padding: 0 30px 0 10px;
    font-size: .7em;
    color: #fff
}

@media screen and (max-width:767px) {
    .accordion-group .panel-title a {
        font-size: 1em;
        line-height: 1.5em
    }
}

.accordion-group .panel-title .fa {
    font-size: 1.5em;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    line-height: 1em;
    color: #fff
}

.accordion-group .panel-collapse {
    overflow: hidden
}

.accordion-group .panel-open .panel-heading {
    background: #0f1221;
    border-top: 5px solid transparent
}

.accordion-group .panel-open .panel-heading .fa,
.accordion-group .panel-open .panel-heading a {
    color: #f7cc30
}

.accordion-group .panel-open .panel-heading .fa {
    transform: rotate(180deg)
}

.accordion-group .panel-open .panel-body {
    padding: 6px 8px
}

@media screen and (max-width:548px) {
    .accordion-group .panel-open .panel-body {
        font-size: .9em
    }
}

.accordion-group .panel-open .tab-content {
    padding: 10px 20px
}

.login .ukgc-login-message {
    color: #8b97b5;
    font-size: 1rem;
    padding: 1rem
}

.login .login-fields .input {
    float: none;
    margin: 0 0 1em
}

.login .login-fields .btn-success {
    margin: 20px 0
}

.login .login-links {
    width: 100%;
    text-align: center;
    margin: .625rem 0;
    color: #5f5f5f
}

.login .login-links a {
    color: #f7cc30;
    font-size: 1rem;
    text-decoration: underline
}

.login .login-links i {
    color: #888;
    cursor: pointer;
    display: none
}

@media screen and (max-width:548px) {
    .login .login-links i {
        display: none
    }
}

.login .login-links .disclaimer {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
    display: inline;
    color: #8b97b5
}

.login .login-links .disclaimer:first-line {
    font-size: 1rem
}

.login .login-links .forgot-password {
    float: none;
    line-height: .5rem;
    padding: 0;
    display: block;
    margin: 0
}

.login .login-links .register {
    float: none
}

.login .login-links .register .btn-register {
    color: #f7cc30;
    font-weight: 500;
    text-decoration: underline;
    font-family: roboto-regular;
    padding: 0 5px
}

.login .bankid-login-button-links .btn {
    width: 50%;
    text-align: center;
    border: 1px solid #0f1221;
    border-radius: 0;
    text-decoration: none;
    margin-bottom: 1em;
    padding: .5em
}

.login .bankid-login-button-links .btn:first-child {
    border-radius: 2px 0 0 2px
}

.login .bankid-login-button-links .btn:last-child {
    border-left: 0;
    border-radius: 0 2px 2px 0
}

.login .bankid-login-button-links .btn.active {
    background-color: #0f1221;
    color: #fff
}

@media screen and (min-width:1025px) {
    .login .modal-dialog {
        max-width: 400px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .login .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.reality-check {
    color: #646b73
}

@media screen and (min-width:1025px) {
    .reality-check .overlay-box {
        padding: 2em
    }
}

@media screen and (max-width:1024px) {
    .reality-check .overlay-box {
        padding: 2em
    }
}

@media screen and (max-width:767px) {
    .reality-check .overlay-box {
        padding: 0
    }
}

.reality-check .overlay-box .overlay-box-content-wrapper {
    max-width: 600px
}

@media screen and (max-width:767px) {
    .reality-check .overlay-box .overlay-box-content-wrapper {
        max-width: 100%
    }
}

@media screen and (max-width:1024px) {
    .reality-check .overlay-box .overlay-box-content {
        flex: 0
    }
}

@media screen and (max-width:767px) {
    .reality-check .overlay-box .overlay-box-content {
        flex: 1
    }
}

.reality-check .overlay-box .overlay-box-header {
    margin-top: 50px
}

.reality-check .overlay-box .overlay-box-content {
    padding: 0;
    line-height: 1.5
}

.reality-check .reality-check-inner {
    padding: 2.143rem;
    margin: 0
}

.reality-check .reality-check-inner .reality {
    width: 100%;
    font-size: 0;
    display: table;
    padding-top: 30px
}

.reality-check .reality-check-inner .reality>div {
    display: table-row
}

.reality-check .reality-check-inner .reality .data,
.reality-check .reality-check-inner .reality .information {
    width: 50%;
    font-size: 14px;
    border: 1px solid;
    border-top: 0
}

.reality-check .reality-check-inner .reality .information {
    text-align: right;
    padding: 5px;
    font-weight: 600;
    border-color: #535353;
    display: table-cell
}

.reality-check .reality-check-inner .reality .information.first {
    border-color: currentcolor #535353 #535353;
    border-top: 1px solid #535353
}

.reality-check .reality-check-inner .reality .data {
    text-align: left;
    border-left: 0;
    padding: 5px;
    border-color: #535353;
    display: table-cell
}

.reality-check .reality-check-inner .reality .data.first {
    border-color: currentcolor #535353 #535353;
    border-top: 1px solid #535353
}

.reality-check .reality-check-inner .footer {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

.reality-check .reality-check-inner .footer .show-again {
    width: 100%;
    float: left;
    margin: 15px 0
}

.reality-check .reality-check-inner .footer .buttons {
    text-align: center
}

.reality-check .reality-check-inner .footer .buttons .logout {
    margin-top: 15px;
    margin-left: 20px;
    color: #f7cc30
}

@media screen and (min-width:1025px) {
    .reality-check .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .reality-check .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .reality-check .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.promotions .swiper-banner .swiper-container {
    height: 100%;
    cursor: default
}

.promotions .swiper-banner .swiper-slide {
    background-position: top;
    background-size: cover;
    height: 350px;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .promotions .swiper-banner .swiper-slide {
        height: 250px
    }
    .promotions .swiper-banner .swiper-slide .btn-only {
        margin-top: 17%
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .promotions .swiper-banner .swiper-slide {
        height: 200px
    }
    .promotions .swiper-banner .swiper-slide .btn-only {
        margin-top: 17%
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .promotions .swiper-banner .swiper-slide {
        height: 220px
    }
    .promotions .swiper-banner .swiper-slide .btn-only {
        margin-top: 0
    }
}

.promotions .swiper-banner .slider-info {
    padding-left: 0
}

.promotions .swiper-banner .slider-info .banner-subtitle,
.promotions .swiper-banner .slider-info .banner-title {
    display: block;
    color: #fff
}

.promotions .swiper-banner .slider-info .banner-title {
    font-family: roboto-bold
}

.promotions .swiper-banner .slider-info .banner-subtitle {
    font-family: roboto-regular
}

.promotions .swiper-banner .terms-apply {
    font-size: .7em;
    padding-top: 6px;
    display: block;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .9);
    font-family: roboto-regular;
    position: absolute;
    bottom: auto;
    font-weight: 700;
    width: 100%
}

@media screen and (max-width:767px) {
    .promotions .swiper-banner .terms-apply {
        font-size: .7em
    }
}

.promotions .swiper-banner .fullscreen .terms-apply {
    position: relative;
    bottom: unset
}

.promotions .swiper-banner .swiper-wrapper {
    height: 100%
}

.promotions .swiper-banner .swiper-wrapper .banner-btn-mobile {
    display: none
}

@media screen and (max-width:767px) {
    .promotions .swiper-banner .swiper-wrapper .banner-btn-mobile {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

.promotions.prevent-scroll.mobile,
.promotions.prevent-scroll.tablet {
    position: fixed
}

.promotions.mobile,
.promotions.tablet {
    position: relative
}

.promotions.mobile .main-navigation,
.promotions.tablet .main-navigation {
    max-height: 0;
    max-width: 0;
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    transition: all, 1s, ease
}

.promotions.mobile .slider-info,
.promotions.tablet .slider-info {
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 40px;
    right: 0;
    left: 0;
    padding: 20px
}

.promotions.mobile .slider-info .banner-subtitle,
.promotions.tablet .slider-info .banner-subtitle {
    line-height: 1.6em;
    margin: 0 0 15px;
    display: -webkit-box;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    box-orient: vertical
}

@media screen and (max-width:1024px) {
    .promotions.mobile .slider-info .banner-subtitle,
    .promotions.tablet .slider-info .banner-subtitle {
        font-size: 1.1em;
        max-height: 4.8em
    }
}

@media screen and (max-width:767px) {
    .promotions.mobile .slider-info .banner-subtitle,
    .promotions.tablet .slider-info .banner-subtitle {
        font-size: .9em;
        max-height: 4.8em
    }
}

.promotions .promo-subtitle,
.promotions .promo-title {
    text-align: center;
    color: #646b73;
    display: block;
    margin: 0 auto
}

.promotions .promo-title {
    letter-spacing: normal;
    text-shadow: none;
    font-weight: 800
}

.promotions .promo-mobile .swiper-slide {
    height: 100%
}

.promotions .promo-mobile .slider-info .banner-title {
    font-size: 1.25em;
    padding-bottom: 15px
}

@media screen and (max-width:1024px) {
    .promotions .promo-mobile .slider-info .buttons-holder {
        position: relative;
        padding: 0 0 15px;
        text-align: left
    }
}

@media screen and (max-width:1024px) {
    .promotions .promo-mobile .slider-info .buttons-holder .btn {
        padding: 20px;
        margin-top: 2px
    }
}

.promotions .promo-mobile .swiper {
    height: 100%
}

.promotions .promo-mobile .swiper .dots-wrapper {
    padding: 0;
    width: 100%;
    text-align: center;
    bottom: 29px
}

.promotions .promo-mobile .swiper .dots-wrapper li {
    margin: 0 6px 0 3px;
    opacity: .8;
    height: 14px;
    width: 14px;
    background: none;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 12px
}

.promotions .promo-mobile .swiper .dots-wrapper li.active {
    background: #0f145a;
    opacity: .8
}

.promotions .promo-mobile .promo-page-title {
    position: absolute;
    top: unset;
    z-index: 3;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    padding: 8px
}

.promotions .promo-mobile .promo-page-title .promo-subtitle,
.promotions .promo-mobile .promo-page-title .promo-title {
    color: #fff;
    width: 100%
}

.promotions .promo-mobile .promo-page-title .promo-title {
    text-align: center;
    padding: 0;
    text-transform: capitalize;
    text-shadow: none
}

.promotions .promo-lobby {
    background: #0f1221
}

.promotions .promo-lobby .promo-title {
    padding: 10px 5px 0;
    text-transform: capitalize;
    font-family: inherit;
    visibility: visible
}

.promotions .promo-lobby .promo-subtitle {
    padding: 0;
    font-family: inherit;
    display: block
}

.promotions .promo-lobby .content-wrapper,
.promotions .promo-lobby footer .content-align,
footer .promotions .promo-lobby .content-align {
    max-width: 1186px
}

.promotions .promo-lobby .content-wrapper .promo-wrapper,
.promotions .promo-lobby footer .content-align .promo-wrapper,
footer .promotions .promo-lobby .content-align .promo-wrapper {
    width: 100%;
    margin: 15px 0 0;
    overflow: hidden;
    display: inline-block;
    grid-gap: 20px;
    padding: 0 1em 10px
}

@supports (display:grid) {
    .promotions .promo-lobby .content-wrapper .promo-wrapper,
    .promotions .promo-lobby footer .content-align .promo-wrapper,
    footer .promotions .promo-lobby .content-align .promo-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    @media screen and (max-width:1024px) {
        .promotions .promo-lobby .content-wrapper .promo-wrapper,
        .promotions .promo-lobby footer .content-align .promo-wrapper,
        footer .promotions .promo-lobby .content-align .promo-wrapper {
            grid-template-columns: 1fr;
            margin: 35px 0 0
        }
    }
}

.promotions .promo-lobby .content-wrapper .button-link-group,
.promotions .promo-lobby footer .content-align .button-link-group,
footer .promotions .promo-lobby .content-align .button-link-group {
    position: absolute;
    top: .7em
}

.promotions .main-navigation {
    padding: 0
}

body.seamless-register .register-container .register-item-content {
    width: 68%;
    color: #fff;
    font-size: 1.14rem;
    text-align: left
}

.register-container {
    position: relative;
    background: #161d2d
}

@media screen and (max-width:767px) {
    .register-container {
        background-color: #0f1221
    }
}

@media screen and (max-width:1024px) {
    .register-container .regular-registration-header {
        margin-bottom: 1em
    }
}

@media screen and (max-width:767px) {
    .register-container .regular-registration-header {
        background-color: transparent;
        margin-bottom: 0
    }
}

.register-container .register-title {
    color: #fff;
    font-family: inherit
}

@media screen and (max-width:1024px) {
    .register-container .register-title {
        color: #fff
    }
}

.register-container .register-subtitle {
    color: #fff;
    font-family: inherit
}

@media screen and (max-width:1024px) {
    .register-container .register-subtitle {
        color: #fff
    }
}

.register-container .tablet-header {
    display: none
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .register-container .tablet-header {
        display: block
    }
}

.register-container .reg-container {
    position: relative;
    margin: auto;
    max-width: 1186px;
    padding: 30px 0 65px
}

@media screen and (max-width:767px) {
    .register-container .reg-container {
        padding: 0
    }
}

.register-container .column-one.opaque-overlay-on,
.register-container .column-two.opaque-overlay-on {
    opacity: .3;
    transition: .1s linear
}

.register-container .column-one {
    position: relative;
    float: left;
    width: 195px
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .register-container .column-one {
        display: none
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .register-container .column-one {
        display: none
    }
}

.register-container .column-two {
    position: relative;
    float: left;
    width: calc(55% - 107.25px);
    text-align: center;
    margin-top: 2.857rem;
    font-family: inherit
}

.register-container .column-two.regular-registration {
    width: calc(60% - 117px)
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .register-container .column-two {
        display: block;
        width: 50%;
        margin-left: -15px
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .register-container .column-two {
        display: none
    }
}

@media screen and (max-width:767px) {
    .register-container .column-two {
        display: none
    }
}

.register-container .column-two span {
    display: block
}

.register-container .column-two .register-item {
    margin: 2.143rem 0;
    font-family: inherit;
    color: #0f1221
}

.register-container .column-two .register-item:last-child hr {
    display: none
}

.register-container .column-two .register-item-header h2 {
    color: #8b97b5;
    font-weight: 700;
    line-height: 1em
}

.register-container .column-two .register-item-content {
    color: #fff;
    width: 60%;
    margin: 1rem auto 2.143rem
}

.register-container .column-two hr {
    height: 2px;
    width: 12%;
    border-top: 1px solid inherit
}

.register-container .column-three {
    position: relative;
    float: left;
    background: #1e2434;
    width: calc(44% - 85.8px)
}

@media screen and (max-width:767px) {
    .register-container .column-three nav {
        background: #0f1221;
        height: 60px
    }
}

.register-container .column-three .register-form form {
    margin-top: 1rem
}

@media screen and (min-width:1025px) {
    .register-container .column-three .register-form form {
        margin-top: 2.143rem
    }
}

.register-container .column-three.tab-registration-container .tab-form {
    display: block;
    border: 1px solid #ccc;
    background-color: transparent;
    border-radius: 0 0 5px 5px
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container .tab-form {
        border: none
    }
}

.register-container .column-three.tab-registration-container .tab-container {
    position: relative;
    display: inline-block;
    width: 49%;
    height: 60px
}

.register-container .column-three.tab-registration-container .tab-container:first-child .tab-link {
    padding-right: 1.2rem
}

.register-container .column-three.tab-registration-container .tab-container:nth-child(2) {
    float: right
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container .tab-container:nth-child(2) {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container .tab-container.active {
        z-index: 1;
        transform: translateZ(0)
    }
}

.register-container .column-three.tab-registration-container .tab-container.active .tab-ui {
    background-color: #fff;
    border-bottom-style: none;
    box-shadow: none
}

.register-container .column-three.tab-registration-container .tab-container .tab-content {
    position: absolute;
    font-size: 1.2rem;
    line-height: 4.5em;
    text-align: center;
    height: 100%;
    width: 100%
}

.register-container .column-three.tab-registration-container .tab-container .tab-content .tab-icon {
    padding-right: 2px;
    padding-bottom: 8px
}

.register-container .column-three.tab-registration-container .tab-container .tab-content .tab-link {
    position: absolute;
    width: 100%;
    left: 0;
    text-decoration: none;
    cursor: pointer
}

.register-container .column-three.tab-registration-container .tab-container .tab-content .tab-link.disabled {
    cursor: not-allowed
}

.register-container .column-three.tab-registration-container .tab-container .tab-content .tab-link.disabled span {
    color: rgba(0, 0, 0, .3)
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container .tab-container .tab-content .tab-link {
        z-index: 1;
        padding-right: 0;
        font-size: 1.1rem
    }
}

.register-container .column-three.tab-registration-container .tab-container .tab-content .tab-link span {
    height: 100%;
    width: 100%;
    color: #000
}

.register-container .column-three.tab-registration-container .tab-container .tab-ui {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background-color: #dee6e8;
    transform: perspective(20px) rotateX(1deg);
    border: 1px #ccc;
    border-style: solid solid none;
    top: 3px;
    box-shadow: inset 0 -10px 20px -12px rgba(0, 0, 0, .3)
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container .tab-container .tab-ui {
        border: none
    }
}

.register-container .column-three.tab-registration-container .tab-container .tab-ui.left-tab {
    transform-origin: bottom left;
    margin-right: 2%
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container .tab-container .tab-ui.left-tab {
        width: 110%
    }
}

.register-container .column-three.tab-registration-container .tab-container .tab-ui.right-tab {
    transform-origin: bottom right
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .register-container .column-three.tab-registration-container {
        width: 50%
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .register-container .column-three.tab-registration-container {
        width: 70%;
        margin-left: 15%
    }
}

@media screen and (max-width:767px) {
    .register-container .column-three.tab-registration-container {
        width: 100%;
        border: none;
        margin-left: 0;
        background-color: transparent;
        padding: 0
    }
}

.register-container .column-three.regular-registration-container {
    width: calc(40% - 78px);
    border: 1px solid #646b73;
    background-color: transparent;
    border-radius: none;
    padding: none
}

@media screen and (min-width:1025px) {
    .register-container .column-three.regular-registration-container {
        height: auto;
        overflow: visible
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .register-container .column-three.regular-registration-container {
        width: 50%
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .register-container .column-three.regular-registration-container {
        border: 1px solid #646b73;
        width: 70%;
        margin-left: 15%
    }
}

@media screen and (max-width:767px) {
    .register-container .column-three.regular-registration-container {
        width: 100%;
        border: none;
        margin-left: 0;
        background-color: transparent;
        padding: 0
    }
}

.register-container .banner {
    padding: 0;
    margin-left: -15px;
    color: #fff
}

.register-container .banner h2 {
    font-size: 3.3423rem
}

.register-container .banner h3 {
    font-size: 2.7859rem
}

.register-container .banner h4 {
    font-size: 2.2282rem
}

.register-container .banner h5 {
    font-size: 1.6718rem
}

.register-container .banner h6 {
    font-size: 1.3rem
}

.register-container .banner p {
    font-size: 1.3rem;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.3
}

.register-container .banner .background-image {
    z-index: -1;
    width: 100%
}

.register-container .banner .bottom,
.register-container .banner .middle,
.register-container .banner .top {
    position: absolute;
    width: 100%;
    text-align: center
}

.register-container .banner .bottom div:last-child,
.register-container .banner .middle div:last-child,
.register-container .banner .top div:last-child {
    margin-top: 10px
}

.register-container .banner .top {
    top: 5%
}

.register-container .banner .middle {
    top: 50%;
    transform: translateY(-50%)
}

.register-container .banner .bottom {
    bottom: 5%
}

.register-container .banner .content,
.register-container .banner .logo {
    z-index: 1;
    padding: 0 15px
}

.register-container .group-label {
    padding-left: 2.143rem;
    margin-bottom: .2rem;
    font-size: 1rem;
    color: #fffdec
}

@media screen and (max-width:767px) {
    .register-container .group-label {
        padding-left: 1.071rem
    }
}

.register-container .opaque-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #161d2d
}

@media screen and (max-width:767px) {
    .register-container .opaque-overlay {
        background-color: #1e2434
    }
}

.register-container .registration-block {
    margin: 20px;
    padding: 20px
}

.register-container .registration-block .title {
    padding-bottom: 10px;
    color: #0f1221
}

.register-container .registration-block .description {
    font-size: 1.25rem;
    line-height: 1.25rem
}

.register-container .registration-block .btn {
    margin: 20px 0
}

.register-form .tooltip-slider-content {
    padding: 0 15px
}

.register-form .tooltip-slider-content .top-content {
    text-align: center;
    padding: 20px 0
}

.register-form form {
    margin-top: 2.143rem;
    margin-bottom: 2.143rem
}

@media screen and (max-width:767px) {
    .register-form form {
        padding: 0 1.5em;
        margin-top: 0;
        border: none;
        box-shadow: none
    }
}

.register-form form .row>div:not(.row) {
    padding-left: 2.143rem;
    padding-right: 2.143rem
}

@media screen and (max-width:767px) {
    .register-form form .row>div:not(.row) {
        padding-left: 1.071rem;
        padding-right: 1.071rem
    }
    .register-form form .row>div:not(.row).first {
        padding-top: 1.5em
    }
}

.register-form form .row>div:not([class*="12"]):not(.row) {
    padding-left: 5px;
    padding-right: 5px
}

.register-form form .row>div:not([class*="12"]):not(.row):first-of-type {
    padding-left: 2.143rem
}

@media screen and (max-width:767px) {
    .register-form form .row>div:not([class*="12"]):not(.row):first-of-type {
        padding-left: 1.071rem
    }
}

.register-form form .row>div:not([class*="12"]):not(.row):last-of-type {
    padding-right: 2.143rem
}

@media screen and (max-width:767px) {
    .register-form form .row>div:not([class*="12"]):not(.row):last-of-type {
        padding-right: 1.071rem
    }
}

.register-form form .row>div:not([class*="12"]):not(.row).no-padding-left {
    padding-left: 0
}

.register-form form .row>div:not([class*="12"]):not(.row).no-padding-right {
    padding-right: 0
}

.register-form form .row.no-padding>div {
    padding: 0
}

.register-form form .row.no-padding>div:first-of-type {
    padding-left: 2.143rem
}

@media screen and (max-width:767px) {
    .register-form form .row.no-padding>div:first-of-type {
        padding-left: 1.071rem
    }
}

.register-form form .row.no-padding>div:last-of-type {
    padding-right: 2.143rem
}

@media screen and (max-width:767px) {
    .register-form form .row.no-padding>div:last-of-type {
        padding-right: 1.071rem
    }
}

.register-form form .row .no-registration-required {
    display: block;
    margin: 0 auto 1em
}

.register-form form .row .stacked-inputs {
    padding-left: 2.143rem
}

.register-form label {
    color: #fffdec
}

.register-form .invalid-label {
    display: inline-block;
    margin: 5px 0 12px;
    font-size: .9286rem;
    line-height: 1.429rem;
    font-family: inherit
}

.register-form .radio-buttons {
    outline: none;
    line-height: 20pt;
    padding-bottom: .8em;
    height: auto
}

.register-form .radio-buttons .radio-container {
    padding-right: 20%
}

.register-form input[type=checkbox]+label {
    margin: 0 0 .5em 2.5em;
    color: #fffdec
}

.register-form .field-align {
    margin-top: 12px
}

.register-form .register-fields-subtitle,
.register-form .register-fields-title {
    text-align: center
}

.register-form .register-fields-title {
    color: #0f1221;
    font-family: roboto-bold
}

.register-form .register-fields-subtitle {
    color: #0f1221;
    font-family: roboto-regular
}

.register-form.focus-border {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2);
    transition: .1s linear
}

.register-form .consent,
.register-form .terms {
    outline: none;
    display: inline-block
}

.register-form .consent a,
.register-form .terms a {
    color: #f7cc30;
    text-decoration: none
}

.register-form .consent a:hover,
.register-form .terms a:hover {
    text-decoration: underline
}

.register-form .consent label,
.register-form .terms label {
    cursor: pointer
}

.register-form .group-label {
    padding-left: 2.143rem;
    margin-bottom: .2rem;
    font-size: 1rem;
    color: #fffdec
}

@media screen and (max-width:767px) {
    .register-form .group-label {
        padding-left: 1.071rem
    }
}

.register-form .opaque-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #161d2d;
    z-index: 100
}

.register-form .opaque-overlay.transparent {
    background-color: transparent
}

@media screen and (max-width:767px) {
    .register-form .opaque-overlay {
        background-color: #1e2434
    }
}

.seamless-register-form .toggle-btns {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.seamless-register-form .toggle-btns .btn-toggle {
    padding: 10px 65px
}

.seamless-register-form .tooltip-slider-content {
    padding: 0 15px
}

.seamless-register-form .tooltip-slider-content .top-content {
    text-align: center;
    padding: 20px 0
}

.seamless-register-form form {
    margin-top: 2.143rem;
    margin-bottom: 2.143rem
}

@media screen and (max-width:767px) {
    .seamless-register-form form {
        padding: 0 1.5em;
        border: none;
        box-shadow: none
    }
}

.seamless-register-form form .seamless-subtitle {
    font-size: 1.5rem
}

.seamless-register-form form .row>div:not(.row) {
    padding-left: 2.143rem;
    padding-right: 2.143rem
}

@media screen and (max-width:767px) {
    .seamless-register-form form .row>div:not(.row) {
        padding-left: 1.071rem;
        padding-right: 1.071rem
    }
}

.seamless-register-form form .row>div:not([class*="12"]):not(.row) {
    padding-left: 5px;
    padding-right: 5px
}

.seamless-register-form form .row>div:not([class*="12"]):not(.row):first-of-type {
    padding-left: 2.143rem
}

@media screen and (max-width:767px) {
    .seamless-register-form form .row>div:not([class*="12"]):not(.row):first-of-type {
        padding-left: 1.071rem
    }
}

.seamless-register-form form .row>div:not([class*="12"]):not(.row):last-of-type {
    padding-right: 2.143rem
}

@media screen and (max-width:767px) {
    .seamless-register-form form .row>div:not([class*="12"]):not(.row):last-of-type {
        padding-right: 1.071rem
    }
}

.seamless-register-form form .row>div:not([class*="12"]):not(.row).no-padding-left {
    padding-left: 0
}

.seamless-register-form form .row>div:not([class*="12"]):not(.row).no-padding-right {
    padding-right: 0
}

.seamless-register-form form .select-country {
    padding-right: 5px
}

.seamless-register-form form .select-currency {
    padding-left: 5px
}

.seamless-register-form form .invalid-label {
    display: inline-block;
    margin: 5px 0 12px;
    font-size: .9286rem;
    line-height: 1.429rem;
    font-family: inherit
}

.seamless-register-form form input[type=checkbox]+label {
    margin: 0 0 .5em 2.5em;
    color: #fffdec
}

.seamless-register-form form .field-align {
    margin-top: 12px
}

.seamless-register-form form .field-align.more-info {
    display: flex;
    align-items: center;
    text-align: center
}

.seamless-register-form form .field-align a {
    font-size: 1.143rem;
    color: #333;
    text-decoration: underline;
    cursor: pointer
}

.seamless-register-form form .field-align .bank-id-small {
    float: left;
    width: 45px
}

.seamless-register-form form .field-align .trustly-small {
    float: right;
    width: 60px
}

.seamless-register-form form .seamless-subtitle {
    color: #000;
    text-align: center;
    padding-bottom: 1.5em
}

.seamless-register-form form .select-bonus .radio-buttons {
    height: 100%
}

.seamless-register-form form .select-bonus .radio-buttons .radio-buttons-group {
    display: inherit
}

.seamless-register-form form .select-bonus .radio-buttons .radio-buttons-group label:last-child {
    margin-left: 0
}

.seamless-register-form form .select-bonus .radio-buttons .radio-button {
    float: right;
    top: 32%;
    left: -.5em
}

.seamless-register-form form .select-bonus .radio-button-title {
    width: auto;
    margin-left: 2.3em
}

@media screen and (max-width:767px) {
    .seamless-register-form form .select-bonus .radio-button-title {
        font-size: 1rem
    }
}

.seamless-register-form form .select-bonus label.radio-container {
    height: 50px;
    width: 100%;
    border: 1px solid #646b73;
    border-radius: 5px 5px 0 0;
    background-color: #0f1221
}

.seamless-register-form form .select-bonus label.radio-container .icon-info {
    display: none
}

.seamless-register-form form .select-bonus label.radio-container:first-child .icon-info {
    display: initial
}

.seamless-register-form form .select-bonus label.radio-container:last-child {
    border-radius: 0 0 5px 5px !important;
    margin-top: -1px
}

.seamless-register-form form .select-bonus label.radio-container:last-child .radio-button-title {
    margin-left: .9em
}

.seamless-register-form form .terms {
    outline: none;
    display: inline-block
}

.seamless-register-form form .terms a {
    color: #f7cc30;
    text-decoration: none
}

.seamless-register-form form .terms a:hover {
    text-decoration: underline
}

.seamless-register-form form .terms label {
    cursor: pointer
}

.seamless-register-form .seamless-register-iframe {
    width: 100%;
    margin: 1rem 0 0;
    height: 30rem
}

.seamless-register-error {
    text-align: center
}

@media screen and (min-width:1025px) {
    .seamless-register-error .modal-dialog {
        max-width: 400px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .seamless-register-error .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.seamless-register-error.modal .modal-wrapper .modal-title-headline {
    font-size: 1.6rem
}

@media screen and (min-width:1025px) {
    .session-duration .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .session-duration .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .session-duration .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.session-duration .session-duration-inner {
    padding: 2.143rem;
    margin: 0;
    line-height: 21px
}

.session-duration .session-duration-inner .buttons {
    margin: 25px auto;
    text-align: center
}

.session-duration .session-duration-inner .buttons .logout {
    margin-left: 10px;
    margin-top: 15px;
    color: #f7cc30
}

.session-duration .session-duration-inner a {
    color: #f7cc30;
    font-weight: 800;
    text-decoration: none
}

.session-duration .session-duration-inner a:focus,
.session-duration .session-duration-inner a:hover {
    color: #f7cc30;
    text-decoration: none
}

.session-duration .session-duration-inner .duration {
    color: #646b73
}

.session-expired {
    border-top: none;
    text-align: center
}

.session-expired p {
    color: #bbb;
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 20px
}

@media screen and (min-width:1025px) {
    .session-expired .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .session-expired .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .session-expired .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.transactions .date label {
    color: #fff
}

.transactions .tabs-container {
    width: 36%
}

.transactions .tabs-container li a {
    padding: 20px 5px
}

.transactions .content-wrapper .tabs-content,
.transactions footer .content-align .tabs-content,
footer .transactions .content-align .tabs-content {
    padding: 0
}

.transactions .filter {
    position: absolute;
    width: 64%;
    top: -57px;
    right: -4px;
    margin: 0;
    display: table;
    color: #999
}

.transactions .filter .filter-date-picker-wrapper {
    display: table-row;
    float: left;
    width: 40%
}

.transactions .filter .filter-date-picker-wrapper .filter-date-picker {
    display: table-cell;
    width: 50%;
    float: left;
    padding: 0 5px 0 0
}

.transactions .filter .filter-date-picker-wrapper .date-overlay {
    padding: 1.6em .3em 0 .5rem;
    font-size: 1rem
}

.transactions .filter .filter-dropdown-filter-btn-wrapper {
    display: table-row;
    float: left;
    width: 60%
}

.transactions .filter .filter-by-dropdown {
    width: 100%
}

.transactions .filter .button-container,
.transactions .filter .filter-by-dropdown {
    display: table-cell;
    vertical-align: top;
    padding: 0 5px 0 0
}

.transactions .filter .btn {
    margin: 0
}

.transactions .filter .category-mobile-select {
    display: block;
    position: absolute;
    z-index: 0;
    border: 2px solid transparent;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    margin-left: 2px;
    margin-top: 2px;
    cursor: pointer
}

.transactions .bank-transactions {
    min-height: 496px;
    position: relative;
    color: #fff
}

.transactions .bank-transactions.div-table {
    margin: 0 0 68px
}

.transactions .bank-transactions.div-table .table-content:nth-child(odd) {
    background: #161d2d
}

.transactions .bank-transactions .mobile {
    display: flex
}

.transactions .bank-transactions .transactions-date,
.transactions .bank-transactions .type {
    width: 18%
}

.transactions .bank-transactions .details {
    width: 17%
}

.transactions .bank-transactions .ref {
    width: 20%
}

.transactions .bank-transactions .amount {
    width: 15%
}

.transactions .bank-transactions .balance {
    width: 12%
}

.transactions .bank-transactions .data {
    border: none;
    position: static
}

.transactions .bank-transactions .table-header {
    background: inherit
}

.transactions .bank-transactions .table-header>div {
    text-transform: capitalize
}

.transactions .bank-transactions .table-content {
    border-bottom: none
}

.transactions .bank-transactions .no-data {
    background-color: transparent;
    width: 100%;
    height: 225px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    margin-top: 46px;
    background-size: 172px 111px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-image: url(assets/images/transactions-no-data.png)
}

.transactions .bank-transactions .no-data h4 {
    color: inherit
}

.transactions .bank-transactions .no-data p {
    font-size: 16px;
    margin-bottom: 26px;
    color: inherit
}

.transactions .bank-transactions .no-data img {
    width: 171.23px;
    margin-top: 26px
}

@media screen and (max-width:700px) {
    .transactions .bank-transactions .fields-bank {
        font-size: 12px;
        padding: 1px
    }
    .transactions .bank-transactions .transactions-date {
        width: 30%
    }
    .transactions .bank-transactions .type {
        width: 25%
    }
    .transactions .bank-transactions .amount {
        width: 20%
    }
    .transactions .bank-transactions .balance {
        width: 25%
    }
}

.transactions .transactions-footer {
    border-top: 1px solid #ccc;
    padding: 15px
}

.transactions .transactions-footer .pagination {
    display: inline-block;
    width: 50%;
    font-size: 1.15rem
}

.transactions .transactions-footer .pagination a {
    padding: 11px 13px 7px 11px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1rem;
    color: #fff
}

.transactions .transactions-footer .pagination a:last-child {
    padding: 11px 11px 7px 12px
}

.transactions .transactions-footer .pagination span {
    padding: 0 20px;
    color: #fff
}

.transactions .transactions-footer .lifetime-net-deposit {
    display: inline-block;
    width: 49%;
    text-align: right;
    font-size: 1.15rem
}

.transactions .transactions-footer .lifetime-net-deposit label {
    font-family: roboto-bold
}

.transactions .transactions-footer .lifetime-net-deposit span {
    color: #fff
}

.transactions .bank-transactions-summary-filter {
    position: relative
}

.transactions .totals-category-item {
    border-top: 1px solid #b2b2b2;
    position: relative;
    padding: 14px 10px;
    cursor: pointer
}

.transactions .totals-category-item p {
    font-size: .85em;
    line-height: 1.2;
    margin: 0;
    color: #fff
}

.transactions .totals-category-item:first-child {
    border-top: none
}

.transactions .totals-category-item:hover {
    background: #1e2434
}

.transactions .totals-category-item .name {
    font-size: 1.2rem;
    font-family: roboto-bold
}

.transactions .totals-category-item .total-amount {
    float: right;
    font-size: 1.2rem;
    font-family: roboto-bold
}

.transactions .totals-category-item.selected {
    cursor: auto;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    background: #0f1221;
    height: 34pt;
    padding: 8px
}

.transactions .totals-category-item.selected i {
    display: none
}

.transactions .totals-category-item.selected.mobile {
    pointer-events: none
}

.transactions .totals-category-item.selected.mobile i {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px
}

.transactions .totals-category-item.selected:hover {
    background: #0f1221
}

.transactions .totals-category-item.selected .label {
    display: inline-block;
    top: 15%;
    font-size: .7143rem;
    transform: none;
    z-index: 1;
    position: absolute;
    left: 8px;
    color: inherit
}

.transactions .totals-category-item.selected .name {
    display: block;
    margin-top: 1em;
    padding-right: 1.4em;
    font-size: 1rem;
    font-weight: 400;
    color: #fff
}

.transactions .totals-category-item.selected .total-amount {
    float: right;
    position: relative;
    top: -.2rem;
    font-size: 1em;
    font-weight: 400
}

.mobile.sga .transactions .modal-body,
.tablet.sga .transactions .modal-body {
    padding: 0
}

.mobile .persistent-header .transactions .modal-dialog,
.tablet .persistent-header .transactions .modal-dialog {
    margin-top: 64px
}

.mobile .transactions.modal,
.tablet .transactions.modal {
    background-color: transparent
}

.mobile .transactions.modal .content.modal-tabs,
.tablet .transactions.modal .content.modal-tabs {
    margin: 0
}

.mobile .transactions .modal-body,
.tablet .transactions .modal-body {
    padding: 0
}

.mobile .transactions .modal-dialog,
.tablet .transactions .modal-dialog {
    transform: none;
    margin: 0;
    min-height: 100vh;
    height: auto;
    will-change: auto
}

@media screen and (max-width:1024px) {
    .mobile .transactions .modal-dialog,
    .tablet .transactions .modal-dialog {
        max-width: 100vw
    }
}

.mobile .transactions .tabs-container,
.tablet .transactions .tabs-container {
    width: 100%
}

.mobile .transactions .table-header,
.tablet .transactions .table-header {
    display: flex;
    flex-flow: row;
    padding: 2px 10px
}

.mobile .transactions .table-header .details,
.mobile .transactions .table-header .ref,
.tablet .transactions .table-header .details,
.tablet .transactions .table-header .ref {
    display: none
}

.mobile .transactions .table-header .amount,
.mobile .transactions .table-header .balance,
.mobile .transactions .table-header .transactions-date,
.mobile .transactions .table-header .type,
.tablet .transactions .table-header .amount,
.tablet .transactions .table-header .balance,
.tablet .transactions .table-header .transactions-date,
.tablet .transactions .table-header .type {
    display: flex;
    width: auto;
    padding: 10px 0
}

.mobile .transactions .table-header .type,
.tablet .transactions .table-header .type {
    order: 1
}

.mobile .transactions .table-header .transactions-date,
.tablet .transactions .table-header .transactions-date {
    order: 2;
    width: calc(100vw - 175px)
}

.mobile .transactions .table-header .transactions-date:before,
.tablet .transactions .table-header .transactions-date:before {
    content: "/";
    padding: 0 3px
}

.mobile .transactions .table-header .amount,
.tablet .transactions .table-header .amount {
    order: 3
}

.mobile .transactions .table-header .balance,
.tablet .transactions .table-header .balance {
    order: 4
}

.mobile .transactions .table-header .balance:before,
.tablet .transactions .table-header .balance:before {
    content: "/";
    padding: 0 3px
}

@media screen and (max-width:1024px) {
    .mobile .transactions .bank-transactions,
    .tablet .transactions .bank-transactions {
        min-height: calc(100vh - 216px)
    }
}

.mobile .transactions .bank-transactions.div-table .table-content:nth-child(2n),
.tablet .transactions .bank-transactions.div-table .table-content:nth-child(2n) {
    background-color: #1e2434
}

.mobile .transactions .table-content,
.tablet .transactions .table-content {
    display: flex;
    flex-flow: row wrap;
    position: relative;
    padding: 0 30px 0 0
}

.mobile .transactions .table-content>div,
.tablet .transactions .table-content>div {
    padding: 5px 10px
}

.mobile .transactions .table-content>div:nth-child(odd),
.tablet .transactions .table-content>div:nth-child(odd) {
    font-size: 14px;
    color: #8b97b5
}

.mobile .transactions .table-content>div:nth-child(2n),
.tablet .transactions .table-content>div:nth-child(2n) {
    font-size: 16px;
    color: #fff
}

.mobile .transactions .table-content .details,
.mobile .transactions .table-content .ref,
.tablet .transactions .table-content .details,
.tablet .transactions .table-content .ref {
    display: none
}

.mobile .transactions .table-content .amount,
.mobile .transactions .table-content .balance,
.mobile .transactions .table-content .transactions-date,
.mobile .transactions .table-content .type,
.tablet .transactions .table-content .amount,
.tablet .transactions .table-content .balance,
.tablet .transactions .table-content .transactions-date,
.tablet .transactions .table-content .type {
    display: flex;
    width: 50%
}

.mobile .transactions .table-content .type,
.tablet .transactions .table-content .type {
    order: 1
}

.mobile .transactions .table-content .amount,
.tablet .transactions .table-content .amount {
    order: 2;
    padding: 5px 0 5px calc(50% - 100px)
}

.mobile .transactions .table-content .transactions-date,
.tablet .transactions .table-content .transactions-date {
    order: 3
}

.mobile .transactions .table-content .balance,
.tablet .transactions .table-content .balance {
    order: 4;
    padding: 5px 0 5px calc(50% - 100px)
}

.mobile .transactions .table-content .mobile-details-overlay,
.tablet .transactions .table-content .mobile-details-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -100%;
    background-color: #8b97b5;
    padding: 5px 10px 5px 29px;
    z-index: 1;
    opacity: 0
}

.mobile .transactions .table-content .mobile-details-overlay label,
.tablet .transactions .table-content .mobile-details-overlay label {
    min-width: 49%
}

.mobile .transactions .table-content .mobile-details-overlay label:nth-child(2n),
.tablet .transactions .table-content .mobile-details-overlay label:nth-child(2n) {
    text-align: right
}

.mobile .transactions .table-content .mobile-details-overlay .mobile-overlay-titles label,
.tablet .transactions .table-content .mobile-details-overlay .mobile-overlay-titles label {
    font-size: 16px;
    color: #181818
}

.mobile .transactions .table-content .mobile-details-overlay .mobile-overlay-data label,
.tablet .transactions .table-content .mobile-details-overlay .mobile-overlay-data label {
    font-size: 14px;
    color: #333
}

.mobile .transactions .table-content .mobile-details-overlay:before,
.tablet .transactions .table-content .mobile-details-overlay:before {
    content: "";
    font-family: FontAwesome;
    color: #181818;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px
}

.mobile .transactions .table-content .mobile-details-overlay.slide-in,
.tablet .transactions .table-content .mobile-details-overlay.slide-in {
    right: 0;
    transition-duration: .5s
}

.mobile .transactions .table-content .mobile-details-overlay.slide-out,
.tablet .transactions .table-content .mobile-details-overlay.slide-out {
    right: -100%;
    transition-duration: .5s
}

.mobile .transactions .table-content .mobile-details-overlay.fade-in,
.tablet .transactions .table-content .mobile-details-overlay.fade-in {
    opacity: 1;
    transition-duration: .4s
}

.mobile .transactions .table-content .mobile-details-overlay.fade-out,
.tablet .transactions .table-content .mobile-details-overlay.fade-out {
    opacity: 0;
    transition-duration: .4s
}

.mobile .transactions .table-content:after,
.tablet .transactions .table-content:after {
    content: "";
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
    font-size: 15px;
    padding: 0 15px
}

.mobile .transactions .filter,
.tablet .transactions .filter {
    position: fixed;
    width: 100%;
    margin: 0;
    bottom: 64px;
    top: auto;
    right: 0;
    padding: 6px;
    border-top: 1px solid #f7cc30;
    background-color: #161d2d;
    z-index: 999
}

.mobile .transactions .filter-date-picker-wrapper,
.tablet .transactions .filter-date-picker-wrapper {
    width: 100%;
    margin-bottom: 5px
}

.mobile .transactions .filter-date-picker-wrapper .filter-date-picker,
.tablet .transactions .filter-date-picker-wrapper .filter-date-picker {
    padding: 0 5px 0 0
}

.mobile .transactions .filter-date-picker-wrapper .filter-date-picker:last-child,
.tablet .transactions .filter-date-picker-wrapper .filter-date-picker:last-child {
    padding: 0
}

.mobile .transactions .filter-dropdown-filter-btn-wrapper,
.tablet .transactions .filter-dropdown-filter-btn-wrapper {
    width: 100%
}

.mobile .transactions .filter-dropdown-filter-btn-wrapper .filter-by-dropdown,
.tablet .transactions .filter-dropdown-filter-btn-wrapper .filter-by-dropdown {
    padding: 0 5px 0 0
}

.mobile .transactions .line-separator,
.tablet .transactions .line-separator {
    margin: 0;
    border: 0;
    border-top: 1px solid #f7cc30
}

.mobile .transactions .transactions-footer,
.tablet .transactions .transactions-footer {
    position: sticky;
    width: 100%;
    bottom: 0;
    left: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 0;
    z-index: 2;
    background-color: #161d2d
}

.mobile .transactions .transactions-footer .transactions-footer-mobile,
.tablet .transactions .transactions-footer .transactions-footer-mobile {
    padding: 15px
}

.mobile .transactions .transactions-footer .filter-toggle-btn-wrapper,
.tablet .transactions .transactions-footer .filter-toggle-btn-wrapper {
    width: 39%;
    display: inline-block
}

.mobile .transactions .transactions-footer .filter-toggle-btn-wrapper .filter-toggle-btn,
.tablet .transactions .transactions-footer .filter-toggle-btn-wrapper .filter-toggle-btn {
    padding: 10px 0;
    border: none
}

.mobile .transactions .transactions-footer .mobile-pagination,
.tablet .transactions .transactions-footer .mobile-pagination {
    width: 58%;
    display: inline-block;
    text-align: right
}

.mobile .transactions .transactions-footer .mobile-pagination a,
.tablet .transactions .transactions-footer .mobile-pagination a {
    padding: 0 0 0 10px;
    border: none
}

.mobile .transactions .div-table,
.tablet .transactions .div-table {
    margin: 0;
    padding: 0
}

.mobile .transactions .footer,
.tablet .transactions .footer {
    padding: 0
}

.mobile .transactions .transactions-summary,
.tablet .transactions .transactions-summary {
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center
}

.mobile .transactions .transactions-summary h2,
.tablet .transactions .transactions-summary h2 {
    color: #fff;
    margin-bottom: 15px
}

.mobile .transactions .transactions-summary p,
.tablet .transactions .transactions-summary p {
    margin: 0
}

.mobile .transactions .transactions-summary .transactions-summary-sub-title,
.tablet .transactions .transactions-summary .transactions-summary-sub-title {
    color: #8b97b5
}

.mobile .transactions .transactions-summary div,
.tablet .transactions .transactions-summary div {
    margin: 0 0 15px
}

.mobile .transactions .transactions-summary .transactions-summary-totals label,
.tablet .transactions .transactions-summary .transactions-summary-totals label {
    margin: 0;
    color: #8b97b5
}

.mobile .transactions .transactions-summary .transaction-totals-items,
.mobile .transactions .transactions-summary .transactions-summary-lifetime-net-deposit,
.tablet .transactions .transactions-summary .transaction-totals-items,
.tablet .transactions .transactions-summary .transactions-summary-lifetime-net-deposit {
    margin: 0
}

.mobile .transactions .transactions-summary .transactions-summary-lifetime-net-deposit label,
.tablet .transactions .transactions-summary .transactions-summary-lifetime-net-deposit label {
    color: #fff;
    margin: 0
}

.mobile .transactions .transactions-summary .transactions-summary-lifetime-net-deposit label:first-child,
.tablet .transactions .transactions-summary .transactions-summary-lifetime-net-deposit label:first-child {
    font-weight: 700
}

.balance .description {
    width: 80%;
    padding: 1.4em 1em;
    vertical-align: middle;
    text-align: left
}

.balance .description h4 {
    color: #333
}

.balance .description span {
    font-size: 1rem
}

@media screen and (max-width:548px) {
    .balance .description {
        display: block;
        width: 100%;
        border: 0
    }
}

.balance .value {
    width: 20%;
    padding: 1.4em 1em;
    vertical-align: middle;
    color: #333;
    font-size: 1.286rem;
    font-weight: 700;
    position: relative;
    left: 1.429rem
}

@media screen and (max-width:548px) {
    .balance .value {
        display: block;
        position: static;
        text-align: center;
        width: 100%;
        padding: .5em 1em
    }
}

.mobile .balance.modal .content.modal-tabs,
.tablet .balance.modal .content.modal-tabs {
    margin: 0
}

.mobile .balance .modal-body,
.tablet .balance .modal-body {
    padding: 0
}

.mobile .balance .modal-dialog,
.tablet .balance .modal-dialog {
    transform: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .mobile .balance .modal-dialog,
    .tablet .balance .modal-dialog {
        max-width: 100vw
    }
}

.mobile .balance .nav-tabs,
.tablet .balance .nav-tabs {
    width: 100%
}

.mobile .balance .div-table,
.tablet .balance .div-table {
    margin: 0 0 68px
}

.pending-withdrawals .tabs-container {
    width: 36%
}

.pending-withdrawals .tabs-container li a {
    padding: 20px 5px
}

.pending-withdrawals .content-wrapper .tabs-content,
.pending-withdrawals footer .content-align .tabs-content,
footer .pending-withdrawals .content-align .tabs-content {
    padding: 0
}

.pending-withdrawals .valid-label {
    font-weight: 600
}

.pending-withdrawals .data {
    border: none;
    min-height: 565px
}

.pending-withdrawals .data .table-header {
    background: inherit
}

.pending-withdrawals .data .table-header .pending-withdrawals-date,
.pending-withdrawals .data .table-row .pending-withdrawals-date {
    width: 25%
}

.pending-withdrawals .data .table-header .method,
.pending-withdrawals .data .table-row .method {
    width: 20%
}

.pending-withdrawals .data .table-header .details,
.pending-withdrawals .data .table-row .details {
    width: 40%
}

.pending-withdrawals .data .table-header .amount,
.pending-withdrawals .data .table-row .amount {
    width: 15%
}

.pending-withdrawals .data .table-content {
    border-bottom: none
}

.pending-withdrawals .data .no-data {
    background-color: transparent;
    width: 100%;
    height: 155px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none;
    margin-top: 46px;
    background-size: 172px 111px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-image: url(assets/images/transactions-no-data.png)
}

.pending-withdrawals .data .no-data h4 {
    color: inherit;
    margin: 0 0 1.5rem
}

.pending-withdrawals .data .no-data img {
    width: 171.23px
}

.pending-withdrawals .data.editable .table-header .date,
.pending-withdrawals .data.editable .table-row .date {
    width: 20%
}

.pending-withdrawals .data.editable .table-header .method,
.pending-withdrawals .data.editable .table-row .method {
    width: 15%
}

.pending-withdrawals .data.editable .table-header .details,
.pending-withdrawals .data.editable .table-row .details {
    width: 30%
}

.pending-withdrawals .data.editable .table-header .amount,
.pending-withdrawals .data.editable .table-row .amount {
    width: 15%
}

.pending-withdrawals .data.editable .table-header .actions,
.pending-withdrawals .data.editable .table-row .actions {
    width: 15%;
    text-align: center;
    float: right;
    margin-right: 2.3rem
}

.pending-withdrawals .data .confirmation {
    text-align: center;
    padding: 10px
}

@media screen and (max-width:700px) {
    .pending-withdrawals .fields-bank {
        font-size: 12px;
        padding: 1px
    }
    .pending-withdrawals .data.editable .table-header .amount,
    .pending-withdrawals .data.editable .table-header .date,
    .pending-withdrawals .data.editable .table-header .method,
    .pending-withdrawals .data.editable .table-row .amount,
    .pending-withdrawals .data.editable .table-row .date,
    .pending-withdrawals .data.editable .table-row .method {
        width: 23%
    }
    .pending-withdrawals .data.editable .table-header .actions,
    .pending-withdrawals .data.editable .table-row .actions {
        width: 20%
    }
    .pending-withdrawals .confirmation {
        font-size: 12px
    }
}

@media screen and (max-width:548px) {
    .pending-withdrawals .data .table-header .amount,
    .pending-withdrawals .data .table-header .date,
    .pending-withdrawals .data .table-header .method,
    .pending-withdrawals .data .table-row .amount,
    .pending-withdrawals .data .table-row .date,
    .pending-withdrawals .data .table-row .method {
        width: 33%
    }
}

@media screen and (min-width:1197px) {
    .pending-withdrawals .filter .button-container {
        text-align: right
    }
}

.mobile.sga .pending-withdrawals .modal-body,
.tablet.sga .pending-withdrawals .modal-body {
    padding: 0 0 40px
}

.mobile .persistent-header .pending-withdrawals .modal-dialog,
.tablet .persistent-header .pending-withdrawals .modal-dialog {
    margin-top: 64px
}

.mobile .pending-withdrawals.modal .content.modal-tabs,
.tablet .pending-withdrawals.modal .content.modal-tabs {
    margin: 0
}

.mobile .pending-withdrawals .modal-body,
.tablet .pending-withdrawals .modal-body {
    padding: 0
}

.mobile .pending-withdrawals .modal-dialog,
.tablet .pending-withdrawals .modal-dialog {
    transform: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .mobile .pending-withdrawals .modal-dialog,
    .tablet .pending-withdrawals .modal-dialog {
        max-width: 100vw
    }
}

.mobile .pending-withdrawals .tabs-container,
.tablet .pending-withdrawals .tabs-container {
    width: 100%
}

.mobile .pending-withdrawals .div-table,
.tablet .pending-withdrawals .div-table {
    margin: 0 0 68px
}

.mobile .pending-withdrawals .data,
.tablet .pending-withdrawals .data {
    min-height: 50vh
}

.unsubscribe .content-page {
    text-align: center
}

.oms .data .content {
    background-image: none
}

.oms .controls {
    padding: 0 0 10px 30px;
    overflow: hidden
}

.oms .controls .buttons,
.oms .controls .checkboxes {
    display: inline-block
}

.oms .controls .buttons .checkbox-wrapper,
.oms .controls .checkboxes .checkbox-wrapper {
    display: inline-block;
    margin-right: 10px
}

.oms .controls .buttons .checkbox-wrapper input[type=checkbox]+label,
.oms .controls .checkboxes .checkbox-wrapper input[type=checkbox]+label {
    margin-top: 0;
    top: 1px
}

.oms .controls .buttons {
    padding: 10px 30px 10px 0
}

.oms .content {
    margin-bottom: 20px;
    border: 1px solid transparent;
    background-image: none
}

.oms .content a,
.oms .content h1,
.oms .content h2,
.oms .content h3,
.oms .content h4,
.oms .content h5,
.oms .content h6,
.oms .content li,
.oms .content strong {
    color: inherit
}

.oms .content hr {
    margin: 0 0 20px
}

.oms .content .checkbox-wrapper {
    float: left;
    vertical-align: top;
    margin: 0 15px 0 30px
}

.oms .content img {
    float: left;
    height: 128px;
    width: 128px;
    margin-right: 15px
}

.oms .content .message-content {
    overflow: hidden;
    padding-right: 30px;
    min-height: 128px
}

.oms .content .btn {
    margin: 10px 0 16px;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none
}

.oms .content .btn.btn-success {
    font-weight: 500;
    color: #0f1221
}

.oms .content .subtitle,
.oms .content .title {
    color: #8b97b5
}

.oms .content .subtitle {
    font-size: 1rem
}

.oms .content .send-date {
    font-weight: 700
}

.oms .content .description {
    display: inline
}

.oms .content .read-less,
.oms .content .truncator {
    cursor: pointer
}

.oms .content .description,
.oms .content .read-less,
.oms .content .send-date {
    font-size: .875rem;
    color: inherit
}

.oms .content.unread {
    background-color: #1f294a
}

.oms .content.unread hr {
    border-color: #1f294a
}

.oms .content.highlighted {
    border: 1px solid #646b73
}

.oms .content .significant-terms {
    background-color: #e8e8e8;
    font-size: .875rem;
    padding: 8px;
    margin-bottom: 16px;
    border-radius: 5px
}

.oms .content .accordion {
    background-color: #e8e8e8
}

.oms .content .accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px
}

.oms .content .accordion .accordion-button {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 12px 20px
}

.oms .content .accordion .accordion-button .accordion-label {
    padding-right: 10px
}

.oms .content .accordion.open .accordion-content {
    max-height: 1200px;
    padding-bottom: 12px
}

.oms .content .accordion.open .fa-chevron-down {
    transform: rotate(180deg)
}

.oms .content .accordion .fa-chevron-down {
    align-self: center
}

.oms .load-more {
    display: none;
    font-weight: 700;
    text-align: center;
    color: #333
}

.oms .no-messages {
    font-weight: 700;
    text-align: center;
    color: #8b97b5
}

.oms .pagination {
    padding: 15px 30px
}

.oms .pagination.top {
    display: inline-block;
    padding: 10px 30px 10px 0;
    float: right
}

.oms .pagination.bottom {
    border-top: 2px solid #1f294a
}

.oms .pagination .pagination-link {
    color: #333
}

.oms .pagination a {
    float: right;
    margin-left: 15px;
    font-weight: 700;
    color: #5f5f5f;
    text-decoration: none
}

.oms .pagination a.disabled {
    font-weight: 400;
    cursor: default;
    text-decoration: none;
    color: #bbb
}

@media screen and (max-width:700px) {
    .oms.pagination.top {
        display: none
    }
}

@media screen and (max-width:548px) {
    .oms .modal-body {
        padding: 6px 10px 10px
    }
    .oms .header:first-child {
        padding: 10px 40px 10px 15px
    }
    .oms .header:first-child .close {
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        top: 10px;
        right: 10px;
        font-weight: 400
    }
    .oms .modal-title-headline {
        padding: 0 0 0 5px
    }
    .oms .controls {
        padding: 0 0 10px 15px
    }
    .oms .controls .buttons a {
        font-size: 14px
    }
    .oms .controls .checkboxes div {
        display: block
    }
    .oms .content .checkbox-wrapper {
        margin: 0 15px
    }
    .oms .content img {
        height: 80px;
        width: 80px
    }
    .oms .content .title {
        max-height: 63px;
        overflow: hidden;
        font-size: 1rem
    }
    .oms .content .message-content {
        overflow: visible;
        padding: 0 15px 0 50px
    }
    .oms .load-more {
        display: block;
        padding-bottom: 15px
    }
    .oms .load-more hr {
        margin: 0 0 15px
    }
    .oms .pagination,
    .oms .pagination.top {
        display: none
    }
}

.campaigns-notification {
    border-top: 1px solid #bbb
}

.campaigns-notification .campaigns-notification-text {
    text-align: center;
    color: #818890;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.self-assessment .question-list {
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
    font-style: normal
}

.self-assessment .question-list li {
    margin-bottom: 20px;
    width: 100%
}

.self-assessment .answers-container {
    width: 100%;
    margin-top: 10px
}

.self-assessment .answers-container .single-answer {
    display: block;
    width: 200px
}

@media screen and (min-width:1197px) {
    .self-assessment .answers-container .single-answer {
        display: inline-block
    }
}

.self-assessment .info {
    font-weight: inherit;
    font-size: 14px
}

.self-assessment .results {
    margin-top: 20px
}

.self-assessment .results .result-range {
    margin: 20px 0 0
}

.self-assessment .results .result-range .info {
    display: block
}

.self-assessment .results .result-footer {
    margin: 20px 0 0
}

.self-assessment .results .result-footer div {
    margin: 0 0 20px
}

.reality-check-settings .description {
    margin: 10px 0 5px
}

.reality-check-settings .radio-buttons {
    height: unset
}

.reality-check-settings .radio-buttons .radio-buttons-group .radio-button,
.reality-check-settings .radio-buttons .radio-buttons-group .radio-container {
    opacity: 1
}

.reality-check-settings .radio-button-title {
    margin-left: 10px;
    font-weight: 400;
    font-size: 1rem;
    width: inherit
}

.reality-check-settings .radio-buttons-group.vertical {
    display: flex;
    flex-direction: column
}

.reality-check-settings .btn.btn-success {
    margin: 15px 0
}

.forgot-password .forgot-email {
    padding-top: 1.429rem;
    text-align: center;
    display: block;
    font-weight: 200;
    color: #5f5f5f;
    text-decoration: underline
}

.forgot-password p {
    text-align: center;
    margin: 1.8rem 0;
    font-size: 16px;
    line-height: 20px
}

.forgot-password .check-email-label {
    font-weight: 700;
    overflow-wrap: break-word;
    margin: 0
}

.forgot-password .input {
    margin-bottom: 5px
}

.forgot-password .input-icons-wrapper {
    margin-bottom: 16px
}

.forgot-password .need-help {
    width: 100%;
    text-align: center;
    padding: 20px 0 0 10px;
    text-decoration: underline
}

.forgot-password .mail-icon {
    width: 100%;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (min-width:1025px) {
    .forgot-password .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .forgot-password .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .forgot-password .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.change-password .btn {
    margin: 10px 0 5px
}

.change-password .field {
    margin-bottom: .86rem
}

@media screen and (min-width:1025px) {
    .change-password .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .change-password .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .change-password .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.reset-password .btn {
    margin: 10px 0 5px
}

.reset-password form-input-native:not(:first-child) .field {
    margin-top: 12px
}

@media screen and (min-width:1025px) {
    .reset-password .modal-dialog {
        max-width: 400px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .reset-password .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

@media screen and (min-width:1025px) {
    .email-verification .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .email-verification .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .email-verification .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

@media screen and (max-width:736px) and (orientation:landscape) {
    .language-selector .modal-dialog {
        margin: 0
    }
}

@media screen and (min-width:1025px) {
    .language-selector .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .language-selector .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .language-selector .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.language-selector .modal-body {
    padding: 0 .714rem;
    text-align: center
}

.language-selector .flags-lg {
    display: block;
    margin: 0 auto
}

@media screen and (max-width:548px) {
    .language-selector .flags-lg {
        display: inline-block;
        margin-left: 1.07rem
    }
}

.language-selector .flag-title {
    color: #f7cc30;
    text-align: center;
    margin-top: .714rem
}

@media screen and (max-width:548px) {
    .language-selector .flag-title {
        padding-left: 1.071rem
    }
}

.language-selector ul {
    list-style: none;
    margin: 0 0 13px;
    padding: 0
}

@media screen and (max-width:700px) {
    .language-selector ul {
        overflow: hidden;
        width: 93vw;
        margin: 0 auto
    }
}

@media screen and (max-width:767px) {
    .language-selector ul {
        display: inline-block;
        width: auto
    }
}

.language-selector li {
    display: inline-block;
    width: 9.857rem;
    height: 9.857rem;
    padding: .2143rem
}

@media screen and (max-width:700px) {
    .language-selector li {
        width: 22.2vw;
        padding: .2143rem .5vw;
        float: left
    }
}

@media screen and (max-width:548px) {
    .language-selector li {
        width: 99%;
        height: 6.429rem
    }
}

.language-selector a {
    display: flex;
    width: 100%;
    height: 100%;
    border: none;
    background-color: #1e2434
}

.language-selector a:hover {
    background-color: #0f1221;
    text-decoration: none;
    cursor: pointer
}

.language-selector a:hover p {
    color: #f7cc30
}

.language-selector a.selected {
    background-color: #0f1221
}

.language-selector a.selected:hover {
    cursor: auto
}

.language-selector span {
    align-self: center;
    margin: 0 auto
}

@media screen and (max-width:548px) {
    .language-selector span {
        margin: 0;
        display: inline-flex
    }
}

@media screen and (min-width:1025px) {
    .uk-reality-check .overlay-box {
        padding: 2em
    }
}

@media screen and (max-width:1024px) {
    .uk-reality-check .overlay-box {
        padding: 2em
    }
}

@media screen and (max-width:767px) {
    .uk-reality-check .overlay-box {
        padding: 0
    }
}

.uk-reality-check .overlay-box .overlay-box-content-wrapper {
    max-width: 600px
}

@media screen and (max-width:767px) {
    .uk-reality-check .overlay-box .overlay-box-content-wrapper {
        max-width: 100%
    }
}

@media screen and (max-width:1024px) {
    .uk-reality-check .overlay-box .overlay-box-content {
        flex: 0
    }
}

@media screen and (max-width:767px) {
    .uk-reality-check .overlay-box .overlay-box-content {
        flex: 1
    }
}

.uk-reality-check .overlay-box .overlay-box-content {
    padding: 0;
    line-height: 1.5
}

@media screen and (max-width:767px) {
    .uk-reality-check .overlay-box .covid-header {
        font-size: 1.141524rem
    }
    .uk-reality-check .overlay-box .uk-covid-reality-check .btn {
        width: 100%
    }
}

.uk-reality-check .uk-reality-check-inner {
    padding: 2.143rem;
    margin: 0
}

.uk-reality-check .uk-reality-check-inner .reality {
    width: 100%;
    padding-top: 15px;
    font-size: 0;
    display: table
}

.uk-reality-check .uk-reality-check-inner .reality>div {
    display: table-row
}

.uk-reality-check .uk-reality-check-inner .reality .data,
.uk-reality-check .uk-reality-check-inner .reality .information {
    font-size: 14px;
    border: 1px solid #535353;
    border-top: 0;
    padding: 15px
}

.uk-reality-check .uk-reality-check-inner .reality .data.first,
.uk-reality-check .uk-reality-check-inner .reality .information.first {
    border-top: 1px solid #535353
}

.uk-reality-check .uk-reality-check-inner .reality .data.last,
.uk-reality-check .uk-reality-check-inner .reality .information.last {
    border-bottom-color: #535353
}

.uk-reality-check .uk-reality-check-inner .reality .information {
    text-align: left;
    font-weight: 600;
    border-right: 0;
    display: table-cell;
    width: 70%
}

.uk-reality-check .uk-reality-check-inner .reality .data {
    text-align: right;
    border-left: 0;
    display: table-cell;
    width: 30%
}

.uk-reality-check .uk-reality-check-inner .footer {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

.uk-reality-check .uk-reality-check-inner .footer .show-again {
    width: 100%;
    margin: 15px 0
}

.uk-reality-check .uk-reality-check-inner .footer .buttons {
    text-align: center
}

.uk-reality-check .uk-reality-check-inner .footer .buttons .btn {
    margin: 2px
}

.uk-reality-check .uk-covid-reality-check {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2.1rem
}

.uk-reality-check .uk-covid-reality-check>:not(:last-child) {
    margin-bottom: 1.5rem
}

.uk-reality-check .uk-covid-reality-check .read-more {
    cursor: pointer;
    text-decoration: underline
}

@media screen and (min-width:1025px) {
    .uk-reality-check .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .uk-reality-check .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .uk-reality-check .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

body.layout-message-page .content {
    min-height: calc(100vh - 50px);
    background-size: cover;
    background-repeat: no-repeat
}

.logout .content-page {
    font-size: 1rem;
    padding: 1.875rem 35%;
    color: #fff;
    line-height: 3.125rem;
    text-align: center
}

@media screen and (min-width:1025px) {
    .logout .modal-dialog {
        max-width: 600px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
    .logout .modal-dialog .modal-description {
        text-align: center;
        margin: 12px 0 0
    }
    .logout .modal-dialog .modal-content {
        padding: 0;
        min-height: 18.75rem;
        background-size: contain
    }
    .logout .modal-dialog .modal-body {
        font-size: 1.7rem;
        text-align: center;
        padding: 0 9px 9px
    }
}

@media screen and (min-width:1025px) and (max-width:1024px) and (orientation:portrait) {
    .logout .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .logout .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.logout .modal-title-headline {
    padding: 0
}

.logout p {
    font-size: 1rem
}

@media screen and (min-width:1025px) {
    .deposit-limit-confirmation .modal-dialog {
        max-width: 400px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .deposit-limit-confirmation .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.deposit-limit-confirmation .deposit-limit-confirmation-wrapper {
    padding: 0 12%;
    margin: auto auto 30px;
    color: #fff
}

.deposit-limit-confirmation .deposit-limit-confirmation-wrapper .confirm-deposit {
    width: 247px;
    margin: 25px 0 15px
}

.deposit-limit-confirmation .deposit-limit-confirmation-wrapper .new-deposit {
    margin-top: 20px
}

.deposit-limit-confirmation .deposit-limit-confirmation-wrapper .deposit-number {
    text-align: center;
    font-family: roboto-bold;
    font-size: 18px;
    color: #fff
}

.deposit-limit-confirmation .deposit-limit-confirmation-wrapper h5,
.deposit-limit-confirmation .deposit-limit-confirmation-wrapper h6,
.deposit-limit-confirmation .final-deposit-message h5 {
    font-family: roboto-regular;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.deposit-limit-confirmation .final-deposit-message h5 {
    padding: 4px
}

.deposit-limit-confirmation .btn {
    width: 100%
}

.deposit-limit-confirmation .btn:first-child {
    margin: 25px 0 15px
}

.game-login.modal .modal-dialog {
    width: 693px;
    margin-top: 10%
}

.game-login.modal .modal-wrapper .header {
    text-transform: none
}

.game-login>.login-form {
    padding: .2857rem 2.786rem;
    border-left: 1px solid #646b73;
    margin: 1.9281rem 0
}

.game-login>.login-banner {
    text-align: center;
    margin: 1.071rem 0
}

.game-login>.login-banner h4 {
    margin-bottom: .2857rem;
    font-weight: 800
}

.game-login>.login-banner h4 strong {
    color: inherit
}

.game-login>.login-banner span {
    margin: 0 5%;
    display: #646b73;
    color: #646b73
}

.game-login>.login-banner.login-banner-center {
    margin: 10% 0
}

.game-login>.login-banner.login-banner-center h4 {
    color: #8b97b5;
    margin: 2.214rem 0 0
}

.game-login>.login-banner.login-banner-center .forgot-password {
    margin-top: .1429rem
}

.game-login>.login-banner.login-banner-center .btn-register {
    margin-top: .7857rem
}

.game-login h2 {
    font-size: 2.143rem
}

.game-login .game-login-banner {
    width: 100%
}

.game-login .game-login-title {
    color: #fff;
    font-size: 1.714rem;
    line-height: 2.143rem
}

.game-login .inner-input label {
    font-size: inherit
}

.game-login form-input-native:not(:first-child) .field {
    margin-top: .8571rem
}

.game-login .btn-login {
    margin-top: 1.143rem
}

.game-login .forgot-password {
    margin-top: .6429rem;
    text-align: center;
    font-size: .8571rem
}

.game-login .forgot-password a {
    text-decoration: underline;
    color: #f7cc30;
    font-weight: 100
}

.game-login .forgot-password a:hover {
    text-decoration: none
}

.game-login .btn-register {
    margin-top: 1.571rem
}

.game-login .bankid-login-toggle .toggle-btns {
    width: 100%
}

.game-login .bankid-login-toggle .btn {
    width: 50%;
    text-align: center;
    border: 1px solid #0f1221;
    border-radius: 0;
    text-decoration: none;
    margin-bottom: 1em;
    padding: .5em
}

.game-login .bankid-login-toggle .btn:first-child {
    border-radius: 2px 0 0 2px
}

.game-login .bankid-login-toggle .btn:last-child {
    border-left: 0;
    border-radius: 0 2px 2px 0
}

.game-login .bankid-login-toggle .btn.active {
    background-color: #0f1221;
    color: #fff
}

@media screen and (max-width:1024px) {
    .customer-consent-marketing .modal-dialog,
    .customer-consent .modal-dialog {
        max-width: 1024px
    }
}

@media screen and (max-width:767px) {
    .customer-consent-marketing .modal-dialog,
    .customer-consent .modal-dialog {
        margin: 0
    }
}

.customer-consent-marketing .content.modal-tabs,
.customer-consent .content.modal-tabs {
    margin: 0
}

.customer-consent-marketing .tooltip-slider-text,
.customer-consent .tooltip-slider-text {
    padding: 10px;
    color: #8b97b5
}

.customer-consent-marketing .tooltip-slider-text li,
.customer-consent-marketing .tooltip-slider-text strong,
.customer-consent .tooltip-slider-text li,
.customer-consent .tooltip-slider-text strong {
    color: #8b97b5
}

.customer-consent-marketing .tooltip-slider-text a,
.customer-consent .tooltip-slider-text a {
    color: #f7cc30
}

.customer-consent.modal .modal-body {
    padding: 0
}

.consent-container {
    background: #1e2434;
    padding: 3em 6em
}

.consent-container.closed {
    opacity: 0;
    -webkit-animation: fadeOutConsent .5s ease-out;
    animation: fadeOutConsent .5s ease-out
}

@media screen and (max-width:767px) {
    .consent-container {
        width: auto;
        overflow: scroll;
        left: 0;
        padding: 1em
    }
    .consent-container.tooltip-slider-active {
        overflow: hidden
    }
}

.consent-container p {
    line-height: 1.3;
    color: #8b97b5;
    padding-right: 1em
}

.consent-container .category-title {
    padding: 1em 0;
    font-size: 1.5rem;
    text-align: left;
    border-top: 1px solid #e8e8e8;
    color: #f7cc30
}

.consent-container .category-title:first-of-type {
    border-top: none
}

.consent-container .header-message {
    background-color: #161d2d;
    text-align: center;
    padding: 10px 40px;
    font-size: 1.143rem;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .consent-container .header-message {
        padding: 10px 15px;
        line-height: 21px
    }
}

.consent-container .line-toggle {
    display: inline-flex;
    width: 100%;
    padding-bottom: 1em;
    position: relative
}

.consent-container .line-toggle .toggle,
.consent-container .line-toggle .toggle-btn-wrap {
    margin-left: auto
}

.consent-container .line-toggle .toggle-btns {
    padding: 0;
    display: inline-flex
}

.consent-container .line-toggle label {
    font-size: 1.1em
}

.consent-container .line-toggle .media-label {
    margin-left: 1em
}

.consent-container .media-toggles-container {
    position: relative
}

.consent-container .paragraph-toggle p {
    padding-right: 8.5em
}

@media screen and (max-width:767px) {
    .consent-container .paragraph-toggle p {
        padding: 0
    }
}

.consent-container .paragraph-toggle label {
    font-weight: 700
}

@media screen and (max-width:767px) {
    .consent-container .paragraph-toggle {
        padding-bottom: 2em
    }
}

.consent-container .save-container {
    text-align: center
}

.consent-container .save-container .btn {
    margin-top: 1em;
    display: inline-block
}

.consent-container .save-container-text {
    margin-top: 1em;
    text-align: center
}

@media screen and (min-width:1025px) {
    .consent-container .modal-dialog {
        max-width: 400px;
        width: 50%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (min-width:1025px) and (max-width:767px) {
    .consent-container .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

@-webkit-keyframes collapseConsent {
    0% {
        height: 100%;
        opacity: 1
    }
    to {
        height: 0;
        opacity: 0
    }
}

@keyframes collapseConsent {
    0% {
        height: 100%;
        opacity: 1
    }
    to {
        height: 0;
        opacity: 0
    }
}

.terms-of-use {
    -webkit-overflow-scrolling: touch
}

.terms-of-use.overlay-box {
    top: 0
}

.terms-of-use.fullscreen-layout .modal-dialog p {
    padding: 0 25%
}

@media screen and (max-width:767px) {
    .terms-of-use.fullscreen-layout .modal-dialog p {
        padding: 0 5%
    }
}

@media screen and (max-width:767px) {
    .terms-of-use.fullscreen-layout .modal-dialog .confirm {
        position: sticky;
        width: 100%;
        background: #fff;
        bottom: 0
    }
}

.terms-of-use.fullscreen-layout .modal-dialog .header {
    text-align: center
}

.terms-of-use.fullscreen-layout .modal-dialog .header .icons {
    display: block;
    position: absolute
}

@media screen and (max-width:767px) {
    .terms-of-use.fullscreen-layout .modal-dialog .header .close {
        margin-right: 2rem;
        position: absolute
    }
    .terms-of-use.fullscreen-layout .modal-dialog .header .modal-title-headline {
        width: 100%
    }
}

.terms-of-use .modal-body {
    padding: 0
}

.terms-of-use .modal-dialog {
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .terms-of-use .modal-dialog {
        width: 100%
    }
}

.terms-of-use .modal-dialog .icons {
    display: none
}

.terms-of-use .overlay-box-content {
    margin: 0;
    display: block;
    line-height: 1.5
}

.terms-of-use a {
    color: #f7cc30;
    font-weight: 500;
    text-decoration: none;
    word-break: break-word
}

.terms-of-use a:hover {
    color: #f7cc30;
    text-decoration: underline
}

.terms-of-use .anchor-section,
.terms-of-use .summary-content {
    padding: 0 2em
}

.terms-of-use .list-style {
    padding-left: 25px
}

.terms-of-use .list-style a,
.terms-of-use .list-style a:hover {
    color: #f7cc30;
    cursor: pointer
}

.terms-of-use .login-terms-wrapper .content {
    padding: 0;
    text-align: justify;
    color: #8b97b5
}

@media screen and (max-width:1024px) {
    .terms-of-use .login-terms-wrapper .content {
        margin-top: .625rem;
        height: 90%
    }
}

.terms-of-use .login-terms-wrapper .confirm {
    text-align: center;
    padding: 1.25rem 0;
    position: sticky;
    bottom: -2em;
    background: #1e2434
}

@media screen and (max-width:767px) {
    .terms-of-use .login-terms-wrapper .confirm {
        padding: .5rem 0 2.5rem
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .terms-of-use .login-terms-wrapper .confirm {
        bottom: -1em
    }
}

.terms-of-use .login-terms-wrapper .updated-terms-link {
    text-align: center
}

.terms-of-use .login-terms-wrapper .updated-terms-link .updated-terms-link-a {
    cursor: pointer;
    text-decoration: underline
}

.message-modal {
    display: flex;
    flex-direction: column;
    align-items: center
}

.message-modal .description {
    padding: 15px;
    color: #8b97b5;
    margin: 0
}

.message-modal .btn {
    color: #fff;
    margin-top: 15px;
    padding: 15px;
    width: 35%;
    font-size: 1.571rem
}

@media screen and (max-width:767px) {
    .message-modal .btn {
        width: 85%
    }
}

.privacy-policy.fullscreen-layout.overlay-box .icons {
    display: block
}

.privacy-policy.overlay-box .icons {
    display: none
}

.account-verification {
    text-align: center
}

.account-verification .welcome-header {
    color: #000;
    font-weight: 700;
    font-size: 1.7142rem;
    margin-top: 10px
}

@media screen and (min-width:1025px) {
    .account-verification .welcome-header {
        font-size: 2rem
    }
}

.account-verification .description {
    text-align: center;
    font-size: 1rem;
    color: #000
}

@media screen and (min-width:1025px) {
    .account-verification .description {
        font-size: 1.3rem
    }
}

.account-verification .image {
    width: 90px;
    margin: 27px 0 30px
}

@media screen and (min-width:1025px) {
    .account-verification .image {
        width: 100px
    }
}

.account-verification .btn {
    margin-top: 50px;
    color: #fff;
    padding: 15px;
    width: 85%
}

@media screen and (min-width:1025px) {
    .account-verification .btn {
        width: 35%
    }
}

.assessment-container {
    border: 1px solid #3a4050;
    padding: 2em 1em;
    margin: 1em;
    display: inline-block
}

.assessment-container .assessment-fields-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.assessment-container .form-control {
    padding: 1em 1.2em;
    position: relative;
    float: left
}

@media screen and (min-width:1025px) {
    .assessment-container .form-control {
        width: 33%
    }
}

@media screen and (max-width:1024px) {
    .assessment-container .form-control {
        width: 50%
    }
}

@media screen and (max-width:767px) {
    .assessment-container .form-control {
        width: 100%
    }
}

.assessment-container .form-control .invalid-label {
    margin-top: 1em;
    line-height: 1em;
    font-size: .9em;
    width: 95%
}

.assessment-container .overlay-box-content {
    min-height: 100vh
}

@media screen and (min-width:1025px) {
    .assessment-container .overlay-box-content {
        min-height: 30em
    }
}

.assessment-container .loading-container {
    position: absolute;
    height: 10%;
    padding: 1em;
    border: none;
    top: 9em;
    margin: auto;
    bottom: 0
}

.assessment-container .btn-block {
    width: auto;
    padding: .45em 1.4em;
    margin: 1.5em auto .5em
}

.assessment-container .date .date-overlay {
    padding: .6em .3em 0 .5rem;
    height: 35px
}

.assessment-container .date .overlayed-input {
    width: 100%
}

.assessment-container .date i {
    top: 40%;
    z-index: 100;
    left: unset;
    right: .5em;
    font-size: 1.3em;
    color: #000
}

.assessment-container .date span {
    font-weight: 700;
    font-size: 1rem
}

.steps {
    width: 100%;
    flex-flow: row wrap;
    padding: 10px 0;
    line-height: 1px;
    justify-content: center;
    align-items: center;
    background-color: #0f1221;
    display: flex
}

.steps .steps-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.steps .step {
    display: inline-table
}

.steps .step:after {
    font-family: icon-font;
    content: "";
    padding: 0 25px;
    line-height: 1.25;
    color: #646b73;
    font-size: 60px
}

.steps .step-index {
    display: inline;
    vertical-align: super;
    padding: 0 15px;
    color: #646b73;
    font-size: 67px
}

@media screen and (max-width:1197px) {
    .steps .step-index {
        font-size: calc(67px - 10%)
    }
}

.steps .step-text-container {
    vertical-align: middle;
    display: table-cell
}

.steps .step-text-container .step-heading {
    display: inline-block;
    color: #646b73;
    font-size: 20px;
    line-height: 1.4
}

@media screen and (max-width:1197px) {
    .steps .step-text-container .step-heading {
        font-size: calc(20px - 10%)
    }
}

.steps .step-text-container .step-subheading {
    text-transform: uppercase;
    color: #646b73;
    font-size: 30px;
    margin: -5px 0 0;
    line-height: 1.4
}

@media screen and (max-width:1197px) {
    .steps .step-text-container .step-subheading {
        font-size: calc(30px - 10%)
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .steps {
        display: none
    }
}

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

.left-menu-slider-nav {
    position: absolute;
    top: 0;
    width: 3.5rem;
    height: 2.5rem;
    padding: 0;
    background: "";
    background-size: 0
}

@media (max-width:1420px) {
    .left-menu-slider-nav {
        width: 2.8rem
    }
}

.nav-toggle-cont {
    padding: 0;
    margin: 1.6rem 0 .5rem .6rem;
    width: 2.5rem;
    position: absolute;
    height: 2.143rem
}

.nav-toggle-cont.nav-toggle {
    transition-property: all, transform;
    transition-duration: .5s;
    transition-delay: 0;
    transform: scale(1);
    cursor: pointer
}

.nav-toggle-cont.nav-toggle>span {
    position: relative;
    margin-top: .6428rem;
    margin-bottom: .6428rem;
    font-size: 1rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.nav-toggle-cont.nav-toggle>span,
.nav-toggle-cont.nav-toggle>span:after,
.nav-toggle-cont.nav-toggle>span:before {
    display: block;
    width: 2.143rem;
    height: .2857rem;
    background-color: #f7cc30;
    border-radius: 1rem;
    transition-property: background-color, transform;
    transition-duration: .3s;
    transition-delay: 0
}

.nav-toggle-cont.nav-toggle>span:after,
.nav-toggle-cont.nav-toggle>span:before {
    position: absolute;
    content: "";
    z-index: 50
}

.nav-toggle-cont.nav-toggle>span:before {
    top: -.6428rem
}

.nav-toggle-cont.nav-toggle>span:after {
    top: .6428rem
}

.nav-toggle-cont.nav-toggle>span span {
    position: absolute;
    right: -.5em;
    top: -.9em;
    z-index: 100;
    opacity: 1;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition-property: all, transform;
    transition-duration: .3s;
    transition-delay: 0;
    transform: scale(1)
}

.nav-toggle-cont.nav-toggle>span span:after {
    content: "";
    z-index: 90;
    position: relative;
    font-size: 1.5em;
    color: #0f1221
}

.nav-toggle-cont.nav-toggle>span span:before {
    content: "";
    color: #f7cc30;
    position: absolute;
    top: .15em;
    right: .3em;
    z-index: 1000;
    padding: .1em 0 0 .1em;
    background-color: #0f1221;
    border-radius: 50%;
    background-clip: border-box
}

.nav-toggle-cont.nav-toggle>span>span {
    position: absolute;
    right: -.5em;
    top: -.9em;
    z-index: 100;
    opacity: 1;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    text-rendering: auto
}

.nav-toggle-cont.nav-toggle-active {
    transition-duration: .3s;
    transition-delay: 0;
    transform: scale(0);
    opacity: 0
}

.extended-header {
    display: none
}

@media screen and (max-width:767px) {
    .extended-header {
        display: block;
        width: 100%;
        padding-top: 1rem;
        padding-bottom: 1rem;
        background: #0f1221;
        text-align: center;
        border-bottom: none;
        top: 0
    }
    .extended-header .btn {
        margin-left: 0;
        margin-right: 17px;
        text-transform: none;
        padding: .4286rem .8571rem;
        width: 46%
    }
    .extended-header .btn.btn-success {
        margin-right: 0
    }
}

header {
    box-sizing: border-box;
    top: 0;
    width: 100%;
    padding: 1rem 0;
    position: relative;
    background: #0f1221;
    border-bottom: none
}

header .btn-secondary {
    color: #fff;
    background-color: #0f1221;
    border: 1px solid #009cff
}

header .btn-secondary:active,
header .btn-secondary:active:focus,
header .btn-secondary:focus,
header .btn-secondary:hover {
    color: #009cff;
    background-color: #0f1221
}

footer header .content-align,
header .content-wrapper,
header footer .content-align {
    height: 40px
}

header .header-btn {
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1rem;
    border-top-width: 0;
    border-bottom-width: 0;
    padding: .5rem
}

header .login {
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    margin-left: .4286rem
}

header .icon-help {
    font-size: 1.85rem;
    left: .1rem;
    display: inline;
    vertical-align: middle;
    line-height: inherit;
    position: absolute;
    color: inherit;
    text-shadow: none
}

header .header-right {
    float: right;
    padding: 5px 0 0
}

header .header-nav-item {
    float: left
}

@media screen and (max-width:1024px) {
    header .header-nav-item:last-child {
        margin-right: 3.571rem
    }
    header .header-nav-item:last-child .messages-icon.mobile-icon {
        margin-right: 0
    }
}

header .nav-support {
    margin-left: 10px;
    margin-right: 0
}

header .nav-support .header-support {
    padding-left: 2rem;
    padding-right: .5rem
}

header .nav-support .icon-help {
    left: .3rem
}

@media screen and (max-width:767px) {
    header .nav-support {
        display: none
    }
}

header .nav-help-ddl {
    color: #fff;
    right: 0;
    display: inline-block;
    text-transform: none;
    cursor: pointer;
    margin-left: 0;
    margin-right: 10px
}

header .nav-help-ddl .dropdown-toggle {
    border: 1px solid transparent;
    border-radius: 4px;
    background: #1e2434;
    margin-left: 0
}

header .nav-help-ddl .dropdown-menu {
    overflow: hidden;
    margin-top: 0;
    top: 100%;
    border: none;
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1)
}

header .nav-help-ddl .dropdown-menu.open {
    display: block
}

header .nav-help-ddl ul li {
    border-bottom: 1px solid #262541
}

header .nav-help-ddl ul a {
    display: block;
    height: 100%;
    color: #fff;
    background-color: #1e2434;
    font-family: roboto-regular;
    font-size: .9rem;
    line-height: 1.286rem;
    font-weight: 400;
    padding: 10px 18px;
    text-decoration: none
}

header .nav-help-ddl ul a:hover {
    background-color: #1e2434;
    color: #f7cc30;
    transition: background, .3s, linear
}

header .nav-help-ddl .dropdown-toggle:after {
    display: none
}

@media screen and (max-width:767px) {
    header .nav-help-ddl {
        display: none
    }
}

header .header-help {
    display: inline-block;
    font-weight: 400;
    font-family: roboto-regular;
    border-radius: 3px;
    color: #fff;
    position: relative;
    padding-left: 4rem;
    padding-right: 0
}

header .header-help:hover {
    background-color: #52586e;
    border: 1px solid transparent
}

header .header-help p {
    display: inline;
    margin: 0 0 0 4px;
    font-size: 1rem;
    line-height: inherit
}

header .header-help .fa {
    display: inline;
    line-height: inherit;
    padding: 0 10px
}

header .header-help .fa-chevron-down {
    color: #fff;
    font-size: 1rem;
    line-height: inherit;
    vertical-align: middle;
    display: inline-block;
    margin-top: -.2rem;
    margin-left: auto
}

header .header-help .icon-help {
    display: none
}

header .main-logo {
    display: inline-block;
    position: relative
}

header .main-logo.desktop {
    height: 40px
}

header .main-logo.mobile {
    text-align: left
}

@media screen and (min-width:1025px) {
    header .main-logo.mobile {
        display: none
    }
}

header .main-logo img {
    height: 100%;
    width: auto;
    max-width: 100%;
    margin: 0
}

@media (max-width:1306px) {
    header .main-logo {
        margin-left: 3.3rem
    }
}

header .clock-site {
    display: block
}

@media (max-width:1346px) {
    header .clock-site {
        display: none
    }
}

header .logo-align-wrapper {
    display: none
}

@media screen and (max-width:767px) {
    header .logo-align-wrapper {
        display: inline-block;
        margin-left: 3.2rem;
        margin-right: 2.2rem;
        text-align: center;
        height: 40px;
        width: auto;
        width: calc(100% - 5.4rem)
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    header .main-logo.mobile {
        text-align: left
    }
}

@media screen and (max-width:767px) {
    header .main-logo.desktop {
        display: none
    }
}

@media screen and (max-width:767px) {
    header .main-logo.mobile {
        height: 40px;
        margin: 0;
        width: auto;
        max-width: none
    }
}

.account-info {
    float: right
}

.account-info .btn {
    margin-left: 0;
    margin-right: 17px;
    text-transform: none;
    padding: .4286rem .8571rem
}

.account-info .btn.btn-success {
    margin-right: 0
}

.account-info .btn.btn-withdraw {
    display: none;
    margin-left: .25rem
}

@media screen and (max-width:767px) {
    .account-info .btn {
        margin: 0
    }
}

.account-info .nav-user-ddl {
    float: left
}

.account-info .nav-account-ddl {
    left: 0;
    background: #1e2434
}

.account-info .nav-account-ddl.open {
    display: block
}

.account-info .nav-user-ddl-left-icon {
    display: inline-block;
    position: absolute;
    left: .3rem;
    font-size: 1rem
}

.account-info .user-context-anchor {
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    max-width: 250px;
    display: inline-block;
    margin: 0;
    line-height: 1rem;
    font-weight: 500;
    padding: .55rem 1.714rem .55rem 3rem;
    border-radius: 4px 0 0 4px;
    float: left;
    border: 1px solid #262541;
    font-family: roboto-regular;
    font-size: 1em;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    text-transform: capitalize;
    transition: all .2s ease-in-out
}

.account-info .user-context-anchor .icon-profile {
    padding-left: 1rem
}

.account-info .user-context-anchor:hover {
    background: #1e2434;
    text-decoration: none;
    border: 1px solid #262541
}

.account-info .user-context-anchor:focus {
    background: #1e2434;
    text-decoration: none
}

.account-info .user-context-anchor:not(:last-child) {
    border-width: 0 1px 0 0
}

.account-info .user-context-anchor.balance {
    background: #1e2434;
    border: none;
    color: #fff;
    padding: .55rem 1.714rem;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    margin-left: .5rem
}

.account-info .user-context-anchor.balance:hover {
    color: #fff;
    background: #1e2434
}

.account-info .account-info-data {
    background: #1e2434
}

.account-info .account-info-data .fa-chevron-down:before {
    color: #fff
}

.account-info .user-message-counter {
    margin: 0;
    position: absolute
}

.account-info .messages-icon {
    line-height: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    width: 3.1rem;
    border: 0;
    margin: 0;
    display: inline-block;
    overflow: visible;
    position: relative
}

.account-info .messages-icon.mobile-icon {
    display: none;
    margin-right: 1em
}

@media screen and (max-width:1024px) {
    .account-info .messages-icon.mobile-icon {
        display: inline-block;
        margin-right: 3em
    }
}

.account-info .messages-icon:before {
    content: " "
}

.account-info .messages-icon img {
    width: 3em;
    height: 1.6em;
    position: absolute;
    top: .28em;
    left: .07em
}

.account-info .user-context-module {
    float: left;
    display: none;
    margin: 0 5px 0 0
}

@media screen and (min-width:1025px) {
    .account-info .user-context-module {
        display: block
    }
}

.account-info .user-context-module .balance-item {
    min-width: 120px;
    display: table-cell;
    padding: 0 14px 30px;
    position: relative;
    color: #fff
}

.account-info .user-context-module .balance-label {
    font-size: 1rem;
    white-space: pre-wrap;
    line-height: 1.4rem
}

.account-info .user-context-module .balance-amount {
    font-weight: 500;
    font-size: 1.2rem;
    position: absolute;
    bottom: 0;
    line-height: 20px
}

.account-info .fa.fa-info-circle {
    display: none
}

.account-info .balance-dropdown {
    overflow: hidden;
    top: 100%;
    background: #1e2434;
    border: none;
    border-radius: .25rem;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    margin: 0 .3571rem
}

.account-info .balance-dropdown>:not(:last-child) {
    margin-right: 0;
    border-right: 1px solid #262541
}

.account-info .balance-dropdown.open {
    display: block
}

.account-info .open .balance-dropdown {
    display: table
}

.account-info .right-container {
    float: right;
    display: block
}

@media screen and (max-width:767px) {
    .account-info .right-container {
        display: none
    }
}

.account-info .accordion-button>.fa-chevron-down {
    font-size: .5rem;
    vertical-align: middle;
    color: inherit;
    margin-top: -.2rem
}

.account-info .accordion-button>.fa-chevron-down.icon-triangle {
    margin-left: .3rem;
    position: static
}

.account-info .nav-btn-chevron>.fa-chevron-down {
    font-size: .5rem;
    vertical-align: middle;
    right: 0;
    color: inherit;
    margin-top: -.2rem
}

.account-info .nav-btn-chevron>.fa-chevron-down.icon-triangle {
    margin-left: .3rem;
    position: static;
    left: 0
}

.account-info .nav-btn-chevron>.fa-credit-card,
.account-info .nav-btn-chevron>.fa-user-times {
    display: none
}

@media screen and (max-width:767px) {
    .account-info .nav-btn-chevron>i.fa {
        display: none
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .account-info .nav-btn-chevron>i.fa {
        display: none
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .account-info .nav-btn-chevron>i.fa {
        display: none
    }
}

.account-info .user-logo {
    display: block;
    font-size: 1.55rem;
    padding: 17px 12px;
    position: absolute;
    top: .4286rem;
    right: 0;
    color: #f7cc30;
    background: transparent
}

@media screen and (max-width:767px) {
    .account-info .user-logo {
        position: absolute
    }
}

@media screen and (min-width:1025px) {
    .account-info .icon-profile-anchor {
        display: none
    }
}

.account-info .active .user-logo {
    display: none
}

.game .account-info .balance {
    display: none;
    padding: 0;
    margin: 4px
}

.game .account-info .dropdown {
    margin-right: 8px
}

.account-info .account-info-smart-app-badge {
    position: absolute;
    cursor: pointer;
    bottom: 6%;
    left: 20%
}

body.sga.smart-banner-enabled .account-info .account-info-smart-app-badge {
    bottom: 15%
}

.account-info .dropdown-menu {
    min-width: 15rem;
    padding: 0;
    overflow: hidden;
    margin-top: 0;
    top: 100%;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    border: 1px solid #262541;
    border-top: none
}

.account-info .dropdown-menu.balance-dropdown {
    padding: 15px 0;
    margin: 0
}

.account-info .dropdown-menu a {
    display: block;
    height: 100%;
    color: #fff;
    font-family: roboto-regular;
    font-size: 1rem;
    font-weight: 500;
    padding: 10px 18px;
    text-decoration: none
}

.account-info .dropdown-menu a.sub {
    padding: 10px 30px;
    background: #0f1221;
    border-bottom: 1px solid #ccc
}

.account-info .dropdown-menu a.sub:last-child {
    border-bottom: 0
}

.account-info .dropdown-menu a:hover {
    color: #f7cc30
}

.account-info .dropdown-menu ul {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(0, 1, .5, 1);
    transition-duration: .4s;
    padding: 0
}

.account-info .dropdown-menu ul.closed {
    max-height: 0
}

.account-info .dropdown-menu ul.open {
    max-height: 250px
}

.account-info .dropdown-menu .fa.fa-angle-down {
    transition: transform, .4s
}

.account-info .dropdown-menu .fa.fa-angle-down.open {
    transform: rotate(180deg)
}

.account-info .dropdown-menu .link {
    font-size: 1rem;
    font-family: roboto-regular;
    background: #1e2434;
    line-height: 1.3rem;
    border-bottom: 0
}

.account-info .dropdown-menu .link:hover {
    background-color: #1e2434;
    transition: background, .3s, linear
}

.account-info .dropdown-menu .link-end {
    font-size: 1rem;
    font-family: roboto-regular;
    background: #1e2434;
    line-height: 1.3rem;
    border-bottom: 1px solid #262541
}

.account-info .dropdown-menu .link-end:hover {
    background-color: #1e2434;
    transition: background, .3s, linear
}

.account-info .dropdown-menu .link-end:nth-child(2) {
    border-bottom: 1px solid #262541
}

.account-info .dropdown-menu .grouped-links {
    border-bottom: 1px solid #262541;
    position: relative;
    background: #0f1221
}

.account-info .dropdown-menu .grouped-links .closed:hover {
    background-color: #1e2434;
    transition: background, .3s, linear;
    color: #f7cc30
}

.account-info .dropdown-menu .grouped-links .fa {
    position: absolute;
    right: 1rem;
    top: 0;
    margin-top: 1.1rem
}

.account-info .dropdown-menu .grouped-links .link:last-child {
    border-bottom: 0
}

.account-info .dropdown-menu .grouped-links .sub:hover {
    background-color: #0f1221
}

.account-info .dropdown-menu .link-header {
    cursor: pointer;
    font-size: 1rem;
    padding: 10px 30px 10px 18px;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1.3rem;
    position: relative;
    font-family: roboto-regular;
    background-color: #1e2434;
    transition: background, .3s, linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.account-info .dropdown-menu .link-header.open {
    background-color: #0f1221;
    color: #f7cc30;
    font-weight: 400;
    border-bottom: 1px solid #0f1221
}

.account-info .dropdown-menu .link-header.closed {
    color: #fff;
    border-bottom: solid #0f1221;
    border-width: 0
}

footer {
    background-color: #1e2434;
    color: #333
}

footer .content-align {
    justify-content: space-around;
    display: flex
}

@media screen and (max-width:1024px) {
    footer .content-align {
        flex-flow: row wrap
    }
}

footer .no-pointer {
    pointer-events: none
}

footer .footer-variant-two-legal {
    padding: 1.9em 0;
    background-color: #0f1221;
    border-bottom: none
}

footer .footer-links {
    border-top: 1px solid #262541;
    border-bottom: 1px solid #262541;
    padding: 2.1714rem 0;
    line-height: 1.5;
    font-family: roboto-regular;
    position: relative;
    text-align: center;
    max-width: none;
    margin: none
}

footer .footer-links ul {
    list-style: none
}

@media screen and (min-width:1025px) {
    footer .footer-links ul {
        display: flex;
        -moz-column-count: 2;
        column-count: 2;
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width:1024px) {
    footer .footer-links ul {
        padding: 0
    }
}

@media screen and (max-width:767px) {
    footer .footer-links ul {
        padding: 0
    }
}

footer .footer-links li {
    font-size: 1rem;
    margin-right: 10px;
    display: inline-block;
    padding-bottom: 0
}

footer .footer-links li a,
footer .footer-links li span {
    outline: none;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #f7cc30;
    font-family: roboto-regular;
    cursor: pointer
}

footer .footer-links li a:hover,
footer .footer-links li span:hover {
    font-weight: 500;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    footer .footer-links li a,
    footer .footer-links li span {
        line-height: 1.5
    }
}

@media screen and (max-width:767px) {
    footer .footer-links li {
        display: block
    }
}

@media screen and (max-width:1024px) {
    footer .two-column .content-align {
        flex-flow: row nowrap
    }
}

@media screen and (max-width:767px) {
    footer .two-column .content-align {
        flex-flow: row wrap
    }
}

footer .two-column ul {
    text-align: left;
    display: block;
    margin: 0
}

@media screen and (min-width:1025px) {
    footer .two-column ul {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media screen and (max-width:1024px) {
    footer .two-column ul {
        -moz-column-count: 2;
        column-count: 2
    }
}

@media screen and (max-width:767px) {
    footer .two-column ul {
        -moz-column-count: 1;
        column-count: 1
    }
}

footer .two-column li {
    margin-right: 0
}

footer .two-column li a {
    outline: none;
    display: inline-block;
    line-height: 2em;
    font-weight: 400;
    font-size: 1rem;
    text-transform: uppercase
}

footer .two-column li a:hover {
    font-weight: 500;
    text-decoration: underline
}

footer .two-column:before {
    content: "";
    display: block;
    position: absolute;
    background: 50% 0 repeat-y #ccc;
    left: 50%;
    width: 1px;
    height: 100%
}

@media screen and (max-width:1024px) {
    footer .two-column:before {
        display: none
    }
}

footer .two-column .second-column-legal-container {
    text-align: left;
    padding: 50px 0
}

footer .two-column .second-column-legal-container p {
    font-size: .9rem;
    padding: 0 38px;
    color: #fff
}

footer .two-column .second-column-legal-container p strong {
    color: #fff;
    font-size: .9rem
}

footer .two-column .second-column-legal-container a {
    color: #f7cc30;
    font-weight: 500;
    text-decoration: none
}

footer .two-column .second-column-legal-container a:hover {
    text-decoration: underline;
    color: #fff
}

.footer-legal-text {
    padding: 0;
    background: inherit;
    border-right: none
}

.footer-legal-text .legal-content-text {
    margin: 0;
    padding: 0 1em;
    color: #646b73;
    font-size: .9rem;
    line-height: 1.5em;
    text-align: left
}

@media screen and (max-width:1197px) {
    .footer-legal-text .legal-content-text {
        padding: 2.5em 1em
    }
}

@media screen and (max-width:767px) {
    .footer-legal-text .legal-content-text {
        font-size: .8em;
        padding: 2.5em 1em;
        border-bottom: none
    }
}

.footer-legal-text .legal-content-text a {
    color: #f7cc30;
    font-weight: 500;
    text-decoration: none
}

.footer-legal-text .legal-content-text a:hover {
    text-decoration: underline;
    font-weight: 500
}

.footer-licenses-logos {
    background: inherit;
    padding: 0 16px
}

.footer-licenses-logos .licence {
    width: 100%;
    height: 100%;
    min-height: 100%;
    list-style: none;
    align-items: center;
    justify-content: space-around;
    display: flex;
    flex-flow: row wrap
}

@media screen and (max-width:548px) {
    .footer-licenses-logos .licence {
        justify-content: center
    }
}

.footer-licenses-logos .licence img {
    position: relative;
    max-width: 100%;
    margin: 5px;
    max-height: 35px;
    height: 35px;
    width: auto;
    vertical-align: initial;
    opacity: .4
}

@media screen and (max-width:1024px) {
    .footer-licenses-logos .licence img {
        margin: 5px
    }
}

@media screen and (max-width:767px) {
    .footer-licenses-logos .licence img {
        height: 35px;
        max-height: 35px
    }
}

.footer-partners {
    padding: 2.1714rem 0;
    background: #0f1221
}

.footer-partners img {
    max-height: 35px;
    height: 35px;
    margin: 10px;
    position: relative;
    max-width: 100%
}

.footer-payments-logos {
    background: #1e2434;
    padding: 1.9em 0;
    opacity: 1;
    border-bottom: none;
    max-width: none;
    margin: none
}

.footer-payments-logos img {
    width: auto;
    max-height: 35px;
    height: 35px;
    margin: 10px;
    position: relative;
    opacity: .4
}

@media screen and (max-width:767px) {
    .footer-payments-logos img {
        height: 35px;
        max-height: 35px;
        margin: 10px
    }
}

.footer-payments-logos .content-align {
    justify-content: normal
}

@media screen and (max-width:767px) {
    .footer-payments-logos .content-align {
        text-align: center
    }
}

.main-navigation {
    box-shadow: 0 transparent;
    border-top: none;
    border-bottom: none;
    background-color: #1e2434;
    padding: 0
}

@media screen and (max-width:1024px) {
    .main-navigation {
        border-bottom: 0 solid transparent;
        background: #0f1221;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        table-layout: fixed;
        width: 100%;
        display: table
    }
}

@media screen and (max-width:767px) {
    .main-navigation {
        display: table
    }
}

.main-navigation .navigation-wrapper {
    background: #1e2434;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.main-navigation .navigation-wrapper::-webkit-scrollbar {
    display: none
}

@media screen and (max-width:1024px) {
    .main-navigation .navigation-wrapper {
        width: 100%;
        overflow-x: auto;
        display: table-cell;
        background: #0f1221
    }
}

@media screen and (max-width:767px) {
    .main-navigation .navigation-wrapper {
        display: table-cell;
        table-layout: auto;
        margin: 0 auto
    }
}

.main-navigation .content-wrapper,
.main-navigation footer .content-align,
footer .main-navigation .content-align {
    margin: 0 auto;
    display: table;
    width: 100%;
    padding: 0
}

@media screen and (max-width:1024px) {
    .main-navigation .content-wrapper,
    .main-navigation footer .content-align,
    footer .main-navigation .content-align {
        background: #0f1221;
        padding: 0;
        display: table-row
    }
}

@media screen and (max-width:767px) {
    .main-navigation .content-wrapper,
    .main-navigation footer .content-align,
    footer .main-navigation .content-align {
        display: table
    }
}

.main-navigation li {
    list-style: none;
    display: table-cell;
    position: relative;
    background: #1e2434;
    vertical-align: initial
}

.main-navigation li:first-child {
    border-left: none;
    border-right: none;
    border-top: none;
    background-color: #1e2434
}

.main-navigation li:not(:last-child) {
    padding-right: 0
}

@media screen and (max-width:1024px) {
    .main-navigation li {
        border-bottom: none
    }
    .main-navigation li:first-child {
        padding-left: 0
    }
    .main-navigation li:last-child {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .main-navigation li {
        display: table-cell;
        width: auto
    }
}

.main-navigation .search-container {
    background-image: url(assets/images/icon-search.svg);
    background-size: 70%;
    background-position: 50%;
    padding: 16px 16px 14px;
    border-radius: 100%;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .main-navigation .game-search-list-item {
        display: none
    }
}

.main-navigation .large-game-search a {
    width: auto
}

.main-navigation .large-game-search .search-game-result {
    width: 100%;
    border-left: none;
    border-right: none
}

.main-navigation .large-game-search {
    height: 50px
}

.main-navigation .large-game-search a,
.main-navigation .large-game-search a:hover {
    color: #fff
}

.main-navigation .large-game-search .dropdown .fa {
    position: static;
    color: #fff;
    display: block;
    font-size: 1.5em;
    padding: 13px
}

.main-navigation a {
    display: block;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    height: auto;
    position: relative;
    background: #1e2434;
    background-position: 50%;
    background-size: initial;
    background-repeat: none;
    font-weight: 500;
    letter-spacing: inherit;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    border-right: none;
    border-left: none;
    font-family: roboto-regular;
    color: #fff;
    width: auto;
    border-radius: 0;
    line-height: unset;
    padding: 0 18px 9px;
    font-size: 1.1em
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .main-navigation a {
        padding: 0 10px 10px 15px
    }
}

@media screen and (max-width:767px) {
    .main-navigation a {
        width: auto;
        padding: 0 10px 10px 15px;
        font-size: 1em
    }
    .main-navigation a .category-icon {
        display: block
    }
}

.main-navigation a .icon-atoz-big {
    margin: 0
}

.main-navigation a .category-icon {
    position: static;
    right: 0;
    left: 0;
    top: auto;
    padding: 13px 4px;
    font-size: 1.4em;
    display: block;
    transition: all, .3s, ease-in-out
}

.main-navigation a.active {
    background: #1e2434;
    color: #f7cc30
}

.main-navigation a.active:hover .category-icon {
    top: auto
}

.main-navigation a:not(.active):hover {
    color: #f7cc30;
    background: #1e2434;
    border-bottom: none
}

.main-navigation a:not(.active):hover .category-icon {
    top: 5px;
    color: #f7cc30
}

.nav-side-sub,
.nav-side-sub .nav-side-sub-li {
    display: block
}

.nav-side-sub .nav-side-sub-li .nav-side-sub-li,
.nav-side-sub a {
    border-bottom: 1px solid #262541
}

.nav-side-sub a {
    display: flex;
    align-items: center;
    text-decoration: none;
    width: 100%;
    color: #fff;
    font-size: 1em;
    font-family: roboto-regular;
    font-weight: 400;
    text-transform: none;
    background-color: inherit;
    padding: 1.1em 1.3em;
    transition: background, .3s, ease
}

.nav-side-sub a:hover {
    background-color: #1e2434
}

.nav-side-sub .category-icon {
    display: none
}

.nav-side-sub .nav-side-sub .category-icon {
    display: inline-block;
    color: #333;
    font-size: 2.6em;
    height: 100%;
    float: left;
    padding: 0
}

.nav-side-sub .nav-side-sub a {
    padding: .6em 1.3em .6em .6em;
    background: #fff;
    box-sizing: border-box
}

.nav-side-sub .nav-side-sub a:hover {
    background-color: #1e2434
}

.nav-side-sub .nav-side-sub .nav-side-sub {
    background: #fff
}

.nav-side-sub .nav-side-sub .nav-side-sub a {
    padding: 1.2em 0 1.2em 1.2em;
    margin: 0 0 0 2.1em;
    background: #fff
}

.nav-side-sub .nav-side-sub .nav-side-sub a:hover {
    background-color: #1e2434
}

.nav-side-left .nav-side-sub .nav-side-sub .nav-side-sub a {
    background: #fff
}

.nav-side-left .nav-side-sub .nav-side-sub .nav-side-sub a:hover {
    background-color: #1e2434
}

.main-navigation .nav-side-sub a {
    padding: 1.2em 1.3em 1.2em 1.2em;
    margin: 0 0 0 2.8em;
    background: none
}

.main-navigation .nav-side-sub:last-child a {
    padding: 1.2em 0 1.2em 4em;
    margin: 0;
    border-bottom: none
}

.nav-side-sub .accordion {
    transition: background-color, .4s, ease-out
}

.nav-side-sub .accordion .nav-item-submenu {
    max-height: 0;
    overflow: hidden;
    transition: max-height, .4s, ease-out
}

.nav-side-sub .accordion .accordion-button {
    cursor: pointer
}

.nav-side-sub .accordion .accordion-button .nav-label {
    flex-grow: 1
}

.nav-side-sub .accordion .accordion-button .category-icon {
    color: inherit
}

.nav-side-sub .accordion .accordion-button .icon-triangle {
    margin-right: 0
}

.nav-side-sub .accordion.open>a>i {
    transform: rotate(180deg)
}

.nav-side-sub .accordion.open .nav-item-submenu {
    max-height: 1200px
}

.nav-side-sub .accordion.open .accordion-button {
    text-decoration: none;
    background-color: #0f1221;
    color: #fff
}

.nav-side-sub .accordion .fa-chevron-down {
    vertical-align: middle;
    width: 15px;
    margin: 2px 13px;
    transition: transform, .4s, ease-out
}

.nav-side-sub .accordion .accordion i {
    display: none
}

.nav-side-sub .accordion.open .accordion i {
    display: inline
}

.nav-side-sub .nav-item-child a {
    background: #fff
}

.nav-side-sub .nav-item-child .icons-items {
    padding: 0;
    border-bottom: 1px solid #f3f4f4;
    background: transparent;
    font-family: inherit;
    text-transform: none
}

.nav-side-sub .nav-item-child .nav-label {
    color: #333;
    padding: 0 0 0 1em
}

.nav-side-sub .nav-item-child:last-child.category-icon {
    border: none
}

.nav-side-sub .nav-item-child .active-all .category-icon,
.nav-side-sub .nav-item-child .active .category-icon,
.nav-side-sub .nav-item-child:hover .category-icon {
    color: inherit
}

.nav-side-sub.active .nav-label {
    color: #fff
}

.nav-side-sub .unread-counter .new-messages-module {
    position: static;
    margin-left: 1em
}

.nav-side-left {
    background: #0f1221;
    width: 100%;
    height: auto
}

.nav-side-left .game-search {
    background-color: none;
    padding: 0
}

.nav-side-left .game-search .search-input {
    font-size: 1em
}

.nav-side-left .game-search .search-field .fa {
    padding: 6px
}

.nav-side-right {
    color: #333;
    width: 100%
}

.nav-side-right .nav-side-sub a {
    background: none;
    color: #333;
    position: relative;
    font-family: inherit;
    padding: 1.1em 1.3em
}

.nav-side-right .nav-side-sub .nav-side-sub .nav-item {
    background: rgba(0, 0, 0, .1)
}

.nav-side-right .nav-side-sub .accordion.open .accordion-button {
    background: #0f1221;
    color: #fff
}

.nav-side-right .nav-side-right-header {
    background: #0f1221
}

.nav-side-right .nav-side-right-header h3 {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-family: roboto-medium
}

.nav-side-right .nav-side-right-icon {
    color: #fff;
    display: inline-block;
    font-size: 1.6em;
    padding: 10px 13px 9px 10px;
    position: relative
}

.nav-side-right .nav-side-right-icon>.unread-counter {
    top: 0;
    right: 6px
}

.nav-side-right a {
    font-family: inherit
}

.nav-side-right .btn-wrapper {
    margin: 10px
}

.nav-side-right .btn-wrapper .btn {
    margin-left: 0
}

.nav-side-right .nav-item-child .icons-items {
    padding: 1.1em 1.3em
}

.nav-side-right .nav-item-child .nav-label {
    color: #333
}

.shift-right .nav-side-sub .nav-side-sub a:hover {
    background: transparent;
    color: #fff
}

.nav-close {
    display: none;
    position: absolute;
    top: 20px;
    right: 38.5px
}

.nav-close span:after,
.nav-close span:before {
    background: #fff;
    border-radius: 2em;
    content: "";
    cursor: pointer;
    display: block;
    height: .25em;
    left: .4em;
    position: absolute;
    top: 1.3em;
    width: 2.1em
}

.nav-close span:before {
    transform: rotate(45deg)
}

.nav-close span:after {
    transform: rotate(-45deg)
}

.active .nav-close {
    display: block;
    height: 100%;
    width: 3em;
    right: 0;
    top: 1px;
    background: transparent
}

.nav-simple {
    width: 100%;
    position: relative;
    background-color: #1f294a;
    height: 27px;
    z-index: 3;
    padding-top: 0;
    border-top: none
}

.nav-simple .nav-list {
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width:1025px) {
    .nav-simple .nav-list {
        padding-left: 50px
    }
}

@media screen and (max-width:1024px) {
    header+.nav-simple {
        display: none
    }
}

.nav-simple .nav-list-item {
    list-style: none;
    float: left;
    height: 80%
}

.nav-simple .nav-list-item:last-child a {
    border-right-color: transparent
}

.nav-simple .nav-list-item:first-child a {
    padding-left: 0;
    padding-right: 1em;
    padding-bottom: 0;
    height: 1.429rem
}

.nav-simple a {
    font-size: 1.143em;
    font-family: roboto-regular;
    font-weight: 400;
    display: block;
    line-height: 1.3em;
    color: #fff;
    padding: 0 1em;
    border-right: 1px solid #fff;
    text-transform: none;
    transition: color, .3s, ease-in-out
}

.nav-simple a.icon-home:before,
.nav-simple a.icon-me-home:before {
    font-family: icon-font;
    font-size: 1.4em;
    line-height: inherit
}

.nav-simple a.active,
.nav-simple a:hover {
    color: #5897cd;
    text-decoration: none;
    border-bottom: none;
    padding-bottom: 0
}

.nav-balance {
    padding: 10px 0 0;
    background: transparent
}

.nav-balance p {
    margin: 0;
    display: inherit
}

.nav-balance .balance-total {
    cursor: pointer;
    display: block;
    text-align: left;
    padding: .2em .67em;
    color: #333;
    font-weight: 700;
    transition: background .3s ease
}

.nav-balance .balance-total p {
    display: inline-block;
    font-size: 1.1em
}

.nav-balance .balance-total p:nth-child(2) {
    margin-right: .5rem
}

.nav-balance .balance-total:hover {
    background: rgba(0, 0, 0, .1)
}

.nav-balance .fa-chevron-down {
    float: right;
    margin: 5px;
    transition: transform .4s ease-out
}

.nav-balance .open .fa-chevron-down {
    transform: rotate(180deg)
}

.nav-balance .balance-breakdown {
    height: 0;
    overflow: hidden;
    background: transparent;
    transition: height .4s ease-out
}

.nav-balance .balance-breakdown.open {
    height: auto;
    padding: 20px 0
}

.nav-balance .balance-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0 solid transparent;
    padding: .2em .67em;
    color: #333;
    text-decoration: none;
    transition: background .3s ease
}

.nav-balance .balance-item .balance-label {
    font-size: 1.1em;
    font-weight: 400
}

.nav-balance .balance-item .balance-amount {
    white-space: nowrap;
    font-size: 1.1em;
    font-weight: 500
}

.nav-balance .balance-item .fa {
    display: none
}

.nav-balance .balance-item:first-child {
    border-top: 0 solid transparent
}

.nav-balance .balance-item:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, .1)
}

.promo-thumbnail {
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    height: 100%
}

.promo-thumbnail:first-child {
    width: 66%
}

.promo-thumbnail:nth-child(2) {
    width: 34%;
    padding-right: 0
}

.promo-thumbnail:nth-child(2) .hover-wrapper {
    right: 0
}

.promo-thumbnail:nth-child(n+3) {
    width: 33%
}

.promo-thumbnail:nth-child(3n+2) {
    width: 34%;
    padding-right: 0
}

.promo-thumbnail:nth-child(3n+2) .hover-wrapper {
    right: 0
}

@supports (display:grid) {
    .promo-thumbnail:nth-child(3n+2) .hover-wrapper {
        right: 10px
    }
}

@media screen and (max-width:1024px) {
    .promo-thumbnail:nth-child(n) {
        width: 100%;
        padding-right: 0
    }
    .promo-thumbnail:nth-child(n) .hover-wrapper {
        right: 0
    }
}

@supports (display:grid) {
    .promo-thumbnail {
        grid-row: span 4
    }
    @media screen and (max-width:1024px) {
        .promo-thumbnail {
            grid-column: 1/-1
        }
    }
    @media screen and (min-width:1025px) {
        .promo-thumbnail:nth-child(n) {
            width: auto
        }
    }
    .promo-thumbnail:first-child {
        grid-column: 1/span 2
    }
}

.promo-thumbnail .hover-wrapper {
    position: absolute;
    z-index: 1;
    height: 55%;
    padding: 20px;
    transition: top, bottom;
    transition-duration: .5s;
    right: 10px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7);
    text-align: justify;
    margin: 0;
    width: 100%
}

.promo-thumbnail .img-container {
    width: 100%;
    height: 340px;
    background-position: 50%;
    background-size: cover
}

@supports (display:grid) {
    .promo-thumbnail .img-container {
        height: 340px
    }
}

.promo-thumbnail .img-container .img-logo {
    position: absolute;
    width: 100%;
    height: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    z-index: 0;
    background-size: contain
}

.promo-thumbnail .text-wrapper {
    height: 95px;
    overflow: hidden
}

.promo-thumbnail .text-wrapper h4 {
    text-align: left;
    letter-spacing: normal;
    white-space: nowrap;
    line-height: 1em;
    color: #fff;
    font-size: 1.714rem;
    font-weight: inherit
}

.promo-thumbnail .text-wrapper p {
    overflow: hidden;
    max-height: 70px;
    color: #fff;
    text-align: justify;
    text-transform: none;
    padding: 5px 0 0
}

.promo-thumbnail .promo-buttons {
    position: relative;
    top: 10px;
    left: 1px
}

.promo-thumbnail .promo-buttons .btn {
    margin: 0 10px 0 0;
    padding: 12px
}

.promo-thumbnail .promo-buttons .terms-apply {
    box-shadow: none;
    display: block;
    font-weight: 400;
    font-size: .6em;
    padding: 12px 0 0;
    color: #fff
}

.promo-thumbnail .promo-buttons .terms-apply:hover {
    color: #ddd;
    text-decoration: none
}

.seo-content {
    background: #1e2434
}

.seo-content .content-wrapper,
.seo-content footer .content-align,
footer .seo-content .content-align {
    padding: 2.5em 1em
}

.seo-content .breadcrumbs ol {
    margin-bottom: 1.143em
}

.seo-content.anchor-to-top {
    position: fixed;
    height: 100vh;
    z-index: 999999;
    top: 0;
    overflow: auto
}

.seo-content .icon-close {
    font-size: 25px;
    color: #fff;
    float: right;
    margin: 15px 15px 0 0
}

.seo-content h1,
.seo-content h2,
.seo-content h3 {
    color: #fff
}

.seo-content h1 {
    padding: 0 0 .5em;
    font-family: roboto-medium;
    font-size: 1.4rem
}

@media screen and (max-width:767px) {
    .seo-content h1 {
        line-height: 1.4;
        font-size: 2.571rem
    }
}

.seo-content .show-more-less-text {
    margin: 5px 0;
    color: #646b73;
    cursor: pointer
}

.seo-content .seo-content-text {
    max-height: 6000px;
    overflow: hidden;
    transition: max-height .5s ease-in-out;
    font-size: .9286rem;
    line-height: 1.5em;
    color: #646b73;
    text-align: left;
    font-family: roboto-regular;
    margin-bottom: 0
}

.seo-content .seo-content-text.show-less {
    transition: max-height 1s cubic-bezier(0, 1, 0, 1);
    max-height: 165px;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .seo-content .seo-content-text.show-less {
        max-height: 220px
    }
}

.seo-content .seo-content-text.show-gradient-overlay {
    -webkit-mask-image: linear-gradient(180deg, #1e2434 80%, transparent);
    mask-image: linear-gradient(180deg, #1e2434 80%, transparent)
}

@media screen and (max-width:767px) {
    .seo-content .seo-content-text {
        line-height: 1.5em
    }
}

.seo-content .seo-content-text a {
    font-weight: 500;
    text-decoration: none;
    color: #f7cc30
}

.seo-content .seo-content-text a:hover {
    text-decoration: underline;
    font-weight: 500;
    color: #f7cc30
}

.new-messages-module {
    height: 1rem;
    width: 1rem;
    font-size: .685rem;
    border: 0;
    border-radius: 50%;
    position: absolute;
    right: -.1rem;
    top: -.2rem
}

@media screen and (max-width:767px) {
    .new-messages-module {
        top: auto;
        right: 1px
    }
}

@media screen and (max-width:1024px) {
    .new-messages-module {
        top: 23px;
        right: 1px
    }
}

.shift-right .nav-side-right .new-messages-module {
    left: 20px;
    top: 23px
}

@media screen and (min-width:1025px) {
    .nav-item .new-messages-module {
        left: 115px;
        top: 11px
    }
}

.shift-right .nav-side-right .unread-counter .new-messages-module {
    left: 140px;
    top: 15px
}

.new-messages-module .new-messages-number {
    height: 1.25rem;
    width: 1.25rem;
    border-radius: .75rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.25rem;
    background-color: red;
    color: #fff
}

@media screen and (max-width:1024px) {
    .new-messages-module .new-messages-number {
        height: 1rem;
        width: 1rem;
        line-height: 1rem
    }
}

.active .new-messages-module {
    display: none
}

.clock-site {
    position: absolute;
    right: 20px;
    top: 19px;
    font-size: 1rem;
    color: #8b97b5;
    font-family: roboto-regular;
    line-height: 2rem;
    height: 2rem
}

.nav-simple .clock-site {
    line-height: 2rem;
    height: auto;
    right: 1rem;
    top: .1429em
}

@media screen and (max-width:1024px) {
    .clock-site {
        display: none
    }
}

.deposit-bonuses .deposit-bonuses-body {
    padding: 1em 0 0;
    border-top: 1px solid #bbb
}

.deposit-bonuses .deposit-bonuses-body .title {
    text-align: center;
    padding: 0 0 1.1em;
    font-size: 1em;
    color: #213d7e
}

.deposit-bonuses .claim-response {
    text-align: center
}

.deposit-bonuses .claim-response .success-response {
    color: #3d8610
}

.deposit-bonuses .deposit-bonuses-footer {
    text-align: center;
    border: 0;
    padding: 0 0 2em
}

.deposit-bonuses .deposit-bonuses-footer .title {
    padding: 1.2em 0 0;
    font-size: 1.2em;
    color: #023450
}

.deposit-bonuses .deposit-bonuses-footer .subtitle {
    padding: .5em 0 0;
    color: #000
}

.deposit-bonuses .deposit-bonuses-footer .list {
    display: table;
    width: 80%;
    margin: 0 auto
}

.deposit-bonuses .deposit-bonuses-footer .list li {
    display: table-cell;
    margin: 0 .5em
}

@media screen and (max-width:767px) {
    .deposit-bonuses .deposit-bonuses-footer .list li {
        margin: .2em 0;
        width: 100%;
        float: left
    }
}

.deposit-bonuses .deposit-bonuses-footer .list .text {
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    height: 100%;
    color: #000;
    width: 85%;
    padding: .5em 0;
    font-size: 1em;
    font-weight: 700
}

.deposit-bonuses .deposit-bonuses-footer .list .text.link {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #606a5e;
    color: #606a5e;
    transition: all .3s ease-in-out
}

.deposit-bonuses .deposit-bonuses-footer .list .text.link:hover {
    border-color: #023450;
    color: #023450
}

.deposit-bonuses .deposit-bonuses-footer .list i.fa {
    padding: 0 .3em 0 0;
    font-size: 1.2em
}

@media screen and (max-width:1024px) {
    .deposit-bonuses .deposit-bonuses-footer .list {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

.deposit-bonuses .bonus-list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media screen and (max-width:1024px) {
    .deposit-bonuses .bonus-list {
        text-align: center
    }
}

.deposit-bonuses .bonus-list .bonus-list-item {
    border-bottom: 1px solid #1e2434
}

.bonuses-overview .bonus-success {
    text-align: center;
    margin: 10px 0 19px -68px;
    color: 2px solid #3d8610
}

@media screen and (max-width:767px) {
    .bonuses-overview .bonus-success {
        margin: 10px 0 19px -30px
    }
}

.bonuses-overview .bonus-error h5 {
    color: 2px solid #dc4f4e
}

.bonuses-overview .bonus-list-item {
    border-bottom: 1px solid #1e2434
}

.bonuses-overview .bonus-list {
    list-style: none
}

@media screen and (max-width:1024px) {
    .bonuses-overview .bonus-list {
        margin: 0;
        padding: 0;
        text-align: center
    }
}

.bonus-item {
    padding: 30px 0 15px
}

.bonus-item .show-terms-link-container {
    position: relative;
    text-align: center;
    cursor: pointer;
    margin: 5px 0 0;
    color: #0f145a
}

.bonus-item .show-terms-link-container .show-terms-link {
    cursor: pointer;
    display: block;
    font-size: .9em;
    font-weight: 500;
    color: #f7cc30;
    text-decoration: none
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .bonus-item .show-terms-link-container .show-terms-link {
        text-align: right;
        padding: 0 15px 0 0
    }
    .bonus-item .show-terms-link-container .show-terms-link.claimable {
        padding: 0 2px 0 0
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .show-terms-link-container .show-terms-link {
        text-align: right;
        padding: 0 15px 0 0
    }
}

@media screen and (max-width:767px) {
    .bonus-item .show-terms-link-container .show-terms-link {
        text-align: right;
        padding: 0 15px 0 0
    }
    .bonus-item .show-terms-link-container .show-terms-link.claimable {
        padding: 0 2px 0 0
    }
}

.bonus-item .show-terms-link-container .show-terms-link:hover {
    color: #f7cc30
}

.bonus-item .show-terms-link-container .forfeit-link {
    text-decoration: underline;
    cursor: pointer;
    font-size: .9em;
    color: #f7cc30
}

.bonus-item .show-terms-link-container .forfeit-link:hover {
    color: #f7cc30
}

@media screen and (max-width:1024px) {
    .bonus-item .show-terms-link-container .forfeit-link {
        padding-right: 13px
    }
}

.bonus-item .show-terms-link-container .close {
    position: absolute;
    float: none;
    top: -2px;
    right: 25px;
    font-size: 1.3em;
    color: #8b97b5
}

@media screen and (max-width:767px) {
    .bonus-item .show-terms-link-container .close {
        left: auto;
        right: auto;
        float: none
    }
}

.bonus-item .terms-and-conditions {
    font-size: 1em;
    color: #8b97b5
}

@media screen and (max-width:767px) {
    .bonus-item .terms-and-conditions {
        margin: 20px 0 10px;
        float: left;
        width: 100%
    }
}

.bonus-item .terms-and-conditions h5 {
    line-height: 2em;
    color: #fff
}

@media screen and (max-width:767px) {
    .bonus-item .terms-and-conditions h5 {
        font-size: 1.3em
    }
}

.bonus-item .terms-and-conditions.col-xs-12 h5 {
    font-size: 1.6em
}

.bonus-item .terms-and-conditions .close {
    top: 21px;
    font-size: 1.6em
}

.bonus-item .terms-and-conditions a {
    color: #0f145a;
    text-decoration: none
}

.bonus-item .terms-and-conditions a:hover {
    text-decoration: none
}

.bonus-item .bonus-image {
    text-align: center
}

@media screen and (max-width:1024px) {
    .bonus-item .bonus-image {
        padding-right: 0;
        display: none !important
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .bonus-image {
        padding-right: 15px
    }
}

.bonus-item .bonus-details h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff
}

@media screen and (max-width:767px) {
    .bonus-item .bonus-details h3 {
        font-size: 1.8em
    }
}

.bonus-item .bonus-details a:not(.btn) {
    font-size: 12px;
    line-height: 2.2rem;
    text-decoration: underline;
    color: #fff
}

@media screen and (max-width:767px) {
    .bonus-item .bonus-details a:not(.btn) {
        text-decoration: none;
        text-align: center;
        display: block;
        box-sizing: border-box;
        width: auto;
        border: 1px solid #020202;
        border-radius: 2px;
        line-height: 1.5rem;
        margin: .5rem 15px
    }
}

.bonus-item .bonus-details a.btn.primary {
    text-transform: uppercase
}

.bonus-item .bonus-details .bonus-category,
.bonus-item .bonus-details .bonus-valid-until {
    color: #646b73;
    font-size: 12px
}

@media screen and (max-width:767px) {
    .bonus-item .bonus-details .bonus-category,
    .bonus-item .bonus-details .bonus-valid-until {
        font-size: 11px
    }
}

.bonus-item .bonus-details .bonus-description {
    color: #646b73;
    font-size: 14px
}

.bonus-item .bonus-details .bonus-category {
    margin: 0 0 5px
}

@media screen and (max-width:1024px) {
    .bonus-item .bonus-details {
        width: 100%
    }
}

.bonus-item .bonus-options {
    padding: 0
}

.bonus-item .bonus-options .bonus-available-controls,
.bonus-item .bonus-options .deposit-claim-controls {
    text-align: center
}

.bonus-item .bonus-options .btn-group-lg>.btn.primary.disabled.loading,
.bonus-item .bonus-options .btn.btn-lg.primary.disabled.loading {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px;
    opacity: 1
}

@media screen and (max-width:1024px) {
    .bonus-item .bonus-options {
        width: 100%
    }
    .bonus-item .bonus-options .show-terms-link {
        text-align: center
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .bonus-options.col-xs-12 {
        text-align: center
    }
}

.bonus-item .bonus-controls {
    padding: 7px 0
}

.bonus-item .bonus-controls span {
    font-size: 12px;
    font-weight: 700
}

.bonus-item .bonus-controls .progress {
    position: relative;
    width: 100%;
    border: 1px solid #020202;
    height: 28px;
    margin: 2px 0 10px;
    background: #f5f5f5
}

.bonus-item .bonus-controls .progress span {
    position: absolute;
    font-size: 17px;
    top: 3px;
    left: 15px
}

.bonus-item .bonus-controls .progress-bar {
    height: 100%;
    background-color: #bbb;
    padding: 5px 0;
    margin: 0
}

.bonus-item .bonus-controls .progress-bar span {
    color: #8b97b5
}

.bonus-item .bonus-controls .bonus-status,
.bonus-item .bonus-controls .received-amount {
    font-size: 2.1rem;
    line-height: 2.1rem;
    margin: 0;
    color: #8b97b5;
    font-family: roboto-regular
}

.bonus-item .bonus-controls .bonus-status .fa {
    display: block;
    font-size: 1.3rem;
    float: left;
    width: 19%
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .bonus-controls .bonus-status .fa {
        width: auto;
        float: none;
        display: inline
    }
}

.bonus-item .bonus-controls .bonus-status span {
    display: block;
    float: left;
    font-size: 1.2rem;
    width: 80%;
    line-height: 1.5rem
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .bonus-controls .bonus-status span {
        float: none;
        display: inline;
        width: auto
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .bonus-controls .bonus-status {
        text-align: center
    }
}

.bonus-item .bonus-controls.confirm-bonus {
    font-size: 12px;
    background-color: #fff;
    padding: 7px 15px 0;
    margin: 0
}

.bonus-item .bonus-controls.confirm-bonus a {
    color: #001827
}

.bonus-item .bonus-controls.confirm-bonus h5 {
    font-size: 1rem;
    color: #001827;
    font-family: roboto-regular
}

.bonus-item .bonus-controls.confirm-bonus input[type=text].claim-amount {
    display: inline-block;
    text-align: right;
    font-weight: 700;
    margin: 0 5px;
    border: 1px solid #020202;
    height: 28px;
    width: 49px;
    font-size: 15px
}

.bonus-item .bonus-controls.confirm-bonus .confirm-bonus-amount,
.bonus-item .bonus-controls.confirm-bonus .confirm-bonus-currency {
    margin-right: 5px
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .bonus-controls.confirm-bonus {
        margin: 15px 0 0
    }
}

.bonus-item .bonus-controls .claim-amount {
    display: inline-block;
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    height: auto;
    width: 65px;
    margin: 0 5px;
    background: #fff
}

.bonus-item .bonus-controls .claim-amount.ng-invalid-max,
.bonus-item .bonus-controls .claim-amount.ng-invalid-min {
    border: 1px solid #c33
}

.bonus-item .bonus-controls .claim-amount-validation-error {
    color: red;
    font-weight: 400;
    display: block
}

.bonus-item .bonus-controls .claim-amount::-webkit-inner-spin-button,
.bonus-item .bonus-controls .claim-amount::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.bonus-item .bonus-controls .cancel-bonus-link {
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    line-height: 2.2rem;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .bonus-item .bonus-controls {
        text-align: center;
        padding: .5em 0 7px
    }
}

.bonus-item .lock-up-options {
    margin: 15px 0;
    background: #0f1221;
    padding: 1.1em
}

.bonus-item .lock-up-options .lock-up-header {
    padding-left: 0
}

.bonus-item .lock-up-options .lock-up-header h4 {
    padding-left: 0;
    color: #8b97b5
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .lock-up-options .lock-up-header h4 {
        text-align: left;
        font-size: 1.3em
    }
}

.bonus-item .lock-up-options .close-lock-up-section-button {
    font-size: .95rem;
    font-weight: 700;
    font-family: open_sans, sans-serif;
    margin: 2px 0 0;
    text-align: right
}

.bonus-item .lock-up-options .close-lock-up-section-button i {
    font-size: 1.5rem;
    color: #f7cc30;
    opacity: .3;
    margin: 0 0 0 -20px
}

.bonus-item .lock-up-options .close-lock-up-section-button i:hover {
    opacity: .5
}

.bonus-item .lock-up-options .bonus-options .btn-confirm-bonus {
    float: right;
    position: absolute;
    word-wrap: break-word;
    white-space: normal;
    width: 30%;
    line-height: 1.2em;
    bottom: 17px;
    right: 2%
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .bonus-item .lock-up-options .bonus-options .btn-confirm-bonus {
        bottom: auto;
        right: auto;
        float: none;
        width: 100%;
        position: static
    }
}

.bonus-item .lock-up-options .bonus-options .cancel-bonus-link {
    display: none
}

.bonus-item .lock-up-options .bonus-options .confirm-bonus {
    padding: 15px;
    margin: 8px 0;
    background: #1e2434
}

.bonus-item .lock-up-options .bonus-options.recommended-option {
    margin: 15px 0 0
}

.bonus-item.loading {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-image: linear-gradient(45deg, hsla(0, 0%, 39.2%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 39.2%, .15) 0, hsla(0, 0%, 39.2%, .15) 75%, transparent 0, transparent);
    background-size: 40px 40px
}

@media screen and (max-width:767px) {
    .bonus-item {
        padding: 10px 0
    }
}

.quick-deposit {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    border: 0;
    color: #8b97b5
}

@media screen and (max-width:1024px) {
    .quick-deposit {
        background: #333
    }
}

@media screen and (max-width:767px) {
    .quick-deposit {
        text-align: center;
        flex-wrap: wrap;
        padding: 8px 0 16px
    }
}

.quick-deposit .column {
    display: inline-block;
    margin: 0 0 0 12px
}

@media screen and (max-width:767px) {
    .quick-deposit .column {
        display: block;
        margin: 0
    }
}

.quick-deposit .quick-deposit-header {
    font-size: 1.2em
}

@media screen and (max-width:767px) {
    .quick-deposit .quick-deposit-amount {
        float: left;
        margin: 10px 4px 12px
    }
}

.quick-deposit .quick-deposit-buttons {
    cursor: pointer;
    display: inline-block;
    margin: 0 4px;
    padding: 8px 5px 7px;
    font-size: 1.2em;
    font-weight: 700;
    background: #535353;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 0
}

@media screen and (max-width:767px) {
    .quick-deposit .quick-deposit-buttons {
        font-size: .8em;
        padding: 9px 5px
    }
}

.quick-deposit .quick-deposit-buttons.selected,
.quick-deposit .quick-deposit-buttons:hover {
    outline: 0;
    border: 1px solid #fff
}

.quick-deposit .quick-deposit-input {
    display: inline-flex;
    margin: 0
}

@media screen and (max-width:767px) {
    .quick-deposit .quick-deposit-input {
        float: right;
        margin: 10px 12px 12px 4px
    }
}

.quick-deposit .quick-deposit-input .quick-deposit-value,
.quick-deposit .quick-deposit-input .quick-deposit-value input {
    box-shadow: none;
    border: none;
    margin: 0;
    border-radius: 0 4px 4px 0;
    outline: 0;
    padding: 0 .4em 0 0;
    color: #fff;
    font-size: 1.1em;
    text-align: right;
    width: 80px;
    height: 30px;
    font-weight: 700;
    background-color: #0f1221;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

@media screen and (max-width:767px) {
    .quick-deposit .quick-deposit-input .quick-deposit-value,
    .quick-deposit .quick-deposit-input .quick-deposit-value input {
        width: 50px
    }
}

.quick-deposit .quick-deposit-input .quick-deposit-value::-webkit-inner-spin-button,
.quick-deposit .quick-deposit-input .quick-deposit-value::-webkit-outer-spin-button,
.quick-deposit .quick-deposit-input .quick-deposit-value input::-webkit-inner-spin-button,
.quick-deposit .quick-deposit-input .quick-deposit-value input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.quick-deposit .quick-deposit-input .quick-deposit-label {
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
    font-weight: 700;
    font-size: 1.1em;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #0f1221;
    color: #fff;
    border-radius: 4px 0 0 4px
}

.quick-deposit .quick-deposit-input .quick-deposit-label:before {
    content: " ";
    display: inline-block;
    height: 1.1em;
    border-left: 1px solid #333;
    border-right: none;
    position: relative;
    top: 10px;
    right: 0;
    margin-right: 5px;
    float: right
}

.quick-deposit.currency-right .quick-deposit-label {
    float: right;
    padding: 0 2px 0 0
}

.quick-deposit.currency-right .quick-deposit-label:before {
    float: left;
    border-left: 1px solid #333;
    border-right: none;
    margin-right: 0;
    margin-left: 5px
}

@media screen and (max-width:767px) {
    .quick-deposit.currency-right .quick-deposit-label {
        border-right: none
    }
}

.language-dropdown {
    display: inline;
    position: relative;
    border: 0;
    border-radius: 3px;
    float: left;
    padding-left: .3rem;
    padding-right: .3rem;
    margin-right: 0;
    height: 2.142rem;
    box-sizing: border-box
}

.language-dropdown:focus {
    outline: 0
}

@media screen and (max-width:767px) and (orientation:landscape) {
    header .language-dropdown {
        margin-right: 0;
        right: 40px;
        position: absolute;
        top: 3px
    }
}

.language-dropdown .lang-name {
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.language-dropdown .flag-wrapper {
    padding: .1rem;
    height: 100%;
    box-sizing: border-box;
    display: block
}

nav-side .language-dropdown {
    height: auto;
    border-radius: 0
}

nav-side .language-dropdown .flag-wrapper {
    padding: 0;
    box-sizing: initial;
    display: block
}

.language-dropdown .flags-md {
    background-size: 1.7133rem;
    height: 1.7133rem;
    width: 1.7133rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.language-dropdown .flags-md-en {
    background-position: 0 0
}

.language-dropdown .flags-md-no {
    background-position: 0 -1.7133rem
}

.language-dropdown .flags-md-sv {
    background-position: 0 -3.4266rem
}

.language-dropdown .flags-md-fi {
    background-position: 0 -5.1399rem
}

.language-dropdown .flags-md-de {
    background-position: 0 -6.8532rem
}

.language-dropdown .flags-md-pl {
    background-position: 0 -8.5665rem
}

.language-dropdown .flags-md-nl {
    background-position: 0 -20.5596rem
}

.language-dropdown .flags-md-cs {
    background-position: 0 -23.9862rem
}

.language-dropdown .flags-md-pt {
    background-position: 0 -34.266rem
}

.language-dropdown .flags-md-es {
    background-position: 0 -35.9793rem
}

.language-dropdown .flags-md-tr {
    background-position: 0 -32.5527rem
}

.language-dropdown:hover {
    background-color: #52586e
}

.language-dropdown i {
    margin-right: 8px;
    float: left;
    display: inline-block
}

@media screen and (max-width:767px) {
    .language-dropdown {
        display: none
    }
}

.modal-tabs .nav.nav-tabs {
    width: 100%;
    margin: 0;
    display: flex
}

.modal-tabs .nav.nav-tabs .nav-item {
    width: 100%;
    margin-bottom: -1px;
    box-sizing: border-box;
    position: relative;
    background: #1e2434;
    padding: 0;
    border: 0;
    border-bottom: none
}

.modal-tabs .nav.nav-tabs .nav-item.active {
    border: none;
    border-bottom: 1px solid transparent;
    background-color: #1e2434
}

.modal-tabs .nav.nav-tabs .nav-item.active a {
    color: #f7cc30;
    background-color: #1e2434;
    border-top: 1px solid transparent;
    border-bottom: 2px solid #f7cc30;
    border-left: 0;
    border-right: 0
}

.modal-tabs .nav.nav-tabs a {
    display: block;
    text-align: center;
    text-decoration: none;
    word-wrap: break-word;
    height: 100%;
    font-size: 1.2em;
    font-weight: 500;
    color: #fff;
    border: none;
    padding: 0
}

.scroll-to-top {
    background: #f7cc30;
    color: #0f1221;
    cursor: pointer;
    padding: 7px 10px;
    width: 30px;
    position: fixed;
    right: 20px;
    bottom: 43px;
    z-index: 1051;
    border-radius: 30px
}

.scroll-to-top.show-icn {
    visibility: visible;
    will-change: opacity, visibility, transition;
    transition: opacity .2s linear
}

.scroll-to-top.hide-icn {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    will-change: opacity, visibility, transition;
    transition: visibility .2s linear, opacity .2s linear
}

.scroll-to-top:hover {
    opacity: .8;
    will-change: opacity, transition;
    pointer-events: auto;
    transition: all .2s ease-in
}

.banner-tile {
    position: relative;
    width: 50%;
    height: auto;
    float: left
}

@media screen and (max-width:1197px) {
    .banner-tile {
        width: 50%
    }
}

@media screen and (max-width:700px) {
    .banner-tile {
        width: 50%
    }
}

@media screen and (max-width:548px) {
    .banner-tile {
        width: 100%
    }
}

.banner-tile .banner-tile-inner {
    width: calc(100% - .9rem);
    margin-right: .4rem;
    margin-top: .4rem;
    height: 0;
    padding-bottom: calc(64.3% + 6rem);
    position: relative;
    top: 1px;
    left: 1px
}

@media screen and (max-width:548px) {
    .banner-tile .banner-tile-inner {
        padding-bottom: 66.7%
    }
}

.banner-tile .banner-btn-mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.banner-tile .banner-tile-swiper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 1rem;
    margin-left: .4rem
}

.banner-tile .banner-tile-swiper .swiper {
    height: 100%
}

.banner-tile .banner-tile-swiper .swiper-cont {
    width: 100%
}

.banner-tile .banner-tile-swiper .swiper-banner {
    height: 100%
}

.banner-tile .banner-tile-swiper .swiper-container {
    position: static;
    height: 100%;
    overflow: hidden
}

.banner-tile .banner-tile-swiper .swiper-container .swiper-slide {
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align {
    background: linear-gradient(180deg, rgba(76, 76, 76, .7) 0, #111 52%);
    width: 90%;
    height: 121px;
    padding: 15px 5%;
    position: absolute;
    bottom: 0;
    text-align: left;
    box-sizing: content-box
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .slider-info .banner-subtitle,
.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .slider-info .banner-title,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .slider-info .banner-subtitle,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .slider-info .banner-title,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .slider-info .banner-subtitle,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .slider-info .banner-title {
    display: block;
    color: #fff
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .slider-info .banner-title,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .slider-info .banner-title,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .slider-info .banner-title {
    font-family: roboto-bold
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .slider-info .banner-subtitle,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .slider-info .banner-subtitle,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .slider-info .banner-subtitle {
    font-family: roboto-regular
}

@media screen and (max-width:767px) {
    .banner-tile .banner-tile-swiper .swiper-container .content-wrapper,
    .banner-tile .banner-tile-swiper .swiper-container footer .content-align,
    footer .banner-tile .banner-tile-swiper .swiper-container .content-align {
        background: linear-gradient(180deg, rgba(76, 76, 76, .7) 0, #111 28%);
        height: 84px
    }
}

@media only screen and (max-width:460px) {
    .banner-tile .banner-tile-swiper .swiper-container .content-wrapper,
    .banner-tile .banner-tile-swiper .swiper-container footer .content-align,
    footer .banner-tile .banner-tile-swiper .swiper-container .content-align {
        height: 62px
    }
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .banner-title,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .banner-title,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .banner-title {
    font-size: 1.643em;
    margin-bottom: 18px;
    background: transparent
}

@media screen and (max-width:767px) {
    .banner-tile .banner-tile-swiper .swiper-container .content-wrapper .banner-title,
    .banner-tile .banner-tile-swiper .swiper-container footer .content-align .banner-title,
    footer .banner-tile .banner-tile-swiper .swiper-container .content-align .banner-title {
        font-size: 1em;
        margin-bottom: 2px
    }
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .banner-description,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .banner-description,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .banner-description {
    display: block;
    font-size: 1em;
    margin-bottom: 18px;
    color: #fff;
    background: transparent;
    width: 520px
}

@media screen and (max-width:1024px) {
    .banner-tile .banner-tile-swiper .swiper-container .content-wrapper .banner-description,
    .banner-tile .banner-tile-swiper .swiper-container footer .content-align .banner-description,
    footer .banner-tile .banner-tile-swiper .swiper-container .content-align .banner-description {
        width: 350px
    }
}

@media screen and (max-width:767px) {
    .banner-tile .banner-tile-swiper .swiper-container .content-wrapper .banner-description,
    .banner-tile .banner-tile-swiper .swiper-container footer .content-align .banner-description,
    footer .banner-tile .banner-tile-swiper .swiper-container .content-align .banner-description {
        font-size: .8571em;
        margin-bottom: 2px;
        width: 280px
    }
}

.banner-tile .banner-tile-swiper .swiper-container .content-wrapper .terms-apply,
.banner-tile .banner-tile-swiper .swiper-container footer .content-align .terms-apply,
footer .banner-tile .banner-tile-swiper .swiper-container .content-align .terms-apply {
    font-size: .7em;
    padding-top: 6px;
    display: block;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, .9);
    font-family: roboto-regular;
    position: absolute;
    bottom: auto;
    font-weight: 700;
    width: 100%
}

@media screen and (max-width:767px) {
    .banner-tile .banner-tile-swiper .swiper-container .content-wrapper .terms-apply,
    .banner-tile .banner-tile-swiper .swiper-container footer .content-align .terms-apply,
    footer .banner-tile .banner-tile-swiper .swiper-container .content-align .terms-apply {
        font-size: .7em
    }
}

.banner-tile .banner-tile-swiper .swiper-navigation {
    top: 8%;
    height: 25px;
    background-size: auto;
    z-index: 3
}

@media screen and (max-width:767px) {
    .banner-tile .banner-tile-swiper .swiper-navigation {
        display: block;
        top: calc(50% - 12.5px);
        margin-top: 0
    }
}

@media screen and (max-width:1024px) {
    .banner-tile .banner-tile-swiper .swiper-navigation {
        display: block
    }
}

.banner-tile .banner-tile-swiper .swiper-navigation .swiper-next {
    background-image: url(assets/images/arrow-right.png);
    background-repeat: no-repeat;
    right: 25px;
    width: 2rem
}

.banner-tile .banner-tile-swiper .swiper-navigation .swiper-previous {
    background-image: url(assets/images/arrow-left.png);
    background-repeat: no-repeat;
    left: auto;
    right: 52px;
    width: 2rem
}

@media screen and (max-width:767px) {
    .banner-tile .banner-tile-swiper .swiper-navigation .swiper-next {
        right: 10px
    }
    .banner-tile .banner-tile-swiper .swiper-navigation .swiper-previous {
        left: 10px;
        right: auto
    }
}

.reward-progress .progress {
    width: 21.43rem;
    margin: .6rem 0;
    background-color: #333;
    height: 2.5rem;
    position: relative;
    cursor: pointer
}

.reward-progress .progress-bar {
    margin: 0;
    position: relative;
    pointer-events: none;
    z-index: 0;
    padding: 0;
    background: linear-gradient(0, #0f1221, #f7cc30)
}

.reward-progress .progress-text {
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(51, 51, 51, .4);
    padding: .1429rem .5714rem;
    border-radius: 100px;
    white-space: nowrap;
    display: flex
}

.reward-progress .progress-stripe {
    background-image: repeating-linear-gradient(45deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .15) 1px, transparent 0, transparent 8px);
    min-width: 100%;
    min-height: 100%
}

.reward-progress .progress-stripe:after {
    height: 1.786rem;
    width: 1.786rem;
    content: "";
    position: absolute;
    left: calc(100% - .893rem);
    top: 50%;
    background: linear-gradient(-45deg, #0f1221, #f7cc30);
    transform: translateY(-50%) rotate(45deg);
    z-index: -1
}

.reward-progress .bonus-percentage {
    display: inline-block;
    font-weight: 800
}

.custom-scrollbar {
    overflow-y: auto
}

.custom-scrollbar::-webkit-scrollbar {
    width: .2143rem;
    height: .2143rem
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: .7143rem
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: .7143rem
}

.snack-bar-container {
    background-color: #fffdec;
    max-height: 800px;
    min-height: 50px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-out
}

.snack-bar-container.container-closed {
    max-height: 0
}

@media screen and (max-width:767px) and (orientation:portrait) {
    body.mobile.game.mgf-open .snack-bar-container {
        padding-bottom: 80px
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    body.mobile.game.mgf-open .snack-bar-container {
        padding-left: 65px
    }
}

@media screen and (max-width:767px) {
    .snack-bar-container {
        padding-bottom: 15px;
        transition: all .7s ease-in-out
    }
    .snack-bar-container.game-frame-active {
        bottom: 65px
    }
}

.snack-bar-container .wrapper {
    max-width: 1186px;
    padding-left: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    left: 6px
}

.snack-bar-container .wrapper.wrapper-closed {
    opacity: 0;
    transition: opacity .5s ease-out
}

@media screen and (max-width:1024px) {
    .snack-bar-container .wrapper {
        padding-left: 1px
    }
}

@media screen and (max-width:767px) {
    .snack-bar-container .wrapper {
        top: 10%;
        transform: none;
        flex-direction: column;
        padding-top: 10px
    }
    .snack-bar-container .wrapper.wrapper-closed {
        opacity: 1;
        transition: none
    }
}

.snack-bar-container .wrapper .text-container {
    color: #333;
    display: inline-block;
    width: 75%;
    word-wrap: break-word
}

@media screen and (max-width:1024px) {
    .snack-bar-container .wrapper .text-container {
        width: 65%
    }
}

@media screen and (max-width:767px) {
    .snack-bar-container .wrapper .text-container {
        color: #3e3e3e;
        width: 100%
    }
}

.snack-bar-container .wrapper .text-container p {
    font-size: .85rem;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .snack-bar-container .wrapper .text-container p {
        margin: 0 13px 20px 0;
        font-size: 1rem
    }
}

.snack-bar-container .wrapper .text-container a {
    color: #333;
    font-weight: 400;
    text-decoration: underline;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

.snack-bar-container .wrapper .text-container a:hover {
    color: #999;
    text-decoration: none
}

.snack-bar-container .wrapper .button-container {
    display: flex;
    align-items: center;
    padding-right: 11px
}

@media screen and (max-width:1024px) {
    .snack-bar-container .wrapper .button-container {
        padding-right: 13px
    }
}

.snack-bar-container .wrapper .button-container .link {
    color: #333;
    cursor: pointer;
    padding-right: 30px;
    font-size: .85rem;
    flex-shrink: 0;
    text-decoration: underline;
    -webkit-text-decoration-color: #999;
    text-decoration-color: #999
}

@media screen and (max-width:767px) {
    .snack-bar-container .wrapper .button-container .link {
        font-size: 1rem;
        color: #3e3e3e
    }
}

.snack-bar-container .wrapper .button-container .btn {
    font-size: 1rem;
    height: 25px;
    width: 90px;
    padding: 4px
}

@media screen and (max-width:767px) {
    .snack-bar-container .wrapper .button-container .btn {
        position: absolute;
        bottom: -6px;
        height: 32px;
        width: 110px;
        right: 14px;
        font-size: 1.3rem
    }
}

.logged-out-consent-container {
    width: 337px;
    position: fixed;
    z-index: 999;
    right: calc(50vw - 596px);
    bottom: 55px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ccc
}

@media (max-width:1226px) {
    .logged-out-consent-container {
        right: 20px
    }
}

.logged-out-consent-container .logged-out-consent-content {
    padding: 15px
}

.logged-out-consent-container .logged-out-consent-content p {
    text-align: left;
    color: inherit;
    margin: 0;
    font-size: .85rem;
    line-height: 1.3
}

.logged-out-consent-container .header {
    background-color: #0f1221;
    padding: 15px;
    position: relative;
    border-radius: 4px 4px 0 0;
    width: calc(100% + 2px);
    left: -1px;
    top: -1px
}

.logged-out-consent-container .header .arrow-close {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 18px
}

.logged-out-consent-container .header h2 {
    display: inline-block;
    width: 70%;
    font-family: roboto-bold
}

.logged-out-consent-container input[type=checkbox] {
    z-index: 1;
    cursor: pointer
}

.logged-out-consent-container input[type=checkbox]+label {
    margin: 0;
    font-size: 1.21rem;
    font-weight: 700;
    color: #1e2434;
    word-break: break-all;
    font-family: roboto-bold
}

.logged-out-consent-container input[type=checkbox]+label:before {
    font-size: 15px;
    margin: 0 1em 0 0;
    position: static;
    display: inline-block
}

.logged-out-consent-container input[type=checkbox]:disabled {
    cursor: not-allowed
}

.logged-out-consent-container:before {
    border: 18px solid transparent;
    border-top-color: #ccc
}

.logged-out-consent-container:after,
.logged-out-consent-container:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    pointer-events: none
}

.logged-out-consent-container:after {
    border: 16px solid transparent;
    border-top-color: #fff
}

.logged-out-consent-container .checkbox {
    margin: 0 0 15px
}

.logged-out-consent-container .logged-out-settings-notice p {
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    margin: 10px 0;
    font-family: roboto-bold
}

.logged-out-consent-container .save-btn-wrapper {
    position: absolute;
    top: 15px;
    right: 15px
}

.logged-out-consent-container .save-btn-wrapper .btn-save-consent {
    padding: 6px 15px;
    font-size: 1rem
}

.logged-out-consent-container .save-btn-wrapper .btn-save-consent[disabled] {
    opacity: 1;
    box-shadow: none;
    color: #0f1221;
    background-color: #f7cc30
}

@media screen and (max-width:1024px) {
    .logged-out-consent-container {
        right: 7px
    }
}

.logged-out-consent-container.close {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity .5s linear
}

.logged-out-consent-container.mobile {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: scroll;
    border-radius: 0;
    border: none;
    transition: left .4s ease-in
}

.logged-out-consent-container.mobile:after,
.logged-out-consent-container.mobile:before {
    content: none
}

.logged-out-consent-container.mobile .header {
    padding: .55rem;
    border-radius: 0;
    text-align: center
}

.logged-out-consent-container.mobile .save-btn-wrapper {
    display: block;
    margin: 15px 0;
    text-align: center;
    position: relative;
    top: auto;
    right: auto
}

.logged-out-consent-container.mobile .mobile-toggle-wrapper-advertising,
.logged-out-consent-container.mobile .mobile-toggle-wrapper-system {
    position: relative
}

.logged-out-consent-container.mobile .mobile-toggle-wrapper-advertising toggle,
.logged-out-consent-container.mobile .mobile-toggle-wrapper-system toggle {
    position: absolute;
    right: 0
}

.logged-out-consent-container.mobile .mobile-toggle-wrapper-advertising label,
.logged-out-consent-container.mobile .mobile-toggle-wrapper-system label {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    word-break: break-all;
    color: inherit
}

.logged-out-consent-container.mobile .mobile-toggle-wrapper-advertising {
    margin: 0 0 1rem
}

.logged-out-consent-container.mobile .mobile-toggle-wrapper-system {
    margin: 1.4rem 0 1rem
}

.logged-out-consent-container.mobile .mobile-toggle-wrapper-system label {
    opacity: .5
}

.logged-out-consent-container.mobile.close {
    visibility: visible;
    opacity: 1;
    left: 100%;
    transition: left .4s ease-in
}

.logged-out-consent-container a {
    color: inherit;
    text-decoration: underline
}

.fixed-content {
    width: 100%
}

.slider-overlay {
    height: 100vh;
    width: 100vw;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1051;
    opacity: .7;
    display: none
}

.slider-overlay.active {
    display: block
}

.tooltip-slider-container {
    position: fixed;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 1052;
    height: 100vh;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.tooltip-slider-container a {
    color: #000
}

@media screen and (max-width:767px) {
    .tooltip-slider-container {
        transform: translateZ(1px)
    }
}

.tooltip-slider-container.show-top-bar:before {
    content: "";
    margin: 5px auto;
    width: 75px;
    height: 6px;
    border-radius: 15px;
    background-color: #0f1221
}

.tooltip-slider-container .wrapper {
    box-sizing: border-box;
    overflow-y: auto;
    width: 100vw;
    background-color: #0f1221;
    -webkit-overflow-scrolling: touch;
    -webkit-animation: slideUpTooltip .7s ease-in-out;
    animation: slideUpTooltip .7s ease-in-out
}

.tooltip-slider-container .wrapper.restricted-height {
    max-height: 65%
}

.tooltip-slider-container .wrapper.closed {
    -webkit-animation: slideDownTooltip .7s ease-in-out;
    animation: slideDownTooltip .7s ease-in-out
}

.tooltip-slider-container .wrapper .tooltip-slider-header {
    padding: 13px 0 5px;
    text-align: center;
    color: #fff
}

.tooltip-slider-container .wrapper .tooltip-slider-content {
    line-height: 1.5rem;
    font-size: 1.071rem;
    padding: 0 20px 100px;
    color: #8b97b5
}

@-webkit-keyframes slideUpTooltip {
    0% {
        max-height: 0
    }
    to {
        max-height: 65%
    }
}

@keyframes slideUpTooltip {
    0% {
        max-height: 0
    }
    to {
        max-height: 65%
    }
}

@-webkit-keyframes slideDownTooltip {
    0% {
        max-height: 65%
    }
    to {
        max-height: 0
    }
}

@keyframes slideDownTooltip {
    0% {
        max-height: 65%
    }
    to {
        max-height: 0
    }
}

.overlay-box {
    position: fixed;
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgba(0, 0, 0, .5);
    z-index: 1050;
    display: block;
    -webkit-overflow-scrolling: touch
}

.overlay-box.fixed-scroll {
    overflow-y: hidden
}

.sga.smart-banner-enabled .overlay-box {
    top: 91px
}

.sga .overlay-box {
    top: 32px
}

@media screen and (max-width:767px) {
    .sga .overlay-box {
        top: 23px
    }
}

@media screen and (min-width:1025px) {
    .overlay-box {
        padding: 2em
    }
}

.overlay-box .content-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100
}

@media screen and (max-width:767px) {
    .overlay-box .content-overlay {
        display: none
    }
}

.overlay-box .disabled-backdrop {
    pointer-events: none
}

.overlay-box .overlay-box-content-wrapper {
    max-width: 1000px;
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    margin: 0 auto;
    z-index: 101
}

@media screen and (max-width:767px) {
    .overlay-box .overlay-box-content-wrapper {
        min-height: 100%
    }
}

@media screen and (max-width:1024px) {
    .overlay-box .overlay-box-content-wrapper {
        display: flex;
        flex-flow: column;
        max-width: unset
    }
}

.overlay-box .close-overlay-box {
    color: #f7cc30;
    font-size: 1rem
}

.overlay-box .close-overlay-box:hover {
    cursor: pointer
}

.overlay-box .overlay-box-header {
    width: 100%;
    background: #0f1221;
    padding: .5rem .5rem .5rem 1rem;
    color: #8b97b5;
    font-family: roboto-medium;
    font-size: 1.714rem;
    min-height: 20px;
    line-height: 2.5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .overlay-box .overlay-box-header {
        font-size: 1.141524rem
    }
}

.overlay-box .overlay-box-content {
    background: #1e2434;
    padding: 15px 30px;
    color: #646b73;
    font-family: roboto-medium;
    font-size: inherit
}

@media screen and (max-width:1024px) {
    .overlay-box .overlay-box-content {
        flex: 1
    }
}

.promotional-banner {
    color: #fff;
    font-size: 1.3rem;
    position: relative;
    margin: 0 8px 10px 5px
}

.tabs-content .promotional-banner {
    height: 178px;
    margin: 0
}

.promotional-banner .ribbon {
    position: relative
}

.promotional-banner .ribbon .game-ribbon-wrapper {
    top: 8px;
    left: -4px
}

.promotional-banner .info-container {
    position: absolute;
    left: 18%;
    width: 82%;
    top: 20%
}

.promotional-banner .info-container .icon {
    position: absolute;
    width: 30px
}

.promotional-banner .info-container .text-container {
    position: absolute;
    margin-left: 35px
}

.promotional-banner .info-container .text-container .title {
    font-weight: 700
}

.promotional-banner .info-container .text-container .description {
    margin-top: 5px
}

.promotional-banner .counter {
    position: absolute;
    right: 0;
    margin: 3px
}

@media screen and (max-width:1024px) {
    .promotional-banner .counter .new-messages-module {
        top: 0
    }
}

.side-tooltip {
    background: #0f1221;
    width: 20vw;
    height: 100%;
    position: absolute;
    left: 103%;
    bottom: 0;
    overflow-y: scroll;
    padding: 0 45px 0 25px;
    -webkit-animation: fadeInConsent .2s ease-in-out;
    animation: fadeInConsent .2s ease-in-out
}

.side-tooltip.closed {
    -webkit-animation: fadeOutConsent .15s ease-out;
    animation: fadeOutConsent .15s ease-out;
    opacity: 0
}

.side-tooltip .side-tooltip-title {
    color: #fff;
    padding: 10px 0 15px;
    font-size: 1.8rem;
    font-weight: 700
}

.side-tooltip i {
    color: #8b97b5
}

.side-tooltip .close {
    float: none;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1rem;
    opacity: .5
}

.side-tooltip .side-tooltip-text {
    color: #8b97b5
}

@media screen and (max-width:767px) {
    .side-tooltip .side-tooltip-text {
        margin-bottom: 0
    }
}

@-webkit-keyframes fadeOutConsent {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOutConsent {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeInConsent {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInConsent {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

turkish-poker .turkish-poker {
    min-height: 10rem;
    text-align: center
}

turkish-poker .turkish-poker .turkishpoker-alias-title {
    font-size: .9em;
    color: #999
}

turkish-poker .turkish-poker input {
    margin-bottom: .4rem
}

turkish-poker .turkish-poker .placeholder-label {
    color: #999
}

turkish-poker .turkish-poker .invalid-label {
    margin-bottom: .4rem
}

turkish-poker .turkish-poker .login {
    float: right
}

@media screen and (max-width:767px) {
    turkish-poker .turkish-poker .login {
        float: none;
        margin: auto
    }
}

.content-banner {
    padding: 1.5rem
}

.content-banner .banner-inner {
    height: auto;
    overflow: hidden;
    background-size: cover;
    background-position-x: right;
    border-radius: 8px;
    padding: 3rem 4rem 1.7rem
}

@media screen and (max-width:767px) {
    .content-banner .banner-inner {
        padding: 1.4rem 2rem;
        background-position-x: center
    }
}

.content-banner .banner-title {
    float: right;
    text-align: right;
    font-size: 2.9rem;
    line-height: 1.65;
    color: #999;
    font-family: roboto-light
}

@media screen and (max-width:767px) {
    .content-banner .banner-title {
        float: none;
        font-size: 2.1rem;
        text-align: center;
        margin-bottom: 1rem
    }
}

.content-banner .banner-title strong {
    color: #fff;
    font-weight: 700;
    font-family: roboto-regular
}

.content-banner .turkish-poker-container {
    width: 210px;
    float: right;
    margin: 2rem 0 3rem;
    clear: both
}

@media screen and (max-width:767px) {
    .content-banner .turkish-poker-container {
        float: none;
        margin: 2rem auto 3rem
    }
}

.content-banner .banner-additional-link {
    color: #009cff;
    float: right;
    clear: both;
    font-size: .9em;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .content-banner .banner-additional-link {
        float: none
    }
}

.global-inline-notifications {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    z-index: 1051
}

.global-inline-notifications .growl-item {
    font-family: inherit;
    font-style: normal;
    line-height: 1.5;
    border-radius: 0;
    padding: 10px 35px 10px 10px;
    margin-bottom: 10px;
    background-position: 12px;
    background-repeat: no-repeat;
    cursor: pointer
}

.global-inline-notifications .growl-item.alert-danger {
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442
}

.global-inline-notifications .growl-item.alert-danger.icon {
    background-image: url(assets/images/icon-danger.png)
}

.global-inline-notifications .growl-item.alert-warning {
    background-color: #fcf8e3;
    border-color: #faf2cc;
    color: #8a6d3b
}

.global-inline-notifications .growl-item.alert-warning.icon {
    background-image: url(assets/images/icon-warning.png)
}

.global-inline-notifications .growl-item.alert-info {
    background-color: #d9edf7;
    border-color: #bcdff1;
    color: #31708f
}

.global-inline-notifications .growl-item.alert-info.icon {
    background-image: url(assets/images/icon-info.png)
}

.global-inline-notifications .growl-item.alert-info .close {
    opacity: 1;
    color: inherit
}

.global-inline-notifications .growl-item.alert-success {
    background-color: #dff0d8;
    border-color: #d0e9c6;
    color: #3c763d
}

.global-inline-notifications .growl-item.alert-success.icon {
    background-image: url(assets/images/icon-success.png)
}

.global-inline-notifications .growl-message {
    margin: 0 0 0 40px
}

.global-inline-notifications .growl-message a {
    color: #a94442;
    text-decoration: underline
}

.global-inline-notifications.bottom-notifications {
    font-size: .7em
}

@media screen and (max-width:700px) {
    .global-inline-notifications.bottom-notifications {
        text-align: left
    }
}

.global-inline-notifications.bottom-notifications .growl-container>.growl-item {
    margin-bottom: 0
}

.global-inline-notifications.bottom-notifications button {
    margin: 0
}

.global-inline-notifications.bottom-notifications .growl-message {
    margin-left: 15px
}

.global-inline-notifications.bottom-notifications .growl-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.global-inline-notifications.disable-click .growl-container>.growl-item {
    pointer-events: none
}

.global-inline-notifications.disable-click .growl-container>.growl-item .growl-message>a {
    pointer-events: auto
}

.global-inline-notifications.disable-click .growl-container>.growl-item .close {
    pointer-events: auto;
    outline: none
}

.global-inline-notifications .growl-container {
    width: 100%
}

.modal .global-inline-notifications,
.modal .global-inline-notifications .growl-container {
    position: static
}

.modal .global-inline-notifications .growl-container .icon {
    background-image: none
}

.body-notification .modal .global-inline-notifications .growl-container {
    display: none
}

.modal .global-inline-notifications .growl-item {
    cursor: default;
    font-family: inherit;
    font-style: normal;
    line-height: 1.5;
    border-radius: 0
}

.modal .global-inline-notifications .growl-item.alert-danger {
    background-color: #dc4f4e;
    border-color: #dc4f4e;
    color: #fff
}

.modal .global-inline-notifications .growl-item.alert-info {
    background-color: #2459a7;
    border-color: #2459a7;
    color: #fff
}

.modal .global-inline-notifications .growl-item.alert-warning {
    background-color: #e66500;
    border-color: #e66500;
    color: #fff
}

.modal .global-inline-notifications .growl-item.alert-success {
    background-color: #158a44;
    border-color: #158a44;
    color: #fff
}

.modal .global-inline-notifications .growl-item .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.modal .global-inline-notifications .growl-message {
    font-family: roboto-regular
}

.modal .global-inline-notifications .growl-message a {
    text-decoration: underline;
    color: inherit
}

.global-inline-notifications.toast {
    position: relative
}

.global-inline-notifications.toast .toast {
    background-color: #c3cee0;
    text-align: center;
    display: block;
    margin-bottom: 0
}

.global-inline-notifications.toast .toast br {
    display: none
}

@media screen and (max-width:1024px) {
    .global-inline-notifications.toast .toast br {
        display: block;
        line-height: 1.5
    }
}

.global-inline-notifications.toast .toast .growl-message {
    font-size: 1rem;
    color: #1f294a;
    line-height: 1.2;
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto
}

@media screen and (max-width:1024px) {
    .global-inline-notifications.toast .toast .growl-message {
        padding: 14px 0;
        max-width: 75%;
        white-space: normal;
        text-overflow: clip;
        overflow: initial
    }
}

.global-inline-notifications.toast .toast a {
    color: #1f294a;
    text-decoration: underline
}

.global-inline-notifications.toast .toast a:hover {
    color: #1f294a;
    text-decoration: none
}

.global-inline-notifications.toast .toast a:focus {
    color: #1f294a
}

.persistent-notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 64px;
    z-index: 9999;
    background-color: #c3cee0
}

.persistent-notification .content {
    height: 100%;
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-evenly;
    align-items: center
}

.persistent-notification .logo-container img {
    width: 24px
}

@media screen and (min-width:1025px) {
    .persistent-notification .logo-container img {
        width: 35px
    }
}

.persistent-notification .text {
    font-size: .85rem;
    width: 65%;
    margin-bottom: 0
}

@media screen and (min-width:1025px) {
    .persistent-notification .text {
        width: 85%;
        font-size: 1rem;
        color: #000
    }
}

.persistent-notification .button {
    cursor: pointer;
    font-size: 1rem
}

@media screen and (min-width:1025px) {
    .persistent-notification .button {
        font-size: 1.2rem;
        color: #000
    }
}

.warning-notification {
    height: auto;
    min-width: 10vw;
    border: 1px solid #0c66ff;
    border-radius: 50px
}

.warning-notification .notification-icon,
.warning-notification .transcluded-content>* {
    color: #0c66ff
}

.warning-notification .content-wrapper,
.warning-notification footer .content-align,
footer .warning-notification .content-align {
    padding: .5em .85em;
    display: flex;
    justify-content: space-evenly;
    align-items: center
}

.warning-notification .notification-icon {
    font-size: 1.85rem;
    line-height: unset
}

.warning-notification .transcluded-content {
    margin: 0 .85em;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.warning-notification .transcluded-content>p {
    margin: 0;
    text-align: left
}

.generic-popup .overlay-box {
    z-index: 1051
}

.generic-popup a,
.generic-popup a:hover {
    text-decoration: underline
}

.generic-popup a:hover {
    cursor: pointer
}

.generic-popup .clear-bottom {
    margin-bottom: 20px
}

.generic-popup .display-block {
    display: block
}

.generic-popup .right-floated {
    float: right
}

.generic-popup .regular-text {
    text-transform: unset
}

.generic-popup .center-horizontally {
    margin: 24px auto
}

.generic-popup .center-text {
    text-align: center
}

.generic-popup .overlay-box-content {
    padding: 24px 30px;
    overflow: auto
}

.generic-popup .overlay-box-content .btn-group-sm>.btn,
.generic-popup .overlay-box-content .btn-sm {
    margin-left: 10px
}

@media screen and (max-width:767px) {
    .generic-popup {
        display: flex;
        flex-flow: column;
        min-height: 100vh
    }
}

.generic-popup .sm-popup .modal-dialog {
    max-width: 400px;
    width: 50%;
    margin: 4.286rem auto 2.143rem
}

@media screen and (max-width:767px) {
    .generic-popup .sm-popup .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.generic-popup .md-popup .modal-dialog {
    max-width: 600px;
    width: 50%;
    margin: 4.286rem auto 2.143rem
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .generic-popup .md-popup .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:767px) {
    .generic-popup .md-popup .modal-dialog {
        max-width: 100%;
        width: 100%;
        margin: 0
    }
}

.generic-popup .lg-popup .modal-page .modal-dialog {
    max-width: 900px;
    width: 90%;
    margin: 4.286rem auto 2.143rem
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .generic-popup .lg-popup .modal-page .modal-dialog {
        width: 80%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .generic-popup .lg-popup .modal-page .modal-dialog {
        width: 95%;
        margin: 4.286rem auto 2.143rem
    }
}

@media screen and (max-width:767px) {
    .generic-popup .lg-popup .modal-page .modal-dialog {
        max-width: 100%;
        width: 100%;
        height: 100%;
        margin: 0
    }
}

.message-internal-error .content {
    background-image: url(assets/images/500-bg.jpg)
}

.message-internal-error .static-internal-error .error-list {
    min-height: calc(100vh - 150px)
}

.message-internal-error .static-internal-error .error-list li {
    font-family: roboto-regular;
    color: #fff
}

@media screen and (max-width:1024px) {
    .message-internal-error .static-internal-error .error-list li {
        display: table
    }
}

@media screen and (max-width:1024px) {
    .message-internal-error .static-internal-error .error-list {
        padding: 1.1rem 2.857rem
    }
}

.message-page-maintenance .content {
    background-image: url(assets/images/500-bg.jpg);
    min-height: calc(100vh - 50px);
    background-size: cover;
    background-repeat: no-repeat
}

.message-page-maintenance .static-maintenance .error-list li {
    font-family: roboto-regular;
    color: #fff
}

@media screen and (max-width:1024px) {
    .message-page-maintenance .static-maintenance .error-list li {
        display: table
    }
}

@media screen and (max-width:1024px) {
    .message-page-maintenance .static-maintenance .error-list {
        padding: 1.1rem 2.857rem
    }
}

.message-page-not-found {
    background: #0f1221;
    background-image: none
}

.message-page-not-found .col-wrapper .right {
    background-image: none
}

@media screen and (max-width:1024px) {
    .message-page-not-found .col-wrapper .left {
        margin-left: 2rem;
        padding: 2.143rem
    }
}

@media screen and (max-width:767px) {
    .message-page-not-found .col-wrapper .left {
        margin-left: 10px;
        padding: 1.143rem
    }
}

.message-page-not-found .static-page-not-found h1 {
    text-transform: uppercase;
    font-family: roboto-bold;
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 2.929rem
}

.message-page-not-found .static-page-not-found a,
.message-page-not-found .static-page-not-found p {
    font-family: roboto-regular;
    color: #fff;
    line-height: 1.5;
    font-size: 1.1rem
}

.message-page-not-found .static-page-not-found .action-calls {
    margin: 11% 0 0 -2.1rem
}

.message-page-not-found .static-page-not-found .action-calls>a {
    display: inline-block;
    background-image: url(assets/images/error-buttons.png);
    filter: invert(100%);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position-y: 0;
    font-family: roboto-medium;
    color: #000;
    font-size: .9em;
    padding: 6em 0 0;
    width: 9.9em;
    line-height: 1em;
    text-transform: uppercase;
    text-align: center;
    opacity: .8;
    margin-bottom: 40px;
    transition: all, .1s, ease-in-out;
    float: left;
    cursor: pointer;
    margin-left: 8px
}

@media screen and (max-width:767px) {
    .message-page-not-found .static-page-not-found .action-calls>a {
        width: 50%
    }
}

.message-page-not-found .static-page-not-found .action-calls>a:hover {
    opacity: 1;
    text-decoration: none
}

.message-page-not-found .static-page-not-found .action-calls>a.go-home {
    background-position: -640px 0
}

@media screen and (max-width:767px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-home {
        background-position: -602px 0
    }
}

@media screen and (max-width:375px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-home {
        background-position: -630px 0
    }
}

.message-page-not-found .static-page-not-found .action-calls>a.go-back {
    background-position: -30px 0
}

@media screen and (max-width:767px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-back {
        background-position: 9px 0
    }
}

@media screen and (max-width:375px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-back {
        background-position: -15px 0
    }
}

.message-page-not-found .static-page-not-found .action-calls>a.go-contact {
    background-position: -240px 0
}

@media screen and (max-width:767px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-contact {
        background-position: -198px 0
    }
}

@media screen and (max-width:375px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-contact {
        background-position: -220px 0
    }
}

.message-page-not-found .static-page-not-found .action-calls>a.go-games {
    background-position: -445px 0
}

@media screen and (max-width:767px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-games {
        background-position: -405px 0
    }
}

@media screen and (max-width:375px) {
    .message-page-not-found .static-page-not-found .action-calls>a.go-games {
        background-position: -438px 0
    }
}

@media screen and (max-width:1024px) {
    .message-page-not-found .static-page-not-found .action-calls {
        width: 75%;
        margin-top: 1px 0
    }
}

@media screen and (max-width:767px) {
    .message-page-not-found .static-page-not-found .action-calls {
        width: 100%
    }
}

.message-page-sorry .content {
    background-image: url(assets/images/500-bg.jpg);
    min-height: calc(100vh - 50px);
    background-size: cover;
    background-repeat: no-repeat
}

.message-page-sorry .static-sorry .error-list li {
    font-family: roboto-regular;
    color: #fff
}

@media screen and (max-width:1024px) {
    .message-page-sorry .static-sorry .error-list li {
        display: table
    }
}

@media screen and (max-width:1024px) {
    .message-page-sorry .static-sorry .error-list {
        padding: 1.1rem 2.857rem
    }
}

.message-browser-not-supported .content {
    background-image: url(assets/images/browsernotsupported-bg.jpg);
    background-position-y: 50%;
    background-size: cover
}

.message-browser-not-supported .static-browser-support li {
    font-family: roboto-regular;
    color: #000
}

.message-browser-not-supported .browser-logos {
    margin-top: 10em
}

.message-browser-not-supported .browser-logos a {
    display: block;
    width: 115px;
    height: 120px;
    float: left;
    margin: 0 40px;
    background-repeat: no-repeat;
    background-position: top;
    text-decoration: none;
    text-align: center
}

.message-browser-not-supported .browser-logos a.chrome {
    background-image: url(assets/images/ch.png)
}

.message-browser-not-supported .browser-logos a.firefox {
    background-image: url(assets/images/ff.png)
}

.message-browser-not-supported .browser-logos a.ie {
    background-image: url(assets/images/ie.png)
}

.message-private-browsing .content {
    background-image: url(assets/images/500-bg.jpg)
}

.message-private-browsing .static-private-browsing .error-list li {
    font-family: roboto-regular;
    color: #fff
}

.adaptive-grid {
    max-width: 1186px;
    width: 100%;
    margin: 0 auto
}

.adaptive-grid .game-container {
    width: 25%;
    padding: .4em
}

@media (max-width:1699px) {
    .adaptive-grid .game-container {
        width: 25%
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .adaptive-grid .game-container {
        width: 25%
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .adaptive-grid .game-container {
        width: 25%
    }
}

@media screen and (max-width:767px) {
    .adaptive-grid .game-container {
        width: 50%
    }
}

.games-section .close-button {
    background: url(assets/images/close-circle.svg);
    background-size: contain;
    display: inline-block;
    cursor: pointer
}

.games-section.widget {
    overflow: hidden;
    position: relative;
    border-radius: 10px
}

@media screen and (max-width:767px) {
    .games-section.widget {
        border-radius: 0
    }
}

@media screen and (max-width:1024px) {
    .games-section.widget {
        border-radius: 0
    }
}

@media only screen and (min-width:1225px) {
    .games-section.widget {
        max-width: 1196px;
        padding: 0 5px
    }
}

.games-section .game-category-header {
    padding: 1.071rem .4em 0
}

@media screen and (max-width:767px) {
    .games-section .game-category-header .col-md-12 {
        padding-right: 0;
        padding-left: 0
    }
}

.games-section .game-category-header h4 {
    text-align: center;
    color: #8b97b5;
    font-weight: 400;
    padding-left: 1.071rem;
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (max-width:1024px) {
    .games-section .game-category-header h4 {
        font-size: 1.143rem
    }
}

.games-section .game-category-header .select-wrapper {
    display: none
}

@media screen and (max-width:767px) {
    .games-section .game-category-header .select-wrapper {
        display: none
    }
}

@media screen and (max-width:767px) {
    .games-section .game-category-header {
        padding: 1px 0 0
    }
}

.games-section .game-category-header .valid-label {
    display: none;
    margin-right: .6em;
    font-size: inherit
}

@media screen and (max-width:767px) {
    .games-section .row {
        margin-right: 0;
        margin-left: 0
    }
}

.games-section .games-list-wrapper {
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0
}

.games-section .game-container {
    width: 20%;
    padding: .4em
}

@media screen and (max-width:1197px) {
    .games-section .game-container {
        width: 25%
    }
}

@media screen and (max-width:700px) {
    .games-section .game-container {
        width: 33%
    }
}

@media screen and (max-width:548px) {
    .games-section .game-container {
        width: 50%
    }
}

.games-section .game-container.a-z {
    width: 14.285%;
    padding: 5px
}

@media screen and (max-width:1197px) {
    .games-section .game-container.a-z {
        width: 16.666%
    }
}

@media screen and (max-width:700px) {
    .games-section .game-container.a-z {
        width: 20%
    }
}

.games-section .row {
    display: flex;
    flex-flow: wrap
}

.games-section .collection-hidden {
    visibility: hidden
}

.games-section .collection-select {
    text-align: right;
    margin: 8px 0
}

@media screen and (max-width:767px) {
    .games-section .collection-select {
        display: flex;
        justify-content: space-between;
        padding: 0
    }
}

.games-section .collection-select-title {
    font-weight: 700
}

.games-section .collection-filter {
    width: 100%
}

.games-section .collection-sort {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px
}

@media screen and (max-width:767px) {
    .games-section .collection-sort form-select label {
        display: none !important
    }
}

.games-section .collection-sort dropdown {
    width: auto;
    height: 35px;
    position: static
}

.games-section .collection-sort dropdown .dropdown-content {
    max-height: 350px;
    max-width: 350px;
    overflow: auto;
    right: 15px;
    left: auto;
    border: 1px solid #009cff
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .games-section .collection-sort dropdown .dropdown-content {
        max-width: none;
        left: 0;
        max-height: calc(100vh - 84px);
        top: -108px;
        width: 100vw
    }
}

.games-section .collection-sort dropdown .dropdown-trigger {
    padding: 8px 16px 8px 20px;
    border-radius: 5px
}

.games-section .collection-sort dropdown .dropdown-trigger i {
    margin-left: 8px;
    position: static
}

.games-section .collection-sort dropdown .dropdown-trigger i:before {
    font-family: FontAwesome
}

.games-section .collection-sort dropdown .dropdown-trigger.open i {
    transform: none
}

.games-section .collection-sort-provider-list .dropdown-trigger {
    background-color: #009cff;
    color: #fff;
    font-weight: 600
}

.games-section .collection-sort-provider-list .dropdown-subtitle {
    position: absolute;
    right: 0;
    background-color: #896c05;
    color: #1e2434;
    border-radius: 70%;
    width: 24px;
    height: 24px;
    text-align: center;
    padding-top: 5px;
    top: -10px
}

.games-section .collection-sort .collection-filter {
    display: inline-block
}

.games-section .collection-sort .collection-dropdown select {
    padding: 0 18px;
    margin-right: 15px;
    height: 35px;
    width: 100%;
    background: linear-gradient(180deg, #e9f0fa, #d4deeb 50%, #c4cfe1);
    border: 0;
    font-size: 1rem;
    border-radius: 5px;
    color: #fff;
    font-weight: 400
}

.games-section .collection-sort .collection-dropdown select option {
    font-family: roboto-regular, sans-serif
}

.games-section .collection-sort .collection-dropdown select option:checked {
    color: #2b8142
}

.games-section .collection-sort .collection-dropdown .icon-triangle {
    right: .8em;
    color: inherit;
    top: 1em
}

@media screen and (max-width:767px) {
    .games-section .collection-sort {
        display: block;
        width: 50%;
        flex-grow: 1;
        margin: 0 6px
    }
    .games-section .collection-sort .dropdown-trigger {
        display: flex;
        justify-content: space-between
    }
}

.games-section .studio-select {
    display: flex;
    overflow-y: auto;
    flex-wrap: wrap;
    margin: 8px 0
}

.games-section .studio-select-pill {
    display: inline-flex;
    border-radius: 30px;
    align-items: center;
    background: #f4f6fa;
    padding: 8px;
    margin: 4px;
    white-space: nowrap;
    font-size: 12px
}

.games-section .studio-select-pill-close {
    height: 16px;
    width: 16px;
    margin-left: 10px
}

@media screen and (max-width:767px) {
    .games-section .studio-select-pill {
        padding-left: 12px
    }
}

.games-section .error-message {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
    line-height: 40px;
    text-align: center;
    background-image: #ddd;
    color: #8b97b5
}

.games-section .game-filter-header {
    padding: .4rem 1.8rem .5rem .5rem;
    height: 35px;
    border: 1px solid #0d0d0f;
    display: inline-block;
    font-size: 1rem;
    border-radius: 5px;
    line-height: inherit;
    position: relative
}

.games-section .game-filter-header .icon-triangle {
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff
}

.games-section .game-filter-header .open {
    transform: translateY(-35%) rotate(180deg)
}

.mobile .games-collection.swipe-carousel {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.mobile .games-collection.swipe-carousel .game-container {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
    padding: 10px;
    float: none;
    display: table-cell
}

.games-collection-section {
    padding-top: 0
}

@media screen and (max-width:767px) {
    .games-collection-section {
        padding-top: 0
    }
}

.games-collection-section.widget .game-container:not(.end-slide) .game-name {
    color: #fff;
    font-weight: 500;
    padding-bottom: 10px
}

.games-filter-options {
    list-style-type: none;
    margin: .1875rem 0;
    padding: 0
}

.games-filter-options li {
    display: inline-block
}

@media screen and (max-width:767px) {
    .games-filter-options li {
        width: calc(50% - 3px)
    }
}

.games-filter-options li>label {
    border-radius: 4px;
    color: #fff;
    margin: 0;
    font-size: medium
}

@media screen and (max-width:767px) {
    .games-filter-options li>label {
        border: 1px solid #009cff
    }
}

.games-filter-options li>.active-filter {
    background-color: #009cff;
    color: #fff;
    -webkit-animation: backgroundFade .3s;
    animation: backgroundFade .3s
}

.games-filter-options input,
.games-filter-options label {
    display: block;
    background: none
}

.games-filter-options input[type=radio],
.games-filter-options label[type=radio] {
    z-index: 100;
    display: none
}

@media screen and (max-width:767px) {
    .games-filter-options {
        display: none
    }
}

.game-container {
    list-style: none;
    float: left
}

.game-container .favourite-removed>:not(section) {
    opacity: .4
}

.game-container .game-image {
    height: 0;
    padding-bottom: 63%;
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0
}

.game-container .game-image.game-image-radius {
    border-radius: 5px
}

.game-container img {
    width: 100%;
    pointer-events: none
}

.game-container .prerender .game-image {
    padding: 0 !important;
    height: auto
}

.game-container .live-casino-stripe-container {
    position: relative;
    height: 1.8rem;
    overflow: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align: center;
    background-color: #1e2434;
    border: 1px solid #1e2434;
    border-top: 0
}

@media screen and (max-width:1024px) {
    .game-container .live-casino-stripe-container {
        height: 1.6rem
    }
}

.game-container .live-casino-stripe-container:after {
    content: ".";
    visibility: hidden
}

.game-container .live-casino-stripe-container.table-closed {
    border: 1px solid #333
}

.game-container .hover-wrapper {
    display: none
}

@media screen and (min-width:1197px) {
    .game-container .hover-wrapper {
        display: block;
        text-align: center;
        position: absolute;
        opacity: 0;
        transition: opacity .2s ease-out;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 20;
        padding: 0;
        background: rgba(0, 0, 0, .9);
        color: hsla(0, 0%, 100%, .9)
    }
    .game-container .hover-wrapper i.fa {
        color: hsla(0, 0%, 100%, .9);
        font-size: .8em;
        border: 1px solid #fff;
        border-radius: 50%;
        padding: 3rem 2rem 2rem;
        width: 7rem;
        height: 7rem
    }
}

.game-container .game-name {
    display: block;
    font-family: roboto-medium;
    color: #fff;
    font-weight: 500;
    text-align: left;
    position: relative;
    padding: 4px 0 4px 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: none;
    letter-spacing: 0;
    text-transform: none;
    font-size: inherit;
    line-height: 1.4
}

.wave-bg .game-container .game-name {
    color: #c9c6cc
}

.game-container .game-wrapper {
    width: 100%
}

.game-container .game-wrapper>.game-thumbnail {
    position: relative
}

.swiper .game-container .game-wrapper {
    width: calc(100% - 10px);
    padding: 0 5px;
    display: block
}

@media screen and (max-width:548px) {
    .game-container a {
        overflow: visible
    }
}

@media screen and (min-width:1025px) {
    .game-container a:hover {
        text-decoration: none
    }
    .game-container a:hover .hover-wrapper {
        opacity: .9
    }
    .game-container a:hover .game-name {
        font-weight: 500;
        text-shadow: 0 0 0 #444;
        color: #fff;
        font-family: roboto-medium
    }
    .wave-bg .game-container a:hover .game-name {
        color: #c9c6cc
    }
}

.game-container a .thumbnail-img {
    width: 100%;
    border-radius: 5px 5px 0 0
}

.game-container a .thumbnail-img.img-radius {
    border-radius: 5px
}

.game-container .table-closed {
    position: relative;
    height: 1.8rem;
    overflow: hidden;
    background: #1e2434;
    color: #999;
    font-size: .9rem;
    text-align: center;
    line-height: 1.7rem;
    font-weight: 400;
    vertical-align: middle
}

@media screen and (max-width:1024px) {
    .game-container .table-closed {
        line-height: 1.5rem
    }
}

.game-container .table-closed:after {
    font-family: FontAwesome;
    content: "";
    font-size: 1rem;
    color: #3eae5a;
    margin-left: 7px
}

.game-container .provider-logo {
    bottom: 0;
    right: 0;
    height: 25%;
    width: 33%;
    z-index: 21;
    border-right: 1px solid #1e2434
}

.game-container .provider-logo.inverted {
    border-right: 1px solid #333
}

.game-container .other-lobby-provider-logo .provider-logo {
    margin-bottom: -6%
}

.game-container .other-lobby-provider-logo .provider-logo .provider-logo-img-container {
    bottom: -2px
}

.game-container .fa.fa-play,
.game-container .fa.fa-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.GB .game-container .thumbnail-img {
    filter: blur(11px)
}

.game .game-content {
    position: relative;
    bottom: 0;
    text-align: justify;
    width: 100%;
    height: 100%;
    padding: 40px 0 20px
}

@media screen and (max-width:767px) {
    .game .game-content {
        position: absolute;
        top: calc(50% - 65px);
        text-align: center
    }
}

.live-casino-info-container {
    font-size: 1em;
    font-weight: 500;
    color: #fff;
    margin-top: .25em;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    overflow: hidden
}

.live-casino-info-container .live-casino-game-info {
    flex: 1 0 auto;
    padding: 2.8px 0 1px;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-casino-info-container .live-casino-game-info.full-width {
    width: 100%
}

.live-casino-info-container .live-casino-dealer-info {
    margin-left: 1em;
    flex: 1 1 auto;
    padding: 2.8px 0 1px;
    text-align: right;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.live-casino-info-container .icon-live-casino-dealer {
    margin-left: .3em;
    font-size: 18px;
    position: relative;
    bottom: 4px;
    height: 10px
}

.game-thumbnail {
    margin-bottom: 0
}

.game-thumbnail.live-casino {
    margin-bottom: 1px
}

@media screen and (max-width:767px) {
    .game-thumbnail.live-casino {
        margin-bottom: 10px
    }
}

.swiper-slide .game-thumbnail.live-casino {
    margin-bottom: 0
}

@media screen and (max-width:1024px) {
    .game-container:not(.swiper-slide) .live-casino-info-container {
        font-size: .85em
    }
}

@media screen and (max-width:767px) {
    .game-container:not(.swiper-slide) .live-casino-info-container {
        font-size: .8em
    }
}

@media screen and (max-width:1024px) {
    .game-container:not(.swiper-slide) .live-casino-info-container .icon-live-casino-dealer {
        font-size: 14px;
        bottom: 2px
    }
}

@media screen and (max-width:767px) {
    .game-container:not(.swiper-slide) .live-casino-info-container .icon-live-casino-dealer {
        font-size: 13.5px;
        right: 1px
    }
}

.game-ribbon-wrapper {
    position: absolute;
    top: 10px;
    left: -3px;
    z-index: 21
}

.game-ribbon-wrapper .game-ribbon {
    height: 18px;
    border-radius: 0 0 3px 0;
    box-sizing: border-box;
    color: #fff;
    font-size: .9rem;
    letter-spacing: 0;
    margin-top: 0;
    padding: 1px 7px 0;
    text-transform: none;
    background-color: #0f1221;
    transform: skew(-13deg);
    display: table-cell;
    vertical-align: middle
}

.game-ribbon-wrapper .game-ribbon.bold .ribbon {
    font-family: roboto-bold
}

.game-ribbon-wrapper .game-ribbon:before {
    transform: skew(13deg);
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -3px;
    left: 0;
    content: "";
    border-bottom: 3px solid transparent;
    border-right: 7px solid #000
}

.game-ribbon-wrapper .game-ribbon.small {
    position: static;
    border: 0;
    text-transform: none;
    display: inline;
    color: #f2f2f2;
    margin: 0 0 0 .4rem;
    padding: 0 .5rem 0 .4rem;
    font-size: .8rem;
    border-radius: .3571rem 0 0 0;
    background-color: #0f1221
}

.game-ribbon-wrapper .game-ribbon.small .ribbon {
    display: inline-block;
    transform: skew(0);
    margin-right: 2px
}

.game-ribbon-wrapper .game-ribbon.small:after,
.game-ribbon-wrapper .game-ribbon.small:before {
    content: ""
}

.game-ribbon-wrapper .game-ribbon .ribbon {
    display: inline-block;
    transform: skew(13deg);
    text-transform: capitalize
}

.game-ribbon-wrapper .game-ribbon .ribbon.bet-limit {
    text-transform: none
}

.game-ribbon-wrapper .game-ribbon.game-hot {
    background-color: #e71d36
}

.game-ribbon-wrapper .game-ribbon.game-hot:before {
    border-right-color: #6a010e
}

.game-ribbon-wrapper .game-ribbon.game-new {
    background-color: #00abbe
}

.game-ribbon-wrapper .game-ribbon.game-new:before {
    border-right-color: #518b92
}

.game-ribbon-wrapper .game-ribbon.game-exclusive {
    background-color: #fff;
    color: #011627;
    border: 1px solid #ccc;
    line-height: 19px
}

.game-ribbon-wrapper .game-ribbon.game-exclusive:before {
    border-right-color: #003573;
    bottom: -4px
}

.game-ribbon-wrapper .game-ribbon.game-exclusive.hide-shadow:before {
    display: none
}

.game-ribbon-wrapper .game-ribbon:not(:first-child) {
    margin-left: -2px;
    border: none
}

.game-ribbon-wrapper .game-ribbon:not(:first-child):before {
    display: none
}

@media screen and (max-width:767px) {
    .game-ribbon-wrapper .game-ribbon {
        font-size: .85rem
    }
}

.game-bet-limit-ribbon-wrapper {
    top: auto;
    bottom: 60px;
    left: 3px
}

@media screen and (max-width:1024px) {
    .game-bet-limit-ribbon-wrapper {
        bottom: 49px;
        left: 2px
    }
}

.game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    padding: 1px 7px 0
}

@media screen and (max-width:1024px) {
    .game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon {
        padding: 0 3px 0 0
    }
}

.game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon span {
    font-family: roboto-regular;
    font-weight: 400
}

@media screen and (max-width:1024px) {
    .game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon span {
        line-height: 1rem;
        vertical-align: middle
    }
}

@media screen and (max-width:767px) {
    .game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon span {
        line-height: 1rem;
        vertical-align: middle
    }
}

.game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon:before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -5px;
    left: -11px;
    border-bottom: 4px solid #000;
    border-left: 6px solid transparent;
    border-right: 0
}

.game-bet-limit-ribbon-wrapper .game-bet-limit-ribbon:after {
    content: "";
    position: absolute;
    background: #fff;
    z-index: -1;
    width: 100%;
    height: 18px;
    top: -1px;
    left: -6px;
    transform: skewX(26deg);
    clip: rect(0 11px 20px 0);
    border: 1px solid #ccc;
    border-radius: 0 0 0 3px
}

game-table-seats {
    color: #fff;
    display: inline-block
}

game-table-seats p {
    display: inline-block;
    margin: 0 3px;
    font-weight: 400;
    text-align: center;
    line-height: 1.9
}

@media screen and (max-width:1024px) {
    game-table-seats p {
        font-size: .9rem
    }
}

game-table-seats span .number-of-seats {
    font-weight: 700
}

game-table-seats span .icon-seat {
    color: #3eae5a;
    top: 1px;
    position: relative
}

.game-container .table-full a {
    color: #3eae5a;
    font-weight: 400;
    float: none;
    text-decoration: underline
}

.roulette-results {
    padding: .2rem;
    width: 100%
}

.roulette-results .roulette-stripe {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    z-index: 1;
    height: 1.3rem;
    overflow: hidden
}

@media screen and (max-width:1024px) {
    .roulette-results .roulette-stripe {
        height: 1.1rem
    }
}

.roulette-results .roulette-stripe:hover {
    text-decoration: none
}

.roulette-results .roulette-stripe .roulette-number {
    position: relative;
    width: 1.4rem;
    height: 1.3rem;
    border-radius: 2px;
    margin-left: .6rem;
    margin-bottom: .3rem;
    color: #fff;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.4rem;
    vertical-align: middle;
    text-align: center
}

@media screen and (max-width:1024px) {
    .roulette-results .roulette-stripe .roulette-number {
        height: 1.1rem;
        font-size: .7rem;
        line-height: 1.2rem
    }
}

.roulette-results .roulette-stripe .roulette-number:after {
    content: "";
    width: 0;
    height: 100%;
    border-left: 1px solid #262541;
    position: absolute;
    top: 0;
    left: -.4rem
}

.roulette-results .roulette-stripe .roulette-number:first-child:after,
.roulette-results .roulette-stripe .roulette-number:nth-child(2):after {
    border-left: none
}

.roulette-results .roulette-stripe .roulette-number:first-child {
    width: 1.8rem;
    margin-right: .6rem;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 2
}

.roulette-results .roulette-stripe .roulette-number:first-child:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .25rem;
    right: -.4rem;
    width: .8rem;
    height: .8rem;
    border-top-right-radius: 2px;
    transform: rotate(45deg) skew(10deg, 10deg);
    z-index: -1
}

@media screen and (max-width:1024px) {
    .roulette-results .roulette-stripe .roulette-number:first-child:before {
        top: .2rem
    }
}

.roulette-results .roulette-stripe .roulette-number.red,
.roulette-results .roulette-stripe .roulette-number.red:before {
    background-color: #f32633
}

.roulette-results .roulette-stripe .roulette-number.black,
.roulette-results .roulette-stripe .roulette-number.black:before {
    background-color: #333
}

.roulette-results .roulette-stripe .roulette-number.green,
.roulette-results .roulette-stripe .roulette-number.green:before {
    background-color: #00773c
}

.game-container .jackpot {
    line-height: 1.143rem;
    color: #fff;
    text-align: right;
    border-top: 2px #009cff;
    font-size: .9286rem;
    display: block;
    position: absolute;
    bottom: 0;
    background-color: #009cff;
    z-index: 19;
    width: 100%;
    font-weight: 600;
    padding: 2px 8px 4px 0;
    border-radius: 0
}

@media screen and (min-width:1197px) {
    .game-container .jackpot {
        font-size: 1.143rem
    }
}

.game-container .jackpot:before {
    float: left;
    font-size: 1.714rem;
    font-weight: 100
}

.game-container .jackpot-title {
    background: transparent;
    color: #fff;
    float: left;
    display: inline-block;
    padding: 0;
    font-size: 1rem
}

@media screen and (min-width:1197px) {
    .game-container .jackpot-title {
        background: transparent;
        color: #fff;
        padding: 0;
        font-size: 1rem
    }
}

.game-container .jackpot-value {
    font-family: roboto-regular;
    margin: 0
}

game-window {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0
}

.game-window {
    height: 100%;
    min-height: 100px;
    background: none;
    padding: 0;
    position: relative;
    text-align: center;
    margin: 0 auto
}

.game-window .game-framer {
    width: 100%;
    height: 100%;
    padding: 0
}

.game-window .game-framer object {
    width: 100%
}

.game-window h1 {
    color: hsla(0, 0%, 100%, .5)
}

.game-window .game-container {
    float: none
}

.game-window .game-framer {
    color: #fff
}

.game-window .game-framer .ddl-variants {
    position: relative
}

.game-window .game-framer .ddl-variants select {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: auto;
    padding: 2px;
    width: 100%;
    line-height: normal;
    border: 1px solid #818890;
    font-size: 1.4em;
    margin: 0 0 6px;
    color: #f0f0f0;
    background: #333;
    border-radius: 0;
    outline: none
}

.game-window .game-framer .ddl-variants select::-ms-expand {
    display: none
}

.game-window .game-framer .ddl-variants .icon-triangle {
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    font-family: icon-font;
    font-size: .6em;
    pointer-events: none
}

.game-window .game-framer .ddl-variants .icon-triangle:before {
    content: ""
}

.game-window .provider-notice {
    display: none
}

@media screen and (min-width:1197px) {
    .game-window .provider-notice {
        display: block;
        line-height: 1em;
        padding-bottom: .5em;
        margin: 0;
        font-size: 1em;
        color: #fff
    }
}

.game-window .page-content {
    background: #313036
}

.game-window .page-content h1 {
    color: #f0f0f0
}

.game-window .page-content .page-content-text {
    text-align: justify;
    font-size: 1em;
    color: #fff;
    line-height: 1.5em
}

.game-window .page-content .page-content-text a {
    text-decoration: underline
}

@media screen and (max-width:548px) {
    .game-window .page-content .page-content-text {
        font-size: .7em;
        line-height: 1.5em
    }
}

.game-window .legal-content p {
    color: #fff
}

.game-window.game-holder {
    float: left
}

.game-window .game-window-messages {
    width: 100%;
    height: 100%;
    min-width: 285px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.game-window .game-window-messages .game-content,
.game-window .game-window-messages .game-content-title {
    padding: 40px;
    display: block;
    background: rgba(0, 0, 0, .9);
    color: hsla(0, 0%, 100%, .5);
    width: auto;
    height: auto
}

.game-window .game-window-messages .game-content-title {
    font-size: 1.8rem
}

.game-window .game-window-messages .game-content-img {
    width: 70%
}

.GB .game-window .game-window-messages .game-content-img {
    filter: blur(11px)
}

.game-window .game-window-messages h3 {
    color: #fff
}

.game-window .pause-container {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: #000
}

.game-window .pause-container.minimized {
    background: none
}

.game-window .neo-game-provider-resize embed {
    position: absolute;
    width: 100% !important;
    height: 100% !important
}

.game-window-mobile {
    overflow: hidden;
    height: auto;
    background-size: cover;
    background-color: #fff
}

.game-window-mobile .game-window-messages {
    top: 0;
    margin: 0;
    width: 100%;
    font-size: .9em;
    color: #fff
}

.game-window-mobile.login-popup-not-gameframe {
    height: 100vh;
    background: #000
}

.game-window-mobile .wrapper {
    margin: 0 auto;
    max-width: 400px;
    background-color: #000
}

.game-window-mobile .wrapper .game-window-name {
    text-align: center;
    padding: 1.563rem 0;
    font-size: 22px;
    font-weight: 600;
    font-family: roboto-regular;
    color: #fff
}

.game-window-mobile .wrapper .mobile-game-img {
    display: table;
    margin: 0 auto
}

.game-window-mobile .wrapper .play-now {
    text-align: center;
    margin: 15px 0;
    display: inline-block;
    width: 100%;
    color: #fff
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .game-window-mobile .wrapper .play-now {
        margin: 15px;
        width: calc(100% - 30px)
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .game-window-mobile .wrapper .play-now {
        margin: 15px 0;
        width: 100%
    }
}

@media screen and (max-width:548px) {
    .game-window-mobile .wrapper .play-now {
        margin: 15px;
        width: calc(100% - 30px)
    }
}

.game-window-mobile .game-container {
    display: flex;
    justify-content: flex-end;
    height: auto;
    width: 100vw;
    overflow: hidden;
    z-index: 10
}

.game-window-mobile .game-container.ios {
    position: fixed;
    height: 100vh;
    top: 0
}

.game-window-mobile .game-container.ios.game-top-message,
.sga .game-window-mobile .game-container.ios {
    height: auto;
    top: auto
}

.game-window-mobile .smooth-transition {
    transition: all .15s ease-in-out
}

.game-window-mobile .swipe-overlay {
    width: 100vw;
    height: 1000000px;
    z-index: 9;
    top: 0;
    background-color: #000
}

.game-search {
    position: relative
}

.game-search .search-field {
    position: relative;
    padding: 10px 15px
}

.game-search .search-field .fa {
    cursor: pointer;
    position: absolute;
    padding: 8px 0 0 12px;
    font-size: 1.3em;
    color: #fff;
    right: 1.4em;
    left: auto
}

.game-search .search-input {
    width: 100%;
    border: none;
    outline: 0;
    height: auto;
    margin: 0;
    padding: 6px 0 6px 10px;
    border-radius: 0;
    background-color: #1e2434;
    color: #fff;
    font-size: 1.2em;
    font-family: roboto-regular;
    line-height: 1.3em;
    font-weight: 700
}

.game-search .search-input:focus {
    background-color: #1e2434;
    box-shadow: none
}

@media screen and (max-width:767px) {
    .game-search .search-input:focus {
        box-shadow: none;
        border-radius: 0
    }
}

.game-search .search-input::-ms-clear {
    display: none
}

.game-search .search-input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff
}

.game-search .search-input::-moz-placeholder {
    color: #fff
}

.game-search .search-input:-ms-input-placeholder {
    color: #fff
}

.game-search .no-results {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
    font-size: 1.1em;
    color: #fff;
    background-color: #1e2434
}

.game-search .games-search-list {
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 103
}

.game-search .games-search-list a {
    transition: none
}

.GB .game-search img {
    filter: blur(11px)
}

.large-game-search {
    position: relative;
    color: #fff;
    height: 62px
}

.large-game-search .search-dropdown-toggle {
    cursor: pointer
}

.large-game-search .search-game-result {
    background-color: #1e2434
}

.large-game-search .search-game-result img {
    width: 30%
}

.large-game-search .open {
    background-color: #fff
}

.large-game-search .open .dropdown-menu {
    opacity: 1;
    visibility: visible
}

.large-game-search .dropdown {
    transition: background, .2s, ease
}

.large-game-search .dropdown .fa {
    position: absolute;
    left: 0;
    right: 0;
    top: 6px;
    transition: top .3s ease-in-out;
    display: block;
    padding: 8px;
    font-size: 1.3em
}

.large-game-search .dropdown:hover .fa {
    top: 15px;
    color: #f7cc30
}

.large-game-search .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    margin: -1px 0;
    border: none;
    left: auto;
    right: 0;
    width: 25.9em;
    border-radius: 0;
    background-color: #1e2434;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    transition: opacity .2s ease, visibility .2s ease
}

.large-game-search .search {
    border-top: none;
    border-left: none;
    border-right: none
}

.large-game-search .search-field {
    padding: 15px;
    position: relative;
    display: block;
    cursor: default
}

.large-game-search .search-field .search-input {
    width: 100%;
    padding: 7px 15px;
    font-size: 18px;
    border-radius: 3px;
    line-height: 1.3em;
    height: 35px;
    color: #fff;
    background: #0f1221;
    transition: border-color, .2s, linear;
    transition: background, .2s, linear
}

.large-game-search .search-field .search-input::-webkit-input-placeholder {
    color: #bbb
}

.large-game-search .search-field .search-input::-moz-placeholder {
    color: #bbb
}

.large-game-search .search-field .search-input:-ms-input-placeholder {
    color: #bbb
}

.large-game-search .search-field .search-input:focus {
    background: #0f1221
}

.large-game-search .no-results {
    padding: 12px;
    font-size: 1.1em;
    color: #fff;
    background-color: #1e2434
}

.large-game-search .search-game-holder {
    display: list-item;
    line-height: 0
}

.large-game-search .search-game-holder .search-game-category {
    font-size: 1em;
    line-height: 1.2em;
    height: 30px
}

.large-game-search .search-game-holder .search-game-result {
    padding: 5px 15px;
    color: #000;
    height: 80px
}

.large-game-search .search-game-holder .search-game-result .search-game-name {
    font-size: 18px
}

.large-game-search .search-game-holder .search-game-result:hover {
    background-color: none
}

.search-header {
    margin: 0
}

.search-header .dropdown-menu:after,
.search-header .search-dropdown-toggle:after {
    display: none
}

.search-header .dropdown {
    text-align: center;
    width: 40px;
    height: 43px;
    top: -1px
}

.search-header .search-dropdown-toggle {
    display: block
}

@media screen and (max-width:1197px) {
    .large-search-form {
        margin-right: 5px;
        left: -45px
    }
}

@media screen and (max-width:700px) {
    .large-search-form {
        display: none
    }
}

@media screen and (max-width:767px) {
    .large-search-form .search-form {
        display: none
    }
}

@media screen and (max-width:767px) {
    .search-form {
        height: auto;
        position: relative;
        display: block
    }
}

.search-game-result {
    position: relative;
    width: 100%;
    letter-spacing: normal;
    display: block;
    overflow: hidden;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    border: none;
    color: #fff;
    background-color: #1e2434;
    margin: 0
}

.search-game-result.disallowed {
    opacity: .4
}

.search-game-result.disallowed:hover {
    cursor: default
}

.search-game-result:hover {
    background: #0f1221;
    cursor: pointer
}

.search-game-result.selected {
    background: #0f1221
}

.search-game-result.selected .search-game-details .search-game-name,
.search-game-result:hover .search-game-details .search-game-name {
    color: #8b97b5
}

.search-game-result.selected .search-game-details .search-game-category,
.search-game-result:hover .search-game-details .search-game-category {
    color: #f7cc30
}

.search-game-result .search-game-img-wrapper {
    overflow: hidden;
    float: left;
    width: 30%;
    margin-right: 10px
}

.search-game-result .search-game-img-wrapper img {
    width: 100%;
    float: left;
    box-sizing: border-box
}

.search-game-result .search-game-details {
    width: 64%;
    float: left;
    text-align: left;
    font-size: .8em;
    font-weight: 400;
    float: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 40%;
    flex-wrap: wrap;
    padding: 5px 0;
    display: flex;
    align-items: center
}

.search-game-result .search-game-details .search-game-category,
.search-game-result .search-game-details .search-game-name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.search-game-result .search-game-details .search-game-name {
    font-size: 1.286em;
    line-height: 1.1em;
    color: #fff;
    font-family: roboto-regular;
    padding: 0;
    width: 100%
}

@media screen and (min-width:1025px) {
    .search-game-result .search-game-details .search-game-name {
        line-height: 1.1em
    }
}

.search-game-result .search-game-details .search-game-category {
    font-weight: 700;
    color: #f7cc30;
    text-transform: uppercase;
    padding: 0;
    font-size: 1rem
}

.GB .search-game-result img {
    filter: blur(11px)
}

.game-toolbar {
    background-color: #1e2434;
    position: fixed;
    width: 100%;
    height: 50px;
    left: 0;
    bottom: 0;
    z-index: 25;
    border-top: 1px solid #8b97b5;
    padding: 0 70px
}

.game-toolbar .game-toolbar-wrapper {
    max-width: 1186px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden
}

.game-toolbar .game-toolbar-wrapper reward-progress {
    float: left
}

.game-toolbar .game-toolbar-wrapper .quick-deposit {
    float: right;
    margin-right: 3.143rem
}

.game-toolbar .game-toolbar-frames-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    float: right
}

.game-toolbar .game-toolbar-frames-buttons .game-toolbar-frames-rectangle {
    border: 1px solid #ccc;
    width: 1.429em;
    height: 1.429em;
    margin: 0 .25em;
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer
}

.game-toolbar .game-toolbar-frames-buttons .game-toolbar-frames-rectangle.quadruple {
    padding: .1429em
}

.game-toolbar .game-toolbar-frames-buttons .game-toolbar-frames-rectangle .game-toolbar-frames-block {
    border: 1px solid #ccc;
    background-color: #ccc;
    width: .3571em;
    height: .3571em
}

.game-toolbar .game-toolbar-frames-buttons .game-toolbar-frames-rectangle.double .game-toolbar-frames-block {
    width: .5em;
    height: .5em
}

.game-toolbar .game-toolbar-frames-buttons .game-toolbar-frames-rectangle.active {
    border: 1px solid #fff
}

.game-toolbar .game-toolbar-frames-buttons .game-toolbar-frames-rectangle.active .game-toolbar-frames-block {
    background-color: #fff
}

.game-picker {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden
}

.game-picker .picker-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    font-size: 2rem;
    height: 100%;
    background-color: #0f1221;
    cursor: pointer
}

.game-picker .picker-overlay .picker-plus-sign {
    display: block;
    border: .1071em solid #fff;
    border-radius: 1.786em;
    padding: .65em .6em .55em
}

.game-picker .picker-overlay .picker-label {
    display: block;
    padding-top: 1.071em;
    font-size: .5em
}

.game-picker .choose-game {
    height: 100%
}

.game-picker .choose-game .header {
    float: left;
    width: 100%;
    background: #0f1221;
    padding: .3rem .8rem .0375rem 1rem;
    margin: 0;
    border-bottom: 2px solid transparent
}

.game-picker .choose-game .header a {
    cursor: pointer;
    float: right;
    margin-top: .6rem
}

.game-picker .choose-game .header h3 {
    float: left;
    color: inherit;
    font-weight: 600
}

.game-picker .choose-game .content {
    background: #161d2d;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #8b97b5;
    overflow-y: auto
}

.game-picker .choose-game .choose-game-search {
    padding: 1.071rem 0;
    position: relative
}

.game-picker .choose-game .choose-game-search .search-field {
    border: none;
    border-radius: 0;
    background-color: #f9f9f9;
    color: #999;
    position: relative;
    width: 60%;
    margin: 0 auto
}

.game-picker .choose-game .choose-game-search .search-field .fa {
    cursor: pointer;
    position: absolute;
    padding: 8px 0 0 12px;
    font-size: 1.3em;
    right: .5em;
    left: auto
}

.game-picker .choose-game .choose-game-search .search-input {
    width: 100%;
    border: none;
    outline: 0;
    height: auto;
    margin: 0;
    padding: 6px 0 6px 10px;
    border-radius: 0;
    background-color: #1e2434;
    color: #fff;
    font-size: 1.2em;
    font-family: roboto-regular;
    line-height: 1.3em;
    font-weight: 700
}

.game-picker .choose-game .choose-game-search .search-input:focus {
    background-color: #1e2434;
    box-shadow: none
}

.game-picker .choose-game .choose-game-search .search-input::-ms-clear {
    display: none
}

.game-picker .choose-game .choose-game-search .search-input::-webkit-input-placeholder {
    opacity: 1;
    color: #fff
}

.game-picker .choose-game .choose-game-search .search-input::-moz-placeholder {
    color: #fff
}

.game-picker .choose-game .choose-game-search .search-input:-ms-input-placeholder {
    color: #fff
}

.game-picker .choose-game .no-result-frame,
.game-picker .choose-game .result-frame {
    padding: 0 .7143rem;
    margin: 0 .7143rem .5714rem
}

.game-picker .no-results {
    margin-bottom: 1.429rem;
    display: block
}

.game-picker .game-picker-frames-label {
    font-weight: 700;
    padding-bottom: .7143rem;
    color: #999
}

.game-picker .small-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0 0 1.429rem;
    cursor: pointer
}

.game-picker .small-tabs li {
    display: block;
    border: 1px solid transparent;
    width: 100%;
    text-align: center;
    padding: .7143rem 0;
    color: #fff;
    background-color: #1e2434;
    font-weight: 700;
    text-transform: capitalize
}

.game-picker .small-tabs li.active {
    color: #f7cc30;
    background-color: #1e2434;
    border-bottom: 1px solid #f7cc30
}

.game-picker .small-tabs li.active:hover {
    color: inherit
}

.game-picker .small-tabs li:hover {
    color: #f7cc30
}

.game-picker .games-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.game-picker .games-list a {
    width: 32.5%;
    padding: .5em .2em .5em .6em;
    border-bottom: none
}

.game-picker .games-list a:nth-child(3n) {
    margin-right: 0
}

.game-picker .search-game-block {
    position: relative;
    width: 100%;
    font-size: .8em;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
    display: block;
    overflow: hidden;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    border: none;
    color: #fff;
    background-color: #1e2434;
    margin: 0
}

.game-picker .search-game-block.selected,
.game-picker .search-game-block:hover {
    background: #0f1221
}

.game-picker .search-game-block.selected .search-game-name,
.game-picker .search-game-block:hover .search-game-name {
    color: #8b97b5
}

.game-picker .search-game-block.selected .search-game-category,
.game-picker .search-game-block:hover .search-game-category {
    color: #f7cc30
}

.game-picker .search-game-block img {
    width: 40%;
    float: left;
    padding: 0 10px 0 0;
    box-sizing: border-box
}

.game-picker .search-game-details {
    width: 60%;
    float: left;
    font-size: 1em;
    float: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 40%;
    flex-wrap: wrap;
    padding: 5px 0;
    display: flex;
    align-items: center
}

.game-picker .search-game-details .search-game-category,
.game-picker .search-game-details .search-game-name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.game-picker .search-game-details .search-game-name {
    font-size: 1.286em;
    line-height: 1.1em;
    color: #8b97b5;
    font-family: roboto-regular;
    padding: 0;
    width: 100%
}

@media screen and (min-width:1025px) {
    .game-picker .search-game-details .search-game-name {
        line-height: 1.1em
    }
}

.game-picker .search-game-details .search-game-category {
    font-weight: 700;
    font-size: 1rem;
    color: #646b73;
    text-transform: uppercase;
    padding: 0
}

.provider-logo {
    position: absolute;
    height: 100%;
    width: 100%;
    display: inline-block;
    transform: translateZ(0)
}

.provider-logo .provider-logo-img-container {
    width: 70%;
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 3%;
    z-index: 2
}

.provider-logo .provider-logo-img-container .provider-logo-img {
    max-height: 100%;
    max-width: 100%
}

.provider-logo .top-right-corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    height: 100%;
    display: inline-block;
    overflow: hidden
}

.provider-logo .top-right-corner:before {
    content: "";
    position: absolute;
    width: 160%;
    height: 66%;
    top: -30%;
    right: 0;
    border-radius: 100%;
    box-shadow: 0 0 0 10rem #1e2434
}

.provider-logo .top-right-corner.inverted:before {
    box-shadow: 0 0 0 10rem #333
}

.provider-logo .logo {
    position: absolute;
    display: inline-block;
    right: 1px;
    top: 8%;
    width: 83.5%;
    height: 95%;
    background-color: #1e2434;
    transform: perspective(50px) rotateX(20deg);
    transform-origin: bottom right;
    border-radius: 10px 0 0 0;
    line-height: 100%;
    vertical-align: middle;
    padding: 0 .5rem;
    z-index: 1
}

.provider-logo .logo.inverted {
    background-color: #333 !important
}

.provider-logo .bottom-left-corner {
    position: absolute;
    display: inline-block;
    right: 1px;
    top: 72%;
    width: 99%;
    height: 30%;
    overflow: hidden;
    transform: perspective(36px) rotateX(17deg);
    transform-origin: right bottom
}

.provider-logo .bottom-left-corner:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 2rem;
    height: 108%;
    right: 82%;
    border-radius: 0 0 50% 0;
    box-shadow: 0 0 0 18rem #1e2434
}

@media screen and (max-width:1024px) {
    .provider-logo .bottom-left-corner:before {
        right: 82.5%;
        width: 1.5rem
    }
}

@media screen and (max-width:767px) {
    .provider-logo .bottom-left-corner:before {
        right: 82%
    }
}

.provider-logo .bottom-left-corner.inverted:before {
    box-shadow: 0 0 0 18rem #333
}

.swiper-slide .provider-logo .provider-logo-img-container {
    right: 8%
}

.swiper-slide .other-lobby-provider-logo .provider-logo .provider-logo-img-container {
    bottom: -2px
}

.game-collection-tabs {
    position: relative;
    display: block;
    text-align: left;
    padding: 0 0 1em;
    margin: 0;
    background: #000;
    width: 100%
}

@media screen and (max-width:1024px) {
    .game-collection-tabs {
        margin: 0
    }
}

.game-collection-tabs .tabs-container {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: 1186px;
    background: none;
    height: 73px;
    display: flex
}

@media screen and (max-width:1024px) {
    .game-collection-tabs .tabs-container {
        height: 64px
    }
}

@media screen and (max-width:548px) {
    .game-collection-tabs .tabs-container {
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch
    }
}

.game-collection-tabs .tabs-container .tab-item {
    font-size: 1.4em;
    font-weight: 500
}

@media screen and (max-width:1024px) {
    .game-collection-tabs .tabs-container .tab-item {
        font-size: 1.15em
    }
}

.game-collection-tabs .tabs-container .tab-item.active {
    color: #fff;
    height: 104%;
    top: 0;
    padding-top: 20px
}

.game-collection-tabs .tabs-container .tab-wrapper {
    cursor: pointer;
    display: block;
    position: relative;
    top: 0;
    background: #000;
    box-shadow: none;
    text-transform: inherit;
    border-top: 1px solid transparent;
    border-left-width: 0;
    border-right-width: 0;
    width: unset
}

@media screen and (max-width:548px) {
    .game-collection-tabs .tabs-container .tab-wrapper {
        display: inline-block;
        white-space: nowrap
    }
}

.game-collection-tabs .tabs-container .tab-wrapper .active {
    border: 1px solid #7e7e80;
    border-bottom-color: transparent;
    background: #000
}

.game-collection-tabs .tabs-container .tab-wrapper .active a {
    background: none;
    border-bottom: 1px solid transparent;
    padding: 20px 15px
}

.game-collection-tabs .tabs-container .tab-wrapper .active .icon {
    background-position: 0
}

.game-collection-tabs .tabs-container .tab-wrapper:last-child a {
    box-shadow: none
}

.game-collection-tabs .tabs-container .tab-wrapper a {
    padding: 20px;
    border: 1px solid transparent;
    color: #fff;
    overflow: hidden;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left
}

@media screen and (max-width:548px) {
    .game-collection-tabs .tabs-container .tab-wrapper a {
        white-space: nowrap
    }
}

.game-collection-tabs .tabs-container .tab-wrapper a:hover {
    color: #fff
}

.game-collection-tabs .tabs-container .tab-wrapper .icon {
    background-position: 0;
    display: inline-block;
    margin: 0 15px 0 0;
    height: 21px
}

.game-collection-tabs .tabs-container .tab-wrapper .icon.featured {
    width: 18px;
    background-image: url(assets/images/featured-icon-sprite.png)
}

.game-collection-tabs .tabs-container .tab-wrapper .icon.new {
    width: 43px;
    background-image: url(assets/images/new-icon-sprite.png)
}

.game-collection-tabs .tabs-container .tab-wrapper .icon.last-played {
    width: 40px;
    background-image: url(assets/images/last-played-game.svg);
    background-repeat: no-repeat
}

.game-collection-tabs .tabs-content-wrapper {
    min-height: 0;
    top: 0
}

.game-collection-tabs .tabs-content-wrapper .tabs-content {
    padding-top: 10px;
    padding-bottom: 0;
    border-top: 1px solid #7e7e80;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right: 0;
    background: inherit
}

.game-collection-tabs .tabs-content-wrapper .tabs-content .games-list-wrapper {
    margin-top: 0;
    overflow: hidden
}

.game-collection-tabs .tabs-content-wrapper .tabs-content .games-list-wrapper .game-category,
.game-collection-tabs .tabs-content-wrapper .tabs-content .games-list-wrapper .game-name {
    color: #fff
}

.game-collection-tabs .tabs-content-wrapper .tabs-content .game-category-header {
    padding: 0;
    border-bottom: 0
}

.game-collection-tabs .tabs-content-wrapper .tabs-content .games-section {
    background: inherit
}

.game-collection-tabs .tabs-content-wrapper .tabs-content a:hover .game-name {
    color: #fff
}

.game-collection-tabs .games-collection-section {
    background: inherit;
    margin-bottom: 0
}

.game-action-box {
    cursor: pointer;
    background: #181818;
    position: absolute;
    top: 0;
    right: -32px;
    width: 30px;
    font-size: 1em;
    line-height: 2em;
    color: #fff;
    text-align: center
}

.game-action-box a {
    display: block;
    width: 100%
}

.game-action-box.minimized {
    transform: scale(2.5) translateY(30%) translateX(20%);
    z-index: 103
}

.tiled-filter {
    position: relative;
    padding: 0;
    background: #161d2d;
    background-repeat: no-repeat;
    background-position: 0 89px, 0 0;
    background-size: auto;
    margin: 0;
    border-radius: 0;
    -o-border-image: none;
    border-image: none;
    border-image-width: 0;
    border: 0;
    border-top: 20px solid #161d2d;
    z-index: 599
}

@media screen and (max-width:1024px) {
    .tiled-filter {
        background: #161d2d;
        background-repeat: no-repeat;
        background-position: -2vw 124px, 0 0;
        background-size: 113%;
        padding: 0
    }
}

@media screen and (max-width:767px) {
    .tiled-filter {
        padding: 0;
        border-bottom: 0;
        background: none;
        background-repeat: no-repeat;
        background-position: -2vw 84px, 0 0;
        background-size: 113%
    }
}

.tiled-filter .tiles {
    max-width: 1186px;
    margin: 0 auto;
    padding-top: 0;
    height: 7.8rem;
    clear: both
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .tiled-filter .tiles {
        height: 8rem
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .tiled-filter .tiles {
        height: 8.5rem
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tiles {
        height: 5rem;
        padding-top: 0
    }
}

.tiled-filter .tile {
    position: relative;
    width: 25%;
    background: #161d2d;
    height: 100%;
    float: left;
    cursor: pointer;
    background-position: 10px 100%, 0 0, 50% 0;
    background-size: auto 204%, cover;
    background-repeat: no-repeat
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .tiled-filter .tile {
        background-position: 119% 36%, 50% 0;
        background-size: 150%
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .tiled-filter .tile {
        background-position: 50% 5%;
        background-size: auto 40%, cover
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .tiled-filter .tile {
        background-position: 92% 28%, 50% 0;
        background-size: 220%
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .tiled-filter .tile {
        background-position: 10px 100%, 0 31%, 50% 0
    }
}

@media only screen and (min-device-width:812px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .tiled-filter .tile {
        background-position: 10% 100%, 76%, 0, 50% 0
    }
}

.tiled-filter .tile:not(:last-child) {
    border-width: 0 1px 0 0;
    border-style: solid;
    -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
    border-image: linear-gradient(180deg, transparent, #505465) 1;
    border-image-width: 0 1px 0 0
}

@media screen and (max-width:1024px) {
    .tiled-filter .tile:not(:last-child) {
        -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-color: #ddd;
        border-image-width: 0 1px 0 0
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile:not(:last-child) {
        border-width: 0 1px 0 0;
        -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-color: #ddd;
        border-image-width: 0 1px 0 0
    }
}

.tiled-filter .tile:hover .games-count,
.tiled-filter .tile:hover .sub-category {
    color: none
}

.tiled-filter .tile:first-child {
    border-width: 0 1px;
    border-style: solid;
    -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
    border-image: linear-gradient(180deg, transparent, #505465) 1;
    border-image-width: 0 1px 0 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media screen and (max-width:1024px) {
    .tiled-filter .tile:first-child {
        border-image-width: 0 1px 0 0
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile:first-child {
        -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-image-width: 0 1px 0 0
    }
}

.tiled-filter .tile:last-child {
    border-width: 0 1px 0 0;
    border-style: solid;
    -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
    border-image: linear-gradient(180deg, transparent, #505465) 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media screen and (max-width:1024px) {
    .tiled-filter .tile:last-child {
        border: 0 solid #ddd
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile:last-child {
        border: solid #ddd;
        border-width: 1px 0 0;
        -o-border-image: linear-gradient(180deg, transparent, #505465) 1;
        border-image: linear-gradient(180deg, transparent, #505465) 1
    }
}

.tiled-filter .tile:last-of-type {
    margin-right: 0
}

@media screen and (min-width:1025px) {
    .tiled-filter .tile.active:first-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }
}

@media screen and (min-width:1025px) {
    .tiled-filter .tile.active:last-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }
}

.tiled-filter .tile.active {
    background-color: none;
    background: linear-gradient(180deg, #161d2d, #0f1221)
}

@media screen and (min-width:1025px) {
    .tiled-filter .tile.active {
        background-position: 10px 0, 0 0, 50% 0, 0 0, 50% 0
    }
}

.tiled-filter .tile.active .tile-content:after {
    content: " ";
    width: 0;
    height: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    transform: translateX(-50%);
    max-width: 50%;
    bottom: 0;
    visibility: visible
}

@media screen and (max-width:767px) {
    .tiled-filter .tile.active .tile-content:after {
        border-bottom: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        transform: translateX(-50%);
        display: flex;
        margin-left: 50%;
        visibility: hidden
    }
}

.tiled-filter .tile.active .games-count,
.tiled-filter .tile.active .sub-category {
    color: #f7cc30
}

.tiled-filter .tile .tile-content {
    position: absolute;
    top: 60%;
    right: 15%;
    bottom: 0;
    text-align: center;
    width: auto
}

@media screen and (min-width:1025px) {
    .tiled-filter .tile .tile-content {
        left: 15%;
        right: 15%
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .tiled-filter .tile .tile-content {
        width: 100%;
        top: 57%;
        right: 0;
        text-align: center
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .tiled-filter .tile .tile-content {
        margin-right: 0;
        left: 0;
        right: 0;
        top: 56%;
        width: 100%;
        text-align: center
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile .tile-content {
        top: 72%;
        right: 0;
        text-align: center
    }
}

@media only screen and (min-device-width:1366px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .tiled-filter .tile .tile-content {
        top: 60%
    }
}

@media only screen and (min-device-width:812px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .tiled-filter .tile .tile-content {
        text-align: center;
        top: 70%
    }
}

.tiled-filter .tile .tile-content .sub-category {
    text-transform: inherit;
    font-family: inherit
}

@media screen and (min-width:1025px) {
    .tiled-filter .tile .tile-content .sub-category {
        font-size: 1.2rem
    }
}

@media screen and (max-width:1024px) {
    .tiled-filter .tile .tile-content .sub-category {
        font-size: 1.2rem
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .tiled-filter .tile .tile-content .sub-category {
        font-size: inherit
    }
}

@media screen and (max-width:767px) and (orientation:portrait) {
    .tiled-filter .tile .tile-content .sub-category {
        font-size: .74rem
    }
}

.tiled-filter .tile .tile-content .games-count {
    font-family: roboto-regular;
    font-size: 14px
}

.tiled-filter .tile h5 {
    font-family: roboto-regular
}

@media screen and (min-width:1025px) {
    .tiled-filter .tile h5 {
        margin-top: 10px
    }
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .tiled-filter .tile h5 {
        font-size: 1.429rem;
        margin-top: 7px
    }
}

@media screen and (max-width:1024px) and (orientation:landscape) {
    .tiled-filter .tile h5 {
        font-size: 1.3rem;
        margin-top: 7px
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile h5 {
        font-size: 1rem;
        margin-top: -2px
    }
}

@media (max-width:335px) and (orientation:portrait) {
    .tiled-filter .tile h5 {
        font-size: .85rem
    }
}

@media (max-width:630px) and (orientation:landscape) {
    .tiled-filter .tile h5 {
        font-size: .85rem
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile h6 {
        display: none
    }
}

.tiled-filter .tile h5,
.tiled-filter .tile h6 {
    color: #8b97b5
}

.tiled-filter .tile:before {
    position: absolute;
    font-family: icon-font;
    top: 28%;
    left: calc(50% - 1.8rem);
    font-size: 3.6rem;
    color: #8b97b5
}

@media screen and (max-width:1024px) {
    .tiled-filter .tile:before {
        top: 32%
    }
}

@media screen and (max-width:767px) {
    .tiled-filter .tile:before {
        top: 28%;
        left: calc(50% - 1rem);
        font-size: 2rem
    }
}

.tiled-filter .tile.active:before {
    color: #f7cc30
}

.tiled-filter .blackjack:before {
    content: ""
}

.tiled-filter .roulette:before {
    content: ""
}

.tiled-filter .other:before {
    content: ""
}

.tiled-filter .allgames:before {
    content: ""
}

.tiled-filter-pnp-wave {
    position: fixed;
    width: 100%;
    height: 40px;
    top: 132px;
    background-image: url(assets/images/curve.svg);
    background-repeat: no-repeat;
    background-size: 104% auto;
    background-position: -2vw 0;
    z-index: 598
}

@media screen and (max-width:1024px) {
    .tiled-filter-pnp-wave {
        background-size: 107% auto;
        height: 60px;
        top: 130px
    }
}

@media screen and (max-width:767px) {
    .tiled-filter-pnp-wave {
        top: 115px;
        background-image: url(assets/images/mobile-wave.svg)
    }
}

.logged-in .tiled-filter-pnp-wave,
.sga .tiled-filter-pnp-wave {
    top: 162px
}

@media screen and (max-width:767px) {
    .logged-in .tiled-filter-pnp-wave,
    .sga .tiled-filter-pnp-wave {
        top: 137px
    }
}

.game-favourite {
    position: absolute;
    top: .5714rem;
    right: .7143rem;
    z-index: 21;
    cursor: pointer
}

.game-action-box .game-favourite {
    position: static
}

.game-favourite .fa-heart,
.game-favourite .fa-heart-o {
    color: #fff
}

.game-favourite .status-label {
    font-weight: 600;
    opacity: 0;
    position: relative;
    top: -.2857rem;
    right: .3571rem;
    text-shadow: 0 0 .2rem #000;
    color: #fff
}

.game-action-box .game-favourite .status-label {
    display: none
}

@media screen and (max-width:1024px) {
    .game-favourite .status-label {
        top: -.3571rem
    }
}

.game-favourite .status-label.transition {
    -webkit-animation: labelFadeinFadeout 2.6s ease-in;
    animation: labelFadeinFadeout 2.6s ease-in
}

@-webkit-keyframes labelFadeinFadeout {
    12% {
        opacity: 1
    }
    88% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes labelFadeinFadeout {
    12% {
        opacity: 1
    }
    88% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.game-favourite .heart {
    font-size: 1.5rem
}

.game-action-box .game-favourite .heart {
    font-size: 1rem
}

.game-favourite .favourite-checkbox {
    visibility: hidden
}

.game-view-loading {
    position: relative;
    background-size: cover;
    min-height: calc(100vh - 45px);
    background-image: url(assets/images/multigame-bg.jpg)
}

.game-view-loading.game-frame {
    height: 100vh
}

.game-view.minimized {
    z-index: 100;
    top: auto;
    width: 100%;
    transform: scale(.35);
    transform-origin: bottom left;
    bottom: 14px;
    opacity: .6
}

.game-view.minimized.no-background {
    background: transparent !important
}

.game-view.minimized:hover .hover-wrapper {
    opacity: .9
}

.game-view.minimized .game-frame-grid {
    margin: 0
}

.game-view.minimized .hover-wrapper {
    display: block;
    text-align: center;
    position: absolute;
    opacity: 0;
    transition: opacity .2s ease-out;
    width: 100%;
    z-index: 101;
    background: rgba(0, 0, 0, .9);
    color: hsla(0, 0%, 100%, .9);
    height: 100%
}

.game-view.minimized .hover-wrapper .fa {
    color: hsla(0, 0%, 100%, .9);
    font-size: 6rem;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 10%;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.game-view.minimized .game-side-panel {
    display: none
}

.game-view.hide {
    opacity: 0;
    transform: scale(.05);
    cursor: default;
    pointer-events: none
}

.game-view.hide .game-action-box.minimized {
    visibility: hidden
}

.game-view.closed {
    display: none
}

.game-view .game-clickable-layer {
    position: absolute;
    z-index: 102;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.game-view .game-frame-grid-game.set-transparent-background {
    background: transparent;
    box-shadow: none
}

.game-view .game-frame-grid {
    transition: padding .2s ease-in-out
}

.game-view .game-frame-grid.side-panel-open {
    padding-right: 320px
}

.game-view.transition {
    -webkit-animation: gameViewAnimation .3s ease-in-out;
    animation: gameViewAnimation .3s ease-in-out;
    position: fixed
}

@-webkit-keyframes gameViewAnimation {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.35)
    }
}

@keyframes gameViewAnimation {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(.35)
    }
}

.game-view .tournament-detail .tournament-info-wrapper {
    padding: 10px
}

.game-view .tournament-detail .games-wrapper {
    position: relative;
    width: 100%;
    left: 0
}

.game-view .tournament-detail .tournament-games-title {
    margin: 30px 0 16px
}

.game-view .tournament-detail .tournament-info-wrapper .games-list-wrapper .swiper-cont {
    width: calc(86% + 10px)
}

.game-view .tournament-detail .tournament-info-wrapper .swiper-next,
.game-view .tournament-detail .tournament-info-wrapper .swiper-previous {
    right: 0;
    width: 8px
}

.game-view .tournament-detail .toggle-btns {
    margin: 30px 0;
    width: 100%
}

.game-view .game-view-top-message-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #e4e4e7;
    padding: 1em 2em
}

@media screen and (max-width:767px) {
    .game-view .game-view-top-message-wrapper {
        padding: 1em
    }
}

.game-view .game-view-top-message-wrapper.standalone-clock {
    background: #000;
    padding: .3em 1em
}

.game-view .game-view-top-message-wrapper.standalone-clock .clock-site {
    color: #fff
}

.game-view .game-view-top-message-wrapper .clock-site {
    position: static;
    color: #333;
    display: block;
    font-size: .8rem;
    line-height: unset;
    height: unset
}

.game-view .game-view-top-message-wrapper .bonus-message {
    text-align: center;
    margin: 0 auto
}

@media screen and (max-width:767px) {
    .game-view .game-view-top-message-wrapper .bonus-message {
        padding: 0 1em
    }
}

.game-view .game-view-top-message-wrapper .bonus-message a {
    color: #7682a3;
    font-weight: 400;
    text-decoration: underline;
    text-transform: capitalize
}

.game-view .game-view-top-message-wrapper .close-btn:hover {
    cursor: pointer
}

.game-filter-button {
    display: inline-block;
    outline: none;
    padding: .5rem 4rem .5rem 1.5rem;
    margin: 0 0 0 .3em;
    border-radius: 3px;
    background-color: #1e2434;
    font-family: roboto-regular;
    box-shadow: none;
    height: 32px;
    width: unset;
    color: #fff;
    position: relative;
    border: 1px solid #646b73;
    font-weight: 400;
    line-height: 1.3rem;
    font-size: 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 1px;
    text-align: initial
}

.game-filter-button.open {
    border-bottom: none;
    border-radius: 5px 5px 0 0
}

.game-filter-button.open:after {
    border-left: 1px solid #646b73;
    border-right: 1px solid #646b73;
    background-color: #1e2434;
    content: "";
    position: absolute;
    bottom: -7px;
    right: -1px;
    left: -1px;
    top: 30px;
    z-index: 2
}

.game-filter-button .icon-triangle {
    position: absolute;
    right: .5em;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #fff
}

.game-filter-button.open .icon-triangle {
    transform: translateY(-35%) rotate(180deg)
}

.games-section .dropdown-content {
    max-height: 350px;
    overflow: auto
}

game-filter {
    display: block
}

game-filter .game-filter {
    position: relative
}

game-filter .game-filter-content {
    background: #0f1221;
    border-radius: 5px 0 5px 5px;
    box-shadow: none;
    padding: 10px 25px 0;
    color: #fff;
    text-align: left
}

game-filter .game-filter-content-header {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    padding: 10px;
    background-color: #1e2434
}

@media screen and (max-width:767px) {
    game-filter .game-filter-content-header {
        margin-top: 8px
    }
}

game-filter .game-filter-content-header-action {
    display: flex;
    margin-bottom: 12px
}

game-filter .game-filter-content-header-action div:first-child {
    display: flex;
    align-items: center;
    color: #fff
}

game-filter .game-filter-content-header-action span {
    margin-left: 4px;
    font-size: 16px;
    font-weight: 200;
    font-family: roboto-medium, sans-serif
}

game-filter .game-filter-content-header-action .btn {
    padding: 6px 12px;
    font-size: 16px
}

game-filter .game-filter-content-header-input {
    position: relative
}

game-filter .game-filter-search-icon {
    position: absolute;
    top: 12px;
    font-size: 22px;
    color: #c6cbd5;
    left: 15px
}

game-filter .game-filter-search-field {
    height: 44px;
    width: 100%;
    padding-left: 50px;
    color: #fff;
    background-color: #1e2434;
    border: 0
}

game-filter .game-filter-search-reset {
    position: absolute;
    right: 30px;
    top: 12px;
    width: 24px;
    height: 24px
}

game-filter.open {
    transition: max-height .25s ease-in
}

game-filter .game-filter-provider {
    display: block
}

game-filter .studio-content {
    margin-top: 20px;
    display: block;
    overflow: visible;
    font-family: roboto-bold, sans-serif
}

game-filter .clear {
    opacity: .7;
    color: #c7c7c8;
    margin-left: auto;
    margin-right: 12px;
    align-self: center;
    font-weight: 700;
    pointer-events: none
}

game-filter .clear.highlight {
    color: #e3e3e4;
    pointer-events: auto;
    cursor: pointer;
    opacity: 1
}

game-filter .clear:hover {
    text-decoration: underline
}

game-filter input[type=checkbox] {
    display: none
}

game-filter input[type=checkbox]~label {
    font-family: roboto-medium, sans-serif;
    margin: 0;
    color: #e3e3e4;
    cursor: pointer;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

game-filter input[type=checkbox]~label:before {
    position: static;
    display: inline-block;
    box-shadow: none;
    width: 28px;
    height: 28px;
    border: 0
}

game-filter input[type=checkbox]:checked~label {
    font-weight: 400;
    font-family: roboto-bold, sans-serif;
    color: #d2a708
}

game-filter input[type=checkbox][disabled]+label {
    opacity: .5;
    cursor: default
}

game-side-panel .game-side-panel-inner {
    position: absolute;
    right: -322px;
    top: 84px;
    width: 320px;
    overflow: hidden
}

game-side-panel .game-side-panel-content-wrapper {
    width: 100%;
    background-color: #fff;
    overflow-y: scroll;
    position: relative
}

game-side-panel .game-side-panel-content-wrapper.open {
    right: 0;
    transition: right .5s ease-in-out
}

game-side-panel .game-side-panel-content-wrapper.closed {
    right: 100%;
    transition: right .5s ease-in-out
}

game-side-panel .side-panel-toggle {
    position: absolute;
    top: 84px;
    background: #181818;
    color: #fff;
    padding: 9px;
    z-index: 1
}

game-side-panel .side-panel-toggle.open {
    right: -352px;
    transition: right .5s ease-in-out
}

game-side-panel .side-panel-toggle.closed {
    right: -32px;
    padding: 8px;
    transition: right .5s ease-in-out
}

game-side-panel .side-panel-toggle:hover {
    cursor: pointer
}

game-side-panel .side-panel-toggle.hide {
    visibility: hidden
}

game-side-panel .side-panel-toggle-icon.closed {
    transform: rotate(180deg)
}

game-side-panel .swiper .swiper-next,
game-side-panel .swiper .swiper-previous {
    top: 50%
}

.ios-mgf {
    height: 100vh
}

.ios-swipe-up-overlay {
    position: absolute;
    background-color: #000;
    z-index: 998;
    opacity: .7;
    height: 9999px;
    width: 100vw;
    top: 0
}

.ios-swipe-up-bg {
    position: fixed;
    background-image: url(assets/images/swipe-up.png);
    top: 0;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position-x: center;
    height: 100vh;
    width: 100vw;
    z-index: 999;
    -webkit-animation: swipeUp 1.5s ease-in-out infinite;
    animation: swipeUp 1.5s ease-in-out infinite
}

@media (max-width:1366px) and (orientation:landscape) {
    .ios-swipe-up-bg {
        background-size: 25%
    }
}

@-webkit-keyframes swipeUp {
    0% {
        background-position-y: 40%
    }
    to {
        background-position-y: 25%
    }
}

@keyframes swipeUp {
    0% {
        background-position-y: 40%
    }
    to {
        background-position-y: 25%
    }
}

game-menu-bar .swiper-wrap {
    grid-column-gap: 10px
}

game-menu-bar .left-slider {
    background-color: #0f1221 !important;
    --leftSliderHeight: 0;
    --leftSliderTop: 0
}

game-menu-bar .left-slider .menu-content {
    border-bottom: 1px solid #262541;
    width: 100%
}

game-menu-bar .left-slider .menu-content:hover {
    background-color: #262541
}

game-menu-bar .left-slider .search-input {
    background-color: #fff
}

game-menu-bar .left-slider .fa.icon-magnifier {
    color: #333
}

game-menu-bar .left-slider .ios .slider-menu.left-slider-open {
    transform: translate3d(calc(100% + 65px), 0, 0)
}

game-menu-bar .left-slider .slider-wrapper {
    -webkit-overflow-scrolling: touch
}

body.sga.smart-banner-enabled game-menu-bar .slider-wrapper {
    height: calc(100% - 91px)
}

body.sga game-menu-bar .slider-wrapper {
    height: calc(100% - 32px)
}

@media screen and (max-width:767px) {
    body.sga game-menu-bar .slider-wrapper {
        height: calc(100% - 23px)
    }
}

@media screen and (max-width:1024px) {
    game-menu-bar .slider-menu .left-slider {
        top: var(--leftSliderTop)
    }
}

@media (max-width:1366px) and (orientation:landscape) {
    game-menu-bar .slider-menu .left-slider.left-slider-open {
        transform: translate3d(calc(100% + 65px), 0, 0)
    }
    game-menu-bar .ios .slider-menu .left-slider {
        height: var(--leftSliderHeight)
    }
}

.game-menu-bar {
    position: fixed;
    z-index: 997;
    will-change: transform;
    --menuBarHeight: 100%;
    --menuBarTop: 0;
    --menuBarBottom: -65px
}

.game-menu-bar .fa.fa-angle-up {
    color: #fff;
    position: absolute;
    font-size: 40px;
    transition: all .3s ease-in-out;
    padding: 15px;
    z-index: 9999;
    will-change: transform
}

.game-menu-bar .menu-toolbar {
    background-color: #0f1221;
    z-index: 999;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.game-menu-bar .menu-toolbar:after,
.game-menu-bar .menu-toolbar:before {
    content: ""
}

.game-menu-bar .menu-toolbar .menu-toggle {
    position: relative;
    margin-top: .6428rem;
    margin-bottom: .6428rem;
    font-size: 1rem;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.game-menu-bar .menu-toolbar .menu-toggle,
.game-menu-bar .menu-toolbar .menu-toggle:after,
.game-menu-bar .menu-toolbar .menu-toggle:before {
    display: block;
    width: 2.143rem;
    height: .2857rem;
    background-color: #f7cc30;
    border-radius: 1rem;
    transition-property: background-color, transform;
    transition-duration: .3s;
    transition-delay: 0
}

.game-menu-bar .menu-toolbar .menu-toggle:after,
.game-menu-bar .menu-toolbar .menu-toggle:before {
    position: absolute;
    content: "";
    z-index: 50
}

.game-menu-bar .menu-toolbar .menu-toggle:before {
    top: -.6428rem
}

.game-menu-bar .menu-toolbar .menu-toggle:after {
    top: .6428rem
}

.game-menu-bar .menu-toolbar .menu-toggle span {
    position: absolute;
    right: -.5em;
    top: -.9em;
    z-index: 100;
    opacity: 1;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition-property: all, transform;
    transition-duration: .3s;
    transition-delay: 0;
    transform: scale(1)
}

.game-menu-bar .menu-toolbar .menu-toggle span:after {
    content: "";
    z-index: 90;
    position: relative;
    font-size: 1.5em;
    color: #0f1221
}

.game-menu-bar .menu-toolbar .menu-toggle span:before {
    content: "";
    color: #f7cc30;
    position: absolute;
    top: .15em;
    right: .3em;
    z-index: 1000;
    padding: .1em 0 0 .1em;
    background-color: #0f1221;
    border-radius: 50%;
    background-clip: border-box
}

.game-menu-bar .menu-toolbar .deposit-plus {
    background-image: url(assets/images/deposit-plus.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain
}

.game-menu-bar .menu-toolbar .menu-text {
    font-size: 10px;
    padding-top: 4px;
    font-family: roboto-regular;
    width: 50px;
    word-break: break-word
}

.game-menu-bar .menu-toolbar .last-played {
    background-image: url(assets/images/clock.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain
}

.game-menu-bar .menu-toolbar .message-envelope {
    background-image: url(assets/images/message-envelope.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain
}

.game-menu-bar .menu-toolbar .message-envelope .new-messages-module {
    top: 0;
    left: 18px;
    position: relative
}

.game-menu-bar .menu-toolbar .fullscreen-button {
    background-image: url(assets/images/expand-screen.svg);
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain
}

.game-menu-bar .menu-toolbar .menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-style: inherit
}

.game-menu-bar .menu-toolbar .menu-item .label {
    position: relative;
    top: 10px;
    font-size: 11px;
    text-align: center;
    line-height: 10px;
    padding-bottom: 8px;
    padding-top: 3px
}

.game-menu-bar .menu-toolbar .menu-item .label.search {
    top: 12px
}

.game-menu-bar .menu-toolbar .menu-item .label.hide {
    top: 23px
}

.game-menu-bar .menu-toolbar .menu-item .menu-toggle span:before {
    background-color: #0f1221
}

.game-menu-bar .menu-toolbar .menu-item .menu-toggle span:after {
    color: #0f1221
}

.game-menu-bar .menu-toolbar .menu-item.logged-out {
    opacity: .5
}

.game-menu-bar .payment-provider-quick-deposit-toolbar {
    display: flex;
    flex-wrap: wrap;
    height: 130px;
    background-color: #0f1221;
    transition: transform .3s ease-in-out;
    z-index: 999;
    position: relative
}

.game-menu-bar .payment-provider-quick-deposit-toolbar.mobile-quick-deposit {
    bottom: 0;
    z-index: 10000
}

.game-menu-bar .payment-provider-quick-deposit-toolbar div {
    display: flex;
    align-items: center;
    width: 100%
}

.game-menu-bar .payment-provider-quick-deposit-toolbar div .btn-close {
    opacity: .5;
    background-color: transparent;
    color: #000;
    flex-basis: 25%;
    border: none;
    height: 36px;
    margin: 0 4px
}

.game-menu-bar .payment-provider-quick-deposit-toolbar div .btn {
    height: 36px;
    margin: 0 4px;
    padding: 0 16px
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .btn-option {
    background-color: #fff;
    font-style: inherit;
    text-align: center;
    line-height: 36px;
    height: 36px;
    width: 100%;
    margin: 0 4px;
    border-radius: 6px;
    border-width: inherit
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .presetamount-row {
    margin: 0 24px
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .presetamount-row i {
    background-color: #0f1221;
    color: #fff
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .presetamount-row i.current {
    font-weight: 700;
    background-color: #fff;
    color: #0f1221
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .paymentprovider-row {
    margin: 0 24px
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .paymentprovider-row i {
    background: #fff 50% no-repeat
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .paymentprovider-row i.selected {
    border: 2px solid #3caf59
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .paymentprovider-row i.selected:before {
    position: relative;
    display: inline-block;
    content: "";
    left: 48%;
    bottom: 25%;
    width: 1.6rem;
    height: 1.6rem;
    background: url(assets/images/check-circle.svg) no-repeat
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .paymentprovider-row i:first-child {
    background-image: url(assets/images/trustly.svg);
    background-size: 8rem
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .paymentprovider-row i:nth-child(2) {
    background-image: url(assets/images/swish_horizontal_main.svg);
    background-size: 6rem
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row {
    margin: 0 6px
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row .amount-currency {
    display: flex;
    justify-content: space-between
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row .amount-currency span {
    padding: 0 8px;
    font-weight: 600
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row .amount-currency span:first-child {
    font-size: 1.1rem
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row i {
    background: #fff 50% no-repeat
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row i:nth-child(3) {
    background-image: url(assets/images/swish_horizontal_main.svg);
    background-size: 5rem
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row i.trustley:nth-child(3) {
    background-image: url(assets/images/trustly.svg);
    background-size: 7rem
}

.game-menu-bar .payment-provider-quick-deposit-toolbar .deposit-row button:disabled {
    opacity: .6
}

.game-menu-bar .mobile-quick-deposit .quick-deposit {
    padding-right: 25px
}

.game-menu-bar .games-list-wrapper {
    background-color: #0f1221;
    position: absolute;
    padding-top: 8px;
    z-index: -1
}

.game-menu-bar .games-list-wrapper h6 {
    color: #fff !important
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .game-menu-bar {
        bottom: var(--menuBarBottom);
        width: 100%;
        transition: transform .3s ease-in-out;
        transform: translateZ(0)
    }
    .game-menu-bar.open {
        transform: translate3d(0, -65px, 0)
    }
    .game-menu-bar .fa.fa-angle-up {
        bottom: 55px;
        left: calc(50% - 27.5px);
        transform: rotate(0deg)
    }
    .game-menu-bar .fa.fa-angle-up.open {
        bottom: -7.5px;
        transform: rotate(180deg)
    }
    .game-menu-bar .fa.fa-angle-up.open.labels {
        bottom: 5px
    }
    .game-menu-bar .menu-toolbar {
        height: 65px;
        width: 100vw
    }
    .game-menu-bar .menu-item {
        width: 20%;
        height: 100%
    }
    .game-menu-bar .mobile-quick-deposit {
        position: fixed;
        width: 100%;
        z-index: -1;
        bottom: 65px
    }
    .game-menu-bar .mobile-quick-deposit .quick-deposit {
        background-color: #0f1221
    }
    .game-menu-bar .games-list-wrapper {
        width: 100vw;
        bottom: 65px
    }
}

@media (max-width:1366px) and (orientation:landscape) {
    .game-menu-bar {
        height: var(--menuBarHeight);
        top: var(--menuBarTop);
        width: 65px;
        left: -65px;
        transform: translateZ(0);
        transition: transform .3s ease-in-out;
        display: flex;
        align-items: center
    }
    .game-menu-bar.open {
        transform: translate3d(65px, 0, 0)
    }
    .game-menu-bar .fa.fa-angle-up {
        left: 55px;
        bottom: calc(50% - 35px);
        transform: rotate(90deg)
    }
    .game-menu-bar .fa.fa-angle-up.open {
        left: 5px;
        transform: rotate(-90deg)
    }
    .game-menu-bar .fa.fa-angle-up.open.labels {
        bottom: calc(50% - 30px)
    }
    .game-menu-bar .menu-toolbar {
        width: 65px;
        height: 100%;
        flex-direction: column
    }
    .game-menu-bar .menu-item {
        height: 20%;
        width: 100%
    }
    .game-menu-bar .mobile-quick-deposit {
        position: fixed;
        left: 65px;
        transform: translateY(-50%);
        top: 50%;
        width: calc(100vw - 65px);
        z-index: -1
    }
    .game-menu-bar .mobile-quick-deposit .quick-deposit {
        background-color: #0f1221;
        top: 50%;
        transform: translateY(-50%);
        position: absolute
    }
    .game-menu-bar .mobile-quick-deposit.logged-in .quick-deposit {
        flex-direction: column;
        align-items: flex-start
    }
    .game-menu-bar .mobile-quick-deposit.logged-in .quick-deposit .column {
        margin: 20px 0 0 35px
    }
    .game-menu-bar .payment-provider-quick-deposit-toolbar.mobile-quick-deposit {
        transform: none;
        top: auto;
        bottom: auto;
        width: 400px;
        padding: 24px;
        height: 160px;
        z-index: 998
    }
    .game-menu-bar .payment-provider-quick-deposit-toolbar.mobile-quick-deposit .btn-close {
        position: absolute;
        top: 0;
        left: 90%;
        width: 32px
    }
    .game-menu-bar .payment-provider-quick-deposit-toolbar.mobile-quick-deposit .presetamount-row {
        margin: 0 48px 0 0
    }
    .game-menu-bar .payment-provider-quick-deposit-toolbar.mobile-quick-deposit .paymentprovider-row {
        margin: 0 70px 0 0
    }
    .game-menu-bar .payment-provider-quick-deposit-toolbar.mobile-quick-deposit .deposit-row {
        margin: 0
    }
    .game-menu-bar .games-list-wrapper {
        bottom: 0;
        width: calc(100vw - 65px);
        left: 65px
    }
    .game-menu-bar .games-list-wrapper .swiper-container {
        overflow: hidden
    }
}

@media only screen and (max-device-width:1024px) and (orientation:portrait) {
    game-menu-bar .left-slider {
        height: calc(100% - 65px)
    }
    .game-menu-bar .games-list-wrapper,
    .game-menu-bar .mobile-quick-deposit .quick-deposit,
    game-menu-bar .left-slider {
        border-bottom: 1px solid #262541
    }
}

@media only screen and (max-device-width:1024px) and (orientation:landscape) {
    .game-menu-bar .games-list-wrapper,
    .game-menu-bar .mobile-quick-deposit .quick-deposit,
    game-menu-bar .left-slider {
        border-left: 1px solid #262541
    }
}

.slider-menu .slider-menu-background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 50;
    display: none
}

.slider-menu .slider-menu-background-overlay.active {
    display: block
}

.slider-menu .slider {
    position: fixed;
    top: 0;
    z-index: 700;
    height: 100vh;
    height: -webkit-fill-available;
    width: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    transition: transform .3s ease-in
}

body.sga.smart-banner-enabled .slider-menu .slider {
    top: 91px
}

body.sga .slider-menu .slider {
    top: 32px
}

@media screen and (max-width:767px) {
    body.sga .slider-menu .slider {
        top: 23px
    }
}

.persistent-header .slider-menu .slider {
    margin-top: 64px
}

.slider-menu .slider.left-slider {
    background-color: #0f1221;
    left: -250px
}

.slider-menu .slider.left-slider>.slider-wrapper {
    --scrollbar-width: 0%;
    height: 100%;
    overflow-y: scroll;
    width: calc(100% + var(--scrollbar-width))
}

.slider-menu .slider.left-slider>.slider-wrapper,
.slider-menu .slider.left-slider _:-ms-lang(x),
.slider-menu .slider.left-slider _:-webkit-full-screen {
    width: 105%
}

.slider-menu .slider.right-slider {
    background-color: #f3f4f4;
    right: -250px
}

.slider-menu .slider.right-slider>.slider-wrapper {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 120px
}

.slider-menu .slider.left-slider-open {
    transform: translate3d(100%, 0, 0)
}

.slider-menu .slider.left-slider-closed {
    transform: translateZ(0)
}

.slider-menu .slider.right-slider-open {
    transform: translate3d(-100%, 0, 0)
}

.slider-menu .slider.right-slider-closed {
    transform: translateZ(0)
}

.slider-menu .slider .menu-search {
    font-size: .9em;
    line-height: 1.3em;
    width: 100%
}

.slider-menu .slider .menu-content {
    display: flex;
    align-items: center;
    font-size: 1.1em;
    font-family: proximanova-regular;
    border-bottom: 1px solid #262541;
    width: 100%
}

@media screen and (max-width:767px) and (orientation:landscape) {
    .slider-menu .slider .menu-content {
        padding: 20px 0 32px;
        height: 13%
    }
}

.slider-menu .slider .menu-content a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 19px;
    text-decoration: none;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.slider-menu .slider .menu-content:hover {
    background-color: #262541
}

.breadcrumbs ol {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    font-size: .85rem
}

.breadcrumbs a,
.breadcrumbs span {
    text-decoration: underline;
    color: #646b73;
    font-weight: 500
}

.breadcrumbs .fa {
    margin: 0 .8em;
    line-height: 0;
    text-decoration: none;
    vertical-align: middle
}

.custom-lobby {
    display: block
}

.lobby .lobby-favourites {
    background: linear-gradient(0deg, #0f1221, #262541);
    padding-bottom: 1em
}

.lobby .lobby-favourites .game-category-header {
    padding: 0
}

.lobby .lobby-favourites h4 {
    text-align: left;
    padding-left: 1.071rem;
    padding-bottom: .2em;
    padding-top: 1em;
    font-size: 20px;
    font-family: roboto-regular;
    font-weight: 400
}

@media screen and (max-width:767px) {
    .lobby .lobby-favourites h4 {
        padding-bottom: 0;
        padding-top: 0;
        font-size: 16px
    }
}

.lobby h3 {
    text-align: center;
    letter-spacing: 0;
    text-shadow: 1px 0 0 transparent;
    font-family: roboto-medium
}

.lobby h3,
.lobby label {
    color: #8b97b5
}

@media screen and (min-width:1025px) {
    .lobby .main-navigation {
        padding: 0
    }
}

.home-lobby .casino-game-collection {
    padding: 0;
    margin: 0
}

@media screen and (max-width:1024px) {
    .home-lobby .casino-game-collection {
        margin: 0
    }
}

.a-z .a-z {
    padding: 0 1em 1em;
    background: #0f1221;
    min-height: 250px
}

.a-z .a-z .a-z-header {
    width: 100%;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.a-z .a-z .a-z-header .game-title {
    color: #8b97b5;
    line-height: 1.714rem;
    text-decoration: none;
    display: flex;
    width: auto;
    transform: translateX(-.6429rem);
    padding: 0;
    order: 0
}

.a-z .a-z .a-z-header .game-title span {
    font-size: 3em;
    line-height: 1
}

.a-z .a-z .a-z-header .game-title h3 {
    text-align: left;
    color: inherit;
    font-weight: 400;
    text-transform: uppercase;
    font-family: roboto-regular;
    margin-top: .2143rem
}

@media screen and (max-width:1024px) and (orientation:portrait) {
    .a-z .a-z .a-z-header .game-title h3 {
        font-size: 1.71rem
    }
}

@media screen and (max-width:767px) {
    .a-z .a-z .a-z-header .game-title {
        float: none
    }
}

.a-z .a-z .a-z-header .game-sorting-section {
    margin: 0 0 0 10px;
    padding-right: 0
}

@media screen and (max-width:1024px) {
    .a-z .a-z .a-z-header .game-sorting-section {
        padding-right: 0
    }
}

@media screen and (max-width:767px) {
    .a-z .a-z .a-z-header .game-sorting-section {
        order: 1;
        margin-left: auto;
        padding-right: 0
    }
}

.a-z .a-z .a-z-header .btn {
    line-height: .5rem
}

.a-z .a-z .a-z-header span {
    font-size: .7em;
    line-height: 0
}

.a-z .a-z h2 {
    padding: 10px 0;
    text-align: center;
    color: #646b73;
    font-family: roboto-medium;
    clear: both
}

.a-z .a-z .a-z-container {
    padding: 8px 8px 8px 20px;
    margin: 0 auto;
    background: #1e2434;
    border-radius: 0
}

.a-z .a-z .a-z-container.thumbnails {
    padding: 8px 8px 8px 20px;
    background: none;
    clear: both;
    overflow: hidden;
    margin: 0 auto
}

.a-z .a-z .a-z-container.list .game-ribbon-wrapper {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0
}

.a-z .a-z .a-z-container.list .game-ribbon-wrapper .game-ribbon {
    margin-left: .6rem
}

.a-z .a-z .a-z-container.list .game-ribbon-wrapper .game-ribbon:before {
    display: none
}

.a-z .a-z .a-z-container .games-list-wrapper {
    margin: 0;
    padding: 0;
    width: 100%
}

.a-z .a-z .a-z-container .games-list-wrapper .game-container {
    padding: 1px 5px
}

.a-z .a-z .a-z-container ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: .42857rem;
    margin-left: 0
}

.a-z .a-z .a-z-container li {
    flex-basis: 100%;
    list-style-type: none;
    margin: 10px 0 3px
}

@media (min-width:400px) {
    .a-z .a-z .a-z-container li {
        flex-basis: 50%
    }
}

@media (min-width:650px) {
    .a-z .a-z .a-z-container li {
        flex-basis: 33%
    }
}

@media (min-width:950px) {
    .a-z .a-z .a-z-container li {
        flex-basis: 25%
    }
}

.a-z .a-z .a-z-container a {
    color: #f7cc30;
    font-weight: 700
}

.a-z .a-z .a-z-container a:hover {
    color: #f7cc30;
    text-decoration: underline
}

.a-z .a-z game-collection-filter {
    margin-left: auto
}

@media screen and (max-width:767px) {
    .a-z .a-z game-collection-filter {
        order: 2;
        width: 100%;
        margin-left: 0
    }
}

.a-z .error-message {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
    line-height: 40px;
    text-align: center;
    background: #ddd;
    color: #8b97b5
}

@media screen and (min-width:1025px) {
    .a-z .main-navigation {
        padding: 0
    }
}

.game-frame-grid-wrapper {
    background-size: cover
}

.game-frame-grid-wrapper.multi {
    background-image: url(assets/images/multigame-bg.jpg) !important
}

.game-frame-grid-wrapper.multi .game-frame-grid-game {
    width: calc(50% - 9px);
    margin: 6px;
    height: 100%;
    float: left;
    position: relative
}

.game-frame-grid-wrapper.multi .game-frame-grid-game:nth-of-type(n+3) {
    margin-top: 0
}

.game-frame-grid-wrapper.multi .game-frame-grid-game:nth-of-type(odd) {
    margin-right: 0
}

.game-frame-grid {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative
}

.game-frame-grid .game-frame-grid-game {
    display: block;
    margin: 30px;
    background: #000;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5)
}

.game-frame-grid:not(.layout-1) .game-frame-grid-game:nth-of-type(odd) .game-action-box {
    right: auto;
    left: -32px
}

.game-frame-grid .hide-background {
    background: none !important
}

.adaptive-lobby {
    background: #0f1221;
    overflow: hidden;
    height: auto;
    padding: 0 0 1rem;
    border-radius: 0
}

@media screen and (min-width:1025px) {
    .adaptive-lobby {
        padding: 0 0 1rem
    }
}

.adaptive-lobby h3 {
    text-align: center;
    letter-spacing: 0;
    color: #646b73;
    text-shadow: 1px 0 0 transparent;
    font-family: roboto-bold;
    font-size: auto;
    margin: 20px 0;
    line-height: auto;
    display: block;
    max-width: inherit;
    padding: auto
}

@media screen and (max-width:767px) {
    .adaptive-lobby h3 {
        font-size: auto
    }
}

.adaptive-lobby h4 {
    color: #646b73;
    display: none;
    margin-left: .4286rem
}

.adaptive-lobby .game-container:not(.end-slide) a {
    padding-bottom: 0
}

.GB .adaptive-lobby .thumbnail-img {
    filter: blur(11px)
}

.live-casino .main-container {
    overflow: hidden
}

@media screen and (min-width:1025px) {
    .live-casino .main-navigation {
        padding: 0
    }
}

@media screen and (min-width:1025px) {
    .live-casino .casino-lobby {
        margin: auto
    }
}

.home .adaptive-lobby .game-image,
.home .adaptive-lobby .game-image img,
.live-casino .adaptive-lobby .game-image,
.live-casino .adaptive-lobby .game-image img {
    border-radius: 4px 4px 0 0
}

.home .adaptive-lobby .adaptive-lobby-favourites,
.home .adaptive-lobby .adaptive-lobby-games,
.live-casino .adaptive-lobby .adaptive-lobby-favourites,
.live-casino .adaptive-lobby .adaptive-lobby-games {
    padding: 0 0 2rem;
    margin: 0
}

@media screen and (max-width:1024px) {
    .home .adaptive-lobby .adaptive-lobby-favourites,
    .home .adaptive-lobby .adaptive-lobby-games,
    .live-casino .adaptive-lobby .adaptive-lobby-favourites,
    .live-casino .adaptive-lobby .adaptive-lobby-games {
        margin: 0
    }
}

.home .adaptive-lobby .adaptive-lobby-favourites .game-container,
.home .adaptive-lobby .adaptive-lobby-games .game-container,
.live-casino .adaptive-lobby .adaptive-lobby-favourites .game-container,
.live-casino .adaptive-lobby .adaptive-lobby-games .game-container {
    float: none;
    display: inline-block
}

.home .adaptive-lobby .adaptive-lobby-favourites,
.live-casino .adaptive-lobby .adaptive-lobby-favourites {
    background: inherit
}

.home .games-collection-section .live-casino .game-image,
.home .games-collection-section .live-casino .game-image img,
.live-casino .games-collection-section .live-casino .game-image,
.live-casino .games-collection-section .live-casino .game-image img {
    border-radius: 4px 4px 0 0
}

.tournaments-desktop.no-button-links {
    padding-top: 1.55rem
}

.tournaments-desktop .header {
    padding: 10px 0;
    height: 63px;
    background-color: #0f1221
}

.tournaments-desktop .tournaments-title {
    text-align: center;
    color: #646b73;
    font-weight: 800
}

.tournaments-desktop .button-group .button-link-group {
    padding: 0
}

.tournaments-desktop .tabs-component .tabs-container {
    background-color: #0f1221
}

.tournaments-desktop .tabs-component .tab-wrapper {
    width: 15.01%
}

.tournaments-desktop .tabs-component .tabs-content {
    border: 0;
    padding: 0;
    margin-top: 0
}

.tournaments-desktop .tabs-component .tab-item {
    border-left: 0;
    border-right: 0
}

.tournaments-desktop .tabs-component .tab-item.active {
    border-left: 0;
    border-right: 0;
    z-index: 0
}

.tournaments-desktop .tabs-component .tabs-content-wrapper {
    border: 1px solid #ddd
}

.tournaments-desktop .tournaments-container {
    display: flex
}

.tournaments-desktop .tournaments-container .ended-tournaments-body,
.tournaments-desktop .tournaments-container .schedule-tournaments-body {
    width: 70%
}

.tournaments-desktop .ended-tournaments,
.tournaments-desktop .schedule-tournaments {
    width: 30%;
    background-color: #1e2434
}

@media screen and (min-width:1025px) {
    .tournaments-desktop .ended-tournaments .tournaments-category-wrapper,
    .tournaments-desktop .schedule-tournaments .tournaments-category-wrapper {
        padding: 0
    }
}

@media screen and (max-width:1024px) {
    .tournaments-desktop .ended-tournaments .tournaments-category-wrapper,
    .tournaments-desktop .schedule-tournaments .tournaments-category-wrapper {
        padding: 0
    }
}

@media screen and (min-width:1025px) {
    .tournaments-desktop .ended-tournaments .tournaments-category-item,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item {
        padding: 17px
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item.active,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item.active {
        background-color: #e1decf;
        color: #888
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item.active .tournaments-category-name,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item.active .tournaments-category-name {
        color: #333;
        line-height: 1.2
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item.active .schedule-tournaments-countdown span,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item.active .schedule-tournaments-countdown span {
        color: inherit
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item.active .schedule-tournaments-countdown .countdown-value,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item.active .schedule-tournaments-countdown .countdown-value {
        color: #009cff
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item .icon-triangle,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item .icon-triangle {
        right: 10px
    }
}

@media screen and (max-width:1024px) {
    .tournaments-desktop .ended-tournaments .tournaments-category-item,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item {
        padding: 10px 20px
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item .tournaments-category-name,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item .tournaments-category-name {
        width: 93%;
        word-wrap: break-word
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item.active,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item.active {
        background-color: #e1decf;
        color: #888
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item.active .tournaments-category-name,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item.active .tournaments-category-name {
        color: #333
    }
    .tournaments-desktop .ended-tournaments .tournaments-category-item .icon-triangle,
    .tournaments-desktop .schedule-tournaments .tournaments-category-item .icon-triangle {
        right: 10px
    }
}

.tournament-info-wrapper .swiper .swiper-content {
    width: calc(100% - 100px)
}

.game-side-panel-content .tournament-info-wrapper .swiper .swiper-content {
    width: calc(100% - 50px)
}

.tournaments-mobile .tournaments-title {
    background: #0f1221;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    position: relative;
    font-family: roboto-bold
}

.tournaments-mobile .tournaments-title .fa {
    position: absolute;
    font-size: 1.2rem;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.tournaments-mobile .promotional-banner {
    height: 178px;
    margin: 0
}

.tournaments-mobile .promotional-banner .info-container {
    left: 0;
    width: 100%
}

.tournaments-mobile .promotional-banner .info-container .icon {
    position: static;
    margin-left: calc(50% - 15px)
}

.tournaments-mobile .promotional-banner .info-container .text-container {
    position: static;
    margin-left: auto;
    width: 100%;
    text-align: center
}

.tournaments-mobile .tabs-content-wrapper {
    position: static
}

.tournaments-mobile .tabs-content-wrapper .tabs-content {
    border: 0;
    margin-top: 0
}

.tournaments-mobile .ended-tournaments-body,
.tournaments-mobile .schedule-tournaments-body {
    background: #0f1221
}

.ended-tournaments .tournaments-category-title,
.schedule-tournaments .tournaments-category-title {
    color: #8b97b5;
    padding: 20px;
    background: #1e2434;
    font-weight: 600
}

.ended-tournaments .tournaments-category-wrapper,
.schedule-tournaments .tournaments-category-wrapper {
    background: #0f1221;
    padding: 0 20px
}

.ended-tournaments .tournaments-category-wrapper a:hover,
.schedule-tournaments .tournaments-category-wrapper a:hover {
    text-decoration: none
}

.ended-tournaments .tournaments-category-item,
.schedule-tournaments .tournaments-category-item {
    width: 100%;
    height: 100px;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px;
    font-size: .8571rem;
    border-top: 1px solid #1e2434;
    color: #646b73;
    opacity: 1
}

.ended-tournaments .tournaments-category-item:first-child,
.schedule-tournaments .tournaments-category-item:first-child {
    border-top: none
}

.ended-tournaments .tournaments-category-item:last-child,
.schedule-tournaments .tournaments-category-item:last-child {
    border-bottom: 1px solid #1e2434
}

.ended-tournaments .tournaments-category-item .fa,
.schedule-tournaments .tournaments-category-item .fa {
    font-size: 1.2rem;
    position: absolute;
    right: -3px;
    top: 15px;
    transform: rotate(270deg);
    color: #8b97b5
}

.ended-tournaments .tournaments-category-item.fade-out,
.schedule-tournaments .tournaments-category-item.fade-out {
    transition: padding .8s linear, opacity .3s linear, height .8s linear;
    transition-delay: 29s;
    height: 0;
    opacity: 0;
    padding: 0 !important;
    overflow: hidden
}

.ended-tournaments .tournaments-category-name,
.schedule-tournaments .tournaments-category-name {
    font-size: 1.2857rem;
    margin-bottom: 10px;
    font-weight: 800;
    color: #8b97b5;
    line-height: 1.2
}

.ended-tournaments .no-tournaments-found,
.schedule-tournaments .no-tournaments-found {
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #fff;
    background: transparent
}

.mobile.tournament-detail-ended .loading-container,
.mobile.tournament-detail-schedule .loading-container,
.mobile.tournament-terms-ended .loading-container,
.mobile.tournament-terms-schedule .loading-container {
    position: relative;
    margin-top: 0;
    height: 80vh
}

.mobile.tournament-detail-ended .promotional-banner,
.mobile.tournament-detail-ended .tabs-container,
.mobile.tournament-detail-ended .tournaments-title,
.mobile.tournament-detail-schedule .promotional-banner,
.mobile.tournament-detail-schedule .tabs-container,
.mobile.tournament-detail-schedule .tournaments-title,
.mobile.tournament-terms-ended .promotional-banner,
.mobile.tournament-terms-ended .tabs-container,
.mobile.tournament-terms-ended .tournaments-title,
.mobile.tournament-terms-schedule .promotional-banner,
.mobile.tournament-terms-schedule .tabs-container,
.mobile.tournament-terms-schedule .tournaments-title {
    display: none
}

.ended-tournaments {
    width: 30%;
    position: relative;
    min-height: 20vh
}

@media screen and (max-width:767px) {
    .ended-tournaments {
        width: 100%
    }
}

.ended-tournaments .fadein-ended {
    -webkit-animation: fadein 2.5s;
    animation: fadein 2.5s
}

.ended-tournaments .tournaments-category-wrapper .tournaments-category-item {
    justify-content: center;
    height: 55px;
    font-size: 1.1428rem
}

.ended-tournaments .tournaments-category-wrapper .tournaments-category-item .tournaments-category-name {
    margin-bottom: 0
}

.ended-tournaments .tournaments-category-wrapper .tournaments-category-item .fa {
    font-size: 1.2rem;
    top: 50%;
    transform: translateY(-50%) rotate(270deg)
}

.mobile.tournament-detail-ended .ended-tournaments,
.mobile.tournament-terms-ended .ended-tournaments {
    display: none
}

.schedule-tournaments {
    width: 30%;
    min-height: 20vh;
    position: relative
}

@media screen and (max-width:767px) {
    .schedule-tournaments {
        width: 100%
    }
}

.schedule-tournaments .schedule-tournaments-top-prize {
    margin-top: auto
}

.schedule-tournaments .schedule-tournaments-top-prize .top-prize-text {
    color: #f7cc30
}

.schedule-tournaments .schedule-tournaments-countdown {
    position: relative
}

.schedule-tournaments .schedule-tournaments-countdown span {
    color: inherit
}

.schedule-tournaments .schedule-tournaments-countdown .countdown-value {
    color: #009cff
}

.schedule-tournaments .tournament-time-date-wrapper {
    width: 78%
}

.schedule-tournaments .countdown-clock-wrapper {
    display: inline-block
}

.schedule-tournaments .schedule-tournaments-starts-on {
    position: relative
}

.schedule-tournaments .schedule-tournaments-starts-on span {
    color: inherit
}

.schedule-tournaments .schedule-tournaments-starts-on .starts-on-date {
    color: #009cff
}

.schedule-tournaments .schedule-tournaments-opted-in {
    width: 58px;
    height: 16px;
    font-size: .7143rem;
    text-align: center;
    border-radius: 2px;
    background-color: #f7cc30;
    color: #0f1221;
    border: none;
    position: absolute;
    right: 12px;
    bottom: 1px
}

.schedule-tournaments .just-ended-tournament-message {
    color: #df4a49
}

.schedule-tournaments .just-started-tournament-message {
    color: #3eae5a
}

.mobile.tournament-detail-schedule .schedule-tournaments,
.mobile.tournament-terms-schedule .schedule-tournaments,
.schedule-tournaments .hide {
    display: none
}

.tournament-detail {
    min-height: calc(100vh - 45px);
    height: 100%;
    position: relative;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .tournament-detail {
        height: auto;
        position: static;
        right: -100%;
        overflow-y: scroll;
        z-index: 49;
        border: none;
        max-width: 100%;
        transition: right .3s ease-in-out;
        display: block
    }
    .tournament-detail.open {
        right: 0;
        transition: right .3s ease-in-out
    }
}

.tournament-detail .tournament-types-wrapper {
    width: 100%;
    height: 100%
}

.tournament-detail .tournament-type {
    width: 100%;
    background-color: #1e2434;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    position: relative
}

.tournament-detail .tournament-type .fa-angle-down {
    font-size: 1.2rem;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg)
}

.tournament-detail .loading-container {
    left: 0;
    top: 0;
    background: transparent
}

.tournament-detail .tournament-info-wrapper {
    background: #0f1221;
    padding: 32px 55px;
    min-height: 100%
}

@media screen and (max-width:767px) {
    .tournament-detail .tournament-info-wrapper {
        min-height: 80vh;
        min-width: 100vw;
        background: #0f1221;
        padding: 10px
    }
}

.tournament-detail .tournament-info-wrapper .table-content {
    border: 0;
    color: #8b97b5;
    background-color: #1e2434
}

@media screen and (max-width:767px) {
    .tournament-detail .tournament-info-wrapper .table-content {
        background-color: #1e2434
    }
}

.tournament-detail .tournament-info-wrapper .table-content:nth-child(odd) {
    background-color: #0f1221
}

.tournament-detail .tournament-info-wrapper .table-content:last-child {
    border: 0
}

.tournament-detail .tournament-title-countdown {
    padding: 0
}

.tournament-detail .tournament-title-countdown h2 {
    color: #8b97b5;
    font-family: roboto-bold
}

.tournament-detail .tournament-title-countdown .just-ended-tournament-message {
    color: #df4a49
}

@media screen and (max-width:767px) {
    .tournament-detail .tournament-title-countdown {
        padding: 0 0 0 10px
    }
}

.tournament-detail .upcoming-tournament-starts-on {
    color: #8b97b5
}

.tournament-detail .upcoming-tournament-starts-on .upcoming-tournament-date {
    color: #f7cc30
}

.tournament-detail h2 {
    word-wrap: break-word
}

.tournament-detail h2,
.tournament-detail h3,
.tournament-detail h6 {
    font-family: roboto-bold;
    color: #8b97b5
}

.tournament-detail .ends-in-text {
    color: #646b73
}

.tournament-detail .countdown {
    color: #3eae5a
}

.tournament-detail .tournament-prize-wrapper {
    margin: 30px 0
}

.tournament-detail .tournament-prize-details {
    display: inline-block;
    color: #8b97b5;
    width: 73%
}

.tournament-detail .tournament-prize-details p {
    margin: 0;
    line-height: .5
}

@media screen and (max-width:767px) {
    .tournament-detail .tournament-prize-details p {
        line-height: 1.4
    }
}

.tournament-detail .tournament-prize-icon {
    width: 40px;
    height: 40px;
    vertical-align: top;
    margin: 0 10px 0 0;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(assets/images/obg-tournaments-icon-light-grey.svg)
}

.tournament-detail .tournament-description {
    margin: 0 0 30px;
    color: inherit
}

.tournament-detail .tournament-description.ended {
    margin: 0 0 20px
}

.tournament-detail .tournament-tac-cta {
    color: #f7cc30
}

.tournament-detail .tournament-tac-cta:hover {
    cursor: pointer;
    text-decoration: underline
}

.tournament-detail .tournament-ended-prize-notification {
    padding-bottom: 20px;
    text-align: center;
    color: #f7cc30;
    font-family: roboto-bold;
    font-size: 1.2857rem
}

@media screen and (min-width:1025px) {
    .tournament-detail .tournament-login-cta {
        text-align: center
    }
}

.tournament-detail .tournament-login-cta a {
    color: #0f1221;
    width: 100%
}

@media screen and (min-width:1025px) {
    .tournament-detail .tournament-login-cta a {
        width: auto;
        min-width: 40%;
        max-width: 100%;
        white-space: normal
    }
}

.tournament-detail .tournament-login-cta a.btn:hover {
    color: #0f1221
}

.tournament-detail .tournament-ended-login-cta {
    margin-bottom: 50px
}

.tournament-detail .tournament-ended-login-cta a {
    width: 100%
}

.tournament-detail .opted-in-message {
    position: relative
}

.tournament-detail .icon-tick {
    position: absolute;
    top: 1px;
    left: 1px
}

@media screen and (max-width:767px) {
    .tournament-detail .icon-tick {
        left: auto;
        top: 6px
    }
}

.tournament-detail .icon-tick:before {
    color: #3eae5a
}

.tournament-detail .opted-in-message-text {
    color: #3eae5a;
    margin: 0 0 0 30px;
    text-align: left
}

@media screen and (max-width:767px) {
    .tournament-detail .opted-in-message-text {
        display: inline-block;
        width: 90%
    }
}

.tournament-detail .opted-in-message-text .opted-in-message-date {
    color: #f7cc30
}

.tournament-detail .opted-in-message-text a {
    color: #f7cc30;
    text-decoration: underline
}

@media screen and (min-width:1025px) {
    .tournament-detail .games-wrapper {
        position: relative;
        width: calc(100% + 110px);
        left: -55px
    }
}

.tournament-detail .tournament-games-title {
    margin: 30px 0 16px;
    position: relative
}

@media screen and (min-width:1025px) {
    .tournament-detail .tournament-games-title {
        margin: 30px 57px 16px
    }
}

.tournament-detail .tournament-games-title h6 {
    display: inline-block
}

.tournament-detail .games-count {
    display: inline-block;
    color: inherit
}

.tournament-detail .toggle-btns {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 40%;
    margin: 30px 0
}

@media screen and (max-width:1024px) {
    .tournament-detail .toggle-btns {
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .tournament-detail .toggle-btns {
        transform: none;
        left: 0;
        width: 100%
    }
}

.tournament-detail .toggle-btns .btn-toggle {
    background-color: transparent;
    color: #8b97b5;
    border: 1px solid #1e2434;
    width: 50%
}

.tournament-detail .toggle-btns .btn-toggle.active {
    background-color: #1e2434;
    color: #8b97b5
}

.tournament-detail .data {
    border: 0
}

.tournament-detail .leaderboard .player-position {
    width: 22%
}

.tournament-detail .leaderboard .player-score {
    width: 24%;
    text-align: right;
    font-family: roboto-bold
}

.tournament-detail .leaderboard .player-prize {
    width: 54%;
    color: #f7cc30;
    text-align: right
}

.tournament-detail .leaderboard .leaderboard-title.ended {
    padding: 0 0 20px 10px
}

.tournament-detail .leaderboard .user-position-table {
    margin: 25px 0 0
}

.tournament-detail .leaderboard .user-position-table .table-content {
    border: 0;
    background-color: #0f1221
}

.tournament-detail .leaderboard .user-position-table .table-content:nth-child(odd) {
    background-color: #1e2434
}

.tournament-detail .leaderboard .user-position-table .user-position.next-user,
.tournament-detail .leaderboard .user-position-table .user-position.prev-user {
    color: #f7cc30
}

.tournament-detail .leaderboard .user-position-table .user-position.current-user {
    background-color: #f7cc30;
    color: #0f1221
}

.tournament-detail .leaderboard .user-position-table .user-position.current-user .player-prize {
    color: #0f1221
}

.tournament-detail .leaderboard .leaderboard-top-5 .current-user {
    background-color: #f7cc30;
    color: #0f1221
}

.tournament-detail .leaderboard .leaderboard-top-5 .current-user .player-prize {
    color: #0f1221
}

.tournament-detail .upcoming-tournaments-leaderboard {
    text-align: center;
    margin: 0 0 53px
}

.tournament-detail .upcoming-tournaments-leaderboard .tournament-icon {
    width: 100%;
    height: 97px;
    margin: 53px 0 0;
    background-image: url(assets/images/obg-tournaments-icon-light-grey.svg);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.tournament-detail .upcoming-tournaments-leaderboard .tournament-starts-in-message {
    color: inherit;
    margin: 15px 0 35px
}

.tournament-detail .upcoming-tournaments-leaderboard .upcoming-countdown-wrapper {
    color: #3eae5a;
    font-size: 2rem
}

@media screen and (max-width:767px) {
    .tournament-detail .upcoming-tournaments-leaderboard .upcoming-countdown-wrapper {
        font-size: 1.3rem
    }
}

.tournament-detail .prizes-board .table-row>div {
    width: 50%
}

.tournament-detail .prizes-board .prize-data {
    color: #f7cc30;
    text-align: right
}

.tournament-detail .tooltip-slider-text {
    padding: 0 10px 100px
}

.tournament-detail .games-list-wrapper .hover-wrapper i.fa {
    padding: 0
}

.tournament-detail .games-list-wrapper .swiper .swiper-cont {
    width: calc(90% + 10px)
}

.tournament-detail .games-list-wrapper .swiper .swiper-cont a[disabled] {
    text-decoration: none
}

@media screen and (max-width:1024px) {
    .tournament-detail .games-list-wrapper .swiper .swiper-cont {
        margin: 0
    }
}

@media screen and (max-width:767px) {
    .tournament-detail .games-list-wrapper .swiper .swiper-cont {
        overflow: visible
    }
}

.tournament-detail .games-list-wrapper .swiper .game-container.swiper-slide {
    padding-left: 5px;
    padding-right: 5px
}

.tournament-detail .games-list-wrapper .swiper .swiper-navigation .swiper-next,
.tournament-detail .games-list-wrapper .swiper .swiper-navigation .swiper-previous {
    background-size: contain;
    background-repeat: no-repeat;
    height: 30%;
    top: 35%
}

.tournament-detail .games-list-wrapper .swiper .swiper-navigation .swiper-previous {
    background-image: url(assets/images/arrow-sprite-dark.svg#arrow-left);
    left: 2.5%
}

.tournament-detail .games-list-wrapper .swiper .swiper-navigation .swiper-next {
    background-image: url(assets/images/arrow-sprite-dark.svg#arrow-right);
    right: 2.5%
}

/*# sourceMappingURL=styles.css.map*/