:root {
    --icon-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 14 7'%3E%3Cpath d='M6.142 6.563.378 1.923a.978.978 0 0 1-.377-.672.97.97 0 0 1 .24-.73.975.975 0 0 1 .652-.356.959.959 0 0 1 .708.211l5.149 4.15L11.901.223a.96.96 0 0 1 .615-.222.962.962 0 0 1 .615 1.702L7.362 6.502a.95.95 0 0 1-.614.221.961.961 0 0 1-.6-.163l-.006.003Z' style='fill: %232E174F;fill-rule:nonzero' transform='translate(.003)'/%3E%3C/svg%3E");
    --icon-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 14 7'%3E%3Cpath d='M6.142 6.563.378 1.923a.978.978 0 0 1-.377-.672.97.97 0 0 1 .24-.73.975.975 0 0 1 .652-.356.959.959 0 0 1 .708.211l5.149 4.15L11.901.223a.96.96 0 0 1 .615-.222.962.962 0 0 1 .615 1.702L7.362 6.502a.95.95 0 0 1-.614.221.961.961 0 0 1-.6-.163l-.006.003Z' style='fill:%232E174F;fill-rule:nonzero' transform='rotate(180 6.74 3.362)'/%3E%3C/svg%3E");
    --transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    font-family: sans-serif;
    line-height: 1.15;
}

html, body, div, p, span, header, hgroup, footer, nav, menu, article, section,
aside, h1, h2, h3, h4, h5, h6, a, img, strong, b, em, i, u, ol, ul, li, dl, dt,
dd, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, label,
legend, object, iframe, embed, audio, video, summary, details, canvas, figure,
figcaption, blockquote, q, big, small, sub, sup, pre, abbr, acronym, address,
cite, code, del, dfn, ins, kbd, s, samp, strike, tt, var, output, applet, mark,
time {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
article, aside, label, details, figcaption, figure, footer, header, main, menu,
nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;}
body {
    --sb-track-color: #e2f5e2;
    --sb-thumb-color: #49b84a;
    --sb-size: 5px;
  }
html {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
*, *:before, *:after, input[type="checkbox"], input[type="radio"] {
    -webkit-box-sizing: inherit;
            box-sizing: inherit;
    outline: none;
}
img, pre, embed, video, iframe, object, input, select, textarea {max-width: 100%;}
img, iframe {vertical-align: middle;}
img, iframe {height: auto;}
img {border-style: none;}
pre, textarea {overflow: auto;}
pre, code {font-family: monospace, monospace; font-size: 1em;}
[hidden], template {display: none;}
abbr[title] {
    border-bottom: none;
            text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
}
b, strong, mark {font-weight: 600;}
mark {background: transparent; color: inherit;}
em, i {font-style: italic;}
small {font-size: 80%;}
big {font-size: 125%;}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
hr {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
    overflow: visible;
}
legend {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
input {line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"],
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"], input[type="number"],
input[type="tel"], input[type="range"], input[type="date"], input[type="month"],
input[type="week"], input[type="time"], input[type="datetime"],
input[type="datetime-local"], input[type="color"], textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    outline: none;
}
input[type="text"], input[type="email"], input[type="url"],
input[type="password"], input[type="search"] {
    background: #48432f;
    border: 1px solid #000;
    border-radius: 4px;
    color: #ffcd02;
}
.form-light input[type="text"], .form-light input[type="email"],
.form-light input[type="url"], .form-light input[type="password"],
.form-light input[type="search"] {
    background: #5bba43;
    border: 1px solid #333;
    border-radius: 4px;
    color: #000;
}
button:focus { border: none; outline: none;}
[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.left, .right {
    display: inline;
    margin-bottom: 10px;
}

.left {
    float: left;
    margin-right: 10px;
}

.right {
    float: right;
    margin-left: 10px;
}

.center {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-float:after {
    content: "";
    display: block;
    clear: both;
}

html, body {overflow-x: hidden;}

body {
    min-width: 360px;
    margin: 0 auto;
    background: #fff;
    color: #333;
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
}

.width-chief {
    margin: 0 auto;
    position: relative;
}

.width-chief-l {
    margin: 0 auto;
    position: relative;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
}

a, a:hover {color: inherit;}
a, .hov-reverse a:hover {text-decoration: underline;}
a {background-color: transparent; word-break: break-word;}
.hov-reverse a, a:hover {text-decoration: none;}
a:hover {cursor: pointer;}
a:hover, a:active {outline: 0;}

h1, h2, h3, h4, h5, h6, .title--heading {
    color: #49b84a;
    font-weight: normal;
    font-family: 'Shrikhand', cursive;
    line-height: 1.2;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    text-align: center;
}

.about h1 {margin-bottom: 0;}

.title--heading {margin-bottom: 10px;}

.color-inh, .title--heading.color-inh, .button-y.color-inh {
    color: inherit;
}

h1, .font-size--h1 {font-size: 30px;}
.body-review h1 {text-align: left;}
h2, .font-size--h2 {font-size: 25px;}
h3, h4, h5, h6, .font-size--h3 {font-size: 19px;}
.font-size--small-m {font-size: 15px;}
.font-size--small {font-size: 10px;}
li, a {text-align: left;}
p, li {line-height: 1.5;}
p:not(:last-child), li:not(:last-child) {margin-bottom: 20px;}
ul {list-style: none;}
ul.two-columns {column-count: 2;}
ul:not([class]), ul.classname {
    margin: 20px 0;
    padding-left: 30px;
}
ol {list-style: decimal; list-style-position: inside;}
.block {display: block;}
.mg-t-30 {margin-top: 30px;}
.bg-color--green {background-color: #49b84a;}
.color--l-green {color: #49b84a;}
.bg-color--l-green {background-color: #e2f5e2;}
.bg-color--d-green {background-color: #0f4020;color: white;}
.bg-color--d-green h2 {color: white;}
.bg-color--l-grey {background-color: #f7f7f7;}
.font-style-italic {font-style: italic !important;}
.font-weight-light {font-weight: 300 !important;}
.font-weight-normal {font-weight: 400 !important;}
.font-weight-semi-bold {font-weight: 600 !important;}
.font-weight-bold {font-weight: 700 !important;}
.font-shrikhand {font-family: 'Shrikhand', cursive; font-weight: normal;}
.text-align-left {text-align: left !important;}
.text-align-right {text-align: right !important;}
.text-align-center {text-align: center !important;}
.text-uppercase {text-transform: uppercase;}

.terms {
    font-size: 10px;
    font-weight: 400;
}
.d-none{display: none;}
.trapezoid-box-wrap {overflow: hidden;}
.trapezoid-box-wrap > *:not(.trapezoid-box) {z-index: 100;}
.trapezoid-box {
    width: 145px;
    background: #ededed;
    text-align: center;
    position: relative;
    z-index: 10;
}

.trapezoid-box:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
}

.trapezoid-box--left:after {
    right: -259px;
    top: -166px;
    border-bottom: 500px solid #ededed;
    border-right: 500px solid transparent;
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}

.trapezoid-box--bottom:after {
    right: -259px;
    top: -138px;
    border-top: 500px solid #ededed;
    border-right: 500px solid transparent;
    -webkit-transform: rotate(40deg);
        -ms-transform: rotate(40deg);
            transform: rotate(40deg);
}

.trapezoid-box--left.trapezoid-box--d:after {
    border-bottom-color: #333;
}

.trapezoid-box--bottom.trapezoid-box--d:after {
    border-top-color: #333;
}

.trapezoid-box .brand-logo {
    position: relative;
    z-index: 10;
    width: 75px;
    height: 90px;
}

.logo-box {
    display: inline-block;
    vertical-align: middle;
    width: 108px;
    height: 108px;
    line-height: 108px;
    background: #fff;
    border: 1px solid #54bc55;
    border-radius: 50%;
    text-align: center;
}

.logo-box--medium {
    width: 128px;
    height: 128px;
    line-height: 128px;
}

.logo-box--big {
    width: 148px;
    height: 148px;
    line-height: 148px;
}

.logo-box--top {
    width: 200px;
    height: 200px;
    line-height: 200px;
}

.logo-box--top .brand-logo {
    width: 150px;
    height: 90px;
    margin-left: 4px;
}

.logo-box--d-grey {
    background-color: #333;
    border-color: #333;
}

.logo-box--white {
    background-color: #fff!important;
    border-color: #fff;
}

.logo-box--white-bgreen {
    background-color: #fff;
    border-color: #49b84a;
}

.brand-logo {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}

.brand-logo--777-casino {background: url('/assets/images/brands/777.svg') center center no-repeat;}
.bg-777-casino {background: #fff;}

.logo-box--medium .brand-logo--777-casino {
    width: 87px;
    height: 72px;
    margin-left: 4px;
}

.logo-box--small .brand-logo--777-casino, .brand-logo--small.brand-logo--777-casino {
    width: 70px;
    height: 60px;
}

.brand-logo--888casino {background: url('/assets/images/brands/888casino.svg') center center no-repeat;}
.bg-888casino {background:#222;}

.logo-box--small .brand-logo--888casino,
.brand-logo--small.brand-logo--888casino,
.logo-box--small .brand-logo--karamba,
.brand-logo--small.brand-logo--karamba,
.logo-box--small .brand-logo--royal-panda,
.brand-logo--small.brand-logo--royal-panda {
    width: 70px;
    height: 55px;
}

.brand-logo--casino-com {background: url('/assets/images/brands/casino-com.svg') center center no-repeat;}
.bg-casino-com {background: #fff;}

.logo-box--small .brand-logo--casino-com,
.brand-logo--small.brand-logo--casino-com {
    width: 60px;
    height: 60px;
}
.brand-logo--small {
    width: 70px;
    height: 55px;
}
.w-90 {
    width: 90%;
}

.brand-logo--casumo {background: url('/assets/images/brands/casumo.svg') center center no-repeat;}.bg-casumo {background: #3c0098;}
.brand-logo--bet365 {background: url('/assets/images/brands/bet365.svg') center center no-repeat;}.bg-bet365 {background: #027b5b;}
.brand-logo--karamba {background: url('/assets/images/brands/karamba.svg') center center no-repeat;}.bg-karamba {background: #fff;}
.brand-logo--leovegas {background: url('/assets/images/brands/leovegas.svg') center center no-repeat;}.bg-leovegas {background: #fff;}
.brand-logo--mr-green {background: url('/assets/images/brands/mr-green.svg') center center no-repeat;}.bg-mr-green {background: #fff;}
.brand-logo--luckster {background: url('/assets/images/brands/luckster.webp') center center no-repeat;background-size: contain;}.bg-luckster {background: #008148;}
.brand-logo--unibet {background: url('/assets/images/brands/unibet.svg') center center no-repeat;}.bg-unibet {background: #fff;}
.brand-logo--10bet {background: url('/assets/images/brands/10bet.svg') center center no-repeat;}.bg-10bet {background: #fff;}
.brand-logo--betfred {background: url('/assets/images/brands/betfred.svg') center center no-repeat;}.bg-betfred {background: linear-gradient(97deg, rgba(222,26,58,1) 0%, rgba(7,72,144,1) 100%);}
.brand-logo--william-hill {background: url('/assets/images/brands/william-hill.svg') center center no-repeat;}.bg-william-hill {background: #01143c;}
.brand-logo--tonybet {background: url('/assets/images/brands/tonybet.svg') center center no-repeat;}.bg-tonybet {background: #2c0237;}

.logo-box--small .brand-logo--mr-green, .brand-logo--small.brand-logo--mr-green {
    width: 80px;
    height: 35px;
}

.logo-box--big .brand-logo--mr-green, .brand-logo--big.brand-logo--mr-green {
    width: 104px;
    height: 42px;
    margin-left: 4px;
}

.brand-logo--mr-green.brand-logo--light {
    background: url('/assets/images/brands/mr-green-light.svg') center center no-repeat;
}

.brand-logo--royal-panda {background: url('/assets/images/brands/royal-panda.svg') center center no-repeat;}
.bg-mr-green {background: #fff;}

.brand-logo--royal-panda.brand-logo--light {
    background: url('/assets/images/brands/royal-panda-w.svg') center center no-repeat;
}

.logo-box--small .brand-logo--royal-panda,
.brand-logo--small.brand-logo--royal-panda {
    width: 72px;
    height: 51px;
    margin-left: 4px;
}

.logo-box--medium .brand-logo--royal-panda,
.brand-logo--medium.brand-logo--royal-panda {
    margin-left: 4px;
}

.logo-box--big {
    width: 120px;
    height: 120px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-indent: -9999px;
    text-align: left;
    overflow: hidden;
    background-size: 80%;
}

.ico {
    display: inline-block;
    vertical-align: middle;
    text-indent: -9999px;
}

.ico--va-base {
    vertical-align: baseline;
}

.ico--15 {
    width: 15px;
    height: 15px;
}

.ico--20 {
    width: 20px;
    height: 20px;
}

.ico--30 {
    width: 30px;
    height: 30px;
}

.ico--yes {
    background: url('/assets/images/sprite-svg.svg#yes') 0 0 no-repeat;
}

.ico--no {
    background: url('/assets/images/sprite-svg.svg#no') 0 0 no-repeat;
}

.ico--more {
    background: url('/assets/images/sprite-svg.svg#more') 0 0 no-repeat;
}

.ico--devices {
    width: 40px;
    height: 32px;
    background: url('/assets/images/sprite-svg.svg#devices') 0 0 no-repeat;
}

.ico--android {
    background: url('/assets/images/sprite-svg.svg#android') 0 0 no-repeat;
}

.ico--android-grey {
    background: url('/assets/images/sprite-svg.svg#android-grey') 0 0 no-repeat;
}

.ico--ios {
    background: url('/assets/images/sprite-svg.svg#ios') 0 0 no-repeat;
}

.ico--ios-grey {
    background: url('/assets/images/sprite-svg.svg#ios-grey') 0 0 no-repeat;
}

.ico--windows-phone {
    background: url('/assets/images/sprite-svg.svg#windows-phone') 0 0 no-repeat;
}

.ico--windows-phone-grey {
    background: url('/assets/images/sprite-svg.svg#windows-phone-grey') 0 0 no-repeat;
}

.ico--whatsapp {
    width: 25px;
    height: 25px;
    background: url('/assets/images/sprite-svg.svg#whatsapp') 0 0 no-repeat;
}

.ico--twitter {
    width: 25px;
    height: 21px;
    background: url('/assets/images/sprite-svg.svg#twitter') 0 0 no-repeat;
}

.ico--instagram {
    width: 25px;
    height: 25px;
    background: url('/assets/images/sprite-svg.svg#instagram') 0 0 no-repeat;
}

.ico--facebook {
    width: 15px;
    height: 25px;
    background: url('/assets/images/sprite-svg.svg#facebook') 0 0 no-repeat;
}

.ico--linkedin {
    width: 23px;
    height: 25px;
    background: url('/assets/images/sprite-svg.svg#linkedin') 0 0 no-repeat;
}

.ico--gambleaware {width: 117px;height: 17px;background: url(/assets/images/gambleaware.svg) 0 0 no-repeat;background-size: contain;}
.ico--18plus {width: 22px;height: 22px;background: url(/assets/images/18+.svg) 0 0 no-repeat;background-size: contain;}
.ico--gamcare {width: 81px;height: 23px;background: url(/assets/images/gamcare.svg) 0 0 no-repeat;background-size: contain;}
.ico--gamstop {width: 100px;height: 18px;background: url(/assets/images/gamstop.svg) 0 0 no-repeat;background-size: contain;}
.ico--gordon-moody {width: 81px;height: 25px;background: url(/assets/images/gordon-moody.svg) 0 0 no-repeat;background-size: contain;}

.ico--dmca {
    width: 135px;
    height: 24px;
    background: url('/assets/images/sprite-svg.svg#dmca') 0 0 no-repeat;
}

.ico--safe {
    background: url('/assets/images/sprite-svg.svg#safe') 0 0 no-repeat;
}

.ico--support {
    background: url('/assets/images/sprite-svg.svg#support') 0 0 no-repeat;
}

.ico--safety {
    width: 128px;
    height: 65px;
    background: url('/assets/images/sprite-svg.svg#safety') 0 0 no-repeat;
}

.ico--trust {
    background: url('/assets/images/sprite-svg.svg#heart') 0 0 no-repeat;
}

.ico--card {
    width: 24px;
    height: 17px;
    background: url('/assets/images/sprite-svg.svg#card') 0 0 no-repeat;
}

.ico-flag-ie {
    background: url('/assets/images/sprite-svg.svg#flag-ie') 0 0 no-repeat;
}

.ico-star {
    width: 13px;
    height: 13px;
    background: url('/assets/images/sprite-svg.svg#star-yellow') 0 0 no-repeat;
}

.rating-stars {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    transform-origin: top left;
}

.rating-stars, .rating-stars > span {
    display: block;
    background: url('/assets/images/stars.svg') no-repeat;
    height: 26px;
}

.rating-stars > span {
    width: 0;
    background-position: 0 -30px;
    text-indent: -9999px;
}

.ico-star--grey {
    background: url('/assets/images/sprite-svg.svg#star-grey') 0 0 no-repeat;
}

.ico--contact {
    width: 129px;
    height: 87px;
    background: url('/assets/images/sprite-svg.svg#contact') 0 0 no-repeat;
}

.ico--playg {
    width: 130px;
    height: 65px;
    background: url('/assets/images/sprite-svg.svg#playg') 0 0 no-repeat;
}

.ico--rate {
    width: 128px;
    height: 83px;
    background: url('/assets/images/sprite-svg.svg#rate') 0 0 no-repeat;
}

.ico--diamond {
    width: 30px;
    height: 24px;
    background: url('/assets/images/sprite-svg.svg#diamond') 0 0 no-repeat;
}

.ico--live, .ico--female  {
    background: url('/assets/images/sprite-svg.svg#live') 0 0 no-repeat;
}

.ico--male {
    background: url('/assets/images/sprite-svg.svg#male') 0 0 no-repeat;
}

.ico--mobile {
    background: url('/assets/images/sprite-svg.svg#mobile') 0 0 no-repeat;
}

.ico-top-clover {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #49b84a;
    border-radius: 4px;
    text-align: center;
}

.ico--top-clover {
    width: 12px;
    height: 20px;
    background: url('/assets/images/sprite-svg.svg#top-clover') 0 0 no-repeat;
}

.ico--faq-up, .ico--faq-down {
    width: 45px;
    height: 45px;
}

.ico--faq-up {
    background: url('/assets/images/sprite-svg.svg#faq-up') 0 0 no-repeat;
}

.ico--faq-down, .faq-box__q.active .ico--faq-up {
    background: url('/assets/images/sprite-svg.svg#faq-down') 0 0 no-repeat;
}

.ico--mastercard {
    width: 45px;
    height: 18px;
    background: url('/assets/images/sprite-payments-svg.svg#mastercard') 0 0 no-repeat;
}

.ico--visa {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#visa') 0 0 no-repeat;
}

.ico--skrill {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#skrill') 0 0 no-repeat;
}

.ico--paypal {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#paypal') 0 0 no-repeat;
}

.ico--neteller {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#neteller') 0 0 no-repeat;
}

.ico--maestro {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#maestro') 0 0 no-repeat;
}

.ico--trustly {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#trustly') 0 0 no-repeat;
}

.ico--muchbetter {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#muchbetter') 0 0 no-repeat;
}

.ico--bank-transfer {
    width: 45px;
    height: 12px;
    background: url('/assets/images/sprite-payments-svg.svg#bank-transfer') 0 0 no-repeat;
}

.ico--roulette {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#roulette') 0 0 no-repeat;
}

.ico--roulette-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#roulette-green') 0 0 no-repeat;
}

.ico--roulette-yellow {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#roulette-yellow') 0 0 no-repeat;
}

.ico--tv-show {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#tvshow') 0 0 no-repeat;
}

.ico--tv-show-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#tvshow-green') 0 0 no-repeat;
}

.ico--tv-show-yellow {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#tvshow-yellow') 0 0 no-repeat;
}

.ico--baccarat {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#baccarat') 0 0 no-repeat;
}

.ico--baccarat-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#baccarat-green') 0 0 no-repeat;
}

.ico--baccarat-yellow {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#baccarat-yellow') 0 0 no-repeat;
}

.ico--poker {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#poker') 0 0 no-repeat;
}

.ico--poker-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#poker-green') 0 0 no-repeat;
}
.ico.alignleft {
    float: inline-start;
    margin: 0 10px 0 0;
}

.ico--poker-yellow {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#poker-yellow') 0 0 no-repeat;
}

.ico--scratched-cards {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#scratched-cards') 0 0 no-repeat;
}

.ico--scratched-cards-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#scratched-cards-green') 0 0 no-repeat;
}

.ico--scratched-cards-yellow {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#scratched-cards-yellow') 0 0 no-repeat;
}

.ico--blackjack {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#blackjack') 0 0 no-repeat;
}

.ico--blackjack-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#blackjack-green') 0 0 no-repeat;
}

.ico--blackjack-yellow {
    background: url('/assets/images/sprite-svg.svg#blackjack-yellow') 0 0 no-repeat;
}

.ico--slots {
    width: 95px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#slots') 0 0 no-repeat;
}

.ico--slots-green {
    width: 95px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#slots-green') 0 0 no-repeat;
}

.ico--slots-yellow {
    width: 95px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#slots-yellow') 0 0 no-repeat;
}

.ico--video-poker {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#video-poker') 0 0 no-repeat;
}

.ico--video-poker-green {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#video-poker-green') 0 0 no-repeat;
}

.ico--video-poker-yellow {
    width: 65px;
    height: 66px;
    background: url('/assets/images/sprite-svg.svg#video-poker-yellow') 0 0 no-repeat;
}
.fancy-num {
    display: inline-block;
    width: 80px;
    height: 80px;
}
.fancy-num--1 {
    background: url('/assets/images/sprite-svg.svg#fancy-num-1') 0 0 no-repeat;
}

.fancy-num--2 {
    background: url('/assets/images/sprite-svg.svg#fancy-num-2') 0 0 no-repeat;
}

.fancy-num--3 {
    background: url('/assets/images/sprite-svg.svg#fancy-num-3') 0 0 no-repeat;
}

.fancy-num--4 {
    background: url('/assets/images/sprite-svg.svg#fancy-num-4') 0 0 no-repeat;
}
.number-green.number-w-30 {width: 30px; height: 30px;}
.number-custom {min-width: 50px;}
.number-green{
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: invert(76%) sepia(12%) saturate(5468%) hue-rotate(66deg) brightness(91%) contrast(62%);
    background-color: #1345d11a;
    border-radius: 45% 30%;
}
.num-1{
    background-image: url('/assets/images/num-1.svg');
}
.num-2{
    background-image: url('/assets/images/num-2.svg');
}
.num-3{
    background-image: url('/assets/images/num-3.svg');
}
.num-4{
    background-image: url('/assets/images/num-4.svg');
}
.num-5{
    background-image: url('/assets/images/num-5.svg');
}
.num-6{
    background-image: url('/assets/images/num-6.svg');
}
.num-7{
    background-image: url('/assets/images/num-7.svg');
}
.currency-box {
    display: inline-block;
}

.currency-box + .currency-box {
    margin-left: 10px;
}

.currency-box:before {
    content: '';
    display: inline-block;
    vertical-align: sub;
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.currency-box--dollar:before {
    background: url('/assets/images/sprite-svg.svg#dollar') 0 0 no-repeat;
}

.currency-box--grey.currency-box--dollar:before {
    background: url('/assets/images/sprite-svg.svg#dollar-grey') 0 0 no-repeat;
}

.currency-box--pound:before {
    background: url('/assets/images/sprite-svg.svg#pound') 0 0 no-repeat;
}

.currency-box--grey.currency-box--pound:before {
    background: url('/assets/images/sprite-svg.svg#pound-grey') 0 0 no-repeat;
}

.currency-box--euro:before {
    background: url('/assets/images/sprite-svg.svg#euro') 0 0 no-repeat;
}

.currency-box--grey.currency-box--euro:before {
    background: url('/assets/images/sprite-svg.svg#euro-grey') 0 0 no-repeat;
}

.button-y, .button-y:hover {
    text-decoration: none;
}

.button-y {
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-width: 100%;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #fecc06;
    border-radius: 6px;
    color: #000;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Shrikhand', cursive;
    text-align: center;
    cursor: pointer;
}

.button-y:hover, .button-y.button-y--f {
    background: #fecc06;
}

.button-y:hover {
    -webkit-transition: background linear .3s;
         -o-transition: background linear .3s;
            transition: background linear .3s;
}

.button-y.button-y--f:hover,
.button-y.button-y--f.notv{
    background: #0f4020;
    border-color: #0f4020;
    color: #fff;
}

.button-y.button-y--f.notv {cursor: default;}

.button-y--a {
    padding-right: 60px;
}

.button-y--a > span {
    position: relative;
}

.button-y--a > span:after {
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    width: 24px;
    height: 10px;
    background: url('/assets/images/sprite-svg.svg#arrow-more') 0 0 no-repeat;
    -webkit-transition: -webkit-transform ease-out .3s;
            transition: -webkit-transform ease-out .3s;
         -o-transition: transform ease-out .3s;
            transition: transform ease-out .3s;
            transition: transform ease-out .3s, -webkit-transform ease-out .3s;
}

.button-y--a:hover {
    background: #fff;
}

.button-y--a:hover > span:after {
    -webkit-transform: translate(4px,-50%);
        -ms-transform: translate(4px,-50%);
            transform: translate(4px,-50%);
}

.read-r, .read-r:hover {
    color: #007401;
}

.read-r {
    /* font-style: italic; */
    font-weight: 400;
    font-size: 15px;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
     -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick-slider-box:not(.slick-initialized) {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.slick-slider-box.slick-initialized {
    opacity: 1;
    height: auto;
    -webkit-transition: opacity ease-in-out 1s;
         -o-transition: opacity ease-in-out 1s;
            transition: opacity ease-in-out 1s;
}

.slick-slider-box:not(.slick-initialized)>* {
    visibility: hidden;
}

.slick-slider {
    margin: 30px auto;
}

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    display: inline-block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url('/assets/images/sprite-svg.svg#arrow-circle-green-left') 0 0 no-repeat;
    border-radius: 50%;
    cursor: pointer;
    z-index: 100;
}

.slick-prev {
    left: -65px;
}

.slick-next {
    right: -65px;
    -webkit-transform: translate(0,-50%) rotate(180deg);
        -ms-transform: translate(0,-50%) rotate(180deg);
            transform: translate(0,-50%) rotate(180deg);
}

.slick-dots {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    text-align: center;
}

.slick-dots > li {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 5px;
    margin-bottom: 0;
    background: #333;
    -webkit-transition: background ease-out .3s;
         -o-transition: background ease-out .3s;
            transition: background ease-out .3s;
    text-indent: -9999px;
    cursor: pointer;
}

.slick-dots > li.slick-active {
    background: #49b84a;
}

.slick-dots > li:not(:first-child) {
    margin-left: 25px;
}

.site-grid {
    width: 100%;
    margin: 30px auto;
}

.site-grid__block {
    padding: 0 4px;
    position: relative;
}

.site-grid--float > .site-grid__block {
    float: left;
}

.site-grid--iblock > .site-grid__block {
    display: inline-block;
    vertical-align: top;
}

.site-grid--iblock--middle > .site-grid__block {
    vertical-align: middle;
}

.site-grid--2 > .site-grid__block {
    width: 49%;
}

.site-grid--2 > .site-grid__block:last-child {
    margin-left: 2%;
}

.site-grid--3 > .site-grid__block:not(.rev--mob) {
    width: 32%;
}

.site-grid--3 > .site-grid__block:nth-child(2) {
    margin-left: 2%;
    margin-right: 2%;
}

.site-grid--4 > .site-grid__block {
    width: 23.5%;
}

.site-grid--4.site-grid--iblock > .site-grid__block {
    width: calc(23.5% - 4px);
}

.site-grid--4 > .site-grid__block:not(:first-child) {
    margin-left: 2%;
}

.input-style {
    padding-left: 30px;
    text-align: left;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.input-style input, .input-style .checkmark {
    width: 20px;
    height: 20px;
}

.input-style input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

.input-style .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    border: 1px solid #49b84a;
    border-radius: 3px;
}

.form-light .input-style .checkmark {
    border-color: #333;
}

.input-style:hover input:not(:checked) ~ .checkmark {
    background: rgba(0, 0, 0, .15);
}

.form-light .input-style input:checked ~ .checkmark {
    background: #333;
}

.input-style .checkmark:after {
    content: '';
    display: none;
    position: absolute;
    left: 7px;
    top: 4px;
    width: 5px;
    height: 9px;
    border: solid #49b84a;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}

.form-light .checkmark:after {
    border-color: #fff;
}

.bg-color--green .checkmark:after {
    border-color: #49b84a;
}

.input-style input:checked ~ .checkmark:after,
.input-style input[checked="checked"] ~ .checkmark:after {
    display: block;
}

.see-all-box {
    display: inline;
    position: relative;
}

.scrollbar {
    scrollbar-color: #3c943d #ebebeb;
    scrollbar-width: thin;
    scrollbar-track-color: #3c943d;
    scrollbar-base-color: #ebebeb;
    scrollbar-arrow-color: white;
    scrollbar-3dlight-color: #3c943d;
    scrollbar-highlight-color: #3c943d;
}

.scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    -webkit-appearance: none;
            appearance: none;
}

.scrollbar::-webkit-scrollbar-track {
    background: #ebebeb;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #3c943d;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #327933;
}

.see-all-box__container {
    display: none;
    position: absolute;
    right: -10px;
    top: calc(100% + 4px);
    width: 200px;
    padding: 10px;
    background: #fff;
    border: 1px solid #49b84a;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    z-index: 500;
}

.see-all-box__button {
    display: inline;
    padding: 0;
    background: transparent;
    color: #49b84a;
    font-weight: 300;
    text-decoration: underline;
    cursor: pointer;
}

.see-all-box__button:hover {
    text-decoration: none;
}

.disable-click {
    pointer-events: none;
}

#header-chief, #header-chief > .width-chief, #header-chief > .width-chief-l,
#footer-chief, #footer-chief > .width-chief, #footer-chief > .width-chief-l {
    position: relative;
}

#header-chief, #footer-chief, #nav-chief, .menu-chief {
    background: #333;
    color: #fff;
}

#header-chief {
    padding: 20px 0;
}

.article-chief {
    position: relative;
}

.body-index .header-subchief {
    padding: 30px 0 0;
    background-color: #0f4020;
    background-size: cover;
    color: #fff;
    text-align: center;
    position: relative;
}
.body-index .header-subchief h1{
    color: #fff;
}
.body-index .header-subchief {
    background: radial-gradient(circle, rgba(37,80,44,1) 0%, rgba(44,85,48,1) 23%, rgba(47,87,50,1) 39%, rgba(43,84,48,1) 50%, rgba(15,64,32,1) 78%);
}
@media screen and (min-width: 1200px){
    .body-index .header-subchief {
        background: radial-gradient(circle, rgba(37,80,44,1) 0%, rgba(44,85,48,1) 23%, rgba(47,87,50,1) 39%, rgba(43,84,48,1) 50%, rgba(15,64,32,1) 78%);
        /* background-repeat: repeat, repeat;
        background-position: top left, right;
        background-size: 188px 86px, contain;
        position: relative; */
    }
}
.body-index .header-subchief > * {
    position: relative;
    padding-bottom: 10px;
    z-index: 10;
}

#nav-chief {
    right: 70px;
    z-index: 9999;
}

.menu-chief a {
    display: block;
    padding: 4px;
    color: #fff;
    text-decoration: none;
    text-align: left;
    position: relative;
}

.menu-chief > li > a {
    padding: 8px 0;
}

.menu-chief > li > a:before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}

.menu-chief > .item--hom > a:before {
    width: 17px;
    height: 17px;
    background: url('/assets/images/sprite-svg.svg#clover-yellow') 0 0 no-repeat;
}

.menu-chief > .item--bon > a:before {
    width: 22px;
    height: 18px;
    background: url('/assets/images/sprite-svg.svg#diamond-yellow') 0 0 no-repeat;
}

.menu-chief > .item--mob > a:before {
    width: 16px;
    height: 19px;
    background: url('/assets/images/sprite-svg.svg#mobile-yellow') 0 0 no-repeat;
}

.menu-chief > .item--liv > a:before {
    width: 16px;
    height: 20px;
    background: url('/assets/images/sprite-svg.svg#live-yellow') 0 0 no-repeat;
}

.menu-chief > .item--rlt > a:before {
    width: 19px;
    height: 19px;
    background: url('/assets/images/sprite-svg.svg#roulette-yellow') 0 0 no-repeat;
}

.menu-chief > .item--blj > a:before {
    width: 23px;
    height: 20px;
    background: url('/assets/images/sprite-svg.svg#blackjack-yellow') 0 0 no-repeat;
}

.menu-chief > .item--slt > a:before {
    width: 44px;
    height: 19px;
    background: url('/assets/images/sprite-svg.svg#slots-yellow') 0 0 no-repeat;
}

#button-nav-chief-open {
    position: absolute;
    top: 0;
    right: 20px;
    width: 45px;
    height: 34px;
    background: url('/assets/images/sprite-svg.svg#menu') 0 0 no-repeat;
}

#button-nav-chief-close {
    position: absolute;
    top: 8px;
    right: 20px;
    background: transparent;
    font-weight: 600;
    font-size: 18px;
}

#nav-chief .dropdown-ul{
    display: none;    
    width: 140px;
    height: fit-content;
    background:#333;
    padding: 10px;
    box-shadow: 2px 2px 2px 0px #000000a1;
    left: -25px;
}
#nav-chief li:has(.dropdown-ul){
    position: relative;
}
#nav-chief li:has(.dropdown-ul)> a{
    width: fit-content;
}
#nav-chief li:has(.dropdown-ul):after{
    content: '';
    position: absolute;
    right: -25px;
    top: 20px;;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
}

@media only screen and (min-width: 1024px){
    #nav-chief li:hover>.dropdown-ul{
        display: block;
        position: fixed;
    }
    #nav-chief .dropdown-ul li:not(:last-child){
        margin-bottom: 3px;
        padding-bottom: 4px;
        border-bottom: 1px solid #d1d1d1b3;
    }
    #nav-chief li:has(.dropdown-ul):hover:after{
        transform: rotate(180deg);
        top: 40%;
    }
    #nav-chief .dropdown-ul{
        display: none; 
    }
}

@media only screen and (max-width: 1023px){
    #nav-chief .dropdown-ul{
        position: relative;
        width: 100%;
        left: unset;
        box-shadow: none;
    }
    #nav-chief li.open > .dropdown-ul{
        display: block;
    }
    #nav-chief .dropdown-ul a{
        padding-left: 100px;
        text-align: left;
    }
    #nav-chief li:has(.dropdown-ul):after{
        right: 10px;
    }
}
.search-form {
    position: relative;
    cursor: pointer;
}

.search-form--in-header {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
    z-index: 10000;
}

.search-form:before {
    content: '';
    position: absolute;
    left: 13px;
    top: 15px;
    width: 21px;
    height: 11px;
    background: url('/assets/images/sprite-svg.svg#search') 0 0 no-repeat;
    -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
            transform: rotate(20deg);
}

.search-form__input {
    width: 44px;
    height: 44px;
    padding: 4px 18px;
    border-radius: 30px !important;
    -webkit-transition: width 0.4s ease-in-out;
         -o-transition: width 0.4s ease-in-out;
            transition: width 0.4s ease-in-out;
}

.search-form__input:focus, .search-form--active .search-form__input {
    width: 270px;
    padding: 4px 18px 4px 40px;
    font-size: 13px;
}

.search-form__input:not(:focus) {
    color: transparent !important;
}

.section-subscribe {
    min-height: 350px;
}

.section-subscribe > div {
    padding-top: 30px;
}

.section-subscribe > div:after {
    position: absolute;
    right: -220px;
    width: 630px;
    height: 350px;
    background: url('/assets/images/section-subscribe.jpg') 0 0 no-repeat;
    z-index: 1;
}

.section-subscribe .section-title, .section-subscribe .subscribe-form {
    position: relative;
    z-index: 10;
}

.section-subscribe .section-title {
    color: #fff;
}

.subscribe-form {
    text-align: left;
    position: relative;
}

.subscribe-form legend {
    margin-bottom: 12px;
}

.subscribe-form label > .label-text {
    margin-right: 20px;
    color: #49b84a;
    font-weight: 600;
    font-size: 19px;
}

.subscribe-mail-wrap {
    position: relative;
}

.subscribe-form .subscribe-mail, .subscribe-form .subscribe-submit {
    height: 34px;
}

.section-subscribe .subscribe-form .subscribe-mail,
.section-subscribe .subscribe-form .subscribe-submit {
    height: 50px;
}

.subscribe-form .subscribe-mail {
    width: 300px;
    padding: 6px 16px;
    font-size: 13px;
}

.subscribe-form .subscribe-consent {
    margin-top: 8px;
}

.section-subscribe .subscribe-consent {
    margin-top: 20px;
}

.form-light .subscribe-form .subscribe-consent {
    color: #fff;
}

.subscribe-form .subscribe-submit {
    position: absolute;
    right: 15px;
    top: 0;
    width: 104px;
    font-size: 14px;
}

.section-subscribe .subscribe-form .subscribe-submit {
    width: 160px;
    font-size: 20px;
}

#button-to-top {
    display: none;
    position: fixed;
    bottom: 40px;
    width: 56px;
    height: 54px;
    z-index: 989;
    text-indent: -9999px;
    background: url("/assets/images/sprite-svg.svg#to-top") 0 0 no-repeat;
    cursor: pointer;
}
.section--jump-nav {
    padding: 20px;
    text-align: center;
}
.green-filter{filter: invert(76%) sepia(12%) saturate(5468%) hue-rotate(66deg) brightness(91%) contrast(62%);}
.jump-nav-wrap {
    padding: 4px 24px;
    border: 1px solid #4cb749;
    border-radius: 4px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    white-space: nowrap;
    width: -webkit-fill-available;
}

.jump-nav-wrap::-webkit-scrollbar {
    height: var(--sb-size)
}

.jump-nav-wrap::-webkit-scrollbar-track {
    background: var(--sb-track-color);
    border-radius: 4px;
}

.jump-nav-wrap::-webkit-scrollbar-thumb {
    background: var(--sb-thumb-color);
    border-radius: 4px;
}
  
@supports not selector(::-webkit-scrollbar) {
    .jump-nav-wrap {
        scrollbar-color: var(--sb-thumb-color)
                        var(--sb-track-color);
    }
}
.section--jump-nav .jump-nav-wrap {
    display: inline-block;
    vertical-align: middle;
}

.jump-nav-title {
    color: #0f4020;
    font-weight: 700;
}

.jump-nav-wrap .jump-nav-title, .jump-nav-wrap .jump-nav {
    display: inline-block;
    vertical-align: middle;
}

.jump-nav > li {
    display: inline-block;
    margin-bottom: 0;
}

.jump-nav > li:not(:last-child) {
    margin-right: 8px;
}

.jump-nav > li:not(:last-child):after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 18px;
    margin-left: 8px;
    background: #0f4020;
}

.jump-nav a, .jump-nav a:hover {
    color: #000;
}

#breadcrumbs, #updated {
    margin: 10px 0;
    font-size: 12px;
}
.home#updated {
    margin-top: -20px;
}

#breadcrumbs .sep {
    margin: 0 4px;
    position: relative;
    top: 1px;
}

#breadcrumbs .current {
    font-weight: 700;
}

.read-more-box__button {
    display: table;
    margin: 10px auto;
    background: transparent;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.sections__block {
    position: relative;
}

.site-grid--header-home {
    margin-top: 20px;
    text-align: center;
}

.site-grid--header-home .title {
    margin-bottom: 4px;
    font-weight: 700;
}

.site-grid--header-home .title > .holder {
    position: relative;
}

.site-grid--header-home.mob-active .title > .holder {
    padding-right: 0;
    text-align: center;
    font-size: 15px;
}

.site-grid--header-home .title > .holder:after {
    position: absolute;
    right: 50%;
    bottom: 0;
    -webkit-transform: translate(100%, 100%);
            transform: translate(100%, 100%);
    width: 20px;
    height: 10px;
    background: url('/assets/images/sprite-svg.svg#arrow-point-yellow-down') 0 0 no-repeat;
}

.site-grid--header-home.mob-active .title > .holder:after {
    content: '';
}

.site-grid--header-home .text {
    line-height: 1.6;
}

.body-index .section--bnses:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-size: cover;
    opacity: .2;
    z-index: -1;
}

.body-index.body--loaded .section--bnses:before {
    background: url('/assets/images/background-clovers.png') 0 0 no-repeat;
}

.body-index .section--live {
    margin-top: 20px;
    margin-bottom: 20px;
}

.body-index .section--live:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 1539px;
    height: 468px;
    background: url('/assets/images/background-live.png') 0 0 no-repeat;
    background-size: cover;
    z-index: -1;
}

.site-grid--bnses .site-grid__block:nth-child(2) {
    text-align: center;
    position: relative;
}

.site-grid--bnses .ico--diamond {
    margin-right: 4px;
}

.site-grid--bnses .button-y {
    margin-top: 30px;
}

.site-grid--bcgames {
    text-align: center;
}

.site-grid--bcgames .title {
    margin-top: 14px;
}

.site-grid--sandl {
    margin: 0 auto;
}

.site-grid--sandl .ico--safe {
    vertical-align: baseline;
    margin-right: 10px;
}

.site-grid--gfacts {
    text-align: center;
}

.site-grid--gfacts .title {
    margin-top: 20px;
}

.site-grid--randr + .site-grid--randr {
    margin-top: 40px;
}

.site-grid--randr .title {
    min-height: 100px;
    line-height: 75px;
    padding-left: 100px;
    position: relative;
}
.site-grid--randr .title:has(h3) {
    min-height: 60px;
    padding-left: unset;
}
.site-grid--randr .title h3 {
    text-align: left;
    margin-left: 60px;
}

.site-grid--randr .title > .fancy-num, .site-grid--randr .title > .ico {
    position: absolute;
    top: 0;
}

.site-grid--randr .title > .fancy-num {
    left: 0;
}

.site-grid--randr .title > .ico {
    right: 0;
}

.site-grid--randr .title > .title-self {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.site-grid--randr .text {
    text-align: justify;
}

.site-grid--randr + .button-y {
    display: block;
    margin: 50px auto 30px;
}

.section--faq {
    padding-bottom: 0;
}

/* .section--faq > div:before, .section--faq > div:after {
    content: '';
    position: absolute;
} */

/* .section--faq > div:before {
    left: -60px;
    top: -40px;
    width: 567px;
    height: 454px;
    background: url('/assets/images/background-faq-top.png') 0 0 no-repeat;
} */

.faq-boxes {
    margin: 40px auto 0;
}

.faq-box {
    margin-bottom: 40px;
    /* text-align: justify; */
}

.faq-box__q {
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

.faq-box__q > .title-self {
    display: inline-block;
    padding-right: 70px;
}

.faq-box__q > .ico {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
}

.section--quote-box {
    min-height: 270px;
    padding: 0 0 60px !important;
    overflow: hidden;
}

.quote-box-wrap {
    padding: 60px 0 20px;
    position: relative;
}

.quote-box-wrap:before, .quote-box .float-left:after {
    content: '';
    position: absolute;
}

.quote-box-wrap:before {
    top: -20px;
    width: 123px;
    height: 258px;
    background: url('/assets/images/sprite-svg.svg#pencil') 0 0 no-repeat;
}

.quote-box {
    font-weight: 400;
}

.quote-box > div {
    position: relative;
}

.quote-box .float-left {
    z-index: 10;
}

.quote-box .float-left:after {
    width: 80px;
    height: 60px;
    background: url('/assets/images/sprite-svg.svg#quote') 0 0 no-repeat;
}

.quote-box .float-right {
    z-index: 20;
}

.quote-box .float-right > img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
}

.quote-box .author-name {
    margin-top: 20px;
}

.quote-box .text {
    line-height: 1.6;
}

.slider-quote-box .slick-slide {
    padding: 0 8px;
}

.rec-for-boxes {
    margin: 30px auto 20px;
}

.rec-for-box__nav {
    display: table;
    margin: 0 auto;
}

.rec-for-box__nav > li {
    float: left;
    width: 100px;
    margin-bottom: 0;
    border-bottom: 2px solid #333;
    font-size: 14px;
    text-align: center;
}

.rec-for-box__nav > li.active {
    border-color: #49b84a;
}

.rec-for-box__nav > li:not(:last-child) {
    margin-right: 4px;
}

.rec-for-boxes__button {
    padding-top: 32px;
    background: transparent;
    position: relative;
    cursor: pointer;
}

.active > .rec-for-boxes__button {
    color: #49b84a;
    font-weight: 700;
}

.rec-for-boxes__button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}

.roulette > .rec-for-boxes__button:before {
    width: 29px;
    height: 29px;
    background: url('/assets/images/sprite-svg.svg#roulette') 0 0 no-repeat;
}

.roulette.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#roulette-green') 0 0 no-repeat;
}

.tv-show > .rec-for-boxes__button:before {
    width: 29px;
    height: 29px;
    background: url('/assets/images/sprite-svg.svg#tv-show') 0 0 no-repeat;
}

.tv-show.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#tv-show-green') 0 0 no-repeat;
}

.blackjack > .rec-for-boxes__button:before {
    width: 35px;
    height: 30px;
    background: url('/assets/images/sprite-svg.svg#blackjack') 0 0 no-repeat;
}

.blackjack.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#blackjack-green') 0 0 no-repeat;
}

.poker > .rec-for-boxes__button:before {
    width: 35px;
    height: 30px;
    background: url('/assets/images/sprite-svg.svg#poker') 0 0 no-repeat;
}

.poker.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#poker-green') 0 0 no-repeat;
}

.scratched-cards > .rec-for-boxes__button:before {
    width: 35px;
    height: 30px;
    background: url('/assets/images/sprite-svg.svg#scratched-cards') 0 0 no-repeat;
}

.scratched-cards.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#scratched-cards-green') 0 0 no-repeat;
}

.slot > .rec-for-boxes__button:before, .bonanza > .rec-for-boxes__button:before {
    width: 66px;
    height: 28px;
    background: url('/assets/images/sprite-svg.svg#slots') 0 0 no-repeat;
}

.slot.active > .rec-for-boxes__button:before, .bonanza.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#slots-green') 0 0 no-repeat;
}

.video-poker > .rec-for-boxes__button:before {
    width: 33px;
    height: 28px;
    background: url('/assets/images/sprite-svg.svg#video-poker') 0 0 no-repeat;
}

.video-poker.active > .rec-for-boxes__button:before {
    background: url('/assets/images/sprite-svg.svg#video-poker-green') 0 0 no-repeat;
}

.rec-for-box {
    padding: 30px 30px 20px;
    border: 2px solid #a0d99f;
    border-radius: 10px;
}

.rec-for-box:not(.active) {
    display: none;
}

.rec-for-box .site-grid--bottom {
    margin: 14px 0 0;
    font-style: italic;
}

.rec-for-box .site-grid--bottom > .site-grid__block:first-child {
    width: 50px;
}

.rec-for-box .site-grid--bottom > .site-grid__block:first-child .ico {
    margin-top: 4px;
}

.rec-for-box .site-grid--bottom > .site-grid__block:not(:first-child) {
    width: calc(49% - 30px);
}

.rec-for-box .site-grid--bottom .feat-list > li {
    margin-bottom: 4px;
}

.rec-for-box .site-grid--bottom .feat-list > li > .text {
    font-weight: 400;
}

.rec-for-box > .float-right {
    text-align: right;
    position: relative;
}

.rec-for-box > .float-right > .logo-box {
    position: absolute;
}

.rec-for-box > .float-right > img {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, .8);
}

.rec-for-box > .float-right > .button-y {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}


.bon-val--3:before {
    left: -46px;
    top: -12px;
    width: 171px;
    height: 71px;
}

.bon-txt {
    position: absolute;
    right: -59px;
    bottom: 5px;
    font-size: 15px;
}

/* .section--numone-box {
    min-height: 420px;
} */

.numone-box {
    margin: 30px 0 0;
    position: relative;
}

.numone-box .brand-logo {width: 65%;}

.site-grid--rbot .numone-box {
    margin-top: 0;
}

.numone-box--wimg:before {
    position: absolute;
    left: -394px;
    top: -80px;
    width: 394px;
    height: 372px;
    background: url('/assets/images/diamonds-and-chips.png') 0 0 no-repeat;
}

.numone-box__top {
    position: relative;
}

.numone-box .logo-box {
    position: absolute;
    bottom: -35px;
}

.numone-box .logo-box .ico-top-clover {
    position: absolute;
    left: 6px;
    top: 7px;
}

.numone-box .logo-box + .title {
    padding-bottom: 20px;
}

.numone-box .bons {
    background: url(/assets/images/sprite-svg.svg#bon-sun);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.numone-box .bon-val {
    min-height: 85px;
}

.numone-box .bon-val:before {
    content: none;
}

.numone-box__bottom {
    margin: 0 auto 10px;
    padding: 40px 0 30px;
    border: 0 solid #63c060;
    border-width: 1px 0;
}

.numone-box__bottom > div:nth-child(2) {
    text-align: center;
}

.numone-box__bottom > div:nth-child(2) .ico + .ico {
    margin-left: 10px;
}

.numone-box__bottom > div:nth-child(2) > div > div:nth-child(2) {
    margin: 20px 0;
}

.numone-box .bon-val {
    font-size: 48px;
}

.numone-box .bon-val--3 {
    width: 131px;
}



.numone-box .bon-val--3:before {
    content: '';
    position: absolute;
    background: url(/assets/images/sprite-svg.svg#bon-sun) 0 0 no-repeat;
    left: -80px;
    top: -20px;
    width: 274px;
    height: 113px;
}

.numone-box .bon-txt {
    font-size: 24px;
}

.numone-box .button-y {
    margin: 10px auto;
    text-transform: uppercase;
}

.casino-img {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
    top: 100px;
    width: 61px;
    height: 70px;
    left: 75px;
}

.mob-img {
    position: relative;
    background-image: url('/assets/images/mobile.png');
    background-repeat: no-repeat;
    height: 302px;
    max-width: 100%;
}

.security-img {
    position: relative;
    background-image: url('/assets/images/security-licensing.svg');
    background-repeat: no-repeat;
    width: 290px;
    height: 256px;
    max-width: 100%;
}

.body-review .site-grid--mob-wrap > .site-grid__block:last-child {
    width: 280px;
}

.body-review .site-grid--mob .site-grid__block {
    position: relative;
}

.body-review .site-grid--mob .site-grid__block .text-wrap {
    font-style: italic;
}

.body-review .site-grid--mob .site-grid__block .text-wrap .text {
    font-weight: 400;
}

.site-grid--find-more {
    text-align: center;
}

.site-grid--find-more .text {
    margin-top: 2px;
    font-weight: 700;
}

.site-grid--find-more + .button-y {
    display: block;
}

.site-grid--cta-join > .site-grid__block:first-child {
    padding: 0;
    text-align: center;
}

.site-grid--cta-join > .site-grid__block:last-child {
    padding: 20px 0;
    border: 0 solid #fff;
    color: #fff;
    line-height: 1.2;
    font-family: 'Shrikhand', cursive;
}

.site-grid--cta-join > .site-grid__block:last-child > div {
    display: inline-block;
    vertical-align: middle;
}

.site-grid--cta-join .button-y {
    padding-top: 10px;
    padding-bottom: 10px;
}

.rtpbox {
    margin: 50px auto 30px;
    text-align: center;
}

.rtpbox .providers {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-indent: -9999px;
    text-align: left;
    overflow: hidden;
    width: 125px;
    height: 27px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.playtech { background-image: url('/assets/images/providers/playtech-dark.svg');}
.microgaming {background-image: url('/assets/images/providers/microgaming-dark.svg');}
.netent {background-image: url('/assets/images/providers/netent-dark.svg');}
.yggdrasil {background-image: url('/assets/images/providers/yggdrasil-dark.svg');}
.novomatic {background-image: url('/assets/images/providers/novomatic.svg');}
.evolution {background-image: url('/assets/images/providers/evolution.svg');}
.pragmatic-play {background-image: url('/assets/images/providers/pragmatic-play.svg');}
.golden-rock {background-image: url('/assets/images/providers/golden-rock-studios.svg');}
.play-n-go {background-image: url('/assets/images/providers/play-n-go-dark.svg');}
.sggaming {background-image: url('/assets/images/providers/sggaming.svg');}
.isoftbet {background-image: url('/assets/images/providers/isoftbet-dark.svg');}
.switch-studio {background-image: url('/assets/images/providers/switch-studio-dark.svg');}

.rtpbox__nav > div {
    padding-top: 15px;
    border: none;
}

.rtpbox__nav > div .ico {
    margin-bottom: 20px;
}

.rtpbox__box > div {
    float: left;
    height: 130px;
    padding: 10px 30px;
    border: 1px solid #49b84a;
    border-radius: 10px;
}

.rtpbox__box > div:last-child {
    background: #49b84a;
    color: #fff;
}

.rtpbox__box > div > .title {
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #49b84a;
}

.rtpbox__box > div:nth-last-child(2) > .title {
    margin-bottom: 20px;
}

.rtpbox__box > div:last-child > .title {
    border-color: #fff;
}

.rtpbox__nav .slick-prev {
    left: 10px;
}

.rtpbox__nav .slick-next {
    right: 10px;
}

.slider-providers {
    margin: 0 auto;
}

.slider-providers .slick-arrow {
    top: auto;
    bottom: -28px;
    background: transparent;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    text-indent: 0;
}

.slider-providers .slick-prev {
    left: -30px;
}

.slider-providers .slick-next {
    right: -30px;
}

.slider-providers .slick-dots {
    bottom: -18px;
}

.slider-providers .slick-dots > li {
    height: 2px;
}

.slider-providers .slick-dots > li:not(:first-child) {
    margin-left: 7px;
}

.body-review .header-subchief {
    padding-top: 10px;
}

.rating-wrap--type-rev > .title {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid #63c060;
    font-weight: 400;
    text-transform: uppercase;
}

.body-review .feat-list-grade > li {
    margin-bottom: 15px;
}

.feat-list-grade.clover > li:before {
    content: "\2618";
    color: #49b84a;
    padding-right: 5px;
    font-size: 19px;
}

.site-grid__block .feat-list-grade > li {
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
}

.site-grid__block .feat-list-grade > li:before {
    font-size: 14px;
}

.body-review .feat-list-grade .ico {
    margin-right: 12px;
}

.body-review .feat-list-grade .ico---safe,
.body-review .feat-list-grade .ico--card {
    margin-left: -2px;
}

.arrows {position: relative;}
.arrows li:not(:last-child) {
    margin-bottom: 0;
}
.arrows li:before {
    content: "\27A3";
    padding-right: 5px;
    font-size: 19px;
}

.arrows.yellow li:before {
    color: #fecc06;
}

.inner-list {margin-left: 1.5em;}

.site-grid--rtop > .site-grid__block:first-child {
    padding-right: 30px;
}

.site-grid--rtop > .site-grid__block:last-child,
.site-grid--rbot > .site-grid__block:last-child {
    margin-left: 0;
}

.site-grid--rbot .numone-box__caption {
    margin-bottom: 10px;
    font-size: 14px;
}

.site-grid--rbot .numone-box__caption > div {
    float: left;
}

.site-grid--rbot .numone-box__caption > div:first-child {
    width: 320px;
    padding-right: 60px;
    text-align: center;
}

.site-grid--rbot .numone-box__caption > div:last-child {
    width: calc(100% - 320px);
    padding-left: 30px;
}

.site-grid--feat-list-boxes {
    position: relative;
}

.site-grid--feat-list-boxes > .site-grid__block {
    width: 273px;
    height: 210px;
    padding: 30px;
    background: #fff;
    border: 1px solid #49b84a;
    border-radius: 10px;
}

.site-grid--feat-list-boxes > .site-grid__block > li:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #49b84a;
}

.site-grid--feat-list-boxes .title, .site-grid--feat-list-boxes .text {
    display: inline-block;
}

.site-grid--feat-list-boxes .title {
    width: calc(100% - 80px);
    padding-left: 4px;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}

.site-grid--feat-list-boxes .text {
    width: 70px;
    padding-right: 4px;
    color: #49b84a;
    font-style: italic;
    font-weight: 700;
    text-align: right;
}

.site-grid--feat-list-boxes .text .ico + .ico {
    margin-left: 6px;
}

.overlap-slider {
    position: relative;
}

.overlap-slider:after {
    position: absolute;
    right: 170px;
    top: 546px;
    width: 48px;
    height: 30px;
    background: url('/assets/images/sprite-svg.svg#arrow-toggle-double') 0 0 no-repeat;
}

.overlap-slide {
    -webkit-transition: opacity ease-out .5s;
         -o-transition: opacity ease-out .5s;
            transition: opacity ease-out .5s;
}

.overlap-slide:not(.active) {
    cursor: pointer;
}

.overlap-slide__cta-box, .overlap-slide__main {
    border-radius: 15px;
}

.overlap-slide__main {
    margin: 0;
    background: #fff;
    border: 1px solid #48666a;
    position: relative;
    z-index: 1;
}

.overlap-slide:not(.active) .overlap-slide__main {
    position: absolute;
}

.overlap-slide.active .overlap-slide__main {
    background: #49b84a;
    border-color: #49b84a;
    color: #fff;
    z-index: 10;
    overflow: hidden;
}

.overlap-slide .overlap-slide__main:before {
    content: '';
    position: absolute;
}

.overlap-slide.active .overlap-slide__main:before {
    top: -30px;
    opacity: .2;
}

.slide--live .overlap-slide__main:before {
    background: url('/assets/images/sprite-svg.svg#live-grey') 0 0 no-repeat;
}

.slide--live.active .overlap-slide__main:before {
    width: 210px;
    height: 257px;
}

.slide--live:not(.active) .overlap-slide__main:before {
    right: 20px;
    top: 200px;
    width: 180px;
    height: 210px;
}

.slide--mobile .overlap-slide__main:before {
    background: url('/assets/images/sprite-svg.svg#mobile-grey') 0 0 no-repeat;
}

.slide--mobile .overlap-slide__main:before {
    width: 160px;
    height: 190px;
}

.slide--mobile:not(.active) .overlap-slide__main:before {
    right: 26px;
    top: 220px;
}

.overlap-slide:not(.active) img + .text,
.overlap-slide:not(.active) .title > .ico, .overlap-slide:not(.active) .button-y,
.overlap-slide:not(.active) .overlap-slide__cta-box {
    display: none;
}

.overlap-slide__main > img {
    border-radius: 50%;
    position: relative;
    z-index: 10;
}

.overlap-slide:not(.active) .overlap-slide__main > img {
    display: none;
}

.overlap-slide .title {
    line-height: 1.1;
    position: relative;
}

.overlap-slide:not(.active) .title {
    color: #49b84a;
}

.overlap-slide.active .title {
    padding-left: 40px;
}

.overlap-slide.active .title > .ico {
    position: absolute;
    left: 0;
    top: 0;
}

.overlap-slide__main > .scrollbar {
    max-height: 290px;
    overflow-y: auto;
    padding-right: 15px;
}

.overlap-slide__main .button-y {
    margin-top: 50px;
}

.overlap-slide__cta-box {
    background: url('/assets/images/background-banner-eg.jpg') 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

.overlap-slide__cta-box .trapezoid-box-wbe {
    background: #333;
    text-align: center;
    position: relative;
    z-index: 10;
}

.overlap-slide__cta-box .trapezoid-box-wbe:after {
    content: '';
    position: absolute;
    border-right: 500px solid transparent;
    width: 0;
    height: 0;
    z-index: 1;
}

.overlap-slide__cta-box .brand-logo {
    position: relative;
    z-index: 10;
}

.overlap-slide__cta-box .button-y {
    text-transform: uppercase;
}

.overlap-slide__cta-box .cta-wrap .text {
    margin-top: 4px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.reel-anima-box {
    position: relative;
}
.reel-anima-box .terms {
    position: absolute;
    bottom: 63px;
    text-align: center;
    width: 100%;
    padding-left: 65px;
}
.reel-anima-box .terms a{
    max-width: 900px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.reel-anima-box__lever {
    position: absolute;
}

.sort-by-form {
    font-size: 14px;
}

.sort-by-form label {
    font-style: italic;
}

.sort-by-form label.input-style {
    padding-left: 0;
    padding-right: 30px;
}

.sort-by-form label.input-style input,
.sort-by-form label.input-style .checkmark {
    left: auto;
    right: 0;
}

.reel-anima-box__top > .get-ta {
    width: 150px;
    padding-top: 1px;
    padding-bottom: 0;
    background: #fff;
    border-radius: 3px;
    color: #020202;
    font-size: 19px;
    text-align: center;
    font-family: 'Shrikhand', cursive;
}

.reel-anima-box > .button-y {
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
            transform: translate(-50%,0);
    width: 270px;
    line-height: 1.4;
}
.reel-anima-box > .tandc-reel-anima-box {
    display: block;
    top: 80%;
    -webkit-transform: translate(-85%,0);
        -ms-transform: translate(-85%,0);
            transform: translate(-85%,0);
    left: 50%;
}

.reel-anima-box__brands {
    position: absolute;
    overflow: hidden;
}

.reel-anima-box__brands .brand-logo {
    display: table;
    width: 100px;
    height: 50px;
    margin: 0 auto 44px;
    opacity: 1;
    -webkit-transition: opacity ease-out .3s;
         -o-transition: opacity ease-out .3s;
            transition: opacity ease-out .3s;
    background-size: contain;
}
.reel-anima-box__brands .brand-logo.brand-logo--royal-panda{background-size: 70%;}
.reel-anima-box__brands .brand-logo.brand-logo--royal-panda{background-size: 70%;}

.reel-anima-box__brands .brand-logo:nth-child(2) {
    height: 90px;
}

.reel-anima-box__brands:not(.active) .brand-logo:first-child,
.reel-anima-box__brands:not(.active) .brand-logo:nth-child(3) {
    opacity: .2;
}

.reel-anima-box__brands.animate .brand-logo {
    -webkit-animation-name: slot-machine-reel;
            animation-name: slot-machine-reel;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
}

.reel-anima-box__brands.animate .box-center .brand-logo {
    -webkit-animation-name: slot-machine-reel-r;
            animation-name: slot-machine-reel-r;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
}

.reel-anima-box__brands.animate .box-left .brand-logo {
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
}

.reel-anima-box__brands.animate .box-right .brand-logo {
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
}

@-webkit-keyframes slot-machine-reel {
    0% {
        -webkit-transform: translate(0, -1000px);
                transform: translate(0, -1000px);
    }

    100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
}

@keyframes slot-machine-reel {
    0% {
        -webkit-transform: translate(0, -1000px);
                transform: translate(0, -1000px);
    }

    100% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
}

@-webkit-keyframes slot-machine-reel-r {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, -1000px);
                transform: translate(0, -1000px);
    }
}

@keyframes slot-machine-reel-r {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(0, -1000px);
                transform: translate(0, -1000px);
    }
}

table {
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
}

thead {
    background: transparent;
}

th, td {
    padding: 4px 2px;
    vertical-align: middle;
}

th {
    /* font-style: italic; */
    font-weight: 400;
}

.table-bons, .table-bons thead, .table-bons tr, .table-bons th, .table-bons td,
.table-bons tbody {
    display: block;
}

.table-bons {
    width: 100%;
}

.table-bons thead {
    margin-bottom: 10px;
    font-style: italic;
}

.table-bons tbody tr {
    border: 2px solid #49b84a;
    border-radius: 4px;
    position: relative;
}

.table-bons .brand-logo {
    width: 70px;
    height: 55px;
    background-size: contain;
}

.table-bons tbody tr.trm {
    border: none;
    margin-bottom: 10px;
}

.table-bons tr.trm td:first-child.terms {
    position: relative;
    width: 100%;
    text-align: right;
    border-top: none;
    position: inherit;
}
.table-bons td.terms {
    margin-left: 8px;
    padding: 5px 15px 5px 0px;
    border-top: 1px solid #49b84a;
}

.table-bons th:nth-child(2), .table-bons th:nth-child(3) {
    padding-left: 20px;
}

.table-bons tbody tr {
    overflow: hidden;
}

.table-bons td {
    padding: 20px;
}

.table-bons td:first-child {
    text-align: center;
}

.table-bons .ico-top-clover, .table-bons .table-rank {
    position: absolute;
    z-index: 10;
}

.table-bons .table-rank {
    padding: 6px 8px;
    font-style: italic;
}

.table-bons td:nth-child(2) {
    font-style: italic;
    font-weight: 700;
    font-size: 20px;
}

.table-bons td:nth-child(3) {
    text-align: center;
}

.body-subscribe h1, .body-subscribe .sections__block {
    padding: 40px 20px;
}

.body-subscribe h1 {
    margin-top: 60px;
}

.body-subscribe--not-ok h1 {
    color: red;
}

.body-subscribe .sections__block {
    margin-top: 40px;
    margin-bottom: 60px;
    padding-top: 40px;
    padding-bottom: 40px;
    font-style: italic;
    font-weight: 600;
    font-size: 20px;
}

.subscribe-form .subscribe-message {
    margin-top: 4px;
}

.subscribe-form .error-message {
    color: #b7180c;
    font-weight: 700;
    font-size: 10px;
}

.body-search h1 {
    padding: 20px;
}

#footer-chief {
    padding: 40px 0;
    color: #7d7d7d;
}

#footer-logo {
    width: 210px;
}

.foot-links-list > li {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.foot-links-list > li {
    margin: 0 10px 10px;
}

.subscribe-form--in-footerlegend {
    font-size: 14px;
}

.subscribe-form--in-footer .subscribe-consent {
    font-size: 12px;
}

#footer-chief .follow-list-wrap {
    margin-top: 20px;
}

.follow-list-wrap > .title {
    margin-bottom: 6px;
    font-size: 14px;
}

.follow-list > li {
    display: inline-block;
}

.follow-list > li:not(:last-child) {
    margin-right: 8px;
}

.commissions-list > span:not(:last-child) {
    margin-right: 10px;
}

.commissions-list > span.ico--gamcare {
    margin-right: 14px;
}

#footer-disclosure {
    margin-top: 10px;
    font-size: 12px;
}

@media (hover: hover) {
    #button-to-top:hover {
        background: url("/assets/images/sprite-svg.svg#to-top-hov") 0 0 no-repeat;
    }

    .rec-for-box__nav > li:hover {
        border-color: #49b84a;
    }
}

@media only screen and (max-width: 1399px) {
    #button-to-top {
        right: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .rating-stars {
        margin: 0 auto;
        width: 125px;
        max-width: 100%;
        transform-origin: center center;
    }

    .reel-anima-box {
        margin: 0 auto;
        padding-top: 165px;
        background: url('/assets/images/reel-anima-box-mobile.svg') center bottom no-repeat;
        border-top: 2px solid #000;
    }

    .reel-anima-box__lever {
        left: 50%;
        -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
        background: url('/assets/images/reel-anima-box-lever-mobile.svg') 0 0 no-repeat;
    }

    .reel-anima-box__lever:before {
        content: '';
        position: absolute;
        bottom: -120px;
        width: 34px;
        height: 160px;
        background: url('/assets/images/sprite-svg.svg#arrow-long-down') 0 0 no-repeat;
        -webkit-transform: scale(1, -1);
            -ms-transform: scale(1, -1);
                transform: scale(1, -1);
    }

    .reel-anima-box__lever:after {
        content: '';
        position: absolute;
        right: 42px;
        bottom: 10px;
        background: url('/assets/images/reel-anima-box-lever-h-mobile.svg') 0 0 no-repeat;
        -webkit-transform: rotateY(0deg) translateX(0);
                transform: rotateY(0deg) translateX(0);
        -webkit-transition: -webkit-transform linear .6s;
                transition: -webkit-transform linear .6s;
             -o-transition: transform linear .6s;
                transition: transform linear .6s;
                transition: transform linear .6s, -webkit-transform linear .6s;
        -webkit-transform-origin: 50% 100%;
            -ms-transform-origin: 50% 100%;
                 transform-origin: 50% 100%;
    }

    .reel-anima-box__lever.animate:after {
        -webkit-transform: rotate3d(1, 0, 0, -45deg) translate(0, -2px);
                transform: rotate3d(1, 0, 0, -45deg) translate(0, -2px);
    }

    .reel-anima-box__top {
        margin-top: -135px;
    }

    .reel-anima-box__top .sort-by-form {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 2px solid #000;
    }

    .reel-anima-box__top .sort-by-form legend {
        margin-bottom: 14px;
    }

    .reel-anima-box__top > .get-ta {
        margin: 0 auto;
    }

    .body-review .header-subchief {
        padding-bottom: 55px;
    }

    .rating-wrap--type-rev {
        margin-bottom: -15px;
        text-align: center;
    }

    .site-grid--rtop .read-more-box__hidden {
        display: none;
    }

    .numone-box {
        margin-left: auto;
        margin-right: auto;
    }

    .site-grid--rbot > .site-grid__block {
        float: none;
        width: 100%;
    }

    .site-grid--rbot > .site-grid__block:first-child {
        margin-left: auto;
        margin-right: auto;
    }

    .site-grid--rbot > .site-grid__block:last-child {
        margin-top: 30px;
    }

    .site-grid--feat-list-boxes {
        margin-top: -82px;
    }

    .site-grid--feat-list-boxes > .site-grid__block {
        width: 100%;
    }

    .site-grid--feat-list-boxes > .site-grid__block:not(:last-child) {
        margin-bottom: 20px;
    }

    .site-grid--feat-list-boxes > .site-grid__block:nth-child(2),
    .numone-box__bottom > .site-grid__block:nth-child(2) {
        margin-right: 0;
        margin-left: 0;
    }

    .body-index .numone-box {
        margin-top: 40px;
    }

    .numone-box__caption {
        display: none;
    }

    .numone-box__bottom {
        padding-bottom: 10px;
        text-align: center;
    }

    .numone-box__bottom > .site-grid__block {
        width: 100%;
    }

    .numone-box__bottom > .site-grid__block:first-child {
        margin-bottom: 30px;
    }

    .numone-box .read-r {
        display: table;
        margin: 5px auto 10px;
    }

    .site-grid--rbot .feat-list-grade {
        display: none;
    }

    .overlap-slider {
        margin: 0 auto;
    }

    .overlap-slide:not(.active) .overlap-slide__main {
        left: 0;
        top: -100px;
        width: 100%;
        height: 210px;
        padding: 20px 10px;
    }

    .overlap-slide:not(.active) .overlap-slide__main:before {
        display: none;
    }

    .slider-bcgames {
        margin-bottom: 60px;
    }

    .slider-bcgames .slick-prev {
        left: 0;
    }

    .slider-bcgames .slick-next {
        right: 0;
    }

    .table-bons .button-y--f {
        margin-top: 10px;
    }

    .slider-gfacts {
        margin-bottom: 60px;
    }

    .slider-gfacts .slick-dots {
        bottom: -40px;
    }

    .slider-gfacts .slick-prev {
        left: 0;
    }

    .slider-gfacts .slick-next {
        right: 0;
    }
}

@media only screen and (max-width: 1059px) {
    .rec-for-box > .float-left, .rec-for-box > .float-right {
        float: none;
    }

    .rec-for-box {
        text-align: center;
    }

    .rec-for-box > .float-right {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 1023px) {
    .table-bons td:not(.terms):first-child:after {
        height: 285px;
    }
    #nav-chief {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 300px;
        -webkit-transform: translate(330px,0);
            -ms-transform: translate(330px,0);
                transform: translate(330px,0);
        -webkit-transition: -webkit-transform ease-out .5s;
                transition: -webkit-transform ease-out .5s;
             -o-transition: transform ease-out .5s;
                transition: transform ease-out .5s;
                transition: transform ease-out .5s, -webkit-transform ease-out .5s;
    }

    #nav-chief.active {
        z-index: 100001;
        -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
                transform: translate(0,0);
    }

    .menu-chief {
        padding: 50px 30px 20px;
    }

    .menu-chief > li {
        margin-bottom: 10px;
    }

    .menu-chief > li > a {
        padding-left: 100px;
        text-align: left;
    }

    .menu-chief > li.active {
        background: rgba(255, 255, 255, .06);
    }

    .menu-chief > li > a:before {
        left: 38px;
    }

    .menu-chief > .item--bon > a:before {
        left: 36px;
    }

    .menu-chief > .item--slt > a:before {
        left: 30px;
    }

    .sections__block {
        padding: 20px 0;
    }

    .search-form--in-header {
        right: 80px;
    }

    #footer-logo {
        margin: 0 auto 20px;
    }

    .foot-links-list, #footer-chief .follow-list-wrap,
    #footer-chief .commissions-list {
        text-align: center;
    }

    .subscribe-form--in-footer {
        margin: 0 auto;
    }

    .slider-rtpbox-nav {
        margin-bottom: 50px;
    }

    .rtpbox__container {
        width: 255px;
    }

    .rtpbox__box > div {
        width: 235px;
    }

    .site-grid--bnses > .site-grid__block {
        width: 100%;
    }

    .site-grid--bnses > .site-grid__block:nth-child(2) {
        margin: 20px 0 -20px 0;
    }

    .overlap-slider {
        margin-top: 100px;
    }

    .overlap-slide.active .overlap-slide__main:before {
        right: -6px;
    }

    .overlap-slide__main img {
        display: table;
        margin: 0 auto 20px;
    }

    .table-bons thead {
        display: none;
    }

    .table-bons th, .table-bons td {
        text-align: center;
    }

    .table-bons td:nth-child(3) {
        width: 100%;
    }

    .site-grid--randr .site-grid__block {
        width: 100%;
    }

    .site-grid--randr .site-grid__block:last-child {
        margin-top: 30px;
        margin-left: 0;
    }

    .section-subscribe .section-title {
        text-align: center;
    }

    .section-subscribe .subscribe-form {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 767px) {
    .width-chief, .width-chief-l {
        padding-left: 10px;
        padding-right: 10px;
    }
    .rtpbox .font-size--h3{font-size: 17px;}
    /* .site-grid--3 .site-grid__block:not(.rev--mob){
        width: 100%;
        margin-bottom: 10px;
    } */
    /* .foot-links-list > li:nth-last-child(2) {
        margin-right: 0;
    } */

    .search-form--in-footer {
        display: none;
    }

    .site-grid--rtop > .site-grid__block:first-child {
        width: 110px;
    }

    .site-grid--rtop > .site-grid__block:first-child .logo-box--top {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .site-grid--rtop > .site-grid__block:first-child .logo-box--top .brand-logo {
        width: 60px;
        height: 40px;
        margin-top: -4px;
        margin-left: 0;
    }

    .site-grid--rtop > .site-grid__block:last-child {
        float: none;
        width: 100%;
    }

    .body-review .site-grid--gavail > .site-grid__block:nth-child(3) {
        margin-left: 0;
    }

    .site-grid--cta-join > .site-grid__block {
        width: 100%;
    }

    .site-grid--cta-join > .site-grid__block:last-child {
        margin-top: 30px;
        margin-left: 0;
        font-size: 25px;
    }

    
    .site-grid .site-grid--mob {
        width: auto;
        margin: 30px auto;
        display: flex;
        justify-content: center;
    }

    .rtpbox__container {
        padding-left: 10px;
    }

    .rtpbox__box > div:not(:last-child) {
        margin-bottom: 20px;
    }

    .site-grid--sandl > .site-grid__block,
    .site-grid--mob-wrap > .site-grid__block {
        width: 100%;
    }

    .site-grid--sandl > .site-grid__block:first-child,
    .site-grid--mob-wrap > .site-grid__block:last-child {
        display: none;
    }

    .site-grid--sandl > .site-grid__block:last-child {
        margin-left: 0;
    }

    .body-review .site-grid--mob-wrap {
        margin-top: 10px;
    }

    .site-grid--header-home > .site-grid__block {
        width: 100%;
    }

    .site-grid--header-home > .site-grid__block:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .site-grid--header-home > .site-grid__block:not(:last-child) {
        margin-bottom: 10px;
    }

    .site-grid--header-home .text {
        display: none;
    }

    .quote-box-wrap {
        margin: 0 50px;
    }

    .quote-box-wrap .slick-prev {
        left: -50px;
    }

    .quote-box-wrap .slick-next {
        right: -50px;
    }

    .quote-box .float-left, .quote-box .float-right {
        float: none;
    }

    .quote-box .float-left {
        text-align: center;
    }

    .quote-box .float-left:after {
        left: 0;
        top: -160px;
    }

    .quote-box .float-right {
        margin-bottom: 20px;
        padding-left: 70px;
    }

    .section-subscribe .subscribe-form .subscribe-mail {
        width: 100%;
    }

    .section-subscribe .subscribe-consent {
        margin-bottom: 100px;
    }

    .section-subscribe .subscribe-form .subscribe-submit {
        top: 160px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
    }
}

@media only screen and (max-width: 639px) {
    .reel-anima-box {
        background: url('/assets/images/reel-anima-box-mobile-one-reel.svg') center bottom no-repeat;
    }

    .reel-anima-box__brands > div:not(:last-child) {
        display: none;
    }

    .reel-anima-box > .button-y {
        bottom: 50px;
    }
    .reel-anima-box .terms{
        bottom: 36px;
        left: 60%;
    }
    .subscribe-form--in-footer label > .label-text {
        margin-right: 0;
    }

    .subscribe-form--in-footer .subscribe-mail {
        width: 100%;
        margin-top: 5px;
    }

    .subscribe-form--in-footer .subscribe-consent {
        margin-top: -82px;
        margin-bottom: 52px;
    }

    .subscribe-form--in-footer .subscribe-submit {
        position: static;
        display: block;
        margin: 60px auto 0;
    }

    .rec-for-box > .float-right {
        margin-top: 40px;
    }

    .rec-for-box > .float-right > .logo-box {
        top: -30px;
        left: 50%;
        -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
    }

    .site-grid--cta-join {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .site-grid--cta-join > .site-grid__block:last-child {
        border-top-width: 1px;
    }

    .site-grid--cta-join > .site-grid__block:last-child > div {
        width: 100%;
        text-align: center;
    }

    .site-grid--cta-join > .site-grid__block:last-child > div:last-child {
        margin-top: 20px;
        border-top: 1px solid #fff;
    }

    .site-grid--cta-join .button-y {
        margin-top: 30px;
    }

    .site-grid--find-more {
        margin-bottom: 10px;
    }

    .site-grid--find-more > .site-grid__block {
        width: 100%;
    }

    .site-grid--find-more > .site-grid__block:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .site-grid--find-more > .site-grid__block > div {
        margin-bottom: 20px;
    }

    .site-grid--find-more + .button-y {
        margin: 30px auto;
    }

    .body-review .site-grid--mob .site-grid__block {
        text-align: center;
    }

    .body-review .site-grid--mob .site-grid__block > .ico {
        margin-bottom: 10px;
    }

    .overlap-slide.active .overlap-slide__main {
        padding: 20px;
    }

    .overlap-slide__cta-box {
        margin-top: 40px;
        padding-bottom: 20px;
        text-align: center;
    }

    .overlap-slide__cta-box .trapezoid-box-wbe {
        height: 100px;
        margin-bottom: 50px;
    }

    .overlap-slide__cta-box .trapezoid-box-wbe:after {
        left: 44px;
        top: -138px;
        border-top: 500px solid #333;
        -webkit-transform: rotate(42deg);
            -ms-transform: rotate(42deg);
                transform: rotate(42deg);
    }

    .overlap-slide__cta-box .brand-logo:after,
    .table-bons .trapezoid-box--left:after {
        display: none;
    }

    .overlap-slide__cta-box .brand-logo {
        margin-top: 20px;
    }

    .overlap-slide__cta-box .button-y {
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .table-bons td:not(.terms):first-child {
        width: 158px;
        height: 158px;
        line-height: 118px;
        border-radius: 50%;
    }

    .table-bons tr:not(.trm) td:first-child {
        background: #fff;
        border: 1px solid #49b84a;
    }
    .table-bons td:not(.terms):first-child:after {
        height: 0;
    }
    .table-bons .ico-top-clover {
        left: 14px;
        top: -5px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        border-radius: 8px;
    }

    .table-bons .ico--top-clover {
        width: 32px;
        height: 38px;
    }

    .table-bons tr:not(:first-child) .table-rank {
        display: none;
    }

    .table-bons td.terms {
        width: calc(100% - 16px);
        margin-right: 8px;
    }

}

@media only screen and (max-width: 559px) {
    .site-grid--randr .title > .ico {
        display: none;
    }

    .site-grid--randr + .button-y {
        width: calc(100% - 20px);
    }
}

@media only screen and (max-width: 479px) {
    .numone-box__top {
        padding-left: 140px;
    }

    .numone-box .logo-box {
        left: 0;
    }

    /* .numone-box .bon-txt {
        left: 0;
        right: 0;
        bottom: -26px;
    } */

    .rec-for-box__nav--4 > li {
        width: 46%;
    }

    .rec-for-box__nav--4 > li:last-child,
    .rec-for-box__nav--4 > li:nth-last-child(2) {
        margin-top: 20px;
    }

    .rec-for-box__nav--4 > li:not(:last-child) {
        margin-right: 0;
    }

    .rec-for-box__nav--4 > li:nth-child(2n+2) {
        margin-left: 8%;
    }

    .table-bons .button-y--f, .table-bons .read-r {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }

    .table-bons .read-r {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 419px) {
    .overlap-slide__main img {
        width: 220px;
        height: 220px;
    }

    .table-bons td:first-child {
        margin: 20px auto;
    }
}

@media only screen and (max-width: 379px) {
    .body-review .site-grid--gavail > .site-grid__block {
        width: 100%;
    }

    .site-grid--4 > .site-grid__block:not(:first-child) {
        margin-left: 0;
    }

    .slider-gavail .slick-prev {
        left: 0;
    }

    .slider-gavail .slick-next {
        right: 0;
    }
}

@media only screen and (max-width: 439px) {
    .reel-anima-box {
        width: 340px;
        height: 500px;
        margin-top: 80px;
        padding-top: 146px;
    }

    .reel-anima-box__lever {
        top: -71px;
        width: 290px;
        height: 80px;
        margin-left: 50px;
    }

    .reel-anima-box__lever:before {
        right: 40px;
    }

    .reel-anima-box__lever:after {
        width: 194px;
        height: 56px;
    }

    .reel-anima-box__top .sort-by-form {
        width: 260px;
    }

    .sort-by-form label.input-style:not(:last-child) {
        margin-bottom: 7px;
    }

    .reel-anima-box__brands {
        bottom: 33px;
        left: 94px;
        width: 160px;
        height: 250px;
    }

    .reel-anima-box__brands .brand-logo {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 420px) {
    .overlap-slide__main img {
        width: 380px;
        height: 380px;
    }

    .table-bons td:first-child {
        position: absolute;
    }
}

@media only screen and (min-width: 440px) {
    .sort-by-form label.input-style {
        display: inline-block;
        margin-left: 30px;
    }
}

@media only screen and (min-width: 480px) {
    .numone-box__top {
        padding-left: 200px;
    }

    .numone-box .logo-box {
        left: 40px;
    }

    .numone-box .bon-txt {
        right: -90px;
        bottom: 0;
    }

    .rec-for-box .site-grid--bottom {
        width: 380px;
    }
}

@media only screen and (min-width: 560px) {
    .site-grid--randr .title > .title-self {
        width: calc(100% - 140px);
    }

    .site-grid--randr + .button-y {
        width: 440px;
    }
}

@media only screen and (min-width: 640px) {
    .reel-anima-box {
        background: url('/assets/images/reel-anima-box-mobile.svg') center bottom no-repeat;
    }

    .reel-anima-box__brands > div {
        float: left;
        width: 33.33%;
    }

    .subscribe-form {
        width: 540px;
    }

    .rec-for-box > .float-right {
        width: 556px;
    }

    .rec-for-box > .float-right > .logo-box {
        left: -26px;
        top: 15px;
    }

    .rec-for-box > .float-right > .button-y {
        margin-left: 20px;
    }

    .site-grid--cta-join > .site-grid__block:last-child > div:first-child {
        width: calc(100% - 210px);
        padding-right: 30px;
    }

    .site-grid--cta-join > .site-grid__block:last-child {
        border-width: 1px 0;
    }

    .site-grid--cta-join > .site-grid__block:last-child > div:last-child {
        width: 200px;
    }

    .site-grid--find-more > .site-grid__block > div:not(:last-child) {
        margin-bottom: 30px;
    }

    .site-grid--find-more + .button-y {
        margin: 60px auto 30px;
    }

    .body-review .site-grid--mob .site-grid__block {
        padding-left: 50px;
    }

    .body-review .site-grid--mob .site-grid__block > .ico {
        position: absolute;
        left: 0;
        top: 4px;
    }

    .overlap-slide__cta-box {
        margin-top: 15px;
        height: 200px;
    }

    .overlap-slide__cta-box > img {
        position: absolute;
        left: 200px;
        top: 80px;
    }

    .overlap-slide__cta-box .trapezoid-box-wbe {
        width: 145px;
    }

    .overlap-slide__cta-box .trapezoid-box-wbe:after {
        right: -259px;
        top: -166px;
        border-bottom: 500px solid #333;
        -webkit-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
                transform: rotate(40deg);
    }

    .overlap-slide__cta-box .brand-logo {
        left: 5px;
        top: 60px;
    }

    .overlap-slide__cta-box .cta-wrap {
        position: absolute;
        top: 74px;
        width: 200px;
    }

    .table-bons tbody tr {
        padding-left: 160px;
    }

    .table-bons th, .table-bons td {
        float: left;
    }

    .table-bons td:first-child {
        left: 0;
        top: 0;
        bottom: 0;
    }

    .table-bons .ico-top-clover, .table-bons .table-rank {
        left: -1px;
        top: -1px;
    }

    .table-bons .brand-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
        z-index: 10;
        /* width: 95px;
        height: 60px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat; */
    }

    .table-bons td.terms {
        width: calc(100% - 8px);
    }
}

@media only screen and (min-width: 768px) {
    h1, .font-size--h1 {
        font-size: 40px;
    }

    h2, .font-size--h2 {
        font-size: 30px;
    }

    h3, .font-size--h3 {
        font-size: 20px;
        line-height: 1.2;
    }

    h4, h5, h6 {
        font-size: 17px;
    }

    .site-grid--rtop > .site-grid__block:first-child {
        width: 235px;
    }

    .site-grid--rtop > .site-grid__block:last-child {
        width: calc(100% - 235px);
    }

    .site-grid--cta-join > .site-grid__block:first-child {
        width: 148px;
    }

    .site-grid--cta-join > .site-grid__block:last-child {
        width: calc(97% - 148px);
        font-size: 30px;
    }

    /* .site-grid--cta-join > .site-grid__block:last-child {
    } */

    .site-grid--sandl .site-grid__block:first-child {
        width: 290px;
    }

    .site-grid--sandl .site-grid__block:last-child {
        width: calc(98% - 300px);
        padding-left: 40px;
    }

    .body-review .site-grid--mob-wrap > .site-grid__block:first-child {
        width: calc(98% - 280px);
    }

    .body-review .site-grid--mob-wrap > .site-grid__block:first-child > .title {
        padding-right: 160px;
        text-align: right;
    }

    .site-grid--header-home {
        margin-bottom: 40px;
    }

    .quote-box-wrap {
        margin: 0 90px;
    }

    .quote-box-wrap:before {
        right: 105px;
    }

    .quote-box .float-left {
        width: calc(100% - 170px);
        padding-right: 100px;
    }

    .quote-box .float-left:after {
        right: -20px;
        top: 0;
    }

    .quote-box .float-right {
        z-index: 20;
    }

    .section-subscribe .subscribe-form {
        width: 640px;
    }

    .section-subscribe .subscribe-form .subscribe-mail {
        width: 470px;
    }

    .section-subscribe .subscribe-form .subscribe-submit {
        right: 0;
    }

    .faq-box {
        float: left;
        width: 48%;
    }

    .faq-box:nth-child(2n+1) {
        margin-right: 4%;
    }

    .faq-box__q > .title-self {
        width: 360px;
    }
}

@media only screen and (min-width: 1024px) {
    #nav-chief {
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    }

    .menu-chief > li {
        float: left;
        margin-bottom: 0;
    }

    .menu-chief > li:not(:last-child) {
        margin-right: 50px;
    }

    .menu-chief > li.item--bon {
        margin-right: 45px;
    }

    .menu-chief > li.item--mob {
        margin-right: 45px;
    }

    .menu-chief > li.item--blj {
        margin-right: 70px;
    }

    .menu-chief a:hover, .menu-chief a.focus, .menu-chief .active > a {
        color: #ffcd02;
    }

    .menu-chief > li > a {
        text-align: center;
    }

    .menu-chief .active > a {
        font-weight: 700;
        border-bottom: 1px solid #0f4020;
    }

    .menu-chief > .item--hom > a:before {
        left: -26px;
    }

    .menu-chief > .item--bon > a:before {
        left: -30px;
    }

    .menu-chief > .item--mob > a:before {
        left: -24px;
    }

    .menu-chief > .item--liv > a:before {
        left: -26px;
    }

    .menu-chief > .item--rlt > a:before {
        left: -30px;
    }

    .menu-chief > .item--blj > a:before {
        left: -32px;
    }

    .menu-chief > .item--slt > a:before {
        left: -54px;
    }

    .sections__block {
        padding: 40px 0;
    }
    .sections__block.sitemap {
        padding: 40px 0 192px;
    }

    #button-nav-chief-open {
        display: none;
    }

    .search-form--in-header {
        right: 10px;
    }

    /* .foot-links-wrap {
        margin-bottom: 20px;
    } */

    #footer-logo, .foot-links-list {
        float: left;
    }

    .foot-links-list {
        width: calc(100% - 210px);
        text-align: right;
    }

    .subscribe-form--in-footer {
        float: left;
    }

    #footer-chief .follow-list-wrap {
        float: right;
        width: 180px;
        text-align: right;
    }

    #footer-chief .commissions-list {
        text-align: right;
    }

    .site-grid--cta-join {
        width: 970px;
    }

    .site-grid--cta-join > .site-grid__block:last-child {
        padding: 20px 0 20px 80px;
    }

    .rtpbox__nav, .rtpbox__container {
        float: left;
    }

    .rtpbox__nav {
        width: 200px;
    }

    .rtpbox__nav > div {
        width: 200px;
    }

    .rtpbox__nav > div:not(:last-child) {
        margin-bottom: 25px;
    }

    .rtpbox__container {
        width: calc(100% - 200px);
    }

    .rtpbox__box:not(:last-child) {
        margin-bottom: 20px;
    }

    .site-grid--bnses .site-grid__block:first-child,
    .site-grid--bnses .site-grid__block:last-child {
        width: 25%;
    }

    .site-grid--bnses .site-grid__block:nth-child(2) {
        width: 45%;
        left: 20px;
    }

    .overlap-slide.active .overlap-slide__main {
        min-height: 580px;
        padding: 70px 60px 70px 460px;
    }

    .overlap-slide.active .overlap-slide__main:before {
        left: -6px;
    }

    .overlap-slide.active .overlap-slide__main > img {
        position: absolute;
        left: 40px;
        top: 50%;
        -webkit-transform: translate(0,-50%);
            -ms-transform: translate(0,-50%);
                transform: translate(0,-50%);
    }

    .overlap-slide__cta-box .cta-wrap {
        right: 130px;
    }

    .table-bons th, .table-bons td {
        text-align: left;
    }

    .table-bons th:nth-child(2), .table-bons td:nth-child(2) {
        width: 500px;
    }

    .site-grid--randr .site-grid__block {
        width: 48%;
    }

    .site-grid--randr .site-grid__block:last-child {
        margin-left: 4%;
    }

    .section-subscribe > div:after {
        content: '';
        top: -40px;
    }
}

@media only screen and (min-width: 1060px) {
    .width-chief {
        width: 1060px;
    }

    .rec-for-box > .float-left {
        width: 400px;
        padding-right: 36px;
    }
}

@media only screen and (min-width: 1200px) {
    .width-chief-l {
        width: 1200px;
    }

    .reel-anima-box {
        width: 1087px;
        height: 483px;
        margin-top: -20px;
        top: 46px;
        background: url('/assets/images/reel-anima-box.png') 0 0 no-repeat;
    }

    .reel-anima-box__lever {
        top: 0;
        right: -57px;
        width: 86px;
        height: 380px;
        background: url('/assets/images/reel-anima-box-lever.png') 0 0 no-repeat;
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
                transform: rotate3d(1, 0, 0, 0deg);
        -webkit-transform-origin: center bottom 10px;
            -ms-transform-origin: center bottom 10px;
                 transform-origin: center bottom 10px;
        -webkit-transition: -webkit-transform ease-out .5s;
                transition: -webkit-transform ease-out .5s;
             -o-transition: transform ease-out .5s;
                transition: transform ease-out .5s;
                transition: transform ease-out .5s, -webkit-transform ease-out .5s;
        cursor: pointer;
    }

    .reel-anima-box__lever.animate {
        -webkit-transform: rotate3d(1, 0, 0, -30deg);
                transform: rotate3d(1, 0, 0, -30deg);
    }

    .reel-anima-box__top {
        position: absolute;
        left: 138px;
        right: 74px;
        top: 24px;
    }

    .sort-by-form {
        width: 660px;
    }

    .sort-by-form legend, .sort-by-form legend + .label-wrap {
        float: left;
        text-align: left;
    }

    .sort-by-form legend, .sort-by-form legend {
        width: calc(100% - 400px);
    }

    .sort-by-form legend + .label-wrap {
        width: 400px;
    }

    .reel-anima-box__brands {
        bottom: 81px;
        left: 137px;
        width: 874px;
        height: 330px;
        padding-top: 20px;
    }

    .reel-anima-box__top > .get-ta {
        position: absolute;
        top: -5px;
        right: 0;
    }

    .reel-anima-box > .button-y {
        bottom: 100px;
        margin-left: 31px;
    }

    .body-index .section--jump-nav {
        /* padding-top: 60px; */
    }

    .body-review .header-subchief {
        margin-bottom: 140px;
        padding-bottom: 60px;
    }
    .body-review .header-subchief.main {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .body-review .header-subchief.about {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .rating-wrap--type-rev {
        margin-bottom: 30px;
    }

    .body-review .site-grid--feat-list-boxes {
        left: 50%;
        -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
        width: 835px;
        margin: -241px 0 0 140px;
    }

    .site-grid--feat-list-boxes > .site-grid__block:nth-child(2) {
        margin-right: 7px;
        margin-left: 7px;
    }

    .site-grid--rbot > .site-grid__block:first-child {
        width: 235px;
        padding-right: 30px;
    }

    .site-grid--rbot > .site-grid__block:last-child {
        width: calc(100% - 235px);
    }

    .site-grid--rtop .read-more-box__button {
        display: none;
    }

    .site-grid--rtop .read-more-box__hidden {
        display: block !important;
    }

    .numone-box {
        width: 824px;
    }

    .numone-box__bottom > div:first-child {
        width: 320px;
        padding-left: 60px;
    }

    .numone-box__bottom > div:nth-child(2), .numone-box__bottom > div:last-child {
        width: 232px;
    }

    .numone-box__bottom > div:nth-child(2) > div {
        display: inline-block;
        text-align: left;
    }

    .numone-box__bottom > div:last-child {
        text-align: right;
    }

    .numone-box .read-r {
        padding-right: 4px;
        display: block;
        text-align: right;
    }

    .rtpbox__box > div {
        width: 270px;
    }

    .rtpbox__box > div:not(:last-child) {
        margin-right: 16px;
    }

    .body-index .numone-box {
        margin-top: 60px;
    }

    .numone-box--wimg {
        margin-left: 308px;
    }

    .numone-box--wimg:before {
        content: '';
    }

    .overlap-slide__cta-box, .overlap-slide.active .overlap-slide__main {
        width: 830px;
    }

    .overlap-slider:after {
        content: '';
    }

    .overlap-slide__main {
        width: 230px;
        height: 510px;
        padding: 60px 50px 60px 0;
    }

    .overlap-slide:not(.active) .overlap-slide__main {
        right: 10px;
        top: 30px;
        padding-left: 20px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .overlap-slide .title {
        width: 195px;
    }

    .table-bons th:first-child, .table-bons td:first-child {
        width: 140px;
        clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    }

    .table-bons th:nth-child(3), .table-bons td:nth-child(3):not(.terms) {
        width: 396px;
    }

    .table-bons th:nth-child(3) {
        padding-left: 40px;
    }

    .table-bons .button-y--f {
        margin-left: 30px;
    }
}

@media only screen and (min-width: 1400px) {
    #button-to-top {
        left: 50%;
        -webkit-transform: translate(-50%,0);
            -ms-transform: translate(-50%,0);
                transform: translate(-50%,0);
        margin-left: 640px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 640px) {
    .reel-anima-box {
        width: 545px;
        height: 655px;
        margin-top: 140px;
    }

    .reel-anima-box__lever {
        top: -111px;
        width: 390px;
        height: 124px;
        margin-left: 30px;
    }

    .reel-anima-box__lever:before {
        right: 0;
    }

    .reel-anima-box__lever:after {
        width: 260px;
        height: 90px;
    }

    .reel-anima-box__brands {
        bottom: 76px;
        left: 57px;
        width: 427px;
        height: 310px;
    }

    .reel-anima-box > .button-y {
        bottom: 90px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
    .width-chief, .width-chief-l {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-grid--feat-list-boxes, .numone-box,
    .site-grid--rbot > .site-grid__block:first-child {
        width: 700px;
    }

    .rtpbox__box > div:not(:last-child) {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
    .rtpbox__box > div {
        width: 253px;
    }

    .overlap-slider, .overlap-slide__cta-box {
        width: 830px;
    }

    .overlap-slider {
        margin-top: 80px;
    }

    .table-bons th:nth-child(3) {
        width: 396px;
        padding-left: 30px;
        text-align: center;
    }

    .table-bons td:nth-child(3) {
        width: calc(100% - 500px);
    }
}

@media only screen and (max-width: 1059px) and (min-width: 480px) {
    .rec-for-box .site-grid--bottom {
        margin: 20px auto;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 480px) {
    .table-bons .read-r {
        margin-right: 30px;
        position: relative;
        top: 4px;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 640px) {
    .overlap-slide.active .overlap-slide__main {
        padding: 30px;
    }

    .table-bons td:nth-child(2) {
        width: 100%;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .slider-rtpbox-container {
        width: 728px;
    }

    .overlap-slider, .overlap-slide__cta-box {
        width: 730px;
    }

    .overlap-slide__cta-box .cta-wrap {
        right: 60px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 380px) {
    .body-review .site-grid--gavail .site-grid__block {
        width: calc(48% - 4px);
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 640px) {
    .rtpbox {
        width: 500px;
    }

    .overlap-slide__cta-box .cta-wrap {
        right: 20px;
    }
}

@media only screen and (max-width: 639px) and (min-width: 420px) {
    .rtpbox {
        width: 400px;
    }

    .table-bons td:not(.terms):first-child {
        left: 20px;
        top: 20px;
    }

    .table-bons td:nth-child(2) {
        width: calc(100% - 200px);
        min-height: 160px;
        margin-left: 200px;
        padding-top: 40px;
    }
}

@media only screen and (max-width: 639px) and (min-width: 440px) {
    .reel-anima-box {
        width: 420px;
        height: 540px;
        margin-top: 80px;
    }

    .reel-anima-box__lever {
        top: -71px;
        width: 290px;
        height: 80px;
        margin-left: 50px;
    }

    .reel-anima-box__lever:before {
        right: -20px;
    }

    .reel-anima-box__lever:after {
        width: 194px;
        height: 56px;
    }

    .reel-anima-box__brands {
        bottom: 29px;
        left: 131px;
        width: 160px;
        height: 310px;
    }
}
/*=============================
======================*/
/* Software icons */

.ico--egt {background-image: url('/assets/images/providers/providers-icons/egt-icon.svg');}
.ico--igt {background-image: url('/assets/images/providers/providers-icons/igt-icon.svg');}
.ico--microgaming {background-image: url('/assets/images/providers/providers-icons/microgaming-icon.svg');}
.ico--netent {background-image: url('/assets/images/providers/providers-icons/netent-icon.svg');}
.ico--play-n-go {background-image: url('/assets/images/providers/providers-icons/playngo-icon.svg');}
.ico--playson {background-image: url('/assets/images/providers/providers-icons/playson-icon.svg');}
.ico--playtech {background-image: url('/assets/images/providers/providers-icons/playtech-icon.svg');}
.ico--yggdrasil {background-image: url('/assets/images/providers/providers-icons/yggdrasil-icon.svg');}
.ico--pragmatic-play {background-image: url('/assets/images/providers/providers-icons/pragmatic-play-icon.svg');}
.ico--evolution {background-image: url('/assets/images/providers/providers-icons/evolution-icon.svg');}
.ico--novomatic {background-image: url('/assets/images/providers/providers-icons/novomatic-icon.svg');}

.icons {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999px;
    text-align: left;
    display: inline-block;
}

.ico--more {width: 20px; height: 20px;}

/* Styles */
.bon {
    font-weight: 700;
    font-size: 20px;
}
.bon-val {
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    font-size: 30px;
    text-align: center;
    position: relative;
}

.bon-val--3 {width: 90px;}

.bon-val:before {
    content: '';
    position: absolute;
    background: url('/assets/images/sprite-svg.svg#bon-sun') 0 0 no-repeat;
}
.green-bg {
    background: #49b84a;
    color: #fff;
    border-radius: 15px;
}
.border-green {border: 1px solid #49b84a;}
.border-gray {border: 1px solid #ccc;}
.br-t-green {border-top: 1px solid #49b84a;}
.light-bg-green {background: #f7fbf7;}
.trapezoid-box--d {background: #333;}
.trapezoid-box--l {background: #ededed;}

/* Tables */
.company-100 {
    width: 100px;
    height: 70px;
}
.company-120[class*="bg-"]{width:120px;height:50px;}

.table [class*="company-"][class*="bg-"], .preview-boxes [class*="company-"] {
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    border-radius: 4px;
}
.table [class*="logo-"], .preview-boxes [class*="logo-"], .steps [class*="logo-"], .games-preview [class*="logo-"]{
    display: block;
    text-indent: -9999px;
    text-align: left;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: center center!important;
    width: 100%;
    height: 100%;
}
.go-o{
    background: #fecc06;
    color: #000;
    font-family: 'Shrikhand', cursive;
    text-decoration: none;
}
.go-o:hover{color:#fff;background:#0f4020;}
.go-i{position:relative;transition:all 200ms linear;}
.go-i:not(.cat-link):after{position:absolute;bottom:-2px;left:50%;height:2px;content:'';background-color:#2B9C78;opacity:0;transition:all 200ms linear;transform:translateX(-50%);}
.go-i:hover{color:#2B9C78;text-decoration:none;}
.go-i:hover:after{opacity:1;}

.table {
    margin: 20px auto 0;
    table-layout: auto;
    border-collapse: collapse;
    position: relative;
    border: 2px solid #dee2e6;
}
.table td,.table th{vertical-align:middle;}
.table-striped tbody tr:nth-of-type(odd){background-color:#eaf2ea}
.table-striped tbody tr:nth-of-type(even){background-color:#fff;}
.table:not(.table-simple) th{padding:.25rem; color:#333;text-align:center;}
.table thead th {border: none;}
.table:not(.table-simple) td{padding:1rem .25rem; border-top: none;}
.table tbody td{text-align:center;}
.table .go-o{display:block;width:70%;margin:0 auto 15px;padding:5px 0;font-size: 1.5rem;}
.table tbody tr:first-child .tab-num,table tbody tr:hover .tab-num{background:#333;}
.table thead{background:#fff;}
.table .go-i{display:block;font:400 14px 'Nunito Sans', sans-serif;margin-top:12px;text-align:center;color:#007401;}
.table .go-i:after{width:40%;}
.table .bon{font-size: 18px;}
@media only screen and (max-width:575px){
    .table:not(.table-simple){box-shadow:none;border:none;}
    .table:not(.table-simple) tbody tr{display:block;max-width:95%;margin:0 auto; border: 2px solid #dee2e6;}
    .table tbody {border:none;}
    .table tbody tr:not(:last-child){margin-bottom:1.5rem;}
    .table tbody td:last-child{width:100%;}
    .table tbody td:not(.terms):last-child{border-left:none;}
    .table tbody td{border-right:none;}
}
@media only screen and (min-width:576px) and (max-width: 767px){
    .table [class*="mobile-"]{display:inline-block;width:25px;height:20px;}
    .table:not(.games) tbody td:last-child{width:30%;}
}
@media only screen and (min-width:576px){    
    .table.main td:has(.providers){width: 95px; max-width: 100%;}
}
@media only screen and (min-width:600px){
    .table:not(.games):not(.mobile) tbody td:last-child{width:25%;}
    .table.mobile tbody td:last-child{width:150px;}
}
@media only screen and (max-width: 575px){
    .table .go-o{width:150px;}
}
.table.mobile{white-space: nowrap;}
.table.mobile td.terms{white-space: break-spaces;}

/* Preview Boxes */

.tandc-visit {
    font-size: 10px;
    line-height: 1.2;
    text-align: right;
}
.tandc-visit.el {
    margin-top: 5px;
    margin-bottom: 20px;
}
.header-subchief .tandc-visit.el {
    margin-bottom: 0;
}
@media screen and (min-width: 1200px){
    .preview-boxes .brand{clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);}
}

/* Small table */
@media screen and (max-width: 575px){
    .table.small-tbl{width:350px;max-width:100%;}    
}

@media screen and (min-width: 576px) and (max-width: 767px){
    .table.small-tbl{max-width:70%;}
}
.small-tbl{max-width:100%;width:690px;}
.small-app-tbl-td tbody td:nth-child(3) {
    min-width: 120px;
}


/* Lists */
.ul li {
    position: relative;
    margin-bottom: 0.2rem;
    padding-left: 2rem;
    line-height: 1.2;
}

.ul li:before {
    content: '';
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    top: 2px;
    left: 0;
    background-repeat: no-repeat;
}
.ul-safety li:before {background: url('/assets/images/sprite-svg.svg#safe') 0 0 no-repeat;}
.ul-stars li:before {background: url('/assets/images/sprite-svg.svg#star-yellow') 0 0 no-repeat;}

@media screen and (max-width: 767px){
    .br-b-green{border-bottom: 1px solid #49b84a;}
    }
@media screen and (min-width: 768px){
    .br-md-l-green{border-left: 1px solid #49b84a;}
    .inline-list li {display: inline;margin-right: 15px;}
    }
@media screen and (min-width: 991px){
    .list-box{max-width:75%;}
    .steps {
        width: 890px;
        max-width: 100%;
    }
}

.steps {
    border: 1px solid #49b84a;
    margin: 10px 0;
}

/* About element */
.about-box {border: 2px solid #49b84a; border-radius: 15px; background: rgb(73 184 74 / 7%);}

/* Contact Form */
#contact{display:block;margin:40px auto;padding:10px;border:2px solid #49b84a;background-color:#FFF;-webkit-border-radius:5px;border-radius:5px;}
#contact form{overflow:hidden;}
#contact label{float:left;height:26px;line-height:35px;width:30%;}
#contact input,textarea{padding:5px;color:#666;background:#f5f5f5;border:1px solid #ccc;margin:5px 0;}
#contact input:focus,textarea:focus{border:1px solid #999;background-color:#fff;color:#333;}
#contact input.submit{cursor:pointer;background:#ffcc04;border:none;color:#fff;text-align:center;float:right;margin-right:13px;outline:0;border-radius:4px;font-weight:bold;padding:.5rem;}
#contact input.submit:hover{background:#ef435a;}
#contact fieldset{padding:20px;border:1px solid #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#contact legend{padding:7px 10px;font-weight:bold;font-size:14px;color:#007401;margin-bottom:20px;}
#contact span.required{font-size:13px;color:#ef435a;}
#message{margin:10px 0;padding:0;}
.error_message {
    display: block;
    line-height: 22px;
    background: #FBE3E4;
    padding: 5px 5px 5px 30px;
    color: #8a1f11;
    border: 1px solid #FBC2C4;
    border-radius: 4px;
}
.form-group{overflow:hidden;}
@media only screen and (max-width:767px){
#contact{width:100%;}
#contact label,#contact input,#contact legend,#contact textarea{width:100%;display:block!important;}
#contact input.submit{margin:10px auto;text-align:center;min-width:150px;width:auto;float:none;}
.captcha-wrapper{width:304px;float:none;margin:0 auto;overflow:hidden;}
}
@media only screen and (min-width:768px){
#contact label{width:15%;}
#contact input,textarea{width:82%;}
.captcha-wrapper{width:304px;float:right;margin-right:13px;}
#contact input.submit{width:20%;}
}
@media only screen and (min-width:768px) and (max-width:1199px){
#contact{width:80%;}
}
@media only screen and (min-width:1200px){
#contact{width:60%;}
}

/* Main top3 boxes */
.top3-boxes .box {
    border-radius: 4px;
    font-size: 14px;
    position: relative;
}
.top3-boxes .info-list > li {margin-bottom: 8px; border-bottom: 1px solid #58bc55;}
.top3-boxes .info-list .title, .info-list .text {display: inline-block; padding-bottom: 4px;}
.top3-boxes .info-list .title {width: calc(100% - 60px); text-align: left;}
.top3-boxes .info-list .text {width: 50px; text-align: right;}

.ico-first {
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: #49b84a;
    border-radius: 4px;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 5px;
}

.brand-bg-box {
    text-align: center;
    position: relative;
    height: 110px;
}

.brand-box .brand-logo {
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: center center!important;
    width: 60%;
    height: 100%;
}

.top3-boxes .read-r {font-size: 12px;}
.brand-box {width: 120px; height: 110px;}

.feat-list-compare {font-style: italic; font-size: 14px;}
.feat-list-compare > li {margin-bottom: 10px;}
.feat-list-compare > li:not(:last-child) {margin-right: 20px;}
.feat-list-compare .ico {margin-right: 5px;}
.feat-list-compare > li {display: inline-block; padding: 0 10px;}

@media only screen and (max-width:767px){
    .top3-boxes .box{width:75%;}
    .top3-boxes .info-list > li {float: left; width: 48%;}
    .top3-boxes .info-list > li:nth-child(2n+2) {margin-left: 4%;}
    .brand-bg-box {height: 160px; width: 160px; border-radius: 50%;}
    .brand-box {height: 160px;}
}

@media only screen and (max-width:575px){
    .top3-boxes .box {width: 100%;}
}

@media only screen and (min-width:768px){
    .brand-bg-box {clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);}
    .first {transform: scale(1, 1.05);}
}

.select-brand > .brand-logo:not(.active) {
    margin-bottom: 25px;
    opacity: .4;
    -webkit-filter: gray;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all linear .1s;
    -o-transition: all linear .1s;
    transition: all linear .1s;
    -webkit-transition-property: opacity, filter;
    -o-transition-property: opacity, filter;
    -webkit-transition-property: opacity, -webkit-filter;
    transition-property: opacity, -webkit-filter;
    transition-property: opacity, filter;
    transition-property: opacity, filter, -webkit-filter;
    cursor: pointer;
}

.games .ico{width: 57px;height: 58px;}
.games-preview{display: flex;justify-content: space-around;}
.game-holder{border: 1px solid #49b84a; position: relative;width: 32.5%;border-radius: 5px;background: #f7f7f7;}
.games-preview .btn{font-size: 18px;padding: 5px 15px;}
.games-preview ul{font-size: 14px;}
.game-holder a{position: absolute;left: 50%;transform: translate(-50%, 0%);}
.game-holder a:has(.company-120){top: -27px;display: none;}
.game-holder a.btn{bottom: -33px;}
/* Compare Boxes */
.compare-box.active > .trapezoid-box {background: #333;}
.trapezoid-box-wrap{overflow:hidden;}
.trapezoid-box-wrap > *:not(.trapezoid-box){z-index:100;}
.trapezoid-box{width:145px;background:#ededed;text-align:center;position:relative;z-index:10;}
.trapezoid-box:after{content:'';position:absolute;width:0;height:0;z-index:1;}
.trapezoid-box--bottom:after{right:-259px;top:-138px;border-top:500px solid #ededed;border-right:500px solid transparent;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg);}
.trapezoid-box .brand-logo{position:relative;z-index:10;background-size: contain;}
.bon-val{display:inline-block;vertical-align:middle;margin-top:10px;font-size:30px;text-align:center;position:relative;}
.bon-val--3{width:90px;}
.bon-val:before{content:'';position:absolute;background:url('/assets/images/sprite-svg.svg#bon-sun') 0 0 no-repeat;}
.bon-val--3:before{left:-46px;top:-12px;width:171px;height:71px;}
.bon-txt{position:absolute;right:-59px;bottom:5px;font-size:15px;}
.compare-boxes{margin-bottom:10px;text-align:center;}
.feat-list-compare{font-style:italic;font-size:14px;}
.feat-list-compare > li{display:inline-block;padding:0 10px;}
.feat-list-compare > li{margin-bottom:10px;}
.feat-list-compare > li:not(:last-child){margin-right:20px;}
.feat-list-compare .ico{margin-right:5px;}
.compare-boxes__select{padding:25px 0 0;border:0 solid #58bc55;border-width:1px 0;position:relative;}
.compare-boxes__select:before,.compare-boxes__select:after{position:absolute;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
.compare-boxes__select:before{content:'Compare';bottom:-22px;width:120px;height:40px;padding-top:44px;background:#fff;font-family:'Shrikhand', cursive;text-transform:uppercase;}
.compare-boxes__select:after{content:'';bottom:-10px;width:24px;height:20px;background:url('/assets/images/sprite-svg.svg#comapre') 0 0 no-repeat;}
.compare-boxes__select > .brand-logo{margin-bottom:25px;opacity:.4;-webkit-filter:gray;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all linear .1s;-o-transition:all linear .1s;transition:all linear .1s;-webkit-transition-property:opacity, filter;-o-transition-property:opacity, filter;-webkit-transition-property:opacity, -webkit-filter;transition-property:opacity, -webkit-filter;transition-property:opacity, filter;transition-property:opacity, filter, -webkit-filter;cursor:pointer;}
.compare-boxes__select > .brand-logo:not(:last-child){margin-right:25px;background-size: contain;}
.compare-boxes__select > .brand-logo.brand-logo--betfred,.compare-boxes__select > .brand-logo.brand-logo--betfred.active, .compare-boxes__select > .brand-logo.brand-logo--luckster, .compare-boxes__select > .brand-logo.brand-logo--luckster.active, .compare-boxes__select > .brand-logo.brand-logo--casumo, .compare-boxes__select > .brand-logo.brand-logo--casumo.active, .compare-boxes__select > .brand-logo.brand-logo--william-hill,.compare-boxes__select > .brand-logo.brand-logo--tonybet{filter: invert(1);}
.compare-boxes__select > .brand-logo.active{opacity:1;filter:none;-webkit-filter:grayscale(0);}
.compare-boxes__info{margin:44px 50px 10px;text-align:center;}
.compare-boxes__info > div{display:table;margin:0 auto;position:relative;}
.compare-boxes__info > div:before,.compare-boxes__info > div:after{content:'';position:absolute;width:36px;height:12px;background:url('/assets/images/sprite-svg.svg#arrow-grey-right') 0 0 no-repeat;}
.compare-boxes__info > div:before{left:-50px;top:-6px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);}
.compare-box{margin-top:10px;border:1px solid #ccc;border-radius:4px;font-size:14px;position:relative;}
.compare-box.active{border-color:#49b84a;}
.compare-box > .trapezoid-box{padding:20px 10px;border-radius:4px 4px 0 0;}
.compare-box.active > .trapezoid-box{background:#333;}
.compare-box.active > .trapezoid-box--bottom:after{border-top-color:#333;}
.compare-box > .trapezoid-box .ico-top-clover{position:absolute;top:10px;left:10px;width:35px;height:35px;z-index:20;}
.compare-box > .trapezoid-box .ico--top-clover{width:18px;height:28px;margin-top:4px;}
.close{display:inline-block;width:14px;height:14px;background:url('/assets/images/sprite-svg.svg#close') 0 0 no-repeat;z-index:100;cursor:pointer;}
.compare-box > .close{position:absolute;top:8px;right:8px;z-index:100;}
.compare-box .info-list{margin-top:30px;}
.compare-box .info-list > li{margin-bottom:8px;border-bottom:1px solid #58bc55;}
.compare-box .info-list .title,.compare-box .info-list .text{display:inline-block;padding-bottom:4px;}
.compare-box .info-list .title{width:calc(100% - 60px);text-align:left;}
.compare-box .info-list .text{width:50px;text-align:right;}
.compare-box .deposit-box > div{margin-bottom:10px;}
.compare-box .deposit-box .ico + .ico{margin-left:10px;}
.compare-box .button-y{margin-top:10px;}
.compare-box .read-r{display:block;margin:10px 0;font-size:12px;text-align:center;}
@media only screen and (max-width: 1023px){
.games-preview{display: block;}
.game-holder{max-width: 550px;width: 100%;margin: auto auto 40px;}
.compare-boxes__info{margin-bottom:30px;}
.compare-boxes__info > div:after{right:-50px;top:15px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.compare-boxes__result{margin-left:auto;margin-right:auto;}
.compare-boxes__result:not(.slick-initialized) .compare-box{display:none;}
.compare-box > .trapezoid-box{margin-top:20px;border-radius:50%;}
.compare-box > .trapezoid-box:after{display:none;}
.compare-box > .bon-val{position:absolute;top:55px;}
.compare-box .info-list > li{float:left;width:48%;}
.compare-box .info-list > li:nth-child(2n+2){margin-left:4%;}
.compare-box .button-y{display:table;width:80%;margin:30px auto 10px;}
.compare-box .read-r,.compare-box .terms{display:inline-block;width:calc(50% - 10px);}
}
@media only screen and (max-width: 559px){
.compare-box{padding:0 20px 16px;}
.compare-box > .trapezoid-box{width:130px;height:130px;line-height:87px;}
.compare-box > .bon-val{right:40px;}
.compare-box > .bon-val > .bon-txt{bottom:-20px;right:auto;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}
}
@media only screen and (min-width: 560px){
.compare-box{padding:0 40px 16px;}
}
@media only screen and (min-width: 1024px){
.compare-boxes__info > div:after{right:-50px;top:-10px;}
.compare-boxes__result{width:910px;margin:0 auto;}
.compare-box{display:inline-block;vertical-align:top;width:280px!important;}
.compare-box > .trapezoid-box .brand-logo{top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);margin-top:5px;}
.compare-box > .trapezoid-box .brand-logo--royal-panda{margin-top:0;}
.compare-box > .trapezoid-box{width:calc(100% + 80px);height:110px;margin-left:-40px;margin-bottom:40px;}
.compare-box.active > .trapezoid-box{height:130px;}
.compare-box.active .trapezoid-box--bottom:after{top:-120px;}
.compare-box .deposit-box > .title{text-align:left;}
}
@media only screen and (max-width: 1023px) and (min-width: 560px){
.compare-box > .trapezoid-box{width:160px;height:160px;line-height:117px;}
.compare-box > .bon-val{right:100px;}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
.compare-boxes__result{width:630px;}
}
.table.table-simple tbody td {text-align: start; padding: .75rem;}
.table.table-simple tbody th {font-weight: bold;}

#show-more { display: none; }
#show-more ~ #hide-btn { display: none; }
#show-more:checked ~ #show-btn { display: none; }
#show-more:checked ~ #hide-btn { display: block; }
#show-more:checked ~ #hide-btn, label[for=show-more] { cursor: pointer; margin: 0 auto 2rem; position: relative; display: block; }
.table.main ~ #show-btn, .table.main ~ #show-btn ~ #hide-btn { width: 285px; padding: 10px 0; border-radius: 6px; border: 2px solid #fecc06; background: transparent; font-weight: 600; font-size: 14px; text-align: center; }
.table.main ~ #show-btn:hover, .table.main ~ #show-btn ~ #hide-btn:hover { background: #fecc06; border-color: #fecc06; color: #fff; transition: var(--transition);}
.table.main ~ #show-btn span, .table.main ~ #show-btn ~ #hide-btn span { position: relative; }
.table.main ~ #show-btn span::after, .table.main ~ #show-btn ~ #hide-btn span::after { content: ""; position: absolute; width: 14px; height: 7px; top: 50%; transform: translateY(-50%); right: -20px; }
.table.main ~ #show-btn span::after { background: center / contain no-repeat var(--icon-arrow-down); }
.table.main ~ #show-btn ~ #hide-btn span::after { background: center / contain no-repeat var(--icon-arrow-up); }
.table.main ~ #show-btn ~ #hide-btn span::after { background: center / contain no-repeat var(--icon-arrow-up); }
#show-btn:hover span::after, #hide-btn:hover span::after {filter: brightness(0) saturate(100%) invert(94%) sepia(0%) saturate(7500%) hue-rotate(89deg) brightness(112%) contrast(107%);}
.table.main .row-hidden { display: none; }
#show-more:checked + .table.main .row-hidden { display: table-row; }
@media only screen and (max-width: 575px) {
    #show-more:checked + .table.main .row-hidden { display: block; }
}