@charset "utf-8";
/* Main */

html {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    padding: 0;
}

body {
    background: #041a25;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
    font-family: "proxima-nova", sans-serif;
    /*font-family: 'Open Sans', sans-serif !important;*/
    color: #fff;
    font-weight: 400;
    padding: 0;
    margin: 0 auto;
}

a {
    text-decoration: none !important;
}

.fa {
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.border {
    position: relative;
    z-index: 99999;
    height: 10px;
    background: #065f70
}

.top {
    cursor: pointer
}

.fontsize {
    font-size: 17px;
    line-height: 26px;
    color: #ccc;
    font-weight: 400 !important
}

.fontsize-header {
    font-size: 20px;
    color: #fff;
    font-weight: 400 !important
}

.jp-font {
    font-size: 20px;
    padding: 22px 0 8px 0
}

@media (max-width: 768px) {
    .jp-font {
        font-size: 15px;
        padding: 14px 0 0px 0
    }
    .fontsize {
        font-size: 15px !important;
        line-height: 22px;
        font-weight: 100 !important
    }
    .fontsize-header {
        font-size: 18px !important;
        font-weight: 300 !important
    }
}

.fontweight300 {
    font-weight: 400 !important
}

.btn {
    font-weight: 400 !important
}

/* Support */

.support-tabs .item,
.browser-tabs .item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #19b1b7;
    color: #bbb;
    cursor: pointer
}

.support-tabs .item.current,
.support-tabs .item:hover,
.browser-tabs .item.current,
.browser-tabs .item:hover {
    border-bottom: 2px solid #fff !important;
    color: #fff !important
}

/* Banking */

@media (max-width: 991px) {
    .banking object {
        height: 20px !important
    }
}

/* Hero */

.hero,
.promotions,
.club,
.playsafe,
.support,
.banking,
.jpwinner {
    margin-top: -70px;
    z-index: -99999;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 768px) {
    .container.hero,
    .container.promotions,
    .container.club,
    .container.playsafe,
    .container.support,
    .container.banking,
    .container.jpwinner {
        margin-top: -120px;
    }
}

@media (min-width: 992px) and (max-height: 950px) {
    .container {
        max-width: 90% !important
    }
    .container.hero,
    .container.promotions,
    .container.club,
    .container.playsafe,
    .container.support,
    .container.banking,
    .container.jpwinner {
        max-width: 75% !important
    }
    #join-pc .container {
        max-width: 800px !important
    }
    #login .container {
        max-width: 500px !important
    }
    #account .container {
        max-width: 800px !important
    }
}

@media (max-width: 767px) {
    .hero,
    .promotions,
    .club,
    .playsafe,
    .support,
    .banking,
    .jpwinner {
        margin-top: 0px;
    }
    .playsafeimg {
        background-image: url('../images/playsafe-mobile.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 64%;
        height: 0;
    }
    .promotionsimg {
        background-image: url('../images/promotions-mobile.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 64%;
        height: 0;
    }
    .clubimg {
        background-image: url('../images/club-mobile.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 64%;
        height: 0;
    }
    .supportimg {
        background-image: url('../images/support-mobile.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 64%;
        height: 0;
    }
    .bankingimg {
        background-image: url('../images/banking-mobile.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 64%;
        height: 0;
    }
    .jpwinnerimg {
        background-image: url('../images/jpwinner-mobile.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 64%;
        height: 0;
    }
}

@media (min-width: 767px) {
    .playsafeimg {
        background-image: url('../images/playsafe.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 48%;
        height: 0;
        text-align: left;
    }
    .promotionsimg {
        background-image: url('../images/promotions.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 48%;
        height: 0;
        text-align: left;
    }
    .clubimg {
        background-image: url('../images/club.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 48%;
        height: 0;
        text-align: left;
    }
    .supportimg {
        background-image: url('../images/support.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 48%;
        height: 0;
        text-align: left;
    }
    .bankingimg {
        background-image: url('../images/banking.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 48%;
        height: 0;
        text-align: left;
    }
    .jpwinnerimg {
        background-image: url('../images/jpwinner.jpg');
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 48%;
        height: 0;
        text-align: left;
    }
}

.mmimg-small {
    background-image: url('../images/mm.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    height: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 10px solid rgba(3, 17, 24, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #0baebc;
    -moz-box-shadow: 0 0 20px #0baebc;
    box-shadow: 0 0 20px #0baebc;
}

.payimg-small {
    background-image: url('../images/pay.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    height: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 10px solid rgba(3, 17, 24, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #0baebc;
    -moz-box-shadow: 0 0 20px #0baebc;
    box-shadow: 0 0 20px #0baebc;
}

.bonusimg-small {
    background-image: url('../images/bonus-small.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    height: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 10px solid rgba(3, 17, 24, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #0baebc;
    -moz-box-shadow: 0 0 20px #0baebc;
    box-shadow: 0 0 20px #0baebc;
}

.sundayimg-small {
    background-image: url('../images/sunday-small.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    height: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 10px solid rgba(3, 17, 24, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #0baebc;
    -moz-box-shadow: 0 0 20px #0baebc;
    box-shadow: 0 0 20px #0baebc;
}

.fridayimg-small {
    background-image: url('../images/tuesday-small.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    height: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 10px solid rgba(3, 17, 24, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #0baebc;
    -moz-box-shadow: 0 0 20px #0baebc;
    box-shadow: 0 0 20px #0baebc;
}

.infoimg-small {
    background-image: url('../images/info-small.jpg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-bottom: 50%;
    height: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border: 10px solid rgba(3, 17, 24, 1);
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px #0baebc;
    -moz-box-shadow: 0 0 20px #0baebc;
    box-shadow: 0 0 20px #0baebc;
}

/* Offer */

@media (max-width: 1250px),
(max-height: 645px) {
    .open-big {
        display: none
    }
}

.offer-desktop {
    height: 0;
    cursor: pointer
}

.offer-desktop a.btn {
    padding: 8px;
    margin-top: 8px;
    border-radius: 7px;
    background-color: #dc4141;
    color: #fff
}

.offer-mobile {
    height: 0;
    padding-top: 29%
}

.offer-mobile .offer {
    display: inline-block;
    margin-top: -23px;
    float: left;
    margin-left: 5px;
}

.offer-mobile a.btn {
    margin-top: 2px;
    padding: 8px;
    border-radius: 7px;
    background-color: #dc4141;
    color: #fff;
}

.offerpadding {
    padding-top: 4vw;
    display: inline-block
}

.offertext,
.opentext {
    color: #fff;
    vertical-align: middle
}

.offertext.small {
    font-size: 15px
}

.offertext.medium {
    font-size: 30px
}

.offertext.big {
    font-size: 45px;
    line-height: 35px;
}

.opentext.small {
    font-size: 15px
}

.opentext.medium {
    font-size: 30px
}

.opentext.big {
    font-size: 50px;
    line-height: 40px;
}

@media (min-width: 1350px) and (min-height: 700px) {
    .offertext.small {
        font-size: 20px
    }
    .offertext.medium {
        font-size: 40px
    }
    .offertext.big {
        font-size: 60px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .offertext.small {
        font-size: 15px
    }
    .offertext.medium {
        font-size: 20px
    }
    .offertext.big {
        font-size: 24px;
        line-height: 20px;
    }
}

.container.main {
    margin-top: -6%;
}

@media (max-width: 767px) {
    .container.main {
        margin-top: -13%;
    }
}

/* Filter */

.filtergames::-webkit-scrollbar {
    display: none
}

.br-filter {
    font-size: 14px
}

.bigtab,
.br-bigtab {
    width: 9.5%;
    float: left;
}

.bigtab a,
.br-bigtab a {
    color: #bbb
}

.bigtab a:hover,
.br-bigtab a:hover {
    color: #fff
}

.bigtab a.active,
.br-bigtab a.active {
    background-color: rgba(10, 61, 86, 0.5) !important;
    color: #fff
}

.bigtab .btn,
.br-bigtab .btns {
    padding: 10px 0 5px 0
}

@media (max-width: 767px) {
    .bigtab .btn {
        padding: 4px 0 2px 0 !important
    }
    .bigtab {
        width: 25%;
    }
    .bigtab a {
        font-size: 12px;
    }
}

.filter,
.br-filter {
    border: 0;
    border-radius: 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 0 5px 0
}

.filter .fa,
.br-filter .fa {
    font-size: 30px
}

@media (max-width: 767px) {
    .filter {
        font-size: 14px;
    }
}

.filgames .icon-arrow {
    color: #fff;
    font-size: 16px;
    margin-top: -48px;
    position: absolute;
    right: 0px;
    padding: 8px 1px 8px 2px
}

.filgames .icon-arrow2 {
    color: #fff;
    font-size: 16px;
    margin-top: -48px;
    padding: 8px 1px 8px 2px;
    position: absolute;
    left: 0px
}

@media (min-width: 768px) {
    .filgames .icon-arrow,
    .icon-arrow2 {
        display: none !important
    }
}

#fil_vendor option {
    background: #072c3d;
}

/* Subfilter */

@media (min-width: 768px) {
    .col-big {
        width: auto;
        padding-right: 25px
    }
}

.subfil,
.findfil {
    border-radius: 10px;
    background-color: rgba(10, 61, 86, 0.5);
    padding-left: 0px;
    padding-right: 0px
}

@media (max-width: 767px) {
    .subfil {
        border-radius: 0
    }
}

@media (min-width: 768px) {
    .subfil.no-left-radius,
    .findfil.no-left-radius {
        border-radius: 0px !important;
        border-top-left-radius: 0px !important;
        border-top-right-radius: 10px !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important
    }
    .subfil.no-right-radius,
    .findfil.no-right-radius {
        border-radius: 0px !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 0px !important;
        border-bottom-left-radius: 10px !important;
        border-bottom-right-radius: 10px !important
    }
}

.subfilterrow,
.findfilrow {
    padding: 16px 0 14px 40px;
}

@media (max-width: 767px) {
    .subfilterrow {
        padding: 4px 0 4px 25px;
    }
    .subfilterrow {
        margin-right: 0;
    }
}

.subfilter,
.findfilter {
    padding-left: 0
}

@media (max-width: 767px) {
    .subfilter {
        max-width: 120px;
    }
    .subfilter a {
        font-size: 13px;
    }
}

@media (min-width: 768px) {
    .subfilter,
    .findfilter {
        max-width: 120px;
    }
    .subfilter a,
    .findfilter a {
        font-size: 16px;
    }
}

.subfilter .btn,
.findfilter .sbtn {
    padding: 0;
    margin: 0;
    color: #097f90
}

.subfilter .btn.current,
.findfilter .sbtn.current {
    font-weight: bold
}

.subfilter .icon-checked,
.subfilter .icon-check1,
.findfilter .icon-checked,
.findfilter .icon-check1 {
    color: #fff
}

.container.games {
    margin-top: 20px
}

/* Game Search */

.find-game-div {
    padding: 4px 0 4px 4px
}

@media (max-width: 767px) {
    .find-game-div {
        font-size: 13px
    }
}

.find-container {
    margin-top: 0 !important;
    max-width: 190px;
    float: right;
    padding: 0px 0px 0px 0px
}

.icon-search2 {
    padding: 11px 0 0 9px !important;
    color: #8ebebd
}

.find-game::-moz-placeholder {
    opacity: 1;
    color: #82b6bd;
}

.find-game:-ms-input-placeholder {
    opacity: 1;
    color: #82b6bd;
}

.find-game::-webkit-input-placeholder {
    opacity: 1;
    color: #82b6bd;
}

.find-game:-moz-placeholder {
    opacity: 1;
    color: #82b6bd;
}

.find-game {
    width: 100%;
    border-radius: 5px;
    border: 0;
    background-color: #065f70;
    color: #fff
}

.find-game {
    padding: 8px 8px 8px 32px !important
}

@media (max-width: 767px) {
    .find-game {
        padding: 8px 8px 8px 30px !important
    }
}

/* Footer */

.footerbg {
    background-image: url(../images/footer-gradient.png);
    background-repeat: repeat-x;
}

.icon-padding img {
    margin: 16px 0 10px 10px;
    height: 38px
}

.link-padding a {
    margin-left: 10px;
    color: #bbb;
    font-weight: 600;
    font-size: 15px
}

.link-padding a:hover {
    color: #fff
}

@media (max-width: 767px) {
    .mobile-text-left {
        text-align: left !important
    }
    .mobile-padding {
        padding: 8px
    }
    .icon-padding img {
        margin: 20px 8px 6px 8px;
        height: 18px !important
    }
    .icon-padding img.bigimg {
        height: 23px !important
    }
}

footer.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
    border-top: 2px solid #065f70;
    background-color: #041a25;
}

@media (min-width: 768px) {
    .footer-icons {
        text-align: center
    }
}

.footer-icons div {
    padding: 0 10px 0 10px
}

@media (max-width: 767px) {
    .footer-icons div {
        padding: 0 3px 0 3px
    }
    .footer-icons.pay img {
        height: 20px !important
    }
}

footer.footer a {
    color: #bbb;
    display: block;
    padding: 9px 0 6px 0;
}

footer.footer a .fa {
    color: #fff
}

footer.footer a span {
    white-space: nowrap
}

footer.footer a.current {
    color: #fff;
}

/*@media (min-width: 768px) {*/

footer.footer a.current {
    background-color: rgba(10, 61, 86, 0.5);
    color: #fff;
    border-radius: 10px
}

footer.footer a:hover {
    background-color: rgba(10, 61, 86, 0.5);
    color: #fff;
    border-radius: 10px
}

/*}*/

footer.footer.game {
    border-top: 2px solid rgba(0, 0, 0, 0.8);
    background-color: rgba(0, 0, 0, 0.6) !important
}

footer.footer.game a {
    color: #fff !important;
}

/* Common */

@media (max-width: 767px) {
    .mobile-hide {
        display: none
    }
    .mobile-block {
        width: 100%
    }
}

@media (max-width: 767px) {
    .mobile-center {
        text-align: center
    }
    .faq-margin {
        margin-left: 10px;
    }
    .faq-margin-2x {
        margin-left: 20px;
    }
}

@media (max-width: 767px) {
    .mobile-no-padding {
        padding: 0 !important
    }
    .mobile-no-bottom-padding {
        padding-bottom: 0 !important
    }
    .mobile-no-margin {
        margin: 0 !important
    }
}

@media (min-width: 768px) {
    .pc-no-margin {
        margin: 0 !important
    }
    .pc-no-padding {
        padding: 0 !important
    }
    .faq-margin {
        margin-left: 20px;
    }
    .faq-margin-2x {
        margin-left: 40px;
    }
}

th {
    text-align: left
}

.block-center {
    margin: 0 auto;
}

.block-half {
    width: 50%
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.no-margin {
    margin: 0 !important
}

.no-radius {
    border-radius: 0 !important
}

.no-right-margin {
    margin-right: 0 !important
}

.no-left-padding {
    padding-left: 0 !important
}

.no-right-padding {
    padding-right: 0 !important
}

.padding-none {
    padding: 0 !important
}

.font14 {
    font-size: 14px
}

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

.hide {
    display: none !important
}

.dnone {
    display: none;
}

.show {
    display: block !important
}

.capitalize {
    text-transform: capitalize
}

.lc {
    text-transform: lowercase
}

.gone {
    padding: 0;
    margin: 0;
    width: 0;
    height: 0
}

select {
    cursor: pointer
}

#play-game .green {
    color: #35a876 !important
}

.red {
    color: #dc4141 !important
}

@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}

.icon-spin {
    animation: rotation 1s infinite linear;
    -webkit-animation: rotation 1s infinite linear;
    -moz-animation: rotation 1s infinite linear;
}