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

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

ol.blt li,
ul.blt li {
    padding-left: 18px;
    text-indent: -18px
}

ol.blt li:before,
ul.blt li:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 6px;
    margin-right: 8px;
    vertical-align: middle;
    background: url(/style/bg/misc.png) no-repeat 0 0
}

ol.blt.clean,
ul.blt.clean {
    list-style: none;
    padding: 0
}

ol.blt.extra,
ul.blt.extra {
    margin: 30px 0
}

ol.blt.clean li,
ul.blt.clean li {
    padding-left: 0;
    text-indent: 0
}

ol.blt.ital li,
ul.blt.ital li {
    font-style: italic
}

ol.blt._1 li:before,
ul.blt._1 li:before {
    width: 10px;
    height: 6px;
    margin-right: 8px;
    background-position: 0 0
}

ol.blt._2 li:before,
ul.blt._2 li:before {
    width: 10px;
    height: 6px;
    margin-right: 8px;
    background-position: 0 -5px
}

ol.blt._3 li:before,
ul.blt._3 li:before {
    width: 13px;
    height: 13px;
    margin-right: 8px;
    margin-top: -4px;
    background-position: 0 -16px
}

ol.blt._4 li,
ul.blt._4 li {
    padding-left: 24px;
    text-indent: -24px
}

ol.blt._4 li:before,
ul.blt._4 li:before {
    width: 12px;
    height: 11px;
    margin-right: 12px;
    background-position: 0 -31px
}

ol.blt._4 li.no:before,
ul.blt._4 li.no:before {
    background-position: -15px -115px;
    width: 10px
}

ol.blt._5 li,
ul.blt._5 li {
    padding-left: 40px;
    text-indent: -40px
}

ol.blt._5 li:before,
ul.blt._5 li:before {
    width: 19px;
    height: 19px;
    margin-right: 21px;
    margin-top: -4px;
    background-position: 0 -80px
}

ol.blt._5 li.anti:before,
ul.blt._5 li.anti:before {
    background-position: -20px -80px
}

ol.blt._6 li,
ul.blt._6 li {
    padding-left: 40px;
    text-indent: -40px
}

ol.blt._6 li:before,
ul.blt._6 li:before {
    width: 19px;
    height: 19px;
    margin-right: 21px;
    margin-top: -4px;
    background-position: 0 -60px
}

ol.blt._6 li.anti:before,
ul.blt._6 li.anti:before {
    background-position: -20px -60px
}

ol.blt._7 li,
ul.blt._7 li {
    padding-left: 32px;
    text-indent: -32px
}

ol.blt._7 li:before,
ul.blt._7 li:before {
    width: 14px;
    height: 14px;
    margin-right: 18px;
    background-position: 0 -100px
}

ol.blt._8 li,
ul.blt._8 li {
    padding-left: 32px;
    text-indent: -32px
}

ol.blt._8 li:before,
ul.blt._8 li:before {
    width: 14px;
    height: 14px;
    margin-right: 18px;
    background-position: -15px -100px
}

ol.blt._9 li,
ul.blt._9 li {
    padding-left: 24px;
    text-indent: -24px
}

ol.blt._9 li:before,
ul.blt._9 li:before {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    background-position: 0 -115px
}

ol.blt._9 li.no:before,
ul.blt._9 li.no:before {
    background-position: -14px -115px
}

ol.blt._10 li:before,
ul.blt._10 li:before {
    width: 9px;
    height: 7px;
    margin-right: 8px;
    margin-top: -3px;
    background-position: -14px -24px
}

ol.linkslist,
ul.linkslist {
    display: block;
    margin: 5px 0 0;
    padding: 0 15px 15px;
    list-style: none
}

ol.linkslist a,
ul.linkslist a {
    display: block;
    padding: 8px 0;
    font: normal 12px/12px Verdana, sans-serif;
    color: #545454
}

ol.linkslist a:before,
ul.linkslist a:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(/style/bg/header-misc.png) no-repeat -63px -91px;
    vertical-align: middle;
    margin-right: 14px
}

@media only screen and (min-width:767px) {
    ul.linkslist {
        display: inline-block;
        list-style: none;
        width: 100%;
        text-align: center
    }
    ul.linkslist li {
        display: inline-block;
        width: 32%
    }
}

.p-icon {
    overflow: hidden
}

.p-icon:before {
    content: '';
    display: inline-block
}

.p-icon.ico1:before {
    width: 72px;
    height: 72px;
    box-shadow: 0 0 0 8px #deeff5;
    border: 1px solid #8c96a4
}

.p-icon.ico1.v2 {
    padding-left: 92px
}

.p-icon.ico1.v2:before {
    box-shadow: none;
    margin: 7px 18px 0 0;
    float: left
}

.p-icon a {
    color: #23a0c9;
    font-weight: 700;
    text-decoration: none
}

.p-icon.ico1.l:before {
    float: left;
    margin: 15px 6.5% 8px 8px
}

.p-icon.ico1.r:before {
    float: right;
    margin: 15px 8px 8px 6.5%
}

.p-icon.ico1.l.v2:before,
.p-icon.ico1.v2.r:before {
    margin: 7px 0 0 -92px
}

@media(max-width:480px) {
    .p-icon.ico1.l:before {
        margin: 11px 5% 8px 8px
    }
    .p-icon.ico1.r:before {
        margin: 11px 8px 8px 6.5%
    }
}

@media(min-width:500px) {
    .p-icon.ico1.l:before {
        margin: 15px 4.5% 8px 8px
    }
    .p-icon.ico1.r:before {
        margin: 15px 8px 8px 4.5%
    }
}

@media(min-width:640px) {
    .p-icon.ico1.l:before {
        margin: 15px 2.5% 8px 8px
    }
    .p-icon.ico1.r:before {
        margin: 15px 8px 8px 2.5%
    }
    .p-icon.ico1.v2 {
        padding-left: 17%
    }
}

@media(min-width:900px) {
    .p-icon.ico1.v2 {
        padding-left: 11%
    }
}

.box-ib {
    padding: 28px 10px;
    border: 1px solid #dfdfdf;
    margin: 0 0 25px
}

.box-ib.v2 {
    background: #e7f3f8;
    border: 0
}

.box-ib>div {
    padding: 0 2% 0;
    font: italic normal 14px/20px Verdana, sans-serif;
    color: #686868;
    margin: 28px 0 0;
    text-align: center
}

.box-ib.v2>div {
    color: #454545
}

.box-ib>div:before {
    content: '';
    width: 72px;
    height: 72px;
    display: inline-block;
    border: 1px solid #8c96a4
}

.box-ib.v2>div:before {
    width: 72px;
    height: 72px
}

.box-ib.v2 .ico1:before {
    box-shadow: 0 0 0 4px #23a0c9
}

.box-ib.v1 .ico1:before {
    box-shadow: 0 0 0 8px #deeff5
}

.box-ib .l:before {
    margin: 0 8px 8px 0
}

.box-ib .r:before {
    margin: 0 0 8px 8px
}

.box-ib.v2 .l:before {
    margin: 8px 8px 8px 0
}

.box-ib.v2 .r:before {
    margin: 8px 0 8px
}

.box-ib>div:first-child {
    margin-top: 0
}

.box-ib .l>div {
    margin: 10px 0 0
}

.box-ib strong {
    display: block;
    font: normal 20px/23px Oswald, sans-serif;
    padding: 0 0 10px;
    color: #313131
}

.box-ib.v2 strong {
    color: #364252
}

@media(min-width:480px) {
    .box-ib.c3>div {
        width: 29.33%;
        float: left;
        margin: 8px 0 0 0
    }
    .box-ib.c2>div {
        width: 46%;
        float: left;
        margin: 8px 0 0 0
    }
    .box-ib {
        overflow: hidden
    }
}

@media(min-width:767px) {
    .box-ib .l:before {
        float: left
    }
    .box-ib .r:before {
        float: right
    }
    .box-ib>div {
        margin: 0
    }
    .box-ib .l>div {
        overflow: hidden;
        padding: 0 0 0 20px;
        text-align: left;
        margin: 0
    }
    .box-ib .r>div {
        overflow: hidden;
        padding: 0 20px 0 0;
        text-align: right;
        margin: 0
    }
    .box-ib.v2>div.r {
        text-align: right
    }
}

.quote-list {
    padding: 30px;
    margin: 0 auto 20px;
    font: 15px/20px Verdana, sans-serif;
    text-align: center;
    color: #454545;
    background: #d2e9f1
}

.quote-list .headline {
    margin: 0 3%;
    padding: 1% 0;
    font: 15px/26px verdana, sans-serif;
    color: #000;
    border-bottom: 1px solid #fff
}

.quote-list .img {
    position: relative;
    margin: 0 0 10px;
    text-align: center
}

.quote-list .img img {
    max-width: 100%;
    height: auto
}

.quote-list ol,
.quote-list ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    vertical-align: middle
}

.quote-list li {
    margin-top: 25px;
    line-height: 20px
}

.quote-list li.heading {
    margin: 0;
    padding: 0;
    text-indent: 0;
    font: bold 17px/20px verdana, sans-serif;
    text-align: left;
    color: #1e1f1e
}

.quote-list li.heading:before {
    content: "";
    width: 50px;
    height: 36px;
    float: left;
    margin-left: 0
}

.quote-list ol li:first-child,
.quote-list ul li:first-child {
    margin-top: 0
}

.quote-list ol li a,
.quote-list ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #869ba3
}

@media(min-width:600px) {
    .quote-list {
        padding: 0;
        position: relative
    }
    .quote-list ol li,
    .quote-list ul li {
        line-height: 20px
    }
    .quote-list .img {
        width: 26.5%;
        height: 100%;
        position: absolute
    }
    .quote-list .img img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        left: 0
    }
    .quote-list.l .img {
        margin: 0;
        right: 0
    }
    .quote-list.r .img {
        margin: 0;
        left: 0
    }
    .quote-list ol,
    .quote-list ul {
        width: 65%;
        padding: 20px 5%
    }
    .quote-list.r ol,
    .quote-list.r ul {
        padding: 40px 5% 40px 30%
    }
    .quote-list.l ol,
    .quote-list.l ul {
        padding: 40px 30% 40px 5%
    }
}

.inner-navi,
.inner-navi.left,
.inner-navi.right {
    float: none;
    padding: 5px 20px 15px;
    margin: 0 auto 20px;
    list-style: none;
    border: 1px solid #cfcfcf
}

.inner-navi li {
    padding: 10px 12px 0
}

.inner-navi li.title {
    padding: 7px 0 12px;
    border-bottom: 3px solid #dbdbdb;
    text-align: center
}

.inner-navi li a {
    font: normal 14px/14px Verdana, sans-serif;
    color: #23a0c9
}

.inner-navi li a:hover {
    text-decoration: none
}

.inner-navi li a._i:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    bottom: 2px
}

@media(min-width:480px) {
    .inner-navi.right {
        float: right;
        margin: 12px 0 5px 2.5%
    }
    .inner-navi.left {
        float: left;
        margin: 12px 2.5% 5px 0
    }
}

.wp-caption {
    text-align: center;
    padding: 7px 10px 22px;
    border: 1px solid #ccc;
    max-width: 400px;
    width: auto !important
}

.wp-caption.alignleft,
.wp-caption.alignright {
    margin: 7px auto 20px
}

.wp-caption img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 22px;
    display: block
}

.wp-caption a,
.wp-caption p,
.wp-caption span {
    display: block;
    font: bold 14px/17px Verdana, sans-serif;
    padding: 0;
    margin: 0;
    text-align: center
}

.wp-caption a {
    color: #23a0c9;
    text-decoration: underline;
    max-width: 400px
}

.wp-caption a:hover {
    text-decoration: none
}

@media(min-width:640px) {
    .wp-caption {
        max-width: 50%
    }
    .wp-caption.alignright {
        float: right;
        margin: 10px 0 8px 3.6%
    }
    .wp-caption.alignleft {
        float: left;
        margin: 7px 3.6% 8px 0
    }
}

.game-info {
    font: normal 15px/20px Verdana, sans-serif;
    color: #4c4c4c;
    margin: 10px auto 20px
}

.game-info:after {
    content: "";
    display: table;
    clear: both
}

.game-info>.leftside {
    line-height: 0
}

.game-info>.leftside img {
    max-width: 100%;
    height: auto
}

.game-info>.leftside.iframe {
    position: relative;
    height: 0;
    padding: 0 0 49.6%
}

@media only screen and (max-width:799px) {
    .game-info>.leftside.iframe.more-padd-mobile-f {
        padding: 0 0 72%
    }
}

.game-info>.leftside.iframe embed,
.game-info>.leftside.iframe iframe,
.game-info>.leftside.iframe object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.game-info>.rightside .toppart>div>.logo {
    display: none
}

.game-info>.rightside .toppart>div>ul {
    display: none
}

.game-info>.rightside .toppart>div>.txt {
    max-width: 91%;
    margin: 0 auto;
    padding: 3%;
    font: normal 12px/16px Verdana, sans-serif;
    color: #777;
    text-align: center;
    border-bottom: 1px solid #e4e4e4
}

.game-info>.rightside .toppart>div>.txt span {
    display: block;
    font: bold 187%/125% Oswald, sans-serif;
    color: #666
}

.game-info>.rightside .toppart>div>.txt.m span {
    font-size: 160%;
    line-height: 145%
}

.game-info>.rightside .toppart>div>.txt.s span {
    font-size: 140%;
    line-height: 170%
}

.game-info>.rightside .toppart>div>.txt strong {
    color: #23a0c9
}

.game-info>.rightside .linkpart {
    padding: 15px 0
}

.game-info>.rightside .linkpart a {
    font-size: 20px;
    line-height: 23px;
    max-width: 55%
}

.game-info>.rightside .botpart {
    padding: 17px 5% 22px;
    box-shadow: 0 0 5px #dcdcdc, 0 0 0 9px #fff inset, 0 0 0 10px #f1f1f1 inset
}

.game-info>.rightside .botpart>div>em {
    display: block;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #4c4c4c
}

.game-info>.rightside .botpart>div>.logo {
    display: block;
    height: 80px;
    line-height: 80px;
    margin: 6px 0
}

@media only screen and (min-width:480px) {
    .game-info>.rightside {
        padding-top: 10px
    }
    .game-info>.rightside .toppart {
        float: left;
        width: 50%;
        margin-right: 2%;
        padding-top: 15px
    }
    .game-info>.rightside .linkpart {
        float: left;
        width: 50%;
        clear: left;
        padding-top: 20px
    }
    .game-info>.rightside .linkpart a {
        max-width: none
    }
    .game-info>.rightside .botpart {
        overflow: hidden
    }
}

@media only screen and (min-width:640px) {
    .game-info>.rightside:after {
        content: "";
        display: table;
        clear: both
    }
    .game-info>.rightside .toppart {
        width: 46%;
        margin: 0;
        padding: 0 2% 10px;
        box-shadow: 0 0 7px #dcdcdc
    }
    .game-info>.rightside .toppart>div>.logo {
        display: block;
        max-width: 90%;
        margin: 0 auto;
        height: 95px;
        line-height: 95px;
        border-bottom: 1px solid #ddd
    }
    .game-info>.rightside .toppart>div>.logo span {
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 0;
        padding: 0 0 30%;
        background-size: contain
    }
    .game-info>.rightside .toppart>div>ul {
        display: table;
        max-width: 96%;
        padding: 0;
        margin: 10px auto;
        list-style: none;
        font: bold 13px/16px Verdana, sans-serif;
        color: #7a7a7a
    }
    .game-info>.rightside .toppart>div>ul.v2 {
        font-weight: 400;
        width: 92%
    }
    .game-info>.rightside .toppart>div>ul li {
        margin: 3px 0;
        overflow: hidden
    }
    .game-info>.rightside .toppart>div>ul.onlinepoker li {
        text-align: center
    }
    .game-info>.rightside .toppart>div>ul.v2 li span {
        float: right;
        font-weight: 700;
        max-width: 61%;
        text-align: right
    }
    .game-info>.rightside .toppart>div>.txt {
        font-size: 15px;
        line-height: 26px;
        background: #ebf9ff;
        border: 1px solid #ccc;
        border-radius: 10px
    }
    .game-info>.rightside {
        position: relative
    }
    .game-info>.rightside .linkpart {
        position: absolute;
        bottom: 0;
        right: 0;
        float: none;
        width: 48%;
        padding: 0
    }
    .game-info>.rightside .botpart {
        float: right;
        width: 38%
    }
}

@media only screen and (min-width:800px) {
    .game-info {
        position: relative
    }
    .game-info>.leftside {
        float: left;
        width: 65%
    }
    .game-info>.rightside {
        position: static;
        overflow: hidden
    }
    .game-info>.rightside .toppart {
        position: absolute;
        top: 1px;
        bottom: 55%;
        right: 2px;
        left: 67%;
        width: auto;
        font-size: 0;
        padding: 0 1%
    }
    .game-info>.rightside .botpart:before,
    .game-info>.rightside .toppart:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }
    .game-info>.rightside .toppart>div {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        width: 100%
    }
    .game-info>.rightside .toppart>div>.logo {
        height: 80px;
        line-height: 80px;
        border-bottom: none
    }
    .game-info>.rightside .toppart>div>ul {
        display: none
    }
    .game-info>.rightside .linkpart {
        position: absolute;
        right: 2px;
        left: 67%;
        width: auto;
        z-index: 2
    }
    .game-info>.rightside .botpart {
        position: absolute;
        top: 48%;
        bottom: 17%;
        right: 2px;
        left: 67%;
        width: auto;
        padding: 12px;
        font-size: 0
    }
    .game-info>.rightside .botpart>div {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        width: 100%
    }
    .game-info>.rightside .botpart>div>.rate {
        display: none
    }
}

@media only screen and (min-width:950px) {
    .game-info>.rightside .toppart {
        bottom: 58%
    }
    .game-info>.rightside .botpart {
        top: 45%;
        bottom: 15%
    }
    .game-info>.rightside .botpart>div>.rate {
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .game-info>.leftside {
        width: 68%
    }
    .game-info>.rightside .botpart,
    .game-info>.rightside .linkpart,
    .game-info>.rightside .toppart {
        left: 70%
    }
    .game-info>.rightside .toppart {
        bottom: 50%
    }
    .game-info>.rightside .botpart {
        top: 52%;
        bottom: 13%
    }
    .game-info>.rightside .toppart>div>.logo {
        height: 90px;
        line-height: 90px;
        border-bottom: 1px solid #ddd
    }
    .game-info>.rightside .toppart>div>ul {
        display: table;
        max-width: none
    }
}

@media only screen and (min-width:1100px) {
    .game-info>.rightside .botpart,
    .game-info>.rightside .linkpart,
    .game-info>.rightside .toppart {
        left: 71%
    }
    .game-info>.rightside .toppart {
        bottom: 48%
    }
    .game-info>.rightside .botpart {
        top: 55%;
        bottom: 14%;
        padding-top: 5px
    }
    .game-info>.rightside .toppart>div>.logo {
        height: 95px;
        line-height: 95px;
        padding-bottom: 10px;
        max-width: 80%
    }
    .game-info>.rightside .toppart>div>.logo span {
        background-size: initial;
        padding-bottom: 40%
    }
    .game-info>.rightside .toppart>div>ul {
        margin: 5% auto
    }
    .game-info>.rightside .toppart>div>.txt {
        padding: 4% 5px 6%
    }
    .game-info>.rightside .linkpart a {
        font-size: 26px;
        line-height: 29px
    }
}

.games-info {
    margin: 0 auto 20px;
    box-shadow: 0 0 7px rgba(204, 204, 204, .72);
    padding: 2%;
    max-width: 742px
}

.games-info>.img {
    margin: 0 0 1%;
    line-height: 0
}

.games-info>.img a {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto 10px
}

.games-info>.img a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: 0 0;
    transition: .3s linear
}

.games-info>.img a:hover:before {
    background: rgba(0, 47, 63, .75);
    margin: 0;
    border: 0
}

.games-info>.img a span {
    position: absolute;
    width: 83%;
    max-width: 200px;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
    font-size: 22px;
    transition: top .3s linear
}

.games-info>.img a span.fs18 {
    font-size: 18px
}

.games-info>.img a span:before {
    display: none
}

.games-info>.img a:hover span {
    top: 50%;
    margin-top: -24px
}

.games-info>.img img {
    display: block;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px
}

.games-info>.img a img {
    margin-bottom: 0;
    width: 100%
}

.games-info>.pic {
    margin: 0 0 10px;
    line-height: 0;
    text-align: center
}

.games-info>.pic img {
    max-width: 100%;
    height: auto
}

.games-info>.text {
    overflow: hidden
}

.games-info>.text._l:before {
    content: "";
    display: block;
    padding-bottom: 100px;
    margin: 0 auto
}

.games-info>.text p {
    padding: 0;
    margin: 0;
    font: italic normal 12px/21px Verdana, sans-serif;
    color: #515151;
    text-align: justify
}

.games-info>.txt {
    text-align: center
}

.games-info>.info ul,
.games-info>.txt ul {
    padding: 10px 0 0;
    margin: 0;
    list-style: none;
    text-align: left;
    display: block;
    vertical-align: middle
}

.games-info>.info li,
.games-info>.txt li {
    font: normal 13px/16px Verdana, sans-serif;
    color: #2570aa;
    text-align: center
}

.games-info>.info li>a,
.games-info>.info li>span,
.games-info>.txt li>span {
    display: block;
    height: 34px;
    color: #717171
}

.games-info>.txt .logo {
    max-width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-position: center;
    display: block;
    height: 70px;
    margin: auto auto 10px
}

.games-info>.txt .logo>span {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/style/logo/software-light.png)
}

.games-info>.txt .logo.poker>span {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background-image: url(/style/logo/poker/poker.png);
    width: 175px;
    height: 61px
}

.games-info>.txt .logo.playtech>span {
    width: 195px;
    height: 42px;
    background-position: 0 -62px
}

.games-info>.txt .logo.netent>span {
    width: 149px;
    height: 56px;
    background-position: 0 -154px
}

.games-info>.txt .logo.micro>span {
    width: 179px;
    height: 48px;
    background-position: 0 -105px
}

.games-info>.txt .logo.dragonfish>span {
    width: 262px;
    height: 43px;
    background-position: 0 -208px
}

.games-info>.txt .logo.igt>span {
    width: 124px;
    height: 43px;
    background-position: 0 -251px
}

.games-info>.txt .logo.nextgen>span {
    width: 190px;
    height: 60px;
    background-position: 0 0;
    background-color: #000
}

.games-info>.txt .logo.micro {
    background: #24db45;
    background: -moz-linear-gradient(left, #24db45 0, #30b7e4 100%);
    background: -webkit-linear-gradient(left, #24db45 0, #30b7e4 100%);
    background: linear-gradient(to right, #24db45 0, #30b7e4 100%)
}

.games-info>.txt .logo.netent {
    background: #53654b;
    background: -moz-linear-gradient(45deg, #53654b 0, #52644a 2%, #495443 7%, #333830 13%, #262824 20%, #262824 20%, #1e1f1d 72%, #1c1c1d 83%, #191919 83%, #5b5e5b 99%, #5b5e5b 99%, #5b5e5b 100%);
    background: -webkit-linear-gradient(45deg, #53654b 0, #52644a 2%, #495443 7%, #333830 13%, #262824 20%, #262824 20%, #1e1f1d 72%, #1c1c1d 83%, #191919 83%, #5b5e5b 99%, #5b5e5b 99%, #5b5e5b 100%);
    background: linear-gradient(45deg, #53654b 0, #52644a 2%, #495443 7%, #333830 13%, #262824 20%, #262824 20%, #1e1f1d 72%, #1c1c1d 83%, #191919 83%, #5b5e5b 99%, #5b5e5b 99%, #5b5e5b 100%)
}

.games-info>.txt .logo.nextgen {
    background: #000
}

.games-info>.txt .logo.novoline {
    background: #540c00;
    background: -moz-linear-gradient(-45deg, #540c00 0, #550c00 0, #550c00 16%, #a40100 40%, #a40100 42%, #a40100 47%, #a40100 51%, #a40100 56%, #610a00 90%);
    background: -webkit-linear-gradient(-45deg, #540c00 0, #550c00 0, #550c00 16%, #a40100 40%, #a40100 42%, #a40100 47%, #a40100 51%, #a40100 56%, #610a00 90%);
    background: linear-gradient(135deg, #540c00 0, #550c00 0, #550c00 16%, #a40100 40%, #a40100 42%, #a40100 47%, #a40100 51%, #a40100 56%, #610a00 90%)
}

.games-info>.txt .logo.merkur {
    background: #0c4886
}

.games-info>.txt .logo.playtech {
    background: #2e3675
}

.games-info>.txt .logo.dragonfish {
    background: #b0282e
}

.games-info>.txt .logo.igt {
    background: #d6d6d6
}

.games-info>.txt .logo.pay>span {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
    background: url(/style/logo/payment-light.png)
}

.games-info>.txt .logo.pay.paypal>span {
    width: 155px;
    height: 39px;
    background-position: 0 0
}

.games-info>.txt .logo.pay.paypal {
    background-color: #019cde
}

.games-info>.txt .logo.pay.credit>span {
    width: 152px;
    height: 40px;
    background-position: -1px -43px
}

.games-info>.txt .logo.pay.blockingmobile,
.games-info>.txt .logo.pay.credit,
.games-info>.txt .logo.pay.debit,
.games-info>.txt .logo.pay.paysafe {
    background-color: #ececec
}

.games-info>.txt .logo.pay.debit>span {
    width: 115px;
    height: 43px;
    background-position: 0 -84px
}

.games-info>.txt .logo.pay.paysafe>span {
    width: 208px;
    height: 39px;
    background-position: 0 -130px
}

.games-info>.txt .logo.pay.neteller>span {
    width: 162px;
    height: 32px;
    background-position: 0 -172px
}

.games-info>.txt .logo.pay.neteller {
    background-color: #8cc63e
}

.games-info>.txt .logo.pay.bitcoin>span {
    width: 170px;
    height: 37px;
    background-position: 0 -207px
}

.games-info>.txt .logo.pay.bitcoin {
    background-color: #f7921b
}

.games-info>.txt .logo.pay.skrill>span {
    width: 108px;
    height: 35px;
    background-position: 0 -245px
}

.games-info>.txt .logo.pay.skrill {
    background: #821e69;
    background: -moz-linear-gradient(left, #821e69 0, #4f2556 100%);
    background: -webkit-linear-gradient(left, #821e69 0, #4f2556 100%);
    background: linear-gradient(to right, #821e69 0, #4f2556 100%)
}

.games-info>.txt .logo.pay.paybyphone>span {
    width: 139px;
    height: 46px;
    background-position: 0 -284px
}

.games-info>.txt .logo.pay.paybyphone {
    background-color: #ececec
}

.games-info>.txt .logo.pay.blockingmobile>span {
    width: 56px;
    height: 55px;
    background-position: 0 -333px
}

.games-info>.txt .logo.pay.visa>span {
    width: 78px;
    height: 37px;
    background-position: -74px -45px
}

.games-info>.txt .logo.pay.visa {
    background-color: #fff;
    box-shadow: 0 0 0 3px #0057a0
}

.games-info>.txt .logo.pay.mastercard>span {
    width: 63px;
    height: 39px;
    background-position: -2px -44px
}

.games-info>.txt .logo.pay.mastercard {
    background-color: #fff;
    box-shadow: 0 0 0 3px #0057a0
}

.games-info>.txt .logo.pay.diners>span {
    width: 189px;
    height: 36px;
    background-position: 0 -421px
}

.games-info>.txt .logo.pay.diners {
    background-color: #ccc;
    box-shadow: 0 0 0 3px #0057a0
}

.games-info>.info {
    overflow: hidden;
    padding: 15px 6% 3px;
    border: 1px solid #ccc
}

.games-info>.brand.first,
.games-info>.info.first {
    margin-bottom: 10px
}

.games-info>.info .header {
    overflow: hidden;
    margin-bottom: 10px
}

.games-info>.info .header:before {
    content: "";
    float: left;
    width: 72px;
    height: 72px;
    margin-right: 20px;
    box-shadow: 0 0 0 1px #ccc inset
}

.games-info>.info .header strong {
    display: block;
    overflow: hidden;
    padding: 12px 0 8px;
    font: normal 20px/20px Oswald, sans-serif
}

.games-info>.info .header span {
    display: block;
    font: italic normal 14px/14px Verdana, sans-serif
}

.games-info>.brand {
    overflow: hidden;
    padding: 0 15px;
    border: 1px solid #ccc
}

.games-info>.brand .logo {
    height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #ccc
}

.games-info>.brand ul {
    padding: 10px 0 8px;
    margin: 0;
    list-style: none;
    font: normal 14px/14px Verdana, sans-serif;
    color: grey;
    text-align: right
}

.games-info>.brand li {
    padding: 12px 0 0;
    height: 28px
}

.games-info>.brand li span {
    float: left;
    max-width: 50%;
    padding-right: 5%;
    text-align: left;
    font-weight: 700;
    font-style: italic;
    color: #101010
}

.games-info>.brand li span.nobold {
    font-weight: inherit
}

@media(min-width:400px) {
    .games-info>.img a,
    .games-info>.img>img {
        width: 49%;
        margin: 0 auto .8%
    }
    .games-info>.img a:first-child,
    .games-info>.img>img:first-child {
        margin: 0 2% .8% 0
    }
    .games-info>.img a:first-child,
    .games-info>.img img:first-child {
        float: left
    }
}

@media(min-width:600px) {
    .games-info>.img {
        margin: 0 0 1.5%
    }
    .games-info>.info {
        padding: 15px 3% 3px
    }
    .games-info>.brand.first,
    .games-info>.info.first {
        float: left;
        margin-bottom: 0;
        margin-right: 1.5%
    }
    .games-info>.info.first {
        width: 43%
    }
    .games-info>.brand.first {
        width: 43.8%
    }
}

@media(min-width:768px) {
    .games-info>.img a span {
        max-width: 220px;
        padding: 12px;
        font-size: 28px
    }
}

@media(min-width:1200px) {
    .games-info {
        overflow: hidden;
        position: relative;
        padding: 1%;
        max-width: none
    }
    .games-info>.text._l:before {
        padding-bottom: 25%;
        background-size: contain
    }
    .games-info>.txt {
        border: 1px solid #d6d8d9;
        overflow: hidden;
        padding: 10px 10px 0;
        height: 238px;
        line-height: 168px
    }
    .games-info>.txt.left {
        float: left;
        width: 30%;
        margin-right: 1%
    }
    .games-info.x3-logos>.txt.left {
        float: left;
        width: 31%;
        margin-right: 3.5%;
        height: auto;
        line-height: inherit;
        box-sizing: border-box;
        padding-bottom: 10px
    }
    .games-info.x3-logos>.txt.left:last-child {
        margin-right: 0
    }
    .games-info>.txt.right {
        float: right;
        width: 30%;
        margin-left: 1%
    }
    .games-info>.info {
        padding: 9px 2% 0;
        height: 239px;
        line-height: 167px
    }
    .games-info>.info.first {
        width: 28.3%
    }
    .games-info>.info .header {
        margin: 0
    }
    .games-info>.brand {
        padding: 0 2%
    }
    .games-info>.brand.first {
        width: 29.5%
    }
    .games-info>.brand .logo {
        height: 80px;
        line-height: 80px
    }
    .games-info>.brand ul {
        padding: 24px 0 23px
    }
    .games-info>.pic.left {
        float: left;
        width: 30%;
        margin-right: 1.5%;
        margin-bottom: 0;
        overflow: hidden
    }
    .games-info>.pic.right {
        float: right;
        width: 30%;
        margin-left: 1.5%;
        margin-bottom: 0;
        overflow: hidden
    }
    .games-info>.pic img {
        max-width: none;
        float: right
    }
    .games-info>.img {
        width: 720px;
        float: left;
        margin: 0
    }
    .games-info>.img a,
    .games-info>.img a:first-child,
    .games-info>.img>img,
    .games-info>.img>img:first-child {
        margin: 0;
        width: initial
    }
    .games-info>.txt li {
        margin: 0 2%
    }
    .games-info>.info li.l span,
    .games-info>.txt li.l span {
        height: auto
    }
    .games-info>.txt li .logo>span {
        max-width: 190px
    }
    .games-info>.txt .list {
        height: 160px;
        line-height: 160px
    }
    .games-info>.txt .logo {
        margin: 0
    }
    .games-info .img.right {
        float: right
    }
    .games-info {
        padding: 1.3%
    }
    .games-info>.img {
        width: 750px
    }
    .games-info>.brand {
        padding: 0 3%
    }
    .games-info>.brand.first {
        width: 27.5%
    }
    .games-info>.info {
        padding: 19px 3% 0;
        height: 229px;
        line-height: 157px
    }
    .games-info>.info.first {
        width: 25.5%
    }
    .games-info>.text {
        padding: 0 1%
    }
    .games-info>.text._l:before {
        padding-bottom: 29%
    }
    .games-info>.txt {
        padding: 20px 20px 0;
        height: 228px;
        line-height: 158px
    }
    .games-info.x3-logos>.txt.left {
        padding: 20px
    }
    .games-info.dev>.txt {
        height: auto
    }
    .games-info>.txt li {
        padding: 0 25px;
        margin: 0
    }
    .games-info>.txt li .logo>span {
        max-width: none
    }
    .games-info>.img a,
    .games-info>.img a:first-child,
    .games-info>.img>img,
    .games-info>.img>img:first-child {
        margin-right: 15px;
        width: initial
    }
    .games-info>.img.right a,
    .games-info>.img.right>img {
        margin: 0
    }
    .games-info>.img.right a:first-child,
    .games-info>.img.right>img:first-child {
        margin-right: 15px;
        margin-left: 15px
    }
    .games-info>.txt .list {
        height: 140px;
        line-height: 140px
    }
    .games-info>.txt .logo {
        margin: auto auto 0
    }
    .games-info>.txt .logo+p {
        margin-top: 10px;
        line-height: 2
    }
}

.border-shadow,
.gallery-box {
    margin: 0 auto 20px;
    box-shadow: 0 0 7px rgba(204, 204, 204, .72);
    padding: 2%
}

.gallery-box:after {
    content: '';
    display: block;
    clear: both
}

.gallery-box img {
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0
}

.gallery-box img:first-child {
    margin: 0
}

@media(min-width:500px) {
    .gallery-box img {
        width: 49%;
        margin: 0 0 10px 1%;
        float: left
    }
    .gallery-box img:first-child {
        margin: 0
    }
    .gallery-box img:nth-child(2) {
        float: right
    }
    .gallery-box img:last-child {
        clear: right;
        width: 100%;
        margin: 0;
        display: block;
        float: none
    }
}

@media(min-width:768px) {
    .gallery-box img:first-child,
    .gallery-box img:last-child,
    .gallery-box img:nth-child(2) {
        width: 32.66%;
        margin: 0 0 0 1%;
        float: left
    }
    .gallery-box img:first-child {
        margin: 0
    }
}

.cc-providers {
    margin: 0 auto 20px;
    box-shadow: 0 0 7px rgba(204, 204, 204, .72);
    padding: 2%;
    max-width: 742px
}

.cc-providers>.info {
    overflow: hidden;
    padding: 15px 6% 3px;
    border: 1px solid #ccc
}

.cc-providers>.info.first {
    margin-bottom: 10px
}

.cc-providers>div>div {
    padding: 15px 0;
    min-height: 35px;
    vertical-align: middle;
    border-bottom: 1px solid #ccdce1;
    text-align: left
}

.cc-providers>div>strong {
    font: 18px/4px "Roboto Condense";
    color: #585858
}

.cc-providers>.info ul {
    padding-left: 15px
}

.cc-providers>.info li {
    font: normal 13px/16px Verdana, sans-serif;
    color: #519fcd
}

.cc-providers>.info li>span {
    display: block;
    margin-left: -15px;
    padding-bottom: 30px;
    color: #717171
}

@media (min-width:600px) {
    .cc-providers>.info {
        padding: 15px 3% 3px
    }
    .cc-providers>.info.first {
        width: 43%;
        float: left;
        margin-bottom: 0;
        margin-right: 1.5%
    }
}

@media (min-width:1024px) {
    .cc-providers {
        overflow: hidden;
        position: relative;
        padding: 1%;
        max-width: none
    }
    .cc-providers>.info li.l span {
        height: auto
    }
}

.image-box {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.image-box:after {
    content: '';
    clear: both;
    display: table;
    height: 0
}

.image-box.blue-w {
    padding: 0 2.1%;
    background: #deeff5;
    margin: 0
}

.image-box.blue-w.last {
    margin: 0 0 20px;
    padding: 1.6% 1.6% 20px
}

.image-box.blue-w.top-offer span {
    display: block;
    font-size: 26px;
    line-height: 30px;
    color: #32a7cc;
    font-weight: 700
}

.image-box.blue-w.top-offer strong {
    padding: 10px 15px
}

.image-box.blue-w.top-offer a>span {
    color: #fff
}

.image-box.c4 li {
    width: 100%;
    line-height: 0
}

.image-box li {
    margin: 20px auto 0;
    position: relative;
    max-width: 285px
}

.image-box.c1 li {
    margin: 0 auto
}

.image-box li a {
    position: relative;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    line-height: 0;
    background: #002f3f
}

.image-box li a img {
    transition: opacity .4s
}

.image-box li a:hover img {
    opacity: .4
}

.image-box li .cbox:after {
    content: "";
    width: 42px;
    height: 42px;
    background: url(bg/lightbox-hover.png) no-repeat 0 0;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -150%;
    opacity: 0;
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.image-box li .cbox:hover:after {
    bottom: 0;
    opacity: 1
}

.image-box li a>span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 24px;
    display: none;
    -webkit-transition: opacity .8s ease;
    transition: opacity .8s ease;
    display: block;
    opacity: 0
}

.image-box li a>.act,
.image-box li a>.act-2 {
    width: 150px;
    height: 29px;
    padding: 3.8% 15px;
    max-width: 65%;
    z-index: 2
}

.image-box li a>.act.wide {
    font-size: 16px
}

.image-box li a:hover>.act,
.image-box li a:hover>.act-2 {
    opacity: 1
}

.blue-w.image-box li a>.act {
    font-size: 21px;
    line-height: 22px;
    padding: 16px;
    width: 167px;
    height: 21px
}

.image-box img {
    max-width: 100%;
    height: auto;
    width: 100%
}

.image-box .txt {
    padding: 10.8% 5.4%;
    display: inherit;
    font: italic normal 12px/22px Verdana, sans-serif
}

.image-box strong.title {
    color: #191919;
    font: normal normal 22px/22px Oswald, sans-serif;
    padding: 22px 15px;
    display: block;
    border-bottom: 1px solid #cbcbcb;
    margin: 0 0 8px;
    position: relative;
    text-align: center
}

.image-box strong.title:before {
    content: '';
    width: 88px;
    display: inline-block;
    position: absolute;
    height: 3px;
    background: #fe861d;
    bottom: -2px;
    tpo: 0;
    left: 0;
    margin: auto
}

.image-box.blue-w strong {
    background: #fff;
    font: normal normal 19px/19px Oswald, sans-serif;
    display: block;
    padding: 14px 5px;
    text-align: center
}

.image-box.blue-w strong strong {
    font: bold 35px/1 Oswald, sans-serif;
    padding: 3px;
    color: #23a0c9
}

.image-box.blue-w.top-offer .bonus-box-terms {
    padding: 0 10px 10px
}

.image-box.blue-w.top-offer .bonus-box-terms,
.image-box.blue-w.top-offer .bonus-box-terms span {
    background: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 12px;
    color: #9c9a9a;
    font-weight: 300
}

.image-box.blue-w.top-offer .bonus-box-terms span {
    display: inline
}

.image-box.blue-w.top-offer.with-terms li>strong>span {
    font-size: 30px;
    line-height: 35px;
    color: #3991e3
}

.image-box.blue-w.top-offer .bonus-box-terms .trigger-terms {
    text-decoration: none;
    font-weight: 400;
    color: #616060
}

.image-box.blue-w.top-offer .bonus-box-terms .trigger-terms:hover {
    text-decoration: underline
}

.image-box.without-imgs li a {
    background: no-repeat center/cover;
    padding-bottom: 59.25%
}

@media(min-width:480px) {
    .image-box.c1 {
        float: left;
        margin: 7px 0 15px;
        max-width: 50%
    }
    .image-box.c1.left {
        float: left;
        margin-right: 3%
    }
    .image-box.c1.right {
        float: right;
        margin-left: 3%
    }
    .image-box.c4 li {
        width: 47%;
        float: left;
        margin: 20px 1.5% 0
    }
    .image-box.blue-w.last {
        padding: 0 2% 20px
    }
    .image-box.blue-w {
        margin: 0
    }
    .image-box.blue-w {
        text-align: center
    }
    .image-box li {
        max-width: none
    }
    .image-box.with-terms {
        display: flex;
        flex-flow: row wrap
    }
    .image-box.with-terms li {
        background: #fff;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        align-items: stretch
    }
}

@media(min-width:767px) {
    .image-box.c4 li {
        width: 24.1%;
        margin: 0 0 0 1.2%
    }
    .image-box.blue-w.c4 li {
        width: 23%;
        margin: 16px 1% 0
    }
    .image-box li:nth-child(odd) {
        margin: 0 0 0 .9%
    }
    .image-box.c1 li {
        margin: 0
    }
    .image-box.c4 li:first-child {
        margin: 0
    }
    .image-box.blue-w.c4 li:first-child {
        margin: 16px 1% 0
    }
    .image-box strong {
        font-size: 16px;
        line-height: 15px;
        padding: 14px 5px
    }
    .image-box.blue-w {
        margin: 0;
        padding: 0 1.1%
    }
    .image-box.blue-w:first-child {
        margin: 0
    }
    .image-box.blue-w.last {
        padding: 0 1.1% 20px
    }
    .image-box.blue-w.c4 .act {
        font-size: 15px;
        line-height: 16px;
        width: 105px;
        height: 14px
    }
}

@media(min-width:980px) {
    .image-box.blue-w strong {
        font-size: 19px;
        line-height: 19px;
        padding: 14px 15px
    }
    .image-box.blue-w.c4 .act {
        font-size: 21px;
        line-height: 22px;
        padding: 16px 16px;
        width: 167px;
        height: 21px
    }
    .image-box.blue-w {
        padding: 0 1%
    }
    .image-box.blue-w.c4 li,
    .image-box.blue-w.c4 li:first-child {
        margin: 20px 1% 0
    }
}

@media(min-width:1050px) {
    .image-box img {
        width: 100%
    }
    .image-box.c4 li {
        width: 24.2%;
        margin: 0 0 0 1.066%
    }
    .image-box.blue-w {
        padding: 0 .8%
    }
    .image-box.blue-w.c4 li {
        width: 23.4%;
        margin: 20px .8% 0
    }
    .image-box.blue-w.c4 li:first-child {
        margin: 20px .8% 0
    }
}

.composite {
    margin: 0 auto 20px;
    text-align: center
}

.composite.bg1 {
    background: #f9f5ec url(/style/bg/composite-bg1.jpg) no-repeat center 0;
    padding: 45px 10px 20px
}

.composite.bg2 {
    background: #bfe0eb;
    padding: 0 0 10px
}

.composite.bg3 {
    padding: 20px 0 10px;
    background: #4d8f37;
    background: -moz-linear-gradient(top, #4d8f37 0, #4d9a3a 15%, #4d9a3a 86%, #4c8234 100%);
    background: -webkit-linear-gradient(top, #4d8f37 0, #4d9a3a 15%, #4d9a3a 86%, #4c8234 100%);
    background: linear-gradient(to bottom, #4d8f37 0, #4d9a3a 15%, #4d9a3a 86%, #4c8234 100%)
}

.composite .title {
    font: normal 18px/19px "Roboto Slab", sans-serif;
    color: #161616;
    text-align: center;
    padding: 12px;
    margin: 0 auto 10px;
    border-bottom: 1px dashed #fff
}

.composite .title.v2 {
    border-bottom: 1px solid #fff;
    font-size: 1.3em
}

.composite .img {
    display: inline-block;
    margin: 0 10px 10px;
    vertical-align: bottom
}

.composite .img img {
    max-width: 100%;
    height: auto
}

.composite .img>span {
    display: block;
    max-width: 330px;
    font: normal 11px/15px Verdana, sans-serif;
    color: #28353a;
    padding-top: 12px;
    text-align: left
}

.composite.size2 .img>span {
    font-size: 13px
}

.composite .img>strong {
    display: block;
    margin: 0 auto;
    font: normal bold 18px/18px "Roboto Slab", sans-serif;
    color: #161616
}

.composite.style1 .img>strong {
    padding: 10px;
    color: #828282
}

.composite.style2 .img>strong {
    max-width: 160px;
    color: #fff
}

.composite.style2 .img>strong span {
    color: #d4ed00
}

@media(min-width:767px) {
    .composite.ver2 .img {
        padding: 15px 0 0;
        max-width: 29%
    }
    .composite.ver2 .img.up {
        padding-top: 0
    }
}

@media(min-width:980px) {
    .composite.justified {
        text-align: justify
    }
    .composite.justified:after {
        content: "";
        display: inline-block;
        width: 100%
    }
    .composite.wider .img {
        width: 29%
    }
    .composite.ver2 .img {
        max-width: 30%
    }
}

@media(min-width:1120px) {
    .composite.wider .img {
        width: 31%
    }
    .composite.ver2 .img {
        max-width: 31%
    }
    .composite.style2 .img {
        margin: 0 20px 10px
    }
}

.composite2,
.composite3,
.composite4,
.composite5 {
    position: relative;
    height: 0;
    padding: 0 0 65%;
    margin: 0 auto 20px
}

.composite2 img,
.composite3 img,
.composite4 img,
.composite5 img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.composite2 .left,
.composite3 .left,
.composite4 .left,
.composite5 .left {
    left: 2%;
    max-width: 70%;
    z-index: 1
}

.composite2 .right,
.composite3 .right,
.composite4 .right,
.composite5 .right {
    right: 2%;
    max-width: 33%;
    z-index: 2
}

@media(min-width:600px) {
    .composite2,
    .composite3,
    .composite4,
    .composite5 {
        padding-bottom: 41%
    }
    .composite2:after,
    .composite2:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 56%;
        margin: auto;
        background: #eff7fa url(/style/bg/composite2-1.jpg) no-repeat center left;
        background-size: contain;
        border: 1px solid #ccc;
        box-shadow: 0 0 0 10px #eff7fa inset
    }
    .composite2:after {
        left: auto;
        right: 0;
        background-image: url(/style/bg/composite2-2.jpg);
        background-position: center right
    }
    .composite2 .left {
        left: 27%;
        max-width: 50%;
        margin-left: -80px
    }
    .composite2 .right {
        right: 28%;
        max-width: 22%;
        margin-right: -70px
    }
    .composite3:after,
    .composite3:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 56%;
        margin: auto;
        background: url(/style/bg/composite3-1.png) no-repeat center left;
        background-size: contain;
        border: 1px solid #ccc
    }
    .composite3:after {
        left: auto;
        right: 0;
        background-image: url(/style/bg/composite3-2.png);
        background-position: center right
    }
    .composite3 .left {
        left: 22%;
        max-width: 66%;
        margin-left: -80px
    }
    .composite3 .right {
        right: 25%;
        max-width: 24%;
        margin-right: -70px
    }
    .composite4:after,
    .composite4:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 56%;
        margin: auto;
        background: url(/style/bg/composite4-1.png) no-repeat center left;
        background-size: contain;
        border: 1px solid #ccc;
        box-shadow: 0 0 0 10px #eff7fa inset
    }
    .composite4:after {
        left: auto;
        right: 0;
        background-image: url(/style/bg/composite4-2.png);
        background-position: center right
    }
    .composite4 .left {
        left: 18%;
        max-width: 65%;
        margin-left: -80px
    }
    .composite4 .right {
        right: 20%;
        max-width: 35%;
        margin-right: -70px
    }
    .composite5:after,
    .composite5:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 56%;
        margin: auto;
        background: url(/style/bg/composite5-1.jpg) no-repeat center left;
        background-size: contain;
        border: 1px solid #ccc;
        box-shadow: 0 0 0 10px #eff7fa inset
    }
    .composite5:after {
        left: auto;
        right: 0;
        background-image: url(/style/bg/composite5-2.jpg);
        background-position: center right
    }
    .composite5 .left {
        left: 18%;
        max-width: 65%;
        margin-left: -80px
    }
    .composite5 .right {
        right: 31%;
        max-width: 35%;
        margin-right: -70px
    }
}

.blurbox {
    padding: 10px 2% 3%;
    text-align: center;
    margin: 0 auto 20px;
    background: #4f3832 url(/style/bg/aggr5.jpg) no-repeat 0 0;
    background-size: cover
}

.blurbox>.title {
    padding-bottom: 10px;
    margin: 0 1%;
    font: bold 26px/32px Oswald, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px #000;
    border-bottom: 4px solid #fff
}

.blurbox .info {
    margin: 15px 1% 0
}

.blurbox .info .title {
    color: #fff;
    font: normal bold 22px/22px Oswald, sans-serif;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px #000;
    padding: 0 0 15px
}

.blurbox .info .title span {
    font-weight: 200;
    text-transform: none
}

.blurbox .list,
.blurbox .text {
    background: #fff;
    text-align: center
}

.blurbox .text p {
    padding: 0 15px 15px;
    text-align: left
}

.blurbox .info .img {
    padding: 15px 15px 10px;
    text-align: center
}

.blurbox .info .img img {
    max-width: 100%;
    height: auto
}

.blurbox .list ul {
    display: inline-block;
    overflow: hidden;
    max-width: 94%;
    list-style: none;
    padding: 20px 0;
    margin: 0;
    font: normal 15px/17px Verdana, sans-serif;
    text-align: left
}

.blurbox .list ul li {
    text-indent: -21px;
    padding: 7px 0 7px 21px
}

@media(min-width:480px) {
    .blurbox .info .title {
        padding: 0 0 15px
    }
    .blurbox .list {
        text-align: left
    }
    .blurbox .list .img {
        display: inline-block;
        width: 26%;
        padding: 2%;
        vertical-align: middle
    }
    .blurbox .list:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }
    .blurbox .list ul {
        max-width: 67%;
        margin-left: 0;
        vertical-align: middle
    }
}

@media(min-width:768px) {
    .blurbox {
        overflow: hidden
    }
    .blurbox .info {
        width: 48%;
        float: left
    }
    .blurbox .info .title {
        text-align: right
    }
    .blurbox .list {
        text-align: center
    }
    .blurbox .list .img {
        width: auto;
        display: block;
        height: 120px
    }
    .blurbox .list .img img {
        max-height: 100%;
        width: auto
    }
    .blurbox .list ul {
        max-width: 90%
    }
}

@media(min-width:1024px) {
    .blurbox .info {
        margin-top: 30px
    }
    .blurbox .list {
        text-align: left
    }
    .blurbox .list .img {
        display: inline-block;
        width: 30%;
        height: auto
    }
    .blurbox .list .img img {
        max-height: none
    }
    .blurbox .list ul {
        max-width: 63%
    }
}

.aggr3.ver6 {
    padding: 1.8% 1.8% 16px;
    max-width: 1040px;
    background: #57392f url(/style/bg/aggr6.jpg) no-repeat 0 0
}

.aggr3.ver6 .title {
    color: #fff;
    font: normal bold 45px/49px Oswald, sans-serif;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 1px 2px 6px #000;
    padding: 8px
}

.aggr3.ver6 .title span {
    font-weight: 300;
    text-transform: none;
    display: block
}

.aggr3.ver6 .prov-cont {
    text-align: center;
    font-size: 0
}

.aggr3.ver6 .prov-img {
    font-size: 15px;
    line-height: 18px;
    padding: 18px 18px 0;
    background: #fff;
    display: inline-block;
    margin: 12px 4px 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.aggr3.ver6 .prov-img:hover {
    box-shadow: 0 0 18px 4px rgba(24, 22, 22, .77);
    -ms-transform: translate(0, -5px);
    -webkit-transform: translate(0, -5px);
    transform: translate(0, -5px)
}

.aggr3.ver6 .prov-img:hover .logo>span {
    margin: -15px 0 0
}

.aggr3.ver6 .prov-img img {
    max-width: 100%;
    height: auto
}

.aggr3.ver6 .prov-img .logo {
    display: block;
    height: 70px;
    line-height: 70px
}

.aggr3.ver6 .prov-img .txt {
    display: block;
    height: 70px;
    line-height: 70px;
    max-width: 170px;
    text-align: center
}

.aggr3.ver6 .prov-img .txt>span {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    line-height: 20px
}

.aggr3.ver6 .prov-img .logo>span {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

@media(min-width:360px) {
    .aggr3-wrapper {
        overflow: auto;
        margin: auto auto 20px
    }
    .aggr3.ver6.bg6 {
        width: 880px;
        max-width: none
    }
    .aggr3.ver6 .title {
        text-align: left
    }
    .aggr3.ver6 .prov-cont {
        text-align: left
    }
    .aggr3.ver6.x5 {
        width: 100%;
        min-width: 654px
    }
}

@media(min-width:930px) {
    .aggr3.ver6.bg6 {
        width: auto;
        max-width: 1122px;
        padding: 1.6% 2.3% 2.3%;
        margin: auto;
        background-size: cover
    }
    .aggr3.ver6 .title {
        text-align: center
    }
    .aggr3.ver6 .prov-cont {
        text-align: center
    }
}

@media(min-width:1050px) {
    .aggr3.ver6 {
        padding: 33px
    }
    .aggr3.ver6.x5 .prov-cont {
        text-align: center
    }
    .aggr3.ver6 .title {
        float: right;
        display: inline-block;
        width: 28%
    }
    .aggr3.ver6 .prov-cont {
        text-align: left
    }
    .aggr3.ver6.x5 .title {
        padding: 14% 10px 0
    }
}

@media(min-width:1120px) {
    .aggr3.ver6 {
        padding: 18px 40px 30px
    }
    .aggr3.ver6 .title {
        width: 30%
    }
    .aggr3.ver6 .prov-img {
        margin: 12px 7px 0
    }
}

.table.even tr:nth-child(even),
.table.odd tr:nth-child(odd) {
    background: #f9f9f9
}

.table.left,
.table.right {
    float: none
}

.table tr.blank {
    height: 12px
}

.table {
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0 0 20px
}

.table.b strong,
.table.b td:first-child,
.table.b.third-bold td:nth-child(3) {
    font: bold 14px/15px Verdana, sans-serif;
    color: #585858
}

.table.bold td {
    font-weight: 700
}

.table.b.tc td {
    text-align: center
}

.table table {
    width: 100%;
    border: 1px solid #d7d7d7;
    margin: auto;
    background: #fff
}

.table caption {
    background: #556d8f;
    color: #fff;
    font: normal 19px/19px "Roboto Condensed", sans-serif;
    padding: 11px;
    border-bottom: 1px solid #fff
}

.table th {
    background: #34465f;
    color: #fff;
    font: normal 19px/19px "Roboto Condensed", sans-serif;
    padding: 11px;
    position: relative;
    border-top: 1px solid #34465f;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff
}

.table.y-r.centertd table th:first-child {
    width: 140px
}

.table th:last-child {
    border-right: 1px solid #34465f
}

.table th:first-child {
    border-left: 1px solid #34465f
}

.single-deck .table th:last-child {
    border-right: none
}

.table td {
    color: grey;
    padding: 19px 22px;
    font: normal 14px/17px Verdana, sans-serif;
    border: 1px solid #d7d7d7
}

.table.y-r td.td-r {
    background-color: #92d050
}

.table.y-r td.td-y {
    background-color: #ff3838
}

.table.y-r td.td-r,
.table.y-r td.td-y {
    color: #000
}

.table.centertd td {
    text-align: center
}

.table.biggest-jackpots td {
    text-align: center;
    font: italic normal 15px/20px Verdana, sans-serif;
    color: #454545
}

.table ._l span a {
    display: block;
    height: 100%
}

.table .tdyes {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMVJREFUeNpiDJx/lgEdWKvFw5jhQNwFxDuBeBdjz1EduKKjtxYiKxQC4itALAnln2fCYSIItCAp/A6yhYkBO7AB4kwkfhoQ34YpNgBiVSibDYgnIylcAsUMIMVeQHwAiFdCJbOgmkHgCRDnwHSxAHETEPMDsSEQzwFiVyRTE4H4I4zDBHXPWyg/GYjloOxeIN4DU+jYKgVWfA6Ig4D4D5KJp4G4FN3XMA8eAuIkJHGQDf/RFbMgsRcDsTEQvwDiy9jCEyDAADMQJP6OVWTPAAAAAElFTkSuQmCC) no-repeat center;
    text-indent: -9999px
}

.table .tdno {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAI5JREFUeNpcj9ENgzAMRF2LOaAwCfz0gylaOhdhFFiAGVqySHsWl9aypadY9pN8uezjTVA1SOAJDjmrATOYQK4oraDjO1C0vi0zExdK4halF+4W5bm3/Kt1knA3KZshyF7qLbdy8CGxfjPl77ZwTkLmRvmZazgXMycT7+AVMvVOtt3DxMzFWoITP8tfAQYACUslnQla8gIAAAAASUVORK5CYII=) no-repeat center;
    text-indent: -9999px
}

.table ._l.gbb,
.table ._l.grb,
.table ._l.gsb {
    padding: 0
}

.table ._l.m {
    padding: 0 5px
}

.table ._l.gbb span,
.table ._l.grb span,
.table ._l.gsb span {
    display: block;
    width: 300px;
    height: 95px;
    margin: auto;
    background-size: contain
}

.table ._l.m span {
    width: 200px;
    height: 50px
}

@media only screen and (max-width:736px) {
    .table.bold table td,
    .table.centertd td {
        padding: 12px 10px;
        min-width: 80px;
        font-size: 12px
    }
}

.table td.ico3:before,
.table th.ico3:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px
}

.table td.ico3,
.table th.ico3 {
    line-height: 20px;
    position: relative;
    text-align: left
}

.table th.ico3 {
    padding: 9px 17px 9px 56px
}

.table td.ico3 {
    padding: 17px 17px 17px 56px
}

.table td.bigicon {
    height: 42px;
    padding-left: 96px;
    position: relative
}

.table td.bigicon:before {
    content: "";
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 25px;
    margin: auto;
    background: url(/style/bg/icons-table.png) no-repeat 0 0
}

.table td.bigicon.roulette:before {
    background-position: 0 0
}

.table td.bigicon.blackjack:before {
    background-position: 0 -44px
}

.table td.bigicon.video:before {
    background-position: 0 -88px
}

.table td.bigicon.cards:before {
    background-position: 0 -132px
}

.table.mp td {
    padding: 19px 2.5% 19px 5%
}

.table.mp.third-bold td {
    padding: 19px
}

.table.mp td:first-child {
    width: 27%
}

.table.mp.third-bold td:first-child {
    width: 12%
}

.table.st_2 table {
    border-spacing: 10px 0;
    border-collapse: separate;
    border: 0
}

.table.st_2 td {
    border-top: 0
}

.table.st_2.sf table td {
    color: #000
}

.table.st_2.sf table td span {
    font-size: 13px
}

.table.st_2 td span {
    line-height: 20px;
    color: grey
}

.table.st_2 td._email span {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.table.st_2 table td {
    color: #3a3a3a
}

.table.st_2 table td span {
    font-weight: 400;
    display: block
}

.table.st_2 .no,
.table.st_2 .yes {
    font-style: italic
}

.table.st_2 .no span,
.table.st_2 .yes span {
    font-style: normal
}

.table.st_2 .yes span:after,
li.yes:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 15px;
    vertical-align: middle;
    background: url(/style/bg/misc.png) no-repeat 0 -80px
}

.table.st_2 .no span:after,
li.no:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-left: 15px;
    vertical-align: middle;
    background: url(/style/bg/misc.png) no-repeat -20px -80px
}

li.no:after,
li.yes:after {
    display: none
}

.table.st_2.st_4.even.bold .footnote {
    margin: 20px 0 0 0;
    font: normal 12px/12px Verdana, sans-serif;
    text-align: right
}

.table.st_2.st_4.even.bold .footnote strong {
    font-style: italic;
    font-weight: 700
}

.table.st_3 {
    text-align: center
}

.table.st_3 div,
.table.st_3 h3,
.table.st_3 h4 {
    font: normal 23px/23px "Roboto Condensed", sans-serif;
    color: #34465f
}

.table.st_4 {
    text-align: center;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 0
}

.table.st_4 .tb-img span {
    font: italic 400 17px/17px Verdana, sans-serif;
    color: #3a3a3a;
    padding: 5.7% 0;
    display: block
}

.table.st_4 .tb-img.bg {
    background: no-repeat center;
    background-size: cover;
    text-indent: -9999px;
    position: relative
}

.table.st_4 .tb-img.bg:after {
    content: '';
    position: absolute;
    width: 182px;
    height: 92px;
    top: 20px;
    right: 20px
}

.table.st_4 .tb-img.bg.bg1.french:after {
    background-image: url(/style/bg/french-roulette-logo.png)
}

.table.st_4 .tb-img.bg.bg1.american:after {
    background-image: url(/style/bg/american-roulette-logo.png);
    width: 194px
}

.table.st_4 .tb-img.bg.bg1.mini:after {
    background-image: url(/style/bg/mini-roulette-logo.png);
    width: 238px
}

.table.st_4 .tb-img.bg.bg1.card:after {
    background-image: url(/style/bg/card-roulette-logo.png);
    width: 184px
}

.table.st_4 .tb-img.bg1 {
    background-image: url(/style/bg/tb-img-bg1.jpg)
}

.table.st_4 .tb-img {
    display: none;
    border: 1px solid #dfdfdf;
    background: #eff7fa
}

.table.st_4 .tb-img-info {
    text-align: center;
    position: relative;
    display: table;
    width: 100%
}

.table.st_5 table:first-child {
    margin: 0 0 20px
}

.table.st_4 th {
    padding: 10px 11px;
    line-height: 18px
}

.table.st_5 td {
    color: #3a3a3a
}

.table.st_6 {
    margin: 0 0 20px
}

.table.st_6 td {
    color: #3a3a3a;
    padding: 19px 36px
}

.table.st_7 .tb-img-info .tb-img {
    display: none
}

.table.st_7 .tb-img-info .tb-img img {
    max-width: 100%;
    height: auto
}

.table.st_7 .tb-img-info table {
    overflow: hidden;
    width: auto;
    border-spacing: 0
}

.table.st_7 .tb-img-info table td {
    padding: 18px 9.1%;
    text-align: left
}

@media(min-width:480px) {
    .table.st_4 table {
        table-layout: fixed
    }
}

@media(min-width:640px) {
    .table.st_2 td._email span {
        max-width: 220px
    }
    .table.st_5 table:first-child {
        float: left;
        margin: 0 1% 0 0
    }
    .table.st_5 table {
        width: 49.5%
    }
    .table.st_6 {
        width: 49.5%
    }
    .table.st_6.right {
        float: right;
        margin: 6px 0 20px 1%
    }
    .table.st_6.left {
        float: left;
        margin: 0 1% 0 0
    }
}

@media(min-width:767px) {
    .table.st_4 .tb-img {
        width: 38.5%;
        vertical-align: middle;
        display: table-cell;
        padding: 0 1%
    }
    .table.st_4 .tb-img img {
        max-width: 100%;
        height: auto
    }
    .table.st_4 table {
        width: 99%;
        margin: 0 0 0 1%
    }
    .table.st_7 .tb-img-info table td {
        padding: 0 9.1%;
        height: 69px
    }
    .table.st_7 .tb-img-info .tb-img {
        display: inline-block;
        float: left
    }
}

@media(min-width:840px) {
    .table.st_2 table {
        table-layout: fixed
    }
}

@media(min-width:860px) {
    .table.st_7 .tb-img-info .tb-img {
        margin-right: 20px
    }
}

@media(min-width:980px) {
    .table.st_3 table {
        max-width: 80%
    }
    .table.st_4 .tb-img {
        width: 36.5%
    }
}

@media(min-width:1024px) {
    .table.st_2 table td span {
        float: right;
        text-align: right
    }
}

.colortable {
    display: block;
    margin: 0 -5px 20px;
    padding: 0;
    background: #ebf9ff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.colortable div {
    overflow: auto
}

.colortable div.title,
.colortable h3 {
    padding: 21px 10px;
    margin: 0;
    font: 27px/27px "Roboto Condensed", sans-serif;
    text-align: center;
    color: #34465f
}

.colortable .headline {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    font: bold 16px/15px "open sans", sans-serif;
    color: #fff;
    background: #34465f
}

.colortable table {
    width: 100%;
    text-align: center
}

.colortable.single-deck table td {
    padding: 2px
}

.colortable caption {
    margin-left: 30px;
    font: 16px/35px "open sans", sans-serif;
    background: #34465f;
    border-bottom: none
}

.colortable th.vertical {
    max-width: 35px;
    width: 35px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    border-left: none;
    border-right: 2px solid #000;
    background: #34465f
}

.colortable th.vertical p {
    font: bold 16px/35px "open sans", sans-serif;
    color: #fff;
    padding: 0;
    margin: 0 -10em;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
}

.colortable td,
.colortable th {
    font-size: 14px;
    white-space: nowrap;
    line-height: 34px;
    min-width: 37px;
    color: #000;
    background: -moz-linear-gradient(top, #fff 0, #e3e3e3100%);
    background: -webkit-linear-gradient(top, #fff 0, #e3e3e3 100%);
    background: linear-gradient(to bottom, #fff 0, #e3e3e3 100%);
    border: 1px solid #cecece;
    border-top: none
}

.colortable.single-deck td,
.colortable.single-deck th {
    min-width: inherit;
    line-height: inherit
}

.colortable .lb {
    border-left: 2px solid #000
}

.colortable tr.bb {
    border-bottom: 2px solid #000
}

.colortable td.green,
.colortable ul .green:before {
    background: #92d050
}

.colortable td.blue,
.colortable ul .blue:before {
    background: #dce9f5
}

.colortable th.redgradient,
.colortable ul .redgradient:before {
    background: -moz-linear-gradient(top, #fff 0, #ff3838 100%);
    background: -webkit-linear-gradient(top, #fff 0, #ff3838 100%);
    background: linear-gradient(to bottom, #fff 0, #ff3838 100%)
}

.colortable td.red,
.colortable ul .red:before {
    background: #ff3838
}

.colortable td.orange,
.colortable ul .orange:before {
    background: #f8cbad
}

.colortable td.yellow,
.colortable ul .yellow:before {
    background: #fff2b3
}

.colortable td.lyellow,
.colortable ul .lyellow:before {
    background: #fffbe6
}

.colortable td.lilac,
.colortable ul .lilac:before {
    background: #e7dbff
}

.colortable td.gray,
.colortable ul .gray:before {
    background: #ccc
}

.colortable ul {
    display: table;
    margin: 30px auto;
    padding: 15px 8%;
    font: 12px/13px verdana;
    list-style: none;
    border: 1px solid #dae6ec;
    color: #454545;
    background: #fff;
    box-shadow: 1px 1px 1px 1px #dfecf2
}

.colortable li {
    line-height: 30px;
    padding-left: 38px;
    text-indent: -38px
}

.colortable.single-deck .onecol li:first-child {
    line-height: 20px
}

.colortable li span {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    text-indent: -13px;
    padding-left: 13px
}

.colortable li:before {
    display: inline-block;
    width: 34px;
    height: 26px;
    line-height: 26px;
    margin: 2px 4px 2px 0;
    vertical-align: middle;
    text-align: center;
    text-indent: 0
}

.colortable ul .st:before {
    content: "St"
}

.colortable ul .stand:before {
    content: "STD"
}

.colortable ul .stx:before {
    content: "St(x)"
}

.colortable ul .sh:before {
    content: "SH"
}

.colortable ul .sp:before {
    content: "Sp"
}

.colortable ul .dst:before {
    content: "D,St"
}

.colortable ul .h:before {
    content: "H"
}

.colortable ul .hit:before {
    content: "HIT"
}

.colortable ul .d:before {
    content: "D"
}

.colortable ul .dx:before {
    content: "D(x)"
}

.colortable ul .s:before {
    content: "S"
}

.colortable ul .nr:before {
    content: "n.r."
}

.colortable ul .star:before {
    content: "*"
}

.colortable ul .st46:before {
    content: "St4-6"
}

.colortable ul .d35:before {
    content: "D3-5"
}

.colortable ul .inches:before {
    content: "und ''"
}

.colortable ul .n0:before {
    content: "0"
}

.colortable ul .n1:before {
    content: "1"
}

.colortable ul .n2:before {
    content: "2"
}

.colortable ul .n3:before {
    content: "3"
}

.colortable ul .two-eight:before {
    content: "2-8"
}

.colortable ul .ds:before {
    content: "Ds"
}

.colortable ul .ph:before {
    content: "PH"
}

.colortable ul .ps:before {
    content: "PS"
}

.colortable ul .pd:before {
    content: "PD"
}

.colortable ul .dh:before {
    content: "Dh"
}

.colortable .tableleft {
    margin-bottom: 20px
}

@media(min-width:600px) {
    .colortable .tableleft,
    .colortable .tableright {
        width: 48%;
        float: left
    }
    .colortable .tableright {
        margin-left: 4%
    }
}

@media(min-width:600px) {
    .colortable {
        margin: 0 0 20px;
        padding: 0 5px;
        border: 1px solid #ccc
    }
    .colortable ul:not(.onecol) {
        width: 500px;
        padding: 15px 30px
    }
    .colortable ul:not(.onecol) li {
        display: inline-block;
        width: 42%
    }
    .colortable ul.fix {
        text-align: center;
        width: auto !important
    }
    .colortable ul.fix li {
        display: inline-block;
        width: auto !important;
        margin: 0 20px
    }
}

@media(min-width:900px) {
    .colortable {
        padding: 0 30px
    }
    .colortable td,
    .colortable th {
        min-width: 35px
    }
    .colortable ul:not(.onecol) {
        width: 700px
    }
    .colortable ul:not(.onecol) li {
        width: 27.5%
    }
    .colortable.single-deck td,
    .colortable.single-deck th {
        min-width: inherit
    }
}

.horiz-elem {
    padding: 5px 12px;
    margin: 0 auto 20px;
    text-align: center;
    border: 1px solid #ccc;
    box-shadow: 0 0 0 4px #fff inset, 0 0 0 5px #ccc inset
}

.horiz-elem .logo {
    display: block;
    padding: 22px 0
}

.horiz-elem .txt {
    position: relative;
    padding-bottom: 92px
}

.horiz-elem .txt>span {
    display: block;
    font: normal 21px/22px "Roboto Slab", sans-serif;
    color: #343434
}

.horiz-elem .txt>span>span>strong {
    display: block;
    padding-bottom: 5px;
    font: bold 36px/41px Oswald, sans-serif;
    color: #5a5a5a
}

.horiz-elem.smaller-strong .txt>span>span>strong {
    font-size: 30px;
    line-height: 32px
}

.horiz-elem .txt>span>span>b,
.horiz-elem .txt>span>span>strong strong {
    color: #23a0c9
}

.horiz-elem .txt>a {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 160px;
    margin: 22px auto;
    padding: 12px 30px;
    font-size: 22px;
    line-height: 22px
}

@media(min-width:600px) {
    .horiz-elem {
        position: relative;
        padding-left: 205px
    }
    .horiz-elem .logo {
        position: absolute;
        top: 5px;
        bottom: 5px;
        left: 5px;
        width: 200px;
        margin: auto;
        padding: 0;
        font-size: 0;
        border-right: 1px solid #ccc
    }
    article .horiz-elem .logo._l:before,
    article .horiz-elem .logo:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0
    }
    .horiz-elem .txt {
        padding-top: 15px;
        padding-bottom: 78px
    }
    .horiz-elem .txt>a {
        margin: 15px auto
    }
}

@media(min-width:900px) {
    .horiz-elem {
        position: static;
        display: table;
        padding: 0;
        margin: 1% auto 2.2%;
        border: none;
        box-shadow: none
    }
    .horiz-elem.full {
        display: block;
        max-width: 1000px
    }
    .horiz-elem .logo,
    .horiz-elem .txt {
        position: static;
        padding: 7px;
        box-shadow: 0 0 11px 1px #ececec, 0 0 0 6px #fff inset, 0 0 0 7px #ccc inset;
        height: 98px
    }
    .horiz-elem .logo {
        float: left;
        width: auto;
        padding: 7px 30px;
        margin-right: 10px;
        line-height: 98px;
        border: 0
    }
    .horiz-elem .logo._l:before {
        display: none
    }
    .horiz-elem .txt {
        display: flex;
        justify-content: space-around;
        flex-direction: row-reverse;
        text-align: left
    }
    .horiz-elem .txt>span {
        overflow: hidden;
        height: 98px;
        line-height: 95px;
        margin: 0 0 0 25px
    }
    .horiz-elem .txt>span>span {
        display: inline-block;
        vertical-align: middle;
        line-height: 22px
    }
    .horiz-elem .txt>span>span>strong {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 3px
    }
    .horiz-elem .txt>a {
        position: relative;
        float: right;
        width: auto;
        margin: 25px 50px 25px 25px
    }
}

@media(min-width:1024px) {
    .horiz-elem .logo {
        width: 200px;
        padding: 7px
    }
    .horiz-elem .txt>span>span>strong {
        font-size: 33px
    }
}

@-moz-document url-prefix() {
    @media(min-width: 900px) {
        .horiz-elem {
            display:block
        }
    }
    @media(min-width:1024px) {
        .horiz-elem {
            display: table
        }
        .horiz-elem.full {
            display: block
        }
        .horiz-elem .txt {
            display: inline-flex
        }
        .horiz-elem.full .txt {
            display: flex
        }
    }
}

.final-elem {
    padding: 7px;
    margin: 0 0 20px;
    position: relative;
    border: 1px solid #ccc
}

.final-elem div {
    text-align: center;
    margin: 0 0 7px
}

.final-elem .brand {
    padding: 5px 0
}

.final-elem .brand>span.logo {
    display: block;
    height: 125px;
    line-height: 125px;
    margin: auto
}

.final-elem .brand>span.logo.cb>span {
    width: 94%
}

.final-elem .bonus {
    font: normal 200 20px/22px "Roboto Condensed", sans-serif;
    color: #7d7d7d;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    white-space: nowrap
}

.final-elem .bonus span {
    display: inline-block;
    line-height: 70%;
    vertical-align: middle
}

.final-elem .bonus span strong {
    font: normal bold 196%/116% Oswald, sans-serif;
    color: #23a0c9;
    display: block;
    padding: 10px 0;
    white-space: pre
}

.final-elem .bonus span strong.small {
    font-size: 135%
}

.final-elem .bonus a {
    width: 210px;
    max-width: 80%;
    margin: 15px auto 0;
    padding: 12px;
    font-size: 110%;
    line-height: 100%
}

.final-elem .info {
    position: relative;
    vertical-align: middle;
    padding: 0 5px;
    margin: 0 0 170px
}

.final-elem .info ul {
    list-style: none;
    display: inline-block;
    text-align: left;
    padding: 0;
    vertical-align: middle;
    margin: 0 0 0 28px;
    font: normal 300 17px/21px "Roboto Condensed", sans-serif
}

.final-elem .info li {
    margin: 10px 0 0
}

.final-elem .info li.title {
    font: normal bold 141.5%/100% Oswald, sans-serif;
    color: #5a5a5a;
    text-align: center;
    margin: 15px 0 27px -29px
}

.final-elem .info li.title:before {
    display: none
}

.final-elem .info li.tick {
    font: normal normal 112%/90% Oswald, sans-serif;
    color: #747474;
    margin: 0
}

.final-elem .info ul li.no:before,
.final-elem .info ul li.tick:before,
.final-elem .info ul li.yes:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: middle;
    background: url(/style/bg/misc.png) no-repeat -16px -43px
}

.final-elem .info ul li.tick:before {
    background-position: 0 -43px;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    margin-left: -27px
}

.final-elem .info ul li.yes:before {
    margin-right: 14px;
    margin-left: -25px
}

.final-elem .info ul li.no:before {
    background-position: -27px -43px;
    width: 11px;
    height: 11px;
    margin-right: 14px;
    margin-left: -25px
}

.final-elem .info .license-logos {
    border: 0;
    border-top: solid 1px #d7d7d7;
    padding: 10px 0 0 0;
    margin-top: 20px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px
}

.final-elem .info .license-logos .license {
    display: inline-block;
    margin: 0 10px
}

.final-elem .info .license-logos .license span {
    display: block
}

@media(min-width:480px) {
    .final-elem {
        box-shadow: 0 0 11px 1px #ececec;
        border: 0;
        position: static
    }
    .final-elem div {
        border: 1px solid #ccc
    }
    .final-elem .bonus {
        position: static;
        margin-left: 201px;
        width: auto;
        height: 170px;
        font-size: 22px;
        line-height: 92px
    }
    .final-elem .bonus a {
        margin: 10px auto 0
    }
    .final-elem .brand {
        float: left;
        width: 21%;
        margin: 0 7px 0 0;
        min-width: 200px;
        height: 160px;
        line-height: 160px
    }
    .final-elem .brand>span.logo.cb>span {
        background-size: contain
    }
    .final-elem .info {
        margin: 0;
        padding: 15px 5px
    }
    .final-elem .info ul {
        font-size: 18px
    }
    .final-elem .info li {
        margin: 14px 0 0
    }
    .final-elem .info li.title {
        margin: 0 0 19px -29px
    }
    .final-elem.v2 .bonus {
        height: 190px
    }
    .final-elem.v2 .brand {
        height: 180px;
        line-height: 180px
    }
}

@media(min-width:480px)and (max-width:600px),
(min-width:767px) {
    .final-elem .bonus span.wupt {
        padding-top: 10px
    }
    .final-elem .bonus span.wupt strong {
        position: relative;
        margin-top: -5px
    }
    .final-elem .brand>span.logo._b>span {
        background-size: 90% auto
    }
}

@media(min-width:545px) {
    .final-elem .info li.title {
        text-align: left
    }
    .final-elem .brand {
        width: 50%
    }
    .final-elem .bonus {
        margin-left: 50.2%
    }
}

@media(min-width:600px) {
    .final-elem {
        padding: 1%
    }
    .final-elem:after {
        content: "";
        display: table;
        clear: both
    }
    .final-elem .bonus span.wupt {
        padding-top: 10px
    }
    .final-elem .bonus span.wupt strong {
        position: relative;
        margin-top: -5px
    }
}

@media(min-width:768px) {
    .final-elem .brand {
        width: 21%;
        margin: 0 1% 0 0
    }
    .final-elem .bonus {
        font-size: 18px;
        float: right;
        margin: 0 0 0 1%;
        padding: 0 .5%;
        width: 25%
    }
    .final-elem .bonus span {
        font-size: 125%
    }
    .final-elem .bonus span.wupt+a {
        margin-top: 5px
    }
    .final-elem .bonus a {
        width: 90%;
        padding: 15px 4px;
        margin: 15px auto 0
    }
    .final-elem .info {
        overflow: hidden;
        line-height: 170px;
        padding: 0 5px;
        height: 170px
    }
    .final-elem .info ul {
        display: inline-block;
        margin-left: 30px
    }
    .final-elem .info li {
        margin: 10px 0 0;
        text-indent: 0
    }
    .final-elem .info .license-logos {
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        display: block;
        width: auto;
        line-height: 20px;
        margin: 0;
        padding-bottom: 10px
    }
    .final-elem .bonus span strong.small {
        font-size: 95%
    }
    .final-elem.v2 .info {
        line-height: 130px;
        height: 130px;
        padding-bottom: 60px
    }
}

@media(min-width:1050px) {
    .final-elem .bonus {
        width: 25.9%;
        font-size: 22px;
        line-height: 86px;
        padding: 0 3.2%
    }
    .final-elem .bonus a {
        margin: 10px auto 0;
        padding: 15px 30px
    }
    .final-elem .bonus span {
        font-size: 100%
    }
    .final-elem .bonus span.wupt {
        padding-top: 7px
    }
    .final-elem .bonus span strong.small {
        font-size: 140%
    }
}

@media(min-width:1150px) {
    .final-elem .info li {
        margin: 14px 0 0
    }
}

.pic-elem {
    margin: 0 auto 20px;
    overflow: hidden
}

.pic-elem .picwrap {
    position: relative;
    margin-bottom: 10px
}

.pic-elem .picwrap>img {
    max-width: 100%;
    height: auto
}

.pic-elem .picwrap>.next,
.pic-elem .picwrap>.prev {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    display: block;
    width: 20%;
    margin: auto;
    cursor: pointer;
    overflow: hidden
}

.pic-elem .picwrap>.prev {
    left: 0
}

.pic-elem .picwrap>.next {
    right: 0
}

.pic-elem .picwrap>.next b,
.pic-elem .picwrap>.prev b {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 50px;
    height: 59px;
    margin: auto;
    text-indent: -9999px;
    background: #fff;
    transition: .2s linear
}

.pic-elem .picwrap>.prev b {
    left: -50px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.pic-elem:hover .picwrap>.prev b {
    left: 0
}

.pic-elem .picwrap>.next b {
    right: -50px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.pic-elem:hover .picwrap>.next b {
    right: 0
}

.pic-elem .picwrap>.next b:before,
.pic-elem .picwrap>.prev b:before {
    content: "";
    position: absolute;
    display: block;
    width: 12px;
    height: 19px;
    margin: 20px 19px;
    background: url(/style/bg/arrows.png) no-repeat 0 0
}

.pic-elem .picwrap>.next b:before {
    background-position: -13px 0
}

.pic-elem .picwrap>.prev:hover b:before {
    background-position: -26px 0
}

.pic-elem .picwrap>.next:hover b:before {
    background-position: -39px 0
}

.pic-elem .picwrap>.counter {
    position: absolute;
    width: 130px;
    bottom: 10%;
    left: 0;
    right: 0;
    padding: 10px 2%;
    margin: auto;
    background: rgba(52, 70, 95, .77);
    font-size: 0;
    line-height: 0;
    text-align: center
}

.pic-elem .picwrap>.counter i {
    display: inline-block;
    vertical-align: top;
    width: 11px;
    height: 11px;
    margin: 0 5px;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #fff
}

.pic-elem .picwrap>.counter i.active {
    background-color: #23a0c9
}

.pic-elem .picwrap>.slider {
    overflow: hidden
}

.pic-elem .picwrap>.slider ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 1000%;
    background: #444
}

.pic-elem .picwrap>.slider ul li {
    float: left;
    width: 10%;
    line-height: 0
}

.pic-elem .picwrap>.slider ul li img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.pic-elem .picwrap>.slider ul li._l {
    position: relative
}

.pic-elem .picwrap>.slider ul li._l:before {
    content: "";
    position: absolute;
    top: 5%;
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .6);
    border-radius: 3px
}

.pic-elem .picwrap>.slider ul li._l.l:before {
    left: 5%
}

.pic-elem .picwrap>.slider ul li._l.r:before {
    right: 5%
}

.pic-elem .offer {
    padding: 0 20px;
    box-shadow: 0 0 5px #dcdcdc, 0 0 0 7px #fff inset, 0 0 0 8px #f1f1f1 inset
}

.pic-elem .offer.black-and-blue {
    background-color: #eff7fa
}

.pic-elem.narrower .offer {
    padding: 8px 5%
}

.pic-elem .offer .title {
    padding: 10px;
    font: normal 22px/100% Oswald, sans-serif;
    color: #191919;
    text-align: center;
    border-bottom: 1px solid #ddd
}

.pic-elem .offer.black-and-blue .title {
    background-color: #444;
    color: #fff
}

.pic-elem .offer .subtitle {
    font-size: 16px;
    font-family: 'Myriad Pro', Arial, sans-serif;
    line-height: .92;
    color: #23a0c9;
    text-align: center;
    padding: 16px 0 8px
}

.pic-elem .offer .text {
    padding: 10px 0;
    font: italic normal 13px/120% Verdana, sans-serif;
    color: #454545
}

.pic-elem .offer .subtitle~.text {
    font-style: normal;
    padding-top: 0
}

.pic-elem .offer.v2 {
    background: #eff7fa;
    padding: 10px 25px;
    overflow: hidden
}

.pic-elem .offer.v2 .title {
    color: #23a0c9;
    border: none;
    font-weight: 700
}

.pic-elem .offer.v2 .subtitle {
    color: #23a0c9;
    font-weight: 700
}

.pic-elem .offer.v2 .text a {
    color: #23a0c9;
    text-decoration: none;
    font-weight: 700
}

.pic-elem .offer .img {
    display: none
}

.pic-elem .offer .info {
    padding: 25px 0
}

.pic-elem .offer .info>div>span {
    display: block;
    margin-bottom: 25px;
    font: 300 21px/25px 'roboto condensed', sans-serif;
    color: #191919;
    text-align: center
}

.pic-elem .offer .info>div>span span {
    display: block;
    font: normal 22px/25px Oswald, sans-serif
}

.pic-elem .offer .info>div>a {
    max-width: 220px;
    font-size: 21px;
    line-height: 24px;
    padding: 11px 5px 11px 35px
}

.pic-elem .offer .info>div>a {
    padding: 11px 15px
}

.pic-elem .offer .qr-box {
    padding: 20px 0;
    display: block
}

.pic-elem .offer .qr-box tbody {
    width: 100%;
    display: block
}

.pic-elem .offer .qr-box tr {
    display: table;
    width: 100%
}

.pic-elem .offer .qr-box tr td {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    text-align: center
}

.pic-elem .offer .qr-box tr.logo-row {
    border-bottom: solid 1px #dadbdc
}

.pic-elem .offer .qr-box tr.logo-row td {
    height: 90px
}

.pic-elem .offer .qr-box tr.img-row {
    display: none;
    border-bottom: solid 1px #dadbdc
}

.pic-elem .offer .qr-box tr.img-row td {
    padding: 3% 0
}

.pic-elem .offer .qr-box tr.img-row td img {
    display: block;
    margin: 0 auto
}

.pic-elem .offer .qr-box tr.text-row td {
    padding: 20px 0
}

.pic-elem .offer .qr-box ul {
    display: table;
    margin: 0 auto;
    list-style: none outside none
}

.pic-elem .offer .qr-box ul li {
    text-align: left;
    margin: 5px 0 0 0;
    padding: 0 0 0 20px;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #474343;
    font-family: Verdana, sans-serif;
    font-style: italic;
    display: block
}

.pic-elem .offer .qr-box ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(/style/bg/misc.png) no-repeat 0 -30px
}

.pic-elem .offer .qr-box .act {
    font-size: 21px;
    line-height: 28px;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 280px;
    display: block;
    width: auto;
    margin: 0 auto
}

.pic-elem .offer-slides {
    height: 100%;
    position: relative;
    overflow: hidden
}

.pic-elem .offer-slide {
    height: 100%;
    float: left;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .pic-elem .offer .qr-box tbody {
        position: relative;
        padding-left: 42%;
        box-sizing: border-box
    }
    .pic-elem .offer .qr-box tr.logo-row {
        position: absolute;
        left: 0;
        width: 40%;
        top: 0;
        bottom: 0;
        height: auto;
        display: flex;
        align-items: center;
        border-bottom: 0;
        border-right: solid 1px #dadbdc
    }
    .pic-elem .offer .qr-box tr.logo-row td {
        height: auto
    }
    .pic-elem .offer .qr-box tr.text-row td {
        padding-top: 0
    }
}

@media only screen and (min-width:600px) {
    .pic-elem .offer .info>div>span {
        float: left;
        width: 55%
    }
    .pic-elem .offer .info>div>a {
        overflow: hidden;
        width: auto
    }
}

@media only screen and (min-width:768px) {
    .pic-elem {
        position: relative;
        padding: 15px 5px;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }
    .pic-elem:after {
        content: "";
        display: table;
        clear: both
    }
    .pic-elem .picwrap {
        float: left;
        width: 64.7%;
        margin-bottom: 0
    }
    .pic-elem.narrower .picwrap {
        width: 45.5%
    }
    .pic-elem.l .picwrap {
        float: right
    }
    .pic-elem .offer {
        position: absolute;
        top: 15px;
        bottom: 15px;
        right: 5px;
        left: 65%;
        padding: 1.7%
    }
    .pic-elem.narrower .offer {
        left: 47%;
        padding: 1.7%
    }
    .pic-elem.narrower.l .offer {
        left: 5px;
        right: 47%
    }
    .pic-elem.l .offer {
        left: 5px;
        right: 65%
    }
    .pic-elem .offer .img {
        display: block;
        max-width: 315px;
        margin: 0 auto;
        text-align: center;
        line-height: 30px;
        border-bottom: 1px solid #dadbdc
    }
    .pic-elem .offer .img img {
        max-width: 100%;
        height: auto
    }
    .pic-elem .img.logo {
        position: relative
    }
    .pic-elem .img.logo:before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 12px
    }
    .pic-elem .img.logo.white:before {
        filter: brightness(0) invert(1)
    }
    .pic-elem .img.logo.right:before {
        right: 12px
    }
    .pic-elem .img.logo.left:before {
        left: 12px
    }
    .pic-elem .offer .subtitle {
        padding: 24px 0 16px
    }
    .pic-elem .offer .subtitle~.text {
        padding-top: 10px
    }
    .pic-elem .offer .info {
        background: #fff;
        position: absolute;
        bottom: 15px;
        right: 4.7%;
        left: 4.7%;
        padding: 0;
        font-size: 0;
        text-align: center
    }
    .pic-elem .offer .info:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }
    .pic-elem .offer .info>div {
        display: inline-block;
        vertical-align: middle
    }
    .pic-elem .offer .info>div>span {
        float: none;
        width: auto;
        margin-bottom: 15px;
        padding-top: 5px
    }
    .pic-elem .offer .info>div>a {
        overflow: visible
    }
    .pic-elem .offer .qr-box {
        display: flex;
        width: auto;
        align-items: center;
        position: absolute;
        top: 3.7%;
        left: 5.7%;
        right: 5.7%;
        bottom: 3.7%;
        padding: 0
    }
    .pic-elem .offer .qr-box tbody {
        padding: 0
    }
    .pic-elem .offer .qr-box tr.logo-row {
        position: static;
        transform: translateY(0);
        border-bottom: solid 1px #dadbdc;
        border-right: 0
    }
}

@media only screen and (min-width:1024px) {
    .pic-elem .offer .info {
        top: 306px
    }
    .pic-elem .offer .info>div>span {
        margin-bottom: 10px
    }
    .pic-elem .offer .img.special {
        position: relative
    }
    .pic-elem .offer .img.special:after {
        content: "";
        display: block;
        position: absolute
    }
    .pic-elem .offer .img.special.livebj:after {
        left: 0;
        right: 0;
        bottom: 20px;
        margin: auto;
        width: 228px;
        height: 111px;
        background: rgba(0, 47, 63, .75) url(/style/bg/special/livebj.png) no-repeat center
    }
    .pic-elem .offer .img.special.netbet:after {
        right: 12px;
        top: 12px;
        margin: auto;
        width: 140px;
        height: 40px;
        background: rgba(0, 0, 0, .75) url(/style/bg/special/netbet.png) no-repeat center
    }
    .pic-elem.narrower .picwrap {
        width: 48.5%
    }
    .pic-elem.narrower .offer {
        left: 50%;
        padding: 1.7% 4%
    }
    .pic-elem.narrower.l .offer {
        left: 5px;
        right: 50%
    }
    .pic-elem .offer .title {
        padding: 2%;
        font-size: 24px
    }
    .pic-elem .offer .subtitle {
        padding: 34px 10px 20px;
        font-size: 22px
    }
    .pic-elem .offer .subtitle~.text {
        padding-top: 10px
    }
    .pic-elem .offer .text {
        padding: 20px 0;
        font-size: 16px;
        line-height: 180%
    }
    .pic-elem .offer.v2 .text {
        font-size: 15px;
        line-height: 1.5
    }
    .pic-elem .offer .qr-box tr.img-row {
        display: table
    }
}

@media only screen and (min-width:1150px) {
    .pic-elem {
        padding: 25px 10px
    }
    .pic-elem .offer {
        top: 25px;
        bottom: 25px;
        right: 10px;
        left: 68%
    }
    .pic-elem .offer .info>div>span {
        margin-bottom: 25px
    }
    .pic-elem.l .offer {
        left: 10px;
        right: 68%
    }
    .pic-elem .offer .text {
        line-height: 200%
    }
    .pic-elem .offer .qr-box tr.img-row td {
        padding: 6% 0
    }
}

.float-elem-wrap {
    overflow: auto;
    padding: 5px 5px 0
}

.float-elem-wrap>div {
    width: 1170px;
    margin: 0 auto
}

.float-elem-wrap>div>div {
    float: left;
    margin-left: 30px
}

.float-elem-wrap>div>div:first-child {
    margin-left: 0
}

.float-elem {
    display: block;
    background: #fff;
    box-shadow: 0 0 11px 1px #ececec, 0 0 0 9px #fff inset, 0 0 0 10px #ccc inset;
    padding: 22px 24px;
    max-width: 316px;
    margin: 12px auto 20px
}

.float-elem .img {
    display: block;
    position: relative;
    line-height: 0
}

.float-elem .img.logo:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto
}

.float-elem .img.logo.white:before {
    filter: brightness(0) invert(1)
}

.float-elem .img.logo._l.lottoland:before {
    background-color: #ffe066;
    box-shadow: 0 0 0 10px #ffe066
}

.float-elem .img.logo._l.cclub:before {
    background-color: #d7c069;
    box-shadow: 0 0 0 6px #d7c069
}

.float-elem .img.logo.right:before {
    top: 12px;
    bottom: auto;
    left: auto;
    right: 12px
}

.float-elem .img.logo.left:before {
    top: 12px;
    bottom: auto;
    right: auto;
    left: 12px
}

.float-elem .img.logo {
    content: '';
    display: inline-block
}

.float-elem .img .logo {
    position: absolute;
    bottom: 12px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center
}

.float-elem .img .logo span {
    display: inline-block;
    text-indent: -9999px
}

.float-elem .img .logo.lotto span {
    background: center;
    width: 191px;
    height: 36px;
    padding: 11px 6px
}

.float-elem .img .logo.casino-club span {
    background: rgba(84, 0, 0, .65) url(/style/bg/special/casino-club.png) no-repeat center center
}

.float-elem .img.special:after {
    content: "";
    display: block;
    position: absolute
}

.float-elem .img.special.lottode:after {
    left: 0;
    right: 0;
    bottom: 12px;
    margin: auto;
    width: 210px;
    height: 70px;
    background: #fff000 url(/style/bg/special/lotto-de.png) no-repeat center
}

.float-elem .img.special.betfair:after {
    right: 12px;
    top: 12px;
    margin: auto;
    width: 122px;
    height: 20px;
    background: url(/style/bg/special/betfair.png)
}

.float-elem .img.special.lad:after {
    right: 12px;
    top: 12px;
    margin: auto;
    width: 104px;
    height: 24px;
    background: url(/style/bg/special/ladbrokes.png)
}

.float-elem .img.special.wh:after {
    right: 12px;
    top: 12px;
    margin: auto;
    width: 115px;
    height: 27px;
    background: url(/style/bg/special/wh.png)
}

.float-elem .img.special.cclub:after {
    right: 0;
    left: 0;
    bottom: 21px;
    margin: auto;
    width: 210px;
    height: 75px;
    background: rgba(84, 0, 0, .65) url(/style/bg/special/casino-club.png) no-repeat center
}

.float-elem .img img {
    max-width: 100%;
    height: auto
}

.float-elem .img>.bonus {
    position: absolute;
    bottom: 44px;
    right: 0;
    left: 0;
    margin: auto;
    font: normal normal 50px/22px Oswald, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #000;
    text-align: center
}

.float-elem .img>.bonus>span {
    background: rgba(43, 37, 37, .65);
    padding: 1px 13px
}

.float-elem .img span>.red {
    color: #f11d28
}

.float-elem .img span>.yellow {
    color: #ffe87d
}

.float-elem .img span>.violet {
    color: #eb54f3
}

.float-elem .txt {
    text-align: center;
    font: normal 200 21px/21px "Roboto Condensed", sans-serif;
    padding: 15px 0 0;
    border-top: 1px solid #dadbdc;
    margin: 5px 3px 0
}

.float-elem .txt strong {
    display: block;
    font: normal normal 22px/33px Oswald, sans-serif
}

.float-elem .txt b {
    font-weight: 400;
    color: #23a0c9
}

.float-elem .txt b.g {
    color: #7f7f7f
}

.float-elem .txt b.blue {
    color: #23a0c9
}

.float-elem .txt a {
    width: 200px;
    height: 16px;
    font-size: 21px;
    line-height: 19px;
    margin: 18px auto 0
}

.float-elem .txt a.noarr {
    padding: 15px
}

.float-elem .txt i {
    font: normal normal 11px/11px Arial, sans-serif;
    color: #dadada
}

@media(max-width:603px) {
    .float-elem-wrap>div>div {
        margin-left: 15px
    }
    .float-elem-wrap .float-elem {
        max-width: 220px;
        box-shadow: 0 0 11px 1px #ececec, 0 0 0 5px #fff inset, 0 0 0 6px #ccc inset;
        padding: 15px 16px
    }
    .float-elem-wrap .float-elem .txt {
        font-size: 19px
    }
    .float-elem-wrap .float-elem .img>.bonus {
        bottom: 25px;
        font-size: 40px
    }
    .float-elem-wrap .float-elem .txt a {
        width: 160px
    }
    .float-elem-wrap .float-elem .txt a.noarr {
        padding: 12px
    }
}

@media(min-width:600px) {
    .float-elem.right {
        float: right;
        margin: 12px 0 10px 20px
    }
    .float-elem.left {
        float: left;
        margin: 12px 20px 10px 0
    }
    .sm-conv-img .float-elem {
        display: table-cell;
        margin: 0 10px 0 0
    }
    .sm-conv-img>.img {
        display: table-cell;
        vertical-align: middle
    }
    .sm-conv-img .float-elem .txt {
        padding: 12px 0 0
    }
    .sm-conv-img .float-elem .txt strong {
        font-size: 20px;
        line-height: 22px;
        margin: 0 0 12px
    }
    .sm-conv-img .float-elem .txt a {
        width: 141px;
        height: 16px;
        font-size: 18px;
        line-height: 16px;
        margin: 14px 0 0
    }
}

@media(min-width:900px) {
    .sm-conv-img .float-elem .txt a {
        width: 200px;
        height: 16px;
        font-size: 21px;
        line-height: 19px;
        margin-top: 28px
    }
    .sm-conv-img .float-elem .txt strong {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 0
    }
    .sm-conv-img .float-elem .txt {
        padding: 24px 0 0
    }
    .sm-conv-img>.img {
        text-align: center
    }
}

@media(min-width:1150px) {
    .float-elem-wrap>div>div {
        margin-left: 30px
    }
    .float-elem-wrap>div>div:first-child {
        margin-left: 0
    }
}

.bordered {
    background: #fff;
    padding: 15px 15px 0;
    margin: 0 0 20px;
    clear: both;
    overflow: hidden
}

.bordered.left,
.bordered.right {
    float: none
}

.bordered.center {
    width: 50%;
    margin: 0 auto
}

.bordered.white {
    box-shadow: 0 0 5px 1px #ececec
}

.bordered.prominent {
    box-shadow: 0 0 5px 1px #d2e3ea
}

.bordered.blue {
    background: #f4fbfe;
    border: 1px solid #dfdfdf
}

.bordered h3,
.bordered h4,
.bordered h5,
.bordered h6 {
    text-align: center
}

.bordered img {
    display: block;
    float: none;
    max-width: 100%;
    height: auto;
    margin: 0 auto 20px
}

.bordered img.with-frame {
    box-shadow: 1px 0 0 #afd6e6, 0 1px 0 #afd6e6, 0 -1px #afd6e6, -1px 0 0 #afd6e6
}

.bordered .impr1 {
    border: 1px solid #d8d8dc;
    margin-bottom: 15px
}

.bordered .impr1 img {
    margin: auto
}

@media(min-width:600px) {
    .bordered img.left,
    .bordered img.right {
        max-width: 50%;
        margin: 0 0 5px
    }
    .bordered img.left {
        float: left;
        margin-right: 2.5%
    }
    .bordered img.right {
        float: right;
        margin-left: 2.5%
    }
    .bordered img.topfix {
        margin-top: 10px
    }
    .bordered .impr1 {
        float: left;
        width: 220px;
        margin-right: 15px;
        margin-bottom: 2%
    }
    .bordered .impr2 {
        overflow: hidden
    }
    .bordered .impr2 img {
        max-width: none;
        margin: auto
    }
}

@media(min-width:767px) {
    .bordered {
        padding: 2% 2% 0
    }
    .bordered.left {
        float: left;
        clear: left;
        width: 45%;
        margin-right: 2%
    }
    .bordered.right {
        overflow: hidden;
        clear: none
    }
    .bordered h3,
    .bordered h4,
    .bordered h5,
    .bordered h6 {
        text-align: left
    }
    .bordered.blue h3 {
        text-align: center
    }
    .bordered img.topfix {
        margin-top: -46px
    }
}

.rev-elem {
    position: relative;
    font: normal 13px/15px Verdana, sans-serif;
    color: #777;
    margin: 0 auto 15px;
    padding: 0 0 20px;
    border-bottom: 1px solid #e4e4e4
}

.rev-elem>.info {
    position: relative;
    padding-bottom: 120px
}

.rev-elem>.info:before {
    content: "";
    display: block;
    height: 1px;
    margin: 0 5%;
    background: #dadada
}

.rev-elem>.info .top {
    padding-top: 10px;
    max-width: 320px;
    margin: 0 auto
}

.rev-elem>.info .top .logo {
    float: left;
    width: 40%;
    height: 60px
}

.rev-elem>.info .top .logo span {
    display: block;
    background-size: contain;
    width: auto;
    height: 60px;
    margin: 0 auto
}

.rev-elem>.info .top .list {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.rev-elem>.info .top ul {
    display: table;
    margin: 0 auto;
    padding: 15px 6px;
    list-style: none;
    font: italic normal 15px/17px Verdana, sans-serif;
    color: #474343;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4
}

.rev-elem>.info .top ul li {
    padding-top: 6px;
    padding-bottom: 6px
}

.rev-elem>.info .top ul li strong {
    font-weight: 400;
    color: #191919;
    text-shadow: 0 0 0 #000
}

.rev-elem>.info .mid {
    overflow: hidden;
    width: 55%;
    max-width: 180px;
    text-align: center;
    line-height: 24px;
    padding: 0 0 20px
}

.ec-stars-wrapper {
    font-size: 0;
    display: inline-block;
    position: relative;
    height: 20px;
    line-height: 20px
}

.ec-stars-wrapper[data-tooltip]:hover:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 90%;
    left: 50%;
    text-align: center;
    max-width: 100px;
    margin-left: -50px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    border-radius: 3px;
    padding: 3px
}

.ec-stars-wrapper span {
    text-decoration: none;
    display: inline-block;
    width: 31px;
    height: 26px;
    background: url(/style/bg/rating-stars.png) no-repeat center 0;
    line-height: 20px;
    cursor: pointer
}

.ec-stars-wrapper.is-voted span,
.ec-stars-wrapper:hover span {
    background: url(/style/bg/rating-stars.png) no-repeat 0 0
}

.ec-stars-wrapper>span:hover~span {
    background: url(/style/bg/rating-stars.png) no-repeat 0 -27px
}

.ec-stars-overlay {
    background: #fff url(/style/bg/rating-stars.png) repeat-x right -27px;
    position: absolute;
    height: 26px;
    right: 0;
    top: 0
}

.ec-stars-wrapper:hover .ec-stars-overlay {
    display: none
}

.rev-elem>.info .bot {
    text-align: center;
    margin-top: 49%;
    padding: 31px 4px 70px;
    height: 60px;
    line-height: 60px
}

.rev-elem>.info .bot>a {
    display: inline-block;
    width: 30%;
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
    padding: 10px;
    text-transform: uppercase
}

.rev-elem>.info .bot>span {
    display: inline-block;
    margin-right: 5%;
    vertical-align: middle;
    font: normal 14px/24px 'roboto slab', serif;
    color: #848484;
    text-transform: uppercase
}

.rev-elem>.info .bot>span.wupt {
    padding-top: 5px
}

.rev-elem>.info .bot>span strong {
    display: block;
    color: #666;
    font-size: 250%;
    line-height: 100%
}

.rev-elem>.info .bot>span strong.small {
    font-size: 110%
}

.rev-elem>.info .bot>span.wupt strong {
    position: relative;
    margin-top: -5px
}

.rev-elem>.visual {
    position: absolute;
    top: 80px;
    left: -5px;
    right: -5px
}

.rev-elem>.visual>.next,
.rev-elem>.visual>.prev {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 10px;
    width: 9px;
    margin: auto;
    z-index: 10;
    text-indent: -9999px
}

.rev-elem>.visual>.prev {
    left: 2%
}

.rev-elem>.visual>.next {
    right: 2%
}

.rev-elem>.visual>.next:before,
.rev-elem>.visual>.prev:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 9px;
    height: 10px;
    margin: auto;
    background: url(/style/bg/misc.png) -15px -1px
}

.rev-elem>.visual>.next:before {
    background-position: -15px -13px
}

.rev-elem>.visual ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.rev-elem>.visual ul li {
    float: left;
    width: 10%;
    text-align: center;
    line-height: 0
}

.rev-elem>.visual ul li img {
    max-width: 98%;
    height: auto
}

.rev-elem>.visual .small {
    display: none
}

.rev-elem>.visual .big {
    overflow: auto
}

.rev-elem>.visual .big ul {
    width: 700%
}

.rev-elem>.visual .big ul li {
    position: relative
}

.rev-elem>.visual .big ul li span {
    display: none
}

.rev-elem>.details {
    width: 97%;
    max-width: 320px;
    margin: 0 auto
}

.rev-elem>.details>ul {
    max-width: 96%;
    margin: 15px auto;
    padding: 0;
    list-style: none;
    font: normal 13px/16px Verdana, sans-serif;
    color: #1e1e1e
}

.rev-elem>.details>ul li {
    padding: 3px
}

.rev-elem>.details>ul li a,
.rev-elem>.details>ul li span {
    float: right;
    text-align: right;
    color: #747c7f
}

.rev-elem>.details>ul li a {
    color: #23a0c9
}

.rev-elem>.details>ul li a:hover {
    text-decoration: none
}

.rev-elem>.details>.mobile {
    display: none
}

.rev-elem>.details>.real,
.rev-elem>.details>.reg {
    float: left;
    width: 25%;
    font: italic normal 12px/14px 'roboto condensed', sans-serif;
    text-align: center
}

.rev-elem>.details>.real.mbit,
.rev-elem>.details>.reg.mbit {
    width: 35%
}

.rev-elem>.details>.reg:before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    margin: 0 auto 5px;
    background: url(/style/bg/rev-misc.png) no-repeat 0 0
}

.rev-elem>.details>.real strong,
.rev-elem>.details>.reg strong {
    display: block;
    font-weight: 600
}

.rev-elem>.details>.real:before {
    content: "";
    display: block;
    width: 36px;
    height: 20px;
    margin: 2px auto 10px;
    background: url(/style/bg/rev-misc.png) no-repeat -28px 0
}

.rev-elem>.details>.pay {
    width: 130px;
    overflow: hidden;
    margin: 0 auto;
    text-align: left;
    line-height: 30px
}

.rev-elem>.details>.pay.single-item {
    width: 41px
}

.rev-elem>.details>.pay i {
    display: inline-block;
    width: 37px;
    height: 22px;
    vertical-align: middle;
    margin: 0 2px;
    background: url(/style/bg/pay-small.png);
    text-indent: -9999px
}

.rev-elem>.details>.pay .visa {
    background-position: 0 0
}

.rev-elem>.details>.pay .master {
    background-position: -38px 0
}

.rev-elem>.details>.pay .bank-xfer {
    width: 41px;
    background-position: -157px 0
}

.rev-elem>.details>.pay .skrill {
    width: 38px;
    background-position: -197px 0
}

.rev-elem>.details>.pay .paysafe {
    background-position: -119px 0
}

.rev-elem>.details>.pay .paypal {
    width: 42px;
    background-position: -77px 0
}

@media only screen and (min-width:350px) {
    .rev-elem>.info .bot {
        padding: 31px 4px
    }
}

@media only screen and (max-width:599px) {
    .rev-elem>.details.mbit {
        margin-bottom: 20px
    }
}

@media only screen and (min-width:600px) {
    .rev-elem {
        position: static;
        padding: 0;
        border: none
    }
    .rev-elem>.info {
        float: right;
        width: 38%;
        margin-left: 1.5%;
        padding-bottom: 10.5%
    }
    .rev-elem>.info:before {
        display: none
    }
    .rev-elem>.info .top {
        padding: 0 2%;
        margin-bottom: 2%;
        max-width: none;
        border: 1px solid #dedede
    }
    .rev-elem>.info .top .logo {
        float: none;
        width: 90%;
        padding: 10px 0;
        margin: 0 auto;
        height: auto
    }
    .rev-elem>.info .top .logo span {
        height: 0;
        padding: 0 0 30%
    }
    .rev-elem>.info .top .list {
        position: static
    }
    .rev-elem>.info .top ul {
        font-size: 12px;
        line-height: 14px;
        border-bottom: none
    }
    .rev-elem>.info .mid {
        display: none
    }
    .rev-elem>.info .bot {
        margin-top: 0;
        padding: 0;
        height: auto;
        line-height: 20px
    }
    .rev-elem>.info .bot>a {
        display: block;
        width: auto;
        font-size: 20px;
        text-transform: none;
        line-height: 20px;
        padding: 15px 25
    }
    .rev-elem>.info .bot>span {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0
    }
    .rev-elem>.info .bot>span.wupt {
        bottom: -15px
    }
    .rev-elem>.visual {
        position: static;
        overflow: hidden
    }
    .rev-elem>.visual>.next,
    .rev-elem>.visual>.prev {
        display: none
    }
    .rev-elem>.visual .small {
        display: block
    }
    .rev-elem>.visual .small li {
        position: relative;
        float: left;
        margin-bottom: 1%
    }
    .rev-elem>.visual .small li:before {
        content: "";
        position: absolute;
        top: -1px;
        right: -1px;
        left: -1px;
        bottom: -1px;
        background: rgba(255, 255, 255, .4)
    }
    .rev-elem>.visual .small li.active:before {
        display: none
    }
    .rev-elem>.visual .small li.active:after {
        content: "";
        position: absolute;
        bottom: -1px;
        right: 0;
        left: 0;
        display: block;
        width: 0;
        height: 0;
        margin: auto;
        border: 15px solid transparent;
        border-bottom: 10px solid #fff
    }
    .rev-elem>.visual .small.x4 li {
        width: 25%
    }
    .rev-elem>.visual .big {
        overflow: visible;
        clear: both
    }
    .rev-elem>.visual .big ul {
        width: 1000%
    }
    .rev-elem>.visual .big ul li img {
        max-width: 100%
    }
    .rev-elem>.visual .big ul li span {
        display: block;
        position: absolute;
        padding: 5%;
        font: 400 21px/22px 'roboto condensed', sans-serif;
        color: #fff;
        bottom: -100px;
        right: 0;
        left: 0;
        text-align: center;
        background: rgba(0, 47, 63, .74);
        transition: .5s linear
    }
    .rev-elem>.visual .big ul li:hover span {
        bottom: 0
    }
    .rev-elem>.details {
        width: auto;
        max-width: none;
        clear: both;
        margin-top: 1%;
        padding: 1.5% 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd
    }
    .rev-elem>.details:after {
        content: '';
        clear: both;
        display: table;
        height: 0
    }
    .rev-elem>.details>ul {
        float: left;
        width: 50%;
        margin: 0 auto
    }
    .rev-elem>.details>.real,
    .rev-elem>.details>.real.mbit,
    .rev-elem>.details>.reg,
    .rev-elem>.details>.reg.mbit {
        float: right;
        width: 12%;
        margin: 3px 0
    }
    .rev-elem>.details>.pay {
        margin: 3px auto
    }
}

@media only screen and (min-width:768px) {
    .rev-elem>.info {
        padding-bottom: 9%
    }
    .rev-elem>.info .mid {
        display: block;
        width: auto;
        max-width: none;
        padding: 1% 0 3%;
        margin-bottom: 2%;
        border: 1px solid #dedede
    }
    .rev-elem>.visual .big ul li span {
        font-weight: 700;
        font-size: 22px
    }
    .rev-elem>.details>ul {
        width: 37%;
        margin: 0 1%
    }
    .rev-elem>.details>.mobile {
        display: block;
        float: left;
        width: 80px;
        height: 56px;
        margin: 5px 2%;
        text-indent: -9999px;
        background: url(/style/bg/rev-misc.png) no-repeat 0 -28px
    }
    .rev-elem>.info .bot>span.wupt {
        bottom: -7px
    }
}

@media only screen and (min-width:900px) {
    .rev-elem>.info .top {
        margin-bottom: 3%
    }
    .rev-elem>.info .top .logo {
        padding: 15px 0
    }
    .rev-elem>.info .mid {
        padding: 2% 0 4%;
        margin-bottom: 3%
    }
    .rev-elem>.info .bot>span {
        font-size: 16px;
        line-height: 20px
    }
    .rev-elem>.info .bot>span.wupt {
        bottom: 0
    }
    .rev-elem>.info .bot>a {
        padding-top: 6%;
        padding-bottom: 6%;
        font-size: 24px;
        line-height: 24px
    }
}

@media only screen and (min-width:1024px) {
    .rev-elem {
        position: relative
    }
    .rev-elem>.info {
        position: static;
        width: 26.5%;
        padding-bottom: 0
    }
    .rev-elem>.info .top {
        margin-bottom: 4%
    }
    .rev-elem>.info .top .logo {
        padding: 0
    }
    .rev-elem>.info .top .logo span {
        padding-bottom: 49%
    }
    .rev-elem>.info .top ul {
        font-size: 15px;
        line-height: 17px
    }
    .rev-elem>.info .mid {
        padding: 5% 0 7%;
        margin-bottom: 4%
    }
    .rev-elem>.info .bot>span {
        width: 26.5%;
        bottom: 3.5%;
        left: auto
    }
    .rev-elem>.info .bot>span.wupt {
        bottom: 2.5%
    }
    .rev-elem>.visual .small {
        float: left;
        width: 19.4%;
        max-width: 160px;
        margin-right: 2.1%
    }
    .rev-elem>.visual .small li {
        float: none;
        margin-bottom: 3%
    }
    .rev-elem>.visual .small li.active:after {
        top: 0;
        left: auto;
        border: 20px solid transparent;
        border-right: 12px solid #fff
    }
    .rev-elem>.visual .small.x4 li {
        width: auto
    }
    .rev-elem>.visual .big {
        clear: none;
        overflow: hidden
    }
    .rev-elem>.visual .big ul li span {
        font-size: 28px
    }
    .rev-elem>.details {
        padding-right: 25%
    }
    .rev-elem>.info .bot>span strong.small {
        font-size: 120%
    }
}

@media only screen and (min-width:1150px) {
    .rev-elem>.info {
        width: 26.5%;
        margin-right: 1.5%;
        margin-left: 1.9%
    }
    .rev-elem>.info .top {
        margin-bottom: 5%
    }
    .rev-elem>.info .top .logo span {
        background-size: initial
    }
    .rev-elem>.info .mid {
        line-height: 30px;
        margin-bottom: 5%
    }
    .rev-elem>.info .bot>a {
        padding-top: 5.4%;
        padding-bottom: 5.4%;
        font-size: 26px;
        line-height: 26px
    }
    .rev-elem>.details>ul {
        width: 34%;
        margin: 0 1.5%
    }
    .rev-elem>.details>.mobile {
        margin: 5px 5%
    }
    .rev-elem>.info .bot>span strong.small {
        font-size: 140%;
        padding-bottom: 15px
    }
}

@media only screen and (min-width:1180px) {
    .rev-elem>.info .bot>span {
        right: 15px
    }
}

.blue-boxes {
    overflow: hidden
}

.blue-boxes>div {
    position: relative;
    background: #deeff5;
    margin: 0 0 10px
}

.blue-boxes>div>div {
    font: normal 23px/23px "Roboto Condensed", sans-serif;
    background: #ecf5f8;
    border-bottom: 1px solid #ccdce1;
    line-height: 65px;
    vertical-align: middle;
    padding: 10px 0
}

.blue-boxes>div p {
    margin: 0;
    padding: 5.9%;
    font: normal 14px/22px Verdana, sans-serif;
    text-align: left
}

.blue-boxes>div>div a,
.blue-boxes>div>div span {
    display: inline-block;
    margin: auto;
    max-width: 130px;
    line-height: 24px;
    vertical-align: middle;
    color: #454545;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.blue-boxes>div>div a:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    display: block;
    border: solid 1px #23a0c9;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.blue-boxes>div:hover>div a {
    color: #23a0c9;
    text-decoration: underline
}

.blue-boxes>div:hover>div a:before {
    border-color: #34465f
}

.blue-boxes>div>div:before {
    content: "";
    display: block;
    float: left;
    width: 75px;
    height: 65px;
    margin: 0 10%;
    background: url(/style/bg/info-icons.png)
}

.blue-boxes>div>div.ribbon:before {
    background-position: 0 0
}

.blue-boxes>div>div.clock:before {
    background-position: 0 -65px
}

.blue-boxes>div>div.lock:before {
    background-position: 0 -130px
}

.blue-boxes>div>div.ppl:before {
    background-position: 0 -195px
}

.blue-boxes>div>div.slot:before {
    background-position: -75px 0
}

.blue-boxes>div>div.wallet:before {
    background-position: -75px -65px
}

.blue-boxes>div>div.present:before {
    background-position: -75px -130px
}

.blue-boxes>div>div.headphones:before {
    background-position: -75px -195px
}

.blue-boxes>div>div.bubble-cross:before {
    background-position: -150px 0
}

.blue-boxes>div>div.bubble-speech:before {
    background-position: -150px -65px
}

.blue-boxes>div>div.globe:before {
    background-position: -150px -130px
}

.blue-boxes>div>div.abc:before {
    background-position: -150px -195px
}

.blue-boxes>div>div.cards-cross:before {
    background-position: -225px 0
}

.blue-boxes>div>div.mobile:before {
    background-position: -225px -65px
}

.blue-boxes>div>div.live:before {
    background-position: -225px -130px
}

.blue-boxes>div>div.rng:before {
    background-position: -225px -195px
}

.blue-boxes>div>div.book:before {
    background-position: -300px 0
}

@media(min-width:480px) {
    .blue-boxes>div>div:before {
        margin: 0 2%
    }
    .blue-boxes>div {
        text-align: left;
        float: left;
        width: 49%
    }
    .blue-boxes>div:nth-child(even) {
        margin-left: 2%
    }
}

@media(min-width:600px) {
    .blue-boxes>div>div:before {
        margin: 0 12%
    }
    .blue-boxes>div p {
        text-align: left
    }
}

@media(min-width:767px) {
    .blue-boxes>div {
        text-align: center
    }
    .blue-boxes>div:first-child {
        margin-left: 0
    }
    .blue-boxes>div,
    .blue-boxes>div:nth-child(even) {
        width: 24.2%;
        margin-left: 1%
    }
    .blue-boxes>div>div:before {
        margin: 0 auto 10px;
        float: none
    }
    .blue-boxes>div>div span {
        display: block
    }
}

@media(min-width:1024px) {
    .blue-boxes>div {
        text-align: left
    }
    .blue-boxes>div>div:before {
        margin: 0 5%;
        float: left
    }
    .blue-boxes>div>div a,
    .blue-boxes>div>div span {
        display: inline-block
    }
}

@media(min-width:1200px) {
    .blue-boxes>div p {
        padding: 20px 25px
    }
    .blue-boxes>div>div:before {
        margin: 0 7%
    }
}

.paym-boxes {
    overflow: hidden;
    margin: 0 auto 20px;
    padding: 7px;
    padding-bottom: 0;
    box-shadow: 0 0 7px rgba(204, 204, 204, .72)
}

.paym-boxes>div {
    margin: 0 0 10px;
    border: 1px solid #ccc;
    position: relative
}

.paym-boxes>div>a:hover {
    text-decoration: underline
}

.paym-boxes>.toppart>div {
    border-bottom: none
}

.paym-boxes>div>a {
    display: block;
    padding: 18px 20px 15px;
    font: 18px/4px "Roboto Condensed";
    color: #585858;
    text-decoration: none;
    white-space: nowrap
}

.paym-boxes>.toppart>a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    color: #5a5a5a;
    display: block;
    padding: 12px 20px 5px
}

.paym-boxes>.toppart>a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.paym-boxes>div:hover {
    background-color: #eff7fa
}

.paym-boxes>div>div {
    margin: 0 17px;
    padding: 10px 0;
    font: normal 23px/23px "Roboto Condensed", sans-serif;
    line-height: 65px;
    vertical-align: middle;
    border-bottom: 1px solid #ccdce1
}

.paym-boxes.small-version>div>div {
    padding: 0 0 15px 0
}

.paym-boxes>div p {
    margin: 0;
    padding: 5.9%;
    font: normal 14px/22px Verdana, sans-serif;
    text-align: left
}

.paym-boxes.small-version>div p {
    padding: 2%
}

.paym-boxes>div>div span {
    display: inline-block;
    margin: auto;
    max-width: 130px;
    line-height: 24px;
    vertical-align: middle
}

.paym-boxes>div>div:before {
    content: "";
    display: block;
    float: left;
    width: 75px;
    height: 65px;
    margin: 0 10%;
    background: url(/style/bg/info-icons.png)
}

.paym-boxes>div>span {
    display: block;
    padding: 18px 20px 15px;
    font: 18px/4px "Roboto Condensed";
    color: #585858;
    text-decoration: none;
    white-space: nowrap
}

.paym-boxes>div>span:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.paym-boxes ul.blt {
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.paym-boxes ul.blt li {
    margin-left: 60%;
    text-align: left;
    white-space: nowrap;
    font: 12px/17px verdana;
    color: #7a7a7a
}

.paym-boxes.small-version>div p .overlay-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.paym-boxes.small-version>div span {
    font-size: 17px;
    font-weight: 600
}

.paym-boxes.full-links>div {
    position: relative
}

.paym-boxes.full-links>div>a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.paym-boxes.full-links>div>div {
    border: 0 none
}

@media(min-width:480px) {
    .paym-boxes>div {
        text-align: left;
        float: left;
        width: 49%
    }
    .paym-boxes>div:nth-child(even) {
        margin-left: 1%
    }
    .paym-boxes>div>div:before {
        margin: 0
    }
}

@media(min-width:600px) {
    .paym-boxes>div p {
        text-align: left
    }
}

@media(min-width:767px) {
    .paym-boxes>div {
        text-align: center
    }
    .paym-boxes>div:first-child,
    .paym-boxes>div:nth-child(5n) {
        margin-left: 0
    }
    .blue-boxes>div:nth-child(even),
    .paym-boxes>div {
        width: 23.9%;
        margin-left: 1%
    }
    .paym-boxes>div>div:before {
        margin: 0 auto 10px;
        float: none
    }
    .paym-boxes>div>div span {
        display: block
    }
    .paym-boxes>div>span {
        padding: 18px 0 15px;
        text-align: center
    }
    .paym-boxes ul.blt li {
        margin-left: 0;
        text-align: center
    }
    .paym-boxes.x3>div {
        width: 32%;
        margin-left: 1%
    }
}

@media(min-width:1024px) {
    .paym-boxes>div {
        text-align: left
    }
    .paym-boxes>div>div:before {
        margin: 0;
        float: left
    }
    .paym-boxes>div>div span {
        display: inline-block
    }
    .paym-boxes>div p {
        min-height: 110px
    }
    .paym-boxes.small-version>div p {
        min-height: 0
    }
    .paym-boxes>div>a {
        padding: 18px 20px 15px;
        text-align: left
    }
    .paym-boxes ul.blt li {
        margin-left: 60%;
        text-align: left
    }
}

@media(min-width:1200px) {
    .paym-boxes>div p {
        padding: 20px 25px
    }
    .paym-boxes.small-version>div p {
        padding: 10px 25px
    }
    .paym-boxes.small-version.x3 ul.blt li {
        margin-left: 57%
    }
    .paym-boxes.small-version.x3>div>div:before {
        margin-left: 7%
    }
}

.posts {
    background: #e7f3f8;
    text-align: center;
    padding: 20px 0 30px
}

.posts .post-item {
    display: inline-block;
    margin: auto;
    text-align: left;
    transition: top, height 1.3s ease-out;
    -webkit-transition: top, height 1.3s ease-out
}

.posts .post-item .date-author {
    font: normal 12px/16px Verdana, sans-serif;
    color: #393939;
    padding: 0 26px 7px 24px;
    position: relative
}

.posts .post-item .img {
    line-height: 0
}

.posts .post-item .img img {
    max-width: 100%;
    height: auto
}

.posts .post-item .txt {
    position: absolute;
    background: rgba(0, 47, 63, .74);
    line-height: 70px;
    margin: -70px auto 0;
    top: 100%;
    bottom: 0;
    overflow: hidden;
    transition: all 1.3s ease-out;
    padding: 0 8%
}

.posts .post-item-content:hover .txt {
    height: 82%;
    padding: 7% 8%;
    top: 0;
    margin: 0;
    transition: all 1.3s ease-out;
    -webkit-transition: all 1.3s ease-out
}

.posts .post-item-content:hover .txt a,
.posts .post-item-content:hover .txt i,
.posts .post-item-content:hover .txt span {
    display: block;
    opacity: 1;
    height: auto
}

.post-item-content {
    position: relative;
    margin: auto auto 10px;
    transition: top, height 1.3s ease-out;
    -webkit-transition: top, height 1.3s ease-out;
    overflow: hidden;
    max-width: 280px
}

.posts .post-item-content:hover .txt span {
    padding-top: 4%
}

.posts .post-item .txt a {
    text-decoration: none
}

.posts .post-item .txt a>span {
    display: inline-block;
    vertical-align: middle;
    font: bold 18px/20px "Roboto Condensed", sans-serif;
    color: #fff
}

.posts .post-item .txt a:before {
    content: '';
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%
}

.posts .post-item .txt>span {
    display: block;
    color: #a0ddf2;
    font: normal 12px/18px Verdana, sans-serif;
    opacity: 0;
    transition: opacity 1.3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: opacity 1.3s cubic-bezier(.77, 0, .175, 1);
    height: 0
}

.posts .post-item .txt i {
    color: #fff;
    opacity: 0;
    height: 0;
    display: none;
    float: right;
    font: italic normal 15px/15px Verdana, sans-serif;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.posts .post-item .txt i:after {
    width: 11px;
    height: 12px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(/style/bg/misc.png) no-repeat -15px -30px;
    margin-left: 5px
}

@media(min-width:360px) {
    .post-container {
        overflow: auto;
        margin: auto auto 20px
    }
    .post-container .posts {
        overflow: hidden;
        width: 1150px;
        padding: 20px 10px 30px
    }
    .post-container .posts .post-item {
        width: 280px;
        margin: 0 .3%;
        float: left
    }
}

@media(min-width:767px) {
    .post-container .posts {
        padding: 20px 0 30px;
        max-width: 640px;
        margin: auto
    }
    .post-container .posts .post-item {
        float: none
    }
}

@media(min-width:769px) {
    .post-container .posts {
        max-width: none;
        padding: 20px 10px 30px
    }
    .post-container .posts .post-item {
        float: left
    }
}

@media(min-width:1024px) {
    .post-container .posts {
        max-width: none;
        padding-top: 18px;
        overflow: hidden;
        width: auto;
        padding: 18px 0 30px;
        display: block
    }
    .post-container .posts .post-item {
        width: 24%;
        margin: 0 .5%
    }
    .posts .post-item .post-item-content {
        margin: auto
    }
    .posts .post-item-content .txt {
        padding: 0 3%
    }
    .posts .post-item-content:hover .txt {
        height: 100%;
        padding: 0 3%
    }
}

@media(min-width:1200px) {
    .posts .post-item-content .txt {
        padding: 0 8%
    }
    .posts .post-item-content:hover .txt {
        height: 82%;
        padding: 7% 8%
    }
}

#sitemap>ul {
    list-style: none;
    font: normal 12px/14px Arial, sans-serif;
    color: #7a7a7a;
    padding: 0;
    margin: 0;
    border: 1px solid #dfdfdf;
    background: #fcfdfd
}

#sitemap>ul:first-child {
    margin-top: 0
}

#sitemap>ul li {
    padding: 0 25px
}

#sitemap>ul li.title {
    padding: 7px 25px;
    margin-bottom: 20px;
    background: #dfebee;
    color: #144078;
    font: bold 16px/16px 'roboto slab', sans-serif
}

#sitemap>ul li.subtitle {
    padding: 4px 25px 14px;
    font: 600 14px/14px 'roboto slab', sans-serif;
    margin-top: 10px
}

#sitemap>ul a {
    color: #23a0c9;
    display: block;
    padding: 4px 0 4px 20px;
    text-indent: -21px
}

#sitemap>ul a:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: -1px 15px 0 0;
    vertical-align: middle;
    background: #535353;
    border-radius: 3px
}

#sitemap>ul a:hover {
    text-decoration: none
}

#sitemap>ul:after {
    content: "";
    height: 20px;
    display: block;
    background: #fff;
    margin: 20px -1px -1px;
    border-top: 1px solid #ddd
}

@media(min-width:600px) {
    #sitemap {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
    #sitemap>ul {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid
    }
}

@media(min-width:900px) {
    #sitemap {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

footer {
    min-width: 320px;
    max-width: 1280px;
    padding: 0;
    margin: 0 auto
}

footer>.top {
    padding-bottom: 10px;
    background: #9fbfd5;
    font: normal 14px/17px Verdana, sans-serif;
    color: #353d48
}

footer>.top>strong {
    display: block;
    padding: 20px 10px;
    font: 300 20px/20px 'roboto condensed', sans-serif;
    text-align: center
}

footer>.top ul {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    overflow: hidden
}

footer>.top ul li {
    width: 50%
}

footer>.top ul.main {
    font-size: 0;
    text-align: center
}

footer>.top ul.main li {
    display: inline-block;
    padding: 0 0 10px
}

footer>.top ul.main li a {
    display: block;
    width: 95%;
    max-width: 210px;
    height: 96px;
    line-height: 96px;
    margin: 0 auto;
    background: #b0d0e3;
    border-radius: 7px
}

footer>.top ul.main li a:hover {
    background: #e4f4ff
}

footer>.top ul.more li {
    float: left
}

footer>.top ul.more li a {
    display: block;
    max-width: 170px;
    color: #353d48;
    text-align: left;
    padding: 9px 5px;
    margin: 0 auto;
    text-decoration: none
}

footer>.top ul.more li a:before {
    content: "";
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 7px;
    vertical-align: middle;
    border-radius: 13px
}

footer>.top ul.more li a:after {
    padding: 0 8px;
    margin-left: 8px;
    text-indent: 0;
    font: normal 10px/17px 'roboto condensed', sans-serif;
    color: #fff;
    text-transform: uppercase;
    background: #23a0c9;
    border-radius: 3px
}

footer>.top ul.more li a:hover {
    text-decoration: underline
}

footer>.top ul.more li a.word:after {
    content: attr(data)
}

footer>.mid {
    background: #475d7c;
    text-align: center;
    padding: 10px 0;
    overflow: auto
}

footer>.mid>div:after {
    content: "";
    display: block;
    clear: both
}

footer>.mid>div div strong {
    display: block;
    padding: 10px 0;
    font: normal 18px/20px 'roboto slab', serif;
    color: #23a0c9;
    border-bottom: 1px solid #b5becb
}

footer>.mid>div div a {
    display: block;
    padding: 10px 0;
    font: normal 14px/15px Verdana, sans-serif;
    color: #fff;
    text-decoration: none
}

footer>.mid>div div a:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(/style/bg/header-misc.png) no-repeat -63px -91px;
    vertical-align: middle;
    margin-right: 15px
}

footer>.mid>div div a:hover {
    text-decoration: underline
}

footer>.mid>div>div {
    width: 230px;
    margin: 0 auto;
    text-align: left
}

footer>.bot {
    background: #1f1f1f
}

footer>.bot>div {
    overflow: hidden;
    border-bottom: 1px solid #535c65;
    padding: 7px 0
}

footer>.bot>div a {
    float: left;
    width: 46%;
    padding: 7px 0 7px 4%;
    font: normal 13px/16px Verdana, sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

footer>.bot>div a:hover {
    color: #23a0c9;
    text-decoration: none
}

footer>.bot>span {
    display: block;
    padding: 17px 10px;
    text-align: center;
    font: normal 13px/27px Verdana, sans-serif;
    color: #8599b6
}

footer>.bot>span a {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin: 0 3px;
    vertical-align: middle;
    background: #0670dc url(/style/logo/soc.png) no-repeat -27px 0;
    border-radius: 13px
}

footer>.bot>span a.t {
    background-color: #11c1fb;
    background-position: -3px 2px
}

footer>.bot>span a.f {
    background-color: #0670dc;
    background-position: -29px 2px
}

footer>.bot>span a.g {
    background-color: #ff3f3f;
    background-position: -58px 1px
}

footer>.bot>span a.y {
    background-color: #ff3f3f;
    background-position: -87px 0
}

footer>.bot>span a:hover {
    background-color: #012dbd
}

footer>.bot>span a.t:hover {
    background-color: #048df7
}

footer>.bot>span a.f:hover {
    background-color: #012dbd
}

footer>.bot>span a.g:hover {
    background-color: #ff1212
}

footer>.bot>span a.y:hover {
    background-color: #ff1212
}

footer>.bot>span a.ken {
    background-color: #11c1fb;
    background-position: -130px 0
}

footer>.bot>span a.tony {
    background-color: #11c1fb;
    background-position: -157px 0
}

footer>.bot>span a.stephen {
    background-color: #11c1fb;
    background-position: -184px 0
}

@media only screen and (min-width:480px) {
    footer>.top ul li {
        width: 33.33%
    }
    footer>.mid>div {
        width: 1050px
    }
    footer>.mid>div>div,
    footer>.mid>div>div>div {
        float: left;
        width: 190px;
        margin: 0 10px
    }
    footer>.mid>div>div.x2,
    footer>.mid>div>div.x3 {
        width: auto
    }
    footer>.mid>div>div>div {
        margin: 0 10px 0 0
    }
    footer>.mid>div>div>div:last-child {
        margin: 0
    }
    footer>.mid>div div a {
        font-size: 12px
    }
    footer>.bot>div a {
        width: 40%;
        padding-left: 10%
    }
}

@media only screen and (min-width:640px) {
    footer>.top ul li {
        width: 25%
    }
    footer>.bot:after {
        content: "";
        display: block;
        clear: both
    }
    footer>.bot>div {
        float: left;
        width: 55%;
        border: none;
        overflow: hidden
    }
    footer>.bot>span {
        text-align: right;
        padding: 23px 10px
    }
    footer>.bot>div a {
        width: 45%;
        padding-left: 5%
    }
}

@media only screen and (min-width:768px) {
    footer>.top ul li {
        width: 20%
    }
    footer>.bot>div {
        width: 65%;
        font-size: 0;
        padding: 22px 0 14px
    }
    footer>.bot>div a {
        float: none;
        font-size: 10px;
        border-left: 1px solid #3c3c3c;
        padding: 2px .9%
    }
    footer>.bot>div a:first-child {
        border-left: none
    }
    footer>.bot>span {
        padding: 15px 5px
    }
}

@media only screen and (min-width:1024px) {
    footer>.mid {
        overflow: visible
    }
    footer>.mid>div {
        width: 1000px;
        margin: 0 auto
    }
    footer>.mid>div>div,
    footer>.mid>div>div>div {
        width: 185px;
        margin: 0 7px
    }
    footer>.mid>div>div>div {
        margin: 0 8px 0 0
    }
    footer>.mid>div>div>div:last-child {
        margin: 0
    }
    footer>.bot>div a {
        padding: 2px 1.5%;
        font-size: 12px
    }
}

@media only screen and (min-width:1150px) {
    footer>.mid>div {
        width: 1100px
    }
    footer>.mid>div>div,
    footer>.mid>div>div>div {
        width: 190px;
        margin: 0 12px
    }
    footer>.mid>div>div>div {
        margin: 0 12px 0 0
    }
    footer>.mid>div>div>div:last-child {
        margin: 0
    }
    footer>.top {
        box-shadow: -1279px 0 0 #9fbfd5, 1279px 0 0 #9fbfd5
    }
    footer>.mid {
        box-shadow: -1279px 0 0 #475d7c, 1279px 0 0 #475d7c
    }
    footer>.bot {
        box-shadow: -1279px 0 0 #1f1f1f, 1279px 0 0 #1f1f1f
    }
}

@media only screen and (min-width:1280px) {
    footer>.mid>div {
        width: 1180px
    }
    footer>.mid>div>div,
    footer>.mid>div>div>div {
        margin: 0 23px
    }
    footer>.mid>div>div>div {
        margin: 0 25px 0 0
    }
    footer>.mid>div>div>div:last-child {
        margin: 0
    }
}

.legal {
    background: #364963 url(/style/bg/foot-legal-1.png) 50% no-repeat;
    width: 320px;
    height: 333px;
    position: relative;
    margin: 0 auto;
    box-shadow: -319px 0 0 #364963, 319px 0 0 #364963
}

.legal a {
    width: 140px;
    height: 20px;
    position: absolute;
    top: 269px;
    left: 168px;
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    overflow: hidden;
    text-decoration: none
}

@media only screen and (min-width:412px) {
    .legal {
        background-image: url(/style/bg/foot-legal-2.png);
        width: 392px;
        height: 271px;
        box-shadow: -319px 0 0 #364963, 319px 0 0 #364963
    }
    .legal a {
        top: 206px;
        left: 158px
    }
}

@media only screen and (min-width:600px) {
    .legal {
        background-image: url(/style/bg/foot-legal-3.png);
        width: 580px;
        height: 184px;
        box-shadow: -579px 0 0 #364963, 579px 0 0 #364963
    }
    .legal a {
        top: 142px;
        left: 158px
    }
}

@media only screen and (min-width:768px) {
    .legal {
        background-image: url(/style/bg/foot-legal-4.png);
        width: 748px;
        height: 168px;
        box-shadow: -747px 0 0 #364963, 747px 0 0 #364963
    }
    .legal a {
        top: 125px;
        left: 165px
    }
}

@media only screen and (min-width:1024px) {
    .legal {
        background-image: url(/style/bg/foot-legal-5.png);
        width: 1004px;
        height: 152px;
        box-shadow: -1003px 0 0 #364963, 1003px 0 0 #364963
    }
    .legal a {
        top: 110px;
        left: 166px
    }
}

@media only screen and (min-width:1280px) {
    .legal {
        background-image: url(/style/bg/foot-legal-6.png);
        width: 1240px;
        height: 135px;
        box-shadow: -1239px 0 0 #364963, 1239px 0 0 #364963
    }
    .legal a {
        top: 93px;
        left: 214px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    header>ul>li.drop>div .more>div a:before {
        margin-right: 4px
    }
    header>ul>li.drop>div .more>div {
        margin-left: 3%
    }
}

img.resp-fix {
    max-width: 100%;
    height: auto
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: url(/style/bg/cb/overlay.png) repeat 0 0;
    opacity: .9
}

#colorbox {
    outline: 0
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(/style/bg/cb/controls.png) no-repeat -101px 0
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(/style/bg/cb/controls.png) no-repeat -130px 0
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(/style/bg/cb/controls.png) no-repeat -101px -29px
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(/style/bg/cb/controls.png) no-repeat -130px -29px
}

#cboxMiddleLeft {
    width: 21px;
    background: url(/style/bg/cb/controls.png) left top repeat-y
}

#cboxMiddleRight {
    width: 21px;
    background: url(/style/bg/cb/controls.png) right top repeat-y
}

#cboxTopCenter {
    height: 21px;
    background: url(/style/bg/cb/border.png) 0 0 repeat-x
}

#cboxBottomCenter {
    height: 21px;
    background: url(/style/bg/cb/border.png) 0 -29px repeat-x
}

#cboxContent {
    background: #fff;
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 28px
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494
}

#cboxLoadingOverlay {
    background: url(/style/bg/cb/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
    background: url(/style/bg/cb/loading.gif) no-repeat center center
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: 0 0
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/style/bg/cb/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxPrevious:hover {
    background-position: -75px -25px
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(/style/bg/cb/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxNext:hover {
    background-position: -50px -25px
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(/style/bg/cb/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxClose:hover {
    background-position: -25px -25px
}

.video {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    margin: 0 auto 15px
}

.video>iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none
}

.choicetable.home.cards>.topoffer>.pic {
    background-image: url(/style/bg/table/card-icon-logo-big.png);
    padding-bottom: 18.05%
}

.choicetable.real.cards>.topoffer>.pic {
    width: 20%;
    bottom: 5px;
    left: 15px
}

.choicetable.v1.cards>.topoffer>.pic {
    display: block;
    width: 20%;
    left: 1%;
    bottom: 6%;
    height: 0;
    padding: 0 0 17%
}

@media(min-width:768px) {
    .choicetable.android>.topoffer>.pic {
        background-image: url(/style/bg/table/card-icon-logo-big.png);
        width: 18%;
        padding-bottom: 17.35%;
        bottom: 5px
    }
    .choicetable.v1.android>.topoffer {
        padding-left: 17%
    }
}

.intro-section {
    position: relative;
    padding: 0 0 10px 0
}

.intro-box {
    width: 400px;
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right
}

.intro-box .title-pos {
    font-size: 12px;
    line-height: 18px;
    color: #b4b4b4;
    width: 190px;
    float: right;
    text-align: center;
    font-family: Verdana, sans-serif
}

.intro-box .name {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-family: Verdana, sans-serif;
    width: 190px;
    float: right;
    clear: right;
    text-align: center;
    padding: 0 0 10px 0;
    margin-bottom: 10px
}

.intro-box .name.sign {
    padding-bottom: 100px
}

.intro-box .act {
    font-size: 18px;
    line-height: 20px;
    float: right;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 700
}

.intro-box .act:hover {
    background-color: #f57110
}

.intro-box:after {
    content: '';
    display: block;
    clear: both
}

.intro-section.v-stephen .intro-box {
    min-height: 230px;
    padding-top: 40px
}

.intro-section.v-stephen .intro-box .sign {
    background: url(/style/bg/stephen-sign.png) no-repeat center bottom
}

@media only screen and (min-width:900px) {
    .intro-section.v-stephen {
        padding-right: 450px;
        background: url(/style/bg/stephen-bg.jpg) no-repeat right bottom;
        min-height: 270px
    }
    .intro-section .intro-box {
        display: block
    }
}

.intro-box-review {
    max-width: 450px;
    width: 100%;
    display: block;
    margin: 0 auto 20px auto;
    padding: 10px 0 20px 0;
    background: #fff;
    background: -moz-linear-gradient(left, #fff 0, #f7f9fa 100%);
    background: -webkit-linear-gradient(left, #fff 0, #f7f9fa 100%);
    background: linear-gradient(to right, #fff 0, #f7f9fa 100%)
}

.intro-box-review table {
    width: 100%;
    border-collapse: collapse;
    border: 0
}

.intro-box-review table tr td {
    width: 50%;
    font-size: 13px;
    line-height: 18px;
    color: #909090;
    font-family: Verdana, sans-serif;
    padding: 5px 0
}

.intro-box-review table tr td:first-child {
    text-align: right;
    padding-right: 15px
}

.intro-box-review table tr td:nth-child(2) {
    position: relative;
    padding-left: 15px;
    border-left: solid 1px #d2dcde;
    text-align: left
}

.intro-box-review table tr:first-child td {
    padding: 0 0 20px 0;
    color: #505965;
    text-align: center;
    width: 100%
}

.intro-box-review table tr:first-child td strong {
    display: block
}

.intro-box-review table tr.logo-row td {
    padding-bottom: 15px;
    position: relative
}

.intro-box-review table tr td ._l {
    position: relative
}

.intro-box-review table td .check-item {
    position: relative;
    font-size: 14px;
    color: #23a0c9;
    text-decoration: underline;
    padding: 0 0 0 25px
}

.intro-box-review table td .check-item:hover {
    text-decoration: none
}

.intro-box-review table td .check-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    display: block;
    background: url(/style/bg/check-icon.png) no-repeat 0 0
}

.intro-box-review table tr td .rate {
    margin: 0
}

.intro-box-review table tr td.tooltip:before {
    content: 'Tooltip Text Here';
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    margin-right: -20px;
    padding: 10px;
    width: 100%;
    max-width: 160px;
    font-size: 12px;
    line-height: 20px;
    color: #7f7f7f;
    font-family: Verdana, sans-serif;
    background: #fff;
    border: solid 1px #cbcbcb;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(191, 191, 191, .4);
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.intro-box-review table tr td.tooltip:after {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -3px;
    margin-right: -23px;
    width: 5px;
    height: 5px;
    border: solid 1px #cbcbcb;
    border-left-color: transparent;
    border-top-color: transparent;
    display: block;
    background: #fff;
    transform: rotate(-45deg);
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.intro-box-review table tr td.tooltip:hover:before {
    opacity: 1;
    visibility: visible;
    margin-right: -10px
}

.intro-box-review table tr td.tooltip:hover:after {
    opacity: 1;
    visibility: visible;
    margin-right: -13px
}

.intro-box-review table tr td.tooltip.betvictor:before {
    content: "Tooltip: This is the current official logo of BetVictor Casino. Don't trust a site that features another logo or a similar one stylised differently!"
}

@media only screen and (min-width:480px) {
    .intro-box-review table tr td:first-child {
        padding-right: 30px
    }
    .intro-box-review table tr td:nth-child(2) {
        padding-left: 30px
    }
    .intro-box-review table tr td.tooltip:before {
        max-width: 230px
    }
}

@media only screen and (min-width:768px) {
    .intro-box-review {
        float: right;
        min-width: 450px
    }
}

.quick-nav {
    position: static;
    bottom: -150%;
    margin-bottom: 25px
}

.quick-nav .qn-cnt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: stretch;
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.quick-nav .qn-cnt .column {
    width: 50%;
    padding: 15px 10px 0 10px;
    box-sizing: border-box;
    border-top: solid 1px #dee7eb;
    border-left: solid 1px #dee7eb
}

.quick-nav .qn-cnt .column:nth-child(-n+2) {
    border-top: 0
}

.quick-nav .qn-cnt .column:nth-child(odd) {
    border-left: 0
}

.quick-nav .qn-cnt .column ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

.quick-nav .qn-cnt .column .navi-item {
    display: none;
    margin-top: 10px
}

.quick-nav .qn-cnt .column .navi-item:hover {
    text-decoration: none
}

.quick-nav .qn-cnt .column li:first-child .navi-item {
    display: block;
    margin-top: 0;
    text-align: center;
    font-family: 'roboto condensed', sans-serif;
    font-size: 15px;
    line-height: 17px;
    color: #26a1ca;
    padding: 110px 0 20px 0;
    position: relative
}

.quick-nav .qn-cnt .column li:nth-child(2) .navi-item {
    margin: 25px 0 0 0
}

.quick-nav .qn-cnt .column .navi-item:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    background: url(/style/bg/quick-nav-icons.png) no-repeat 0 0;
    z-index: 3
}

.quick-nav .qn-cnt .column .navi-item.item-games:after {
    background-position: 0 0
}

.quick-nav .qn-cnt .column .navi-item.item-mobile:after {
    background-position: 0 -100px
}

.quick-nav .qn-cnt .column .navi-item.item-casino:after {
    background-position: 0 -200px
}

.quick-nav .qn-cnt .column .navi-item.item-bonuses:after {
    background-position: 0 -300px
}

.quick-nav .qn-cnt .column .navi-item.item-payments:after {
    background-position: 0 -400px
}

.quick-nav .qn-cnt .column .navi-item.item-info:after {
    background-position: 0 -500px
}

.quick-nav .qn-cnt .column .navi-item.item-check:after {
    background-position: 0 -600px
}

.quick-nav .qn-cnt .column .navi-item.item-security:after {
    background-position: 0 -700px
}

@media only screen and (max-width:479px) {
    .quick-nav.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        background: #34465f;
        box-shadow: 0 -1px 2px rgba(0, 0, 0, .3);
        padding: 8px 0;
        z-index: 99;
        transition: .3s;
        padding: 0;
        margin: 0
    }
    .quick-nav.fixed .qn-cnt {
        flex-wrap: nowrap
    }
    .quick-nav.fixed .qn-cnt .column {
        text-align: center;
        padding: 0;
        width: auto;
        border: 0;
        display: none
    }
    .quick-nav.fixed .qn-cnt .column .navi-item {
        font-size: 9px;
        line-height: 16px;
        color: #fff;
        font-family: Verdana, arial, sans-serif
    }
    .quick-nav.fixed .qn-cnt .column li:first-child .navi-item {
        color: #fff;
        text-decoration: none;
        position: relative;
        padding: 35px 9px 0;
        height: 34px;
        overflow: hidden
    }
    .quick-nav.fixed .qn-cnt .column .navi-item:after {
        margin-left: -17px;
        top: 3px;
        width: 34px;
        height: 30px;
        background: url(/style/bg/quicknav-mobile.png) no-repeat 0 0
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-games:after {
        background-position: 0 0
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-mobile:after {
        background-position: 0 -30px
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-casino:after {
        background-position: 0 -60px
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-bonuses:after {
        background-position: 0 -90px
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-payments:after {
        background-position: 0 -120px
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-security:after {
        background-position: 0 -150px
    }
    .quick-nav.fixed .qn-cnt .column .navi-item.item-check:after,
    .quick-nav.fixed .qn-cnt .column .navi-item.item-comparison:after {
        background-position: 0 -180px
    }
    .quick-nav.fixed .qn-cnt .column:nth-child(-n+5) {
        display: block
    }
    .quick-nav.fixed .qn-cnt .column.active,
    .quick-nav.fixed .qn-cnt .column:hover {
        background: #2a3b54
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-games:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-games:after {
        background-position: -34px 0
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-mobile:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-mobile:after {
        background-position: -34px -30px
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-casino:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-casino:after {
        background-position: -34px -60px
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-bonuses:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-bonuses:after {
        background-position: -34px -90px
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-payments:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-payments:after {
        background-position: -34px -120px
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-security:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-security:after {
        background-position: -34px -150px
    }
    .quick-nav.fixed .qn-cnt .column.active .navi-item.item-comparison:after,
    .quick-nav.fixed .qn-cnt .column:hover .navi-item.item-comparison:after {
        background-position: -34px -180px
    }
}

@media only screen and (min-width:480px) {
    .quick-nav .qn-cnt .column {
        width: 33%;
        padding-bottom: 20px
    }
    .quick-nav .qn-cnt .column:nth-child(-n+3) {
        border-top: 0
    }
    .quick-nav .qn-cnt .column:nth-child(odd) {
        border-left: solid 1px #dee7eb
    }
    .quick-nav .qn-cnt .column:nth-child(3n+1) {
        border-left: 0
    }
    .quick-nav .qn-cnt .column ul {
        display: table;
        margin: 0 auto
    }
    .quick-nav .qn-cnt .column li:first-child .navi-item {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 0;
        padding-bottom: 10px
    }
    .quick-nav .qn-cnt .column li:first-child .navi-item:before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -80px;
        width: 160px;
        height: 100px;
        background: url(/style/bg/quick-nav-bg.png) no-repeat 0 0;
        display: block
    }
    .quick-nav .qn-cnt .column li:not(:first-child) .navi-item {
        display: block;
        margin: 10px auto 0;
        font-size: 12px;
        line-height: 16px;
        color: #494949;
        font-family: Verdana, arial, sans-serif;
        padding: 0 0 0 10px;
        position: relative;
        text-decoration: none;
        text-align: left;
        text-decoration: none
    }
    .quick-nav .qn-cnt .column li:not(:first-child) .navi-item:hover {
        text-decoration: underline;
        color: #32a7cc
    }
    .quick-nav .qn-cnt .column li:not(:first-child) .navi-item:before {
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -3px;
        left: 0;
        background: url(/style/bg/blue-arrow.png) no-repeat 0 0;
        width: 4px;
        height: 7px
    }
    .quick-nav .qn-cnt .column li:not(:first-child) .navi-item:after {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .quick-nav .qn-cnt {
        justify-content: center
    }
    .quick-nav .qn-cnt .column {
        width: 25%;
        border-top: 0
    }
    .quick-nav .qn-cnt .column:nth-child(-n+4) {
        border-top: 0;
        border-bottom: solid 1px #dee7eb
    }
    .quick-nav .qn-cnt .column:nth-child(3n+1) {
        border-left: solid 1px #dee7eb
    }
    .quick-nav .qn-cnt .column:nth-child(1),
    .quick-nav .qn-cnt .column:nth-child(5n) {
        border-left: 0
    }
}

@media only screen and (min-width:900px) {
    .quick-nav .qn-cnt {
        text-align: center;
        justify-content: space-between;
        flex-wrap: nowrap
    }
    .quick-nav .qn-cnt .column,
    .quick-nav .qn-cnt .column:nth-child(-n+4) {
        width: auto;
        padding: 25px 10px 20px 10px;
        border-top: solid 1px #dee7eb;
        border-bottom: 0
    }
    .quick-nav .qn-cnt .column:nth-child(5n) {
        border-left: solid 1px #dee7eb
    }
    .quick-nav.items-4 .qn-cnt .column {
        width: 25%
    }
    .quick-nav.items-5 .qn-cnt .column {
        width: 20%
    }
    .quick-nav.items-6 .qn-cnt .column {
        width: 16.66%
    }
    .quick-nav.items-7 .qn-cnt .column {
        width: 14.28%
    }
    .quick-nav.items-8 .qn-cnt .column {
        width: 12.5%
    }
}

.banner-bonus {
    background: #34465f;
    padding: 30px 22px 22px;
    margin: 0 0 20px 0
}

.banner-bonus:after {
    content: '';
    display: block;
    clear: both
}

.banner-bonus .logo-holder {
    position: relative;
    padding: 18px;
    background: #e7ecee;
    margin-bottom: 25px
}

.banner-bonus .logo-holder:before {
    content: attr(data-text);
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #b4bcc8;
    font-family: Verdana, sans-serif
}

.banner-bonus .logo-holder .logo {
    margin: 0 auto;
    display: table
}

.banner-bonus .list {
    margin: 0 auto;
    display: table;
    padding: 0 25px;
    list-style: none outside none;
    columns: 240px 2
}

.banner-bonus .list li {
    position: relative;
    padding: 5px 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    font-family: Verdana, arial, sans-serif;
    font-style: italic
}

.banner-bonus .list li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(/style/bg/misc.png) no-repeat 0 -30px
}

.banner-bonus .button-box {
    padding: 25px 25px 0 35px;
    position: relative
}

.banner-bonus .button-box .act-2 {
    text-transform: none;
    font-size: 18px;
    line-height: 20px;
    padding: 8px 15px
}

@media only screen and (min-width:768px) {
    .banner-bonus .logo-holder {
        float: left;
        width: 48%;
        margin: 20px 0 0 0;
        box-sizing: border-box
    }
    .banner-bonus .list {
        clear: right
    }
    .banner-bonus .button-box {
        margin: 0 auto;
        width: 48%;
        box-sizing: border-box
    }
}

@media only screen and (min-width:1180px) {
    .banner-bonus {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center
    }
    .banner-bonus .logo-holder {
        float: none;
        width: auto;
        margin: 0 35px 0 0
    }
    .banner-bonus .logo-holder:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: -35px;
        width: 1px;
        height: 72px;
        margin-top: -36px;
        background: #495c77
    }
    .banner-bonus .list {
        clear: none;
        margin: 0;
        display: block
    }
    .banner-bonus .button-box {
        float: none;
        width: auto;
        padding-top: 0;
        margin: 0
    }
    .banner-bonus .button-box:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 72px;
        margin-top: -36px;
        background: #495c77
    }
}

.banner-payment {
    margin: 0 0 20px 0;
    background: #f9f9f9;
    border: solid 1px #d7d7d7
}

.banner-payment .title {
    position: relative;
    background: #34465f;
    margin: -1px -1px 0 -1px;
    width: auto;
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    padding: 8px 10px;
    text-align: center;
    font-family: 'roboto condensed', sans-serif
}

.banner-payment ul {
    padding: 10px;
    display: flex;
    list-style: none outside none;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.banner-payment ul li {
    padding: 10px
}

.banner-payment ul li ._l {
    display: block;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

.banner-payment ul li ._l span {
    display: block
}

.testimonial {
    margin: 0 0 20px 0;
    background: #f9f9f9;
    border: solid 1px #d7d7d7;
    padding: 20px;
    font-size: 14px;
    line-height: 24px;
    color: grey;
    position: relative;
    min-height: 120px
}

.testimonial:nth-child(1) {
    margin-top: 20px
}

.testimonial .name {
    position: relative;
    margin: -20px -20px 0 -20px;
    display: block;
    padding: 8px 0 8px 45px;
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    background: #34465f;
    font-family: 'roboto condensed', sans-serif
}

.testimonial .name:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    width: 25px;
    height: 18px;
    background: url(/style/bg/quote-icon.png) no-repeat 0 0;
    display: block
}

.testimonial .person {
    margin: 0 auto 20px;
    display: block
}

.testimonial p {
    padding: 20px 0 0 0;
    margin: 0
}

@media only screen and (min-width:480px) {
    .testimonial {
        padding-left: 160px
    }
    .testimonial .name {
        margin-left: -160px
    }
    .testimonial .person {
        position: absolute;
        top: 65px;
        left: 20px;
        margin: 0
    }
}

.big-image-conv {
    position: relative;
    margin: 0 0 20px 0
}

.big-image-conv.left-img {
    direction: ltr
}

.big-image-conv.right-img {
    direction: rtl
}

.big-image-conv.right-img .image-holder,
.big-image-conv.right-img table {
    direction: ltr
}

.big-image-conv .image-holder {
    display: block;
    max-width: 770px;
    width: 100%;
    height: auto;
    margin: 0 auto 20px auto;
    position: relative
}

.big-image-conv .image-holder:after {
    display: none
}

.big-image-conv .image-holder img {
    position: static;
    min-width: 200px;
    width: 100%;
    height: auto;
    min-height: 10px;
    margin: 0 auto;
    display: block
}

.big-image-conv .image-holder.img-center img {
    transform: translateX(0)
}

.big-image-conv .image-holder .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    display: block;
    background: rgba(0, 0, 0, .85);
    padding: 25px 15px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-family: 'roboto condensed', sans-serif
}

.big-image-conv .image-holder .overlay .link-btn {
    padding: 0 0 0 60px;
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: underline
}

.big-image-conv .image-holder .overlay .link-btn:hover {
    text-decoration: none
}

.big-image-conv .image-holder .overlay .link-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url(/style/bg/white-icons.png) no-repeat 0 0
}

.big-image-conv .image-holder .overlay .link-btn.slots:before {
    background-position: 0 0
}

.big-image-conv .image-holder .overlay .link-btn.blackjack:before {
    background-position: 0 -50px
}

.big-image-conv .image-holder .overlay .link-btn.roulette:before {
    background-position: 0 -100px
}

.big-image-conv .image-holder .overlay .link-btn.paypal:before {
    background-position: 0 -150px;
    left: 5px
}

.big-image-conv table {
    width: 100%;
    display: block;
    vertical-align: top
}

.big-image-conv table tbody {
    border: solid 1px #d6d6d6;
    padding: 0 30px;
    display: block;
    margin-top: 13px
}

.big-image-conv table tbody.wrapper-text {
    margin: 0;
    padding-bottom: 23px;
    position: static
}

.big-image-conv table tbody.wrapper-button {
    border: 0;
    padding: 0
}

.big-image-conv table td,
.big-image-conv table th {
    display: table-cell
}

.big-image-conv table .hidden {
    display: none
}

.big-image-conv table .logo-row {
    position: relative;
    display: table;
    width: 100%;
    border-bottom: solid 1px #ccc
}

.big-image-conv table .logo-row td {
    height: 120px;
    line-height: 120px;
    text-align: center
}

.big-image-conv table .logo-row td:last-child span {
    width: 100%
}

.big-image-conv table .text-row {
    position: relative;
    display: table;
    width: 100%;
    border-bottom: solid 1px #ccc
}

.big-image-conv table .text-row td {
    height: 130px
}

.big-image-conv table .text-row p {
    font-size: 13px;
    line-height: 20px;
    color: #4c4c4c;
    text-align: center
}

.big-image-conv table .text-row+.small-row {
    margin-top: 23px
}

.big-image-conv table .small-row {
    display: table;
    width: 100%;
    margin: 5px 0 0 0
}

.big-image-conv table .small-row td:nth-child(1),
.big-image-conv table .small-row th {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    color: #959595;
    font-weight: 400
}

.big-image-conv table .small-row th:after {
    content: ':'
}

.big-image-conv table .small-row td:nth-child(2) {
    font-size: 15px;
    line-height: 20px;
    text-align: right;
    color: #3f3f3f;
    font-weight: 700;
    font-family: 'roboto slab', serif
}

.big-image-conv table .small-row td.big-text {
    font-size: 18px;
    line-height: 20px;
    color: #32a7cc
}

.big-image-conv table .rating-row {
    height: 60px;
    display: table;
    width: 100%
}

.big-image-conv table .rating-row td {
    width: 50%;
    vertical-align: middle
}

.big-image-conv table .rating-row td:first-child {
    color: #777;
    font-size: 13px;
    line-height: 18px;
    font-family: Verdana, sans-serif
}

.big-image-conv table .terms-row td {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    color: #9c9a9a;
    text-align: center;
    padding: 20px 0
}

.big-image-conv table .button-row {
    height: 60px;
    display: table;
    width: 100%
}

.big-image-conv table .button-row .act {
    display: block;
    text-transform: none
}

.big-image-conv table .button-row .act:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 25px;
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 10px #fff;
    border-right: solid 10px transparent;
    display: block;
    margin-top: -6px
}

.big-image-conv ul {
    list-style: none outside none;
    display: table;
    margin: 0 auto
}

.big-image-conv ul li {
    margin: 0 0 10px 0;
    padding: 0 0 0 25px;
    position: relative;
    font-size: 13px;
    line-height: 15px;
    color: #474343;
    font-style: italic
}

.big-image-conv ul li:before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 13px;
    height: 13px;
    background: url(/style/bg/misc.png) no-repeat 0 -30px
}

.big-image-conv .trigger-terms {
    text-decoration: none;
    color: #616060;
    font-weight: 400
}

.big-image-conv .trigger-terms:hover {
    text-decoration: underline
}

.big-image-conv.v2 table .wrapper-text {
    border-width: 1px 1px 0
}

.big-image-conv.v2 table .wrapper-smalls {
    border-width: 0 1px;
    margin-top: 0;
    overflow: hidden
}

.big-image-conv.v2 table .wrapper-terms {
    border-width: 0 1px 1px;
    margin-top: 0
}

.big-image-conv.v2 table .text-row td {
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    height: auto;
    padding: 20px 0;
    color: #4c4c4c
}

@media only screen and (min-width:480px) {
    .big-image-conv .image-holder .overlay {
        font-size: 20px;
        line-height: 30px;
        padding: 15px
    }
}

@media only screen and (min-width:480px) and (max-width:900px) {
    .big-image-conv table {
        display: block;
        width: 100%;
        height: auto;
        position: relative;
        box-sizing: border-box;
        padding-left: 51%
    }
    .big-image-conv table .logo-row {
        position: absolute;
        top: 0;
        left: 0;
        right: 51%;
        width: auto;
        border: solid 1px #d6d6d6;
        min-width: 49%;
        display: table-row;
        height: 115px
    }
    .big-image-conv table .logo-row td {
        height: 115px;
        line-height: 115px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .big-image-conv table .text-row {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 49%;
        border: solid 1px #d6d6d6;
        height: 135px;
        padding: 10px;
        box-sizing: border-box;
        display: block
    }
    .big-image-conv.v2 table {
        display: flex;
        flex-flow: row wrap;
        border: 1px solid #ccc;
        margin-bottom: 72px;
        position: relative;
        padding: 0
    }
    .big-image-conv.v2 table tbody {
        border: 0;
        display: block;
        box-sizing: border-box
    }
    .big-image-conv.v2 table tr {
        display: block
    }
    .big-image-conv.v2 table .wrapper-text {
        flex-basis: 50%;
        width: 50%;
        padding: 0
    }
    .big-image-conv.v2 table .wrapper-smalls {
        flex-basis: 50%;
        width: 50%;
        padding: 0 20px;
        margin: 20px 0;
        border-left: 1px solid #ccc;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center
    }
    .big-image-conv.v2 table .wrapper-smalls tr {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between
    }
    .big-image-conv.v2 table .wrapper-terms {
        padding: 0 15px
    }
    .big-image-conv.v2 table .wrapper-button {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        margin-top: 10px
    }
    .big-image-conv.v2 table .logo-row,
    .big-image-conv.v2 table .logo-row td,
    .big-image-conv.v2 table .text-row {
        position: static;
        border: 0 none;
        display: block;
        width: auto;
        height: auto
    }
    .big-image-conv.v2 table .logo-row td {
        height: 76px;
        line-height: 76px
    }
    .big-image-conv.v2 table .text-row {
        padding: 0 20px
    }
    .big-image-conv.v2 table .text-row td {
        height: auto
    }
    .big-image-conv.v2 table .terms-row td {
        padding: 0 0 20px
    }
    .big-image-conv.v2 table .button-row td {
        display: block
    }
}

@media only screen and (min-width:901px) {
    .big-image-conv {
        display: table;
        width: 100%
    }
    .big-image-conv .image-holder {
        display: table-cell;
        width: auto;
        height: 520px;
        overflow: hidden;
        vertical-align: top
    }
    .big-image-conv.left-img .image-holder {
        border-right: solid 30px #fff
    }
    .big-image-conv.right-img .image-holder {
        border-left: solid 30px #fff
    }
    .big-image-conv.left-img .image-holder:after {
        right: 0
    }
    .big-image-conv.right-img .image-holder:after {
        left: 0
    }
    .big-image-conv .image-holder img {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        height: auto;
        min-height: 100%;
        min-width: 100%
    }
    .big-image-conv .image-holder.img-left img {
        left: 0
    }
    .big-image-conv .image-holder.img-center img {
        left: 50%;
        transform: translateX(-50%)
    }
    .big-image-conv .image-holder.img-right img {
        left: auto;
        right: 0
    }
    .big-image-conv table {
        width: 380px;
        display: table-cell
    }
    .big-image-conv table .wrapper-smalls {
        padding-bottom: 25px
    }
    .big-image-conv table .terms-row td {
        border-top: 1px solid #ccc;
        height: 92px
    }
}

.table-with-img {
    position: relative;
    margin: 0 0 20px 0
}

.table-with-img.right-img {
    direction: ltr
}

.table-with-img.left-img {
    direction: rtl
}

.table-with-img.left-img .image-holder,
.table-with-img.left-img table {
    direction: ltr
}

.table-with-img .image-holder {
    position: relative;
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto
}

.table-with-img .image-holder:after {
    display: none
}

.table-with-img .image-holder a,
.table-with-img .image-holder div {
    display: block
}

.table-with-img .image-holder.img-center a,
.table-with-img .image-holder.img-center div {
    margin: 0 -200px
}

.table-with-img .image-holder.img-left img {
    float: left
}

.table-with-img .image-holder a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(57, 66, 79, .78);
    display: block;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.table-with-img .image-holder a:after {
    content: attr(data-title);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 90px 0 0 0;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-family: 'roboto condensed', sans-serif;
    background: url(/style/bg/zoom-icon.png) no-repeat center top;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.table-with-img .image-holder a:hover:after,
.table-with-img .image-holder a:hover:before {
    opacity: 1;
    visibility: visible
}

.table-with-img .image-holder img {
    display: block;
    margin: 0 auto
}

.table-with-img table {
    width: 100%;
    margin: 0 0 10px 0
}

.table-with-img table caption {
    margin: 0 0 5px 0;
    background: #34465f;
    font-size: 19px;
    line-height: 40px;
    color: #fff;
    font-family: 'roboto condensed', sans-serif;
    display: block;
    width: 100%
}

.table-with-img table tbody {
    border: solid 1px #d7d7d7;
    display: block;
    background: #fff
}

.table-with-img table tr {
    display: table;
    width: 100%;
    border-top: solid 1px #d7d7d7
}

.table-with-img table tr:first-child {
    border: 0
}

.table-with-img table tr td {
    position: relative;
    height: 68px;
    vertical-align: middle;
    padding: 0 25px 0 10px;
    font-size: 13px;
    line-height: 17px;
    color: grey;
    font-family: Verdana, sans-serif;
    text-align: right
}

table tr td .flag {
    display: inline-block;
    width: 21px;
    height: 15px;
    text-indent: -9999px;
    text-align: center;
    background: url(/style/bg/flags.png) no-repeat
}

table tr td .flag.de {
    background-position: 0 -15px
}

table tr td .flag.ch {
    background-position: 0 -30px
}

.table-with-img table tr:nth-child(odd) td {
    background: #f9f9f9
}

.table-with-img table tr:nth-child(even) td {
    background: #fff
}

.table-with-img table tr td.table-icon {
    position: relative;
    padding: 0 10px 0 45px;
    font-size: 14px;
    color: #101010;
    text-align: left
}

.table-with-img table tr td.table-icon:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%)
}

.table-with-img.v2 .image-holder {
    max-width: 770px
}

@media only screen and (min-width:768px) {
    .table-with-img {
        display: table;
        width: 100%;
        table-layout: fixed
    }
    .table-with-img table {
        margin: 0
    }
    .table-with-img .image-holder {
        display: table-cell;
        width: auto;
        vertical-align: top
    }
    .table-with-img table {
        width: auto;
        display: table-cell
    }
    .table-with-img.left-img table {
        border-left: solid 10px #fff
    }
    .table-with-img.right-img table {
        border-right: solid 10px #fff
    }
    .table-with-img .image-holder.img-left img {
        left: 0;
        transform: translateX(0)
    }
    .table-with-img .image-holder.img-right img {
        left: auto;
        right: 0;
        transform: translateX(0)
    }
    .table-with-img.v2.left-img table {
        border-left: 0
    }
    .table-with-img.v2.right-img table {
        border-right: 0
    }
    .table-with-img.v2 table {
        width: 100%;
        display: block;
        margin: 0 0 10px 0
    }
    .table-with-img.v2 .image-holder {
        display: block;
        width: auto
    }
}

@media only screen and (min-width:901px) {
    .table-with-img.v2.left-img table {
        border-left: solid 10px #fff
    }
    .table-with-img.v2.right-img table {
        border-right: solid 10px #fff
    }
    .table-with-img.v2 table {
        width: 49%;
        display: table-cell;
        margin: 0
    }
    .table-with-img.v2 .image-holder {
        display: table-cell
    }
    .table-with-img.v2 .image-holder img {
        height: 322px
    }
}

.table.big-table {
    overflow: hidden
}

.table.big-table table {
    display: block;
    border: 0
}

.table.big-table tr {
    display: block;
    width: 100%
}

.table.big-table thead {
    display: table;
    width: 100%
}

.table.big-table thead tr {
    display: table-row
}

.table.big-table tbody {
    display: block;
    border-bottom: solid 1px #d7d7d7
}

.table.big-table tbody tr {
    display: block
}

.table.big-table tr td:nth-child(1) {
    font-size: 15px;
    line-height: 18px;
    color: #585858;
    font-weight: 700;
    font-family: Verdana, sans-serif;
    padding: 15px 150px 15px 15px;
    position: relative;
    display: block;
    border-bottom: 0;
    text-align: center
}

.table.big-table tr td:nth-child(2) {
    display: block;
    max-height: 0;
    overflow: hidden;
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
    border-top: 0;
    transition: all .2s;
    font-size: 14px;
    line-height: 24px
}

.table.big-table tr th:nth-child(1) {
    width: auto
}

.table.big-table tr th:nth-child(2) {
    width: 113px
}

.table.big-table tr td ._l {
    margin: 0 auto;
    display: block
}

.table.big-table tr td ._l>span {
    display: block;
    margin: 5px auto 0
}

.table.big-table tr td .stext {
    color: grey;
    font-size: 10px;
    line-height: 13px;
    font-family: Verdana, sans-serif;
    display: block;
    padding: 10px 0 0 0;
    font-weight: 400
}

.table.big-table tr td .expand-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 134px;
    border: 0;
    border-left: solid 1px #d7d7d7;
    background: 0 0;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px
}

.table.big-table tr td .expand-btn:after,
.table.big-table tr td .expand-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 16px;
    margin: -8px 0 0 -1px;
    background: #34465f;
    display: block;
    transition: all .2s
}

.table.big-table tr td .expand-btn:before {
    transform: rotate(-45deg);
    margin-left: -5px
}

.table.big-table tr td .expand-btn:after {
    transform: rotate(45deg);
    margin-left: 5px
}

.table.big-table tr.expanded td:nth-child(2) {
    max-height: 10000px;
    padding: 20px;
    border-top: solid 1px #d7d7d7
}

.table.big-table tr.expanded .expand-btn:before {
    transform: rotate(-135deg)
}

.table.big-table tr.expanded .expand-btn:after {
    transform: rotate(135deg)
}

@media only screen and (min-width:480px) {
    .table.big-table tr td:nth-child(1) {
        padding: 25px 150px 25px 25px;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .table.big-table tr td ._l {
        margin: 0
    }
    .table.big-table tr td .stext {
        text-align: right;
        padding: 0 0 0 20px;
        max-width: 70%
    }
}

@media only screen and (min-width:768px) {
    .table.big-table table {
        display: table
    }
    .table.big-table thead {
        display: inherit;
        width: 100%
    }
    .table.big-table tbody {
        border-collapse: collapse;
        border: 0
    }
    .table.big-table tbody tr {
        display: table-row
    }
    .table.big-table tr th:nth-child(1) {
        width: 298px
    }
    .table.big-table tr th:nth-child(2) {
        width: auto
    }
    .table.big-table tr td:nth-child(1) {
        width: 280px;
        text-align: center;
        display: table-cell;
        padding: 20px
    }
    .table.big-table tr td:nth-child(2) {
        display: table-cell;
        max-height: 10000px;
        padding: 20px
    }
    .table.big-table tr td,
    .table.big-table tr td:nth-child(1),
    .table.big-table tr td:nth-child(2) {
        border: solid 1px #d7d7d7
    }
    .table.big-table tr td ._l {
        display: block;
        margin: 10px 0 0 0;
        float: none
    }
    .table.big-table tr td .expand-btn {
        display: none
    }
    .table.big-table tr td .stext {
        text-align: center;
        padding: 10px;
        max-width: 100%
    }
}

.table.three-cols {
    overflow: hidden
}

.table.three-cols table {
    border: solid 1px transparent;
    overflow: visible
}

.table.three-cols .caption {
    display: block;
    background: #34465f;
    font-size: 19px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    margin: 0 0 10px 0
}

.table.three-cols tbody:nth-child(2) {
    margin: 0 7px
}

.table.three-cols tbody tr td {
    font-size: 14px;
    line-height: 18px;
    color: #101010;
    font-family: Verdana, sans-serif;
    width: 50%;
    height: 70px;
    padding: 15px;
    box-sizing: border-box
}

.table.three-cols tbody tr td.ico3 {
    padding-left: 56px
}

.table.three-cols tbody tr td:nth-child(1) {
    border-right: 0
}

.table.three-cols tbody tr td:nth-child(2) {
    color: grey;
    font-size: 13px;
    text-align: right;
    border-left: 0
}

.table.three-cols tbody tr td a {
    color: #23a0c9;
    text-decoration: none
}

.table.three-cols tbody tr td a:hover {
    text-decoration: underline
}

@media only screen and (min-width:768px) {
    .table.three-cols tbody {
        column-count: 2;
        column-gap: 10px;
        display: block
    }
    .table.three-cols tbody tr {
        width: 100%;
        display: table;
        border-collapse: collapse;
        position: relative;
        border: 1px solid #d7d7d7;
        margin-bottom: -1px
    }
    .table.three-cols tbody tr td {
        border: 0
    }
}

@media only screen and (min-width:900px) {
    .table.three-cols tbody {
        column-count: 3
    }
}

.table.v3 table {
    min-width: 600px
}

.table.v3 table tr th {
    white-space: nowrap;
    position: static
}

.table.v3 table tr td:nth-child(1) {
    font-size: 15px;
    line-height: 19px;
    color: #3a3a3a;
    text-align: center;
    font-weight: 700;
    vertical-align: middle
}

.table.v3 table tr td:nth-child(2),
.table.v3 table tr td:nth-child(3) {
    vertical-align: top
}

.table.v3 table tr td .tb-icon {
    display: block
}

.table.v3 ul {
    list-style: none outside none;
    display: block;
    padding: 0;
    margin: 0
}

.table.v3 ul li {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px;
    color: #616161;
    font-family: Verdana, sans-serif
}

.table.v3 ul li a {
    text-decoration: underline;
    color: #23a0c9;
    font-size: 14px
}

.table.v3 ul li a:hover {
    text-decoration: none
}

@media only screen and (min-width:768px) {
    .table.v3 ul {
        column-count: 2;
        column-gap: 30px
    }
}

.linequalities {
    display: block;
    margin: 0 auto 15px;
    background: #e7ecee;
    border: 1px solid #d7d7d7
}

.linequalities tbody {
    display: block
}

.linequalities .info:before {
    content: "";
    display: inline-block;
    background: url(/style/bg/info.png) no-repeat 0 0;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 12px 0 0
}

.linequalities .textlink a {
    color: #23a0c9
}

.linequalities tr {
    display: block
}

.linequalities tr:first-child td {
    display: block;
    font: normal normal 15px/20px roboto, sans-serif;
    color: #34465f;
    padding: 25px 43px 20px 55px;
    text-indent: -37px;
    border-bottom: 1px solid #d7d7d7
}

.linequalities tr:not(:last-child):not(:first-child):after {
    content: "";
    display: block;
    border-bottom: 1px solid #d7d7d7;
    clear: both
}

.linequalities tr:not(:first-child) {
    padding: 0 20px
}

.linequalities tr:last-child td {
    display: block;
    padding: 15px 80px;
    white-space: nowrap
}

.linequalities td {
    display: inline-block;
    padding: 25px 0 20px;
    font: bold 13px/25px verdana
}

.linequalities td.yes:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    background: url(/style/bg/misc.png) no-repeat 0 -30px
}

.linequalities td:nth-child(2) {
    float: right;
    font-weight: 400;
    color: #747c7f
}

.linequalities .act {
    font: bold 18px/22px 'roboto slab', sans-serif;
    padding: 13px
}

@media only screen and (min-width:768px) {
    .linequalities .info,
    .linequalities tbody {
        text-align: center
    }
    .linequalities tr:not(:first-child) {
        display: inline-flex;
        align-items: center;
        padding: 0;
        border-right: 1px solid #cfd2d3
    }
    .linequalities tr:last-child {
        border: none
    }
    .linequalities tr:last-child td {
        padding: 20px 10px
    }
    .linequalities tr:not(:last-child):not(:first-child):after {
        border-bottom: none
    }
    .linequalities td {
        padding: 12px 10px
    }
    .linequalities .textlink {
        width: 120px
    }
    .linequalities .act {
        padding: 13px 30px
    }
}

@media only screen and (min-width:1024px) {
    .linequalities tr:nth-child(2) {
        margin-left: 30%
    }
    .linequalities tbody {
        position: relative
    }
    .linequalities tbody:after {
        content: "";
        display: block;
        clear: both
    }
    .linequalities td {
        padding: 12px 5px
    }
    .linequalities tr:first-child {
        float: left;
        border-right: 1px solid #cfd2d3;
        width: 30%;
        height: 100%;
        position: absolute
    }
    .linequalities tr:first-child td {
        border-bottom: none;
        text-align: left;
        padding: 0;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        position: absolute;
        display: flex;
        align-items: center;
        text-indent: 0
    }
    .linequalities .info::before {
        padding-right: 10px
    }
}

@media only screen and (min-width:1280px) {
    .linequalities tbody {
        text-align: left
    }
    .linequalities td {
        padding: 12px 15px
    }
}

.linequalities-v2 {
    position: relative;
    display: block;
    margin: 0 auto 15px;
    background: #e7ecee;
    border: 1px solid #d7d7d7
}

.linequalities-v2 .info {
    display: block;
    font: normal normal 15px/20px roboto, sans-serif;
    color: #34465f;
    padding: 25px 43px 20px 55px;
    text-indent: -35px
}

.linequalities-v2 .info:before {
    content: "";
    display: inline-block;
    background: url(/style/bg/info.png) no-repeat 0 0;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: 0 10px 0 0
}

.linequalities-v2 .textlink a {
    color: #23a0c9
}

.linequalities-v2 tbody {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 20px;
    padding: 20px 0
}

.linequalities-v2 tbody:first-of-type {
    margin: 0;
    padding: 0
}

.linequalities-v2 tbody:last-of-type td {
    display: block;
    padding: 0 80px;
    white-space: nowrap
}

.linequalities-v2 tr {
    display: block
}

.linequalities-v2 td {
    display: inline-block;
    padding: 0;
    font: bold 13px/25px verdana
}

.linequalities-v2 td.yes:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    background: url(/style/bg/misc.png) no-repeat 0 -30px
}

.linequalities-v2 td:nth-child(2) {
    float: right;
    font-weight: 400;
    color: #747c7f
}

.linequalities-v2 .act {
    font: bold 18px/22px 'roboto slab', sans-serif;
    padding: 13px
}

@media only screen and (min-width:768px) {
    .linequalities-v2 .info {
        text-align: center
    }
    .linequalities-v2 tbody:not(:first-of-type) {
        width: calc(40% - 20px);
        padding: 0;
        margin: 20px 0;
        border-bottom: none;
        display: inline-block
    }
    .linequalities-v2 tbody:nth-of-type(2) {
        border-right: 1px solid #d7d7d7
    }
    .linequalities-v2 tbody:last-of-type {
        border-left: 1px solid #d7d7d7;
        width: 22%
    }
    .linequalities-v2 tbody:last-of-type tr {
        padding: 0 10px
    }
    .linequalities-v2 tbody:last-of-type td {
        padding: 0
    }
    .linequalities-v2 tr {
        padding: 0 20px
    }
}

@media only screen and (min-width:1024px) {
    .linequalities-v2:after {
        content: "";
        clear: both;
        display: block
    }
    .linequalities-v2 tbody:first-of-type {
        float: left;
        border-right: 1px solid #cfd2d3;
        width: 30%;
        height: 100%;
        position: absolute
    }
    .linequalities-v2 tbody:first-of-type td {
        text-align: left;
        padding: 0;
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        position: absolute;
        display: flex;
        align-items: center
    }
    .linequalities-v2 tbody:not(:first-of-type) {
        width: calc(22% - 10px)
    }
    .linequalities-v2 tbody:not(:first-of-type):not(:last-of-type) {
        padding: 0 20px
    }
    .linequalities-v2 tbody:last-of-type {
        padding: 0;
        width: calc(20% - 40px)
    }
    .linequalities-v2 tbody:nth-of-type(2) {
        margin-left: 30%
    }
    .linequalities-v2 tr {
        padding: 0
    }
    .linequalities-v2 .info:before {
        padding-right: 10px
    }
    .linequalities-v2 .info {
        text-indent: 0
    }
}

@media only screen and (min-width:1280px) {
    .linequalities-v2 tbody:not(:first-of-type):not(:last-of-type) {
        padding: 0 30px
    }
    .linequalities-v2 tbody:last-of-type {
        width: 15%
    }
}

.r-top {
    padding: 0 10px;
    margin: 15px -5px;
    background: #c7d1df
}

.r-top.expanded .r-reviews-list {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.r-top h1 {
    font-family: Oswald, sans-serif;
    font-size: 21px;
    color: #3f3f3f;
    text-align: center;
    margin-bottom: 5px
}

.r-top .r-bar {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif
}

.r-top .r-actions {
    max-width: 200px;
    margin: 0 auto 20px
}

.r-top .r-content {
    padding: 0 10px 20px;
    margin: 0 -10px;
    background: #eaeff6
}

.r-top .r-current {
    display: flex;
    max-width: 450px;
    justify-content: space-between;
    align-items: center;
    padding: 5px 20px;
    margin: 0 auto -20px;
    border: 1px solid #d9e1ec;
    border-radius: 70px;
    transform: translateY(-50%);
    background: #fff;
    cursor: pointer
}

.r-top .r-current ._l>span {
    width: 80px;
    height: 40px;
    background-size: contain;
    background-position: center center
}

.r-top .r-rating-alt {
    min-width: 65px;
    padding-left: 25px;
    font-family: Roboto;
    font-size: 16px;
    color: #b6c1d1;
    background: url(/style/bg/r-rating-star.png) no-repeat 0 1px/17px 15px
}

.r-top .r-rating-alt strong {
    color: #5a6573
}

.r-top .jumpnavi {
    margin-right: -10px
}

.r-top .jumpnavi ul {
    position: absolute;
    display: flex;
    top: 100%;
    right: -10px;
    left: -10px;
    flex-flow: row wrap;
    padding: 0;
    margin: 0;
    border-top: 1px solid #c0cbdb;
    transform: rotateX(90deg);
    transform-origin: 50% 0;
    list-style-type: none;
    transition: transform .15s;
    z-index: 4
}

.r-top .jumpnavi li {
    display: flex;
    max-width: 50%;
    flex: 0 0 50%;
    border-right: 1px solid #c0cbdb;
    border-bottom: 1px solid #c0cbdb
}

.r-top .jumpnavi li:nth-child(even) {
    border-right: 0
}

.r-top .jumpnavi a {
    display: flex;
    max-width: 100%;
    flex: 0 0 100%;
    justify-content: center;
    align-items: center;
    padding: 7px 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #a1adbe
}

.r-top .r-jackpot {
    margin-bottom: 15px;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #5a6c7d;
    text-align: center
}

.r-top .r-jackpot strong {
    display: block;
    font-size: 35px;
    color: #20a3cd
}

.r-top .r-list {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 0 -3px;
    justify-content: center;
    list-style-type: none
}

.r-top .r-list li {
    max-width: 33.3%;
    flex: 0 0 33.3%;
    padding: 0 3px
}

.r-top .r-list a {
    display: block;
    padding: 4px 8px;
    border: 1px solid #20a3cd;
    border-radius: 2px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #20a3cd;
    text-decoration: none;
    text-align: center;
    background: #fff
}

.r-top .r-list a:before {
    content: '';
    position: relative;
    display: inline-block;
    top: -1px;
    margin-right: 7px;
    vertical-align: middle;
    background-size: 100% 100%
}

.r-top .r-list .games:before {
    width: 17px;
    height: 18px;
    background-image: url(/style/bg/r-games.png)
}

.r-top .r-list .live:before {
    width: 18px;
    height: 18px;
    background-image: url(/style/bg/r-live.png)
}

.r-top .r-list .mobile:before {
    width: 16px;
    height: 18px;
    background-image: url(/style/bg/r-mobile.png)
}

.r-top .r-reviews-list {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 30px;
    left: 0;
    transform: scale(.9);
    opacity: 0;
    visibility: hidden;
    background: #c7d1df;
    z-index: 2;
    transition: transform .15s, opacity .15s, visibility .15s
}

.r-top .r-reviews-list:before {
    content: 'Click to choose';
    display: block;
    padding: 15px 20px;
    font-family: Roboto, sans-serif;
    font-size: 17px;
    font-weight: 300;
    color: #566a82
}

.r-top .r-reviews-list:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 16px;
    right: 20px;
    background: url(/style/bg/cross-close.png) no-repeat 0 0/contain
}

.r-top .r-inner {
    height: calc(100% - 48px);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    list-style-type: none
}

.r-top .r-inner a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    color: #444a4a;
    text-decoration: none;
    background: #fff
}

.r-top .r-inner li {
    border-bottom: 1px solid #dbe4f1
}

.r-top .r-inner li:last-child {
    border-bottom: 0
}

.r-top .r-rating {
    margin-bottom: 15px;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #8e97a2;
    text-align: center
}

.r-top .r-rating span {
    display: inline-block;
    vertical-align: middle;
    width: 83px;
    height: 15px;
    font-size: 0;
    background: url(/style/bg/r-rating-star-grey.png) repeat-x 0 0
}

.r-top .r-rating span:before {
    content: '';
    display: block;
    height: 100%;
    background: url(/style/bg/r-rating-star.png) repeat-x 0 0
}

.r-top .r-rating.r49 span:before {
    width: 98%
}

.r-top .r-rating.r48 span:before {
    width: 96%
}

.r-top .r-rating.r47 span:before {
    width: 94%
}

.r-top .r-rating.r46 span:before {
    width: 92%
}

.r-top .r-rating.r45 span:before {
    width: 90%
}

.r-top .r-rating.r44 span:before {
    width: 88%
}

.r-top .r-rating.r43 span:before {
    width: 86%
}

.r-top .r-rating.r42 span:before {
    width: 84%
}

.r-top .r-rating.r41 span:before {
    width: 82%
}

.r-top .r-rating.r4 span:before {
    width: 80%
}

.r-top .r-rating.r39 span:before {
    width: 78%
}

.r-top .r-rating.r38 span:before {
    width: 76%
}

.r-top .r-rating.r37 span:before {
    width: 74%
}

.r-top .r-rating.r36 span:before {
    width: 72%
}

.r-top .r-rating.r35 span:before {
    width: 70%
}

.r-top .r-rating.r34 span:before {
    width: 68%
}

.r-top .r-rating.r33 span:before {
    width: 66%
}

.r-top .r-rating.r32 span:before {
    width: 64%
}

.r-top .r-rating.r31 span:before {
    width: 62%
}

.r-top .r-rating.r3 span:before {
    width: 60%
}

.r-top .text {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #7a8799;
    text-align: right
}

.r-top .text:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    top: -3px;
    margin-left: 10px;
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: #7a8799;
    vertical-align: middle;
    transform: rotate(135deg)
}

.r-top .jumpnavi-toggle {
    display: block;
    padding: 5px 10px;
    font-size: 11px;
    color: #566a82;
    transition: background .15s;
    cursor: pointer
}

.r-top .jumpnavi-toggle:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 11px;
    height: 11px;
    top: -1px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(/style/bg/r-jumpnavi-plus.png) no-repeat 0 0/contain;
    transition: background .3s
}

.r-top .paging {
    display: flex;
    padding: 5px 0;
    margin: 0;
    font-size: 10px;
    list-style-type: none
}

.r-top .paging li {
    position: relative
}

.r-top .paging li+li {
    margin-left: 14px
}

.r-top .paging li+li:before {
    content: '>';
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 3px
}

.r-top .paging a {
    color: #8e97a2;
    text-decoration: none
}

.r-top .paging a:hover {
    text-decoration: underline
}

.r-top,
.r-top *,
.r-top:after,
.r-top:before {
    box-sizing: border-box
}

@media(max-width:767px) {
    .r-top .js-arrow {
        position: absolute;
        width: 100%;
        height: 60px;
        top: 48px;
        opacity: 0;
        visibility: hidden;
        font-size: 0;
        background: #fff;
        transition: opacity .3s, visibility .3s;
        z-index: 2
    }
    .r-top .js-arrow:before {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        top: 50%;
        left: 50%;
        margin: -3px 0 0 -7px;
        border-top: 2px solid #7a8799;
        border-right: 2px solid #7a8799;
        transform: rotate(-45deg)
    }
    .r-top .js-arrow.prev {
        border-bottom: 1px solid #dbe4f1
    }
    .r-top .js-arrow.next {
        top: auto;
        bottom: 0;
        border-top: 1px solid #dbe4f1
    }
    .r-top .js-arrow.next:before {
        margin-top: -11px;
        transform: rotate(135deg)
    }
    .r-top .js-arrow.is-visible {
        opacity: 1;
        visibility: visible
    }
}

@media(max-width:1023px) {
    .r-top .jumpnavi.expanded ul {
        transform: rotateX(0)
    }
    .r-top .jumpnavi.expanded .jumpnavi-toggle {
        background: #a1adbe;
        cursor: pointer
    }
    .r-top .jumpnavi.expanded .jumpnavi-toggle:before {
        background: url(/style/bg/r-jumpnavi-cross.png) no-repeat 0 0/contain
    }
}

@media(min-width:480px) {
    .r-top .r-list {
        max-width: 450px;
        margin: 0 auto
    }
}

@media(min-width:768px) {
    .r-top.expanded .text {
        font-size: 0
    }
    .r-top.expanded .text:after {
        transform: rotate(-45deg) translateY(8px)
    }
    .r-top h1 {
        font-size: 31px
    }
    .r-top .paging {
        padding: 10px 0;
        font-size: 12px
    }
    .r-top .js-arrow {
        display: none
    }
    .r-top .r-actions {
        max-width: 320px;
        margin-bottom: 30px
    }
    .r-top .r-content {
        position: relative;
        padding-bottom: 30px
    }
    .r-top .jumpnavi a {
        padding: 20px;
        font-size: 18px
    }
    .r-top .r-reviews-list {
        position: absolute;
        height: auto;
        top: 0;
        left: 0;
        transform: scale(1)
    }
    .r-top .jumpnavi-toggle {
        font-size: 14px
    }
    .r-top .text {
        font-size: 18px;
        transition: font-size .15s
    }
    .r-top .text:after {
        transition: transform .15s
    }
    .r-top .r-current {
        position: relative;
        z-index: 3
    }
    .r-top .r-current ._l>span {
        width: 150px;
        height: 55px
    }
    .r-top .r-inner {
        position: relative;
        columns: 2;
        column-gap: 40px;
        padding: 45px 35px 0;
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #e1e7f0;
        box-shadow: 0 6px 28px rgba(0, 0, 0, .28);
        background: #fff
    }
    .r-top .r-inner:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background: #fff
    }
    .r-top .r-inner li {
        display: inline-block;
        width: 100%
    }
    .r-top .r-inner li:last-child {
        border-bottom: 1px solid #dbe4f1
    }
    .r-top .r-list {
        max-width: 432px
    }
    .r-top .r-list a {
        padding: 10px;
        font-size: 17px;
        font-weight: 500
    }
    .r-top .r-list li {
        padding: 0 6px
    }
    .r-top .r-rating {
        font-size: 15px
    }
    .r-top .r-rating span {
        position: relative;
        top: -3px
    }
    .r-top .r-jackpot {
        margin-bottom: 25px;
        font-size: 35px
    }
    .r-top .r-jackpot strong {
        display: inline;
        font-size: 38px
    }
    .r-top .r-reviews-list:after,
    .r-top .r-reviews-list:before {
        display: none
    }
}

@media(min-width:1024px) {
    .r-top {
        padding: 0 35px
    }
    .r-top .jumpnavi {
        margin-right: -35px
    }
    .r-top .r-content {
        margin: 0 -35px
    }
    .r-top .r-inner {
        columns: 3
    }
    .r-top .r-inner a {
        background: 0 0;
        transition: box-shadow .3s
    }
    .r-top .r-inner a:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        z-index: 1
    }
    .r-top .r-list a {
        transition: opacity .3s
    }
    .r-top .r-list a:hover {
        opacity: .7
    }
    .r-top .jumpnavi ul {
        margin: 0 -25px
    }
    .r-top .jumpnavi a {
        transition: background .3s
    }
    .r-top .jumpnavi a:hover {
        background: #8090a6
    }
    .r-top .jumpnavi-toggle {
        padding: 15px 35px
    }
    .r-top .jumpnavi:hover ul {
        transform: rotateX(0)
    }
    .r-top .jumpnavi:hover .jumpnavi-toggle {
        background: #a1adbe;
        cursor: pointer
    }
    .r-top .jumpnavi:hover .jumpnavi-toggle:before {
        background: url(/style/bg/r-jumpnavi-cross.png) no-repeat 0 0/contain
    }
}

.list-stats {
    padding: 0;
    margin: 0;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    list-style-type: none
}

.list-stats:after {
    content: '';
    display: table;
    line-height: 0;
    clear: both
}

.list-stats li {
    float: left;
    width: 50%;
    border: 1px solid #555
}

.list-stats li:nth-child(even) {
    border-left: 0
}

.list-stats li:nth-child(n+3) {
    border-top: 0
}

.list-stats strong {
    display: block;
    margin-bottom: -4px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    line-height: 1;
    color: #23a0c9
}

.list-stats span {
    display: block;
    padding: 5px;
    margin: -1px;
    color: inherit;
    text-decoration: none;
    transition: box-shadow .3s;
    cursor: pointer
}

@media(min-width:768px) and (max-width:1023px) {
    .list-stats li {
        width: 25%
    }
    .list-stats li+li {
        border-left: 0
    }
    .list-stats li:nth-child(n+3) {
        border-top: 1px solid #555
    }
}

@media(min-width:1024px) {
    .list-stats span {
        padding: 8px 5px
    }
}

.list-links-alt {
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #fff;
    list-style-type: none
}

.list-links-alt:after {
    content: '';
    display: table;
    line-height: 0;
    clear: both
}

.list-links-alt li {
    position: relative;
    float: left;
    width: 48%;
    padding-left: 8px;
    margin-bottom: 10px
}

.list-links-alt li:nth-child(even) {
    float: right
}

.list-links-alt li:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    top: 8px;
    left: -2px;
    border-top: 1px solid #8e8e8e;
    border-right: 1px solid #8e8e8e;
    transform: rotate(45deg)
}

.list-links-alt a {
    color: inherit;
    text-decoration: none
}

.list-links-primary {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.list-links-primary li+li {
    margin-top: 10px
}

.list-links-primary a {
    font-size: 13px;
    color: #898787;
    text-decoration: none
}

.socials a {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    line-height: 28px;
    text-align: center;
    text-indent: 0;
    background: #676767;
    transition: background .3s
}

.socials a:before {
    content: ''
}

.socials .socials-title {
    margin-bottom: 10px;
    font-size: 13px;
    color: #898787
}

.footer {
    max-width: 100%;
    padding-top: 28px;
    background: #464646
}

.footer .title {
    margin-bottom: 28px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #898787;
    text-align: center;
    text-transform: uppercase
}

.footer .shell {
    padding: 0 10px
}

.footer .aside {
    float: right;
    width: 45%
}

.footer .list-links-primary {
    float: left;
    width: 55%
}

.footer .footer-box {
    max-width: 355px;
    margin: 0 auto 20px
}

.footer .footer-box-about {
    padding-top: 15px;
    border-top: 1px solid #555
}

.footer .footer-terms {
    display: block;
    height: 333px;
    background: #393939 url(/style/bg/foot-legal-1.jpg) no-repeat center 0
}

.footer .footer-box-inner:after {
    content: '';
    display: table;
    line-height: 0;
    clear: both
}

.footer *,
.footer:after,
.footer:before {
    box-sizing: border-box
}

@media(min-width:412px) {
    .footer .footer-terms {
        height: 271px;
        background-image: url(/style/bg/foot-legal-2.jpg)
    }
}

@media(min-width:600px) {
    .footer .footer-terms {
        height: 184px;
        background-image: url(/style/bg/foot-legal-3.jpg)
    }
}

@media(min-width:768px) {
    .footer .shell {
        padding: 0 50px
    }
    .footer .footer-box {
        max-width: 100%;
        margin-bottom: 35px
    }
    .footer .footer-terms {
        height: 184px;
        clear: both;
        background-image: url(/style/bg/foot-legal-4.jpg)
    }
    .footer .list-links-alt {
        position: relative
    }
    .footer .list-links-alt:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
        left: 0;
        left: -39px;
        background: #555
    }
    .footer .footer-box-about {
        float: left;
        width: 35%;
        padding-top: 0;
        border-top: 0
    }
    .footer .footer-box-about .title {
        text-align: left
    }
    .footer .footer-box-articles {
        float: right;
        width: 65%;
        padding-left: 76px
    }
    .footer .footer-box-articles .title {
        text-align: left
    }
}

@media(min-width:1024px) {
    .footer .footer-terms {
        height: 152px;
        background-image: url(/style/bg/foot-legal-5.jpg)
    }
    .footer .footer-box {
        float: right;
        width: 28.98%
    }
    .footer .footer-box-about {
        width: 26.27%
    }
    .footer .footer-box-articles {
        width: 44.75%;
        padding-right: 20px
    }
    .footer .list-links-alt:before {
        left: -50px
    }
}

@media(min-width:1280px) {
    .footer .footer-terms {
        height: 135px;
        background-image: url(/style/bg/foot-legal-6.jpg)
    }
}

.section-related-articles {
    max-width: 1180px;
    padding: 15px 10px 0;
    margin: 0 auto 25px;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box
}

.section-related-articles .section-inner {
    max-width: 300px;
    margin: 0 auto;
    padding: 10px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .09);
    background: #fff
}

.section-related-articles .section-title {
    margin-bottom: 22px;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    color: #3f3f3f;
    text-align: center
}

.section-related-articles *,
.section-related-articles:after,
.section-related-articles:before {
    box-sizing: border-box
}

@media(min-width:580px) {
    .section-related-articles .section-inner {
        max-width: none
    }
}

@media(min-width:768px) {
    .section-related-articles {
        padding: 20px 0 0
    }
    .section-related-articles .section-title {
        margin-bottom: 28px;
        font-size: 26px
    }
}

.list-related-links {
    padding: 0;
    margin: 0;
    font-family: Oswald, sans-serif;
    font-size: 20px;
    color: #364252;
    list-style-type: none
}

.list-related-links li+li {
    margin-top: 10px
}

.list-related-links a {
    position: relative;
    display: block;
    height: 80px;
    padding: 0 10px 0 93px;
    border: 1px solid #ccc;
    font-size: 0;
    line-height: 1.2;
    line-height: 78px;
    color: inherit;
    text-decoration: none;
    text-indent: 0;
    background-color: #fff;
    transition: color .3s, background .3s
}

.list-related-links a:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 50px;
    top: 50%;
    left: 15px;
    border: 1px solid #8c96a4;
    margin-top: -25px;
    background-size: auto auto;
    background-color: #fff
}

.list-related-links span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1.2
}

@media(min-width:580px) {
    .list-related-links {
        max-width: none;
        margin: 0 -5px
    }
    .list-related-links:after {
        content: '';
        display: table;
        line-height: 0;
        clear: both
    }
    .list-related-links li {
        float: left;
        width: 50%;
        padding: 0 5px
    }
    .list-related-links li+li {
        margin: 0
    }
    .list-related-links li:nth-child(n+3) {
        margin-top: 10px
    }
}

@media(min-width:1024px) {
    .list-related-links li {
        width: 33.3%
    }
    .list-related-links li:nth-child(n+3) {
        margin-top: 0
    }
    .list-related-links li:nth-child(n+4) {
        margin-top: 10px
    }
}

@media(max-width:767px) {
    .live .ico-palm-tree:after,
    .live .ico-palm-tree:before {
        width: 84px;
        height: 90px;
        background-image: url(/style/navigation/ico-caribean-stud.png)
    }
    .live .ico-online-poker:after,
    .live .ico-online-poker:before {
        width: 94px;
        height: 90px;
        background-image: url(/style/navigation/ico-online-poker.png)
    }
    .live .ico-craps:after,
    .live .ico-craps:before {
        width: 87px;
        height: 90px;
        background-image: url(/style/navigation/ico-sic-bo.png)
    }
    .live .ico-poker-3:after,
    .live .ico-poker-3:before {
        width: 77px;
        height: 90px;
        background-image: url(/style/navigation/ico-poker-3-live.png)
    }
    .live .ico-casino-poker:after,
    .live .ico-casino-poker:before {
        width: 80px;
        height: 90px;
        background-image: url(/style/navigation/ico-ultimate-texas.png)
    }
}

.no-touch .list-related-links a:hover {
    color: #25a1c9;
    background: #eff7fa
}

.no-touch .has-dd:hover .nav-dropdown {
    opacity: 1;
    visibility: visible
}

.no-touch .list-stats span:hover {
    box-shadow: inset 0 0 0 2px #23a0c9
}

.no-touch .socials [class*=twitter]:hover {
    background: #2ab0f5
}

.no-touch .socials [class*=youtube]:hover {
    background: #e13a3a
}

.no-touch .list-links a:hover {
    text-decoration: none
}

.no-touch .game-app .game-btn:hover:before,
.no-touch .list-links-alt a:hover,
.no-touch .list-links-primary a:hover,
.no-touch .nav-dropdown .nav-dropdown-aside-alt a:hover {
    text-decoration: underline
}

.no-touch .box-primary>a:hover:before,
.no-touch .grid.js-slider a:hover:before,
.no-touch .highlighted-casinos li:hover .logo-container {
    opacity: 1
}

.no-touch .box-primary>a:hover~.btn,
.no-touch .highlighted-casinos .btn:hover {
    background: #ff8519
}

@media(min-width:768px) {
    .nav>ul>.dd-visible>a,
    .no-touch .nav>ul>li:hover>a {
        border-color: #ff9b19;
        color: #fff;
        background: #25354d
    }
    .nav>ul>.dd-visible>a:after,
    .no-touch .nav>ul>li:hover>a:after {
        border-color: #fff transparent transparent transparent
    }
    .nav>ul>.dd-visible .ico-slot:before,
    .no-touch .nav>ul>li:hover .ico-slot:before {
        background-position: 0 -25px
    }
    .nav>ul>.dd-visible .ico-games:before,
    .no-touch .nav>ul>li:hover .ico-games:before {
        background-position: -25px -25px
    }
    .nav>ul>.dd-visible .ico-lady:before,
    .no-touch .nav>ul>li:hover .ico-lady:before {
        background-position: -50px -25px
    }
    .nav>ul>.dd-visible .ico-apps:before,
    .no-touch .nav>ul>li:hover .ico-apps:before {
        background-position: -75px -25px
    }
    .nav>ul>.dd-visible .ico-software:before,
    .no-touch .nav>ul>li:hover .ico-software:before {
        background-position: -100px -25px
    }
    .nav>ul>.dd-visible .ico-money:before,
    .no-touch .nav>ul>li:hover .ico-money:before {
        background-position: -125px -25px
    }
    .nav>ul>.dd-visible .ico-plus:before,
    .no-touch .nav>ul>li:hover .ico-plus:before {
        background-position: -150px -25px
    }
}

[class*=ico-] {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px
}

[class*=ico-]:after,
[class*=ico-]:before {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.ico-twitter:after,
.ico-twitter:before {
    width: 15px;
    height: 13px;
    background-image: url(/style/bg/ico-twitter.png)
}

.ico-youtube:after,
.ico-youtube:before {
    width: 15px;
    height: 13px;
    background-image: url(/style/bg/ico-youtube.png)
}

.ico-twitter-secondary:after,
.ico-twitter-secondary:before {
    width: 27px;
    height: 27px;
    background-image: url(/style/icons/twitter.png)
}

.ico-twitter-secondary:hover:after,
.ico-twitter-secondary:hover:before {
    background-image: url(/style/icons/twitter-hover.png)
}

.ico-instagram-secondary:after,
.ico-instagram-secondary:before {
    width: 27px;
    height: 27px;
    background-image: url(/style/icons/instagram-hover.png)
}

.ico-instagram-secondary:hover:after,
.ico-instagram-secondary:hover:before {
    background-image: url(/style/icons/instagram.png)
}

.ico-linkedin-secondary:after,
.ico-linkedin-secondary:before {
    width: 27px;
    height: 27px;
    background-image: url(/style/icons/linkedin-hover.png)
}

.ico-linkedin-secondary:hover:after,
.ico-linkedin-secondary:hover:before {
    background-image: url(/style/icons/linkedin.png)
}

.ico-youtube-secondary:after,
.ico-youtube-secondary:before {
    width: 27px;
    height: 27px;
    background-image: url(/style/icons/youtube-hover.png)
}

.ico-youtube-secondary:hover:after,
.ico-youtube-secondary:hover:before {
    background-image: url(/style/icons/youtube.png)
}

.footer-blue .ico-instagram-secondary:before {
    content: '';
    margin-top: -10px;
    margin-left: 4px
}

.footer-blue .ico-linkedin-secondary:before {
    content: '';
    margin-top: -10px;
    margin-left: 4px
}

.footer-blue .ico-youtube-secondary:before {
    content: '';
    margin-top: -10px;
    margin-left: 4px
}

.lang-menu {
    position: relative;
    max-width: 75px;
    padding-top: 22px
}

.lang-menu.is-expanded>a:after {
    transform: rotate(180deg)
}

.lang-menu.is-expanded ul {
    transform: rotateX(0)
}

.lang-menu a {
    position: relative;
    display: block;
    padding: 2px 15px 1px 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background: #676767;
    transition: color .15s, background .15s
}

.lang-menu a:before {
    content: '';
    position: absolute;
    width: 23px;
    height: 15px;
    top: 3px;
    left: 4px;
    background-image: url(/style/bg/flags-sprite.png);
    background-size: 100% auto
}

.lang-menu>a:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: 4px;
    margin-top: -2px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #a3a3a3 transparent transparent transparent;
    transition: transform .15s
}

.lang-menu a:hover {
    color: #fff;
    background: grey
}

.lang-menu ul {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 22px;
    padding: 0;
    margin: 0;
    transform: rotateX(90deg);
    transform-origin: 0 100%;
    list-style-type: none;
    transition: transform .15s
}

.lang-menu ul a {
    color: #d8d8d8
}

.lang-menu li {
    border-top: 1px solid #464646
}

.lang-menu .en:before {
    background-position-y: 0
}

.lang-menu .de:before {
    background-position-y: -100%
}

.lang-menu .dk:before {
    background-position-y: -200%
}

.lang-menu .ro:before {
    background-position-y: -300%
}

.lang-menu .es:before {
    background-position-y: -400%
}

.lang-menu .nl:before {
    background-position-y: -500%
}

.lang-menu .fr:before {
    background-position-y: -600%
}

.lang-menu .tr:before {
    background-position-y: -700%
}

.lang-menu .int:before {
    background-position-y: -800%
}

.gamesubs {
    padding: 0;
    margin: 0 auto 15px;
    list-style: none;
    text-align: center
}

.gamesubs li {
    display: inline-block;
    padding: 10px 3%
}

.gamesubs li a {
    display: block;
    padding: 100px 5px 15px;
    position: relative;
    font: normal 15px/1 roboto, sans-serif;
    color: #3f3f3f;
    text-decoration: none
}

.gamesubs li a:hover {
    text-decoration: underline
}

.gamesubs li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 65px;
    height: 65px;
    margin-left: -50px;
    margin-top: 15px;
    background: url(/style/logo/gamesubs.png) no-repeat 0 -19px
}

.gamesubs li a.poker:before {
    background-position: -198px -19px
}

.gamesubs li a.blackjack:before {
    background-position: -132px -19px
}

.gamesubs li a.slots:before {
    background-position: 0 -19px
}

.gamesubs li a.roulette:before {
    background-position: -66px -19px
}

.gamesubs li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 50%;
    margin-right: -63px;
    width: 90px;
    height: 80px;
    background: url(/style/logo/gamesubs.png) no-repeat 0 0
}

.gamesubs li a.realmoney:after {
    background-position: 0 -85px
}

.gamesubs li a.jackpot:after {
    background-position: -90px -85px
}

.gamesubs li a.glossary:after,
.gamesubs li a.rules:after {
    background-position: -180px -85px
}

.gamesubs li a.history:after {
    background-position: -270px -85px;
    top: 9px
}

.gamesubs li a.cats:after {
    background-position: -360px -85px
}

.gamesubs li a.providers:after {
    background-position: 0 -165px
}

.gamesubs li a.rtp:after {
    background-position: -90px -165px
}

.gamesubs li a.facts:after {
    background-position: -180px -165px
}

.gamesubs li a.strat:after,
.gamesubs li a.system:after {
    background-position: -270px -165px;
    top: 5px
}

.gamesubs li a.movies:after {
    background-position: 0 -245px;
    top: 12px
}

.gamesubs li a.counting:after {
    background-position: -90px -245px
}

.gamesubs li a.paroli:after {
    background-position: -180px -245px;
    top: 5px
}

.gamesubs li a.martingale:after {
    background-position: -270px -245px;
    top: 5px
}

@media only screen and (min-width:1024px) {
    .gamesubs {
        max-width: 80%
    }
}

.revlast .title {
    font: normal 19px/1 'roboto condensed', sans-serif;
    color: #fff;
    background: #34465f;
    padding: 10px;
    margin: -1px;
    text-align: center;
    border-bottom: 1px solid #ccc
}

.revlast>div {
    border: 1px solid #ccc;
    margin-bottom: 10px
}

.revlast>.articles:after {
    content: "";
    display: table;
    clear: both
}

.revlast>.articles>.link {
    float: left;
    width: 50%
}

.revlast>.articles>.link a {
    display: block;
    margin: 12px 6px 12px 12px;
    padding: 7px;
    border: 1px solid #23a0c9;
    font: normal 20px/1 Oswald, sans-serif;
    color: #364252;
    text-decoration: none;
    text-align: center
}

.revlast>.articles>.link:last-child a {
    margin: 12px 12px 12px 6px
}

.revlast>.articles>.link a:hover {
    background: #f0f0f0;
    box-shadow: 0 0 0 3px #23a0c9 inset
}

.revlast>.articles>.link a:before {
    content: "";
    display: block;
    height: 100px;
    background: url(/style/bg/link-casino.png) no-repeat center;
    margin-bottom: 7px
}

.revlast>.articles>.link.dice a:before {
    background-image: url(/style/bg/link-dice.png)
}

.revlast>.articles>.link.software a:before {
    background-image: url(/style/bg/software.png)
}

.revlast>.articles>.link.casino a:before {
    background-image: url(/style/bg/casino.png)
}

.revlast>.articles>.link.games a:before {
    background-image: url(/style/bg/games.png)
}

.revlast>.articles>.link.android a:before {
    background-image: url(/style/bg/android.png)
}

.revlast>.articles>.link.iphone a:before {
    background-image: url(/style/bg/iphone.png)
}

.revlast>.articles>.link.ipad a:before {
    background-image: url(/style/bg/ipad.png)
}

.revlast>.articles>.link.money a:before {
    background-image: url(/style/bg/money.png)
}

.revlast>.articles>.link.real-money a:before {
    background-image: url(/style/bg/real-money.png)
}

.revlast>.articles>.link.slot a:before {
    background-image: url(/style/bg/slot.png)
}

.revlast>.articles>.link.guide a:before {
    background-image: url(/style/bg/guide.png)
}

.revlast>.articles>.link.low-stakes a:before {
    background-image: url(/style/bg/low-stake.png)
}

.revlast>.articles>.link.usa-pennsylvania a:before {
    background-image: url(/style/bg/pennsylvania.png)
}

.revlast>.articles>.link.usa-new-jersey a:before {
    background-image: url(/style/bg/new-jersey.png)
}

.revlast>.articles>.link.games a:before {
    background-image: url(/style/bg/games.png)
}

.revlast>.alt>.logo {
    float: left;
    width: 45%;
    height: 96px;
    line-height: 94px;
    text-align: center
}

.revlast>.alt>ul {
    overflow: hidden;
    font: italic normal 12px/1 verdana, sans-serif;
    color: #323131;
    padding: 0;
    margin: 18px 0 0;
    list-style: none
}

.revlast>.alt>ul li {
    padding: 4px 0 4px 15px;
    text-indent: -15px
}

.revlast>.alt>ul li:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: -1px 5px -1px 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMVJREFUeNpiDJx/lgEdWKvFw5jhQNwFxDuBeBdjz1EduKKjtxYiKxQC4itALAnln2fCYSIItCAp/A6yhYkBO7AB4kwkfhoQ34YpNgBiVSibDYgnIylcAsUMIMVeQHwAiFdCJbOgmkHgCRDnwHSxAHETEPMDsSEQzwFiVyRTE4H4I4zDBHXPWyg/GYjloOxeIN4DU+jYKgVWfA6Ig4D4D5KJp4G4FN3XMA8eAuIkJHGQDf/RFbMgsRcDsTEQvwDiy9jCEyDAADMQJP6OVWTPAAAAAElFTkSuQmCC) no-repeat 0 0
}

.revlast>.alt>.link {
    clear: both;
    margin: 0 5%;
    border-top: 1px solid #ccc
}

.revlast>.alt>.link a {
    display: block;
    padding: 28px 5px;
    font: italic bold 15px/.95 verdana, sans-serif;
    color: #23a0c9;
    text-align: center
}

.revlast.v2>.offer>.link a.act {
    position: static
}

.revlast>.alt>.link a:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-right: 5px;
    background: url(/style/bg/misc.png) no-repeat 0 -17px
}

.revlast>.alt>.link a:hover {
    text-decoration: none
}

.revlast>.offer>.info {
    padding: 25px 0 25px 50%;
    position: relative;
    font: normal 13px/1 verdana, sans-serif;
    color: #777
}

.revlast>.offer>.info:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 50%
}

.revlast>.offer>.info.no-before {
    position: relative;
    text-align: center
}

.revlast>.offer>.info.no-before ._casino {
    position: absolute;
    top: 50%;
    left: 25%;
    margin: -30px 0 0 -75px
}

.revlast>.offer>.info.no-before:before {
    content: none
}

.revlast>.offer>.info>i {
    margin-bottom: 8px
}

.revlast>.offer>.link {
    clear: both;
    margin: 0 5%;
    padding: 15px;
    border-top: 1px solid #ccc
}

.revlast>.offer>.link a {
    display: table;
    font-size: 21px;
    padding: 9px 50px
}

.revlast.v2 .alt {
    position: relative
}

.revlast.v2 .alt .link a:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    bottom: 0;
    right: 0
}

.revlast.v2 .offer {
    position: relative
}

.revlast.v2 .offer .info .rate {
    margin: 8px auto 0
}

.revlast.v2 .offer .link a:after {
    content: '';
    position: absolute;
    top: 40px;
    left: 0;
    width: 50%;
    height: 97px
}

@media only screen and (min-width:600px) {
    .revlast>.offer>.info {
        float: left;
        width: 30%;
        padding: 30px 0 30px 30%
    }
    .revlast>.offer>.info:before {
        right: 50%
    }
    .revlast>.offer>.link {
        clear: none;
        margin: 21px 0;
        padding: 8px 0;
        border-top: none;
        border-left: 1px solid #ccc;
        margin-left: 60%
    }
    .revlast>.offer:after {
        content: "";
        display: block;
        clear: both
    }
    .revlast.v2 .offer .link a:after {
        width: 30%
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .revlast>.offer>.link a {
        padding-left: 30px;
        padding-right: 30px
    }
    .revlast>.offer>.link a:before {
        left: 12px
    }
}

@media only screen and (min-width:768px) {
    .revlast>.articles {
        float: right;
        width: 49.3%;
        margin-bottom: 5px
    }
    .revlast>.alt {
        float: left;
        width: 49.3%;
        margin-bottom: 5px
    }
    .revlast>.offer {
        clear: both
    }
    .revlast>.offer>.info {
        width: 26%;
        padding-left: 26%
    }
    .revlast>.offer>.link {
        margin-left: 52%
    }
    .revlast.v2 .offer .link a:after {
        width: 26%
    }
}

@media only screen and (min-width:1024px) {
    .revlast>.articles {
        float: right;
        width: 31%;
        margin-left: 7px
    }
    .revlast>.alt {
        float: right;
        width: 32%
    }
    .revlast>.offer {
        clear: none;
        float: left;
        margin-bottom: 5px;
        width: 35%
    }
    .revlast>.offer>.info {
        width: 50%;
        padding: 25px 0 25px 50%
    }
    .revlast>.offer>.link {
        clear: both;
        margin: 0 5%;
        padding: 10px 0;
        border-top: 1px solid #ccc;
        border-left: none
    }
    .revlast:after {
        content: "";
        display: table;
        clear: both
    }
    .revlast.v2 .offer .link a:after {
        width: 50%
    }
}

@media only screen and (min-width:1280px) {
    .revlast>.articles {
        width: 33%
    }
    .revlast>.alt {
        width: 32%
    }
    .revlast>.offer {
        width: 33.3%
    }
}

.companyinfo {
    font: normal 13px/1.3 Verdana, sans-serif;
    color: #717171;
    margin: 0 -5px 20px;
    padding: 15px
}

.companyinfo table,
.companyinfo tbody,
.companyinfo td,
.companyinfo tr {
    display: block
}

.companyinfo tbody {
    border: 1px solid #d7d7d7;
    margin-bottom: 14px
}

.companyinfo .args {
    padding: 0 25px 1px
}

.companyinfo .args .logo td:first-child {
    display: none
}

.companyinfo .args .logo td:last-child {
    height: 135px;
    line-height: 135px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 25px
}

.companyinfo .args .logo td:last-child>span {
    width: 100%
}

.companyinfo .args .arg {
    display: block;
    margin-bottom: 25px
}

.companyinfo .args .arg td:first-child {
    color: #2570aa
}

.companyinfo .args .arg td:first-child:after {
    content: ":"
}

.companyinfo .text {
    padding: 20px;
    text-align: center
}

.companyinfo .text td:first-child {
    display: none
}

.companyinfo .text .img td:last-child {
    margin-bottom: 15px
}

.companyinfo .text .img td:last-child img {
    max-width: 100%;
    height: auto
}

.companyinfo .text .txt1 td:last-child {
    font-size: 15px;
    font-weight: 700;
    color: #484848
}

.companyinfo .text .txt2 td:last-child {
    font-size: 12px;
    color: #2570aa;
    margin-bottom: 15px
}

.companyinfo .text .txt3 td:last-child {
    line-height: 1.5
}

.companyinfo .map {
    margin-bottom: 0
}

.companyinfo .map tr td:first-child {
    display: none
}

.companyinfo .map tr td:last-child {
    height: 320px;
    position: relative
}

.companyinfo .map tr td:last-child iframe {
    background: #ddd;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:600px) {
    .companyinfo table {
        position: relative;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between
    }
    .companyinfo tbody {
        flex-basis: 48.5%;
        box-sizing: border-box
    }
    .companyinfo .args {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .companyinfo .map {
        flex-basis: 100%
    }
}

@media only screen and (min-width:1024px) {
    .companyinfo {
        margin-left: 0;
        margin-right: 0;
        box-shadow: 0 0 5px #ddd
    }
    .companyinfo tbody {
        flex-basis: 28%;
        margin-bottom: 0
    }
    .companyinfo .map {
        flex-basis: 41%
    }
    .companyinfo .map tr,
    .companyinfo .map tr td:last-child {
        height: 100%
    }
}

._l.cd:after,
._l.cd:before,
._l.cd>span {
    width: 100px;
    height: 60px;
    background-image: url(/style/logo/casino-dark.png)
}

._l.cd.betway:after,
._l.cd.betway:before,
._l.cd.betway>span {
    background-position: 0 0
}

._l.cd.grandivy:after,
._l.cd.grandivy:before,
._l.cd.grandivy>span {
    background-position: -100px 0
}

._l.cd.playojo:after,
._l.cd.playojo:before,
._l.cd.playojo>span {
    background-position: -200px 0
}

._l.cd.betfair:after,
._l.cd.betfair:before,
._l.cd.betfair>span {
    background-position: -300px 0
}

._l.cd.williamhill:after,
._l.cd.williamhill:before,
._l.cd.williamhill>span {
    background-position: -400px 0
}

._l.cd.grosvenor:after,
._l.cd.grosvenor:before,
._l.cd.grosvenor>span {
    background-position: 0 -60px
}

._l.cd.c888:after,
._l.cd.c888:before,
._l.cd.c888>span {
    background-position: -100px -60px
}

._l.cd.betvictor:after,
._l.cd.betvictor:before,
._l.cd.betvictor>span {
    background-position: -200px -60px
}

._l.cd.betway {
    background: #1e1e1e
}

._l.cd.grandivy {
    background: #353535
}

._l.cd.playojo {
    background: #5b97fe
}

._l.cd.betfair {
    background: #ffb80c
}

._l.cd.williamhill {
    background: #02225c
}

._l.cd.grosvenor {
    background: #04262c
}

._l.cd.c888 {
    background: #1e1e1e
}

._l.cd.betvictor {
    background: #242b31
}

.fullist {
    padding: 0 1.75%;
    font: normal 12px/1.2 Verdana, sans-serif;
    color: #3f3f3f;
    box-shadow: 0 0 5px #ddd
}

.fullist .title {
    font: normal 22px/1 Oswald, sans-serif;
    padding: 1.8% 5px 2%;
    text-align: center
}

.fullist .main {
    margin: 0;
    padding: 2.4% 1% .5%;
    list-style: none;
    border: 1px solid #cbcbcb;
    background: #ebf9ff;
    overflow: hidden
}

.fullist .main li {
    float: left;
    width: 50%
}

.fullist .main li a {
    display: block;
    width: 90%;
    max-width: 110px;
    height: 64px;
    margin: 0 auto 30px;
    color: #313131;
    text-decoration: none;
    border-radius: 2px
}

.fullist .main li a:before {
    content: "";
    display: block;
    margin: 2px auto 10px;
    background-size: auto
}

.fullist .main li a:hover {
    box-shadow: 0 0 0 3px #23a0c9 inset
}

.fullist .more {
    margin: 0;
    padding: 1.7% 0;
    list-style: none;
    overflow: hidden;
    font-size: 13px
}

.fullist .more li {
    float: left;
    width: 50%
}

.fullist .more li a {
    display: block;
    padding: 0 5px 0 25%;
    height: 30px;
    line-height: 30px;
    position: relative;
    color: #3f3f3f;
    text-decoration: none
}

.fullist .more li a span {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    margin-top: -4px
}

.fullist .more li a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13%;
    margin: auto;
    display: block;
    width: 11px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpiVF5wsoyBgaEDiH8DcSQQq6Dx1wExAxMQdwFxBhAzA/EqIH6Nxk+EKQSBWUAcDcR/gXguEHOj8QthCkHgC1SCEYh50fksUEUgtywEYhA/D4jfAPF6JP5kJqh7lkCdkQD1BDJ/MsgkgAADAFgGG6aHJji1AAAAAElFTkSuQmCC)
}

.fullist .more li strong {
    display: block;
    padding: 0 5px 0 25%;
    height: 30px;
    position: relative;
    color: #3f3f3f;
    text-decoration: none
}

.fullist .more li strong>span {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    font-weight: 400
}

.fullist .more li strong>span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13%;
    margin: auto;
    display: block;
    width: 11px;
    height: 6px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHFJREFUeNpiVF5wsoyBgaEDiH8DcSQQq6Dx1wExAxMQdwFxBhAzA/EqIH6Nxk+EKQSBWUAcDcR/gXguEHOj8QthCkHgC1SCEYh50fksUEUgtywEYhA/D4jfAPF6JP5kJqh7lkCdkQD1BDJ/MsgkgAADAFgGG6aHJji1AAAAAElFTkSuQmCC)
}

.fullist .more li a:hover span {
    color: #23a0c9;
    text-decoration: underline
}

@media only screen and (min-width:600px) {
    .fullist .more li {
        width: 33.33%
    }
    .fullist .main li {
        width: 25%
    }
}

@media only screen and (min-width:768px) {
    .fullist .title {
        font-size: 25px
    }
    .fullist .more li {
        width: 25%
    }
}

@media only screen and (min-width:1024px) {
    .fullist .more li {
        width: 20%
    }
    .fullist .main li {
        width: 12.5%
    }
}

.lineoffer {
    font: normal 14px/1.2 Verdana, sans-serif;
    color: #3f3f3f;
    border: 1px solid #ccc;
    margin: 0 auto 15px
}

.lineoffer .logo {
    height: 110px;
    line-height: 110px;
    width: 90%;
    margin: 0 auto;
    border-bottom: 1px solid #d0dde2
}

.lineoffer .logo span {
    width: 100%
}

.lineoffer .rating {
    text-align: center;
    padding: 20px 0
}

.lineoffer .rating>i {
    margin: 0 auto 12px
}

.lineoffer .rating span {
    font-size: 13px;
    color: #777
}

.lineoffer .usp {
    padding: 20px 0;
    text-align: center;
    font: bold 22px 'roboto condensed', sans-serif;
    color: #636363
}

.lineoffer .usp:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 14px;
    vertical-align: middle;
    background: #6cb839
}

.lineoffer .usp span {
    display: inline-block;
    width: 117px;
    height: 29px;
    vertical-align: middle;
    background: #82cff0
}

.lineoffer .args {
    padding-bottom: 25px
}

.lineoffer .args ul {
    display: table;
    list-style: none;
    margin: 0 auto;
    padding: 0
}

.lineoffer .args.v1 ul .main {
    float: left;
    height: 56px;
    font: normal 43px/52px Oswald, sans-serif;
    color: #23a0c9;
    padding-right: 10px
}

.lineoffer .args.v1 ul .more {
    overflow: hidden;
    padding: 6px 0 6px 20px;
    text-indent: -20px
}

.lineoffer .args.v1 ul .more:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background: #fcb270;
    margin-right: 11px;
    vertical-align: 2px
}

.lineoffer .args.v2 ul {
    font-size: 11px;
    line-height: 14px;
    color: #747c7f
}

.lineoffer .args.v2 ul li {
    padding: 3px
}

.lineoffer .args.v2 ul li span {
    float: right;
    font: bold 13px/14px 'roboto slab', sans-serif;
    color: #23a0c9;
    margin-left: 40px
}

.lineoffer .link {
    width: 90%;
    margin: 0 auto;
    padding: 23px 0 30px;
    border-top: 1px solid #d0dde2
}

.lineoffer .link a {
    display: table;
    font-size: 20px;
    padding: 8px 35px
}

@media only screen and (min-width:600px) {
    .lineoffer .logo {
        float: left;
        width: 50%;
        height: 70px;
        line-height: 70px;
        margin: 20px 0;
        border-bottom: none;
        border-right: 1px solid #ddd
    }
    .lineoffer .rating,
    .lineoffer .usp {
        overflow: hidden;
        padding: 28px 0
    }
    .lineoffer .usp {
        padding: 40px 0
    }
    .lineoffer .args {
        clear: both;
        width: 90%;
        margin: 0 auto;
        padding: 26px 0;
        border-top: 1px solid #ddd
    }
}

@media only screen and (min-width:768px) {
    .lineoffer .logo {
        width: 24%
    }
    .lineoffer .rating,
    .lineoffer .usp {
        overflow: visible;
        float: left;
        width: 23%
    }
    .lineoffer .usp {
        width: 35%
    }
    .lineoffer .args {
        overflow: hidden;
        clear: none;
        width: auto;
        border-top: none;
        padding: 5px 0;
        margin: 22px auto;
        border-left: 1px solid #ddd
    }
    .lineoffer .args.v2 {
        padding: 3px 0
    }
    .lineoffer .link {
        clear: both;
        padding: 23px 0
    }
}

@media only screen and (min-width:1024px) {
    .lineoffer:after {
        content: "";
        display: table;
        clear: both
    }
    .lineoffer .logo {
        width: 18%
    }
    .lineoffer.v2 .logo {
        width: 22%
    }
    .lineoffer .rating,
    .lineoffer .usp {
        width: 20%
    }
    .lineoffer .usp {
        width: 27%
    }
    .lineoffer .args {
        overflow: visible;
        float: left;
        width: 40%;
        border-right: 1px solid #ddd
    }
    .lineoffer .args.v2 {
        width: 29%
    }
    .lineoffer .link {
        clear: none;
        overflow: hidden;
        border-top: none;
        width: auto;
        padding: 31px 0
    }
}

@media only screen and (max-width:359px) {
    .lineoffer .args.v1 ul .main {
        float: none;
        text-align: center
    }
}

.smallmap {
    font: normal 13px/1.3 Verdana, sans-serif;
    color: #747474;
    margin: 0 -5px 20px;
    padding: 15px
}

.smallmap>.logo {
    height: 132px;
    line-height: 132px;
    border: 1px solid #d6d8d9;
    margin: 0 auto 15px
}

.smallmap>.logo span {
    width: 100%
}

.smallmap>.tabular {
    border: 1px solid #d6d8d9;
    margin: 0 auto 15px;
    padding: 0 25px 22px
}

.smallmap>.tabular table {
    text-align: right;
    width: 100%
}

.smallmap>.tabular caption {
    padding: 24px 4px;
    font-size: 18px;
    color: #3f3f3f;
    border-bottom: 1px solid #d6d8d9;
    margin-bottom: 22px
}

.smallmap>.tabular td {
    padding: 4px
}

.smallmap>.tabular td:first-child {
    text-align: left;
    color: #1e1e1e;
    vertical-align: top
}

.smallmap>.tabular td a {
    color: #23a0c9;
    text-decoration: none
}

.smallmap>.tabular td a:hover {
    text-decoration: underline
}

.smallmap>.map {
    position: relative;
    height: 320px;
    border: 1px solid #d6d8d9
}

.smallmap>.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (min-width:768px) {
    .smallmap {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        padding-right: 52%;
        box-shadow: 0 0 5px #ddd
    }
    .smallmap>.tabular {
        margin-bottom: 0
    }
    .smallmap>.map {
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        width: 48%;
        height: auto
    }
}

@media only screen and (min-width:1024px) {
    .smallmap {
        padding-right: 55%
    }
    .smallmap>.map {
        width: 52%
    }
}

.textcolumns>div>p {
    font-size: 14px;
    color: #686a6b
}

.textcolumns>div>p:first-child strong {
    font-size: 15px;
    color: #292929;
    text-transform: uppercase
}

.textcolumns>div .img {
    height: 101px;
    margin-bottom: 15px;
    text-indent: -9999px;
    background: url(/style/bg/textbg-money.jpg) no-repeat center 0
}

.textcolumns>div .img.demo {
    background-image: url(/style/bg/textbg-demo.jpg)
}

.textcolumns>div .img.money {
    background-image: url(/style/bg/textbg-money.jpg)
}

.textcolumns>div .img.license {
    background-image: url(/style/bg/textbg-license.jpg)
}

.textcolumns>div .img.scam {
    background-image: url(/style/bg/textbg-scam.jpg)
}

@media only screen and (min-width:768px) {
    .textcolumns {
        padding-top: 10px;
        margin-bottom: 15px;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf
    }
    .textcolumns:after {
        content: "";
        display: table;
        clear: both
    }
    .textcolumns>div {
        overflow: hidden
    }
    .textcolumns>div:first-child {
        float: left;
        width: 46.9%;
        margin-right: 6.2%
    }
}

.title1 {
    color: #404448;
    padding-top: 20px;
    margin: 0 0 20px;
    text-align: center;
    font: normal 26px/29px Oswald, sans-serif;
    border-top: 1px solid #dfdfdf
}

.title2 {
    color: #3f3f3f;
    padding-top: 15px;
    margin: 0 0 15px;
    text-align: center;
    font: normal 21px/1.2 Verdana, sans-serif;
    border-top: 1px solid #dfdfdf
}

.fullimg img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.lastlink {
    text-align: right;
    padding-bottom: 10px
}

.lastlink a {
    font: bold 17px/1.2 'roboto slab', sans-serif;
    color: #23a0c9
}

.lastlink a:hover {
    text-decoration: none
}

.lastlink a:before {
    content: "";
    display: inline-block;
    margin: 2px 10px -4px 0;
    width: 18px;
    height: 17px;
    background: url(/style/bg/icon-cert.png)
}

.r-atf {
    padding: 15px 10px 20px;
    margin: 15px -5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.38;
    color: #3f3f3f;
    text-align: center;
    background: #eaeff6
}

.r-atf h1 {
    font-family: Oswald, sans-serif;
    font-size: 19px;
    line-height: 1.05;
    color: #3f3f3f;
    margin-bottom: 15px
}

.r-atf h1+p {
    max-height: none;
    overflow: visible
}

.r-atf h1+p:after {
    display: none
}

.r-atf p {
    padding: 0;
    font-size: 13px;
    line-height: 1.38
}

.r-atf ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.r-atf>ul {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -4px 12px;
    justify-content: center
}

.r-atf>ul li {
    display: flex;
    max-width: 50%;
    flex: 0 0 50%;
    padding: 0 4px;
    margin-bottom: 8px;
    box-sizing: border-box
}

.r-atf>ul a {
    display: flex;
    flex: 0 0 100%;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    padding: 5px 20px 10px;
    border: 1px solid #20a3cd;
    border-radius: 10px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    color: #20a3cd;
    text-decoration: none;
    text-align: center;
    background: #fff;
    box-sizing: border-box;
    transition: box-shadow .15s
}

.r-atf>ul a:before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background-size: auto 100%;
    background-image: url(/style/bg/atf-sprite.png)
}

.r-atf .select {
    position: relative
}

.r-atf .select.is-expanded ul {
    transform: rotateX(0)
}

.r-atf .select.is-expanded .select-toggle:before {
    margin-top: -3px;
    transform: rotate(-45deg)
}

.r-atf .select ul {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .14);
    transform-origin: 50% 0;
    transform: rotateX(90deg);
    background: #fff;
    transition: transform .15s
}

.r-atf .select li {
    border-top: 1px solid #e0e0e0
}

.r-atf .select a {
    position: relative;
    display: block;
    padding: 12px 10px 12px 28px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
    color: #3f3f3f;
    text-align: left;
    text-decoration: none;
    transition: color .15s
}

.r-atf .select a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    top: 19px;
    left: 13px;
    border-radius: 50%;
    background: #3fd0ff
}

.r-atf .select-toggle {
    position: relative;
    padding: 11px 35px 11px 12px;
    box-shadow: 0 0 14px rgba(0, 0, 0, .17);
    font-family: Roboto, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #3f3f3f;
    text-align: left;
    background: #fff;
    cursor: pointer;
    transition: color .15s, background .15s
}

.r-atf .select-toggle:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 15px;
    margin-top: -10px;
    border-top: 2px solid #bebebe;
    border-right: 2px solid #bebebe;
    transform: rotate(135deg);
    transition: margin .15s, transform .15s, border-color .15s
}

.r-atf .live-casinos:before {
    background-position-x: 0
}

.r-atf .live-dealer:before {
    background-position: -100%
}

.r-atf .live-bonus:before {
    background-position-x: -200%
}

.r-atf .live-software:before {
    background-position-x: -300%
}

.r-atf .select,
.r-atf>ul {
    max-width: 260px;
    margin-right: auto;
    margin-left: auto
}

.no-touch .r-atf>ul a:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .25)
}

.no-touch .r-atf .select a:hover {
    color: #3fd0ff
}

.no-touch .r-atf .select-toggle:hover {
    color: #fff;
    background: #20a3cd
}

.no-touch .r-atf .select-toggle:hover:before {
    border-color: #fff
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi) {
    .r-atf>ul a:before {
        background-image: url(/style/bg/atf-sprite@2x.png)
    }
}

@media(min-width:540px) {
    .r-atf>ul {
        max-width: 910px
    }
    .r-atf>ul li {
        max-width: 25%;
        flex: 0 0 25%
    }
}

@media(min-width:768px) {
    .r-atf {
        padding: 25px 10px 30px
    }
    .r-atf h1 {
        font-size: 30px;
        margin-bottom: 25px
    }
    .r-atf p {
        margin-bottom: 25px
    }
    .r-atf>ul {
        margin-bottom: 22px
    }
    .r-atf>ul a {
        font-size: 15px
    }
    .r-atf>ul a:before {
        width: 70px;
        height: 70px
    }
    .r-atf .select {
        max-width: 415px
    }
    .r-atf .select-toggle {
        padding: 16px 35px 16px 20px
    }
}

.trust-element {
    padding: 7px 5px 0;
    box-shadow: 0 0 11px 1px #ececec, 0 0 0 9px #fff inset;
    margin: 0 0 10px;
    overflow: hidden
}

.trust-element .title {
    font: 700 20px 'roboto condensed', sans-serif;
    text-align: center;
    margin-bottom: 5px
}

.trust-element .list-pros {
    padding: 10px 10px 15px 40px;
    margin: 0;
    background-color: #eff7fa;
    list-style-type: none
}

.trust-element .list-pros:last-child {
    margin-bottom: 5px
}

.trust-element .list-pros li {
    position: relative;
    margin-bottom: 8px;
    font-size: 11px;
    line-height: 1.4
}

.trust-element .list-pros li:last-of-type {
    margin-bottom: 0
}

.trust-element .list-pros li:before {
    content: '';
    position: absolute;
    width: 22px;
    height: 27px;
    left: -32px;
    top: 2px;
    background: url(/style/bg/pros-icon.png) no-repeat;
    background-size: contain
}

.trust-element .logos-approving {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 230px;
    padding: 5px 35px;
    margin: 0 auto
}

.trust-element .logos-approving li {
    position: relative;
    width: 70px;
    height: 25px;
    margin: 5px 0;
    list-style-type: none
}

.trust-element .logo {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px
}

.trust-element .logo:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.trust-element .logo.logo-gamstop:before {
    background-image: url(/style/certificates/gamstop.png)
}

.trust-element .logo.logo-begambleaware:before {
    background-image: url(/style/certificates/begambleaware.png)
}

.trust-element .logo.logo-ecogra:before {
    background-image: url(/style/certificates/ecogra.png)
}

.trust-element .logo.logo-itech-labs:before {
    background-image: url(/style/certificates/itech-labs.png)
}

.trust-element .logo.logo-24ghanta:before {
    background-image: url(/style/certificates/24ghanta.png)
}

.trust-element .logo.logo-dainik-jagran:before {
    background-image: url(/style/certificates/dainik-jagran.png)
}

.trust-element .logo.logo-cbc:before {
    background-image: url(/style/certificates/cbc.png)
}

.trust-element .logo.logo-ontario:before {
    background-image: url(/style/certificates/ontario-gambling-commission.png)
}

.trust-element .logo.logo-british-columbia:before {
    background-image: url(/style/certificates/british-columbia.png)
}

.trust-element .logo.logo-nz-herald:before {
    background-image: url(/style/certificates/nz-herald.png)
}

.trust-element .logo.logo-new-zealand-gambling:before {
    background-image: url(/style/certificates/new-zealand-gambling-commission.png)
}

.trust-element .logo.logo-gambling-helpline-new-zealand:before {
    background-image: url(/style/certificates/gambling-helpline-new-zealand.png)
}

.trust-element .logo.logo-department-of-justice:before {
    background-image: url(/style/certificates/department-of-justice-and-equality.png)
}

.trust-element .logo.logo-responsible-gambling-ireland:before {
    background-image: url(/style/certificates/responsible-gambling-ireland.png)
}

.trust-element .logo.logo-revenue-commissioners:before {
    background-image: url(/style/certificates/revenue-commissioners.png)
}

.trust-element .logo.logo-gambling-commission:before {
    background-image: url(/style/certificates/gambling-commission.png)
}

.trust-element .logo.logo-gaming-commission-of-ghana:before {
    background-image: url(/style/certificates/gaming-commission-of-ghana.png)
}

.trust-element .logo.logo-yen:before {
    background-image: url(/style/certificates/yen.png)
}

.trust-element .logo.logo-pna:before {
    background-image: url(/style/certificates/philippine-news-agency.png)
}

.trust-element .logo.logo-pagcor:before {
    background-image: url(/style/certificates/pagcor.png)
}

.trust-element .logo.logo-gobierno-de-espana:before {
    background-image: url(/style/certificates/gobierno-de-espana.png)
}

.trust-element .logo.logo-gli:before {
    background-image: url(/style/certificates/gaming-labs.png)
}

.trust-element .logo.logo-jugarbien:before {
    background-image: url(/style/certificates/jugarbien.png)
}

.trust-element .logo.logo-canadian-gaming:before {
    background-image: url(/style/certificates/cga.png)
}

.trust-element .logo.logo-mga:before {
    background-image: url(/style/certificates/mga.png)
}

.trust-element .logo.logo-gamcare:before {
    background-image: url(/style/certificates/gamcare.png)
}

.trust-element .logo.logo-legal-malta:before {
    background-image: url(/style/certificates/legal-malta.png)
}

.trust-element .logo.logo-rcd:before {
    background-image: url(/style/certificates/regional-council-of-darmstadt.png)
}

.trust-element .logo.logo-schleswig-holstein:before {
    background-image: url(/style/certificates/schleswig-holstein.png)
}

.trust-element .logo.logo-the-local:before {
    background-image: url(/style/certificates/the-local.png)
}

.trust-element .logo.logo-national-lottery-regulatory-commission:before {
    background-image: url(/style/certificates/national-lottery-regulatory-commission.png)
}

.trust-element .logo.logo-victorian-gambling-foundation:before {
    background-image: url(/style/certificates/victorian-responsible-gambling-foundation.png)
}

.trust-element .logo.logo-naoz:before {
    background-image: url(/style/certificates/national-assembly-of-zambia.png)
}

.trust-element .logo.logo-lusakatimes:before {
    background-image: url(/style/certificates/lusakatimes.png)
}

.trust-element .logo.logo-bclb:before {
    background-image: url(/style/certificates/bclb.png)
}

.trust-element .logo.logo-srij:before {
    background-image: url(/style/certificates/srij.png)
}

.trust-element .logo.logo-jogo-seguro:before {
    background-image: url(/style/certificates/jogoseguro.png)
}

.trust-element .logo.logo-portugal-news:before {
    background-image: url(/style/certificates/the-portugal-news.png)
}

.trust-element .logo.logo-malaysia-gov:before {
    background-image: url(/style/certificates/government-of-malaysia.png)
}

.trust-element .logo.logo-greek-reporter:before {
    background-image: url(/style/certificates/greek-reporter.png)
}

.trust-element .logo-hellenic-gaming-commission:before {
    background-image: url(/style/certificates/hellenic-gaming-commission.png)
}

.trust-element .logo-stodlinjen:before {
    background-image: url(/style/certificates/stodlinjen.png)
}

.trust-element .logo-spelinspektionen:before {
    background-image: url(/style/certificates/spelinspektionen.png)
}

.trust-element .logo-finansdepartementet:before {
    background-image: url(/style/certificates/finansdepartementet.png)
}

.trust-element .logo-tax-customs-board:before {
    background-image: url(/style/certificates/estonia-tax-and-customs-board.png)
}

.trust-element .logo-ukgc:before {
    background-image: url(/style/certificates/ukgc.png)
}

.trust-element .logo-national-assembly-of-pakistan:before {
    background-image: url(/style/certificates/national-assembly-of-pakistan.png)
}

.trust-element .logo-gambling-therapy:before {
    background-image: url(/style/certificates/gambling-therapy.png)
}

.trust-element .logo-gam-anon:before {
    background-image: url(/style/certificates/gam-anon.png)
}

.trust-element .logo-spillemyndigheden:before {
    background-image: url(/style/certificates/spillemyndigheden.png)
}

.trust-element .logo-skatteforvaltningen:before {
    background-image: url(/style/certificates/skatteforvaltningen.png)
}

.trust-element .logo.logo-mofcr:before {
    background-image: url(/style/certificates/ministry-of-finance-czech-republic.png)
}

.trust-element .logo.logo-pgcb:before {
    background-image: url(/style/certificates/pgcb.png)
}

.trust-element .logo.logo-800-gambler:before {
    background-image: url(/style/certificates/800gambler.png)
}

.trust-element .logo.logo-ncpg:before {
    background-image: url(/style/certificates/ncpg.png)
}

.trust-element .logo.logo-gamblers-anonymous:before {
    background-image: url(/style/certificates/gamblers-anonymous.png)
}

.trust-element .logo.logo-american-gaming-association:before {
    background-image: url(/style/certificates/american-gaming-association.png)
}

.trust-element .logo.logo-international-center-for-responsible-gaming:before {
    background-image: url(/style/certificates/international-center-for-responsible-gaming.png)
}

.trust-element .logo.logo-council-on-compulsive-gambling-of-new-jersey:before {
    background-image: url(/style/certificates/council-on-compulsive-gambling-of-new-jersey.png)
}

.trust-element .logo.logo-national-council-of-problem-gambling:before {
    background-image: url(/style/certificates/national-council-of-problem-gambling.png)
}

.trust-element .logo.logo-world-lottery-association:before {
    background-image: url(/style/certificates/world-lottery-association.png)
}

@media only screen and (min-width:580px) {
    .trust-element .title {
        padding: 10px 0
    }
    .trust-element .list-pros li {
        margin-bottom: 15px
    }
    .trust-element .logos-approving {
        justify-content: center;
        width: auto;
        padding: 10px 35px
    }
    .trust-element .logos-approving li {
        margin: 10px
    }
}

@media only screen and (min-width:768px) {
    .trust-element {
        padding: 0 11.5px;
        margin: 0 2.5px 15px
    }
    .trust-element .title {
        font-size: 22px;
        margin-bottom: 0
    }
    .trust-element .list-pros {
        padding: 10px 10px 15px 45px
    }
    .trust-element .list-pros:last-child {
        margin-bottom: 11.5px
    }
    .trust-element .list-pros li {
        margin-bottom: 10px
    }
    .trust-element .logos-approving li {
        margin: 10px 7px
    }
}

@media only screen and (min-width:1025px) {
    .trust-element {
        padding: 0 15px
    }
    .trust-element .title {
        font-size: 28px;
        padding: 22px 0
    }
    .trust-element .list-pros {
        padding: 10px 10px 15px 80px
    }
    .trust-element .list-pros:last-child {
        margin-bottom: 15px
    }
    .trust-element .list-pros li {
        font-size: 15px;
        margin-bottom: 15px
    }
    .trust-element .list-pros li:before {
        width: 44px;
        height: 34px;
        left: -55px
    }
    .trust-element .logos-approving {
        padding: 5px 35px
    }
    .trust-element .logos-approving li {
        width: 140px;
        height: 50px
    }
}

blockquote {
    padding: 20px;
    margin: 20px 0;
    text-align: center;
    background: #f7f3f3
}

blockquote p:last-child {
    padding: 0;
    margin: 0
}

blockquote.fancy {
    max-width: 560px;
    padding: 20px 10px 0 75px;
    margin: 0 auto 15px;
    position: relative;
    text-align: left;
    font: italic bold 13px/2 verdana, sans-serif;
    color: #494949;
    background: 0 0
}

blockquote.fancy:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 75px;
    height: 50px;
    background: url(/style/quote.png) no-repeat center;
    background-size: contain
}

blockquote.fancy strong {
    display: block;
    font-size: 18px;
    text-align: right;
    text-transform: uppercase
}

@media only screen and (min-width:600px) {
    blockquote.fancy {
        padding-top: 45px;
        padding-left: 90px;
        font-size: 16px;
        line-height: 1.6
    }
    blockquote.fancy:before {
        height: 60px;
        top: 20px
    }
}

.trigger-terms {
    text-decoration: underline;
    cursor: pointer
}

.trigger-terms:hover {
    text-decoration: none
}

#terms-wrap {
    background: rgba(0, 0, 0, .68);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 960;
    font-size: 12px
}

#terms-wrap svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px
}

#tnc {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    max-width: 640px;
    padding: 20px;
    background-color: #fff;
    transform: translate(-50%, -50%)
}

#tnc.loading {
    min-height: 320px;
    background: #fff url(/style/bg/loading.gif) no-repeat center
}

#tnc .close-me {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 28px;
    height: 28px;
    cursor: pointer
}

#tnc .close-me:after,
#tnc .close-me:before {
    content: '';
    width: 13px;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 7px;
    border-radius: 3px;
    background: #000
}

#tnc .close-me:before {
    transform: rotate(45deg)
}

#tnc .close-me:after {
    transform: rotate(-45deg)
}

#tnc .terms-outer {
    margin-top: 10px;
    line-height: 60px;
    text-align: center;
    border-top: 1px solid #d7dadf
}

#tnc .terms-outer a {
    display: inline-block;
    padding: 10px 30px;
    vertical-align: middle;
    font: bold 16px/1.2 verdana, sans-serif;
    color: #26a1ca;
    text-decoration: none;
    background: url(/style/bg/blue-arrow.png) no-repeat 20px center
}

#tnc .terms-outer a:hover {
    text-decoration: underline
}

#tnc .tnctitle {
    font: normal 25px/1 Oswald, sans-serif;
    color: #424242;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px
}

#tnc article {
    background: 0 0;
    margin-right: 0;
    padding-right: 0
}

#tnc h1 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700
}

#tnc h2 {
    font-size: 14px;
    font-weight: 700
}

#tnc h3,
#tnc h4,
#tnc h5,
#tnc h6 {
    font-size: 14px
}

#tnc ol,
#tnc ul {
    padding-left: 22px;
    margin-top: 10px;
    font-size: inherit;
    line-height: inherit
}

#tnc li {
    position: relative;
    padding-top: 3px;
    padding-bottom: 3px
}

#tnc blockquote {
    padding: 0 8px;
    margin: 0;
    max-height: 406px;
    height: calc(100vh - 162px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: 0 0;
    text-align: left
}

#tnc blockquote a {
    color: inherit;
    text-decoration: none
}

#tnc blockquote a strong,
#tnc blockquote a u {
    text-decoration: none;
    font-weight: 400
}

#tnc table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em;
    border: none;
    text-align: center
}

#tnc table td,
#tnc table th {
    vertical-align: top;
    padding: 8px;
    text-align: left
}

#tnc table,
#tnc table td,
#tnc table th {
    border: 1px solid #dbdbdb
}

#tnc table {
    border: 1px solid #dbdbdb;
    border-top: 1px solid #f0f0f0
}

#tnc table thead {
    display: none
}

#tnc table caption {
    padding: 10px;
    font-size: 17px;
    color: #414141;
    border: 1px solid #ccc;
    border-bottom: none
}

#tnc table th {
    padding: 5px;
    font: normal 11px/15px 'open sans', sans-serif;
    color: #575353;
    text-transform: uppercase;
    background: #f9f9f9
}

#tnc table tr:nth-child(odd) {
    background-color: #f9f9f9
}

#tnc table td:first-child {
    border-right: none
}

#tnc h2+p,
#tnc h3+p {
    margin-top: 0
}

@media(min-width:767px) {
    #tnc {
        padding: 25px 25px 1px;
        font-size: 14px
    }
    #tnc .close-me {
        top: 2px;
        right: 2px
    }
    #tnc.loading {
        min-height: 482px
    }
}

._slots {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 60px
}

._slots.l {
    width: 125px;
    height: 50px
}

._slots.m {
    width: 100px;
    height: 40px
}

._slots.s {
    width: 75px;
    height: 30px
}

._slots.xs {
    width: 50px;
    height: 20px
}

._slots.big-bad-wolf-christmas-special {
    background-image: url(/style/slot/big-bad-wolf-christmas-special.png)
}

._slots.secrets-of-christmas {
    background-image: url(/style/slot/secrets-of-christmas.png)
}

._slots.fruit-shop-christmas {
    background-image: url(/style/slot/fruit-shop-christmas-edition.png)
}

._slots.christmas-carol-megaways {
    background-image: url(/style/slot/christmas-carol-megaways.png)
}

._slots.sweet-bonanza-xmas {
    background-image: url(/style/slot/sweet-bonanza-xmas.png)
}

._slots.taco-brothers-saving-christmas {
    background-image: url(/style/slot/taco-brothers-saving-christmas.png)
}

._slots.christmas-santa {
    background-image: url(/style/slot/christmas-santa.png)
}

._slots.aloha-christmas {
    background-image: url(/style/slot/aloha-christmas.png)
}

._slots.santa-king-megaways {
    background-image: url(/style/slot/santa-king-megaways.png)
}

._slots.foxin-wins-christmas-edition {
    background-image: url(/style/slot/foxin-wins-christmas-edition.png)
}

._operator:after,
._operator:before,
._operator>span {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 60px
}

._operator.l:after,
._operator.l:before,
._operator.l>span {
    width: 125px;
    height: 50px
}

._operator.m:after,
._operator.m:before,
._operator.m>span {
    width: 100px;
    height: 40px
}

._operator.s:after,
._operator.s:before,
._operator.s>span {
    width: 75px;
    height: 30px
}

._operator.xs:after,
._operator.xs:before,
._operator.xs>span {
    width: 50px;
    height: 20px
}

._operator.royal-panda:after,
._operator.royal-panda:before,
._operator.royal-panda>span {
    background-image: url(/style/operator/royal-panda.png)
}

.casino-alternatives {
    background: #ebf9ff;
    border: 1px solid #d7d7d7;
    position: relative;
    padding: 13px 5px;
    margin: 0 -5px 15px;
    overflow-x: auto
}

.casino-alternatives p {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    color: #454545;
    text-align: center;
    padding: 0 10px;
    margin: 0 0 13px
}

.casino-alternatives p:before {
    content: '';
    margin-right: 10px
}

.casino-alternatives .casino-alternatives-inner {
    display: inline-flex;
    flex-flow: column nowrap;
    min-width: 100%
}

.casino-alternatives .casino-alternatives-row {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center
}

.casino-alternatives .casino-alternative {
    background: #fff;
    border: 1px solid #ccc;
    min-width: 238px;
    max-width: 333px;
    position: relative;
    width: 33%
}

.casino-alternatives .casino-alternative:hover {
    border-color: #3991e3
}

.casino-alternatives .casino-alternative+.casino-alternative {
    margin-left: 4px
}

.casino-alternatives .casino-alternative-logo {
    display: block;
    margin: 22px auto
}

.casino-alternatives .casino-benefits {
    list-style: none;
    margin: 0;
    padding: 16px 30px;
    border-top: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.3;
    color: #323131;
    font-style: italic
}

.casino-alternatives .casino-benefits li {
    padding-left: 24px;
    position: relative
}

.casino-alternatives .casino-benefits li:before {
    content: '';
    background: url(/style/bg/green-check.png) 50% no-repeat;
    width: 11px;
    height: 13px;
    position: absolute;
    top: 0;
    left: 0
}

.casino-alternatives .casino-benefits li+li {
    margin-top: 6px
}

.casino-alternatives .casino-review-link {
    border-top: 1px solid #ccc;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    height: 60px
}

.casino-alternatives .casino-review-link a {
    color: #3991e3;
    display: inline-block;
    padding-left: 21px;
    background: url(/style/bg/blue-circle-arrow.png) 0 2px no-repeat
}

.casino-alternatives .casino-review-link a:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px
}

.casino-alternatives .casino-review-link a:hover {
    text-decoration: none
}

@media only screen and (max-width:767px) {
    .casino-alternatives .mobile-notext {
        font-size: 0;
        color: transparent
    }
    .casino-alternatives .mobile-notext[data-suffix]:after {
        content: attr(data-suffix);
        font-size: 15px;
        color: #3991e3
    }
}

@media only screen and (min-width:768px) {
    .casino-alternatives {
        margin-left: 0;
        margin-right: 0;
        position: static;
        padding-left: 9px;
        padding-right: 9px
    }
    .casino-alternatives p {
        padding: 0
    }
    .casino-alternatives .casino-alternative+.casino-alternative {
        margin-left: 9px
    }
}

@media only screen and (min-width:1024px) {
    .casino-alternatives {
        border: 12px solid #fff;
        padding: 22px 38px 32px;
        box-shadow: inset 0 0 0 1px #d7d7d7, 0 0 7px rgba(0, 0, 0, .2)
    }
    .casino-alternatives p {
        margin-bottom: 22px
    }
    .casino-alternatives p:before {
        margin-right: 14px
    }
    .casino-alternatives .casino-alternative+.casino-alternative {
        margin-left: 38px
    }
}

@media only screen and (min-width:1200px) {
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2),
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2)~.casino-alternative,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3),
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3)~.casino-alternative,
    .casino-alternatives .casino-alternative:only-child {
        display: flex;
        flex-flow: row wrap;
        overflow: hidden
    }
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2) .casino-alternative-logo,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2)~.casino-alternative .casino-alternative-logo,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3) .casino-alternative-logo,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3)~.casino-alternative .casino-alternative-logo,
    .casino-alternatives .casino-alternative:only-child .casino-alternative-logo {
        margin: 21px 0
    }
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2) .casino-benefits,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2)~.casino-alternative .casino-benefits,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3) .casino-benefits,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3)~.casino-alternative .casino-benefits,
    .casino-alternatives .casino-alternative:only-child .casino-benefits {
        flex-shrink: 1;
        padding: 0;
        border-top: none;
        max-width: 180px;
        align-self: center
    }
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2) .casino-review-link,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(2)~.casino-alternative .casino-review-link,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3) .casino-review-link,
    .casino-alternatives .casino-alternative:first-child:nth-last-child(3)~.casino-alternative .casino-review-link,
    .casino-alternatives .casino-alternative:only-child .casino-review-link {
        flex-grow: 1;
        margin-left: 20px;
        margin-right: 20px;
        height: 54px
    }
}

._blucon:after,
._blucon:before,
._blucon>span {
    display: inline-block;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat
}

._blucon.authority:after,
._blucon.authority:before,
._blucon.authority>span {
    background-image: url(/style/blucon/authority.png);
    width: 16px;
    height: 18px
}

._blucon.cards:after,
._blucon.cards:before,
._blucon.cards>span {
    background-image: url(/style/blucon/cards.png);
    width: 19px;
    height: 22px
}

._blucon.cash:after,
._blucon.cash:before,
._blucon.cash>span {
    background-image: url(/style/blucon/cash.png);
    width: 24px;
    height: 18px
}

._blucon.cherry:after,
._blucon.cherry:before,
._blucon.cherry>span {
    background-image: url(/style/blucon/cherry.png);
    width: 21px;
    height: 21px
}

._blucon.chip:after,
._blucon.chip:before,
._blucon.chip>span {
    background-image: url(/style/blucon/chip.png);
    width: 20px;
    height: 20px
}

._blucon.clover:after,
._blucon.clover:before,
._blucon.clover>span {
    background-image: url(/style/blucon/clover.png);
    width: 19px;
    height: 19px
}

._blucon.cog:after,
._blucon.cog:before,
._blucon.cog>span {
    background-image: url(/style/blucon/cog.png);
    width: 20px;
    height: 20px
}

._blucon.deposit-time:after,
._blucon.deposit-time:before,
._blucon.deposit-time>span {
    background-image: url(/style/blucon/deposit-time.png);
    width: 25px;
    height: 21px
}

._blucon.diamond:after,
._blucon.diamond:before,
._blucon.diamond>span {
    background-image: url(/style/blucon/diamond.png);
    width: 21px;
    height: 19px
}

._blucon.gift:after,
._blucon.gift:before,
._blucon.gift>span {
    background-image: url(/style/blucon/gift.png);
    width: 20px;
    height: 21px
}

._blucon.horseshoe:after,
._blucon.horseshoe:before,
._blucon.horseshoe>span {
    background-image: url(/style/blucon/horseshoe.png);
    width: 21px;
    height: 17px
}

._blucon.hourglass:after,
._blucon.hourglass:before,
._blucon.hourglass>span {
    background-image: url(/style/blucon/hourglass.png);
    width: 19px;
    height: 24px
}

._blucon.movie:after,
._blucon.movie:before,
._blucon.movie>span {
    background-image: url(/style/blucon/movie.png);
    width: 20px;
    height: 19px
}

._blucon.piggybank:after,
._blucon.piggybank:before,
._blucon.piggybank>span {
    background-image: url(/style/blucon/piggybank.png);
    width: 22px;
    height: 25px
}

._blucon.roulette:after,
._blucon.roulette:before,
._blucon.roulette>span {
    background-image: url(/style/blucon/roulette.png);
    width: 21px;
    height: 21px
}

._blucon.shield-check:after,
._blucon.shield-check:before,
._blucon.shield-check>span {
    background-image: url(/style/blucon/shield-check.png);
    width: 16px;
    height: 20px
}

._blucon.slot:after,
._blucon.slot:before,
._blucon.slot>span {
    background-image: url(/style/blucon/slot.png);
    width: 24px;
    height: 18px
}

._blucon.stop:after,
._blucon.stop:before,
._blucon.stop>span {
    background-image: url(/style/blucon/stop.png);
    width: 21px;
    height: 21px
}

._blucon.withdraw-limits:after,
._blucon.withdraw-limits:before,
._blucon.withdraw-limits>span {
    background-image: url(/style/blucon/withdraw-limits.png);
    width: 23px;
    height: 20px
}

._blucon.min:after,
._blucon.min:before,
._blucon.min>span {
    background-image: url(/style/blucon/min.png);
    width: 23px;
    height: 20px
}

._blucon.max:after,
._blucon.max:before,
._blucon.max>span {
    background-image: url(/style/blucon/max.png);
    width: 23px;
    height: 20px
}

._blucon.reels:after,
._blucon.reels:before,
._blucon.reels>span {
    background-image: url(/style/blucon/reels.png);
    width: 23px;
    height: 20px
}

._blucon.rows:after,
._blucon.rows:before,
._blucon.rows>span {
    background-image: url(/style/blucon/rows.png);
    width: 23px;
    height: 20px
}

._blucon.seven:after,
._blucon.seven:before,
._blucon.seven>span {
    background-image: url(/style/blucon/seven.png);
    width: 23px;
    height: 20px
}

._blucon.website:after,
._blucon.website:before,
._blucon.website>span {
    background-image: url(/style/blucon/website.png);
    width: 23px;
    height: 20px
}

._blucon.top:after,
._blucon.top:before,
._blucon.top>span {
    background-image: url(/style/blucon/top.png);
    width: 23px;
    height: 20px
}

._blucon.software:after,
._blucon.software:before,
._blucon.software>span {
    background-image: url(/style/blucon/software.png);
    width: 23px;
    height: 20px
}

._blucon.paypal:after,
._blucon.paypal:before,
._blucon.paypal>span {
    background-image: url(/style/blucon/paypal.png);
    width: 23px;
    height: 20px
}

._blucon.betting:after,
._blucon.betting:before,
._blucon.betting>span {
    background-image: url(/style/blucon/betting.png);
    width: 23px;
    height: 22px
}

._blucon.roulette-top:after,
._blucon.roulette-top:before,
._blucon.roulette-top>span {
    background-image: url(/style/blucon/roulette-top.png);
    width: 23px;
    height: 20px
}

._blucon.blackjack:after,
._blucon.blackjack:before,
._blucon.blackjack>span {
    background-image: url(/style/blucon/blackjack.png);
    width: 23px;
    height: 20px
}

._blucon.licence:after,
._blucon.licence:before,
._blucon.licence>span {
    background-image: url(/style/blucon/licence.png);
    width: 23px;
    height: 20px
}

._blucon.company-name:after,
._blucon.company-name:before,
._blucon.company-name>span {
    background-image: url(/style/blucon/company-name.png);
    width: 23px;
    height: 20px
}

._blucon.ceo:after,
._blucon.ceo:before,
._blucon.ceo>span {
    background-image: url(/style/blucon/ceo.png);
    width: 23px;
    height: 28px
}

._blucon.founded:after,
._blucon.founded:before,
._blucon.founded>span {
    background-image: url(/style/blucon/founded.png);
    width: 23px;
    height: 20px
}

._blucon.related:after,
._blucon.related:before,
._blucon.related>span {
    background-image: url(/style/blucon/related.png);
    width: 23px;
    height: 25px
}

._blucon.adress:after,
._blucon.adress:before,
._blucon.adress>span {
    background-image: url(/style/blucon/adress.png);
    width: 23px;
    height: 22px
}

._blucon.phone:after,
._blucon.phone:before,
._blucon.phone>span {
    background-image: url(/style/blucon/phone.png);
    width: 23px;
    height: 20px
}

._blucon.contacts:after,
._blucon.contacts:before,
._blucon.contacts>span {
    background-image: url(/style/blucon/contacts.png);
    width: 23px;
    height: 20px
}

._blucon.protected:after,
._blucon.protected:before,
._blucon.protected>span {
    background-image: url(/style/blucon/protected.png);
    width: 16px;
    height: 22px
}

._blucon.live-chat:after,
._blucon.live-chat:before,
._blucon.live-chat>span {
    background-image: url(/style/blucon/live-chat.png);
    width: 20px;
    height: 14px
}

._blucon.card:after,
._blucon.card:before,
._blucon.card>span {
    background-image: url(/style/blucon/banking.png);
    width: 27px;
    height: 21px
}

._blucon.high-variance-slot:after,
._blucon.high-variance-slot:before,
._blucon.high-variance-slot>span {
    background-image: url(/style/blucon/high-variance-slot.png);
    width: 19px;
    height: 19px
}

._blucon.jackpot:after,
._blucon.jackpot:before,
._blucon.jackpot>span {
    background-image: url(/style/blucon/jackpot.png);
    width: 21px;
    height: 19px
}

._blucon.slot-popular:after,
._blucon.slot-popular:before,
._blucon.slot-popular>span {
    background-image: url(/style/blucon/slot-popular.png);
    width: 15px;
    height: 19px
}

._blucon.live:after,
._blucon.live:before,
._blucon.live>span {
    background-image: url(/style/blucon/live.png);
    width: 20px;
    height: 19px
}

._blucon.mobile:after,
._blucon.mobile:before,
._blucon.mobile>span {
    background-image: url(/style/blucon/mobile.png);
    width: 12px;
    height: 22px
}

._blucon.safety:after,
._blucon.safety:before,
._blucon.safety>span {
    background-image: url(/style/blucon/safety.png);
    width: 16px;
    height: 20px
}

.stripe-table {
    margin: 0 0 10px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: grey
}

.stripe-table caption,
.stripe-table table,
.stripe-table tbody {
    display: block
}

.stripe-table caption {
    background: #34465f;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    padding: 10px
}

.stripe-table tr {
    display: flex;
    flex-flow: row nowrap;
    background: #fff;
    border: 1px solid #d7d7d7;
    min-height: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box
}

.stripe-table tr+tr {
    border-width: 0 1px 1px
}

.stripe-table td,
.stripe-table th {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box
}

.stripe-table th {
    text-align: left;
    justify-content: flex-start;
    font-weight: 400;
    color: #101010;
    padding-left: 15px;
    white-space: nowrap;
    flex-wrap: nowrap
}

.stripe-table th._blucon {
    padding-left: 0
}

.stripe-table th._blucon:before {
    content: '';
    width: 42px
}

.stripe-table:not(.multiline-th) th:after {
    content: ':'
}

.stripe-table.multiline-th th span {
    white-space: normal;
    background: 0 0;
    width: auto;
    height: auto;
    display: block
}

.stripe-table.multiline-th th span:after {
    content: ':'
}

.stripe-table th._blucon:after {
    background: 0 0;
    width: auto;
    height: auto;
    display: inline
}

.stripe-table td {
    text-align: right;
    justify-content: flex-end;
    padding-right: 15px;
    max-width: 45%
}

.stripe-table td a {
    color: #3991e3;
    text-decoration: none
}

.stripe-table td a._social {
    margin: 0 3px
}

.stripe-table td a:hover {
    text-decoration: underline
}

@media only screen and (max-width:599px) {
    .stripe-table tr:nth-child(odd) {
        background: #f9f9f9
    }
    .stripe-table.divided tr:nth-child(3n)+tr {
        border-width: 1px;
        margin-top: 10px
    }
}

@media only screen and (min-width:600px) {
    .stripe-table th._blucon:before {
        width: 48px
    }
}

@media only screen and (min-width:600px) and (max-width:899px) {
    .stripe-table tbody {
        display: flex;
        flex-flow: row wrap;
        border-top: 1px solid #d7d7d7
    }
    .stripe-table tr {
        flex-basis: 50%;
        width: 50%;
        max-width: 50%;
        border-width: 0 1px 1px;
        background: #f9f9f9
    }
    .stripe-table tr:nth-child(even) {
        border-width: 0 1px 1px 0
    }
    .stripe-table tr:nth-child(4n),
    .stripe-table tr:nth-child(4n-1) {
        background: #fff
    }
    .stripe-table.divided tbody {
        justify-content: space-between;
        border-top: none;
        position: relative
    }
    .stripe-table.divided tbody:after,
    .stripe-table.divided tbody:before {
        content: '';
        width: 49%;
        border-top: 1px solid #d7d7d7;
        position: absolute;
        top: 0
    }
    .stripe-table.divided tbody:before {
        left: 0
    }
    .stripe-table.divided tbody:after {
        right: 0
    }
    .stripe-table.divided tr {
        flex-basis: 49%;
        max-width: 49%;
        width: 49%
    }
    .stripe-table.divided tr:nth-child(even) {
        border-width: 0 1px 1px
    }
}

@media only screen and (min-width:900px) {
    .stripe-table tbody {
        display: flex;
        flex-flow: row wrap
    }
    .stripe-table tr {
        flex-basis: 33.33%;
        width: 33.33%;
        max-width: 33.33%;
        background: #f9f9f9
    }
    .stripe-table tr:nth-child(2),
    .stripe-table tr:nth-child(3) {
        border-top-width: 1px
    }
    .stripe-table tr:nth-child(6n),
    .stripe-table tr:nth-child(6n-1),
    .stripe-table tr:nth-child(6n-2) {
        background: #fff
    }
    .stripe-table:not(.divided) tr:nth-child(3n),
    .stripe-table:not(.divided) tr:nth-child(3n-1) {
        border-left-width: 0
    }
    .stripe-table.divided tr {
        flex-basis: 32.666%;
        width: 32.666%;
        max-width: 32.666%
    }
    .stripe-table.divided tr:nth-child(3n),
    .stripe-table.divided tr:nth-child(3n-1) {
        margin-left: 1%
    }
    .stripe-table tr:nth-last-child(1):first-child,
    .stripe-table tr:nth-last-child(2):first-child,
    .stripe-table tr:nth-last-child(2):first-child~tr,
    .stripe-table tr:nth-last-child(3):first-child,
    .stripe-table tr:nth-last-child(3):first-child~tr,
    .stripe-table tr:nth-last-child(4):first-child,
    .stripe-table tr:nth-last-child(4):first-child~tr,
    .stripe-table tr:nth-last-child(5):first-child,
    .stripe-table tr:nth-last-child(5):first-child~tr,
    .stripe-table tr:nth-last-child(6):first-child,
    .stripe-table tr:nth-last-child(6):first-child~tr,
    .stripe-table tr:nth-last-child(7):first-child,
    .stripe-table tr:nth-last-child(7):first-child~tr,
    .stripe-table tr:nth-last-child(8):first-child,
    .stripe-table tr:nth-last-child(8):first-child~tr {
        width: 50%;
        flex-basis: 50%;
        max-width: 50%;
        background: #f9f9f9;
        border-width: 0 1px 1px
    }
    .stripe-table tr:nth-last-child(2):first-child~tr:nth-child(even),
    .stripe-table tr:nth-last-child(3):first-child~tr:nth-child(even),
    .stripe-table tr:nth-last-child(4):first-child~tr:nth-child(even),
    .stripe-table tr:nth-last-child(5):first-child~tr:nth-child(even),
    .stripe-table tr:nth-last-child(6):first-child~tr:nth-child(even),
    .stripe-table tr:nth-last-child(7):first-child~tr:nth-child(even),
    .stripe-table tr:nth-last-child(8):first-child~tr:nth-child(even) {
        border-left-width: 0
    }
    .stripe-table tr:nth-last-child(2):first-child,
    .stripe-table tr:nth-last-child(2):first-child+tr,
    .stripe-table tr:nth-last-child(3):first-child,
    .stripe-table tr:nth-last-child(3):first-child+tr,
    .stripe-table tr:nth-last-child(4):first-child,
    .stripe-table tr:nth-last-child(4):first-child+tr,
    .stripe-table tr:nth-last-child(5):first-child,
    .stripe-table tr:nth-last-child(5):first-child+tr,
    .stripe-table tr:nth-last-child(6):first-child,
    .stripe-table tr:nth-last-child(6):first-child+tr,
    .stripe-table tr:nth-last-child(7):first-child,
    .stripe-table tr:nth-last-child(7):first-child+tr,
    .stripe-table tr:nth-last-child(8):first-child,
    .stripe-table tr:nth-last-child(8):first-child+tr {
        border-top-width: 1px
    }
    .stripe-table tr:nth-last-child(4):first-child~tr:nth-child(4n),
    .stripe-table tr:nth-last-child(4):first-child~tr:nth-child(4n-1),
    .stripe-table tr:nth-last-child(5):first-child~tr:nth-child(4n),
    .stripe-table tr:nth-last-child(5):first-child~tr:nth-child(4n-1),
    .stripe-table tr:nth-last-child(6):first-child~tr:nth-child(4n),
    .stripe-table tr:nth-last-child(6):first-child~tr:nth-child(4n-1),
    .stripe-table tr:nth-last-child(7):first-child~tr:nth-child(4n),
    .stripe-table tr:nth-last-child(7):first-child~tr:nth-child(4n-1),
    .stripe-table tr:nth-last-child(8):first-child~tr:nth-child(4n),
    .stripe-table tr:nth-last-child(8):first-child~tr:nth-child(4n-1) {
        background: #fff
    }
    .stripe-table.divided tr:nth-last-child(1):first-child,
    .stripe-table.divided tr:nth-last-child(2):first-child,
    .stripe-table.divided tr:nth-last-child(2):first-child~tr,
    .stripe-table.divided tr:nth-last-child(3):first-child,
    .stripe-table.divided tr:nth-last-child(3):first-child~tr,
    .stripe-table.divided tr:nth-last-child(4):first-child,
    .stripe-table.divided tr:nth-last-child(4):first-child~tr,
    .stripe-table.divided tr:nth-last-child(5):first-child,
    .stripe-table.divided tr:nth-last-child(5):first-child~tr,
    .stripe-table.divided tr:nth-last-child(6):first-child,
    .stripe-table.divided tr:nth-last-child(6):first-child~tr,
    .stripe-table.divided tr:nth-last-child(7):first-child,
    .stripe-table.divided tr:nth-last-child(7):first-child~tr,
    .stripe-table.divided tr:nth-last-child(8):first-child,
    .stripe-table.divided tr:nth-last-child(8):first-child~tr {
        flex-basis: 49.5%;
        max-width: 49.5%;
        width: 49.5%;
        margin-left: 0
    }
    .stripe-table.divided tr:nth-last-child(2):first-child~tr:nth-child(even),
    .stripe-table.divided tr:nth-last-child(3):first-child~tr:nth-child(even),
    .stripe-table.divided tr:nth-last-child(4):first-child~tr:nth-child(even),
    .stripe-table.divided tr:nth-last-child(5):first-child~tr:nth-child(even),
    .stripe-table.divided tr:nth-last-child(6):first-child~tr:nth-child(even),
    .stripe-table.divided tr:nth-last-child(7):first-child~tr:nth-child(even),
    .stripe-table.divided tr:nth-last-child(8):first-child~tr:nth-child(even) {
        margin-left: 1%;
        border-left-width: 1px
    }
}

.side-table {
    max-width: 530px;
    margin-bottom: 10px;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: grey
}

.side-table caption,
.side-table table,
.side-table tbody {
    display: block
}

.side-table caption {
    background: #34465f;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    padding: 10px
}

.side-table tr {
    display: flex;
    flex-flow: row nowrap;
    background: #fff;
    border: 1px solid #d7d7d7;
    min-height: 64px;
    padding-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box
}

.side-table tr+tr {
    border-width: 0 1px 1px
}

.side-table tr:nth-child(odd) {
    background: #f9f9f9
}

.side-table td,
.side-table th {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    flex-shrink: 1;
    flex-grow: 1;
    box-sizing: border-box
}

.side-table th {
    text-align: left;
    justify-content: flex-start;
    font-weight: 400;
    color: #101010;
    padding-left: 15px;
    white-space: nowrap;
    flex-wrap: nowrap
}

.side-table th._blucon {
    padding-left: 0
}

.side-table th._blucon:before {
    content: '';
    width: 42px
}

.side-table th:after {
    content: ':'
}

.side-table th._blucon:after {
    background: 0 0;
    width: auto;
    height: auto;
    display: inline
}

.side-table td {
    text-align: right;
    justify-content: flex-end;
    padding-right: 15px;
    padding-left: 10px
}

.side-table td a {
    color: #3991e3;
    text-decoration: none;
    margin: 0 5px
}

.side-table td a:hover {
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .side-table.left,
    .side-table.right {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width:600px) {
    .side-table th._blucon:before {
        width: 48px
    }
    .side-table td {
        padding-right: 20px
    }
}

@media only screen and (min-width:768px) {
    .side-table {
        width: 530px
    }
    .side-table.left {
        float: left;
        margin-right: 10px
    }
    .side-table.right {
        float: right;
        margin-left: 10px
    }
}

@media only screen and (min-width:1024px) {
    .side-table.left {
        margin-right: 20px
    }
    .side-table.right {
        margin-left: 20px
    }
}

.basic-table {
    margin-bottom: 10px
}

.basic-table caption {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    background: #34465f;
    padding: 10px
}

.basic-table .trigger-terms {
    font-weight: 400;
    text-decoration: none;
    color: #616060
}

.basic-table .trigger-terms:hover {
    text-decoration: underline
}

@media only screen and (max-width:767px) {
    .basic-table thead {
        display: none
    }
    .basic-table caption,
    .basic-table table,
    .basic-table tbody,
    .basic-table tr {
        display: block
    }
    .basic-table [data-mobile-heading]:before {
        content: attr(data-mobile-heading)
    }
    .basic-table caption {
        margin-bottom: 5px
    }
    .basic-table tr {
        border: 1px solid #ccc;
        padding: 0 20px
    }
    .basic-table tr+tr {
        margin-top: 5px
    }
    .basic-table td {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
        font-size: 13px;
        line-height: 16px;
        font-weight: 700;
        color: #545252
    }
    .basic-table td:before {
        font-size: 11px;
        font-weight: 400;
        color: #767373
    }
    .basic-table td+td {
        border-top: 1px solid #e1dfdf
    }
    .basic-table[data-logo="1"] td:nth-child(1),
    .basic-table[data-logo="2"] td:nth-child(2),
    .basic-table[data-logo="3"] td:nth-child(3),
    .basic-table[data-logo="4"] td:nth-child(4),
    .basic-table[data-logo="5"] td:nth-child(5),
    .basic-table[data-logo="6"] td:nth-child(6),
    .basic-table[data-logo="7"] td:nth-child(7),
    .basic-table[data-logo="8"] td:nth-child(8),
    .basic-table[data-logo="9"] td:nth-child(9) {
        justify-content: center
    }
    .basic-table[data-logo="1"] td:nth-child(1):before,
    .basic-table[data-logo="2"] td:nth-child(2):before,
    .basic-table[data-logo="3"] td:nth-child(3):before,
    .basic-table[data-logo="4"] td:nth-child(4):before,
    .basic-table[data-logo="5"] td:nth-child(5):before,
    .basic-table[data-logo="6"] td:nth-child(6):before,
    .basic-table[data-logo="7"] td:nth-child(7):before,
    .basic-table[data-logo="8"] td:nth-child(8):before,
    .basic-table[data-logo="9"] td:nth-child(9):before {
        content: none
    }
    .basic-table[data-terms="1"] td:nth-child(1),
    .basic-table[data-terms="2"] td:nth-child(2),
    .basic-table[data-terms="3"] td:nth-child(3),
    .basic-table[data-terms="4"] td:nth-child(4),
    .basic-table[data-terms="5"] td:nth-child(5),
    .basic-table[data-terms="6"] td:nth-child(6),
    .basic-table[data-terms="7"] td:nth-child(7),
    .basic-table[data-terms="8"] td:nth-child(8),
    .basic-table[data-terms="9"] td:nth-child(9) {
        text-align: center;
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        line-height: 12px;
        font-weight: 300;
        color: #9c9a9a;
        display: block
    }
    .basic-table[data-terms="1"] td:nth-child(1):before,
    .basic-table[data-terms="2"] td:nth-child(2):before,
    .basic-table[data-terms="3"] td:nth-child(3):before,
    .basic-table[data-terms="4"] td:nth-child(4):before,
    .basic-table[data-terms="5"] td:nth-child(5):before,
    .basic-table[data-terms="6"] td:nth-child(6):before,
    .basic-table[data-terms="7"] td:nth-child(7):before,
    .basic-table[data-terms="8"] td:nth-child(8):before,
    .basic-table[data-terms="9"] td:nth-child(9):before {
        display: block;
        margin: 5px 0 6px;
        text-align: center
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .basic-table[data-t-hidden*="1"] td:nth-child(1),
    .basic-table[data-t-hidden*="1"] th:nth-child(1),
    .basic-table[data-t-hidden*="2"] td:nth-child(2),
    .basic-table[data-t-hidden*="2"] th:nth-child(2),
    .basic-table[data-t-hidden*="3"] td:nth-child(3),
    .basic-table[data-t-hidden*="3"] th:nth-child(3),
    .basic-table[data-t-hidden*="4"] td:nth-child(4),
    .basic-table[data-t-hidden*="4"] th:nth-child(4),
    .basic-table[data-t-hidden*="5"] td:nth-child(5),
    .basic-table[data-t-hidden*="5"] th:nth-child(5),
    .basic-table[data-t-hidden*="6"] td:nth-child(6),
    .basic-table[data-t-hidden*="6"] th:nth-child(6),
    .basic-table[data-t-hidden*="7"] td:nth-child(7),
    .basic-table[data-t-hidden*="7"] th:nth-child(7),
    .basic-table[data-t-hidden*="8"] td:nth-child(8),
    .basic-table[data-t-hidden*="8"] th:nth-child(8),
    .basic-table[data-t-hidden*="9"] td:nth-child(9),
    .basic-table[data-t-hidden*="9"] th:nth-child(9) {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .basic-table {
        margin-bottom: 10px;
        font-size: 15px;
        line-height: 16px;
        color: #696969
    }
    .basic-table table {
        width: 100%;
        border: 1px solid #ccc;
        border-collapse: collapse
    }
    .basic-table th {
        font-family: Arial, Helvetica, sans-serif;
        background: #e6e5e5;
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #ccc;
        font-size: 11px;
        line-height: 16px;
        font-weight: 400;
        padding: 10px;
        color: #767373
    }
    .basic-table td {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: center
    }
    .basic-table[data-terms="1"] td:nth-child(1),
    .basic-table[data-terms="10"] td:nth-child(10),
    .basic-table[data-terms="2"] td:nth-child(2),
    .basic-table[data-terms="3"] td:nth-child(3),
    .basic-table[data-terms="4"] td:nth-child(4),
    .basic-table[data-terms="5"] td:nth-child(5),
    .basic-table[data-terms="6"] td:nth-child(6),
    .basic-table[data-terms="7"] td:nth-child(7),
    .basic-table[data-terms="8"] td:nth-child(8),
    .basic-table[data-terms="9"] td:nth-child(9) {
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: #9c9a9a;
        width: 30%
    }
}

.numlist {
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    font-size: 13px;
    line-height: 19px;
    color: #696969;
    counter-reset: numlist
}

.numlist li {
    counter-increment: numlist;
    overflow: hidden
}

.numlist li~li {
    margin-top: 10px
}

.numlist li:before,
.numlist.nums-inside li>strong:first-child {
    content: counter(numlist) '.';
    float: left;
    background: #ececec;
    width: 38px;
    height: 38px;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    line-height: 38px;
    text-align: center;
    font-weight: 700;
    color: #51504d;
    float: left;
    margin: 0 5px 0 0
}

.numlist.nums-inside {
    counter-reset: initial
}

.numlist.nums-inside li {
    counter-increment: initial
}

.numlist.nums-inside li:before {
    content: none
}

@media only screen and (min-width:768px) {
    .numlist {
        font-size: 15px;
        line-height: 26px
    }
    .numlist li {
        padding-bottom: 22px;
        position: relative;
        padding-left: 62px
    }
    .numlist li~li {
        margin-top: 0
    }
    .numlist li:last-child {
        padding-bottom: 10px
    }
    .numlist li:before,
    .numlist.nums-inside li>strong:first-child {
        height: auto;
        position: absolute;
        top: -8px;
        bottom: 0;
        left: 0;
        margin: 0;
        width: 44px;
        font-family: Verdana, sans-serif;
        line-height: 44px
    }
}

._casino {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 150px;
    height: 60px
}

._casino.netbet {
    background-image: url(/style/casino/netbet.png)
}

._casino.netbet-v2 {
    background-image: url(/style/casino/netbet-v2.png)
}

._casino.partycasino {
    background-image: url(/style/casino/partycasino.png)
}

._casino.partycasino-v2 {
    background-image: url(/style/casino/partycasino-v2.png)
}

._casino.slots-heaven {
    background-image: url(/style/casino/slots-heaven.png)
}

._casino.slots-heaven-v2 {
    background-image: url(/style/casino/slots-heaven.png)
}

.list-casinos {
    display: block;
    max-width: none;
    width: auto;
    margin: 0 -10px;
    font-size: 0;
    text-align: center;
    padding: 0
}

.list-casinos li {
    position: relative;
    display: inline-block;
    width: 120px;
    vertical-align: top;
    padding: 0 10px;
    margin: 0 10px 30px;
    box-sizing: border-box;
    font-size: 13px;
    line-height: 1.2;
    color: #101010;
    text-align: center
}

.list-casinos li:before {
    display: none
}

.list-casinos a {
    display: block;
    color: inherit;
    text-decoration: none
}

.list-casinos a:hover {
    text-decoration: underline
}

.list-casinos a:hover span {
    background-color: #405e7a
}

.list-casinos span {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto 6px;
    border-radius: 50%;
    background-size: contain;
    background-color: #1e3b55;
    transition: background .3s
}

@media(min-width:1024px) {
    .list-casinos li {
        width: 14.28%;
        margin-right: 0;
        margin-left: 0
    }
}

._paylogo {
    display: inline-block;
    width: 160px;
    height: 60px;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

._paylogo:not(a) {
    filter: grayscale(1);
    opacity: .8
}

._paylogo.bitcoin {
    background-image: url(/style/paylogo/bitcoin.png)
}

._paylogo.instadebit {
    background-image: url(/style/paylogo/instadebit.png)
}

._paylogo.click2pay {
    background-image: url(/style/paylogo/click2pay.png)
}

._paylogo.clickandbuy {
    background-image: url(/style/paylogo/clickandbuy.png)
}

._paylogo.neteller {
    background-image: url(/style/paylogo/neteller.png)
}

._paylogo.paysafecard {
    background-image: url(/style/paylogo/paysafecard.png)
}

._paylogo.skrill {
    background-image: url(/style/paylogo/skrill.png)
}

._paylogo.visa {
    background-image: url(/style/paylogo/visa.png)
}

._paylogo.bank-wire {
    background-image: url(/style/paylogo/wire-transfer.png)
}

._paylogo.credit-card {
    background-image: url(/style/paylogo/credit-card.png)
}

._paylogo.debit-card {
    background-image: url(/style/paylogo/debit-card.png)
}

._paylogo.ecopayz {
    background-image: url(/style/paylogo/ecopayz.png)
}

._paylogo.giropay {
    background-image: url(/style/paylogo/giropay.png)
}

._paylogo.paypal {
    background-image: url(/style/paylogo/paypal.png)
}

._paylogo.online-banking {
    background-image: url(/style/paylogo/online-banking.png)
}

._paylogo.visa-electron {
    background-image: url(/style/paylogo/visaelectron.png)
}

._paylogo.bank-transfer {
    background-image: url(/style/paylogo/banktransfer.png)
}

._paylogo.maestro {
    background-image: url(/style/paylogo/maestro.png)
}

._paylogo.mastercard {
    background-image: url(/style/paylogo/mastercard.png)
}

._paylogo.trustly {
    background-image: url(/style/paylogo/trustly.png)
}

._paylogo.wirecard {
    background-image: url(/style/paylogo/wirecard.png)
}

._paylogo.neosurf {
    background-image: url(/style/paylogo/neosurf.png)
}

._paylogo.astropay {
    background-image: url(/style/paylogo/astropay.png)
}

._paylogo.paynearme {
    background-image: url(/style/paylogo/paynearme.png)
}

._paylogo.idebit {
    background-image: url(/style/paylogo/idebit.png)
}

._paylogo.webmoney {
    background-image: url(/style/paylogo/webmoney.png)
}

._paylogo.webmoney {
    background-image: url(/style/paylogo/webmoney.png)
}

._paylogo.sofort {
    background-image: url(/style/paylogo/sofort.png)
}

._paylogo.muchbetter {
    background-image: url(/style/paylogo/muchbetter.png)
}

._paylogo.mifinity {
    background-image: url(/style/paylogo/mifinity.png)
}

._paylogo.boku {
    background-image: url(/style/paylogo/boku.png)
}

._paylogo.euteller {
    background-image: url(/style/paylogo/euteller.png)
}

._paylogo.ideal {
    background-image: url(/style/paylogo/ideal.png)
}

._paylogo.entropay {
    background-image: url(/style/paylogo/entropay.png)
}

._paylogo.instant-banking {
    background-image: url(/style/paylogo/instant-banking.png)
}

._paylogo.apple-pay {
    background-image: url(/style/paylogo/apple-pay.png)
}

._paylogo.wire-transfer {
    background-image: url(/style/paylogo/wire-transfer.png)
}

._paylogo.debit-card {
    background-image: url(/style/paylogo/debit-card.png)
}

._paylogo.cheque {
    background-image: url(/style/paylogo/cheque.png)
}

._paylogo.pugleplay {
    background-image: url(/style/paylogo/pugglepay.png)
}

._paylogo.cashtocode {
    background-image: url(/style/paylogo/cash-to-code.png)
}

._paylogo.zimpler {
    background-image: url(/style/paylogo/zimpler.png)
}

._paylogo.pay-n-play {
    background-image: url(/style/paylogo/paynplay.png)
}

._paylogo.bank-uberweisung {
    background-image: url(/style/paylogo/bankueberweisung.png)
}

._paylogo.gopay {
    background-image: url(/style/paylogo/gopay.png)
}

._paylogo.luxon-pay {
    background-image: url(/style/paylogo/luxon-pay.png)
}

._paylogo.m-pesa {
    background-image: url(/style/paylogo/m-pesa.png)
}

._paylogo.airtel {
    background-image: url(/style/paylogo/airtel.png)
}

._paylogo.multibanco {
    background-image: url(/style/paylogo/multibanco.png)
}

._paylogo.meo-wallet {
    background-image: url(/style/paylogo/meo-wallet.png)
}

._paylogo.telepay {
    background-image: url(/style/paylogo/telepay.png)
}

._paylogo.ethereum {
    background-image: url(/style/paylogo/ethereum.png)
}

._paylogo.viva-wallet {
    background-image: url(/style/paylogo/viva-wallet.png)
}

._paylogo.iris {
    background-image: url(/style/paylogo/iris-online-payments.png)
}

._paylogo.diners {
    background-image: url(/style/paylogo/diners.png)
}

._paylogo.klarna {
    background-image: url(/style/paylogo/klarna.png)
}

._paylogo.qiwi {
    background-image: url(/style/paylogo/qiwi.png)
}

._paylogo.siru {
    background-image: url(/style/paylogo/siru-mobile.png)
}

._paylogo.swish {
    background-image: url(/style/paylogo/swish.png)
}

._paylogo.postepay {
    background-image: url(/style/paylogo/postepay.png)
}

._paylogo.bitcoin-by-skrill {
    background-image: url(/style/paylogo/bitcoin-with-skrill.png)
}

._paylogo.dankort {
    background-image: url(/style/paylogo/dankort.png)
}

._paylogo.pay-by-bank {
    background-image: url(/style/paylogo/paybybank.png)
}

._paylogo.paykasa {
    background-image: url(/style/paylogo/paykasa.png)
}

._paylogo.mobile-payments {
    background-image: url(/style/paylogo/mobile-payments.png)
}

._paylogo.cashlib {
    background-image: url(/style/paylogo/cashlib.png)
}

._paylogo.sirumobile {
    background-image: url(/style/paylogo/sirumobile.png)
}

._paylogo.e-transfer {
    background-image: url(/style/paylogo/e-transfer.png)
}

._paylogo.flexepin {
    background-image: url(/style/paylogo/flexepin.png)
}

._paylogo.pay-by-phone {
    background-image: url(/style/paylogo/pay-by-phone.png)
}

._paylogo.vip-preferred {
    background-image: url(/style/paylogo/vip-preferred-e-check.png)
}

._paylogo.american-express {
    background-image: url(/style/paylogo/american-express.png)
}

._paylogo.discover {
    background-image: url(/style/paylogo/discover.png)
}

._paylogo.play-plus {
    background-image: url(/style/paylogo/play+.png)
}

._paylogo.ach {
    background-image: url(/style/paylogo/ach.png)
}

._paylogo.bitcoincash {
    background-image: url(/style/paylogo/bitcoin-cash.png)
}

._paylogo.litecoin {
    background-image: url(/style/paylogo/litecoin.png)
}

._paylogo.ezeewallet {
    background-image: url(/style/paylogo/ezeewallet.png)
}

._paylogo.e-check {
    background-image: url(/style/paylogo/e-check.png)
}

._paylogo.online-banking-transfer {
    background-image: url(/style/paylogo/banktransfer.png)
}

._paylogo.flykk {
    background-image: url(/style/paylogo/flykk.png)
}

._paylogo.interac-online {
    background-image: url(/style/paylogo/interac-e-transfer.png)
}

._paylogo.ukash {
    background-image: url(/style/paylogo/ukash.png)
}

._paylogo.rapid {
    background-image: url(/style/paylogo/rapid-trans.png)
}

._paylogo.cash-to-code {
    background-image: url(/style/paylogo/cash-to-code.png)
}

._certificates {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat
}

._certificates:not(a) {
    filter: grayscale(1);
    opacity: .8
}

._certificates.onjn {
    background-image: url(/style/certificates/onjn.png);
    width: 50px;
    height: 50px
}

._certificates.aams {
    background-image: url(/style/certificates/aams.png);
    width: 73px;
    height: 50px
}

._certificates.gambling-commission {
    background-image: url(/style/certificates/gambling-commission.png);
    width: 110px;
    height: 50px
}

._certificates.mga {
    background-image: url(/style/certificates/mga.png);
    width: 85px;
    height: 50px
}

._certificates.gambleaware {
    background-image: url(/style/certificates/gambleaware.png);
    width: 140px;
    height: 50px
}

._certificates.ibas {
    background-image: url(/style/certificates/ibas.png);
    width: 140px;
    height: 50px
}

._certificates.bmm-testlabs {
    background-image: url(/style/certificates/bmm.png);
    width: 140px;
    height: 50px
}

._certificates.gaming-labs {
    background-image: url(/style/certificates/gaming-labs.png);
    width: 105px;
    height: 50px
}

._certificates.ecogra {
    background-image: url(/style/certificates/ecogra.png);
    width: 125px;
    height: 50px
}

._certificates.responsible-gambling-trust {
    background-image: url(/style/certificates/responsible-gambling-trust.png);
    width: 125px;
    height: 50px
}

._certificates.alderney {
    background-image: url(/style/certificates/alderney.png);
    width: 125px;
    height: 50px
}

._certificates.begambleaware {
    background-image: url(/style/certificates/begambleaware.png);
    width: 125px;
    height: 50px
}

._certificates.gamcare {
    background-image: url(/style/certificates/gamcare.png);
    width: 125px;
    height: 50px
}

._certificates.gli {
    background-image: url(/style/certificates/gli.png);
    width: 125px;
    height: 50px
}

._certificates.juego-seguro {
    background-image: url(/style/certificates/juego-seguro.png);
    width: 125px;
    height: 50px
}

._certificates.agem {
    background-image: url(/style/certificates/association-of-gaming-equipment-manufacturers.png);
    width: 125px;
    height: 50px
}

._certificates.csr {
    background-image: url(/style/certificates/corporate-social-responsibility.png);
    width: 125px;
    height: 50px
}

._certificates.european-lotteries {
    background-image: url(/style/certificates/european-lotteries.png);
    width: 125px;
    height: 50px
}

._certificates.gra {
    background-image: url(/style/certificates/gibraltar-gambling-commission.png);
    width: 125px;
    height: 50px
}

._certificates.tac {
    background-image: url(/style/certificates/technical-advisory-committee.png);
    width: 125px;
    height: 50px
}

._certificates.wla {
    background-image: url(/style/certificates/world-lottery-association.png);
    width: 125px;
    height: 50px
}

._certificates.tst {
    background-image: url(/style/certificates/tst.png);
    width: 125px;
    height: 50px
}

._certificates.malaysia-gov {
    background-image: url(/style/certificates/government-of-malaysia.png);
    width: 140px;
    height: 50px
}

._certificates.egr-award {
    background-image: url(/style/certificates/egr-award.png);
    width: 140px;
    height: 50px
}

.paym-list {
    list-style: none;
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    margin: 0 0 10px;
    padding: 5px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center
}

.paym-list li {
    margin: 10px
}

.paym-list li ._paylogo {
    width: 120px;
    height: 45px
}

.paym-list a {
    opacity: .8;
    transition: opacity .15s
}

.paym-list a:hover {
    opacity: 1
}

@media only screen and (min-width:768px) {
    .paym-list {
        padding: 10px
    }
    .paym-list li {
        margin: 8px 10px
    }
    .paym-list li a {
        margin: 0 7px
    }
}

.paym-list.with-title {
    position: relative
}

.paym-list.with-title:before {
    content: attr(data-title);
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    background: #34465f;
    padding: 10px;
    flex-basis: 100%;
    text-align: center;
    margin: -6px -6px 5px -6px
}

@media only screen and (min-width:768px) {
    .paym-list.with-title:before {
        margin: -11px -11px 10px -11px
    }
}

.banner-table {
    margin: 0 0 10px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 14px 15px 15px
}

.banner-table table,
.banner-table td,
.banner-table th,
.banner-table tr {
    display: block
}

.banner-table tbody {
    display: flex;
    flex-flow: row wrap
}

.banner-table tr {
    flex-basis: 100%
}

.banner-table .banner-table-logo {
    border-bottom: 1px solid #dde6ea;
    padding: 0 0 15px;
    text-align: center
}

.banner-table .banner-table-logo th {
    display: none
}

.banner-table .banner-table-logo td {
    display: block
}

.banner-table .banner-table-rating {
    padding: 14px 0
}

.banner-table .banner-table-rating th {
    font-size: 13px;
    font-weight: 400;
    color: #777;
    padding: 0 0 8px
}

.banner-table .banner-table-bonus {
    flex-basis: 100%;
    padding: 0 0 14px
}

.banner-table .banner-table-bonus th {
    display: none
}

.banner-table .banner-table-bonus td {
    font-family: Oswald, sans-serif;
    font-size: 22px;
    line-height: 20px;
    text-align: center
}

.banner-table .banner-table-bonus td strong {
    display: block;
    font-weight: 400;
    font-size: 35px;
    color: #3991e3;
    line-height: 1
}

.banner-table .banner-table-bonus td[data-prefix] strong {
    margin: 5px 0
}

.banner-table .banner-table-bonus td[data-suffix] strong {
    margin: 5px 0
}

.banner-table .banner-table-highlights {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    text-align: left;
    padding: 8px 0 16px;
    border-bottom: 1px solid #dde6ea
}

.banner-table .banner-table-highlights th {
    display: none
}

.banner-table .banner-table-highlight {
    flex-basis: 100%;
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #3f3f3f;
    position: relative;
    padding-left: 15px
}

.banner-table .banner-table-highlight:before {
    content: '';
    background: url(/style/bg/highlight-bullet.png) 50% no-repeat;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 6px;
    left: 0
}

.banner-table .banner-table-highlight~.banner-table-highlight {
    margin-top: 8px
}

.banner-table .banner-table-terms {
    padding: 16px 0
}

.banner-table .banner-table-terms th {
    display: none
}

.banner-table .banner-table-terms td {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    color: #9c9a9a;
    text-align: center;
    position: relative;
    margin: 0 -5px
}

.banner-table .banner-table-cta th {
    display: none
}

.banner-table .banner-table-cta td {
    text-align: center
}

.banner-table .banner-table-cta .gobtn {
    margin-top: 15px
}

.banner-table .trigger-terms {
    font-weight: 400;
    color: #616060;
    text-decoration: none;
    cursor: pointer
}

.banner-table .trigger-terms:hover {
    text-decoration: underline
}

.banner-table [data-prefix]:before {
    content: attr(data-prefix)
}

.banner-table [data-suffix]:after {
    content: attr(data-suffix)
}

.banner-table .hidden {
    display: none
}

@media only screen and (min-width:768px) {
    .banner-table {
        padding: 18px 18px 20px
    }
    .banner-table tr {
        box-sizing: border-box
    }
    .banner-table .banner-table-logo {
        flex-basis: 23%;
        padding: 0;
        border-bottom: none;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center
    }
    .banner-table .banner-table-rating {
        flex-basis: 28%;
        padding: 0 8px;
        border-width: 0 1px;
        border-style: solid;
        border-color: #dde6ea;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center
    }
    .banner-table .banner-table-bonus {
        flex-basis: 28%;
        padding: 0 8px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center
    }
    .banner-table .banner-table-highlights {
        flex-basis: 21%;
        padding: 0;
        border-bottom: none;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (min-width:1024px) {
    .banner-table {
        padding: 18px
    }
    .banner-table .banner-table-logo {
        order: 1;
        flex-basis: 18%
    }
    .banner-table .banner-table-rating {
        order: 2;
        flex-basis: 20%
    }
    .banner-table .banner-table-bonus {
        order: 3;
        flex-basis: 20%
    }
    .banner-table .banner-table-highlights {
        order: 4;
        flex-basis: 22%;
        padding-right: 30px
    }
    .banner-table .banner-table-cta {
        order: 5;
        flex-basis: 20%;
        border-left: 1px solid #dde6ea;
        padding-left: 18px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center
    }
    .banner-table .banner-table-cta .gobtn {
        margin-top: 0
    }
    .banner-table .banner-table-terms {
        order: 6;
        padding-bottom: 0;
        position: relative;
        margin-bottom: -6px;
        padding-left: 10px;
        padding-right: 10px
    }
}

._licence {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background-position: center;
    background-repeat: no-repeat
}

._licence.gray {
    filter: grayscale(1);
    opacity: .7
}

._licence.small {
    background-size: contain
}

._licence.ecogra {
    background-image: url(/style/licence/ecogra.png);
    width: 73px;
    height: 27px
}

._licence.gambleaware {
    background-image: url(/style/licence/gambleaware.png);
    width: 103px;
    height: 14px
}

._licence.mga {
    background-image: url(/style/licence/mga.png);
    width: 83px;
    height: 20px
}

._licence.gambling-comission {
    background-image: url(/style/licence/gambling-comission.png);
    width: 83px;
    height: 16px
}

._licence.gamblock {
    background-image: url(/style/licence/gamblock.png);
    width: 73px;
    height: 29px
}

._licence.gamcare {
    background-image: url(/style/licence/gamcare.png);
    width: 73px;
    height: 23px
}

._licence.geotrust {
    background-image: url(/style/licence/geotrust.png);
    width: 73px;
    height: 26px
}

._licence.dgrg {
    background-image: url(/style/licence/dgrg.png);
    width: 73px;
    height: 29px
}

._licence.jugarbien {
    background-image: url(/style/licence/jugarbien.png);
    width: 73px;
    height: 23px
}

._licence.gaming-labs {
    background-image: url(/style/licence/gaming-labs-certified.png);
    width: 73px;
    height: 23px
}

._licence.itech {
    background-image: url(/style/licence/itechlabs.png);
    width: 73px;
    height: 25px
}

._licence.gamstop {
    background-image: url(/style/licence/gamstop.png);
    width: 84px;
    height: 15px
}

._licence.curacao {
    background-image: url(/style/licence/curacao-egaming.png);
    width: 83px;
    height: 16px
}

._licence.lets-encrypt {
    background-image: url(/style/licence/lets-encrypt.png);
    width: 83px;
    height: 16px
}

._licence.nlrc {
    background-image: url(/style/licence/national-labor-relations-commission.png);
    width: 83px;
    height: 16px
}

._licence.gbga {
    background-image: url(/style/licence/gbga.png);
    width: 48px;
    height: 18px
}

._licence.ibas {
    background-image: url(/style/licence/ibas.png);
    width: 54px;
    height: 23px
}

._licence.bclb {
    background-image: url(/style/licence/bclb-grey.png);
    width: 33px;
    height: 9px
}

._licence.srij {
    background-image: url(/style/licence/srij-grey.png);
    width: 28px;
    height: 15px
}

._licence.gambling-therapy {
    background-image: url(/style/licence/gambling-therapy.png);
    width: 80px;
    height: 30px
}

._licence.spelinspektionen {
    background-image: url(/style/licence/spelinspektionen-grey.png);
    width: 140px;
    height: 50px
}

._licence.tax-customs-board {
    background-image: url(/style/certificates/estonia-tax-and-customs-board.png);
    width: 140px;
    height: 50px
}

._licence.begambleaware {
    background-image: url(/style/licence/gamble-aware.png);
    width: 106px;
    height: 13px
}

._licence.kahnawake {
    background-image: url(/style/licence/kgc.png);
    width: 107px;
    height: 26px
}

._licence.spillemyndigheden {
    background-image: url(/style/licence/spillemyndigheden.png);
    width: 84px;
    height: 23px
}

._licence.ukgc {
    background-image: url(/style/licence/ukgc-grey.png);
    width: 64px;
    height: 18px
}

._licence.gamblers-anonymous {
    background-image: url(/style/licence/gamblers-anonymous.png);
    width: 26px;
    height: 17px
}

._licence.njdge {
    background-image: url(/style/licence/njdge.png);
    width: 55px;
    height: 27px
}

._licence.gambler800 {
    background-image: url(/style/licence/800-gambler.png);
    width: 58px;
    height: 12px
}

._licence.ncpg {
    background-image: url(/style/licence/ncpg.png);
    width: 53px;
    height: 14px
}

._licence.digicert {
    background-image: url(/style/licence/digicert.png);
    width: 60px;
    height: 13px
}

.banner2-table {
    background: #fff;
    padding: 6px;
    box-shadow: 0 0 7px rgba(0, 0, 0, .25);
    margin: 0 0 10px
}

.banner2-table table,
.banner2-table tbody,
.banner2-table td,
.banner2-table tr {
    display: block
}

.banner2-table th {
    display: none
}

.banner2-table table {
    border: 1px solid #d7d7d7;
    padding: 20px
}

.banner2-table .banner2-table-logo {
    padding-bottom: 20px
}

.banner2-table .banner2-table-logo td {
    text-align: center
}

.banner2-table .banner2-table-rating {
    padding-bottom: 20px
}

.banner2-table .banner2-table-rating td {
    text-align: center
}

.banner2-table .banner2-table-highlights {
    border-width: 1px 0;
    border-style: solid;
    border-color: #d7d7d7;
    padding: 20px 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center
}

.banner2-table .banner2-table-highlight {
    display: block;
    padding-left: 38px;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #747474
}

.banner2-table .banner2-table-highlight:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 2px solid #388e09;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 3px
}

.banner2-table strong.banner2-table-highlight {
    font-family: Oswald, sans-serif;
    font-size: 21px;
    font-weight: 400;
    color: #4c4c4c
}

.banner2-table strong.banner2-table-highlight:before {
    border: none;
    border-radius: 0;
    background: url(/style/bg/highlight-check-circle.png) 50% no-repeat;
    width: 17px;
    height: 17px;
    top: 2px;
    left: 0
}

.banner2-table .banner2-table-highlight~.banner2-table-highlight {
    margin-top: 11px
}

.banner2-table .banner2-table-licences {
    padding: 10px 0;
    text-align: center
}

.banner2-table .banner2-table-licences ._licence {
    margin: 10px 0
}

.banner2-table .banner2-table-bonus {
    padding: 8px 0 16px
}

.banner2-table .banner2-table-bonus td {
    font-family: Oswald, sans-serif;
    font-size: 22px;
    line-height: 20px;
    text-align: center
}

.banner2-table .banner2-table-bonus td strong {
    display: block;
    font-weight: 400;
    font-size: 35px;
    color: #3991e3;
    line-height: 1;
    margin-bottom: 5px
}

.banner2-table .banner2-table-bonus td[data-prefix] strong {
    margin-top: 5px
}

.banner2-table .banner2-table-bonus td[data-suffix] strong {
    margin-bottom: 5px
}

.banner2-table .banner2-table-terms td {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    line-height: 12px;
    font-weight: 300;
    color: #9c9a9a;
    text-align: center;
    position: relative;
    margin: 0 -5px;
    padding: 0 0 16px
}

.banner2-table .banner2-table-cta td {
    text-align: center
}

.banner2-table .trigger-terms {
    font-weight: 400;
    color: #616060;
    text-decoration: none;
    cursor: pointer
}

.banner2-table .trigger-terms:hover {
    text-decoration: underline
}

.banner2-table [data-prefix]:before {
    content: attr(data-prefix)
}

.banner2-table [data-suffix]:after {
    content: attr(data-suffix)
}

.banner2-table .hidden {
    display: none
}

@media only screen and (max-width:767px) {
    .banner2-table tbody {
        display: flex;
        flex-flow: row wrap
    }
    .banner2-table tr {
        flex-basis: 100%
    }
    .banner2-table .banner2-table-logo {
        order: 1
    }
    .banner2-table .banner2-table-rating {
        order: 2
    }
    .banner2-table .banner2-table-highlights {
        order: 3
    }
    .banner2-table .banner2-table-licences {
        order: 4
    }
    .banner2-table .banner2-table-bonus {
        order: 5
    }
    .banner2-table .banner2-table-terms {
        order: 6
    }
    .banner2-table .banner2-table-cta {
        order: 7
    }
}

@media only screen and (min-width:768px) {
    .banner2-table {
        padding: 10px
    }
    .banner2-table table {
        padding: 10px
    }
    .banner2-table .banner2-table-logo {
        float: left;
        width: 30%;
        padding: 10px 0 0
    }
    .banner2-table .banner2-table-bonus {
        float: right;
        width: 27%;
        min-height: 60px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        padding: 0
    }
    .banner2-table .banner2-table-rating {
        float: left;
        width: 30%;
        clear: left;
        padding: 20px 0
    }
    .banner2-table .banner2-table-cta {
        float: right;
        width: 27%;
        clear: right;
        padding: 0
    }
    .banner2-table .banner2-table-cta .gobtn {
        display: block
    }
    .banner2-table .banner2-table-highlights {
        border-width: 0 0 1px;
        width: 37%;
        margin: 0 28.5% 0 34.5%;
        padding: 10px 0 20px
    }
    .banner2-table .banner2-table-licences {
        width: 46%;
        margin: 0 0 0 -6%;
        padding: 0;
        overflow: hidden
    }
    .banner2-table .banner2-table-licences ._licence {
        margin: 10px 8px
    }
    .banner2-table .banner2-table-terms td {
        padding: 10px 0;
        margin: 0
    }
}

@media only screen and (min-width:1024px) {
    .banner2-table {
        padding: 15px
    }
    .banner2-table table {
        padding: 20px
    }
    .banner2-table .banner2-table-logo {
        width: 20%;
        border-right: 1px solid #d7d7d7;
        padding: 10px 20px 20px 0
    }
    .banner2-table .banner2-table-bonus {
        width: 26%;
        border-left: 1px solid #d7d7d7;
        padding: 10px 0 20px 20px
    }
    .banner2-table .banner2-table-rating {
        width: 20%;
        border-right: 1px solid #d7d7d7;
        padding: 10px 20px 18px 0
    }
    .banner2-table .banner2-table-cta {
        width: 26%;
        border-left: 1px solid #d7d7d7;
        padding: 0 0 10px 20px
    }
    .banner2-table .banner2-table-cta .gobtn {
        display: inline-block;
        font-size: 22px;
        min-width: 160px
    }
    .banner2-table .banner2-table-highlights,
    .banner2-table .banner2-table-licences {
        width: 41%;
        overflow: hidden;
        margin: 0 auto;
        padding-top: 10px
    }
    .banner2-table .banner2-table-terms td {
        padding: 16px 0 0
    }
}

.img-links {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    font-size: 13px;
    line-height: 15px;
    color: #6d767e;
    text-align: center
}

.img-links a,
.img-links span {
    font-weight: 700;
    margin: 0 5px 10px;
    display: block;
    width: 176px;
    min-height: 30px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 136px 6px 6px;
    position: relative;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain
}

.img-links a {
    text-decoration: none;
    color: #3991e3;
    transition: color .15s
}

.img-links a:hover {
    color: #333
}

.img-links a:after,
.img-links span:after {
    content: '';
    position: absolute;
    top: 130px;
    right: 0;
    bottom: 0;
    left: 0;
    border-width: 1px;
    border-style: solid
}

.img-links a:after {
    border-color: #3991e3;
    transition: border-color .15s
}

.img-links a:hover:after {
    border-color: #333
}

.img-links span:after {
    border-color: #d4d4d4
}

.img-links img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    max-width: 100%
}

.img-links.qr-variant a,
.img-links.qr-variant span {
    background-size: 100px 100px;
    background-position: center 12px
}

.img-links.qr-variant a:before,
.img-links.qr-variant span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 123px;
    border: 1px solid #ccc
}

.img-links.qr-variant a[href^="/link/"]:before {
    visibility: visible;
    opacity: 1;
    transform: none;
    transition: none;
    background: 0 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    min-width: 0;
    max-width: none;
    top: 0;
    border-color: #ccc
}

@media only screen and (min-width:600px) {
    .img-links.left,
    .img-links.right {
        position: relative;
        top: 5px
    }
    .img-links.left {
        float: left;
        margin-right: 20px
    }
    .img-links.right {
        float: right;
        margin-left: 20px
    }
}

.p-blured {
    width: 100%;
    overflow-y: hidden
}

.blur {
    position: relative
}

.blur img.masked {
    filter: blur(5px)
}

.blur .ukgc-message {
    position: absolute;
    right: 0;
    width: 297px;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
    text-align: center
}

.blur.r .ukgc-message {
    right: 0;
    width: 297px
}

.blur.l .ukgc-message {
    left: 0;
    width: 297px
}

.blur.full-width:before {
    content: "";
    background: #000;
    width: auto;
    height: 100%;
    display: block;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1
}

.blur.full-width .ukgc-message {
    left: 0;
    right: 0;
    top: 50%;
    bottom: auto;
    width: auto;
    z-index: 2
}

.blur.full-width img.masked {
    filter: none
}

.blur .ukgc-message a {
    padding: 10px
}

.game-demo {
    text-align: center;
    margin: 0 0 10px;
    position: relative;
    overflow: hidden
}

.game-demo img {
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    opacity: .33
}

.game-demo.empty img {
    opacity: 1
}

.game-demo .game-demo-img {
    display: inline-block;
    background: #000
}

.game-demo .game-trigger {
    font-family: 'Roboto Slab', sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    width: 100px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -70px 0 0 -50px;
    cursor: pointer;
    padding: 122px 0 0
}

.game-demo .game-trigger:before {
    content: '';
    background: #fd8e2b;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 1px;
    box-shadow: 0 0 5px #ad611d, 0 0 0 5px #d67401;
    transition: box-shadow .15s
}

.game-demo .game-trigger:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 22px 0 22px 27px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 56px;
    left: 50px;
    margin-top: -22px;
    margin-left: -10px
}

.game-demo .game-trigger:hover:before {
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.game-demo.masked {
    text-align: center
}

.game-demo.masked .game-trigger {
    display: none
}

.game-demo.masked .blur {
    display: inline-block;
    overflow: hidden
}

.game-demo.masked .blur img {
    filter: blur(5px)
}

.blur.full-width .ukgc-message,
.game-demo.masked .ukgc-message {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 10px
}

.blur.full-width .ukgc-message:before,
.game-demo.masked .ukgc-message:before {
    content: '';
    background: url(/style/bg/game-unavailable.png) 50% no-repeat;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 3px solid #ccc
}

.game-demo.masked .ukgc-message p,
.size-full.masked .ukgc-message p {
    padding: 0;
    margin: 12px 0;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
    opacity: .79
}

.game-demo.activated {
    padding-bottom: 50%
}

.game-demo.activated iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (max-width:767px) {
    .blur.full-width .ukgc-message:before,
    .game-demo.masked .ukgc-message:before {
        background-size: 20px 20px
    }
}

@media only screen and (min-width:768px) {
    .game-demo .game-trigger {
        font-size: 22px;
        width: 120px;
        padding-top: 134px;
        margin: -78px 0 0 -60px
    }
    .game-demo .game-trigger:before {
        width: 114px;
        height: 114px;
        left: 3px
    }
    .game-demo .game-trigger:after {
        border-width: 26px 0 26px 32px;
        top: 64px;
        left: 60px;
        margin: -26px 0 0 -11px
    }
    .blur.full-width .ukgc-message,
    .game-demo.masked .ukgc-message {
        top: 50%;
        bottom: auto;
        min-height: 250px;
        transform: translateY(-50%);
        justify-content: space-between
    }
    .blur.full-width .ukgc-message:before,
    .game-demo.masked .ukgc-message:before {
        width: 76px;
        height: 76px;
        border-width: 5px
    }
    .game-demo.masked .ukgc-message p {
        font-size: 14px;
        line-height: 23px
    }
}

@media only screen and (min-width:1024px) {
    .game-demo {
        padding: 24px;
        box-shadow: 0 0 7px rgba(0, 0, 0, .2)
    }
}

.faq-item {
    background: #f9f9f9;
    border: 1px solid #d7d7d7;
    margin: 0 0 10px;
    padding: 16px
}

.faq-item h1,
.faq-item h2,
.faq-item h3,
.faq-item h4,
.faq-item h5,
.faq-item h6 {
    font-size: 17px;
    line-height: 21px;
    color: #404448;
    text-align: left;
    padding: 0;
    margin: 0
}

.faq-item h1 span,
.faq-item h2 span,
.faq-item h3 span,
.faq-item h4 span,
.faq-item h5 span,
.faq-item h6 span {
    display: inline-block;
    min-width: 20px
}

.faq-item p {
    padding: 0;
    margin: 16px 0 0;
    font-size: 13px;
    line-height: 19px;
    color: #696969
}

@media only screen and (min-width:768px) {
    .faq-item {
        padding: 20px 16px
    }
    .faq-item h1,
    .faq-item h2,
    .faq-item h3,
    .faq-item h4,
    .faq-item h5,
    .faq-item h6 {
        font-size: 23px;
        line-height: 26px
    }
    .faq-item p {
        font-size: 15px;
        line-height: 26px;
        margin: 16px 0 0
    }
}

.geopopup-overlay {
    background: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    font-size: 0
}

.geopopup-overlay.closed {
    display: none
}

.geopopup-overlay-inner {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

.geopopup-overlay-inner:before {
    width: 0;
    overflow: hidden;
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.geopopup-wrap {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    font-size: 13px
}

.geopopup-close {
    display: block;
    width: 31px;
    height: 31px;
    position: absolute;
    top: 15px;
    right: 15px;
    background: url(/style/logo/x.png) no-repeat center;
    cursor: pointer
}

.geopopup {
    background: #fff;
    border: 8px solid #2b81b7;
    border-radius: 4px;
    box-shadow: 2px 2px 26px rgba(0, 0, 0, .47);
    font-family: Roboto, sans-serif;
    max-width: 1170px;
    position: relative;
    text-align: center;
    margin: 5px;
    padding-bottom: 10px
}

.geopopup:before {
    content: ''
}

.geopopup img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.geopopup h2 {
    font-size: 14px;
    line-height: 1.05;
    font-weight: 400;
    color: #414141;
    padding: 0;
    margin: -10px 20px 8px
}

.geopopup p {
    font-size: 13px;
    line-height: 1.15;
    color: #414141;
    margin: 15px 0;
    display: none
}

.geopopup-body {
    padding: 20px 10px 0;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.geopopup-body span {
    display: block
}

.geopopup-offers {
    padding: 0 10px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.geopopup-offer {
    width: 32%;
    max-width: 32%;
    flex: 0 0 32%;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.geopopup-offer h4 {
    margin: 10px 0;
    padding: 0
}

.geopopup-offer h4 strong {
    font-size: 16px;
    line-height: 1;
    color: #2b81b7
}

.geopopup .geopopup-offer-logo {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    font-size: 0;
    line-height: 0;
    color: transparent;
    border: 3px solid #2b81b7;
    height: 72px;
    max-height: 106px;
    transition: none
}

.geopopup .geopopup-offer-logo:hover {
    border-color: #53b5f3
}

.geopopup .geopopup-offer-logo:after {
    content: '';
    display: block
}

.geopopup .geopopup-offer-logo .badge {
    display: none
}

.geopopup .geopopup-offer-logo.first {
    position: relative
}

.geopopup .geopopup-offer-logo.logo.first:before,
.geopopup .geopopup-offer-logo:not(.logo).first {
    background: -moz-linear-gradient(-45deg, #2b81b7 0, #2b81b7 18%, #2b81b7 18%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #2b81b7 0, #2b81b7 18%, #2b81b7 18%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, #2b81b7 0, #2b81b7 18%, #2b81b7 18%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%)
}

.geopopup .geopopup-offer-logo.logo.first:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.geopopup .geopopup-offer-logo.first:not(.logo):hover:before,
.geopopup .geopopup-offer-logo.logo.first:hover:before {
    background: -moz-linear-gradient(-45deg, #53b5f3 0, #53b5f3 18%, #53b5f3 18%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(-45deg, #53b5f3 0, #53b5f3 18%, #53b5f3 18%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(135deg, #53b5f3 0, #53b5f3 18%, #53b5f3 18%, rgba(255, 255, 255, 0) 18%, rgba(255, 255, 255, 0) 100%)
}

.geopopup .geopopup-offer-logo._l.first>span {
    background: 0 0;
    width: auto
}

.geopopup .geopopup-offer-logo._l.first:before {
    width: auto;
    height: auto
}

.geopopup .geopopup-offer-logo._l:not(.first):before {
    display: none
}

.geopopup ._l:after,
.geopopup ._l:before,
.geopopup .geopopup-offer-logo._l>span {
    width: 70%;
    height: 70%;
    background-position: center;
    background-size: contain;
    margin: 0 3px
}

.geopopup .geopopup-offer-logo.first .badge {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    position: absolute;
    top: 0;
    left: 2px
}

.geopopup-cta {
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    padding: 0 15px 15px
}

.geopopup-cta p {
    margin: 10px 0 15px
}

.geopopup-cta p:last-child {
    margin-bottom: 0
}

.geopopup .cta-btn {
    display: inline-block;
    vertical-align: middle;
    background: #ff8025;
    font-size: 18px;
    line-height: 1;
    color: #fff;
    padding: 13px 16px;
    border-radius: 3px
}

.geopopup .cta-btn:hover {
    background: #f56b27
}

.geopopup.us .geopopup-body {
    padding-top: 10px;
    max-width: none
}

.gcert {
    background-image: url(/style/logo/security.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    color: transparent;
    overflow: hidden
}

.gcert.ecogra {
    background-position: -2px -44px;
    width: 85px;
    height: 25px
}

.gcert.gambleaware {
    background-position: -2px -71px;
    width: 147px;
    height: 21px
}

.gcert.gamecare {
    background-position: -2px -2px;
    width: 132px;
    height: 22px
}

.gcert.gli {
    background-position: -2px -26px;
    width: 50px;
    height: 16px
}

.gcert.itech {
    background-position: -2px -96px;
    width: 25px;
    height: 25px
}

@media only screen and (min-width:480px) {
    .geopopup h2 {
        font-size: 21px;
        margin: 0
    }
    .geopopup p {
        display: block
    }
    .geopopup .geopopup-offer-logo {
        height: 82px
    }
    .geopopup .geopopup-offer-logo.first .badge {
        font-size: 17px
    }
}

@media only screen and (min-width:600px) {
    .geopopup {
        margin: 10px;
        padding-bottom: 10px
    }
    .geopopup h2 {
        font-size: 30px
    }
    .geopopup p {
        font-size: 16px;
        line-height: 1.375;
        font-weight: 300;
        margin: 20px 0
    }
    .geopopup-body {
        padding: 28px 16px 0
    }
    .geopopup .geopopup-offer-logo {
        height: 88px
    }
    .geopopup .geopopup-offer-logo.first:not(.logo),
    .geopopup .geopopup-offer-logo.logo.first:before {
        background: -moz-linear-gradient(-45deg, #2b81b7 0, #2b81b7 14%, #2b81b7 14%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(-45deg, #2b81b7 0, #2b81b7 14%, #2b81b7 14%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(135deg, #2b81b7 0, #2b81b7 14%, #2b81b7 14%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0) 100%)
    }
    .geopopup .geopopup-offer-logo.first:not(.logo):hover,
    .geopopup .geopopup-offer-logo.logo.first:hover:before {
        background: -moz-linear-gradient(-45deg, #53b5f3 0, #53b5f3 14%, #53b5f3 14%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(-45deg, #53b5f3 0, #53b5f3 14%, #53b5f3 14%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(135deg, #53b5f3 0, #53b5f3 14%, #53b5f3 14%, rgba(255, 255, 255, 0) 14%, rgba(255, 255, 255, 0) 100%)
    }
    .geopopup.us:before {
        margin: 28px auto 0
    }
}

@media only screen and (max-width:767px) {
    .geopopup h2 span {
        display: block
    }
    .geopopup-offer h4 {
        font-size: 0;
        line-height: 0;
        color: transparent
    }
    .geopopup-offer h4 strong {
        display: block
    }
    .geopopup-offer h4 strong:after {
        content: attr(data-suffix);
        display: block;
        font-size: 14px;
        color: #565555
    }
    .geopopup-certs,
    .geopopup-details {
        display: none
    }
}

@media only screen and (min-width:768px) {
    .geopopup .geopopup-offer-logo {
        height: 106px
    }
    .geopopup .geopopup-offer-logo.first:not(.logo),
    .geopopup .geopopup-offer-logo.logo.first:before {
        background: -moz-linear-gradient(-45deg, #2b81b7 0, #2b81b7 10%, #2b81b7 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(-45deg, #2b81b7 0, #2b81b7 10%, #2b81b7 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(135deg, #2b81b7 0, #2b81b7 10%, #2b81b7 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%)
    }
    .geopopup .geopopup-offer-logo.first:not(.logo):hover,
    .geopopup .geopopup-offer-logo.logo.first:hover:before {
        background: -moz-linear-gradient(-45deg, #53b5f3 0, #53b5f3 10%, #53b5f3 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(-45deg, #53b5f3 0, #53b5f3 10%, #53b5f3 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(135deg, #53b5f3 0, #53b5f3 10%, #53b5f3 10%, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0) 100%)
    }
    ._l:after,
    ._l:before,
    .geopopup .geopopup-offer-logo._l>span {
        width: 100%;
        height: 100%
    }
    .geopopup-offers {
        padding-left: 20px;
        padding-right: 20px
    }
    .geopopup-offer {
        width: 31.5%;
        max-width: 31.5%;
        flex: 0 0 31.5%
    }
    .geopopup-offer h4 {
        font-size: 18px;
        line-height: 1.22;
        color: #555;
        font-weight: 700
    }
    .geopopup-offer h4 strong {
        font-size: 26px
    }
    .geopopup-details {
        list-style: none;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        font-size: 18px;
        color: #373737;
        margin: 24px 5px
    }
    .geopopup-certs {
        padding: 20px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-end;
        align-items: center;
        align-content: center;
        font-size: 13px;
        line-height: 1.15;
        color: #a1a1a1;
        margin-left: 100px;
        text-align: left
    }
    .geopopup-certs .gcert {
        margin-left: 16px
    }
    .geopopup-cta {
        border-top: 1px solid #d5d5d5;
        padding: 0 30px 46px;
        position: relative;
        margin-top: 20px
    }
    .us .geopopup-cta {
        border-top: none
    }
    .geopopup-cta p {
        margin: 30px 0 46px
    }
    .geopopup-cta p:last-child {
        position: relative;
        margin-bottom: -10px
    }
    .geopopup-cta .cta-btn {
        font-size: 25px;
        padding: 23px;
        min-width: 365px
    }
    [data-tip] {
        cursor: pointer;
        position: relative;
        display: inline-block
    }
    [data-tip]:before {
        content: attr(data-tip);
        background: rgba(0, 0, 0, .85);
        width: 100px;
        padding: 10px;
        font-size: 13px;
        line-height: 1.3;
        color: #fff;
        border-radius: 2px;
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -60px;
        margin-bottom: 20px;
        visibility: hidden;
        opacity: 0;
        transition: opacity .15s, visibility 0s .15s
    }
    [data-tip]:after {
        content: '';
        width: 0;
        height: 0;
        border-width: 14px 13px 0;
        border-style: solid;
        border-color: rgba(0, 0, 0, .85) transparent transparent;
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -13px;
        margin-bottom: 6px;
        visibility: hidden;
        opacity: 0;
        transition: opacity .15s, visibility 0s .15s
    }
    [data-tip]:hover:after,
    [data-tip]:hover:before {
        visibility: visible;
        opacity: 1;
        transition: opacity .15s
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .geopopup-offer h4 strong:after {
        content: '';
        display: block
    }
}

@media only screen and (min-width:1024px) {
    .geopopup {
        margin: 20px;
        padding-bottom: 10px
    }
    .geopopup h2 {
        font-size: 33px
    }
    .geopopup p {
        margin: 20px 0 30px
    }
    .geopopup-offers h4 {
        letter-spacing: -.03em
    }
    .geopopup-offers h4 strong {
        font-size: 23px
    }
    .geopopup-offer {
        width: 31%;
        max-width: 31%;
        flex: 0 0 31%
    }
    .geopopup .geopopup-offer-logo.first:not(.logo),
    .geopopup .geopopup-offer-logo.logo.first:before {
        background: -moz-linear-gradient(-45deg, #2b81b7 10%, #2b81b7 8%, #2b81b7 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(-45deg, #2b81b7 10%, #2b81b7 8%, #2b81b7 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(135deg, #2b81b7 10%, #2b81b7 8%, #2b81b7 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%)
    }
    .geopopup .geopopup-offer-logo.first:not(.logo):hover,
    .geopopup .geopopup-offer-logo.logo.first:hover:before {
        background: -moz-linear-gradient(-45deg, #53b5f3 10%, #53b5f3 8%, #53b5f3 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%);
        background: -webkit-linear-gradient(-45deg, #53b5f3 10%, #53b5f3 8%, #53b5f3 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(135deg, #53b5f3 10%, #53b5f3 8%, #53b5f3 8%, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0) 100%)
    }
    .geopopup-details {
        margin-left: 20px;
        margin-right: 20px;
        justify-content: space-around;
        margin-bottom: 5px
    }
    .geopopup-cta {
        padding: 0 20px 58px;
        margin-top: 24px
    }
    .geopopup-cta.garrow:before {
        top: 76px;
        margin-left: 238px
    }
    .geopopup-cta p {
        margin: 32px 0 50px
    }
    .geopopup-cta p:last-child {
        position: relative;
        margin-bottom: -20px
    }
    .geopopup-cta .cta-btn {
        font-size: 28px;
        padding: 27px;
        min-width: 396px
    }
    .geopopup.au:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
    .geopopup.ca:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
    .geopopup.ie:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
    .geopopup.in:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
    .geopopup.nz:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
    .geopopup.gb:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
    .geopopup.za:before {
        background-position: -2px -2px;
        width: 140px;
        height: 106px
    }
}

@media only screen and (min-width:1240px) {
    .geopopup {
        margin: 20px auto;
        padding-bottom: 10px
    }
}

.popup-alternative .geopopup-offer-logo {
    width: auto;
    height: 46px
}

.popup-alternative .geopopup-offer-logo[href^="/link/"]:before {
    content: '';
    transform: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    margin: 0;
    border: none;
    padding: 0;
    min-width: 0;
    max-width: 100%
}

.popup-alternative .geopopup-offer-logo.logo span {
    text-indent: 0;
    z-index: 2
}

@media only screen and (max-width:479px) {
    .popup-alternative .geopopup p {
        display: block
    }
}

@media only screen and (max-width:767px) {
    .popup-alternative .geopopup-offer h4,
    .popup-alternative .terms {
        display: none
    }
    .popup-alternative .geopopup-offer-logo {
        margin-bottom: 10px
    }
}

@media only screen and (min-width:480px) {
    .popup-alternative .geopopup-offer-logo {
        height: 60px
    }
    .popup-alternative .geopopup-offer-logo.logo {
        background-size: auto 66.6%
    }
}

@media only screen and (min-width:600px) {
    .popup-alternative .geopopup-offer-logo {
        height: 84px
    }
}

@media only screen and (min-width:768px) {
    .popup-alternative .geopopup-offer-logo {
        height: 106px
    }
    .popup-alternative .geopopup-certs {
        margin-left: 0;
        justify-content: center
    }
    .popup-alternative .geopopup-offer h4 strong:after {
        display: inline
    }
    .popup-alternative .terms {
        position: relative;
        margin-top: 5px;
        margin-bottom: 15px;
        font-size: 10px;
        line-height: 1.4;
        font-weight: 400;
        color: #c3bfbf;
        cursor: pointer
    }
    .popup-alternative .terms a {
        color: #c3bfbf
    }
    .popup-alternative .expanded .terms {
        max-height: none
    }
    .popup-alternative .expanded .terms:after {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .popup-alternative .geopopup-offer-logo.logo {
        background-size: auto
    }
}

._flag._bg,
._flag:after,
._flag:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    width: 24px;
    height: 16px;
    background-image: url(/style/geo/worldwide.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

._flag._bg.s,
._flag.s:after,
._flag.s:before {
    width: 16px;
    height: 11px
}

._flag._bg.abkhazia,
._flag.abkhazia:after,
._flag.abkhazia:before {
    background-image: url(/style/geo/abkhazia.svg)
}

._flag._bg.lithuania,
._flag.lithuania:after,
._flag.lithuania:before {
    background-image: url(/style/geo/lithuania.svg)
}

._flag._bg.afghanistan,
._flag.afghanistan:after,
._flag.afghanistan:before {
    background-image: url(/style/geo/afghanistan.svg)
}

._flag._bg.luxembourg,
._flag.luxembourg:after,
._flag.luxembourg:before {
    background-image: url(/style/geo/luxembourg.svg)
}

._flag._bg.aland-islands,
._flag.aland-islands:after,
._flag.aland-islands:before {
    background-image: url(/style/geo/aland-islands.svg)
}

._flag._bg.macao,
._flag.macao:after,
._flag.macao:before {
    background-image: url(/style/geo/macao.svg)
}

._flag._bg.albania,
._flag.albania:after,
._flag.albania:before {
    background-image: url(/style/geo/albania.svg)
}

._flag._bg.madagascar,
._flag.madagascar:after,
._flag.madagascar:before {
    background-image: url(/style/geo/madagascar.svg)
}

._flag._bg.algeria,
._flag.algeria:after,
._flag.algeria:before {
    background-image: url(/style/geo/algeria.svg)
}

._flag._bg.madeira,
._flag.madeira:after,
._flag.madeira:before {
    background-image: url(/style/geo/madeira.svg)
}

._flag._bg.american-samoa,
._flag.american-samoa:after,
._flag.american-samoa:before {
    background-image: url(/style/geo/american-samoa.svg)
}

._flag._bg.malasya,
._flag.malasya:after,
._flag.malasya:before {
    background-image: url(/style/geo/malasya.svg)
}

._flag._bg.andorra,
._flag.andorra:after,
._flag.andorra:before {
    background-image: url(/style/geo/andorra.svg)
}

._flag._bg.malawi,
._flag.malawi:after,
._flag.malawi:before {
    background-image: url(/style/geo/malawi.svg)
}

._flag._bg.angola,
._flag.angola:after,
._flag.angola:before {
    background-image: url(/style/geo/angola.svg)
}

._flag._bg.maldives,
._flag.maldives:after,
._flag.maldives:before {
    background-image: url(/style/geo/maldives.svg)
}

._flag._bg.anguilla,
._flag.anguilla:after,
._flag.anguilla:before {
    background-image: url(/style/geo/anguilla.svg)
}

._flag._bg.mali,
._flag.mali:after,
._flag.mali:before {
    background-image: url(/style/geo/mali.svg)
}

._flag.antigu ._flag._bg.antigua-and-barbuda,
._flag.antigua-and-barbuda:after,
._flag.antigua-and-barbuda:before {
    background-image: url(/style/geo/antigua-and-barbuda.svg)
}

._flag._bg.malta,
._flag.malta:after,
._flag.malta:before {
    background-image: url(/style/geo/malta.svg)
}

._flag._bg.argentina,
._flag.argentina:after,
._flag.argentina:before {
    background-image: url(/style/geo/argentina.svg)
}

._flag._bg.marshall-island,
._flag.marshall-island:after,
._flag.marshall-island:before {
    background-image: url(/style/geo/marshall-island.svg)
}

._flag._bg.armenia,
._flag.armenia:after,
._flag.armenia:before {
    background-image: url(/style/geo/armenia.svg)
}

._flag._bg.martinique,
._flag.martinique:after,
._flag.martinique:before {
    background-image: url(/style/geo/martinique.svg)
}

._flag._bg.aruba,
._flag.aruba:after,
._flag.aruba:before {
    background-image: url(/style/geo/aruba.svg)
}

._flag._bg.mauritania,
._flag.mauritania:after,
._flag.mauritania:before {
    background-image: url(/style/geo/mauritania.svg)
}

._flag._bg.australia,
._flag.australia:after,
._flag.australia:before {
    background-image: url(/style/geo/australia.svg)
}

._flag._bg.mauritius,
._flag.mauritius:after,
._flag.mauritius:before {
    background-image: url(/style/geo/mauritius.svg)
}

._flag._bg.austria,
._flag.austria:after,
._flag.austria:before {
    background-image: url(/style/geo/austria.svg)
}

._flag._bg.melilla,
._flag.melilla:after,
._flag.melilla:before {
    background-image: url(/style/geo/melilla.svg)
}

._flag._bg.azerbaijan,
._flag.azerbaijan:after,
._flag.azerbaijan:before {
    background-image: url(/style/geo/azerbaijan.svg)
}

._flag._bg.mexico,
._flag.mexico:after,
._flag.mexico:before {
    background-image: url(/style/geo/mexico.svg)
}

._flag._bg.azores-islands,
._flag.azores-islands:after,
._flag.azores-islands:before {
    background-image: url(/style/geo/azores-islands.svg)
}

._flag._bg.micronesia,
._flag.micronesia:after,
._flag.micronesia:before {
    background-image: url(/style/geo/micronesia.svg)
}

._flag._bg.bahamas,
._flag.bahamas:after,
._flag.bahamas:before {
    background-image: url(/style/geo/bahamas.svg)
}

._flag._bg.moldova,
._flag.moldova:after,
._flag.moldova:before {
    background-image: url(/style/geo/moldova.svg)
}

._flag._bg.bahrain,
._flag.bahrain:after,
._flag.bahrain:before {
    background-image: url(/style/geo/bahrain.svg)
}

._flag._bg.monaco,
._flag.monaco:after,
._flag.monaco:before {
    background-image: url(/style/geo/monaco.svg)
}

._flag._bg.balearic-islands,
._flag.balearic-islands:after,
._flag.balearic-islands:before {
    background-image: url(/style/geo/balearic-islands.svg)
}

._flag._bg.mongolia,
._flag.mongolia:after,
._flag.mongolia:before {
    background-image: url(/style/geo/mongolia.svg)
}

._flag._bg.bangladesh,
._flag.bangladesh:after,
._flag.bangladesh:before {
    background-image: url(/style/geo/bangladesh.svg)
}

._flag._bg.montenegro,
._flag.montenegro:after,
._flag.montenegro:before {
    background-image: url(/style/geo/montenegro.svg)
}

._flag._bg.barbados,
._flag.barbados:after,
._flag.barbados:before {
    background-image: url(/style/geo/barbados.svg)
}

._flag._bg.montserrat,
._flag.montserrat:after,
._flag.montserrat:before {
    background-image: url(/style/geo/montserrat.svg)
}

._flag._bg.basque-country,
._flag.basque-country:after,
._flag.basque-country:before {
    background-image: url(/style/geo/basque-country.svg)
}

._flag._bg.morocco,
._flag.morocco:after,
._flag.morocco:before {
    background-image: url(/style/geo/morocco.svg)
}

._flag._bg.belarus,
._flag.belarus:after,
._flag.belarus:before {
    background-image: url(/style/geo/belarus.svg)
}

._flag._bg.mozambique,
._flag.mozambique:after,
._flag.mozambique:before {
    background-image: url(/style/geo/mozambique.svg)
}

._flag._bg.belgium,
._flag.belgium:after,
._flag.belgium:before {
    background-image: url(/style/geo/belgium.svg)
}

._flag._bg.myanmar,
._flag.myanmar:after,
._flag.myanmar:before {
    background-image: url(/style/geo/myanmar.svg)
}

._flag._bg.belize,
._flag.belize:after,
._flag.belize:before {
    background-image: url(/style/geo/belize.svg)
}

._flag._bg.namibia,
._flag.namibia:after,
._flag.namibia:before {
    background-image: url(/style/geo/namibia.svg)
}

._flag._bg.benin,
._flag.benin:after,
._flag.benin:before {
    background-image: url(/style/geo/benin.svg)
}

._flag._bg.nato,
._flag.nato:after,
._flag.nato:before {
    background-image: url(/style/geo/nato.svg)
}

._flag._bg.bermuda,
._flag.bermuda:after,
._flag.bermuda:before {
    background-image: url(/style/geo/bermuda.svg)
}

._flag._bg.nauru,
._flag.nauru:after,
._flag.nauru:before {
    background-image: url(/style/geo/nauru.svg)
}

._flag._bg.bhutan,
._flag.bhutan:after,
._flag.bhutan:before {
    background-image: url(/style/geo/bhutan.svg)
}

._flag._bg.nepal,
._flag.nepal:after,
._flag.nepal:before {
    background-image: url(/style/geo/nepal.svg)
}

._flag._bg.bolivia,
._flag.bolivia:after,
._flag.bolivia:before {
    background-image: url(/style/geo/bolivia.svg)
}

._flag._bg.netherlands,
._flag.netherlands:after,
._flag.netherlands:before {
    background-image: url(/style/geo/netherlands.svg)
}

._flag._bg.bonaire,
._flag.bonaire:after,
._flag.bonaire:before {
    background-image: url(/style/geo/bonaire.svg)
}

._flag._bg.new-zealand,
._flag.new-zealand:after,
._flag.new-zealand:before {
    background-image: url(/style/geo/new-zealand.svg)
}

._flag.bosni ._flag._bg.bosnia-and-herzegovina,
._flag.bosnia-and-herzegovina:after,
._flag.bosnia-and-herzegovina:before {
    background-image: url(/style/geo/bosnia-and-herzegovina.svg)
}

._flag._bg.nicaragua,
._flag.nicaragua:after,
._flag.nicaragua:before {
    background-image: url(/style/geo/nicaragua.svg)
}

._flag._bg.botswana,
._flag.botswana:after,
._flag.botswana:before {
    background-image: url(/style/geo/botswana.svg)
}

._flag._bg.niger,
._flag.niger:after,
._flag.niger:before {
    background-image: url(/style/geo/niger.svg)
}

._flag._bg.brazil,
._flag.brazil:after,
._flag.brazil:before {
    background-image: url(/style/geo/brazil.svg)
}

._flag._bg.nigeria,
._flag.nigeria:after,
._flag.nigeria:before {
    background-image: url(/style/geo/nigeria.svg)
}

._flag._bg.british-columbia,
._flag.british-columbia:after,
._flag.british-columbia:before {
    background-image: url(/style/geo/british-columbia.svg)
}

._flag._bg.niue,
._flag.niue:after,
._flag.niue:before {
    background-image: url(/style/geo/niue.svg)
}

._flag.british-india ._flag._bg.british-indian-ocean-territory,
._flag.british-indian-ocean-territory:after,
._flag.british-indian-ocean-territory:before {
    background-image: url(/style/geo/british-indian-ocean-territory.svg)
}

._flag._bg.norfolk-island,
._flag.norfolk-island:after,
._flag.norfolk-island:before {
    background-image: url(/style/geo/norfolk-island.svg)
}

._flag.britis ._flag._bg.british-virgin-islands,
._flag.british-virgin-islands:after,
._flag.british-virgin-islands:before {
    background-image: url(/style/geo/british-virgin-islands.svg)
}

._flag._bg.north-korea,
._flag.north-korea:after,
._flag.north-korea:before {
    background-image: url(/style/geo/north-korea.svg)
}

._flag._bg.brunei,
._flag.brunei:after,
._flag.brunei:before {
    background-image: url(/style/geo/brunei.svg)
}

._flag._bg.cyprus,
._flag.cyprus:after,
._flag.cyprus:before {
    background-image: url(/style/geo/northern-cyprus.svg)
}

._flag._bg.bulgaria,
._flag.bulgaria:after,
._flag.bulgaria:before {
    background-image: url(/style/geo/bulgaria.svg)
}

._flag.norther ._flag._bg.northern-marianas-islands,
._flag.northern-marianas-islands:after,
._flag.northern-marianas-islands:before {
    background-image: url(/style/geo/northern-marianas-islands.svg)
}

._flag._bg.burkina-faso,
._flag.burkina-faso:after,
._flag.burkina-faso:before {
    background-image: url(/style/geo/burkina-faso.svg)
}

._flag._bg.norway,
._flag.norway:after,
._flag.norway:before {
    background-image: url(/style/geo/norway.svg)
}

._flag._bg.burundi,
._flag.burundi:after,
._flag.burundi:before {
    background-image: url(/style/geo/burundi.svg)
}

._flag._bg.oman,
._flag.oman:after,
._flag.oman:before {
    background-image: url(/style/geo/oman.svg)
}

._flag._bg.cambodia,
._flag.cambodia:after,
._flag.cambodia:before {
    background-image: url(/style/geo/cambodia.svg)
}

._flag._bg.ossetia,
._flag.ossetia:after,
._flag.ossetia:before {
    background-image: url(/style/geo/ossetia.svg)
}

._flag._bg.cameroon,
._flag.cameroon:after,
._flag.cameroon:before {
    background-image: url(/style/geo/cameroon.svg)
}

._flag._bg.pakistan,
._flag.pakistan:after,
._flag.pakistan:before {
    background-image: url(/style/geo/pakistan.svg)
}

._flag._bg.canada,
._flag.canada:after,
._flag.canada:before {
    background-image: url(/style/geo/canada.svg)
}

._flag._bg.palau,
._flag.palau:after,
._flag.palau:before {
    background-image: url(/style/geo/palau.svg)
}

._flag._bg.canary-islands,
._flag.canary-islands:after,
._flag.canary-islands:before {
    background-image: url(/style/geo/canary-islands.svg)
}

._flag._bg.palestine,
._flag.palestine:after,
._flag.palestine:before {
    background-image: url(/style/geo/palestine.svg)
}

._flag._bg.cape-verde,
._flag.cape-verde:after,
._flag.cape-verde:before {
    background-image: url(/style/geo/cape-verde.svg)
}

._flag._bg.panama,
._flag.panama:after,
._flag.panama:before {
    background-image: url(/style/geo/panama.svg)
}

._flag._bg.cayman-islands,
._flag.cayman-islands:after,
._flag.cayman-islands:before {
    background-image: url(/style/geo/cayman-islands.svg)
}

._flag.papu ._flag._bg.papua-new-guinea,
._flag.papua-new-guinea:after,
._flag.papua-new-guinea:before {
    background-image: url(/style/geo/papua-new-guinea.svg)
}

._flag.centra ._flag._bg.central-african-republic,
._flag.central-african-republic:after,
._flag.central-african-republic:before {
    background-image: url(/style/geo/central-african-republic.svg)
}

._flag._bg.paraguay,
._flag.paraguay:after,
._flag.paraguay:before {
    background-image: url(/style/geo/paraguay.svg)
}

._flag._bg.ceuta,
._flag.ceuta:after,
._flag.ceuta:before {
    background-image: url(/style/geo/ceuta.svg)
}

._flag._bg.peru,
._flag.peru:after,
._flag.peru:before {
    background-image: url(/style/geo/peru.svg)
}

._flag._bg.chad,
._flag.chad:after,
._flag.chad:before {
    background-image: url(/style/geo/chad.svg)
}

._flag._bg.philippines,
._flag.philippines:after,
._flag.philippines:before {
    background-image: url(/style/geo/philippines.svg)
}

._flag._bg.chile,
._flag.chile:after,
._flag.chile:before {
    background-image: url(/style/geo/chile.svg)
}

._flag._bg.pitcairn-islands,
._flag.pitcairn-islands:after,
._flag.pitcairn-islands:before {
    background-image: url(/style/geo/pitcairn-islands.svg)
}

._flag._bg.china,
._flag.china:after,
._flag.china:before {
    background-image: url(/style/geo/china.svg)
}

._flag._bg.poland,
._flag.poland:after,
._flag.poland:before {
    background-image: url(/style/geo/poland.svg)
}

._flag._bg.christmas-island,
._flag.christmas-island:after,
._flag.christmas-island:before {
    background-image: url(/style/geo/christmas-island.svg)
}

._flag._bg.portugal,
._flag.portugal:after,
._flag.portugal:before {
    background-image: url(/style/geo/portugal.svg)
}

._flag._bg.cocos-island,
._flag.cocos-island:after,
._flag.cocos-island:before {
    background-image: url(/style/geo/cocos-island.svg)
}

._flag._bg.puerto-rico,
._flag.puerto-rico:after,
._flag.puerto-rico:before {
    background-image: url(/style/geo/puerto-rico.svg)
}

._flag._bg.colombia,
._flag.colombia:after,
._flag.colombia:before {
    background-image: url(/style/geo/colombia.svg)
}

._flag._bg.qatar,
._flag.qatar:after,
._flag.qatar:before {
    background-image: url(/style/geo/qatar.svg)
}

._flag._bg.comoros,
._flag.comoros:after,
._flag.comoros:before {
    background-image: url(/style/geo/comoros.svg)
}

._flag._bg.rapa-nui,
._flag.rapa-nui:after,
._flag.rapa-nui:before {
    background-image: url(/style/geo/rapa-nui.svg)
}

._flag._bg.cook-islands,
._flag.cook-islands:after,
._flag.cook-islands:before {
    background-image: url(/style/geo/cook-islands.svg)
}

._flag.republi ._flag._bg.republic-of-macedonia,
._flag.republic-of-macedonia:after,
._flag.republic-of-macedonia:before {
    background-image: url(/style/geo/republic-of-macedonia.svg)
}

._flag._bg.corsica,
._flag.corsica:after,
._flag.corsica:before {
    background-image: url(/style/geo/corsica.svg)
}

._flag.republic-o ._flag._bg.republic-of-the-congo,
._flag.republic-of-the-congo:after,
._flag.republic-of-the-congo:before {
    background-image: url(/style/geo/republic-of-the-congo.svg)
}

._flag._bg.costa-rica,
._flag.costa-rica:after,
._flag.costa-rica:before {
    background-image: url(/style/geo/costa-rica.svg)
}

._flag._bg.romania,
._flag.romania:after,
._flag.romania:before {
    background-image: url(/style/geo/romania.svg)
}

._flag._bg.croatia,
._flag.croatia:after,
._flag.croatia:before {
    background-image: url(/style/geo/croatia.svg)
}

._flag._bg.russia,
._flag.russia:after,
._flag.russia:before {
    background-image: url(/style/geo/russia.svg)
}

._flag._bg.cuba,
._flag.cuba:after,
._flag.cuba:before {
    background-image: url(/style/geo/cuba.svg)
}

._flag._bg.rwanda,
._flag.rwanda:after,
._flag.rwanda:before {
    background-image: url(/style/geo/rwanda.svg)
}

._flag._bg.curacao,
._flag.curacao:after,
._flag.curacao:before {
    background-image: url(/style/geo/curacao.svg)
}

._flag._bg.saba-island,
._flag.saba-island:after,
._flag.saba-island:before {
    background-image: url(/style/geo/saba-island.svg)
}

._flag._bg.czech-republic,
._flag.czech-republic:after,
._flag.czech-republic:before {
    background-image: url(/style/geo/czech-republic.svg)
}

._flag.sahrawi-ara ._flag._bg.sahrawi-arab-democratic-republic,
._flag.sahrawi-arab-democratic-republic:after,
._flag.sahrawi-arab-democratic-republic:before {
    background-image: url(/style/geo/sahrawi-arab-democratic-republic.svg)
}

._flag.democratic-republi ._flag._bg.democratic-republic-of-congo,
._flag.democratic-republic-of-congo:after,
._flag.democratic-republic-of-congo:before {
    background-image: url(/style/geo/democratic-republic-of-congo.svg)
}

._flag.saint-kitt ._flag._bg.saint-kitts-and-nevis,
._flag.saint-kitts-and-nevis:after,
._flag.saint-kitts-and-nevis:before {
    background-image: url(/style/geo/saint-kitts-and-nevis.svg)
}

._flag._bg.denmark,
._flag.denmark:after,
._flag.denmark:before {
    background-image: url(/style/geo/denmark.svg)
}

._flag._bg.samoa,
._flag.samoa:after,
._flag.samoa:before {
    background-image: url(/style/geo/samoa.svg)
}

._flag._bg.djibouti,
._flag.djibouti:after,
._flag.djibouti:before {
    background-image: url(/style/geo/djibouti.svg)
}

._flag._bg.san-marino,
._flag.san-marino:after,
._flag.san-marino:before {
    background-image: url(/style/geo/san-marino.svg)
}

._flag._bg.dominica,
._flag.dominica:after,
._flag.dominica:before {
    background-image: url(/style/geo/dominica.svg)
}

._flag.sao-tom ._flag._bg.sao-tome-and-prince,
._flag.sao-tome-and-prince:after,
._flag.sao-tome-and-prince:before {
    background-image: url(/style/geo/sao-tome-and-prince.svg)
}

._flag._bg.dominican-republic,
._flag.dominican-republic:after,
._flag.dominican-republic:before {
    background-image: url(/style/geo/dominican-republic.svg)
}

._flag._bg.sardinia,
._flag.sardinia:after,
._flag.sardinia:before {
    background-image: url(/style/geo/sardinia.svg)
}

._flag._bg.east-timor,
._flag.east-timor:after,
._flag.east-timor:before {
    background-image: url(/style/geo/east-timor.svg)
}

._flag._bg.saudi-arabia,
._flag.saudi-arabia:after,
._flag.saudi-arabia:before {
    background-image: url(/style/geo/saudi-arabia.svg)
}

._flag._bg.ecuador,
._flag.ecuador:after,
._flag.ecuador:before {
    background-image: url(/style/geo/ecuador.svg)
}

._flag._bg.scotland,
._flag.scotland:after,
._flag.scotland:before {
    background-image: url(/style/geo/scotland.svg)
}

._flag._bg.egypt,
._flag.egypt:after,
._flag.egypt:before {
    background-image: url(/style/geo/egypt.svg)
}

._flag._bg.senegal,
._flag.senegal:after,
._flag.senegal:before {
    background-image: url(/style/geo/senegal.svg)
}

._flag._bg.el-salvador,
._flag.el-salvador:after,
._flag.el-salvador:before {
    background-image: url(/style/geo/el-salvador.svg)
}

._flag._bg.serbia,
._flag.serbia:after,
._flag.serbia:before {
    background-image: url(/style/geo/serbia.svg)
}

._flag._bg.england,
._flag.england:after,
._flag.england:before {
    background-image: url(/style/geo/england.svg)
}

._flag._bg.seychelles,
._flag.seychelles:after,
._flag.seychelles:before {
    background-image: url(/style/geo/seychelles.svg)
}

._flag._bg.equatorial-guinea,
._flag.equatorial-guinea:after,
._flag.equatorial-guinea:before {
    background-image: url(/style/geo/equatorial-guinea.svg)
}

._flag._bg.sicily,
._flag.sicily:after,
._flag.sicily:before {
    background-image: url(/style/geo/sicily.svg)
}

._flag._bg.eritrea,
._flag.eritrea:after,
._flag.eritrea:before {
    background-image: url(/style/geo/eritrea.svg)
}

._flag._bg.sierra-leone,
._flag.sierra-leone:after,
._flag.sierra-leone:before {
    background-image: url(/style/geo/sierra-leone.svg)
}

._flag._bg.estonia,
._flag.estonia:after,
._flag.estonia:before {
    background-image: url(/style/geo/estonia.svg)
}

._flag._bg.singapore,
._flag.singapore:after,
._flag.singapore:before {
    background-image: url(/style/geo/singapore.svg)
}

._flag._bg.ethiopia,
._flag.ethiopia:after,
._flag.ethiopia:before {
    background-image: url(/style/geo/ethiopia.svg)
}

._flag._bg.sint-eustatius,
._flag.sint-eustatius:after,
._flag.sint-eustatius:before {
    background-image: url(/style/geo/sint-eustatius.svg)
}

._flag._bg.european-union,
._flag.european-union:after,
._flag.european-union:before {
    background-image: url(/style/geo/european-union.svg)
}

._flag._bg.sint-maarten,
._flag.sint-maarten:after,
._flag.sint-maarten:before {
    background-image: url(/style/geo/sint-maarten.svg)
}

._flag._bg.falkland-islands,
._flag.falkland-islands:after,
._flag.falkland-islands:before {
    background-image: url(/style/geo/falkland-islands.svg)
}

._flag._bg.slovakia,
._flag.slovakia:after,
._flag.slovakia:before {
    background-image: url(/style/geo/slovakia.svg)
}

._flag._bg.fiji,
._flag.fiji:after,
._flag.fiji:before {
    background-image: url(/style/geo/fiji.svg)
}

._flag._bg.slovenia,
._flag.slovenia:after,
._flag.slovenia:before {
    background-image: url(/style/geo/slovenia.svg)
}

._flag._bg.finland,
._flag.finland:after,
._flag.finland:before {
    background-image: url(/style/geo/finland.svg)
}

._flag._bg.solomon-islands,
._flag.solomon-islands:after,
._flag.solomon-islands:before {
    background-image: url(/style/geo/solomon-islands.svg)
}

._flag._bg.france,
._flag.france:after,
._flag.france:before {
    background-image: url(/style/geo/france.svg)
}

._flag._bg.somalia,
._flag.somalia:after,
._flag.somalia:before {
    background-image: url(/style/geo/somalia.svg)
}

._flag._bg.french-polynesia,
._flag.french-polynesia:after,
._flag.french-polynesia:before {
    background-image: url(/style/geo/french-polynesia.svg)
}

._flag._bg.somaliland,
._flag.somaliland:after,
._flag.somaliland:before {
    background-image: url(/style/geo/somaliland.svg)
}

._flag._bg.gabon,
._flag.gabon:after,
._flag.gabon:before {
    background-image: url(/style/geo/gabon.svg)
}

._flag._bg.south-africa,
._flag.south-africa:after,
._flag.south-africa:before {
    background-image: url(/style/geo/south-africa.svg)
}

._flag._bg.galapagos-islands,
._flag.galapagos-islands:after,
._flag.galapagos-islands:before {
    background-image: url(/style/geo/galapagos-islands.svg)
}

._flag._bg.south-korea,
._flag.south-korea:after,
._flag.south-korea:before {
    background-image: url(/style/geo/south-korea.svg)
}

._flag._bg.gambia,
._flag.gambia:after,
._flag.gambia:before {
    background-image: url(/style/geo/gambia.svg)
}

._flag._bg.south-sudan,
._flag.south-sudan:after,
._flag.south-sudan:before {
    background-image: url(/style/geo/south-sudan.svg)
}

._flag._bg.georgia,
._flag.georgia:after,
._flag.georgia:before {
    background-image: url(/style/geo/georgia.svg)
}

._flag._bg.spain,
._flag.spain:after,
._flag.spain:before {
    background-image: url(/style/geo/spain.svg)
}

._flag._bg.germany,
._flag.germany:after,
._flag.germany:before {
    background-image: url(/style/geo/germany.svg)
}

._flag._bg.check-republic,
._flag.check-republic:after,
._flag.check-republic:before {
    background-image: url(/style/geo/czech-republic.svg)
}

._flag._bg.sri-lanka,
._flag.sri-lanka:after,
._flag.sri-lanka:before {
    background-image: url(/style/geo/sri-lanka.svg)
}

._flag._bg.ghana,
._flag.ghana:after,
._flag.ghana:before {
    background-image: url(/style/geo/ghana.svg)
}

._flag._bg.st-barts,
._flag.st-barts:after,
._flag.st-barts:before {
    background-image: url(/style/geo/st-barts.svg)
}

._flag._bg.gibraltar,
._flag.gibraltar:after,
._flag.gibraltar:before {
    background-image: url(/style/geo/gibraltar.svg)
}

._flag._bg.st-lucia,
._flag.st-lucia:after,
._flag.st-lucia:before {
    background-image: url(/style/geo/st-lucia.svg)
}

._flag._bg.greece,
._flag.greece:after,
._flag.greece:before {
    background-image: url(/style/geo/greece.svg)
}

._flag.st-vincent-an ._flag._bg.st-vincent-and-the-grenadines,
._flag.st-vincent-and-the-grenadines:after,
._flag.st-vincent-and-the-grenadines:before {
    background-image: url(/style/geo/st-vincent-and-the-grenadines.svg)
}

._flag._bg.greenland,
._flag.greenland:after,
._flag.greenland:before {
    background-image: url(/style/geo/greenland.svg)
}

._flag._bg.sudan,
._flag.sudan:after,
._flag.sudan:before {
    background-image: url(/style/geo/sudan.svg)
}

._flag._bg.grenada,
._flag.grenada:after,
._flag.grenada:before {
    background-image: url(/style/geo/grenada.svg)
}

._flag._bg.suriname,
._flag.suriname:after,
._flag.suriname:before {
    background-image: url(/style/geo/suriname.svg)
}

._flag._bg.guam,
._flag.guam:after,
._flag.guam:before {
    background-image: url(/style/geo/guam.svg)
}

._flag._bg.swaziland,
._flag.swaziland:after,
._flag.swaziland:before {
    background-image: url(/style/geo/swaziland.svg)
}

._flag._bg.guatemala,
._flag.guatemala:after,
._flag.guatemala:before {
    background-image: url(/style/geo/guatemala.svg)
}

._flag._bg.sweden,
._flag.sweden:after,
._flag.sweden:before {
    background-image: url(/style/geo/sweden.svg)
}

._flag._bg.guernsey,
._flag.guernsey:after,
._flag.guernsey:before {
    background-image: url(/style/geo/guernsey.svg)
}

._flag._bg.switzerland,
._flag.switzerland:after,
._flag.switzerland:before {
    background-image: url(/style/geo/switzerland.svg)
}

._flag._bg.guinea-bissau,
._flag.guinea-bissau:after,
._flag.guinea-bissau:before {
    background-image: url(/style/geo/guinea-bissau.svg)
}

._flag._bg.syria,
._flag.syria:after,
._flag.syria:before {
    background-image: url(/style/geo/syria.svg)
}

._flag._bg.guinea,
._flag.guinea:after,
._flag.guinea:before {
    background-image: url(/style/geo/guinea.svg)
}

._flag._bg.taiwan,
._flag.taiwan:after,
._flag.taiwan:before {
    background-image: url(/style/geo/taiwan.svg)
}

._flag._bg.haiti,
._flag.haiti:after,
._flag.haiti:before {
    background-image: url(/style/geo/haiti.svg)
}

._flag._bg.tajikistan,
._flag.tajikistan:after,
._flag.tajikistan:before {
    background-image: url(/style/geo/tajikistan.svg)
}

._flag._bg.hawaii,
._flag.hawaii:after,
._flag.hawaii:before {
    background-image: url(/style/geo/hawaii.svg)
}

._flag._bg.tanzania,
._flag.tanzania:after,
._flag.tanzania:before {
    background-image: url(/style/geo/tanzania.svg)
}

._flag._bg.honduras,
._flag.honduras:after,
._flag.honduras:before {
    background-image: url(/style/geo/honduras.svg)
}

._flag._bg.thailand,
._flag.thailand:after,
._flag.thailand:before {
    background-image: url(/style/geo/thailand.svg)
}

._flag._bg.hong-kong,
._flag.hong-kong:after,
._flag.hong-kong:before {
    background-image: url(/style/geo/hong-kong.svg)
}

._flag._bg.tibet,
._flag.tibet:after,
._flag.tibet:before {
    background-image: url(/style/geo/tibet.svg)
}

._flag._bg.hungary,
._flag.hungary:after,
._flag.hungary:before {
    background-image: url(/style/geo/hungary.svg)
}

._flag._bg.togo,
._flag.togo:after,
._flag.togo:before {
    background-image: url(/style/geo/togo.svg)
}

._flag._bg.iceland,
._flag.iceland:after,
._flag.iceland:before {
    background-image: url(/style/geo/iceland.svg)
}

._flag._bg.tokelau,
._flag.tokelau:after,
._flag.tokelau:before {
    background-image: url(/style/geo/tokelau.svg)
}

._flag._bg.india,
._flag.india:after,
._flag.india:before {
    background-image: url(/style/geo/india.svg)
}

._flag._bg.tonga,
._flag.tonga:after,
._flag.tonga:before {
    background-image: url(/style/geo/tonga.svg)
}

._flag._bg.indonesia,
._flag.indonesia:after,
._flag.indonesia:before {
    background-image: url(/style/geo/indonesia.svg)
}

._flag._bg.transnistria,
._flag.transnistria:after,
._flag.transnistria:before {
    background-image: url(/style/geo/transnistria.svg)
}

._flag._bg.iran,
._flag.iran:after,
._flag.iran:before {
    background-image: url(/style/geo/iran.svg)
}

._flag.trinida ._flag._bg.trinidad-and-tobago,
._flag.trinidad-and-tobago:after,
._flag.trinidad-and-tobago:before {
    background-image: url(/style/geo/trinidad-and-tobago.svg)
}

._flag._bg.iraq,
._flag.iraq:after,
._flag.iraq:before {
    background-image: url(/style/geo/iraq.svg)
}

._flag._bg.tunisia,
._flag.tunisia:after,
._flag.tunisia:before {
    background-image: url(/style/geo/tunisia.svg)
}

._flag._bg.ireland,
._flag.ireland:after,
._flag.ireland:before {
    background-image: url(/style/geo/ireland.svg)
}

._flag._bg.turkey,
._flag.turkey:after,
._flag.turkey:before {
    background-image: url(/style/geo/turkey.svg)
}

._flag.isl ._flag._bg.isle-of-man,
._flag.isle-of-man:after,
._flag.isle-of-man:before {
    background-image: url(/style/geo/isle-of-man.svg)
}

._flag._bg.turkmenistan,
._flag.turkmenistan:after,
._flag.turkmenistan:before {
    background-image: url(/style/geo/turkmenistan.svg)
}

._flag._bg.israel,
._flag.israel:after,
._flag.israel:before {
    background-image: url(/style/geo/israel.svg)
}

._flag.turk ._flag._bg.turks-and-caicos,
._flag.turks-and-caicos:after,
._flag.turks-and-caicos:before {
    background-image: url(/style/geo/turks-and-caicos.svg)
}

._flag._bg.italy,
._flag.italy:after,
._flag.italy:before {
    background-image: url(/style/geo/italy.svg)
}

._flag._bg.tuvalu-1,
._flag.tuvalu-1:after,
._flag.tuvalu-1:before {
    background-image: url(/style/geo/tuvalu-1.svg)
}

._flag._bg.ivory-coast,
._flag.ivory-coast:after,
._flag.ivory-coast:before {
    background-image: url(/style/geo/ivory-coast.svg)
}

._flag._bg.tuvalu,
._flag.tuvalu:after,
._flag.tuvalu:before {
    background-image: url(/style/geo/tuvalu.svg)
}

._flag._bg.jamaica,
._flag.jamaica:after,
._flag.jamaica:before {
    background-image: url(/style/geo/jamaica.svg)
}

._flag._bg.uganda,
._flag.uganda:after,
._flag.uganda:before {
    background-image: url(/style/geo/uganda.svg)
}

._flag._bg.japan,
._flag.japan:after,
._flag.japan:before {
    background-image: url(/style/geo/japan.svg)
}

._flag._bg.ukraine,
._flag.ukraine:after,
._flag.ukraine:before {
    background-image: url(/style/geo/ukraine.svg)
}

._flag._bg.jersey,
._flag.jersey:after,
._flag.jersey:before {
    background-image: url(/style/geo/jersey.svg)
}

._flag.unite ._flag._bg.united-arab-emirates,
._flag.united-arab-emirates:after,
._flag.united-arab-emirates:before {
    background-image: url(/style/geo/united-arab-emirates.svg)
}

._flag._bg.jordan,
._flag.jordan:after,
._flag.jordan:before {
    background-image: url(/style/geo/jordan.svg)
}

._flag._bg.united-kingdom,
._flag.bg.uk,
._flag.uk:after,
._flag.uk:before,
._flag.united-kingdom:after,
._flag.united-kingdom:before {
    background-image: url(/style/geo/united-kingdom.svg)
}

._flag._bg.kazakhstan,
._flag.kazakhstan:after,
._flag.kazakhstan:before {
    background-image: url(/style/geo/kazakhstan.svg)
}

._flag._bg.united-nations,
._flag.united-nations:after,
._flag.united-nations:before {
    background-image: url(/style/geo/united-nations.svg)
}

._flag._bg.kenya,
._flag.kenya:after,
._flag.kenya:before {
    background-image: url(/style/geo/kenya.svg)
}

._flag._bg.united-states,
._flag.united-states:after,
._flag.united-states:before {
    background-image: url(/style/geo/united-states.svg)
}

._flag._bg.kiribati,
._flag.kiribati:after,
._flag.kiribati:before {
    background-image: url(/style/geo/kiribati.svg)
}

._flag._bg.uruguay,
._flag.uruguay:after,
._flag.uruguay:before {
    background-image: url(/style/geo/uruguay.svg)
}

._flag._bg.kosovo,
._flag.kosovo:after,
._flag.kosovo:before {
    background-image: url(/style/geo/kosovo.svg)
}

._flag._bg.uzbekistn,
._flag.uzbekistn:after,
._flag.uzbekistn:before {
    background-image: url(/style/geo/uzbekistn.svg)
}

._flag._bg.kwait,
._flag.kwait:after,
._flag.kwait:before {
    background-image: url(/style/geo/kwait.svg)
}

._flag._bg.vanuatu,
._flag.vanuatu:after,
._flag.vanuatu:before {
    background-image: url(/style/geo/vanuatu.svg)
}

._flag._bg.kyrgyzstan,
._flag.kyrgyzstan:after,
._flag.kyrgyzstan:before {
    background-image: url(/style/geo/kyrgyzstan.svg)
}

._flag._bg.vatican-city,
._flag.vatican-city:after,
._flag.vatican-city:before {
    background-image: url(/style/geo/vatican-city.svg)
}

._flag._bg.laos,
._flag.laos:after,
._flag.laos:before {
    background-image: url(/style/geo/laos.svg)
}

._flag._bg.venezuela,
._flag.venezuela:after,
._flag.venezuela:before {
    background-image: url(/style/geo/venezuela.svg)
}

._flag._bg.latvia,
._flag.latvia:after,
._flag.latvia:before {
    background-image: url(/style/geo/latvia.svg)
}

._flag._bg.vietnam,
._flag.vietnam:after,
._flag.vietnam:before {
    background-image: url(/style/geo/vietnam.svg)
}

._flag._bg.lebanon,
._flag.lebanon:after,
._flag.lebanon:before {
    background-image: url(/style/geo/lebanon.svg)
}

._flag._bg.virgin-islands,
._flag.virgin-islands:after,
._flag.virgin-islands:before {
    background-image: url(/style/geo/virgin-islands.svg)
}

._flag._bg.lesotho,
._flag.lesotho:after,
._flag.lesotho:before {
    background-image: url(/style/geo/lesotho.svg)
}

._flag._bg.wales,
._flag.wales:after,
._flag.wales:before {
    background-image: url(/style/geo/wales.svg)
}

._flag._bg.liberia,
._flag.liberia:after,
._flag.liberia:before {
    background-image: url(/style/geo/liberia.svg)
}

._flag._bg.yemen,
._flag.yemen:after,
._flag.yemen:before {
    background-image: url(/style/geo/yemen.svg)
}

._flag._bg.libya,
._flag.libya:after,
._flag.libya:before {
    background-image: url(/style/geo/libya.svg)
}

._flag._bg.zambia,
._flag.zambia:after,
._flag.zambia:before {
    background-image: url(/style/geo/zambia.svg)
}

._flag._bg.liechtenstein,
._flag.liechtenstein:after,
._flag.liechtenstein:before {
    background-image: url(/style/geo/liechtenstein.svg)
}

._flag._bg.zimbabwe,
._flag.zimbabwe:after,
._flag.zimbabwe:before {
    background-image: url(/style/geo/zimbabwe.svg)
}

._flag._bg.usa,
._flag.usa:after,
._flag.usa:before {
    background-image: url(/style/geo/united-states.svg)
}

._sw {
    font-size: 0;
    color: transparent;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 150px;
    height: 60px
}

._sw.m {
    width: 112px;
    height: 45px
}

._sw.s {
    width: 75px;
    height: 30px
}

._sw.playngo {
    background-image: url(/style/sw/playngo.png)
}

._sw.microgaming {
    background-image: url(/style/sw/microgaming.png)
}

._sw.netent {
    background-image: url(/style/sw/netent.png)
}

._sw.igt {
    background-image: url(/style/sw/igt.png)
}

._sw.playtech {
    background-image: url(/style/sw/playtech.png)
}

._sw.nextgen {
    background-image: url(/style/sw/nextgen.png)
}

._sw.novomatic {
    background-image: url(/style/sw/novomatic.png)
}

._sw.dragonfish {
    background-image: url(/style/sw/dragonfish.png)
}

._sw.cryptologic {
    background-image: url(/style/sw/cryptologic.png)
}

._sw.realtime-gaming {
    background-image: url(/style/sw/realtime-gaming.png)
}

._sw.evolution-gaming {
    background-image: url(/style/sw/evolution-gaming.png)
}

._sw.yggdrasil {
    background-image: url(/style/sw/yggdrasil.png)
}

._sw.rival-gaming {
    background-image: url(/style/sw/rival-gaming.png)
}

._sw.spielo-g2 {
    background-image: url(/style/sw/spielo-g2.png)
}

._sw.bigtimegaming {
    background-image: url(/style/sw/bigtimegaming.png)
}

._sw.quickspin {
    background-image: url(/style/sw/quickspin.png)
}

._sw.isoftbet {
    background-image: url(/style/sw/isoftbet.png)
}

._sw.betway {
    background-image: url(/style/sw/betway.png)
}

._sw.genesis {
    background-image: url(/style/sw/genesis.png)
}

._sw.casino888 {
    background-image: url(/style/sw/888casino.png)
}

._sw.videoslots {
    background-image: url(/style/sw/videoslots.png)
}

._sw.karamba {
    background-image: url(/style/sw/karamba.png)
}

._sw.dunder {
    background-image: url(/style/sw/dunder.png)
}

._sw.slingo {
    background-image: url(/style/sw/slingo.png)
}

._sw.shuffle-master {
    background-image: url(/style/sw/shuffle-master.png)
}

._sw.usa {
    background-image: url(/style/sw/usa.png)
}

._sw.pragmatic-play {
    background-image: url(/style/sw/pragmaticplay.png)
}

._sw.red32 {
    background-image: url(/style/sw/32red.png)
}

._sw.grand-ivy {
    background-image: url(/style/sw/grand-ivy.png)
}

._sw.playojo {
    background-image: url(/style/sw/playojo.png)
}

._sw.partycasino {
    background-image: url(/style/sw/partycasino-v2.png)
}

._para-logo:before {
    content: '';
    width: 150px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 31px;
    box-shadow: 10px 0 0 #fff, 11px 0 0 #ccc
}

._para-logo.after:before {
    float: right;
    margin-right: 0;
    margin-left: 31px;
    box-shadow: -10px 0 0 #fff, -11px 0 0 #ccc
}

._para-logo.percent:before {
    background-image: url(/style/percent.png)
}

._para-logo.graphic:before {
    background-image: url(/style/graphic.png)
}

._para-logo.yggdrasil:before {
    background-image: url(/style/yggdrasil.png)
}

._para-logo.isoftbet:before {
    background-image: url(/style/isoftbet.png)
}

._para-logo.quickspin:before {
    background-image: url(/style/quickspin.png)
}

._para-logo.evolution:before {
    background-image: url(/style/evolution.png)
}

._para-logo.novomatic:before {
    background-image: url(/style/novomatic.png)
}

._para-logo.microgaming:before {
    background-image: url(/style/microgaming.jpg)
}

._para-logo.playtech:before {
    background-image: url(/style/playtech.jpg)
}

._para-logo.netent:before {
    background-image: url(/style/netent.jpg)
}

._para-logo.igt:before {
    background-image: url(/style/igt.jpg)
}

._para-logo.nextgen:before {
    background-image: url(/style/nextgen.png)
}

._social {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background: url(/style/bg/_social.png) 0 0 no-repeat;
    width: 26px;
    height: 26px
}

._social.facebook {
    background-position: 0 0
}

._social.facebook:hover {
    background-position: 0 -27px
}

._social.twitter {
    background-position: -27px 0
}

._social.twitter:hover {
    background-position: -27px -27px
}

._social.twitter-l {
    width: 22px;
    height: 22px;
    background-position: 1px -53px;
    background-color: #fff;
    border-radius: 50%;
    border: 7px solid #fff
}

._social.instagram {
    background-position: -54px 0
}

._social.instagram:hover {
    background-position: -54px -27px
}

._social.email {
    background-position: -81px 0
}

._social.email:hover {
    background-position: -81px -27px
}

._social.linkedin {
    background-position: -108px 0
}

._social.linkedin:hover {
    background-position: -108px -27px
}

._social.linkedin-l {
    width: 22px;
    height: 22px;
    background-position: -19px -53px;
    background-color: #fff;
    border-radius: 50%;
    border: 7px solid #fff
}

._social.youtube {
    background-position: -135px 0
}

._social.youtube:hover {
    background-position: -135px -27px
}

._social.dribble {
    background-position: -162px 0
}

._social.dribble:hover {
    background-position: -162px -27px
}

.lang-select {
    position: relative;
    margin: 14px 0 0;
    display: inline-block
}

.lang-select .lang-toggle {
    background: #464646;
    display: block;
    border: 1px solid #676767;
    border-radius: 1px;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 19px 5px 30px;
    position: relative;
    color: #f5f5f5;
    cursor: pointer;
    text-align: center
}

.lang-select .lang-toggle.s {
    font-size: 12px
}

.lang-select .lang-toggle.xs {
    font-size: 11px
}

.lang-select .lang-toggle.xxs {
    font-size: 10px;
    padding-left: 24px;
    padding-right: 13px
}

.lang-select .lang-toggle.xxs:before {
    left: 12px;
    transform: scale(.75)
}

.lang-select .lang-toggle.xxs:after {
    right: 2px
}

.lang-select .lang-toggle:before {
    position: absolute;
    top: 50%;
    left: 16px;
    margin: -8px 0 0 -12px
}

.lang-select .lang-toggle:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 4px 5px 0 4px;
    border-style: solid;
    border-color: #676767 transparent transparent;
    position: absolute;
    top: 12px;
    right: 4px
}

.lang-select .lang-toggle:hover {
    background: #676767
}

.lang-select .lang-toggle:hover:after {
    border-color: #c2c2c2 transparent transparent
}

.lang-select ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #676767;
    position: absolute;
    min-width: 101px;
    display: none
}

.lang-select ul ul:before {
    content: '';
    position: absolute;
    top: 0;
    height: 30px;
    width: 10px
}

.lang-select>ul {
    bottom: 100%;
    margin-bottom: 1px
}

.lang-select li {
    font-size: 11px;
    line-height: 14px;
    color: #c7c7c7;
    position: relative
}

.lang-select li+li {
    border-top: 1px solid #676767
}

.lang-select li ul {
    bottom: -1px;
    display: block;
    visibility: hidden;
    transform: scale(0);
    transition: transform .3s, visibility 0s .3s
}

.lang-select li:hover>ul {
    visibility: visible;
    transform: none;
    transition: transform .3s
}

.lang-select li.open>ul,
.lang-select li:hover>ul {
    display: block
}

.lang-select li a,
.lang-select li span {
    display: block;
    color: inherit;
    padding: 5px 8px;
    text-decoration: none;
    background: #464646;
    white-space: nowrap;
    position: relative;
    z-index: 2;
    cursor: pointer
}

.lang-select>ul>li.has-sub {
    position: relative
}

.lang-select>ul>li.has-sub:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    visibility: visible;
    z-index: 2
}

.lang-select>ul>li.has-sub:hover:after {
    transition: visibility 0s .1s;
    visibility: hidden
}

.lang-select>ul>li.has-sub>a:after,
.lang-select>ul>li.has-sub>span:after {
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    position: absolute;
    top: 8px
}

.lang-select li:hover>a,
.lang-select li:hover>span {
    background: #676767
}

.lang-select ._flag:before {
    content: ''
}

.lang-select li li a,
.lang-select li li span {
    padding-left: 38px
}

.lang-select li li a:before,
.lang-select li li span:before {
    position: absolute;
    top: 4px;
    left: 5px
}

@media only screen and (max-width:767px) {
    .lang-select ul ul:before {
        left: 100%
    }
    .lang-select>ul {
        right: 0
    }
    .lang-select>ul>li {
        text-align: right
    }
    .lang-select>ul>li.has-sub>a,
    .lang-select>ul>li.has-sub>span {
        padding-left: 18px
    }
    .lang-select>ul>li.has-sub>a:after,
    .lang-select>ul>li.has-sub>span:after {
        border-width: 5px 4px 4px 0;
        border-color: transparent #676767 transparent transparent;
        left: 7px
    }
    .lang-select>ul>li.has-sub:hover>a:after,
    .lang-select>ul>li.has-sub:hover>span:after {
        border-color: transparent #c7c7c7 transparent transparent
    }
    .lang-select li ul {
        right: 100%;
        margin-right: 2px;
        text-align: left;
        transform-origin: bottom right
    }
}

@media only screen and (min-width:768px) {
    .lang-select ul ul:before {
        right: 100%
    }
    .lang-select>ul {
        left: 0
    }
    .lang-select>ul>li.has-sub>a,
    .lang-select>ul>li.has-sub>span {
        padding-right: 18px
    }
    .lang-select>ul>li.has-sub>a:after,
    .lang-select>ul>li.has-sub>span:after {
        border-width: 5px 0 4px 4px;
        border-color: transparent transparent transparent #676767;
        right: 7px
    }
    .lang-select>ul>li.has-sub:hover>a:after,
    .lang-select>ul>li.has-sub:hover>span:after {
        border-color: transparent transparent transparent #c7c7c7
    }
    .lang-select li ul {
        left: 100%;
        margin-left: 2px;
        transform-origin: bottom left
    }
}

._p-icon.after:before,
._p-icon.before:before {
    content: '';
    display: inline-block;
    width: 66px;
    height: 66px;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 6px
}

._p-icon.before:before {
    float: left;
    margin: 0 15px 10px 0
}

._p-icon.after:before {
    float: right;
    margin: 0 0 10px 15px
}

._p-icon.dice:before {
    background-image: url(/style/p-icon/dice.png)
}

._p-icon.percent:before {
    background-image: url(/style/p-icon/percent.png)
}

._p-icon.graphic:before {
    background-image: url(/style/p-icon/graphic.png)
}

._p-icon.legal-21:before {
    background-image: url(/style/p-icon/legal.png)
}

@media only screen and (min-width:768px) {
    ._p-icon.before:before {
        float: left;
        margin: 0 25px 10px 0
    }
    ._p-icon.after:before {
        float: right;
        margin: 0 0 10px 25px
    }
}

.authors-banner {
    margin: 0 -10px 12px;
    text-align: center;
    background: #a7c8d6;
    background: -moz-linear-gradient(top, #a7c8d6 0, #a7c9d6 36%, #a4c5d4 44%, #98bacb 60%, #7496af 100%);
    background: -webkit-linear-gradient(top, #a7c8d6 0, #a7c9d6 36%, #a4c5d4 44%, #98bacb 60%, #7496af 100%);
    background: linear-gradient(to bottom, #a7c8d6 0, #a7c9d6 36%, #a4c5d4 44%, #98bacb 60%, #7496af 100%)
}

.authors {
    padding: 0 25px 34px;
    margin: 0;
    list-style: none
}

.author-image {
    transform: scale(.8)
}

.author-title {
    font: 700 24px/1.29 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px
}

.author-single {
    color: #2f2f2f;
    font-size: 13px;
    line-height: 1.31
}

.author-single p:last-child {
    padding-bottom: 0
}

.author-btn {
    display: inline-block;
    color: #616161;
    font: 700 14px 'Roboto Slab', sans-serif;
    background: #fff;
    min-width: 237px;
    padding: 13px;
    border-radius: 10px;
    transition: .3s
}

.author-btn:hover {
    background: #616161;
    color: #fff;
    box-shadow: 0 0 10px rgba(255, 255, 255, .7)
}

.author-socials {
    padding: 15px 0 25px
}

.author-socials a:hover {
    opacity: .7
}

.author-socials a {
    transition: .3s;
    margin: 0 2px
}

.author-content {
    padding: 0 10px
}

.author-content p:not([class]) {
    font-style: italic;
    font-size: 12px;
    line-height: 1.33
}

.author-question {
    color: #fff;
    font: 700 13px/1.23 Roboto, sans-serif;
    text-transform: uppercase;
    max-width: 205px;
    margin: 10px auto;
    padding-bottom: 0
}

.author-signature {
    font-size: 0;
    width: 130px;
    height: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

.author-signature.ken-johnson {
    background-image: url(/style/bg/ken-johnson-signature.png)
}

.author-signature.mark-podd {
    background-image: url(/style/bg/mark-podd-signature.png)
}

.author-signature.stephen-charlesworth {
    background-image: url(/style/bg/stephen-charlesworth-signature.png)
}

.author-signature.tony-christopher {
    background-image: url(/style/bg/tony-christopher-signature.png)
}

@media(min-width:768px) {
    .authors {
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 25px
    }
    .author-image {
        transform: scale(.9);
        margin-bottom: 3px;
        width: 100%
    }
    .author-title {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 26px;
        margin-bottom: 10px;
        padding: 0 40px;
        min-height: 66px
    }
    .author-btn {
        margin-top: 8px;
        padding: 15px;
        font-size: 16px
    }
    .author-single {
        position: relative;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: calc(50% - 40px);
        padding: 0 20px
    }
    .author-single:nth-child(even):before {
        content: '';
        width: 1px;
        height: 200px;
        background: #fff;
        position: absolute;
        bottom: 52px;
        left: 0
    }
    .author-single p {
        font-size: 15px;
        line-height: 1.13
    }
    .author-single p:last-child {
        align-self: flex-end
    }
    .author-wrapper {
        padding: 15px 0 10px
    }
    .author-wrapper:after {
        content: '';
        display: table;
        width: 100%;
        clear: both
    }
    .author-aside {
        width: 308px;
        float: left
    }
    .author-aside .author-title {
        display: block;
        min-height: 0
    }
    .author-content {
        float: right;
        width: calc(100% - 340px);
        padding: 20px 32px 0 0;
        text-align: left
    }
    .author-signature {
        float: left;
        width: 308px;
        height: 130px
    }
    .author-content p:not([class]) {
        font-size: 15px
    }
    .author-question {
        font-size: 15px;
        max-width: none;
        margin: 6px 0 10px
    }
    .author-socials {
        padding: 0 0 15px
    }
}

@media(min-width:1024px) {
    .author-image {
        transform: none;
        margin-bottom: 10px
    }
    .author-title {
        font-size: 28px;
        min-height: 0
    }
    .author-btn {
        font-size: 18px;
        margin-top: 0
    }
    .author-single {
        width: calc(50% - 100px);
        padding: 7px 50px
    }
    .authors {
        padding: 15px 0 25px
    }
    .authors-banner {
        margin: 5px -50px 25px
    }
    .author-single:nth-child(even):before {
        bottom: 5px
    }
    .author-wrapper {
        position: relative;
        padding: 40px 45px 20px 0
    }
    .author-aside {
        width: 370px
    }
    .author-aside .author-title {
        margin: 16px 0 42px
    }
    .author-aside .author-title span {
        display: block;
        margin-top: -4px
    }
    .author-signature {
        width: 200px;
        height: 123px;
        float: none;
        position: absolute;
        bottom: 20px;
        right: 45px
    }
    .author-content {
        width: calc(100% - 570px);
        padding-right: 0;
        padding-top: 0;
        float: left
    }
    .author-question {
        margin: 14px 0 10px
    }
}

.themes {
    list-style: none;
    padding-left: 0;
    margin: 0 -10px
}

.themes img {
    max-width: 100%
}

.themes a img {
    opacity: .8;
    transition: .3s
}

.themes a:hover img {
    opacity: 1
}

.themes .theme-title {
    padding: 0 10px;
    text-align: left
}

.themes p {
    padding-bottom: 8px
}

@media(min-width:768px) {
    .themes {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0
    }
    .themes>li {
        width: calc(50% - 15px)
    }
    .themes p {
        padding-bottom: 3px
    }
    .themes .theme-title {
        font-size: 22px;
        padding: 0;
        margin-bottom: 8px
    }
}

@media(min-width:1024px) {
    .themes .theme-title {
        font-size: 20px;
        margin-bottom: 13px
    }
    .themes>li {
        width: calc(50% - 24px)
    }
    .themes p {
        padding-bottom: 20px
    }
}

.blackoffer {
    position: relative;
    background: #1e1e1e;
    margin: -10px -10px 20px;
    box-shadow: 0 0 20px -4px gray
}

.blackoffer .wrap {
    overflow: hidden;
    max-height: 80px;
    transition: .2s linear
}

.blackoffer.opened .wrap {
    max-height: 300px
}

.blackoffer .offer {
    box-shadow: 0 21px 0 -20px #8d8d8d
}

.blackoffer .offer:last-child {
    box-shadow: none
}

.blackoffer .offer a {
    display: block;
    position: relative;
    height: 80px;
    padding: 0 9% 0 28%;
    font: normal 14px/80px 'open sans', sans-serif;
    color: #fff
}

.blackoffer .offer a span {
    display: inline-block;
    line-height: 1.1;
    vertical-align: middle
}

.blackoffer .offer a:hover {
    background: #2e2e2e
}

.blackoffer .offer a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 76%;
    width: 55px;
    height: 55px;
    margin: auto;
    background: url(/style/square-casinos.png) no-repeat 0 0;
    border-radius: 50%
}

.blackoffer .offer a.grandivy:before {
    background-color: #000;
    background-position: 0 0
}

.blackoffer .offer a.playojo:before {
    background-color: #865ed0;
    background-position: 0 -55px
}

.blackoffer .offer a.betway:before {
    background-color: #00509a;
    background-position: 0 -110px
}

.blackoffer .offer a.griffon:before {
    background-color: #000;
    background-position: 0 -165px
}

.blackoffer .offer a.karamba:before {
    background-color: #000;
    background-position: 0 -220px
}

.blackoffer .offer a.ladbrokes:before {
    background-color: #000;
    background-position: 0 -275px
}

.blackoffer .offer a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 92%;
    width: 22px;
    height: 22px;
    margin: auto;
    border-radius: 50%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBJREFUeNpi/P//fxYDA8NXIF7IgAyAEpP+Q0AmEDPAMIhgBuKl6JIwFRiSLFAT/wJxHJQ9DYj/MCFZB5JcA2XbMiBZ6AfEv4B4HxBzYRWEWe6LLgiTWAvEu5EFQRggwADlkpUViRJRfQAAAABJRU5ErkJggg==) no-repeat center
}

.blackoffer .offer a strong {
    display: block;
    font-size: 16px
}

.blackoffer .offer a em {
    font-style: normal;
    color: #fc8d30
}

.blackoffer .trigger {
    position: absolute;
    bottom: -13px;
    right: 5%;
    width: 70px;
    padding: 7px 0;
    text-align: center;
    font: bold 11px/1 verdana, sans-serif;
    color: #fff;
    background: #717f93;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

.blackoffer .trigger:before {
    content: "More";
    display: block
}

.blackoffer.opened .trigger:before {
    content: "Less"
}

@media(min-width:768px) {
    .blackoffer {
        margin-top: -25px;
        overflow: auto
    }
    .blackoffer .wrap {
        width: 960px
    }
    .blackoffer .wrap:after {
        content: "";
        display: block;
        clear: both
    }
    .blackoffer .offer {
        float: left;
        box-shadow: 11px 0 0 -10px #8d8d8d
    }
    .blackoffer .offer a {
        padding: 0 55px 0 90px;
        max-width: 210px
    }
    .blackoffer .offer a:after {
        background-color: #6b6b6b
    }
    .blackoffer .offer a:before {
        left: 20px;
        right: auto
    }
    .blackoffer .offer a:after {
        right: 15px;
        left: auto
    }
    .blackoffer .trigger {
        display: none
    }
}

@media(min-width:1024px) {
    .blackoffer {
        margin: 0 0 20px
    }
    .blackoffer .wrap {
        width: auto
    }
    .blackoffer .offer {
        width: 33.33%;
        text-align: center;
        overflow: hidden
    }
    .blackoffer .offer a {
        display: inline-block;
        text-align: left
    }
    .blackoffer .offer a:hover {
        box-shadow: 0 0 0 100px #2e2e2e
    }
}

.posts-slider {
    position: relative;
    margin-top: 20px;
    padding: 0 21px 54px
}

.posts-slider .post-single.slick-slide {
    display: flex;
    height: auto;
    padding-bottom: 4px
}

.posts-slider .slick-arrow {
    position: absolute;
    bottom: 14px;
    border: 0;
    height: 21px;
    width: 21px;
    background-color: transparent;
    outline: 0;
    font-size: 0;
    opacity: .5;
    transition: .3s;
    background-image: url(/style/next.svg);
    background-size: contain
}

.posts-slider .slick-arrow:hover {
    opacity: 1
}

.posts-slider .slick-track {
    display: flex
}

.posts-slider .slick-prev {
    left: 20px;
    transform: rotateY(190deg)
}

.posts-slider .slick-next {
    right: 20px
}

.post-list {
    margin-bottom: 15px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.post-single {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 238px;
    margin: 0 5px;
    background: #fff;
    text-align: left;
    padding: 0 21px
}

.post-list .post-single {
    background: #f4f4f4;
    margin: 0 0 20px;
    width: auto;
    flex: 1 0 100%;
    max-width: 100%;
    box-sizing: border-box
}

.post-list .post-single:focus {
    outline: 0
}

.post-list .post-single:nth-child(n+4) {
    display: none
}

.post-list.opened .post-single:nth-child(n+3) {
    display: block
}

.post-list .more {
    display: table;
    margin: 0 auto;
    padding: 13px 21%;
    font: bold 12px/1.2 verdana, sans-serif;
    color: #fff;
    background: #3991e3
}

.post-list .more:hover {
    background: #2a84d7
}

.post-single .post-image {
    width: calc(100% + 42px);
    height: 120px;
    overflow: hidden;
    margin: 0 -21px 15px
}

.post-single .post-image img {
    width: 100%;
    height: auto
}

.post-single .post-details {
    width: 100%;
    padding: 15px 0;
    border-top: 1px solid #ccc;
    align-self: flex-end
}

.post-single p {
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 1.33;
    color: #696969
}

.post-single .post-title a {
    display: block;
    font: 400 20px/1.2 'Roboto Condensed', sans-serif;
    color: #6c6c6c;
    transition: .3s
}

.post-single .post-title a:focus {
    outline: 0
}

.post-single .post-title a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    transition: .3s
}

.post-single .post-title a:after {
    content: '';
    position: absolute;
    bottom: 17px;
    right: 20px;
    padding-right: 25px;
    background-image: url(/style/arrow.svg);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: right -2px;
    font: 700 11px Verdana, sans-serif;
    color: #3991e3;
    transition: .3s
}

.post-single .post-title a:hover {
    color: #3991e3
}

.post-single .post-title a:hover:before {
    background: rgba(0, 0, 0, .2)
}

.post-single .post-title a:hover:after {
    padding-right: 20px
}

@media(min-width:768px) {
    .post-list .more {
        font-size: 15px
    }
    .post-list .post-single {
        flex-basis: 48%;
        max-width: 48%
    }
}

@media(min-width:1024px) {
    .posts-slider {
        padding: 0 48px 46px
    }
    .posts-slider .slick-prev {
        left: 14px;
        transform: rotateY(190deg) translateY(-50%)
    }
    .posts-slider .slick-next {
        right: 14px;
        transform: translateY(-50%)
    }
    .posts-slider .slick-arrow {
        bottom: auto;
        top: calc(50% - 15px)
    }
    .post-list .post-single {
        flex-basis: 23.73%;
        max-width: 23.73%
    }
    .post-list .post-single:nth-child(n+3) {
        display: flex
    }
    .post-list .more {
        display: none
    }
    .post-single {
        margin: 0 12px
    }
    .post-single .post-title a {
        font-size: 24px;
        line-height: 1.17;
        padding-right: 10px
    }
    .post-single p {
        font-size: 15px;
        line-height: 1.27
    }
    .post-single .post-details {
        font-size: 13px
    }
    .post-single .post-image {
        margin: 0 -21px 6px
    }
}

.post-top {
    position: relative;
    padding: 12px;
    margin-bottom: 15px;
    font: normal 12px/1.2 verdana, sans-serif;
    color: #696969;
    background: #f4f4f4
}

.post-top .image {
    margin: -12px -12px 12px
}

.post-top .image img {
    display: block;
    width: 100%;
    height: auto
}

.post-top .author {
    position: relative;
    height: 50px;
    line-height: 50px;
    padding-left: 70px;
    margin-bottom: 10px
}

.post-top .author:before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/files/tony-christopher-web-author.png ) no-repeat center;
    border-radius: 50%;
    background-size: cover
}

.post-top .author div {
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle
}

.post-top .author a {
    font-weight: 700;
    color: #3991e3;
    text-decoration: none
}

.post-top .author a:hover {
    text-decoration: underline
}

.post-top .title {
    text-align: left;
    font: normal 20px/1.2 'roboto condensed', sans-serif
}

.post-top .title a {
    display: block;
    color: #6c6c6c
}

.post-top .title a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    padding-bottom: 43%
}

.post-top .date {
    line-height: 18px
}

.post-top .date a {
    float: right;
    width: 18px;
    height: 18px;
    margin-left: 5px;
    background: url(/style/postmeta.png) no-repeat 0 -17px;
    text-indent: -9999px
}

.post-top .date a.tw {
    height: 15px;
    margin-top: 2px;
    background-position: -19px -17px
}

.post-top .date a.tw:hover {
    background-position: 0 -17px
}

.post-top .date a.li {
    background-position: -19px -33px
}

.post-top .date a.li:hover {
    background-position: 0 -33px
}

@media(min-width:768px) {
    .post-top .author {
        font-size: 14px
    }
    .post-top .title {
        font-size: 22px
    }
    .post-top p {
        font-size: 15px;
        line-height: 1.3
    }
    .post-top .date {
        font-size: 13px
    }
}

@media(min-width:1024px) {
    .post-top {
        padding: 20px 25px 20px 60%
    }
    .post-top .image {
        position: absolute;
        margin: 0;
        top: 0;
        bottom: 0;
        left: 0;
        width: 57%;
        overflow: hidden
    }
    .post-top .title a:after {
        bottom: 0;
        width: 57%;
        height: auto;
        padding-bottom: 0
    }
    .post-top .image img {
        width: auto;
        height: 100%
    }
    .post-top .author {
        font-size: 16px;
        margin-bottom: 25px
    }
    .post-top .title {
        font-size: 24px
    }
}

@media(min-width:1100px) {
    .post-top {
        padding-left: 68%
    }
    .post-top .image,
    .post-top .title a:after {
        width: 66%
    }
    .post-top .image img {
        width: 100%;
        height: auto
    }
}

.post-pages {
    font: bold 12px/1 verdana, sans-serif;
    color: #696969;
    text-align: center
}

.post-pages ol {
    padding: 0;
    margin: 0;
    list-style: none
}

.post-pages li {
    display: inline-block
}

.post-pages li .title {
    display: none
}

.post-pages li a,
.post-pages li span {
    display: block;
    padding: 12px
}

.post-pages li a {
    color: #696969;
    text-decoration: none
}

.post-pages li a:hover {
    text-decoration: underline
}

.post-pages li .current {
    background: #f4f4f4;
    color: #3991e3;
    text-decoration: underline
}

.post-meta {
    padding: 12px;
    margin-bottom: 12px;
    font: normal 12px/1.5 verdana, sans-serif;
    text-align: center;
    color: #696969;
    border-top: 10px solid #ededed;
    border-bottom: 1px solid #ededed
}

.post-meta .author a {
    display: inline-block;
    font-weight: 700;
    color: #3991e3;
    text-decoration: none
}

.post-meta .author a:hover {
    text-decoration: underline
}

.post-meta .links {
    text-align: right;
    padding: 10px 0;
    color: #cdcdcd;
    text-transform: uppercase
}

.post-meta .links div {
    float: left;
    line-height: 22px
}

.post-meta .links div a,
.post-meta .links div span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 18px;
    height: 18px;
    margin-right: 15px;
    background: url(/style/postmeta.png) no-repeat 0 0;
    text-indent: -9999px
}

.post-meta .links div .share {
    width: 15px;
    height: 16px
}

.post-meta .links div .tw {
    height: 15px;
    background-position: 0 -17px
}

.post-meta .links div .tw:hover {
    background-position: -19px -17px
}

.post-meta .links div .li {
    background-position: 0 -33px
}

.post-meta .links div .li:hover {
    background-position: -19px -33px
}

.post-meta .links>span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 7px;
    background: url(/style/postmeta.png) no-repeat 0 -52px;
    text-align: center;
    vertical-align: middle;
    text-indent: -9999px;
    cursor: pointer
}

.post-meta .links>span.yes {
    background-position: 0 -52px
}

.post-meta .links>span.yes:hover {
    background-position: -25px -52px
}

.post-meta .links>span.no {
    background-position: 0 -77px
}

.post-meta .links>span.no:hover {
    background-position: -25px -77px
}

@media(min-width:600px) {
    .post-meta:after {
        content: "";
        display: block;
        clear: both
    }
    .post-meta .author {
        float: left;
        max-width: 50%;
        text-align: left
    }
    .post-meta .links {
        float: right;
        width: 270px;
        line-height: 25px;
        padding: 5px 0
    }
    .post-meta .links div a,
    .post-meta .links div span {
        margin-right: 9px
    }
    .post-meta .links>span {
        margin-left: 5px
    }
}

@media(min-width:768px) {
    .post-meta {
        padding: 12px 5px;
        font-size: 14px
    }
    .post-meta .author {
        max-width: none;
        padding: 8px 0
    }
}

@media(min-width:1024px) {
    .post-meta {
        padding: 12px 20px;
        margin-bottom: 25px;
        font-size: 15px
    }
    .post-meta .author {
        padding: 7px 0
    }
}

.post-last {
    padding-bottom: 1px;
    font: normal 16px/1.2 'roboto condensed', sans-serif;
    box-shadow: 0 0 0 1px #ccc inset
}

.post-last .title {
    padding: 7px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background: #34465f
}

.post-last ul {
    margin: 11px;
    padding: 0;
    list-style: none
}

.post-last ul li {
    position: relative;
    margin-top: 10px
}

.post-last ul li:hover {
    background: #f0f0f0
}

.post-last ul li:first-child {
    margin-top: 0
}

.post-last ul li img {
    display: block;
    width: 100%;
    height: auto
}

.post-last ul li a {
    display: block;
    padding: 12px 15px;
    color: #6c6c6c;
    text-decoration: none
}

.post-last ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 0 1px #23a0c9 inset
}

.post-last ul li a:hover:after {
    box-shadow: 0 0 0 4px #23a0c9 inset
}

@media(min-width:600px) {
    .post-last ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between
    }
    .post-last ul li {
        flex: 0 1 50%;
        max-width: 49.2%
    }
    .post-last ul li:nth-child(2) {
        margin-top: 0
    }
}

@media(min-width:768px) {
    .post-last {
        font-size: 18px
    }
    .post-last .title {
        font-size: 22px
    }
    .post-last ul li {
        margin-top: 0;
        flex-basis: 32.5%
    }
    .post-last ul li:last-child {
        display: none
    }
}

@media(min-width:1024px) {
    .post-last {
        font-size: 20px
    }
    .post-last .title {
        font-size: 24px
    }
    .post-last ul {
        margin: 15px
    }
    .post-last ul li {
        flex-basis: 24.35%
    }
    .post-last ul li:last-child {
        display: block
    }
    .post-last ul li a {
        padding: 15px 20px
    }
}

.cntctfrm_contact_form .cptch_img {
    max-width: 26px;
    display: inline-block;
    vertical-align: middle
}

.cntctfrm_contact_form {
    position: relative
}

.cntctfrm_contact_form input,
.cntctfrm_contact_form textarea {
    width: calc(100% - 38px);
    padding: 10px 18px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    border-radius: 0
}

.cntctfrm_contact_form textarea {
    height: 158px
}

.cntctfrm_contact_form .cntctfrm_field_wrap {
    position: relative;
    margin: 8px 0
}

.cntctfrm_contact_form .cntctfrm_field_wrap:first-child {
    margin-top: 0
}

.cntctfrm_contact_form .cntctfrm_label {
    font-size: 12px;
    font-style: italic;
    color: #9d9d9d;
    padding-left: 12px
}

.cntctfrm_contact_form .cptch_input {
    border-width: 2px;
    padding: 2px
}

.cntctfrm_contact_form .cptch_span {
    font-size: 12px;
    color: #9d9d9d
}

.contact-form .contact-image {
    text-align: center
}

.contact-form .contact-image img {
    max-width: 100%;
    margin: 0 auto
}

.cntctfrm_contact_form .cntctfrm_contact_submit {
    max-width: none;
    width: 90px;
    padding: 11px;
    color: #fff;
    border-radius: 5px;
    font: 700 14px 'Roboto Slab', sans-serif;
    border: 0;
    background: #fc9133;
    background: -moz-linear-gradient(top, #fc9133 0, #fd8c30 22%, #fd7d24 54%, #fe7821 71%, #ff751d 76%, #fd751f 78%, #ff721a 95%, #e66c00 98%, #e66c00 100%);
    background: -webkit-linear-gradient(top, #fc9133 0, #fd8c30 22%, #fd7d24 54%, #fe7821 71%, #ff751d 76%, #fd751f 78%, #ff721a 95%, #e66c00 98%, #e66c00 100%);
    background: linear-gradient(to bottom, #fc9133 0, #fd8c30 22%, #fd7d24 54%, #fe7821 71%, #ff751d 76%, #fd751f 78%, #ff721a 95%, #e66c00 98%, #e66c00 100%)
}

.cntctfrm_contact_form .cntctfrm_contact_submit:hover {
    background: #f99742
}

.cntctfrm_contact_form .cntctfrm_submit_wrap {
    position: absolute;
    right: 5px;
    bottom: 0
}

.cntctfrm_contact_form .cntctfrm_input_captcha {
    max-width: calc(100% - 105px);
    padding-left: 5px
}

.cntctfrm_contact_form .cntctfrm_field_captcha_wrap {
    margin-top: 23px;
    padding-bottom: 5px
}

.cntctfrm_contact_form .cptch_reload_button_wrap {
    display: inline-block;
    vertical-align: middle
}

@media(min-width:768px) {
    .contact-form {
        display: flex;
        flex-wrap: wrap
    }
    .contact-form .contact-image {
        width: 250px;
        padding-top: 9%
    }
    .contact-form .cntctfrm_contact_form {
        width: calc(100% - 250px)
    }
    .cntctfrm_contact_form .cntctfrm_contact_submit {
        width: 135px
    }
    .cntctfrm_contact_form .cntctfrm_submit_wrap {
        right: 0
    }
    .cntctfrm_contact_form .cntctfrm_field_captcha_wrap {
        padding-bottom: 9px;
        margin-bottom: 0;
        margin-top: 16px
    }
    .cntctfrm_contact_form .cntctfrm_input_captcha {
        max-width: none;
        padding-left: 0;
        padding-right: 150px;
        text-align: right
    }
}

@media(min-width:1024px) {
    .contact-form {
        padding: 25px 0
    }
    .contact-form .contact-image {
        width: 366px;
        padding-top: 3%
    }
    .contact-form .cntctfrm_contact_form {
        width: calc(100% - 366px)
    }
    .cntctfrm_contact_form .cntctfrm_field_captcha_wrap {
        margin-top: 20px
    }
}

.image-holder img {
    width: auto;
    height: auto;
    max-width: 100%
}

.tick-yes {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background: url(/style/bg/tick-yes.png) 50% no-repeat;
    width: 22px;
    height: 20px
}

.x-no {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: transparent;
    text-decoration: none;
    background: url(/style/bg/x-no.png);
    width: 19px;
    height: 19px
}

@media only screen and (max-width:768px) {
    .tick-yes {
        background: url(/style/bg/tick-yes-mobile.png) 50% no-repeat
    }
    .x-no {
        background: url(/style/bg/x-no-mobile.png) 50% no-repeat
    }
}

@media only screen and (max-width:490px) {
    img.alignright,
    img.right {
        display: none
    }
}

span.illegal {
    color: #f44336
}

.table-tabs .advertiser-disclosure {
    float: none;
    text-align: right
}

.table-tabs .trigger-nav {
    display: block;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    background: #34465f;
    position: relative;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    color: #fff;
    padding: 12px 10px 10px
}

.table-tabs .trigger-nav:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    background-image: url(/style/icons/menu.svg);
    width: 14px;
    height: 11px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.table-tabs .trigger-nav:after {
    content: '+';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    font-size: 22px
}

.table-tabs .trigger-nav.active:after {
    content: '\005F';
    top: calc(50% - 6px)
}

.table-tabs .trigger-nav.active+.table-tabs-btns {
    max-height: 200px;
    padding: 4px
}

.table-tabs .table-tabs-nav {
    margin-bottom: 5px
}

.table-tabs .table-tab {
    max-height: 0;
    transition: .3s;
    overflow: hidden
}

.table-tabs .table-tab.active {
    max-height: 3310px
}

.table-tabs .table-tabs-btns {
    max-height: 0;
    overflow: hidden;
    transition: .3s;
    background: #263345;
    font-family: Roboto, sans-serif;
    text-align: center
}

.table-tabs .table-tabs-btn {
    display: inline-block;
    border: 1px solid #63788a;
    border-radius: 15px;
    margin: 5px;
    padding: 5px 13px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    transition: .3s
}

.table-tabs .table-tabs-btn:before {
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    width: 19px;
    height: 19px;
    transition: .3s
}

.table-tabs .table-tabs-btn.cup:before {
    background-image: url(/style/icons/award.png)
}

.table-tabs .table-tabs-btn.active.cup:before {
    background-image: url(/style/icons/award-hover.png)
}

.table-tabs .table-tabs-btn.star:before {
    background-image: url(/style/icons/star.png)
}

.table-tabs .table-tabs-btn.active.star:before {
    background-image: url(/style/icons/star-hover.png)
}

.table-tabs .table-tabs-btn.dots:before {
    background-image: url(/style/icons/more.png)
}

.table-tabs .table-tabs-btn.active.dots:before {
    background-image: url(/style/icons/more-hover.png)
}

.table-tabs .table-tabs-btn.active {
    background: #fff;
    border-color: #fff;
    color: #414141
}

.table-tabs .security-badges {
    display: none
}

@media(min-width:768px) {
    .table-tabs .trigger-nav {
        display: none
    }
    .table-tabs .table-tabs-btns {
        max-height: none;
        overflow: visible
    }
    .table-tabs .table-tabs-btns {
        padding: 7px
    }
}

@media(min-width:1060px) {
    .table-tabs .security-badges {
        display: block;
        color: #fff;
        margin-bottom: 0;
        margin-right: 5px
    }
    .table-tabs .table-tabs-nav {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #263345;
        margin-bottom: 3px
    }
    .table-tabs .table-tabs-btns {
        padding: 7px 0
    }
    .table-tabs .table-tabs-btn {
        font-size: 15px;
        padding: 8px 8px 6px;
        border-radius: 18px
    }
    .table-tabs .table-tabs-btn:before {
        content: ''
    }
}

@media(min-width:1200px) {
    .table-tabs .table-tabs-nav {
        padding: 0 15px 0 55px
    }
    .table-tabs .table-tabs-btn {
        margin: 6px
    }
}

.footer-blue {
    max-width: 100%;
    background: #061222;
    font: 13px Verdana, sans-serif;
    letter-spacing: .025em;
    color: #7a8798;
    padding-bottom: 17px
}

.footer-blue .footer-top {
    background: #2c3849;
    text-transform: uppercase
}

.footer-blue .footer-top .footer-text {
    display: none
}

.footer-blue .footer-text {
    font-style: italic
}

.footer-blue .footer-list {
    list-style: none;
    padding-left: 0;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 0
}

.footer-blue .footer-list li {
    display: inline-block;
    margin: 17px 5px 0;
    color: #a8b0ba
}

.footer-blue .footer-list a {
    color: #a8b0ba;
    text-decoration: none;
    cursor: pointer
}

.footer-blue .footer-list a strong {
    color: #fe871f
}

.footer-blue .footer-list strong {
    display: block;
    font: 700 40px/.9 bebasneue, sans-serif
}

.footer-blue .footer-list strong:before {
    content: '';
    display: inline-block;
    vertical-align: baseline;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.footer-blue .footer-list .diamond strong:before {
    background-image: url(/style/icons/diamond-g.svg)
}

.footer-blue .footer-list .cherry strong:before {
    background-image: url(/style/icons/cherry-g.svg)
}

.footer-blue .footer-list .card strong:before {
    background-image: url(/style/icons/card-g.svg)
}

.footer-blue .footer-list .roulette strong:before {
    background-image: url(/style/icons/roulette-g.svg)
}

.footer-blue .footer-list .smile strong:before {
    background-image: url(/style/icons/smile-g.svg)
}

.footer-blue .footer-list .settings strong:before {
    background-image: url(/style/icons/settings-g.svg)
}

.footer-blue .footer-list .wallet strong:before {
    background-image: url(/style/icons/wallet-g.svg)
}

.footer-blue .footer-list a.diamond strong:before {
    background-image: url(/style/icons/diamond.svg)
}

.footer-blue .footer-list a.cherry strong:before {
    background-image: url(/style/icons/cherry.svg)
}

.footer-blue .footer-list a.card strong:before {
    background-image: url(/style/icons/card.svg)
}

.footer-blue .footer-list a.roulette strong:before {
    background-image: url(/style/icons/roulette.svg)
}

.footer-blue .footer-list a.smile strong:before {
    background-image: url(/style/icons/smile.svg)
}

.footer-blue .footer-list a.settings strong:before {
    background-image: url(/style/icons/settings.svg)
}

.footer-blue .footer-list a.wallet strong:before {
    background-image: url(/style/icons/wallet.svg)
}

.footer-blue .footer-bottom {
    padding: 0 20px
}

.footer-blue .footer-col {
    padding: 18px 0 12px
}

.footer-blue .footer-col.short .list-links-primary {
    columns: unset
}

.footer-blue .footer-col+.footer-col {
    border-top: 1px solid #28384c
}

.footer-blue .footer-col-l {
    background-image: url(/style/icons/usa-map.png);
    background-size: 254px 170px;
    background-position: right 10px;
    background-repeat: no-repeat
}

.footer-blue .footer-col-l .footer-title:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-image: url(/style/icons/usa-line.png);
    background-size: auto 14px;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 175px;
    height: 16px;
    margin-left: 15px
}

.footer-blue .country-compliance{margin-top: 30px; margin-bottom: 30px; padding: 20px 10px; font: 400 19px/28px Verdana, sans-serif; color: #fff; background-color: #1a3362;}
.footer-blue .country-compliance a{position: relative; display: block; padding-top: 100px; font: inherit; color: #fff; text-decoration: none; text-align: center;}
.footer-blue .country-compliance a:before{position: absolute; content: ''; top: 0; right: 0; left: 0; width: 100%; height: 80px; background: url(/style/icons/eeep-logo-en.png) no-repeat center;}
.footer-blue .country-compliance a:hover:before{opacity: 0.7;}

.footer-blue .footer-title {
    color: #fff;
    font-weight: 700;
    margin-bottom: 16px
}

.footer-blue .footer-title p {
    display: inline-block;
    margin-bottom: 0
}

.footer-blue .ico-twitter-secondary:before {
    content: '';
    margin-top: -10px;
    margin-left: 15px
}

.footer-blue .list-links-primary {
    columns: 2
}

.footer-blue .list-links-primary a {
    color: #7a8798
}

.footer-blue .list-links-primary a:hover {
    color: #20a3cd;
    text-decoration: none
}

.footer-blue .list-links-primary li+li {
    margin-top: 10px
}

.footer-blue .footer-logo {
    text-decoration: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

.footer-blue .footer-logo:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.footer-blue .footer-logo.gc:before {
    background-image: url(/style/icons/ukgc.png);
    width: 96px;
    height: 28px
}

.footer-blue .footer-logo.bga:before {
    background-image: url(/style/icons/bga.png);
    width: 76px;
    height: 26px
}

.footer-blue .footer-logo.spillemyndigheden:before {
    background-image: url(/style/icons/dga-footer.png);
    width: 26px;
    height: 26px
}

.footer-blue .footer-logo.eightteen:before {
    background-image: url(/style/icons/18+.png);
    width: 25px;
    height: 25px
}

.footer-blue .footer-logo.gamstop:before {
    background-image: url(/style/icons/gamstop.png);
    width: 36px;
    height: 26px
}

.footer-blue .lang-select {
    display: block;
    max-width: 130px
}

.footer-blue .lang-select>ul {
    bottom: calc(100% - 4px);
    border-color: #fff;
    width: calc(100% - 24px);
    background: #fff;
    transition: .3s;
    padding: 0 11px;
    z-index: 5
}

.footer-blue .lang-select .lang-toggle {
    border-color: #fff;
    background: #061222;
    padding: 10px 30px 10px 15px;
    font-size: 11px;
    min-width: 82px;
    border-radius: 19px;
    text-align: left;
    transition: .3s
}

.footer-blue .lang-select .lang-toggle:before {
    display: none
}

.footer-blue .lang-select .lang-toggle:after {
    content: '';
    width: auto;
    height: auto;
    background-image: none;
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    border-width: 0 0 1px 1px;
    border-color: #fff;
    right: 15px;
    transition: .3s
}

.footer-blue .lang-select .lang-toggle.open {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.footer-blue .lang-select .lang-toggle.open:after {
    transform: rotate(-225deg);
    top: 15px
}

.footer-blue .lang-select>ul>li {
    text-align: left
}

.footer-blue .lang-select li a {
    background: 0 0;
    padding: 8px 10px 8px 0;
    color: #061222
}

.footer-blue .lang-select li {
    background: #fff
}

.footer-blue .lang-select li+li {
    border-top: 1px solid #ebebeb
}

.footer-blue .lang-select>ul>li.has-sub>a:after,
.footer-blue .lang-select>ul>li.has-sub>span:after {
    left: auto;
    right: 7px;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #676767
}

.footer-blue .lang-select>ul>li.has-sub>a,
.footer-blue .lang-select>ul>li.has-sub>span {
    padding-left: 0;
    color: #061222
}

.lang-select>ul>li.has-sub ul.bigger {
    max-height: 340px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    max-height: 290px;
    width: 258px
}

.lang-select>ul>li.has-sub ul.bigger .go-next-btn,
.lang-select>ul>li.has-sub ul.bigger .go-prev-btn {
    content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    height: 25px;
    display: block;
    width: auto;
    z-index: 10;
    background: #fff url(new-images/arrows.png) no-repeat center center;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    border: 0;
    padding: 0;
    margin: 0
}

.lang-select>ul>li.has-sub ul.bigger .go-prev-btn {
    top: 0;
    border-bottom: solid 1px #ebebeb
}

.lang-select>ul>li.has-sub ul.bigger .go-next-btn {
    bottom: 0;
    border-bottom: solid 1px #ebebeb;
    height: 26px;
    transform: rotate(-180deg)
}

.lang-select>ul>li.has-sub ul.bigger li {
    flex-basis: 47%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.lang-select>ul>li.has-sub ul.bigger li a,
.lang-select>ul>li.has-sub ul.bigger li span {
    white-space: normal
}

.lang-select>ul>li.has-sub ul.bigger li a:before,
.lang-select>ul>li.has-sub ul.bigger li span:before {
    top: 50%;
    transform: translateY(-50%)
}

.lang-select>ul>li.has-sub ul.bigger .inner {
    position: static;
    transform: translate(0);
    visibility: visible;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.lang-select>ul>li.has-sub ul.bigger .inner:before {
    display: none
}

.footer-blue .lang-select li:hover:before {
    content: '';
    position: absolute;
    background: #ebebeb;
    left: -11px;
    right: -11px;
    top: -1px;
    bottom: -1px
}

.footer-blue .lang-select li ul {
    border: 0;
    left: calc(100% + 14px);
    margin-right: 0;
    right: auto;
    width: 124px;
    padding: 0 10px;
    background: #fff;
    transform-origin: bottom left
}

.footer-blue .lang-select li ul a {
    padding: 9px 0 8px 35px
}

.footer-blue .lang-select li li a,
.footer-blue .lang-select li li span {
    color: #061222
}

.footer-blue .lang-select li li a:before,
.footer-blue .lang-select li li span:before {
    left: 0;
    top: 7px
}

.footer-legal-l {
    font-size: 12px;
    line-height: 1.36;
    letter-spacing: .02em;
    border-top: 1px solid #28384c;
    text-align: center;
    padding-top: 14px;
    color: #dbdbdb
}

.footer-legal-l a {
    font-weight: bolder;
    color: #fff;
    padding: 0 5px;
    font-size: 13px;
    color: #fff
}

.footer-legal-l a:hover {
    text-decoration: underline;
    color: #fff
}

.footer-legal-s {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 0
}

.footer-legal-s:before {
    display: block;
    content: 'This independent comparison website helps consumers choose the best available gambling product matching their needs. We offer high-quality advertising service by featuring only established brands of licensed operators in our reviews. Please note that although we endeavor to provide you with up-to-date information, we do not compare all operators on the market.';
    font-size: 11px;
    line-height: 1.36;
    margin-bottom: 14px
}

.footer-legal-s:after {
    display: block;
    content: 'We shall not be responsible for the enforcement of any additional restrictions related to the provision of the gambling services which we advertise such as age limitations as well as territory and residence limitations, wherefore we advise you to review the applicable restrictions for said operators.';
    margin: 14px 0
}

.footer-copyright {
    font-size: 10px;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 0;
    color: #525a66
}

.ft-operators {
    margin: 10px auto
}

.ft-operators a {
    display: block;
    width: 100%;
    max-width: 250px;
    height: 50px;
    margin: 0 auto;
    transition: all .2s ease;
    font-size: 0
}

.ft-operators a.anpc-sal {
    background: url(/style/anpc-sal-white.png) no-repeat center;
    background-size: contain
}

.ft-operators a.anpc-sol {
    background: url(/style/anpc-sol-white.png) no-repeat center;
    background-size: contain
}

.ft-operators a+a {
    margin-top: 10px
}

.ft-operators a:hover {
    opacity: .7
}

@media(min-width:768px) {
    .footer-blue {
        padding-bottom: 25px
    }
    .footer-blue .footer-top .footer-text {
        display: inline-block;
        text-transform: none;
        max-width: 140px
    }
    .footer-blue .footer-list {
        max-width: calc(100% - 110px);
        display: inline-block;
        vertical-align: top;
        margin-top: 0;
        padding: 0;
        text-align: left;
        margin-right: -40px
    }
    .footer-blue .footer-list li {
        min-width: 120px;
        margin: 20px 0 0;
        text-align: center
    }
    .footer-blue .footer-text {
        font-size: 14px;
        line-height: 1.14;
        color: #a8b0ba;
        padding-top: 11px;
        max-width: 100px
    }
    .footer-blue .footer-top {
        padding: 0 50px 15px
    }
    .footer-blue .footer-cols {
        display: flex;
        flex-wrap: wrap
    }
    .footer-blue .footer-col {
        padding: 20px 0 15px
    }
    .footer-blue .footer-col-l {
        width: 50%;
        margin-right: 6%;
        background-position: calc(100% - 33px) 30px;
        position: relative
    }
    .footer-blue .footer-col-l:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background-image: url(/style/icons/divider@2x.png);
        width: 1px;
        height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }
    .footer-blue .country-compliance{padding: 15px 20px}
	.footer-blue .country-compliance a{display: flex; flex-flow: column wrap; justify-content: center; min-height: 80px; padding: 0 0 0 200px;}
	.footer-blue .country-compliance a:before{top: calc(50% - 40px); right: auto; width: 172px; background-size: contain;}
    .footer-blue .footer-col-l+.footer-col-m {
        border-top: 0
    }
    .footer-blue .footer-col-m {
        width: 44%
    }
    .footer-blue .footer-col-s {
        width: 100%
    }
    .footer-blue .footer-col-s .footer-title {
        margin-bottom: 0
    }
    .footer-blue .footer-col-s .footer-text {
        padding-top: 0
    }
    .footer-blue .lang-select {
        margin-top: 0;
        max-width: 148px
    }
    .footer-blue .footer-logo+.footer-logo {
        margin-left: 5px
    }
    .footer-legal-l {
        margin-top: 0
    }
    .footer-legal-l:before,
    .footer-legal-s:before {
        margin: 20px 0
    }
    .footer-blue .lang-select .lang-toggle {
        min-width: 100px
    }
    .footer-blue .ico-twitter-secondary:before {
        margin-left: 0
    }
    .footer-blue .footer-title p {
        display: block
    }
    .ft-operators {
        text-align: center
    }
    .ft-operators a {
        display: inline-block;
        margin: 0;
        vertical-align: middle
    }
    .ft-operators a+a {
        margin: 0 0 0 20px
    }
}

@media(min-width:768px) and (max-width:1024px) {
    .footer-blue .lang-select li ul {
        left: auto;
        right: calc(100% + 14px);
        transform-origin: bottom right
    }
    .footer-blue .footer-col-s {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

@media(min-width:1025px) {
    .footer-blue .shell {
        max-width: 1262px
    }
    .footer-blue .footer-list {
        display: flex;
        justify-content: space-between;
        margin-left: 40px;
        margin-right: 0;
        max-width: none;
        width: calc(100% - 180px)
    }
    .footer-blue .footer-list li {
        min-width: 0
    }
    .footer-blue .footer-title p {
        display: inline-block;
        margin-left: 10px;
        margin-top: 0
    }
    .footer-blue .footer-text {
        max-width: 100%
    }
    .footer-blue .footer-top {
        padding: 0 20px 15px
    }
    .footer-blue .footer-top .shell {
        display: flex;
        flex-wrap: wrap
    }
    .footer-blue .country-compliance{padding: 15px 90px}
    .footer-blue .country-compliance a{padding-left: 225px;}
    .footer-blue .footer-col-l {
        width: 40%;
        margin-right: 4%
    }
    .footer-blue .footer-col-m {
        position: relative;
        width: 26.5%;
        margin-right: 4%
    }
    .footer-blue .footer-col-m:after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background-image: url(/style/icons/divider@2x.png);
        width: 1px;
        height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center
    }
    .footer-blue .footer-col-s {
        width: 25.5%
    }
    .footer-blue .footer-col+.footer-col {
        border-top: 0
    }
    .footer-blue .footer-col.short {
        margin-left: 7%;
        width: 28%
    }
    .footer-blue .lang-select {
        margin-top: 26px
    }
    .footer-blue .lang-select li ul {
        left: calc(100% + 12px)
    }
    .footer-blue .list-links-primary {
        font-size: 14px
    }
    .footer-legal-s {
        margin-top: 20px
    }
    .footer-legal-l,
    .footer-legal-s:before {
        font-size: 12px;
        line-height: 1.33
    }
    .footer-legal-l {
        padding-top: 20px;
        margin-bottom: 20px
    }
    .footer-legal-l:before {
        margin: 30px 0
    }
    .footer-copyright,
    .footer-legal-s {
        font-size: 11px;
        line-height: 1.36
    }
    .ft-operators a+a {
        margin-left: 50px
    }
}

.game-demo .game-demo-img {
    position: relative;
    pointer-events: none;
    background-color: #000
}

.game-demo .game-demo-img iframe {
    display: none
}

body:not(.from-gb) .game-demo .game-demo-img {
    pointer-events: auto;
    background-color: transparent
}

body:not(.from-gb) .game-demo .game-demo-img {
    display: inline-block;
    background: #000
}

.from-gb .game-demo img {
    visibility: hidden
}

.from-gb .game-demo .game-trigger {
    display: none
}

._l.cb.logo-caesars-slots:after,
._l.cb.logo-caesars-slots:before,
._l.cb.logo-caesars-slots>span {
    background-image: url(/style/casino/caesars-slots.png);
    max-width: 200px
}

._l.cb.logo-house-of-fun:after,
._l.cb.logo-house-of-fun:before,
._l.cb.logo-house-of-fun>span {
    background-image: url(/style/casino/house-of-fun.png);
    max-width: 200px
}

._l.cb.logo-slotomania:after,
._l.cb.logo-slotomania:before,
._l.cb.logo-slotomania>span {
    background-image: url(/style/casino/slotomania.png);
    max-width: 200px
}

._l.cb.logo-slotomania:after,
._l.cb.logo-slotomania:before,
._l.cb.logo-slotomania>span {
    background-image: url(/style/casino/slotomania.png);
    max-width: 200px
}

._l.cb.logo-unibet:after,
._l.cb.logo-unibet:before,
._l.cb.logo-unibet>span {
    background-image: url(/style/casino/unibet.png);
    max-width: 200px
}

._l.cb.logo-betrivers:after,
._l.cb.logo-betrivers:before,
._l.cb.logo-betrivers>span {
    background-image: url(/style/casino/betrivers.png);
    max-width: 200px
}

._l.cb.logo-betmgm:after,
._l.cb.logo-betmgm:before,
._l.cb.logo-betmgm>span {
    background-image: url(/style/casino/betmgm.png);
    max-width: 200px
}

._l.cb.logo-borgata:after,
._l.cb.logo-borgata:before,
._l.cb.logo-borgata>span {
    background-image: url(/style/casino/borgata.png);
    max-width: 200px
}

._l.cb.logo-casino888:after,
._l.cb.logo-casino888:before,
._l.cb.logo-casino888>span {
    background-image: url(/style/casino/888casino.png);
    max-width: 200px
}

.gcert {
    background-image: url(/style/geo/security.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    text-indent: -100%;
    color: transparent;
    overflow: hidden
}

.gcert.njdge {
    background-position: -2px -153px;
    width: 90px;
    height: 46px
}

.gcert.pgcb {
    background-position: -2px -230px;
    width: 38px;
    height: 44px
}

.gcert.ncpg {
    background-position: -2px -200px;
    width: 100px;
    height: 32px
}

.gcert.icrg {
    background-position: -2px -122px;
    width: 80px;
    height: 32px
}

@media only screen and (min-width:768px) {
    .geopopup-certs .gcert {
        margin-left: 16px
    }
}

@media only screen and (min-width:600px) {
    .geopopup p {
        font-size: 16px;
        line-height: 1.375;
        font-weight: 300;
        margin: 20px 0
    }
}

span.seo-title {
    margin-left: 10px
}

span.seo-title:before {
    content: '|';
    margin-right: 11px
}

.footer-legal-l .jugarbien,
.footer-legal-l .rofus,
.footer-legal-l .stodlinjen,
.footer-legal-l .stop-spillet {
    position: relative;
    display: inline-block;
    top: -1px;
    margin: 0 5px;
    vertical-align: middle;
    font-size: 0
}

.footer-legal-l .stop-spillet {
    width: 40px;
    height: 21px;
    background: url(/style/icons/stop-spillet.png) no-repeat 0 0/100% 100%
}

.footer-legal-l .rofus {
    width: 42px;
    height: 11px;
    background: url(/style/icons/rofus.png) no-repeat 0 0/100% 100%
}

.footer-legal-l .stodlinjen {
    width: 136px;
    height: 27px;
    background: url(/style/icons/stödlinjen.png) no-repeat 0 0/100% 100%
}

.footer-legal-l .jugarbien {
    width: 86px;
    height: 25px;
    background: url(/style/icons/jugarbien.png) no-repeat 0 0/100% 100%
}

ul.countries {
    display: block;
    padding: 0;
    margin: 0 auto 15px;
    list-style: none;
    text-align: center
}

ul.countries li {
    display: inline-block;
    padding: 10px 3%
}

ul.countries li:before {
    content: none
}

.countries li a {
    display: block;
    padding: 90px 5px 15px;
    position: relative;
    font: normal 15px/1 'open sans', sans-serif;
    color: #3f3f3f;
    text-decoration: none;
    min-width: 100px
}

.countries li a:hover {
    text-decoration: underline
}

.countries li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 70%;
    margin-right: -63px;
    width: 80px;
    height: 50px;
    background: url(/style/logo/flags-grid.png) no-repeat 0 0
}

.countries li a.fl-gb:after,
.countries li a.fl-uk:after {
    background-position: 0 0
}

.countries li a.fl-de:after {
    background-position: 0 -50px
}

.countries li a.fl-es:after {
    background-position: 0 -100px
}

.countries li a.fl-ie:after {
    background-position: 0 -150px
}

.countries li a.fl-cy:after {
    background-position: 0 -200px
}

.countries li a.fl-mt:after {
    background-position: 0 -250px
}

.countries li a.fl-ke:after {
    background-position: 0 -300px
}

.countries li a.fl-za:after {
    background-position: 0 -350px
}

.countries li a.fl-ph:after {
    background-position: 0 -400px
}

.countries li a.fl-sg:after {
    background-position: 0 -450px
}

.countries li a.fl-kw:after {
    background-position: 0 -500px
}

.countries li a.fl-gh:after {
    background-position: 0 -550px
}

.countries li a.fl-lk:after {
    background-position: 0 -600px
}

.countries li a.fl-zm:after {
    background-position: 0 -650px
}

.countries li a.fl-us:after {
    background-position: -80px 0
}

.countries li a.fl-ca:after {
    background-position: -80px -50px
}

.countries li a.fl-in:after {
    background-position: -80px -100px
}

.countries li a.fl-pk:after {
    background-position: -80px -150px
}

.countries li a.fl-my:after {
    background-position: -80px -200px
}

.countries li a.fl-ae:after {
    background-position: -80px -250px
}

.countries li a.fl-au:after {
    background-position: -80px -300px
}

.countries li a.fl-nz:after {
    background-position: -80px -350px
}

.countries li a.fl-hk:after {
    background-position: -80px -400px
}

.countries li a.fl-qa:after {
    background-position: -80px -450px
}

.countries li a.fl-bh:after {
    background-position: -80px -500px
}

.countries li a.fl-bh:after {
    background-position: -80px -500px
}

.countries li a.fl-ng:after {
    background-position: -80px -550px
}

.countries li a.fl-ug:after {
    background-position: -80px -600px
}

.countries li a.fl-dk:after {
    background-position: -80px -650px
}

.countries li a.fl-pt:after {
    background-position: 0 -700px
}

.countries li a.fl-se:after {
    background-position: -80px -700px
}

.countries li a.fl-gr:after {
    background-position: 0 -750px
}

.countries li a.fl-cz:after {
    background-position: -80px -750px
}

.countries li a.fl-rs:after {
    background-position: 0 -800px
}

.countries li a.fl-ee:after {
    background-position: -80px -800px
}

.countries li a.fl-hu:after {
    background-position: 0 -850px
}

.countries li a.fl-hr:after {
    background-position: -80px -850px
}

.countries li a.fl-lv:after {
    background-position: 0 -900px
}

.countries li a.fl-ao:after {
    background-position: -80px -900px
}

.countries li a.fl-ag:after {
    background-position: 0 -950px
}

.countries li a.fl-am:after {
    background-position: -80px -950px
}

.countries li a.fl-by:after {
    background-position: 0 -1000px
}

.countries li a.fl-bz:after {
    background-position: -80px -1000px
}

.countries li a.fl-cv:after {
    background-position: 0 -1050px
}

.countries li a.fl-co:after {
    background-position: -80px -1050px
}

.countries li a.fl-ck:after {
    background-position: 0 -1100px
}

.countries li a.fl-do:after {
    background-position: -80px -1100px
}

.countries li a.fl-ge:after {
    background-position: 0 -1150px
}

.countries li a.fl-gi:after {
    background-position: -80px -1150px
}

.countries li a.fl-gg:after {
    background-position: 0 -1200px
}

.countries li a.fl-im:after {
    background-position: -80px -1200px
}

.countries li a.fl-jm:after {
    background-position: 0 -1250px
}

.countries li a.fl-je:after {
    background-position: -80px -1250px
}

.countries li a.fl-li:after {
    background-position: 0 -1300px
}

.countries li a.fl-mu:after {
    background-position: -80px -1300px
}

.countries li a.fl-mx:after {
    background-position: 0 -1350px
}

.countries li a.fl-me:after {
    background-position: -80px -1350px
}

.countries li a.fl-mz:after {
    background-position: 0 -1400px
}

.countries li a.fl-ni:after {
    background-position: -80px -1400px
}

.countries li a.fl-pa:after {
    background-position: 0 -1450px
}

.countries li a.fl-pg:after {
    background-position: -80px -1450px
}

.countries li a.fl-ro:after {
    background-position: 0 -1500px
}

.countries li a.fl-rw:after {
    background-position: -80px -1500px
}

.countries li a.fl-sc:after {
    background-position: 0 -1550px
}

.countries li a.fl-sb:after {
    background-position: -80px -1550px
}

.countries li a.fl-tz:after {
    background-position: 0 -1600px
}

.countries li a.fl-vi:after {
    background-position: -80px -1600px
}

.countries li a.fl-vu:after {
    background-position: 0 -1650px
}

.countries li a.fl-ch:after {
    background-position: -80px -1650px
}

.countries li a.fl-gl:after {
    background-position: 0 -1700px
}

.countries li a.fl-fi:after {
    background-position: -80px -1700px
}

.countries li a.fl-no:after {
    background-position: 0 -1750px
}

.countries li a.fl-us-nj:after {
    background-position: -80px -1750px
}

.countries li a.fl-us-pa:after {
    background-position: 0 -1800px
}

.countries li a.fl-br:after {
    background-position: -80px -1800px
}

.countries li a.fl-lb:after {
    background-position: 0 -1850px
}

.countries li a.fl-eg:after {
    background-position: -80px -1850px
}

.countries li a.fl-it:after {
    background-position: 0 -1900px
}

.countries li a.fl-jp:after {
    background-position: -80px -1900px
}

.countries li a.fl-netherlands:after {
    background-position: -160px 0
}

@media only screen and (min-width:1024px) {
    .countries {
        max-width: 80%
    }
}

.breadcrumbs {
    font-family: Roboto, sans-serif;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px 10px
}

.breadcrumbs ul {
    overflow: hidden;
    margin: 0;
    display: flex;
    padding: 0
}

.breadcrumbs li {
    list-style-type: none;
    position: relative;
    line-height: 20px
}

.breadcrumbs li+li {
    margin-left: 14px
}

.breadcrumbs li+li:before {
    content: '>';
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 3px;
    color: #86969e
}

.breadcrumbs a {
    text-decoration: none
}

.breadcrumbs .current span {
    font-weight: 700
}

.breadcrumbs .home span {
    padding-left: 20px;
    background: url(/style/icons/ico-home.png) no-repeat 0 center
}

.breadcrumbs span {
    font-size: 13px;
    color: #728289;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    display: inline-block;
    text-decoration: inherit
}

.breadcrumbs a:hover span {
    text-decoration: underline
}

.bottom-holder {
    display: flex;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px 10px;
    flex-direction: column;
}

.bottom-holder .breadcrumbs {
    margin: 0 0 10px 0;
    padding: 0
}

@media(min-width:768px) {
    .bottom-holder {
        flex-direction: row
    }
    .bottom-holder .breadcrumbs {
        margin: 0
    }
}

.last-update {
    position: relative;
    padding-left: 20px;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #728289;
    text-decoration: none
}

.last-update a,
.last-update span {
    font-weight: 700;
    text-decoration: none;
    color: #728289
}

.last-update a:hover {
    text-decoration: underline
}

.last-update:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 12px;
    height: 11px;
    background: url(/style/icons/author.png) no-repeat 0 center
}

textarea {
    width: 100%
}


.video-responsive {
  text-align: center;
}


@media screen and (max-width: 560px) {
  .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
  }
  
.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
  }
}