table.poker {
    width: 90%;
    border: 1px solid #d2d5d7;
    box-shadow: 3px 3px 4px 0 #d2d5d7;
    margin: 20px auto 40px
}

table.poker .company-120 {
    box-shadow: 2px 2px 3px 0 #a5a7a9
}

table.poker .hidden-md {
    font-style: italic
}

table.poker .rating {
    transform: scale(.7);
    -webkit-transform: scale(.7)
}

table.poker .terms {
    padding: 5px;
    font-size: 10px
}

table.poker .terms p {
    text-align: left;
    line-height: 1.4;
    margin-bottom: 0
}

table.poker thead {
    background: #fff;
    color: #000;
    font-family: 'Nunito Sans',sans-serif;
    letter-spacing: 2px
}

table.poker tbody tr:hover,table.poker:not(:hover) tbody tr:first-child {
    background: #e9ecef;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    cursor: default
}

table.poker:not(:hover) tbody tr:nth-child(odd) {
    background: #f1f4f7
}

table.poker tr {
    border: 1px solid #d2d5d7
}

table.poker td:first-child {
    border-right: 1px solid #d2d5d7
}

table.poker td:last-child {
    border-left: 1px solid #d2d5d7
}

table.poker tbody td {
    padding: 8px 4px
}

table.poker .go-o {
    padding: 2px 20px
}
table.poker .i-btn {
    font-size: 14px;
    font-family: 'Nunito Sans', sans-serif;
    text-transform: capitalize;
    color: #555;
}

table.poker .p-games {
    display: table;
    margin: 0 auto
}

.p-games li {
    position: relative;
    text-align: left;
    padding-left: 20px
}

.p-games li:before, .registration.p-games li:before {
    position: absolute;
    content: '';
    background: url(/imgs/icons/poker-chip.svg) no-repeat center center;
    width: 15px;
    height: 15px;
    top: 6px;
    left: 0
}

table.poker .feat {
    font: bold 16px Montserrat,serif;
    letter-spacing: 1px;
    text-transform: capitalize
}

@media only screen and (max-width: 1199px) {
    table.poker {
        width:100%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    table.poker tbody tr:not(.sp-terms) td:nth-child(1),table.poker td:nth-child(3),table.poker th:nth-child(1),table.poker th:nth-child(3) {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    table.poker {
        width:300px
    }

    table.poker .company-120[class*=bg-] {
        width: 110px;
        height: 45px
    }

    table.poker {
        border: 0;
        box-shadow: none;
        max-width: 100%;
    }

    table.poker td:first-child,table.poker td:last-child {
        border-left: none;
        border-right: 0
    }

    table.poker td:nth-child(6),table.poker thead,table.poker tr:not(.sp-terms) td:first-child {
        display: none
    }

    table.poker td,table.poker tr {
        display: block
    }

    table.poker td:nth-child(2) {
        background-color: rgba(51,51,51,.8);
        padding: 8px 0 0
    }

    table.poker td:nth-child(3),table.poker td:nth-child(4),table.poker td:nth-child(5) {
        border-bottom: 1px solid #d2d5d7
    }

    table.poker tr {
        margin-bottom: 2rem;
        border-width: 3px
    }

    table.poker tr:nth-child(odd) td:nth-child(4),table.poker tr:nth-child(odd) td:nth-child(7) {
        background-color: #fff
    }

    table.poker tr:nth-child(even) td:nth-child(4),table.poker tr:nth-child(even) td:nth-child(7) {
        background-color: #f1f4f7
    }

    table.poker td:nth-child(7) {
        padding: 15px 0
    }

    table.poker .p-games li {
        display: inline-block
    }

    table.poker .p-games li:not(:last-child) {
        margin-right: 10px
    }
}

@media only screen and (min-width: 768px) {
    table.poker .hidden-md {
        display:none
    }
}

.demo-btn {
    width: 425px;
    max-width: 100%
}

.demo-btn img {
    opacity: .7
}

.demo-btn:hover:after,.demo-btn:hover:before,.demo-games .play-btn:hover:after,.demo-games .play-btn:hover:before {
    opacity: 1;
    cursor: pointer
}

.demo-games .play-btn {
    position: relative
}

.demo-btn:after,.demo-btn:before,.demo-games .play-btn:after,.demo-games .play-btn:before {
    content: '';
    position: absolute;
    opacity: .8;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.demo-btn:before,.demo-games .play-btn:before {
    background: #fff;
    filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, .7));
    -webkit-filter: drop-shadow(2px 3px 2px rgba(0,0,0,.7));
    width: 110px;
    height: 110px;
    z-index: 20;
    border-radius: 4px
}

.demo-btn:after,.demo-games .play-btn:after {
    background: url(/imgs/icons/demo-play.svg) no-repeat;
    width: 100px;
    height: 100px;
    z-index: 30
}

.demo-games .modal.in .modal-dialog {
    z-index: 1050
}

.demo-games .modal-body {
    padding: 0
}

.demo-games .close:focus {
    outline: 0
}

.demo-games iframe {
    background-color: #333
}

.demo-games .aligncenter {
    margin-bottom: 0
}

.demo-games .modal-footer {
    border: 0;
    width: 960px;
    margin: -5px auto 0;
    max-width: 100%;
    background: #333
}

.demo-games .modal-footer .provider {
    background: #fff;
    padding: 15px;
    margin: 1.5rem auto 0
}

.demo-games .modal-footer .txt p {
    color: #fff;
    margin: 1.5rem auto 0;
    text-align: center;
    font-weight: 700;
    position: relative
}

.demo-games .modal-footer .txt p:after {
    content: '';
    position: absolute;
    top: -5px;
    right: 40px;
    background: url(/imgs/icons/curved-arrow.svg) no-repeat;
    display: block;
    color: #fff;
    transform: rotate(-65deg);
    filter: invert(.6);
    -webkit-filter: invert(.6);
    width: 70px;
    height: 70px
}

.demo-games .modal-footer .terms,.demo-games .modal-footer .terms p {
    font-size: 10px;
    line-height: 1;
    padding: 0 .25rem;
    color: #000;
    margin-bottom: .15rem
}

.demo-games .modal-footer .terms small {
    font-size: 70%
}

.demo-games .modal-footer .bon-on,.demo-games .modal-footer .shine-btn {
    text-align: center
}

.demo-games .modal-footer a {
    padding: 2px 15px
}

.demo-games .modal-footer .brands .row {
    background: #fff;
    padding: .25rem;
    text-align: center
}

.demo-games .modal-footer .brands .row:not(:last-child) {
    margin-bottom: 1rem
}

.demo-games .modal-footer .brands .bon-on,.demo-games .modal-footer .brands .shine-btn,.demo-games .modal-footer .brands [class*=company-] {
    display: inline-block;
    vertical-align: middle
}

.demo-games .go-o {
    background: #ff9d02
}

.demo-games .go-o:hover {
    background: #2da507
}

@keyframes rotate {
    100% {
        transform: rotate(1turn)
    }
}

.rainbow {
    position: absolute;
    z-index: 1;
    border-radius: 10px;
    overflow: hidden;
    padding: 2rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 120px;
    height: 120px
}

.rainbow::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #399953;
    background-repeat: no-repeat;
    background-size: 50% 50%,50% 50%;
    background-position: 0 0,100% 0,100% 100%,0 100%;
    background-image: linear-gradient(#79f0ac,#16721e),linear-gradient(#79f0ac,#16721e),linear-gradient(#79f0ac,#16721e),linear-gradient(#79f0ac,#16721e);
    animation: rotate 4s linear infinite
}

.rainbow::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    background: #fff;
    border-radius: 5px
}

@media screen and (max-width: 991px) {
    .demo-games .modal-footer .txt p {
        margin:.5rem auto;
        width: 180px
    }

    .demo-games .modal-footer .txt p:after {
        top: 7px;
        right: -10px;
        width: 30px;
        height: 30px;
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: FlipH;
        z-index: 50
    }

    .demo-games .modal-footer .terms p {
        padding: .25rem
    }
}

@media screen and (max-width: 767px) {
    .figure.demo-btn {
        max-width:100%;
        width: 100%
    }

    .demo-btn:before {
        width: 60px;
        height: 60px;
        top: 40%
    }

    .demo-btn:after {
        width: 50px;
        height: 50px;
        top: 40%
    }

    .rainbow:not(.in) {
        width: 70px;
        height: 70px;
        top: 40%
    }
}

@media screen and (max-width: 479px) {
    .demo-games .modal-footer .terms,.demo-games .modal-footer .terms p {
        font-size:12px
    }
}

@media screen and (min-width: 992px) {
    .custom-h {
        height:66px
    }
}

@media screen and (min-width: 1024px) {
    .demo-games {
        top:-20px
    }

    .demo-games .modal-footer .terms,.demo-games .modal-footer .terms p {
        font-size: 12px
    }

    .demo-games iframe {
        height: 515px
    }
}

.tab-cta.blue {
    background: linear-gradient(to bottom,#69a9ff,#0042ff)
}

.double-mob-cta {
    margin-top: 1rem
}

.double-mob-cta .col-xs-6:nth-child(1) {
    padding-right: 5px;
    padding-left: 0
}

.double-mob-cta .col-xs-6:nth-child(2) {
    padding-left: 5px;
    padding-right: 0
}

.double-mob-cta .tab-cta {
    padding-top: 5px
}

@media screen and (max-width: 359px) {
    .double-mob-cta .col-xs-6{width: 100%; padding: 0!important;}
    .double-mob-cta .col-xs-6:nth-child(1) {margin-bottom: 2rem;}
}
@media screen and (min-width: 360px ) and (max-width: 469px) {
    .double-mob-cta .col-xs-6:nth-child(1) span {display: block;}
}

a.go-o.blue {
    background: linear-gradient(to top,#0042ff,#69a9ff);
    color: #fff;
    font: 600 17px Nunito,sans-serif;
    padding: 1rem 2rem;
    display: table;
    white-space: nowrap
}

.demo-cta a.go-o.blue:before {
    height: 45px
}

.demo-cta a.go-o.blue i {
    position: relative;
    top: 2px;
    font-size: 18px
}

.demo-cta {
    background: linear-gradient(to bottom,#06263c,#1e4661);
    color: #fff;
    padding: 1.5rem 6.5rem;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.demo-cta .shine-btn a {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    overflow: hidden
}

@-moz-document url-prefix() {
    .demo-cta .shine-btn.moz-f a:before {
        background: 0
    }
}

.demo-cta:hover .shine-btn a {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    top: 25%
}

.demo-cta .txt {
    position: relative;
    padding-right: 5em
}

.demo-cta .txt:after,.demo-cta .txt:before {
    position: absolute;
    content: '';
    background-size: contain;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.demo-cta .txt:before {
    background: url(/imgs/icons/red-chip.svg) no-repeat;
    width: 45px;
    height: 45px;
    top: -20px;
    right: 20px
}

.demo-cta .txt:after {
    background: url(/imgs/icons/black-chip.svg) no-repeat;
    width: 35px;
    height: 35px;
    bottom: -12px;
    right: -12px
}

.demo-cta:hover .txt:after,.demo-cta:hover .txt:before {
    filter: none;
    -webkit-filter: none
}

.demo-cta:hover .txt:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.demo-cta:hover .txt:after {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.demo-cta:after,.demo-cta:before {
    position: absolute;
    content: '';
    background-size: contain;
    filter: drop-shadow(-4px 1px 4px rgba(255, 255, 255, .4));
    -webkit-filter: drop-shadow(-4px 1px 4px rgba(255,255,255,.4));
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

.demo-cta:hover:after,.demo-cta:hover:before {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.demo-cta:before {
    background: url(/imgs/icons/double-chip.svg) no-repeat;
    width: 80px;
    height: 80px;
    top: -10px;
    left: -10px
}

.demo-cta:after {
    background: url(/imgs/icons/cards.svg) no-repeat;
    width: 145px;
    height: 130px;
    top: -15px;
    right: 5px;
    z-index: 1
}

.demo-cta .shine-btn {
    position: relative;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.demo-cta p {
    padding: .25rem 0;
    text-align: left
}

.demo-cta p {
    font: 400 15px Montserrat,sans-serif
}

.demo-cta p.title {
    font: bold 17px Nunito,sans-serif
}

@media screen and (max-width: 599px) {
    .demo-cta {
        padding:1.5rem .5rem
    }

    .demo-games .modal-footer .brands .shine-btn {
        display: block;
        margin: .5rem auto
    }

    .demo-cta:before {
        display: none
    }

    .demo-cta:after {
        top: auto;
        bottom: -10px;
        width: 95px;
        height: 85px
    }

    .demo-cta .txt {
        padding-right: 0
    }

    .demo-cta .txt p {
        text-align: center
    }

    .demo-cta:before {
        width: 70px;
        height: 70px
    }
}

@media screen and (max-width: 767px) {
    .demo-cta .txt:after,.demo-cta .txt:before {
        display:none
    }
}

@media screen and (min-width: 600px) {
    .demo-games .modal-footer .brands .bon-on,.demo-games .modal-footer .brands .shine-btn,.demo-games .modal-footer .brands [class*=company-] {
        display:inline-block;
        vertical-align: middle;
        width: 32%
    }
}

@media screen and (min-width: 600px) and (max-width:991px) {
    .demo-cta .shine-btn {
        margin:1rem 0
    }
}

@media screen and (min-width: 768px) and (max-width:809px) {
    .demo-cta .txt:before {
        top:100%;
        right: 30%
    }

    .demo-cta .txt:after {
        bottom: -85%;
        right: 27%
    }
}

@media screen and (min-width: 810px) and (max-width:991px) {
    .demo-cta .txt:before {
        top:110%;
        right: 30%
    }

    .demo-cta .txt:after {
        bottom: -125%;
        right: 28%
    }
}

@media screen and (min-width: 992px) {
    .demo-games .soft-provider {
        top:50%;
        transform: translateY(50%);
        -webkit-transform: translateY(50%)
    }
}

@media screen and (min-width: 1024px) {
    .demo-cta {
        width:75%;
        margin: 2rem auto
    }
}