*, ::after, ::before {
    box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
 margin:0;
 padding:0;
 border:0;
 font-size:100%;
 font:inherit;
 vertical-align:baseline
}

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background: linear-gradient(45deg, #330864, #2ec1c8);
    background-attachment: fixed;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

.container {
    width: 100%;
    padding-right: auto;
    padding-left: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1140px;
}

.background, 
.backdrop {
    background-color: #3f689c;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.backdrop {
    filter: alpha(opacity=90);
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.background {
    filter: blur(15px);
    -webkit-filter: blur(10px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=5); */
}

.login-form-container {
    width: 100%;
    padding: auto;
    margin-right: auto;
    margin-left: auto;
    max-width: 1000px;
    background: white;
    margin-top: 0vw;
    border-radius: 15px;
    margin-bottom: 3vw;
}

.login-form-header {
    text-align: center;
    background: #f0f0f0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 30px 10px;
    border-bottom: 2px solid #ccc;
    font-size: 20px;
    font-weight: bold;
}

.login-form {
    padding: 20px 30px;
}

.login-form .input-container {
    border-bottom: 1px solid #CCCCCC;
    margin-top: 15px;
    font-size: 20px;
    color: #9e9e9e;
    padding-bottom: 5px;
}
.login-form .input {
    border: 0;
    width: 200px;
}
.login-form .input:focus {
    outline: none;
}
#show-password {
    float: right;
    vertical-align: bottom;
    text-align: center;
    margin-top: 7px;
    cursor: pointer;
}
.login-form .forgot-password {
    float: right;
}
.login-form .rememberme-container {
    margin-top: 15px;
    padding: 0;
}
.login-form .rememberme-container input {
    margin-left: 0;
}
.login-form .rememberme span {
    vertical-align: top;
}
.login-form .button {
    margin-top: 15px;
    width: 100%;
    background: #2e7ec7;
    border: 0;
    color: #FFFFFF;
    padding: 10px;
    font-size: 15px;
    cursor: pointer;
    transition: background .3s;
}
.login-form .button:hover {
    background: #1f6eb7;
}
.login-form .button:focus {
    outline: none;
}
.login-form .register {
    margin-top: 5px;
    background: #CCCCCC;
    border: 0;
    color: #676464;
    padding: 8px;
    font-size: 15px;
    display: block;
    text-align: center;
}
.login-form .register:hover {
    background: #b7b7b7;
}


.footer-box {
    padding: 20px 25px;
    color: #2f8dab;
    display: block;
    text-align: center;
    font-family: helvetica ;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top: 2px solid #ccc;
    background: #f0f0f0;
}

.footer-box h3 {
    font-size: 1.5em;
}

.payment-text {
  color: black;
  text-align: center;
  font-weight: bold;
  font-size: 17px !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
body {
 line-height:1
}
ol,
ul {
 list-style:none
}
blockquote,
q {
 quotes:none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
:focus,
:active,
input,
a {
 outline:0!important;
 -moz-outline-style:none!important
}
html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:0
}
[hidden],
template {
 display:none
}
a {
 background-color:transparent
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:700
}
i {
 font-style:italic
}
dfn {
 font-style:italic
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type=text]::-ms-clear {
 display:none
}
input[type=checkbox],
input[type=radio] {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 padding:0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
 height:auto
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:700
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,
th {
 padding:0
}
* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
:before,
:after {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
html {
 font-size:10px;
 -webkit-tap-highlight-color:transparent
}
body {
 font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size:14px;
 line-height:1.42857143;
 color:#333;
 background-color:#fff
}
input,
button,
select,
textarea {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit
}
a {
 color:#007dff;
 text-decoration:none
}
img {
 vertical-align:middle
}
.container {
 margin-right:auto;
 margin-left:auto;
 padding-left:10px;
 padding-right:10px
}
@media (min-width:768px) {
 .container {
  max-width:870px
 }
 .casino-wrapper {
  max-width:870px;
  margin:auto
 }
}
@media (min-width:992px) {
 .container {
  max-width:970px
 }
 .casino-wrapper {
  max-width:970px
 }
}
@media (min-width:1200px) {
 .container {
  width:1200px;
  max-width:none
 }
 .casino-wrapper {
  width:calc(100% - 300px);
  max-width:none;
  margin:0
 }
}
.row {
 margin-left:-15px;
 margin-right:-15px
}
.col-xs-12,
.col-md-3,
.col-lg-7,
.col-xxs-6,
.col-sm-9,
.col-md-3,
.col-lg-6,
.col-lg-7,
.col-lg-9,
.col-md-9,
.col-xxs-12 {
 position:relative;
 min-height:1px;
 padding-left:15px;
 padding-right:15px
}
@media (min-width:380px) {
 .col-xs-12 {
  float:left;
  width:100%
 }
}
@media (min-width:992px) {
 .col-md-3,
 .col-md-9 {
  float:left
 }
 .col-md-9 {
  width:75%
 }
 .col-md-3 {
  width:25%
 }
}
@media (min-width:1200px) {
 .col-lg-7 {
  width:58.33333333%
 }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
 content:" ";
 display:table
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
 clear:both
}
.hidden {
 display:none!important
}
@-ms-viewport {
 width:device-width
}
.visible-xxs,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
 display:none!important
}
.visible-xxs-block,
.visible-xs-block,
.visible-lg-block {
 display:none!important
}
@media (max-width:379px) {
 .visible-xxs {
  display:block!important
 }
}
@media (min-width:380px) and (max-width:767px) {
 .visible-xs {
  display:block!important
 }
}
@media (max-width:379px) {
 .visible-xxs-block {
  display:block!important
 }
}
@media (min-width:380px) and (max-width:767px) {
 .visible-xs-block {
  display:block!important
 }
}
@media (min-width:768px) and (max-width:991px) {
 .visible-sm {
  display:block!important
 }
}
@media (min-width:992px) and (max-width:1199px) {
 .visible-md {
  display:block!important
 }
}
@media (min-width:1200px) {
 .visible-lg {
  display:block!important
 }
 .visible-lg-block {
  display:block!important
 }
}
@media (max-width:379px) {
 .hidden-xxs {
  display:none!important
 }
}
@media (min-width:380px) and (max-width:767px) {
 .hidden-xs {
  display:none!important
 }
}
@media (min-width:768px) and (max-width:991px) {
 .hidden-sm {
  display:none!important
 }
}
@media (min-width:992px) and (max-width:1199px) {
 .hidden-md {
  display:none!important
 }
}
@media (min-width:1200px) {
 .hidden-lg {
  display:none!important
 }
}
.cf:after {
 visibility:hidden;
 display:block;
 font-size:0;
 content:" ";
 clear:both;
 height:0
}
.slick-slider {
 position:relative;
 display:block;
 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:0
}
.slick-list.dragging {
 cursor:pointer;
 cursor:hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0);
 -o-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.slick-track {
 position:relative;
 top:0;
 left:0;
 display:block
}
.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;
 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
}
.color-green,
.c-green {
 color:#44be4c!important
}
.color-red,
.c-red {
 color:#ed3445!important
}
.color-yellow {
 color:#fff000!important
}
.color-grey {
 color:#6d6d6d!important
}
.c-black-40 {
 color:#999
}
.c-black-60 {
 color:#666
}
.c-black-80 {
 color:#333
}
.c-black-80:hover {
 color:#333
}
.link-blue,
a.link-blue {
 color:#007dff;
 text-decoration:underline
}
.c-blue {
 color:#007dff
}
.c-purple {
 color:#7528ab;
 fill:#7528ab
}
.link-green,
a.link-green {
 color:#44be4c
}
.link-green:hover,
a.link-green:hover {
 text-decoration:underline;
 cursor:pointer
}
.link-black-80,
a.link-black-80 {
 color:#333
}
.link-black-80:hover,
a.link-black-80:hover {
 text-decoration:underline;
 cursor:pointer
}
.c-default,
.c-default a {
 color:#333
}
.c-text-default {
 color:#4a5b68
}
.c-white,
.c-white a {
 color:#fff
}
.c-grey-5 {
 color:#7b8c98
}
.c-grey-6 {
 color:#4a5b68
}
.c-grey-3 {
 color:#dce3e8
}
svg.c-white {
 fill:#fff
}
svg.c-black-40 {
 fill:#999
}
svg.c-black-60 {
 fill:#666
}
svg.c-black-80 {
 fill:#333
}
svg.c-green {
 fill:#44be4c
}
svg.c-red {
 fill:#ed3445
}
svg.c-blue {
 fill:#007dff
}
svg.c-grey-5 {
 fill:#7b8c98
}
svg.c-grey-6 {
 fill:#4a5b68
}
.color-green,
.c-green {
 color:#44be4c!important
}
.color-red,
.c-red {
 color:#ed3445!important
}
.color-yellow {
 color:#fff000!important
}
.color-grey {
 color:#6d6d6d!important
}
.c-black-40 {
 color:#999
}
.c-black-60 {
 color:#666
}
.c-black-80 {
 color:#333
}
.c-black-80:hover {
 color:#333
}
.link-blue,
a.link-blue {
 color:#007dff;
 text-decoration:underline
}
.c-blue {
 color:#007dff
}
.c-purple {
 color:#7528ab;
 fill:#7528ab
}
.link-green,
a.link-green {
 color:#44be4c
}
.link-green:hover,
a.link-green:hover {
 text-decoration:underline;
 cursor:pointer
}
.link-black-80,
a.link-black-80 {
 color:#333
}
.link-black-80:hover,
a.link-black-80:hover {
 text-decoration:underline;
 cursor:pointer
}
.c-default,
.c-default a {
 color:#333
}
.c-text-default {
 color:#4a5b68
}
.c-white,
.c-white a {
 color:#fff
}
.c-grey-5 {
 color:#7b8c98
}
.c-grey-6 {
 color:#4a5b68
}
.c-grey-3 {
 color:#dce3e8
}
svg.c-white {
 fill:#fff
}
svg.c-black-40 {
 fill:#999
}
svg.c-black-60 {
 fill:#666
}
svg.c-black-80 {
 fill:#333
}
svg.c-green {
 fill:#44be4c
}
svg.c-red {
 fill:#ed3445
}
svg.c-blue {
 fill:#007dff
}
svg.c-grey-5 {
 fill:#7b8c98
}
svg.c-grey-6 {
 fill:#4a5b68
}
body {
 padding-top:40px;
 font-family:'Noto Sans',sans-serif;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale;
 text-rendering:auto
}
@media (min-width:768px) {
 body {
  padding-top:50px
 }
}
@media (min-width:992px) {
 body {
  padding-top:60px
 }
}
body.overflow {
 overflow:hidden;
 height:100%;
 background:#222
}
.svg-loader {
 display:none
}
.bg-grey-1 {
 background:#f8f8fa;
 overflow:hidden
}
.bg-wrapper {
 background:#f8f8fa;
 overflow:auto
}
.col-main {
 background:#fff
}
@media (min-width:768px) {
 .col-main {
  max-width:870px;
  margin:auto
 }
}
@media (min-width:1200px) {
 .col-main {
  max-width:1200px
 }
}
.col-main-pad {
 padding:0 5px
}
@media (min-width:768px) {
 .col-main-pad {
  max-width:870px;
  margin:auto
 }
}
@media (min-width:1200px) {
 .col-main-pad {
  max-width:1200px;
  padding:0 15px
 }
}
.col-responsive {
 margin:auto
}
@media (min-width:1200px) {
 .col-responsive {
  max-width:1200px;
  padding:0 15px
 }
}
.col-text {
 padding:0 5px
}
@media (min-width:768px) {
 .col-text {
  max-width:870px;
  margin:auto
 }
}
.results-header {
 padding:0 10px
}
.col-filter {
 transition:all 230ms ease-out;
 transform:translateX(-120%);
 position:fixed;
 left:0;
 top:0;
 width:100%;
 height:100%;
 overflow:auto;
 box-shadow:20px 0 74px 0 rgba(0,0,0,.32);
 background:#fff;
 z-index:2;
 padding-right:30px;
 background-image:url(../images/ico-filter-mobile-bg.svg);
 background-size:19px 10px;
 background-repeat:repeat-y;
 background-position:98% 30px;
 max-width:400px
}
@media (min-width:1200px) {
 .col-filter {
  position:static;
  width:25%;
  height:auto;
  box-shadow:none;
  transform:none;
  transition:none;
  float:left;
  padding-right:0;
  background:0 0
 }
}
.col-filter.active {
 transform:translateX(0)
}
@media (min-width:1200px) {
 .col-casino-card,
 .col-bonus {
  width:75%;
  padding:0 15px 0 0;
  float:left
 }
 .col-detail {
  width:calc(100% - 260px);
  padding:0 15px 0 0;
  float:left
 }
}
.col-top-trusted {
 float:left;
 width:260px;
 display:none
}
@media (min-width:1200px) {
 .col-top-trusted {
  display:block
 }
}
.ck-editor {
 word-break:break-word
}
.button-stn {
 min-width:130px;
 height:43px;
 border:1px solid rgba(89,89,89,.26);
 border-radius:5px;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 padding-left:15px;
 padding-right:15px;
 text-align:center;
 padding-top:5px;
 padding-bottom:5px;
 color:#fff;
 font-size:12px;
 font-weight:700;
 line-height:14px;
 position:relative;
 cursor:pointer;
 transition:all .2s;
 font-family:"neo-sans",sans-serif
}
@media (min-width:768px) {
 .button-stn {
  padding-top:9px;
  padding-bottom:8px;
  font-size:16px;
  line-height:22px
 }
}
.button-stn__green {
 background-color:#29b832
}
.button-stn__green:hover,
.button-stn__green:active,
.button-stn__green:focus,
.button-stn__green.active {
 background:#359a3c
}
.btn {
 font-family:"neo-sans",sans-serif;
 border-radius:5px;
 padding:10px 15px;
 text-align:center;
 color:#fff;
 font-size:15px;
 font-weight:700;
 position:relative;
 cursor:pointer;
 transition:all .2s;
 text-decoration:none;
 display:inline-flex;
 justify-content:center;
 align-items:center
}
@media (min-width:768px) {
 .btn {
  font-size:16px
 }
}
.btn:hover {
 color:#fff;
 text-decoration:none
}
.btn i {
 font-size:14px;
 margin-right:10px;
 margin-right:5px
}
.btn .loader {
 width:20px;
 height:20px;
 border-width:3px;
 margin-right:15px
}
.btn-width-s {
 min-width:200px
}
.btn-width-m {
 min-width:250px
}
.btn-green {
 background-color:#44be4c;
 border:0
}
.btn-green:hover,
.btn-green:active,
.btn-green:focus,
.btn-green.active {
 background:#4890d0
}
.btn-green .loader {
 display:none;
 border:2px solid #fff;
 border-radius:50%;
 border-top:2px solid #44be4c;
 border-left:2px solid #44be4c;
 width:14px;
 height:14px;
 -webkit-animation:spin 1s linear infinite;
 animation:spin 1s linear infinite
}
.btn-green.active .loader {
 display:inline
}
.btn-grey {
 background-color:#a2a2a2;
 border:0
}
.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus,
.btn-grey.active {
 background:#898989
}
.btn-purple {
 background-color:#7528ab;
 border:0
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus,
.btn-purple.active {
 background:#591e82
}
.btn-border-purple {
 border:1px solid #7528ab;
 color:#7528ab
}
.btn-border-purple svg {
 fill:#7528ab
}
.btn-border-purple:hover,
.btn-border-purple:active,
.btn-border-purple:focus,
.btn-border-purple.active {
 background:#7528ab;
 color:#fff
}
.btn-border-purple:hover svg,
.btn-border-purple:active svg,
.btn-border-purple:focus svg,
.btn-border-purple.active svg {
 fill:#fff
}
.btn-border-green {
 border:1px solid #44be4c;
 color:#44be4c
}
.btn-border-green svg {
 fill:#44be4c
}
.btn-border-green:hover,
.btn-border-green:active,
.btn-border-green:focus,
.btn-border-green.active {
 background:#44be4c;
 color:#fff
}
.btn-border-green:hover svg,
.btn-border-green:active svg,
.btn-border-green:focus svg,
.btn-border-green.active svg {
 fill:#fff
}
.btn-small {
 font-size:12px;
 padding-top:7px;
 padding-bottom:7px
}
.btn-small i {
 margin-right:.5em;
 font-size:.83em
}
.main-header {
 position:absolute;
 top:0;
 left:0;
 background:#252525;
 width:100%
}
@media (max-width:767px) {
 .main-header {
  height:40px
 }
}
@media (min-width:768px) {
 .main-header {
  min-height:50px
 }
}
@media (min-width:992px) {
 .main-header {
  min-height:60px
 }
}
@media (max-width:767px) {
 .main-header.is-open {
  position:static
 }
}
.main-header__absolute {
 position:absolute;
 top:0;
 left:0
}
.main-header-static .main-header {
 position:absolute
}
@media (max-height:650px) and (orientation:landscape) {
 .main-header-static .main-header {
  position:relative
 }
}
@media (orientation:portrait) {
 .main-header {
  position:fixed
 }
}
@media (min-height:650px) and (orientation:landscape) {
 .main-header {
  position:fixed
 }
}
@media (min-width:768px) {
 .main-header-bg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background:#252525
 }
}
@media (max-height:650px) and (orientation:landscape) {
 body {
  padding-top:0
 }
 .main-header {
  position:relative
 }
 .visit-casino-mobile {
  display:none!important
 }
}
.cookies-policy-alert {
 background:#4a5b68;
 color:#fff;
 padding:10px 10px;
 text-align:left;
 position:fixed;
 bottom:0;
 font-size:12px;
 line-height:14px
}
.cookies-policy-alert svg {
 width:14px;
 height:14px
}
@media (min-width:1200px) {
 .cookies-policy-alert svg {
  width:18px;
  height:18px
 }
}
@media (min-width:992px) {
 .cookies-policy-alert {
  text-align:center;
  position:static;
  font-size:14px;
  line-height:17px;
  width:100%
 }
}
.cookies-policy-alert a {
 color:#fff;
 text-decoration:underline
}
.cookies-policy-alert-body {
 max-width:1000px;
 margin:auto;
 display:flex;
 align-items:center;
 justify-content:center
}
@media (max-width:767px) {
 .search-box-wrap {
  display:none
 }
}
@media (min-width:768px) {
 .search-box-wrap {
  margin:40px 0
 }
}
.search-box-panel {
 background:url(../images/homepage-bg.jpg) #11091d no-repeat;
 text-align:center;
 padding:50px 35px;
 height:300px;
 display:flex;
 flex-direction:column;
 justify-content:center;
 background-size:cover
}
@media (min-width:568px) {
 .search-box-panel {
  padding:40px 45px;
  height:auto;
  display:block
 }
}
@media (min-width:992px) {
 .search-box-panel {
  padding:80px 45px 60px
 }
}
.search-box {
 margin:0 auto;
 padding:0 15px;
 position:relative;
 display:none;
 height:50px
}
@media (min-width:768px) {
 .search-box {
  max-width:620px;
  padding:0;
  height:60px
 }
}
@media (min-width:992px) {
 .search-box {
  max-width:770px
 }
}
@media (max-width:767px) {
 .search-box:after {
  content:"";
  width:1px;
  background:#fff;
  top:11px;
  bottom:11px;
  position:absolute;
  left:47px;
  z-index:1
 }
}
.search-box ::-webkit-input-placeholder {
 color:#fff;
 font-size:16px
}
@media (min-width:768px) {
 .search-box ::-webkit-input-placeholder {
  color:#252525
 }
}
.search-box :-moz-placeholder {
 color:#fff;
 font-size:16px
}
@media (min-width:768px) {
 .search-box :-moz-placeholder {
  color:#252525
 }
}
.search-box ::-moz-placeholder {
 color:#fff;
 font-size:16px
}
@media (min-width:768px) {
 .search-box ::-moz-placeholder {
  color:#252525
 }
}
.search-box :-ms-input-placeholder {
 color:#fff;
 font-size:16px
}
@media (min-width:768px) {
 .search-box :-ms-input-placeholder {
  color:#252525
 }
}
.search-box .icon-search {
 fill:#fff;
 margin-right:25px;
 position:absolute;
 left:0
}
@media (min-width:768px) {
 .search-box .icon-search {
  fill:#44be4c;
  position:static
 }
}
.search-box--wrapper {
 background:#44be4c;
 position:relative;
 z-index:1;
 display:flex;
 height:100%;
 align-items:center
}
@media (min-width:768px) {
 .search-box--wrapper {
  background:#fff
 }
}
.search-box__transparent {
 background-color:#44be4c
}
@media (min-width:768px) {
 .search-box__transparent {
  background:0 0
 }
}
.search-box__visible {
 display:block
}
.search-box .loader {
 right:80px;
 height:25px;
 width:25px;
 border-width:4px;
 border-top-color:#a2aeb7;
 border-left-color:#a2aeb7;
 text-align:center;
 display:flex;
 align-items:center
}
.search-box-input {
 width:100%;
 height:46px;
 margin-left:45px;
 margin-right:50px;
 padding-top:4px;
 background:#44be4c;
 border:0;
 color:#fff
}
@media (min-width:768px) {
 .search-box-input {
  background-color:#fff;
  color:#252525;
  margin-left:0;
  padding-right:50px;
  padding-left:25px;
  height:60px
 }
}
.search-box-input::placeholder {
 color:#fff
}
@media (min-width:768px) {
 .search-box-input::placeholder {
  color:#7b8c98
 }
}
.search-box-input:hover,
.search-box-input:active,
.search-box-input:focus {
 outline:0
}
@media (min-width:768px) {
 .search-box-input:hover,
 .search-box-input:active,
 .search-box-input:focus {
  border:1px solid #fff
 }
}
.search-box-close {
 position:absolute;
 top:13px;
 right:0
}
.header-search-wrapper {
 width:100%;
 position:absolute;
 top:0;
 height:100%;
 overflow:hidden
}
.header-search-wrapper-outer {
 width:100%;
 position:absolute;
 top:0;
 left:0;
 height:100%
}
@media (min-width:1200px) {
 .header-search-wrapper-outer {
  max-width:1170px;
  padding:0 15px;
  left:auto
 }
}
@media (min-width:768px) {
 .header-search-wrapper-outer .search-box--results {
  width:calc(100% - 110px);
  max-width:500px;
  left:155px
 }
}
@media (min-width:992px) {
 .header-search-wrapper-outer .search-box--results {
  left:175px
 }
}
.header-search {
 height:100%;
 background:#252525;
 transition:transform .3s ease-in-out;
 display:flex;
 align-items:center;
 width:100%;
 position:absolute;
 right:0;
 transform:translateX(calc(100% - 50px + 5px))
}
.header-search-input {
 flex:1;
 font-size:16px;
 border:0;
 background:0 0;
 margin:0 0 0 10px
}
.section-heading {
 border-bottom:2px solid #44be4c;
 padding-bottom:10px;
 padding-top:20px
}
.section-heading__no-icon h3,
.section-heading__no-icon .section-heading--header {
 padding-left:0
}
.list-section-heading {
 font-family:"neo-sans",sans-serif;
 font-size:28px;
 line-height:30px;
 color:#1d2730;
 margin:15px 0;
 font-weight:700
}
.section-heading h2,
.section-heading h3,
.section-heading--header {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:25px;
 line-height:28px;
 color:#252525;
 position:relative;
 margin:0!important
}
.section-heading h2 i,
.section-heading h3 i,
.section-heading--header i {
 left:2px;
 position:absolute
}
.section-heading h2_subtitle,
.section-heading h3_subtitle,
.section-heading--header_subtitle {
 color:rgba(37,37,37,.5);
 font-size:18px;
 font-weight:400;
 line-height:18px
}
.results-header-top {
 color:#333;
 display:none
}
@media (min-width:768px) {
 .results-header-top {
  display:block
 }
}
.tippy-tooltip .results-header-top {
 display:block
}
.tippy-tooltip .results-header-top p {
 margin:15px 0
}
.results-header-top p {
 color:#4a5b68
}
.list-section-perex {
 margin:15px 0;
 color:#4a5b68;
 font-size:14px;
 line-height:17px
}
@media (min-width:768px) {
 .list-section-perex {
  font-size:15px;
  line-height:20px
 }
}
.list-section-perex-casino-widget {
 margin-top:0;
 margin-bottom:5px
}
.section-tabs-wrapper {
 height:61px;
 position:relative;
 overflow-x:hidden;
 box-shadow:inset 0 -1px 0 #dce3e8
}
@media (min-width:768px) {
 .section-tabs-wrapper {
  overflow-x:visible;
  margin-top:10px
 }
}
.section-tabs-wrapper:after {
 content:'';
 position:absolute;
 top:0;
 right:0;
 height:100%;
 width:50px;
 background:linear-gradient(to right,rgba(255,255,255,0) 0%,white 100%);
 overflow:hidden
}
@media (min-width:768px) {
 .section-tabs-wrapper:after {
  display:none
 }
}
.section-tabs {
 display:flex;
 height:61px;
 overflow-x:scroll;
 white-space:nowrap;
 position:relative;
 padding-left:5px
}
@media (min-width:768px) {
 .section-tabs {
  overflow-x:visible
 }
}
.section-tab-item {
 border:1px solid #dce3e8;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 border-bottom:none;
 height:60px;
 border-radius:3px 3px 0 0;
 color:#4a5b68;
 font-size:11px;
 line-height:11px;
 text-align:center;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 margin-right:2px;
 flex-shrink:0;
 padding-bottom:3px;
 max-width:200px;
 min-width:130px;
 padding-left:5px;
 padding-right:5px
}
.section-tab-item:hover {
 background:#fff;
 cursor:pointer
}
@media (min-width:1200px) {
 .section-tab-item {
  font-size:12px;
  line-height:13px;
  max-width:230px;
  min-width:150px
 }
 .section-tab-item svg {
  width:28px;
  height:28px
 }
}
.section-tab-item .count {
 display:block
}
@media (min-width:1200px) {
 .section-tab-item .count {
  display:inline
 }
}
.section-tab-item svg {
 display:block;
 fill:#7b8c98
}
.section-tab-item.active {
 background:#fff;
 border-top:5px solid #44be4c;
 color:#44be4c;
 position:relative;
 border-bottom:1px solid #fff;
 height:61px;
 z-index:2
}
.section-tab-item.active svg {
 fill:#44be4c
}
.section-tab-item input {
 position:absolute;
 left:-10000px;
 top:0
}
.list-top {
 background-color:#f8f8fa;
 overflow:auto
}
.filter-item-active {
 font-family:"neo-sans",sans-serif;
 padding:5px 15px;
 background:#eceef2;
 color:#1d2730;
 display:inline-flex;
 align-items:center;
 position:relative;
 cursor:pointer;
 font-size:13px;
 line-height:15px;
 font-weight:700;
 border-radius:20px;
 margin:5px 0 0 0
}
@media (max-width:767px) {
 .filter-item-active {
  margin:3px
 }
}
.filter-item-active svg {
 fill:#999;
 transition:fill .1s ease-in-out;
 margin-left:5px
}
.filter-item-active:hover,
.filter-item-active:active,
.filter-item-active:focus {
 text-decoration:none
}
.filter-item-active:hover svg,
.filter-item-active:active svg,
.filter-item-active:focus svg {
 fill:#333
}
.filter-item-active span {
 width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.filter-item-clear {
 color:#ce2935;
 background:rgba(206,41,53,.1);
 font-family:"neo-sans",sans-serif;
 display:inline-flex;
 align-items:center;
 transition:all .2s;
 font-size:13px;
 line-height:15px;
 padding:5px 10px;
 cursor:pointer;
 font-weight:700;
 border-radius:20px;
 margin-top:5px
}
@media (max-width:767px) {
 .filter-item-clear {
  margin:3px
 }
}
.filter-item-clear svg {
 fill:#ce2935;
 transition:fill .2s ease-in-out;
 margin-left:5px;
 opacity:.6
}
.filter-item-clear:hover svg,
.filter-item-clear:active svg,
.filter-item-clear:focus svg {
 color:#ce2935;
 opacity:1
}
.results-header-heading {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:14px;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 position:relative
}
@media (min-width:768px) {
 .results-header-heading {
  padding-right:150px;
  margin-bottom:15px
 }
}
@media (min-width:992px) {
 .results-header-heading {
  display:block;
  margin-bottom:0
 }
}
@media (min-width:1200px) {
 .results-header-heading {
  display:flex
 }
}
.tippy-popper .results-header-heading {
 display:block;
 color:#333
}
.results-header-heading .heading {
 flex:1 1 100%;
 margin:15px 0;
 font-size:22px;
 line-height:1.1em
}
@media (min-width:768px) {
 .results-header-heading .heading {
  margin:25px 0 5px
 }
}
@media (min-width:992px) {
 .results-header-heading .heading {
  display:inline-block
 }
}
@media (min-width:1200px) {
 .results-header-heading .heading {
  flex:0 0 auto;
  margin:25px 0 25px
 }
}
.results-header-heading .widget-social {
 position:absolute;
 top:20px;
 right:0
}
.filter-heading-label {
 background:#f5ffd7;
 display:inline-flex;
 align-items:center;
 font-size:13px;
 line-height:16px;
 padding:5px 15px;
 font-weight:700;
 color:#239f29;
 white-space:nowrap
}
.tippy-tooltip .filter-heading-label {
 white-space:normal
}
@media (min-width:1200px) {
 .filter-heading-label {
  margin-left:10px
 }
}
@media (min-width:992px) {
 .filter-heading-label {
  margin:0 0 20px 0
 }
}
@media (min-width:1200px) {
 .filter-heading-label {
  margin:0 0 0 10px
 }
}
.filter-heading-label svg {
 fill:#239f29
}
.results-header-filter {
 margin:10px 0
}
@media (min-width:768px) {
 .results-header-filter {
  margin:20px 0
 }
}
@media (min-width:1200px) {
 .results-header-filter {
  display:none
 }
}
.tippy-tooltip .results-header-filter {
 display:none
}
#popover-results-filter-top .popover {
 max-width:100%;
 width:400px
}
.results-filter-sort {
 display:flex;
 align-items:center;
 white-space:nowrap
}
.results-filter-sort select {
 color:#4a5b68;
 border-color:#dce3e8;
 background:#fff;
 height:28px;
 min-width:150px;
 margin-left:5px
}
.tippy-popper .results-filter-sort {
 display:none
}
.results-content {
 width:100%
}
.results-content.active {
 filter:blur(4px)
}
.results-content.active .results-content-overlay {
 display:block
}
.results-content-overlay {
 position:absolute;
 width:100%;
 height:85%;
 background:rgba(255,255,255,.8);
 display:none
}
.results-header-info {
 background:#f8f8f8;
 padding:10px 15px;
 font-size:13px;
 margin:15px 0 0;
 display:none
}
.results-header-info i {
 transform:scale(.8)
}
@media (min-width:768px) {
 .results-header-info {
  display:flex
 }
}
.tippy-tooltip .results-header-info {
 display:block;
 color:#333
}
.results-header-active-filters {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 color:#4a5b68
}
.results-header-active-filters b {
 color:#1d2730
}
.tippy-popper .results-header-active-filters {
 display:block
}
.tippy-popper .results-header-active-filters>span,
.tippy-popper .results-header-active-filters b {
 display:inline;
 vertical-align:middle
}
.tippy-popper .results-header-active-filters svg {
 vertical-align:middle
}
@media (min-width:768px) {
 .results-header-active-filters .margin-label {
  margin-left:.5rem
 }
}
.results-header-list-item {
 margin:0 15px;
 display:flex;
 align-items:center;
 color:#666;
 cursor:pointer
}
.results-header-list-item:hover {
 color:#44be4c
}
.results-header-list-item.active {
 color:#44be4c
}
.results-header-list-item.active svg {
 fill:#44be4c
}
.card-header-reputation-right {
 flex:1
}
@media (min-width:768px) {
 .card-header-reputation-right {
  font-size:13px;
  background:#fff;
  border-radius:0 3px 3px 0;
  padding:6px 5px
 }
}
.card-header-reputation-right strong {
 color:#fff
}
@media (min-width:768px) {
 .card-header-reputation-right strong {
  color:inherit
 }
}
.card-header-reputation-right .ellipsis {
 text-overflow:ellipsis;
 width: auto;
 overflow:hidden;
 display: inline-block;
}
.card-header-reputation {
 display:flex;
 align-items:center;
 background:#fff;
 font-size:12px;
 line-height:14px;
 position:relative
}
@media (min-width:768px) {
 .card-header-reputation {
  padding:0;
  flex:0 0 150px;
  font-size:14px;
  margin-left:auto;
  border-radius:3px
 }
}
@media (min-width:1200px) {
 .card-header-reputation {
  z-index:10
 }
}
.card-header-reputation .info {
 fill:#fff;
 margin-left:3px
}
@media (min-width:768px) {
 .card-header-reputation .info {
  fill:#007dff
 }
 .card-header-reputation strong {
  font-size:17px;
  line-height:24px
 }
}
.card-header-reputation .rating {
 margin-right:5px
}
@media (min-width:768px) {
 .card-header-reputation .rating {
  margin:0;
  padding:0 10px
 }
}
.card-header-reputation .rating .num {
 font-size:12px
}
@media (min-width:768px) {
 .card-header-reputation .rating .num {
  font-size:16px
 }
}
.card-header-reputation .svg-reputation {
 width:15px;
 height:15px;
 fill:#fff
}
@media (min-width:768px) {
 .card-header-reputation .svg-reputation {
  fill:inherit;
  width:20px;
  height:20px
 }
}
.card-header-reputation-label {
 font-size:11px;
 margin-left:3px;
 display:flex;
 align-items:center
}
@media (min-width:768px) {
 .card-header-reputation-label {
  color:#333;
  line-height:15px;
  margin:0 0 3px 0;
  font-size:13px
 }
}
.card-header-reputation-label .popover-content {
 color:#333
}
.card-header-reputation-label svg {
 fill:#fff
}
@media (min-width:1200px) {
 .card-header-reputation-label svg {
  fill:#007dff
 }
}
.casino-row {
 text-align:center;
 display:flex;
 flex-direction:column;
 margin:10px 5px;
 padding-bottom:10px;
 transition:all .2s ease-in-out;
 will-change:auto;
 background:#fff
}
@media (min-width:992px) {
 .casino-row:hover {
  transform:scale(1.01);
  box-shadow:0 0 20px rgba(74,91,104,.3)
 }
 .casino-row:hover .casino-row-content {
  transform:scale(.99)
 }
}
.casino-row:hover .casino-row-btn {
 background:#359a3c;
 color:#fff
}
.casino-row:hover .casino-row-btn svg {
 fill:#fff
}
.casino-row:hover .casino-row-btn-google {
 background:#e6e6e6
}
@media (min-width:568px) {
 .casino-row {
  text-align:left;
  padding:0 15px 0 0;
  flex-direction:row;
  align-items:center;
  justify-content:space-between
 }
}
@media (min-width:768px) {
 .casino-row {
  padding:0 15px 0 0
 }
}
@media (min-width:992px) {
 .casino-row {
  margin:10px 15px
 }
}
@media (min-width:1200px) {
 .casino-row {
  padding:0 40px 0 0
 }
}
.casino-row .not-available {
 color:#a2aeb7
}
.casino-row-bonus {
 display:inline-block
}
.casino-row-bonus:hover strong {
 text-decoration:underline
}
.casino-row-content {
 display:flex;
 flex-direction:column
}
@media (min-width:568px) {
 .casino-row-content {
  transition:all .2s ease-in-out;
  flex:1;
  flex-direction:row;
  align-items:center;
  justify-content:space-between
 }
}
.casino-row-img {
 display:flex;
 height:70px;
 text-align:center;
 flex-shrink:0
}
@media (min-width:568px) {
 .casino-row-img {
  height:100px;
  width:80px;
  padding:10px 0
 }
}
@media (min-width:768px) {
 .casino-row-img {
  width:100px;
  padding:0
 }
}
@media (min-width:992px) {
 .casino-row-img {
  width:140px
 }
}
@media (min-width:1200px) {
 .casino-row-img {
  width:240px
 }
}
.casino-row-img img {
 max-width:100%;
 max-height:100%;
 display:block;
 margin:auto
}
.casino-row-body {
 order:2;
 padding:0 10px
}
@media (min-width:568px) {
 .casino-row-body {
  order:unset;
  padding:0 0 0 10px;
  flex-basis:57%
 }
}
@media (min-width:768px) {
 .casino-row-body {
  padding-right:15px;
  order:unset;
  flex:1
 }
}
@media (min-width:1200px) {
 .casino-row-body {
  padding:0 0 0 25px
 }
}
.casino-row-heading-1 {
 margin-top:30px;
 display:block
}
@media (min-width:568px) {
 .casino-row-heading-1 {
  margin-top:0
 }
}
.casino-row-heading-1 strong {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:20px;
 line-height:24px;
 color:#1d2730;
 display:inline-block;
 vertical-align:middle
}
.casino-row-heading-2 {
 font-family:"neo-sans",sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:20px;
 color:#7b8c98;
 display:block
}
.casino-row-btn {
 border:1px solid #44be4c;
 border-radius:3px;
 padding:10px 15px;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:15px;
 line-height:22px;
 white-space:nowrap;
 color:#fff;
 background-color:#44be4c;
 align-items:center;
 display:inline-flex
}
@media (min-width:568px) {
 .casino-row-btn {
  padding:10px 5px
 }
}
@media (min-width:768px) {
 .casino-row-btn {
  padding:10px 15px
 }
}
.casino-row-btn svg {
 fill:#fff;
 margin-right:20px
}
@media (min-width:568px) {
 .casino-row-btn svg {
  margin-right:3px
 }
}
@media (min-width:768px) {
 .casino-row-btn svg {
  margin-right:15px
 }
}
.casino-row-btn-restricted {
 border:1px solid #d4d4d4;
 border-radius:3px;
 padding:10px 15px;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:15px;
 line-height:22px;
 white-space:nowrap;
 color:#a2a2a2;
 background-color:#f3f3f3;
 align-items:center;
 display:inline-flex
}
@media (min-width:568px) {
 .casino-row-btn-restricted {
  padding:10px 5px
 }
}
@media (min-width:768px) {
 .casino-row-btn-restricted {
  padding:10px 15px
 }
}
.casino-row-btn-restricted svg {
 fill:#a2a2a2;
 margin-right:20px
}
@media (min-width:568px) {
 .casino-row-btn-restricted svg {
  margin-right:3px
 }
}
@media (min-width:768px) {
 .casino-row-btn-restricted svg {
  margin-right:15px
 }
}
.casino-row-btn-google {
 border:1px solid #666;
 border-radius:3px;
 padding:10px 15px;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:15px;
 line-height:22px;
 white-space:nowrap;
 color:#666;
 background-color:#fff;
 align-items:center;
 display:inline-flex
}
@media (min-width:568px) {
 .casino-row-btn-google {
  padding:10px 5px
 }
}
@media (min-width:768px) {
 .casino-row-btn-google {
  padding:10px 15px
 }
}
.casino-row-btn-google svg {
 fill:#666;
 margin-right:20px
}
@media (min-width:568px) {
 .casino-row-btn-google svg {
  margin-right:3px
 }
}
@media (min-width:768px) {
 .casino-row-btn-google svg {
  margin-right:15px
 }
}
.casino-row-rating {
 text-align:center;
 transition:transform .2s ease-in-out;
 border-radius:5px
}
@media (min-width:568px) {
 .casino-row-rating {
  flex:0 0 60px;
  margin-right:10px
 }
}
@media (min-width:768px) {
 .casino-row-rating {
  margin-right:20px;
  flex:1 0 100px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-left:0;
  max-width:130px
 }
}
@media (min-width:992px) {
 .casino-row-rating {
  flex:0 0 200px;
  max-width:none
 }
}
.casino-row-rating .rating {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 color:#1d2730;
 font-size:30px;
 line-height:34px;
 display:block;
 flex:0 0 100%
}
.casino-row-rating small {
 font-size:11px;
 line-height:13px;
 color:#4a5b68;
 max-width:150px;
 font-family:"neo-sans",sans-serif;
 font-weight:500
}
.casino-row-rating .casino-row-country {
 display:none
}
@media (min-width:992px) {
 .casino-row-rating .casino-row-country {
  display:block
 }
}
.bonus-row-date {
 padding:0 15px 0 0;
 font-size:12px;
 display:flex;
 align-items:center
}
@media (min-width:568px) {
 .bonus-row-date {
  padding:0 30px 0 0
 }
}
@media (min-width:768px) {
 .bonus-row-date {
  font-size:16px;
  flex-wrap:wrap;
  flex:0 0 140px;
  justify-content:flex-end
 }
}
.casino-row-reputation {
 display:flex;
 align-items:center;
 color:#fff;
 font-family:"neo-sans",sans-serif;
 padding:0 15px
}
@media (min-width:568px) {
 .casino-row-reputation {
  color:initial;
  padding:0;
  background:#fff!important
 }
}
@media (min-width:768px) {
 .casino-row-reputation {
  flex-wrap:wrap;
  flex:0 0 90px;
  justify-content:center
 }
}
@media (min-width:992px) {
 .casino-row-reputation {
  flex:0 0 120px
 }
}
.casino-row-reputation svg {
 width:24px;
 height:24px
}
@media (max-width:567px) {
 .casino-row-reputation svg {
  fill:#fff!important
 }
}
@media (min-width:768px) {
 .casino-row-reputation svg {
  width:20px;
  height:20px
 }
}
.casino-row-reputation-num {
 order:3;
 margin-left:auto;
 font-size:15px
}
.casino-row-reputation-num em {
 font-size:11px
}
@media (min-width:768px) {
 .casino-row-reputation-num em {
  font-size:20px
 }
}
@media (max-width:567px) {
 .casino-row-reputation-num {
  color:#fff!important
 }
}
@media (min-width:768px) {
 .casino-row-reputation-num {
  margin-left:0;
  order:unset;
  font-size:20px
 }
}
.casino-row-reputation-text {
 display:block;
 font-size:12px;
 line-height:14px;
 font-weight:400
}
@media (min-width:568px) {
 .casino-row-reputation-text {
  display:none
 }
}
@media (min-width:768px) {
 .casino-row-reputation-text {
  display:block;
  flex-basis:100%
 }
}
@media (max-width:567px) {
 .casino-row-reputation-text {
  color:#fff!important
 }
}
.casino-row-country-mobile {
 display:flex;
 justify-content:center;
 align-items:center;
 margin:5px auto 0
}
@media (min-width:568px) {
 .casino-row-country-mobile {
  display:none
 }
}
.casino-row-country-mobile svg {
 width:23px;
 height:23px
}
.casino-row-country svg {
 width:20px;
 height:20px
}
@media (min-width:568px) {
 .casino-row-country {
  display:flex;
  align-items:center;
  justify-content:center
 }
}
@media (min-width:768px) {
 .casino-row-country {
  flex-direction:column
 }
}
@media (min-width:992px) {
 .casino-row-country {
  flex-direction:row;
  flex-wrap:wrap
 }
}
.casino-row-right {
 text-align:center;
 order:4;
 margin-top:30px;
 transition:all .2s ease-in-out;
 position:relative;
 text-align:center
}
@media (min-width:568px) {
 .casino-row-right {
  order:unset;
  margin-top:0
 }
}
.casino-row-right .visit-casino {
 margin-top:10px;
 font-weight:700;
 text-align:center;
 display:block
}
@media (min-width:568px) {
 .casino-row-right .visit-casino {
  font-size:13px;
  margin-top:3px
 }
}
@media (min-width:768px) {
 .casino-row-right .visit-casino {
  position:absolute;
  bottom:-23px;
  left:0;
  width:100%;
  text-align:center
 }
}
.casino-row-right .visit-casino a {
 font-size:12px;
 line-height:12px;
 color:purple;
 align-items:center;
 display:inline-flex
}
.casino-row-right .visit-casino svg {
 fill:#7528ab;
 flex-shrink:0
}
.casino-row-right a.visit-casino:hover {
 text-decoration:underline
}
.casino-card {
 display:flex;
 flex-direction:column;
 min-height:10rem;
 margin: 1px;
 margin-bottom: 2rem;
 background-color:#f8f8fa;
 box-shadow: 0 0 0 3px #e3e3e3;
 border-radius: 15px;
}
@media (min-width:768px) {
 .casino-card {
  flex-direction:row;
  position:relative;
  flex-wrap:wrap
  margin-bottom: 2rem;
 }
}
.casino-card [data-toggle=popover]:hover {
 cursor:pointer
}
@media (min-width:768px) {
 .casino-card .casino-warning-panel {
  flex:1 1 100%
 }
}
.casino-card-header {
 color:#fff;
 position:relative;
}
@media (min-width:768px) {
 .casino-card-header {
  display:flex;
  align-items:stretch;
  flex-direction:unset;
  flex-basis:210px;
  overflow:hidden;
  flex-grow:0;
  padding: 20px 12px;
  flex-shrink:0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
 }
}
.casino-card-header-overlay {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background: linear-gradient(45deg, #330864, #2ec1c8);
 z-index: 0;
}
.casino-card-logo {
 width:80px;
 position:absolute;
 top:10px;
 left:10px;
 z-index:4
}
.casino-card-logo .num {
 position:absolute;
 top:-10px;
 left:10px;
 background:url(../images/temp/ribbon-2.png) no-repeat;
 width:25px;
 height:33px;
 font-size:11px;
 text-align:center;
 padding-top:3px;
 text-shadow:1px 1px #333
}
@media (min-width:768px) {
 .casino-card-logo .num {
  top:0
 }
}
.casino-card-logo .num.small {
 font-size:9px
}
@media (min-width:768px) {
 .casino-card-logo {
  position:relative;
  top:auto;
  left:auto;
  width:100%;
  box-shadow:0 0 20px rgba(0,0,0,.33);
  border-radius: 10px;
 }
 .casino-card-closed .casino-card-logo {
  width:70%;
  margin:0 auto 10px auto
 }
}
.casino-card-logo img {
 display:block;
 width:100%
}
.casino-card-logo-overlay {
 position:absolute;
 top:-12px;
 left:-12px;
 width:calc(100% + 24px);
 height:calc(100% + 24px)
}
.casino-card-header-reputation {
 font-family:"neo-sans",sans-serif;
 padding:2px;
}
@media (min-width:768px) {
 .casino-card-header-reputation {
  padding:0;
  margin-top:auto;
  flex:none;
  width:100%;
  border-radius:3px 3px 0 0;
  margin-right:0;
  display:none
 }
 .casino-card-country-rating-wrapper {
  margin-top:auto
 }
}
.casino-card-country-rating {
 display:none;
 position:relative;
 flex-direction:column;
 border-radius:3px 3px 0 0;
 text-align:center;
 padding:5px;
 color:#1d2730;
 z-index:1
}
@media (min-width:768px) {
 .casino-card-country-rating {
  margin-top:auto;
  background:#f8f8fa;
  display:flex
 }
}
.casino-card-country-rating .rating {
 font-size:18px;
 line-height:20px
}
@media (min-width:768px) {
 .casino-card-country-rating .rating {
  font-size:24px;
  line-height:24px
 }
}
.casino-card-country-rating small {
 color:#4a5b68;
 font-size:12px;
 line-height:12px;
 font-weight:700
}
@media (min-width:568px) {
 .casino-card-country-rating small {
  margin-top:5px
 }
}
@media (min-width:768px) {
 .casino-card-country-rating small {
  margin-top:0
 }
}
.casino-card-country-rating .flag-icon-wrapper {
 position:relative;
 margin-right:5px
}
@media (min-width:768px) {
 .casino-card-country-rating .flag-icon-wrapper {
  margin-right:0
 }
}
.casino-card-country-rating .flag-icon-wrapper.not-available {
 margin:12px 0;
 display:block
}
.casino-card-country-rating .flag-icon-wrapper.not-available svg {
 fill:#ce2935;
 position:absolute;
 left:50%;
 top:50%;
 transform:translate(-50%,-50%);
 z-index:3
}
.casino-hard-header-name {
 position:relative;
 min-height:55px;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:21px;
 line-height:22px;
 padding:7px 0 7px 100px
}
@media (min-width:768px) {
 .casino-hard-header-name {
  padding-left:0;
  min-height:auto;
  margin-right:0
 }
}
.casino-hard-header-name a {
 color:#fff
}
.casino-card-mobile-extra {
 background:#e5e5e5;
 order:-1;
 flex-basis:100%;
 border-bottom:1px solid #fff;
 border-top:1px solid #fff;
 padding:7px 0;
 justify-content:center;
 overflow:hidden
}
@media (min-width:568px) {
 .casino-card-mobile-extra {
  flex-basis:50%;
  border-right:1px solid #fff
 }
}
@media (min-width:768px) {
 .casino-card-mobile-extra {
  display:none!important;
  border-bottom:none
 }
}
.casino-card-mobile-extra .casino-card-country-rating {
 display:flex;
 justify-content:center;
 flex-direction:row;
 flex-wrap:wrap
}
.casino-card-mobile-extra small {
 flex:1 1 100%
}
.casino-card-bonus {
 background:#e5e5e5;
 position:relative;
 font-size:18px;
 line-height:20px;
 font-family:"neo-sans",sans-serif;
 order:-1;
 padding:7px 10px;
 text-align:center;
 width:calc(100% + 30px);
 border-bottom:1px solid #fff
}
@media (min-width:568px) {
 .casino-card-bonus {
  flex-basis:50%;
  border-top:1px solid #fff
 }
}
@media (min-width:768px) {
 .casino-card-bonus {
  text-align:left;
  align-items:center;
  display:flex;
  flex-basis:auto;
  order:initial;
  top:auto;
  left:auto;
  background:0 0;
  padding:0;
  width:auto;
  border-bottom:none;
  border-top:none;
  margin-top:auto
 }
}
.casino-card-bonus .bonus-name {
 flex-wrap:wrap;
 display:flex;
 align-items:center;
 height:100%;
 justify-content:center;
 font-size:16px
}
.casino-card-bonus .bonus-name strong {
 line-height:18px;
 vertical-align:middle;
 display:block
}
@media (min-width:768px) {
 .casino-card-bonus .bonus-name strong {
  margin:3px 0
 }
}
.casino-card-bonus .bonus-name-small {
 font-size:12px;
 line-height:14px;
 display:block
}
.casino-card-bonus-exclusive {
 background:#44be4c;
 padding:3px 7px;
 border-radius:15px;
 color:#fff;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:14px;
 line-height:13px;
 text-transform:uppercase;
 display:inline-block;
 vertical-align:middle
}
@media (min-width:768px) {
 .casino-card-bonus-exclusive {
  text-transform:none
 }
}
.casino-card-content {
 display:flex;
 flex-direction:column
}
@media (min-width:768px) {
 .casino-card-content {
  flex-direction:row;
  padding:5px 0 5px;
  flex:1
 }
}
.casino-card-content-closed {
 padding:15px 0;
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center
}
.casino-card-content-closed .btn {
 font-size:15px;
 line-height:16px
}
.casino-card-features {
 padding:0 15px;
 margin:10px 0;
 border-left:1px solid #e1e1e1;
 color:#4a5b68
}
@media (min-width:768px) {
 .casino-card-features {
  width:200px
 }
}
@media (min-width:992px) {
 .casino-card-features {
  width:40.5%
 }
}
@media (min-width:1200px) {
 .casino-card-features {
  padding:0 20px
 }
}
@media (min-width:768px) {
 .casino-card-features .casino-card-list-item {
  font-size:12px;
  line-height:15px
 }
}
.casino-card-features .casino-card-list-item svg {
 fill:#4a5b68
}
.casino-card-info {
 display:flex;
 flex-wrap:wrap;
 position:relative
}
@media (min-width:768px) {
 .casino-card-info {
  padding:0 15px;
  margin:10px 0 0;
  flex:1;
  flex-wrap:nowrap;
  flex-direction:column
 }
}
@media (min-width:1200px) {
 .casino-card-info {
  padding:0 20px 0 20px
 }
}
.casino-card-vote {
 font-family:"neo-sans",sans-serif;
 font-size:12px;
 line-height:14px;
 font-weight:700;
 display:flex;
 justify-content:flex-end;
 margin:0 0 10px 0;
 flex:0 0 100%;
 cursor:pointer;
 color:#a2aeb7
}
@media (min-width:568px) {
 .casino-card-vote {
  margin:10px 0 10px 0
 }
}
@media (min-width:768px) {
 .casino-card-vote {
  position:absolute;
  right:10px;
  top:10px
 }
}
.casino-card-vote svg {
 fill:#a2aeb7;
 margin-right:2px
}
.casino-card-vote .vote-link {
 margin:0 5px
}
.casino-card-heading {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 margin-top:5px;
 margin-bottom:10px;
 color:#000;
 font-size:24px;
 line-height:27px;
 display:none
}
@media (min-width:768px) {
 .casino-card-heading {
  margin-top:0;
  margin-bottom:5px;
  display:flex
 }
}
.casino-card-heading a {
 color:inherit;
 display:block
}
@media (min-width:768px) {
 .casino-card-heading a {
  margin-right:70px
 }
}
.casino-card-heading svg.icon {
 margin-left:-10px
}
.casino-card-heading strong {
 font-size:14px;
 line-height:15px;
 display:block
}
.casino-card-list-1 {
 margin:1.5rem 1.5rem 1.5rem 1.5rem;
 flex:1 1 100%
}
@media (min-width:568px) {
 .casino-card-list-1 {
  margin:.5rem auto 1rem;
  padding:0 1rem 0 0;
  flex:1 1 50%;
  border-right:1px solid #d1d4d9
 }
}
@media (min-width:768px) {
 .casino-card-list-1 {
  border:0;
  flex:none;
  width:100%
 }
}
.casino-card-list-2 {
 flex:1
}
@media (min-width:568px) {
 .casino-card-list-2 {
  flex:1 1 50%;
  padding:1rem 1rem 0;
  margin-bottom:10px
 }
}
@media (min-width:768px) {
 .casino-card-list-2 {
  padding:0;
  flex:none
 }
}
@media (min-width:992px) {
 .casino-card-list-2 {
  margin-bottom:0
 }
}
.casino-card-options {
 display:flex;
 align-items:center;
 margin-bottom:15px
}
.casino-card-options>:not(:first-child) {
 margin-left:20px
}
@media (min-width:992px) {
 .casino-card-options>:not(:first-child) {
  margin-left:0
 }
 .casino-card-options {
  display:none
 }
}
.casino-card-list-item {
 display:flex;
 align-items:center;
 min-height:24px;
 color: black;
 font-family: arial;
}
.casino-card-list-item i {
 display:inline-block;
 font-size:16px;
 line-height:1
}
.casino-card-list-item .flag-icon {
 width:18px
}
.casino-card-list-item [data-toggle=popover]:hover {
 text-decoration:underline
}
.casino-card-list-item .bullet {
 flex:0 0 23px;
 display:flex;
 justify-content:center;
 margin-right:5px
}
.casino-card-logos-item {
 margin:1px;
 width:calc(33.33% - 2px)
}
@media (min-width:992px) {
 .casino-card-logos-item {
  width:calc(32% - 0px);
  margin-bottom: 5px;
 }
}
.casino-card-logos-item img {
 display:block;
 width:100%;
 min-height:30px;
 font-size:8px
}
.casino-card-cta-wrapper {
 margin:10px 5px
}
@media (min-width:568px) {
 .casino-card-cta-wrapper {
  margin:10px 5px 0
 }
}
@media (min-width:768px) {
 .casino-card-cta-wrapper {
  margin:10px 0 0
 }
}
.casino-card-cta {
 display:flex;
 align-items:center;
 max-width:440px;
 margin:auto
}
@media (min-width:568px) {
 .casino-card-cta {
  max-width:none
 }
}
@media (min-width:768px) {
 .casino-card-cta {
  margin:0
 }
}
.casino-card-cta .btn {
 min-width:100px;
 padding:10px 5px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:16px
}
@media (min-width:568px) {
 .casino-card-cta .btn {
  font-size:13px
 }
}
@media (min-width:768px) {
 .casino-card-cta .btn {
  font-size:16px
 }
}
.casino-card-cta svg {
 flex-shrink:.5
}
.casino-card-cta .btn-green,
.casino-card-cta .btn-disabled,
.casino-card-cta .btn-google {
 flex-grow:3;
 flex-shrink:1
}
@media (min-width:768px) {
 .casino-card-cta .btn-green,
 .casino-card-cta .btn-disabled,
 .casino-card-cta .btn-google {
  margin-right:10px;
  flex-grow:1
 }
}
.casino-card-cta .btn-border-purple {
 flex-grow:2;
 flex-shrink:3;
 order:-1;
 margin-right:5px
}
@media (min-width:768px) {
 .casino-card-cta .btn-border-purple {
  order:2;
  margin-right:0;
  flex-grow:1
 }
}
.casino-card-cta .btn-green {
 border:1px solid #44be4c
}
.game-item {
 position:relative;
 overflow:hidden;
 display:inline-block;
 transition:all .2s ease-in-out
}
.game-item:hover .game-item-content {
 opacity:1
}
.game-item .game-item-image {
 width:100%;
 position:relative
}
.game-item .game-item-image:before {
 content:'';
 padding-bottom:77.5%;
 background:#f8f8fa;
 display:block
}
.game-item .game-item-image img {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:2
}
@media (min-width:768px) {
 .game-item {
  overflow:visible
 }
}
.game-item-results {
 display:flex;
 flex-wrap:wrap
}
.game-item-results .game-item {
 flex:1 1 100%;
 margin:20px 0 0 0
}
@media (min-width:768px) {
 .game-item-results .game-item {
  flex:0 1 50%;
  margin:20px 20px 0 0;
  max-width:calc(50% - 10px)
 }
 .game-item-results .game-item:nth-child(2n) {
  margin-right:0
 }
}
@media (min-width:1200px) {
 .game-item-results .game-item {
  max-width:calc(33.333% - 14px);
  margin:20px 20px 0 0;
  flex:0 1 33.333%
 }
 .game-item-results .game-item:nth-child(2n) {
  margin-right:20px
 }
 .game-item-results .game-item:nth-child(3n) {
  margin-right:0
 }
}
.game-item-content {
 opacity:0;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 padding:0 15px 15px;
 background:rgba(37,37,37,.85);
 transition:all .2s;
 z-index:3
}
.game-item-content .btn {
 position:absolute;
 top:50%;
 transform:translateY(-50%)
}
.bonus-col {
 padding:0 5px
}
@media (min-width:1200px) {
 .bonus-col {
  float:left;
  width:75%
 }
}
.bonus {
 margin:10px 0;
 border:1px solid #d1d4d9;
 background-color:#f8f8f8
}
@media (min-width:1200px) {
 .bonus {
  position:relative;
  margin:15px 0
 }
}
.bonus .casino-warning-panel {
 padding:4px 5px;
 font-size:11px;
 line-height:12px
}
@media (min-width:768px) {
 .bonus .casino-warning-panel {
  font-size:12px
 }
}
.bonus-header {
 color:#fff;
 position:relative
}
@media (min-width:768px) {
 .bonus-header {
  display:flex;
  align-items:center
 }
}
.bonus-header-ribbon {
 position:absolute;
 left:-3px;
 top:-2px;
 width:84px;
 height:84px;
 background:url(../images/svg/ico_ui_prelepka.svg) no-repeat;
 background-size:100px
}
@media (min-width:768px) {
 .bonus-header-ribbon {
  background-size:120px
 }
}
.bonus-header-ribbon+.bonus-header-casino {
 padding-left:30px
}
@media (min-width:768px) {
 .bonus-header-ribbon+.bonus-header-casino {
  padding-left:15px
 }
}
.bonus-header-ribbon .ribbon-text {
 transform:rotate(-45deg);
 text-transform:uppercase;
 color:#fff;
 position:absolute;
 font-weight:700;
 top:17px;
 left:-16px;
 text-align:center;
 font-size:12px;
 width:90px
}
@media (min-width:768px) {
 .bonus-header-ribbon .ribbon-text {
  top:22px;
  left:-12px
 }
}
.bonus-header-casino {
 min-height:52px
}
@media (min-width:768px) {
 .bonus-header-casino {
  min-height:83px
 }
}
.bonus-header-name {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:14px;
 line-height:16px;
 margin:0 5px 0 10px;
 color:#fff
}
@media (min-width:768px) {
 .bonus-header-name {
  font-size:20px;
  line-height:22px;
  margin:0 5px 0 15px
 }
}
.bonus-exclusive-panel {
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-weight:700;
 background:#44be4c;
 color:#fff;
 min-height:30px;
 font-size:13px;
 line-height:15px;
 padding:4px 5px;
 font-family:"neo-sans",sans-serif
}
.bonus-logo {
 max-height:52px
}
@media (min-width:768px) {
 .bonus-logo {
  max-height:83px
 }
}
.bonus-header-reputation {
 padding:2px 10px;
 font-family:"neo-sans",sans-serif
}
@media (min-width:768px) {
 .bonus-header-reputation {
  padding:0;
  margin-right:15px;
  flex:0 0 210px
 }
}
.bonus-content-wrapper {
 display:flex;
 flex-direction:column;
 padding:0 10px
}
@media (min-width:568px) {
 .bonus-content-wrapper {
  padding:0 10px;
  flex-direction:row;
  flex-wrap:wrap
 }
}
@media (min-width:768px) {
 .bonus-content-wrapper {
  padding:0 20px
 }
}
@media (min-width:568px) {
 .bonus-content-more {
  padding:10px 0
 }
}
@media (min-width:992px) {
 .bonus-content-more {
  padding:0 20px
 }
}
.bonus-content {
 margin:10px 0 0
}
@media (min-width:568px) {
 .bonus-content {
  order:0;
  flex-basis:50%;
  margin:10px 0;
  padding-right:15px
 }
}
@media (min-width:768px) {
 .bonus-content {
  margin:15px 0
 }
}
.bonus-content h3 {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:14px;
 line-height:16px
}
@media (min-width:768px) {
 .bonus-content h3 {
  font-size:18px;
  line-height:20px
 }
}
.bonus-content h5 {
 font-size:12px;
 line-height:14px
}
@media (min-width:768px) {
 .bonus-content h5 {
  font-size:13px;
  line-height:15px
 }
}
.bonus-content .flag-icon {
 transform:scale(.8)
}
.bonus-content-more-wrapper {
 transition:max-height .2s ease-in-out;
 max-height:0;
 overflow:hidden;
 width:100%
}
@media (min-width:568px) {
 .bonus-content-more-wrapper {
  order:5
 }
}
@media (min-width:768px) {
 .bonus-content-list {
  margin:15px 0 0 0
 }
}
@media (min-width:992px) {
 .bonus-content-list {
  margin:15px 0 20px 0
 }
}
.bonus-content-list li {
 display:flex;
 font-size:12px;
 line-height:14px;
 align-items:start;
 margin:6px 0
}
@media (min-width:768px) {
 .bonus-content-list li {
  font-size:13px;
  line-height:15px
 }
}
.bonus-content-list svg {
 flex-shrink:0
}
.bonus-more-details {
 margin:0 0 15px 0;
 font-size:12px
}
@media (min-width:568px) {
 .bonus-more-details {
  order:2;
  font-size:12px;
  margin:0
 }
}
@media (min-width:768px) {
 .bonus-more-details {
  font-size:13px;
  margin:20px 0 20px 0
 }
}
.bonus-more-details svg {
 width:20px;
 height:8px
}
@media (min-width:992px) {
 .bonus-more-details svg {
  height:10px
 }
}
.bonus-more-details .less {
 display:none
}
.bonus-more-details .slided .less {
 display:block
}
.bonus-more-details .slided .more {
 display:none
}
.bonus-vote-panel {
 margin:10px 0;
 font-size:11px
}
@media (min-width:568px) {
 .bonus-vote-panel {
  order:4;
  margin:15px 0 15px auto
 }
}
@media (min-width:768px) {
 .bonus-vote-panel {
  font-size:12px;
  margin:20px 0 20px auto
 }
}
.bonus-vote-link {
 display:flex;
 align-items:center;
 color:#333;
 font-weight:700;
 margin-right:10px
}
.bonus-vote:not(.user-vote-disabled) .bonus-vote-link {
 text-decoration:underline;
 opacity:.8;
 cursor:pointer
}
.bonus-vote:not(.user-vote-disabled) .bonus-vote-link:hover {
 opacity:1
}
.user-vote-disabled .bonus-vote-link.vote-link-up:hover,
.user-vote-disabled .bonus-vote-link.vote-link-down:hover {
 color:#333;
 cursor:default
}
.user-vote-disabled .bonus-vote-link.vote-link-up:hover svg,
.user-vote-disabled .bonus-vote-link.vote-link-down:hover svg {
 fill:#333
}
.bonus-content-get {
 text-align:center;
 background:#f5ffd7;
 border-radius:3px;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 border:1px solid #cdd4b6;
 padding:5px 10px;
 font-size:11px
}
@media (min-width:568px) {
 .bonus-content-get {
  font-size:13px;
  padding:20px 10px;
  flex-basis:50%;
  order:1;
  margin:10px 0 0 0
 }
}
@media (min-width:768px) {
 .bonus-content-get {
  margin:20px 0 0 0
 }
}
.bonus-content-get .btn {
 margin:5px 0
}
@media (min-width:768px) {
 .bonus-content-get .btn {
  margin:15px 0 8px 0;
  padding:11px 20px;
  font-size:20px;
  line-height:22px
 }
}
.bonus-content-get strong {
 font-size:13px;
 line-height:15px
}
@media (min-width:768px) {
 .bonus-content-get strong {
  font-size:16px;
  line-height:18px
 }
}
.tooltip-bonus-theme {
 width:100%;
 max-width:800px
}
@media (min-width:768px) {
 .tooltip-bonus-theme {
  width:auto
 }
}
.bonus-vpn-warning {
 vertical-align:middle;
 display:block;
 margin:3px 0
}
.bonus-vpn-warning>* {
 vertical-align:middle
}
.games-box {
 background:#000;
 padding:5px;
 margin:auto;
 color:#fff;
 width:100%;
 position:relative;
 overflow:hidden
}
@media (min-width:768px) {
 .games-box {
  padding:10px
 }
}
.games-box--content {
 position:relative;
 overflow:hidden
}
.games-box--content iframe {
 width:100%
}
.games-box--content__no-top {
 margin-top:0
}
.games-box--placeholder {
 width:100%;
 position:relative;
 margin:0 auto
}
.games-box--placeholder--image {
 opacity:1;
 text-align:center;
 display:flex;
 justify-content:center;
 align-items:center;
 margin:auto
}
.games-box--placeholder--image img {
 width:100%;
 max-width:100%;
 max-height:100%;
 margin:0 auto
}
.games-box--placeholder .games-box--placeholder--image {
 opacity:.35
}
.games-box--game {
 display:none;
 top:0;
 left:0;
 margin:0 auto
}
.games-box--placeholder--play {
 position:absolute;
 top:50%;
 left:50%;
 margin:0 auto;
 transform:translate(-50%,-50%);
 z-index:9
}
.games-box--placeholder--play:hover {
 opacity:.8;
 cursor:pointer
}
.games-box-controls-bottom {
 display:flex;
 justify-content:space-between;
 padding:13px 10px 8px;
 background:#000;
 font-size:12px;
 margin:auto;
 font-family:"neo-sans",sans-serif
}
.games-box__fullscreen .games-box-controls-bottom {
 display:none
}
@media (min-width:768px) {
 .games-box-controls-bottom {
  padding:8px 10px 0
 }
}
.games-box-controls-vote {
 display:flex;
 justify-content:space-around;
 flex:1
}
@media (min-width:768px) {
 .games-box-controls-vote {
  justify-content:flex-start
 }
}
.games-box-header-icons-top {
 display:flex;
 align-items:center;
 justify-content:center
}
@media (min-width:768px) {
 .games-box-header-icons-top {
  display:none
 }
}
.games-box__fullscreen .games-box-header-icons-top {
 display:flex;
 justify-content:flex-end;
 padding:0 15px
}
.games-box__fullscreen .games-box-header-icons-top .games-box--header--switch {
 padding:5px 0
}
@media (min-width:768px) {
 .games-box__fullscreen .games-box-header-icons-top .games-box--header--switch {
  padding:10px 0
 }
}
.games-box-header-icons-top .games-box--header--switch {
 padding-bottom:5px
}
.games-box-header-icons-bottom {
 display:none
}
@media (min-width:768px) {
 .games-box-header-icons-bottom {
  display:block
 }
}
.games-box--header--switch {
 position:relative;
 transition:all .2s;
 font-size:12px;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:700;
 font-family:"neo-sans",sans-serif
}
.games-box--header--switch:hover,
.games-box--header--switch:active,
.games-box--header--switch:focus,
.games-box--header--switch.active {
 text-decoration:none
}
.games-box--header--switch:hover {
 opacity:.8;
 cursor:pointer
}
.games-box--header--switch__exit-fullscreen {
 display:none
}
.games-box--header--switch__smallscreen {
 display:none
}
.games-box--header--switch__fullscreen-fallback {
 display:none;
 align-items:center;
 color:#fff
}
.games-box-fullscreen-controls {
 background:#000;
 margin:auto
}
.games-box-play-icon {
 width:70px;
 height:70px;
 border:3px solid #fff;
 display:flex;
 margin:auto;
 align-items:center;
 border-radius:50%
}
.games-box-play-icon svg {
 width:100%;
 height:65%;
 position:relative;
 left:5px
}
@media (min-width:768px) {
 .games-box-play-icon {
  border:4px solid #fff;
  width:120px;
  height:120px
 }
}
.games-box-play-text {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:22px;
 line-height:24px;
 display:block;
 text-align:center;
 width:250px;
 margin:10px 0
}
@media (min-width:768px) {
 .games-box-play-text {
  font-size:30px;
  line-height:32px
 }
}
.games-box-play-text span {
 display:block;
 margin-top:5px
}
@media (max-height:950px) and (orientation:landscape) {
 .games-box__fullscreen .games-box--header--switch__exit-fullscreen {
  display:none!important
 }
}
.game-box-age-confirm {
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 background:#252525;
 z-index:10;
 display:flex;
 align-items:center;
 justify-content:center;
 padding:20px
}
@media (min-width:992px) {
 .game-box-age-confirm {
  padding:50px
 }
}
.game-box-age-confirm img {
 max-width:80%;
 margin:auto
}
@media (min-width:992px) {
 .game-box-age-confirm img {
  max-width:200px;
  margin-right:50px
 }
}
@media (min-width:1200px) {
 .game-box-age-confirm img {
  max-width:170px;
  margin-right:80px
 }
}
.game-box-age-confirm h2 {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 color:#fff;
 font-size:16px;
 line-height:20px
}
@media (min-width:568px) {
 .game-box-age-confirm h2 {
  font-size:20px;
  line-height:24px
 }
}
@media (min-width:992px) {
 .game-box-age-confirm h2 {
  font-size:30px;
  line-height:34px
 }
}
@media (min-width:1200px) {
 .game-box-age-confirm h2 {
  font-size:35px;
  line-height:40px
 }
}
.game-box-age-confirm p {
 font-size:11px;
 line-height:14px;
 margin:10px 0 20px
}
@media (min-width:768px) {
 .game-box-age-confirm p {
  margin:20px 0 30px;
  font-size:13px;
  line-height:18px
 }
}
@media (min-width:992px) {
 .game-box-age-confirm p {
  font-size:16px;
  line-height:20px
 }
}
.game-box-age-confirm .age-confirm-text {
 max-width:600px
}
.game-box-age-confirm .age-confirm-img {
 flex:1 0 100px;
 display:none
}
@media (min-width:568px) {
 .game-box-age-confirm .age-confirm-img {
  display:block
 }
}
@media (min-width:768px) {
 .game-box-age-confirm .age-confirm-img {
  flex:1 0 200px
 }
}
@media (min-width:992px) {
 .game-box-age-confirm .age-confirm-img {
  flex:0 0 200px
 }
}
.casino-header {
 width:100%;
 position:relative;
 margin-bottom:10px
}
@media (min-width:992px) {
 .casino-header {
  margin-bottom:40px
 }
}
.casino-header--image {
 position:absolute;
 left:0;
 top:0
}
.casino-header--top .casino-header--players {
 color:#fff
}
.casino-header_right {
 position:relative;
 text-align:center
}
.casino-header_right--text {
 color:#fff;
 width:100%;
 margin:5px 0 10px 0;
 display:block;
 text-align:center;
 padding-left:31px;
 position:relative;
 top:-42px;
 font-size:1.5em;
 line-height:1em;
 font-weight:700;
 left:37px
}
.casino-header--players,
.casino-header--closed {
 display:inline-block;
 font-size:12px
}
.casino-header--players .icon-check,
.casino-header--closed .icon-check {
 color:#43c429;
 margin:0 5px;
 font-size:18px
}
.casino-header--closed {
 line-height:14px;
 margin-top:10px;
 font-size:12px;
 padding-left:40px
}
.casino-header--closed i {
 color:#ce2935;
 font-size:25px;
 top:3px;
 left:5px
}
.casino-header--closed strong {
 width:100%;
 display:inline-block;
 font-weight:700;
 font-size:18px;
 color:#fff;
 text-transform:uppercase
}
.casino-header .flag-icon {
 border:1px solid #fff;
 height:19px;
 width:25px
}
.casino-header .fair-badge {
 max-width:250px;
 margin:auto;
 display:block
}
@media (min-width:768px) {
 .casino-header .fair-badge {
  display:none
 }
 .casino-header-mobile {
  display:none
 }
}
.casino-header-content {
 position:relative;
 padding:10px
}
.casino-header-content .badges img {
 max-height:60px;
 margin:0 5px
}
@media (min-width:768px) {
 .casino-header-content {
  height:165px
 }
}
.casino-header-logo-wrapper {
 margin-right:10px
}
@media (min-width:992px) {
 .casino-header-logo-wrapper {
  margin:0;
  position:absolute;
  top:25px;
  left:25px
 }
 .casino-header-name {
  padding-left:210px
 }
}
.casino-header-mobile-cell {
 font-family:"neo-sans",sans-serif
}
@media (min-width:992px) {
 .casino-header-mobile-cell {
  display:none
 }
}
.casino-header-mobile-cell .cell {
 flex:1;
 background:#f8f8f8;
 margin:3px 0 0 0;
 padding:7px 10px;
 margin-right:3px;
 line-height:13px
}
.casino-header-mobile-cell .cell:last-child {
 margin-right:0
}
.casino-header-mobile-cell .cell img {
 max-width:35px;
 display:inline-block;
 margin:0 3px
}
.casino-header-mobile-cell .cell .icon-badge {
 font-size:40px
}
.casino-header-logo {
 display:block;
 width:55px;
 height:auto
}
@media (min-width:992px) {
 .casino-header-logo {
  width:180px
 }
}
.casino-header-players {
 display:none;
 color:#fff
}
@media (min-width:768px) {
 .casino-header-players {
  display:flex;
  align-items:center
 }
}
.casino-header-heading {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:20px;
 line-height:22px;
 padding-right:15px;
 color:#fff;
 margin:0
}
@media (min-width:568px) {
 .casino-header-heading {
  font-size:29px;
  line-height:30px
 }
}
.casino-header-reputation {
 display:none
}
@media (min-width:768px) {
 .casino-header-reputation {
  background:#f8f8f8;
  width:180px;
  height:55px;
  border-radius:5px 5px 0 0;
  position:absolute;
  bottom:0;
  right:10px;
  padding:8px 10px;
  display:block;
  z-index:3;
  line-height:15px
 }
}
.casino-header-reputation-right {
 font-family:"neo-sans",sans-serif
}
.casino-header-bottom {
 z-index:2;
 position:relative;
 display:none
}
@media (min-width:768px) {
 .casino-header-bottom {
  display:flex
 }
}
@media (min-width:992px) {
 .casino-header-bottom {
  padding-left:210px
 }
}
.casino-header-badges {
 display:inline-block
}
@media (min-width:768px) {
 .casino-header-badges {
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:center
 }
}
.casino-header-badges img {
 max-height:60px
}
@media (min-width:992px) {
 .casino-header-badges img {
  max-height:none;
  height:70px
 }
}
.casino-header-rating {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 text-align:center;
 color:#fff;
 text-transform:uppercase;
 font-size:11px;
 margin-bottom:-15px
}
@media (min-width:768px) {
 .casino-header-rating {
  width:180px
 }
}
.casino-header-rating .number {
 border-radius:50%;
 background:#29b832;
 padding:0 5px;
 text-align:center;
 border:2px solid #fff;
 display:block;
 width:35px;
 height:35px;
 font-size:16px;
 line-height:33px;
 margin:auto
}
@media (min-width:768px) {
 .casino-header-rating .number {
  border:2px solid #fff;
  padding:0 10px;
  width:70px;
  height:70px;
  font-size:31px;
  line-height:67px
 }
}
.casino-detail-table {
 margin:10px 0
}
@media (min-width:568px) {
 .casino-detail-table {
  position:relative;
  left:-10px;
  width:calc(100% + 20px)
 }
}
@media (min-width:992px) {
 .casino-detail-table {
  position:relative;
  left:-15px;
  width:calc(100% + 30px);
  position:static;
  left:auto;
  width:auto;
  margin:15px 0
 }
}
.casino-detail-table a:hover .flag-icon {
 opacity:.8
}
.casino-detail-table .td-1 {
 float:left;
 height:135px;
 width:calc(33.333% - 2px);
 padding:10px 5px;
 text-align:center;
 margin-right:3px;
 background:#efefef;
 margin-bottom:3px;
 position:relative
}
.casino-detail-table .td-1 .name {
 height:2.3em;
 line-height:1.1em;
 overflow:hidden
}
.casino-detail-table .td-1 .accepted {
 height:2em;
 display:flex;
 align-items:center;
 justify-content:center
}
.casino-detail-table .td-1:nth-child(3n) {
 margin-right:0
}
.casino-detail-table .td-1:last-child {
 margin-right:0
}
@media (min-width:568px) {
 .casino-detail-table .td-1 {
  width:calc(16.666% - 2.5px)
 }
 .casino-detail-table .td-1:nth-child(3n) {
  margin-right:3px
 }
 .casino-detail-table .td-1:last-child {
  margin-right:0
 }
}
.casino-detail-table .td-1 .info {
 position:absolute;
 top:5px;
 right:5px
}
@media (min-width:568px) {
 .casino-detail-table .tr-2 {
  float:left;
  width:calc(50% - 3px);
  margin-right:3px
 }
}
.casino-detail-table .td-2 {
 background:#efefef;
 margin-bottom:3px;
 padding:0 10px;
 height:80px;
 display:flex;
 flex-direction:column;
 justify-content:center
}
@media (min-width:768px) {
 .casino-detail-table .td-2 {
  padding:0 15px
 }
}
.casino-detail-table .td-2 .flag-icon {
 width:19px
}
.casino-detail-table .td-2 .deposit-bonus {
 max-height:28px
}
.casino-detail-table .td-2 svg,
.casino-detail-table .td-2 .flag-icon {
 flex-shrink:0
}
.casino-detail-table .td-pay-content {
 max-width:230px;
 margin:auto
}
@media (min-width:992px) {
 .casino-detail-table .tr-owner-1 {
  width:600px;
  float:left;
  margin-right:3px
 }
 .casino-detail-table .tr-owner-2 {
  width:calc(100% - 603px);
  float:left
 }
}
.casino-detail-table .td-pay {
 display:none;
 float:left;
 width:50%;
 height:163px;
 margin-bottom:3px;
 padding:10px 15px;
 background:#efefef
}
@media (min-width:568px) {
 .casino-detail-table .td-pay {
  display:block
 }
}
.casino-detail-table .td-pay .payments-list a {
 max-height:25px;
 float:left;
 margin-right:2px;
 margin-top:2px
}
.casino-detail-table .td-pay .payments-list a:nth-child(5n) {
 margin-right:0
}
.casino-detail-table .td-pay .payments-list a:nth-child(5n+1) {
 clear:left
}
.casino-detail-table .td-pay .payments-list a:hover {
 opacity:.7
}
.casino-detail-table .td-pay .payments-list img {
 max-height:25px
}
.casino-detail-table .td-owner {
 background:#efefef;
 padding:5px 20px;
 overflow:hidden;
 margin:0 0 3px 0
}
@media (min-width:992px) {
 .casino-detail-table .td-owner {
  padding:5px 10px 5px 20px;
  height:300px
 }
}
.casino-detail-table .td-owner svg {
 flex-shrink:0
}
.casino-detail-table .td-owner .authority {
 flex:1 0 85px;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.casino-detail-table .td-owner .authority-reputation {
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:95px;
 white-space:nowrap;
 margin:0 5px 0 0
}
.casino-detail-table .deposit-bonus-name {
 max-height:33px;
 overflow:hidden;
 max-height:33px;
 overflow:hidden
}
.casino-blacklist-panel {
 background:#252525;
 display:block;
 color:#fff;
 padding:10px 5px;
 margin:5px 0;
 text-align:center;
 font-size:12px
}
@media (min-width:992px) {
 .casino-blacklist-panel {
  font-size:15px
 }
}
.casino-blacklist-panel svg {
 margin:10px auto 0
}
.casino-blacklist-panel:hover {
 text-decoration:none;
 color:#fff;
 opacity:.9
}
.casino-info-panel {
 background:#007dff;
 color:#fff;
 padding:5px 5px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin:5px 0;
 font-weight:700;
 font-size:11px;
 line-height:12px
}
@media (min-width:568px) {
 .casino-info-panel {
  font-size:12px;
  line-height:13px
 }
}
@media (min-width:768px) {
 .casino-info-panel {
  padding:6px 5px
 }
}
.casino-info-panel.toggle {
 display:none
}
.casino-warning-panel {
 background:#f8ea14;
 font-size:11px;
 line-height:12px;
 padding:5px 5px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-weight:700
}
@media (min-width:568px) {
 .casino-warning-panel {
  font-size:12px;
  line-height:13px
 }
}
@media (min-width:768px) {
 .casino-warning-panel {
  padding:6px 5px
 }
}
.casino-warning-panel.toggle {
 display:none
}
.casino-payment-table {
 width:100%
}
@media (min-width:768px) {
 .casino-payment-table col:nth-child(5n+3) {
  width:25%
 }
 .casino-payment-table col:nth-child(5n+4) {
  width:30%
 }
}
.casino-payment-table col.img {
 display:none
}
@media (min-width:768px) {
 .casino-payment-table col.img {
  display:table-column
 }
}
.casino-payment-table .img {
 display:none;
 padding:0
}
@media (min-width:768px) {
 .casino-payment-table .img {
  display:table-cell
 }
}
.casino-payment-table .img img {
 border:1px solid #f8f8f8;
 border-top:0
}
.casino-payment-table th {
 background:#44be4c;
 padding:7px 3px;
 color:#fff;
 text-align:center;
 font-weight:700;
 vertical-align:middle;
 font-size:12px;
 line-height:15px
}
@media (min-width:568px) {
 .casino-payment-table th {
  padding:7px
 }
}
@media (min-width:768px) {
 .casino-payment-table th {
  padding:10px
 }
}
.casino-payment-table td {
 background:#f8f8f8;
 color:#7a7a7a;
 text-align:center;
 padding:7px 0;
 font-size:12px;
 line-height:15px;
 vertical-align:middle;
 border-bottom:1px solid #fff
}
@media (min-width:568px) {
 .casino-payment-table td {
  font-size:15px;
  line-height:19px;
  padding:7px
 }
}
@media (min-width:768px) {
 .casino-payment-table td {
  padding:10px
 }
}
.casino-payment-table td.text-left {
 padding-left:5px
}
@media (min-width:568px) {
 .casino-payment-table td.text-left {
  padding-left:7px
 }
}
.casino-payment-table tbody tr:nth-child(2n) td {
 background:#f6f6f6
}
.popover-languages {
 display:flex;
 flex-wrap:wrap
}
.popover-languages>span {
 flex-basis:50%;
 overflow:hidden
}
.popover-languages i {
 flex-shrink:0
}
.popover-payments {
 max-height:350px;
 overflow-y:scroll
}
.popover-payments a:hover {
 opacity:.7
}
.popover-payments img {
 max-width:60px
}
.popover-licensing {
 display:flex;
 align-items:center;
 justify-content:flex-start;
 max-width:100%;
 width:400px;
 margin:3px 0
}
.popover-licensing .authority {
 flex:1 0 auto
}
.popover-licensing .authority-reputation {
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:95px;
 white-space:nowrap
}
.top-trusted-casinos {
 width:260px;
 margin-left:40px;
 display:none
}
@media (min-width:1200px) {
 .top-trusted-casinos {
  display:block
 }
}
.top-trusted-border {
 border-bottom:1px solid #f1f0f0;
 display:block
}
.top-trusted-border:hover {
 background:#f1f0f0;
 text-decoration:none
}
.top-trusted-casinos-header {
 background:#252525;
 padding:10px 10px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 color:#fff;
 font-size:15px;
 font-weight:700;
 line-height:16px;
 margin-bottom:10px
}
.top-trusted-casinos-header svg:first-child {
 fill:#fff;
 margin:0 20px 0 10px
}
.top-trusted-casinos-item {
 display:flex;
 align-items:center;
 padding:0 10px;
 justify-content:space-between;
 border-bottom:1px solid #fff;
 border-top:1px solid #fff
}
.top-trusted-casinos-item:hover {
 background:#f1f0f0;
 text-decoration:none
}
.top-trusted-casinos-item img {
 min-height:50px;
 min-width:50px;
 background:#f8f8fa
}
.top-trusted-rating {
 border-radius:50%;
 display:block;
 width:30px;
 height:30px;
 font-size:16px;
 line-height:30px;
 text-align:center;
 margin:auto;
 font-weight:700;
 color:#fff;
 letter-spacing:-1px
}
.top-trusted-rating.bg-8 {
 background-color:#29b853
}
.top-trusted-rating.bg-6 {
 background-color:#6fbf3a
}
.top-trusted-rating.bg-4 {
 background-color:#b1d11e
}
.top-trusted-rating.bg-2 {
 background-color:#d1a91e
}
.top-trusted-rating.bg-0 {
 background-color:#d17c1e
}
.casino-pros-list li {
 display:flex;
 padding-left:10px;
 margin:10px 0
}
.casino-pros-list svg {
 flex-shrink:0;
 margin:3px 10px 0 0
}
.casino-pros {
 margin:20px 0
}
.casino-pros-heading {
 font-family:"neo-sans",sans-serif;
 font-size:18px;
 font-weight:700;
 color:#252525;
 display:block;
 margin:15px 0
}
.related-casinos-slider:after {
 content:'';
 position:absolute;
 right:0;
 top:0;
 height:100%;
 width:5px;
 background:#fff;
 z-index:5
}
@media (min-width:1200px) {
 .related-casinos {
  width:100%
 }
}
.related-casinos .slick-prev,
.related-casinos .slick-next {
 display:inline-block;
 width:28px;
 height:40px;
 background:0 0;
 border:0;
 z-index:10
}
.related-casinos .slick-prev:hover,
.related-casinos .slick-prev:active,
.related-casinos .slick-prev:focus,
.related-casinos .slick-next:hover,
.related-casinos .slick-next:active,
.related-casinos .slick-next:focus {
 outline:0
}
.related-casinos .slick-prev {
 position:absolute;
 left:0;
 top:60px;
 background-image:url(../images/carousel-left-arrow-green.png);
 background-repeat:no-repeat;
 background-position:center center
}
@media (min-width:1200px) {
 .related-casinos .slick-prev {
  left:-20px
 }
}
.related-casinos .slick-next {
 position:absolute;
 right:0;
 top:60px;
 background-image:url(../images/carousel-right-arrow-green.png);
 background-repeat:no-repeat;
 background-position:center center
}
@media (min-width:768px) {
 .related-casinos .slick-next {
  right:-20px
 }
}
.related-casinos .slick-slide:last-child .related-casinos-item {
 border:0
}
.related-casinos-dots {
 text-align:center
}
.related-casinos-dots ul li {
 display:inline-block
}
.related-casinos-dots ul li button {
 text-indent:-9999px;
 border:0;
 width:10px;
 height:10px;
 background:#bdbdbd;
 display:inline-block;
 border-radius:50%;
 padding:0;
 margin-left:3px;
 margin-right:3px
}
.related-casinos-dots ul li.slick-active button {
 background:#44be4c
}
.related-casinos-item {
 font-size:12px;
 line-height:14px;
 text-align:center;
 padding:20px 15px;
 border-right:1px solid #efefef;
 color:#333;
 display:inline-block;
 width:33.33%;
 vertical-align:top
}
@media (min-width:768px) {
 .related-casinos-item {
  width:25%
 }
}
@media (min-width:992px) {
 .related-casinos-item {
  width:20%
 }
}
.related-casinos-item:hover {
 background:#f8f8f8;
 color:#333;
 text-decoration:none
}
.related-casinos-item-name {
 font-weight:700;
 display:block
}
.related-casinos-item-rating {
 border-radius:50%;
 background:green;
 display:block;
 width:26px;
 height:26px;
 font-size:13px;
 margin:auto;
 color:#fff;
 position:absolute;
 top:-22px;
 right:-9px;
 font-weight:700;
 line-height:23px;
 border:1px solid #fff
}
.filter-group {
 padding:15px 10px;
 border-top:1px solid #dce3e8;
 background:#fff
}
.filter-group:last-child {
 border-bottom:1px solid #dce3e8
}
@media (min-width:1200px) {
 .filter-group {
  min-height:68px;
  padding:15px 0
 }
}
.filter-group .flag-icon {
 transform:scale(.75);
 position:relative;
 margin-right:3px;
 top:-2px
}
.filter-group.active .filter-group-heading svg {
 fill:#44be4c
}
.filter-group.active .filter-group-heading {
 font-weight:700
}
.filter-group.expanded .filter-arrow {
 transform:rotate(-180deg)
}
.filter-heading {
 color:#1d2730;
 font-family:"neo-sans",sans-serif
}
.filter-group-heading {
 background-color:#fff;
 color:#1d2730;
 position:relative;
 cursor:pointer;
 display:flex;
 align-items:start
}
.filter-group-heading.active {
 color:#252525;
 font-weight:700;
 text-decoration:none
}
.filter-group-heading.active svg:first-child {
 fill:#44be4c
}
.filter-group-heading.active .icon-simple-down {
 color:#252525
}
.filter-group-heading>svg {
 fill:#a2aeb7
}
.filter-group-heading-name {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 font-size:15px;
 line-height:18px;
 font-weight:700;
 margin-bottom:5px;
 font-family:"neo-sans",sans-serif
}
.filter-items-active {
 display:none
}
@media (min-width:768px) {
 .filter-items-active {
  margin-top:1.5rem;
  margin-bottom:2rem;
  display:block;
  font-size:13px;
  color:#4a5b68
 }
}
.filter-items-active b {
 color:#1d2730
}
.tippy-popper .filter-items-active {
 display:none
}
.filter-mobile-top {
 top:0;
 background:#fff;
 z-index:2;
 display:flex;
 align-items:center;
 border-bottom:1px solid #eceef2;
 background:#f8f8fa;
 width:calc(100% + 30px);
 position:-webkit-sticky;
 position:sticky;
 font-family:"neo-sans",sans-serif
}
.filter-mobile-top .filter-item-clear {
 margin-top:0
}
@media (min-width:1200px) {
 .filter-mobile-top {
  display:none
 }
}
.filter--group--content__visible {
 display:block
}
.filter-group-content {
 display:none;
 margin-top:15px;
 position:relative
}
.filter-group.expanded .filter-group-content {
 display:block
}
.filter-group-content.loading .loader-wrapper {
 content:'';
 position:absolute;
 background:#fff;
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:3;
 display:flex;
 align-items:center;
 justify-content:center
}
.filter-group-content.loading .loader {
 display:block
}
.filter-group-content .loader {
 display:none
}
.filter-group-content-scrollable {
 max-height:240px;
 position:relative;
 overflow-y:scroll!important;
 overflow-x:hidden;
 padding-right:5px
}
.cgf-facet-counter {
 font-size:13px;
 color:#59b0e4;
 margin:0 15px 0 auto
}
.cgf-item {
 width:100%;
 margin:3px 0;
 color:#4a5b68;
 transition:all .2s;
 position:relative;
 font-size:12px;
 min-height:28px;
 cursor:pointer;
 display:flex;
 align-items:center
}
.cgf-item .icon,
.cgf-item .icon-badge {
 margin-left:7px;
 margin-right:3px
}
.cgf-item.active {
 background:#22b573;
 color:#fff;
 text-decoration:none
}
.cgf-item.active svg {
 fill:#fff!important
}
.cgf-item.active .cgf-facet-counter {
 display:none
}
.cgf-item.active .cgf-checkbox input:checked+span .checked {
 display:block
}
@media (min-width:1200px) {
 .cgf-item:hover {
  background:#22b573;
  color:#fff;
  text-decoration:none
 }
 .cgf-item:hover svg {
  fill:#fff!important
 }
 .cgf-item:hover .cgf-facet-counter {
  color:#fff
 }
 .cgf-item:hover .cgf-checkbox input:checked+span .checked {
  display:block
 }
}
.cgf-item svg:not(.rep-badge) {
 fill:#a2aeb7
}
.cgf-item:focus {
 text-decoration:none
}
@media (min-width:1200px) {
 .cgf-item.active:hover {
  text-decoration:none
 }
}
.filter-group-expandable.is-expanded .expandable-content {
 display:block
}
.filter-group-expandable.is-expanded .filter-item-expandable .filter-group-content-item-number {
 display:none
}
.filter-group-expandable.is-expanded .filter-item-expandable .filter-group-label {
 font-weight:700
}
.filter-group-expandable.is-expanded .minus {
 display:block
}
.filter-group-expandable.is-expanded .plus {
 display:none
}
.filter-group-expandable .expandable-content {
 display:none
}
.filter-group-expandable .expandable-content .cgf-item {
 padding-left:22px
}
.filter-group-counter {
 height:15px;
 min-width:15px;
 background:#22b573;
 color:#fff;
 font-size:11px;
 font-weight:700;
 padding:2px 6px;
 border-radius:8px;
 display:flex;
 align-items:center;
 margin:0 15px 0 auto
}
.filter-group-counter:empty {
 display:none
}
.filter-item-expandable {
 position:relative;
 font-size:12px;
 min-height:28px;
 cursor:pointer;
 display:flex;
 align-items:center;
 color:#4a5b68
}
.filter-item-expandable .minus {
 display:none
}
.filter-item-expandable .plus {
 display:block
}
@media (min-width:1200px) {
 .filter-item-expandable:hover {
  background:#eceef2
 }
}
.filter-item-expandable.hidden~.expandable-content {
 display:none
}
.filter-header {
 background:#f8f8fa;
 border-top:1px solid #dce3e8;
 padding:15px 15px;
 text-align:center
}
.active .filter-header {
 padding-left:15px;
 text-align:center
}
.cgf-checkbox {
 display:flex;
 align-items:center;
 width:30px;
 justify-content:center;
 flex-shrink:0
}
.cgf-checkbox span {
 display:block;
 width:14px;
 height:14px;
 border:2px solid #a2aeb7;
 background:#f8f8f8;
 position:relative
}
.cgf-checkbox span svg {
 display:none
}
.cgf-checkbox input {
 position:relative;
 z-index:-99999;
 width:0
}
.cgf-checkbox input:checked+span {
 background-image:url(../images/ico_ui_available.svg);
 border-color:#44be4c
}
.filter {
 transition:all .2s
}
@media (min-width:1200px) {
 .filter {
  margin-top:20px
 }
 .filter .results-active-filters {
  display:none
 }
}
.filter--group--checkbox__offset {
 padding-right:5px;
 display:flex;
 position:relative;
 width:30px
}
.filter__collapsed {
 position:relative;
 height:54px;
 overflow:hidden
}
.filter .filter-item-active-label {
 display:block;
 margin:5px 0;
 font-size:12px
}
.filter .filter-item-clear {
 display:none
}
.filter-modal-link {
 background:#fff;
 color:#000;
 border:1px solid #dce3e8;
 border-radius:3px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex:1;
 padding:7px 10px;
 text-align:center;
 text-decoration:none;
 cursor:pointer;
 font-size:13px;
 font-family:"neo-sans",sans-serif
}
.filter-modal-link:last-child {
 margin-left:5px
}
@media (min-width:768px) {
 .filter-modal-link {
  font-size:15px;
  line-height:18px
 }
}
.filter-modal-link svg {
 fill:#7b8c98
}
.filter-modal-link.active {
 border-color:#22b573
}
.filter-modal-link.active svg {
 fill:#22b573
}
.header-breadcrumb {
 width:100%;
 padding:10px 0;
 display:none
}
@media (min-width:568px) {
 .header-breadcrumb {
  display:flex;
  align-items:flex-start
 }
}
.header-breadcrumb a,
.header-breadcrumb span.item {
 text-decoration:none;
 color:#333f46;
 position:relative;
 padding-left:10px;
 font-size:14px;
 display:inline-flex;
 align-items:center
}
.header-breadcrumb a span,
.header-breadcrumb span.item span {
 text-decoration:underline
}
.header-breadcrumb a:hover,
.header-breadcrumb a.active,
.header-breadcrumb span.item:hover,
.header-breadcrumb span.item.active {
 color:#44be4c;
 text-decoration:none
}
.header-breadcrumb a:hover span,
.header-breadcrumb a.active span,
.header-breadcrumb span.item:hover span,
.header-breadcrumb span.item.active span {
 text-decoration:none
}
.header-breadcrumb a.active,
.header-breadcrumb span.item.active {
 font-weight:700
}
.header-breadcrumb a:first-child,
.header-breadcrumb span.item:first-child {
 padding-left:0
}
.header-breadcrumb a:first-child:before,
.header-breadcrumb span.item:first-child:before {
 display:none!important
}
.typography a:hover {
 cursor:pointer
}
.typography p,
.typography li,
.typography td,
.typography th {
 font-size:16px;
 line-height:1.5em
}
@media (min-width:768px) {
 .typography p,
 .typography li,
 .typography td,
 .typography th {
  font-size:18px
 }
}
.typography .article-toggle .down {
 display:none
}
.typography .article-toggle.toggle .right {
 display:none
}
.typography .article-toggle.toggle .down {
 display:block
}
.typography .article-toggle.toggle .article-toggle-content {
 display:block
}
.typography .article-toggle .article-toggle-content {
 display:none
}
.fs-xs {
 font-size:11px;
 line-height:12px
}
.fs-s {
 font-size:12px;
 line-height:14px
}
.fs-l {
 font-size:16px;
 line-height:1.2em
}
.fs-m {
 font-size:14px;
 line-height:18px
}
.fs-xl {
 font-size:18px;
 line-height:1.2em
}
.fs-xxl {
 font-size:22px;
 line-height:1.1em
}
.fs-xxxl {
 font-size:30px;
 line-height:1.1em
}
.article-header-cinemagraph .cinemagraph-container {
 overflow:hidden;
 display:block;
 max-height:252px;
 min-height:150px;
 height:252px;
 width:970px;
 margin:auto
}
@media (max-width:970px) {
 .article-header-cinemagraph .cinemagraph-container {
  width:100%
 }
}
@media (max-width:767px) {
 .article-header-cinemagraph .cinemagraph-container {
  height:40vw;
  max-height:initial;
  min-height:initial
 }
}
.article-header-cinemagraph .cinemagraph-container video {
 display:block;
 margin:auto;
 height:100%;
 margin-left:-120px;
 position:relative;
 z-index:1
}
@media (max-width:992px) {
 .article-header-cinemagraph .cinemagraph-container video {
  margin-left:calc(50% - 710px)
 }
}
@media (max-width:767px) {
 .article-header-cinemagraph .cinemagraph-container video {
  margin-left:calc(50% - 120vw)
 }
}
.article-header-cinemagraph .overlay {
 position:absolute;
 top:0;
 left:0;
 z-index:2;
 width:100%;
 height:100%;
 display:flex;
 justify-content:left;
 align-items:center
}
.article-header-cinemagraph .overlay .cinemagraph_title {
 display:flex;
 flex-direction:row;
 align-items:center;
 margin-left:calc(50% - 350px);
 height:60px
}
@media (max-width:992px) {
 .article-header-cinemagraph .overlay .cinemagraph_title {
  display:none
 }
}
.article-header-cinemagraph .overlay .cinemagraph_title i {
 font-size:50px;
 color:#fff
}
.article-header-cinemagraph .overlay .cinemagraph_title h3 {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:30px;
 color:#fff;
 line-height:1;
 margin-left:20px
}
.article-header-cinemagraph .overlay .cinemagraph_title .h3 {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:30px;
 color:#fff;
 line-height:1;
 margin-left:20px;
 display:block
}
.article-header-cinemagraph .overlay .cinemagraph_title div {
 font-size:30px;
 color:#fff;
 line-height:1;
 font-weight:700;
 margin-left:20px
}
.text-center {
 text-align:center!important
}
.text-left {
 text-align:left!important
}
.text-right {
 text-align:right!important
}
@media (min-width:992px) {
 .md\:text-right {
  text-align:right!important
 }
}
@media (min-width:768px) {
 .sm\:text-right {
  text-align:right!important
 }
 .sm\:text-left {
  text-align:left!important
 }
}
.text-bold {
 font-weight:700
}
.text-uppercase {
 text-transform:uppercase
}
.article-menu-aside {
 border-right:1px solid #eceef2
}
.article-menu {
 box-shadow:0 0 20px rgba(74,91,104,.3);
 margin:15px 0
}
@media (min-width:992px) {
 .article-menu {
  margin-bottom:20px;
  box-shadow:none
 }
}
.article-menu.is-expanded>.article-menu-lvl-2,
.article-menu.is-expanded>.article-menu-lvl-3,
.article-menu li.is-expanded>.article-menu-lvl-2,
.article-menu li.is-expanded>.article-menu-lvl-3 {
 height:auto
}
.article-menu.is-expanded .article-menu-content,
.article-menu li.is-expanded .article-menu-content {
 display:block
}
.article-menu.is-expanded .article-menu-mobile-header svg,
.article-menu li.is-expanded .article-menu-mobile-header svg {
 transform:rotateX(180deg)
}
.article-menu-content {
 font-family:"neo-sans",sans-serif;
 display:none
}
@media (min-width:992px) {
 .article-menu-content {
  display:block
 }
}
.article-menu-content li>a {
 transition:color .1s ease-in-out;
 font-family:"neo-sans",sans-serif;
 font-weight:700
}
.article-menu-content li>a:hover {
 color:#44be4c
}
.article-menu-content svg {
 display:none
}
@media (min-width:992px) {
 .article-menu-content svg {
  transition:transform .3s ease-in-out;
  cursor:pointer;
  display:block
 }
}
.article-menu-content .arrow {
 padding:0 5px;
 transition:transform .15s ease-in-out
}
.article-menu-content li.is-expanded>.arrow>svg {
 transform:rotateZ(180deg)
}
.article-menu-content li.is-hover {
 cursor:pointer
}
.article-menu-content li.is-hover>.arrow {
 transform:scale(1.3);
 fill:#44be4c
}
.article-menu-content li.is-hover>.arrow>svg {
 fill:#44be4c
}
.article-menu-content li.is-selected {
 text-decoration:none;
 font-weight:700
}
.article-menu-content li.is-selected>a,
.article-menu-content li.is-selected>.article-menu-link {
 color:#44be4c
}
.article-menu-content li.is-selected>.arrow svg {
 fill:#44be4c
}
.article-menu-lvl-1>li {
 border-bottom:1px solid #eceef2;
 font-size:15px;
 line-height:18px;
 margin:0 15px;
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 justify-content:space-between
}
@media (min-width:992px) {
 .article-menu-lvl-1>li {
  margin:0
 }
}
.article-menu-lvl-1>li>a,
.article-menu-lvl-1>li>.article-menu-link {
 font-size:15px;
 color:#1d2730;
 margin:13px 0 13px 0;
 max-width:80%
}
.article-menu-lvl-2 {
 flex:0 0 100%;
 transition:height .3s ease-in-out
}
@media (min-width:992px) {
 .article-menu-lvl-2 {
  height:0;
  overflow:hidden
 }
}
.article-menu-lvl-2>li {
 display:flex;
 align-items:center;
 flex-wrap:wrap;
 justify-content:space-between
}
.article-menu-lvl-2>li svg {
 display:none
}
@media (min-width:992px) {
 .article-menu-lvl-2>li svg {
  display:block
 }
 .article-menu-lvl-2>li {
  margin:0
 }
}
.article-menu-lvl-2>li:last-child {
 margin-bottom:10px
}
.article-menu-lvl-2>li>a,
.article-menu-lvl-2>li>.article-menu-link {
 color:#1d2730;
 margin:7px 20px 7px 22px;
 font-size:14px;
 max-width:75%;
 font-weight:400
}
.article-menu-lvl-3 {
 flex:0 0 100%;
 transition:height .3s ease-in-out
}
@media (min-width:992px) {
 .article-menu-lvl-3 {
  height:0;
  overflow:hidden
 }
}
.article-menu-lvl-3>li>a {
 font-weight:400;
 color:#4a5b68;
 padding:6px 40px 6px 55px;
 font-size:12px;
 display:block
}
.article-menu-lvl-3>li:first-child {
 margin-top:5px
}
.article-menu-lvl-3>li:last-child {
 margin-bottom:10px
}
.article-menu-mobile-header {
 background:#44be4c;
 color:#fff;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:15px 15px;
 font-size:15px;
 line-height:18px;
 margin:15px 0 0;
 text-transform:uppercase
}
@media (min-width:992px) {
 .article-menu-mobile-header {
  display:none
 }
}
.article-menu-mobile-header svg {
 transition:transform .3s ease-in-out
}
.avatar {
 border-radius:50%;
 background:#a7c9eb
}
.avatar.moderator {
 background:#b3f0b8
}
.menu {
 display:flex;
 align-items:center;
 justify-content:space-between;
 height:40px;
 padding:0 10px
}
@media (min-width:768px) {
 .menu {
  height:50px
 }
}
@media (min-width:992px) {
 .menu {
  height:60px
 }
}
@media (min-width:1200px) {
 .menu {
  padding:0
 }
}
.menu-logo {
 margin-right:auto;
 position:relative;
 z-index:1;
 margin-bottom:5px
}
@media (min-width:768px) {
 .menu-logo {
  width:27px;
  overflow:hidden;
  margin-right:5px;
  position:relative
 }
}
@media (min-width:992px) {
 .menu-logo {
  width:auto;
  overflow:visible;
  margin-right:15px
 }
}
.menu-logo svg,
.menu-logo a {
 display:block
}
.menu-logo img {
 height:32px;
 width:auto
}
@media (min-width:768px) {
 .menu-logo img {
  height:35px
 }
}
@media (min-width:992px) {
 .menu-logo img {
  height:40px
 }
}
.menu-right {
 display:flex;
 align-items:center;
 margin-right:40px;
 height:100%
}
@media (min-width:768px) {
 .menu-right {
  position:relative
 }
}
.menu-user {
 color:#fff;
 position:relative;
 z-index:2;
 height:100%;
 display:none
}
@media (min-width:768px) {
 .menu-user {
  display:block
 }
}
.menu-user .avatar {
 width:20px;
 height:20px;
 border:1px solid #fff;
 border-radius:50%;
 margin-right:10px
}
@media (min-width:992px) {
 .menu-user .avatar {
  width:23px;
  height:23px
 }
}
.menu-user .email {
 font-family:"neo-sans",sans-serif;
 cursor:pointer;
 font-weight:700;
 font-size:13px;
 display:flex;
 align-items:center;
 height:100%;
 background:#252525;
 z-index:5;
 position:relative
}
@media (min-width:992px) {
 .menu-user .email {
  font-size:14px
 }
}
.menu-user .email span {
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 max-width:130px;
 display:block
}
.menu-user:hover .menu-logout {
 transform:translateY(0)
}
.menu-right-link {
 display:flex;
 align-items:center;
 color:#fff;
 position:relative;
 height:100%;
 cursor:pointer
}
.menu-right-link .text {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:13px
}
@media (min-width:992px) {
 .menu-right-link .text {
  font-size:14px
 }
}
.menu-logout {
 font-family:"neo-sans",sans-serif;
 font-size:15px;
 align-items:center;
 position:absolute;
 transform:translateY(-110%);
 transition:transform .1s ease-in-out;
 top:100%;
 left:-10px;
 width:calc(100% + 20px);
 background:#252525;
 overflow:hidden
}
@media (min-width:768px) {
 .menu-logout {
  width:calc(100% + 30px)
 }
}
.menu-logout a {
 padding:10px;
 color:#fff;
 display:block;
 overflow:hidden
}
@media (min-width:768px) {
 .menu-logout a {
  padding:15px
 }
}
.menu-logout a:hover:before {
 transform:translateX(0)
}
.menu-logout a:before {
 transition:transform .1s ease-in-out;
 left:0;
 content:'';
 height:3px;
 width:100%;
 bottom:0;
 position:absolute;
 background:#44be4c;
 transform:translateX(-110%)
}
.menu-link {
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:15px;
 color:#fff;
 text-align:left;
 text-decoration:none;
 align-items:center;
 justify-content:flex-start;
 display:flex;
 position:relative;
 padding:11px 15px;
 border-bottom:1px solid #b3b3b3;
 flex:1;
 overflow:hidden
}
@media (min-width:768px) {
 .menu-link {
  font-size:13px;
  padding:0 12px;
  border:0;
  flex:0 auto;
  position:relative;
  white-space:nowrap
 }
 .menu-link:after {
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  height:5px;
  width:100%;
  background:#44be4c;
  transform:translateX(-101%);
  transition:transform .2s ease-in-out
 }
 .menu-link .menu-icon {
  display:none
 }
}
@media (min-width:992px) {
 .menu-link {
  padding:0 15px;
  font-size:14px
 }
 .menu-link .menu-icon {
  display:block
 }
}
@media (min-width:1200px) {
 .menu-link {
  cursor:pointer
 }
}
.menu-link svg {
 width:20px;
 height:20px;
 flex-shrink:0;
 margin-right:10px
}
@media (min-width:768px) {
 .menu-link svg {
  margin-right:5px
 }
}
@media (min-width:992px) {
 .menu-link svg {
  width:24px;
  height:24px
 }
}
.menu-link .icon-arrow {
 width:14px;
 height:9px
}
@media (min-width:768px) {
 .menu-link .icon-arrow {
  display:none
 }
}
.menu-link:focus {
 text-decoration:none;
 color:#fff
}
.menu-link.is-active .icon-arrow {
 transform:rotate(-180deg)
}
.menu-link svg {
 fill:#44be4c
}
.menu-link .tag-new {
 font-family:"neo-sans",sans-serif;
 color:#f8ea14;
 font-size:8px;
 position:absolute;
 top:7px;
 left:50px;
 text-transform:uppercase
}
@media (min-width:768px) {
 .menu-link .tag-new {
  top:10px;
  right:10px;
  left:auto
 }
}
@media (min-width:992px) {
 .menu-link .tag-new {
  top:15px
 }
}
@media (min-width:768px) {
 .menu-link-user {
  display:none
 }
}
.menu-link-complaints svg {
 width:18px;
 height:18px
}
@media (min-width:992px) {
 .menu-link-complaints svg {
  width:19px;
  height:19px
 }
}
.menu-link-email {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 max-width:130px
}
.menu-link-search {
 padding:5px 0;
 cursor:pointer;
 display:flex;
 align-items:center;
 margin-left:10px
}
@media (min-width:992px) {
 .menu-link-search {
  margin-left:15px
 }
}
.menu-lang {
 font-size:13px;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 color:#fff;
 position:relative;
 margin:0 0 0 5px;
 align-self:right;
 cursor:pointer;
 display:inline-flex;
 align-items:center;
 z-index:2
}
@media (min-width:992px) {
 .menu-lang {
  font-size:14px;
  margin:0 0 0 10px
 }
}
.menu-lang:hover,
.menu-lang:focus {
 color:#fff;
 text-decoration:none
}
.menu-lang i {
 transform:scale(.7);
 display:inline-block
}
@media (min-width:768px) {
 .menu-nav {
  margin:0;
  display:flex;
  align-items:center;
  height:100%
 }
}
.menu-nav:hover #magic-line {
 transform:scaleX(1)
}
.menu-collapse {
 transition:all 230ms ease-out;
 transform:translateX(-150%);
 position:fixed;
 left:0;
 top:40px;
 width:80%;
 height:calc(100% - 40px);
 background:#222;
 overflow:auto;
 box-shadow:20px 0 74px 0 rgba(0,0,0,.32);
 max-width:245px
}
@media (min-width:768px) {
 .menu-collapse {
  align-items:center;
  transform:none;
  flex:1;
  display:flex;
  height:100%;
  position:static;
  width:auto;
  background:0 0;
  overflow:hidden;
  box-shadow:none;
  max-width:none
 }
}
.menu-collapse.is-active {
 transform:translateX(0)
}
@media (min-width:768px) {
 .menu-collapse.is-active {
  height:100%
 }
 .menu-collapse li {
  display:flex;
  height:100%
 }
}
.menu-collapse-bottom {
 padding:0 15px;
 margin:10px 0
}
.menu-collapse-bottom a {
 display:block;
 padding:5px 0;
 font-size:11px;
 color:#999
}
@media (min-width:768px) {
 .menu-collapse-bottom {
  display:none
 }
}
.menu-icon-label {
 width:38px;
 height:38px;
 background:0 0;
 border:0;
 padding:0;
 position:relative;
 z-index:1
}
.menu-icon-label:hover {
 cursor:pointer
}
@media (min-width:768px) {
 .menu-icon-label {
  display:none
 }
}
.menu-icon-label .close {
 display:none
}
.menu-icon-label .open {
 display:block
}
.modal-open .menu-icon-label .open {
 display:none
}
.modal-open .menu-icon-label .close {
 display:block
}
.menu-icon-wrapper {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.opacity-80 {
 opacity:.7!important
}
#magic-line {
 position:absolute;
 bottom:0;
 z-index:4;
 left:0;
 width:100px;
 height:4px;
 background:#44be4c;
 transition:transform .2s ease-in-out;
 transform-origin:left
}
.sub-menu {
 background:#fff;
 padding:0 0 0 15px;
 width:100%;
 left:0;
 z-index:3;
 display:block;
 box-shadow:0 51px 74px 0 rgba(0,0,0,.32);
 overflow:hidden;
 max-height:0;
 transition:all .2s ease-in-out
}
@media (min-width:768px) {
 .sub-menu {
  transform:translate(0,-100%);
  transform-origin:top;
  min-height:250px;
  bottom:0;
  border-top:1px solid #e4e4e4;
  left:0;
  position:absolute;
  padding:0;
  max-height:none;
  opacity:0;
  transition:none
 }
}
.sub-menu.is-active {
 display:block;
 transform:none
}
@media (min-width:768px) {
 .sub-menu.is-active {
  transform:translate(0,-100%)
 }
}
.game-block {
 width:100%;
 padding-bottom:50px;
 background-color:#000;
 background-size:cover;
 position:relative
}
.game-block-overlay {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 background-color:rgba(0,0,0,.473)
}
.game-block-header {
 color:#fff;
 position:relative;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:25px;
 text-align:center;
 max-width:350px;
 margin:auto;
 padding:15px
}
@media (max-width:600px) {
 .game-block-header {
  font-size:23px
 }
}
@media (min-width:992px) {
 .game-block-header {
  max-width:600px
 }
}
.game-block-header h1 {
 font-size:23px;
 line-height:25px
}
.game-block-header h1 span {
 font-family:'Noto Sans',sans-serif;
 font-size:15px;
 font-weight:400;
 display:inline-block;
 margin-left:5px
}
.game-detail-container {
 max-width:652px;
 margin:auto;
 padding:0 10px
}
@media (min-width:1200px) {
 .game-detail-container .casino-card-info {
  padding:0 15px
 }
}
.games-box-wrapper {
 position:relative;
 margin-left:50px;
 margin-right:50px
}
@media (max-width:500px) {
 .games-box-wrapper {
  margin-right:5px;
  margin-left:5px
 }
}
.games-slider-box .games-box--carousel--item {
 max-width:131px
}
@media (max-width:320px) {
 .games-slider-box .games-box--carousel--item {
  max-width:115px
 }
}
.games-slider-box .games-box--carousel--item_sub-title {
 color:gray
}
.games-slider-box .games-box--carousel--item_image {
 height:100px;
 opacity:1
}
.flex {
 display:flex
}
@media (min-width:568px) {
 .xsm\:flex {
  display:flex
 }
}
@media (min-width:768px) {
 .sm\:flex {
  display:flex
 }
}
@media (min-width:568px) {
 .xs\:block {
  display:block
 }
}
@media (min-width:768px) {
 .sm\:block {
  display:block
 }
}
@media (min-width:992px) {
 .md\:flex {
  display:flex
 }
 .md\:block {
  display:block
 }
}
@media (min-width:1200px) {
 .lg\:block {
  display:block
 }
}
.flex-inline {
 display:inline-flex
}
.flex-1 {
 flex:1
}
.flex-2 {
 flex:2
}
.flex-col {
 flex-direction:column
}
.flex-wrap {
 flex-wrap:wrap
}
.justify-between {
 justify-content:space-between
}
.justify-evenly {
 justify-content:space-evenly
}
.justify-center {
 justify-content:center
}
.justify-end {
 justify-content:flex-end
}
.justify-start {
 justify-content:flex-start
}
.content-between {
 align-content:space-between
}
.items-center {
 align-items:center
}
.items-start {
 align-items:start
}
.items-stretch {
 align-items:stretch
}
.items-baseline {
 align-items:baseline
}
.self-center {
 align-self:center
}
.flex-no-shrink {
 flex-shrink:0
}
.self-right {
 align-self:right
}
.flex-row {
 flex-direction:row;
 height:100%
}
.basis-100 {
 flex-basis:100%
}
.my-m {
 margin-top:1.5rem;
 margin-bottom:1.5rem
}
.my-l {
 margin-top:2rem;
 margin-bottom:2rem
}
.my-xl {
 margin-top:2.5rem;
 margin-bottom:2.5rem
}
.my-xs {
 margin-top:.5rem;
 margin-bottom:.5rem
}
.my-xxs {
 margin-top:.2rem;
 margin-bottom:.2rem
}
.my-s {
 margin-top:1rem;
 margin-bottom:1rem
}
.my-xxl {
 margin-top:4.5rem;
 margin-bottom:4.5rem
}
.my-auto {
 margin-top:auto;
 margin-bottom:auto
}
.mx-auto {
 margin-right:auto;
 margin-left:auto
}
.ml-auto {
 margin-left:auto
}
.mx-s {
 margin-left:1rem;
 margin-right:1rem
}
.mx-xs {
 margin-left:.5rem;
 margin-right:.5rem
}
.mx-m {
 margin-left:1.5rem;
 margin-right:1.5rem
}
.mx-l {
 margin-left:2rem;
 margin-right:2rem
}
.mx-xxs {
 margin-left:.2rem;
 margin-right:.2rem
}
.mt-xs {
 margin-top:.5rem
}
.mt-s {
 margin-top:1rem
}
.mt-m {
 margin-top:1.5rem
}
.mt-l {
 margin-top:2rem
}
.mt-xl {
 margin-top:2.5rem
}
.mt-xxl {
 margin-top:4.5rem
}
.mt-xxxl {
  margin-top: 5.5rem;
}
.mr-xs {
 margin-right:.5rem
}
.mr-s {
 margin-right:1rem
}
.mr-m {
 margin-right:1.5rem
}
.ml-m {
 margin-left:1.5rem
}
.ml-xxxl {
  margin-left: 5rem;
}
.ml-xs {
 margin-left:.5rem
}
.mb-xs {
 margin-bottom:.5rem
}
.mb-s {
  margin-bottom: 1rem;
}
.mb-l {
  margin-bottom: 2rem;
}
.mb-xl {
 margin-bottom:2rem
}
.px-s {
 padding-left:1rem;
 padding-right:1rem
}
.px-m {
 padding-left:1.5rem;
 padding-right:1.5rem
}
.py-m {
 padding-top:1.5rem;
 padding-bottom:1.5rem
}
.py-l {
 padding-top:2rem;
 padding-bottom:2rem
}
.py-xxl {
 padding-top:4.5rem;
 padding-bottom:4.5rem
}
.py-s {
 padding-top:1rem;
 padding-bottom:1rem
}
@media (min-width:568px) {
 .sm\:px-s {
  padding-right:1rem;
  padding-left:1rem
 }
}
@media (min-width:992px) {
 .md\:px-0 {
  padding-right:0;
  padding-left:0
 }
}
@media (min-width:568px) {
 .sm\:px-0 {
  padding-right:0;
  padding-left:0
 }
}
@media (min-width:768px) {
 .sm\:my-xxl {
  margin-top:4.5rem;
  margin-bottom:4.5rem
 }
}
@media (min-width:568px) {
 .xs\:mx-auto {
  margin-right:auto;
  margin-left:auto
 }
}
@media (min-width:768px) {
 .sm\:mx-auto {
  margin-right:auto;
  margin-left:auto
 }
}
.block {
 display:block
}
.underline {
 text-decoration:underline
}
.underline-link {
 text-decoration:underline;
 cursor:pointer;
 opacity:1
}
.underline-link:hover {
 opacity:.8
}
.ellipsis {
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden
}
.pointer {
 cursor:pointer
}
.expanded-visible {
 display:none
}
.expanded-hidden {
 display:block
}
.min-width-0 {
 min-width:0
}
.vote-link-up {
 cursor:pointer
}
.vote-link-up:hover,
.vote-link-up.voted {
 color:#22b573
}
.vote-link-up:hover svg,
.vote-link-up.voted svg {
 fill:#22b573
}
.vote-link-down {
 cursor:pointer
}
.vote-link-down:hover,
.vote-link-down.voted {
 color:#ed3445
}
.vote-link-down:hover svg,
.vote-link-down.voted svg {
 fill:#ed3445
}
.vote-link-bump svg {
 animation:bump .8s
}
.results-content-loader {
 position:relative;
 display:none
}
.results-content-loader h3 {
 display:inline-block;
 width:100%;
 font-family:"neo-sans",sans-serif;
 font-size:25px;
 color:#252525;
 font-weight:700
}
.results-content-loader h4 {
 font-family:"neo-sans",sans-serif;
 color:#44be4c;
 display:inline-block;
 width:100%;
 padding-top:1px;
 font-weight:700;
 font-size:18px
}
.results-content-loader img {
 position:absolute;
 left:0;
 right:0;
 margin:0 auto;
 display:inline-block;
 max-width:100%
}
.results-content-loader.active {
 display:block
}
.results-content-loader-inside {
 position:relative;
 height:300px;
 width:100%
}
.results-content-loader-text {
 position:absolute;
 width:100%;
 bottom:35px
}
.results-content-loader-spinner {
 position:absolute;
 left:0;
 right:0;
 top:100px;
 bottom:0;
 margin:0 auto;
 text-align:center;
 width:100%;
 height:300px
}
.results-content {
 width:100%
}
.main-header {
 z-index:2002
}
.results-content-loader {
 z-index:1000
}
.results-content-overlay {
 z-index:999
}
@media (min-width:768px) {
 .menu {
  z-index:10
 }
 .menu-logo,
 .menu-right,
 .menu-link {
  z-index:4
 }
 .main-header-bg {
  z-index:4
 }
}
@font-face {
 font-family:"neo-sans";
 src:url(https://use.typekit.net/af/d14aa2/00000000000000003b9b2031/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3) format("woff2"),
 url(https://use.typekit.net/af/d14aa2/00000000000000003b9b2031/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3) format("woff"),
 url(https://use.typekit.net/af/d14aa2/00000000000000003b9b2031/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3) format("opentype");
 font-display:swap;
 font-style:normal;
 font-weight:900
}
@font-face {
 font-family:"neo-sans";
 src:url(https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3) format("woff2"),
 url(https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3) format("woff"),
 url(https://use.typekit.net/af/00ac0a/00000000000000003b9b2033/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3) format("opentype");
 font-display:swap;
 font-style:normal;
 font-weight:700
}
@font-face {
 font-family:"neo-sans";
 src:url(https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff2"),
 url(https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff"),
 url(https://use.typekit.net/af/8870bf/00000000000000003b9b203a/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("opentype");
 font-display:swap;
 font-style:normal;
 font-weight:400
}
.tk-neo-sans {
 font-family:"neo-sans",sans-serif
}
.menu-login-popup {
 position:absolute;
 top:60px;
 padding:20px 0 0 0;
 width:320px;
 transform:translate(-50%,-120%);
 left:50%;
 transition:transform .2s cubic-bezier(0,.05,.4,1)
}
.menu-login-popup.active {
 transform:translate(-50%,0)
}
.search-box-title {
 font-family:"neo-sans",sans-serif;
 font-weight:900;
 font-size:30px;
 line-height:30px;
 color:#fff
}
@media (min-width:568px) {
 .search-box-title {
  max-width:400px;
  margin:auto
 }
}
@media (min-width:768px) {
 .search-box-title {
  font-size:36px;
  line-height:40px
 }
}
@media (min-width:992px) {
 .search-box-title {
  max-width:750px
 }
}
.search-box-subtitle {
 font-family:"neo-sans",sans-serif;
 font-weight:400;
 font-size:16px;
 line-height:20px;
 color:#fff;
 margin:25px auto;
 max-width:350px
}
@media (min-width:568px) {
 .search-box-subtitle {
  margin:10px auto
 }
}
@media (min-width:768px) {
 .search-box-subtitle {
  font-size:20px;
  line-height:28px;
  max-width:600px
 }
}
@media (min-width:992px) {
 .search-box-subtitle {
  max-width:750px
 }
}
.homepage-subheading-dark,
.homepage-subheading {
 font-family:"neo-sans",sans-serif;
 font-size:15px;
 line-height:20px;
 color:#fff;
 position:relative;
 padding:0 10px
}
@media (min-width:568px) {
 .homepage-subheading-dark,
 .homepage-subheading {
  font-weight:700;
  font-size:18px
 }
}
@media (min-width:768px) {
 .homepage-subheading-dark,
 .homepage-subheading {
  padding:0
 }
}
.homepage-subheading {
 color:#1d2730
}
.homepage-desc-expandable {
 font-size:15px;
 line-height:23px;
 color:#7b8c98;
 margin:20px 0;
 position:relative;
 max-height:80px;
 overflow:hidden
}
.homepage-desc-expandable.toggle {
 max-height:none;
 overflow:visible;
 margin-bottom:40px
}
.homepage-desc-expandable.toggle .homepage-desc-less {
 display:block
}
.homepage-desc-expandable.toggle .homepage-desc-more {
 display:none
}
.homepage-desc-expandable.toggle:after {
 display:none
}
.homepage-desc-expandable.toggle .homepage-desc-toggle {
 bottom:-35px
}
.homepage-desc-expandable:after {
 content:'';
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:60px;
 background:linear-gradient(to bottom,rgba(236,238,242,0) 0%,#eceef2 80%)
}
@media (min-width:568px) {
 .homepage-desc-expandable:after {
  display:none
 }
 .homepage-desc-expandable {
  margin:30px 0;
  max-height:none
 }
}
@media (min-width:768px) {
 .homepage-desc-expandable {
  margin:50px 0
 }
}
@media (min-width:1200px) {
 .homepage-desc-expandable {
  margin:60px 0
 }
}
.homepage-desc-expandable .homepage-desc-less {
 display:none
}
.homepage-desc {
 position:relative;
 max-width:750px;
 margin:auto;
 font-size:15px;
 line-height:20px;
 padding:0 10px;
 color:#4a5b68
}
@media (min-width:568px) {
 .homepage-desc {
  margin:30px auto
 }
}
@media (min-width:768px) {
 .homepage-desc {
  margin:50px auto;
  font-size:16px;
  line-height:22px;
  padding:0 20px
 }
}
@media (min-width:1200px) {
 .homepage-desc {
  max-width:none;
  margin:60px auto 0;
  font-size:18px;
  line-height:24px
 }
}
.homepage-desc p {
 margin:20px 0
}
.homepage-desc-toggle {
 font-family:"neo-sans",sans-serif;
 text-transform:uppercase;
 color:#1d2730;
 font-size:11px;
 line-height:13px;
 display:block;
 text-align:center;
 position:absolute;
 z-index:3;
 bottom:0;
 width:100%;
 cursor:pointer
}
.homepage-desc-toggle span {
 display:block
}
@media (min-width:568px) {
 .homepage-desc-toggle {
  display:none
 }
}
.homepage-tabs-panel {
 background:#eceef2;
 display:none
}
@media (min-width:568px) {
 .homepage-tabs-panel {
  display:block
 }
}
.homepage-tabs {
 display:flex;
 justify-content:center;
 overflow:hidden
}
@media (min-width:1200px) {
 .homepage-tabs {
  max-width:1170px;
  margin:auto
 }
}
.homepage-tab {
 height:95px;
 font-family:"neo-sans",sans-serif;
 color:#7b8c98;
 font-size:10px;
 line-height:12px;
 text-align:center;
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 font-weight:700;
 padding:0 5px;
 flex:1;
 position:relative;
 cursor:pointer;
 padding-bottom:3px;
 transition:background-color .2s ease-in-out
}
.homepage-tab:hover {
 color:#44be4c
}
.homepage-tab:hover svg {
 fill:#44be4c
}
.homepage-tab:after {
 content:'';
 height:6px;
 background:#44be4c;
 width:100%;
 transform:translateY(-100%);
 transition:transform .3s ease-in-out;
 position:absolute;
 top:0;
 left:0
}
@media (min-width:768px) {
 .homepage-tab:after {
  height:8px
 }
}
@media (min-width:568px) {
 .homepage-tab {
  font-size:12px;
  line-height:15px;
  padding:0 20px
 }
}
@media (min-width:768px) {
 .homepage-tab {
  font-size:15px;
  height:130px;
  line-height:16px;
  padding:0 30px 8px 30px;
  max-width:25%;
  width:25%
 }
}
@media (min-width:1200px) {
 .homepage-tab {
  font-size:18px;
  height:150px;
  line-height:22px
 }
}
.homepage-tab svg {
 width:25px;
 height:25px;
 fill:#7b8c98
}
@media (min-width:768px) {
 .homepage-tab svg {
  width:35px;
  height:35px
 }
}
@media (min-width:992px) {
 .homepage-tab svg {
  width:50px;
  height:50px
 }
}
.homepage-tab:before {
 content:'';
 position:absolute;
 left:0;
 height:75%;
 background:#a2aeb7;
 width:1px
}
.homepage-tab:first-child:before {
 content:none
}
.homepage-tab.active {
 background:#f8f8fa;
 color:#44be4c
}
.homepage-tab.active svg {
 fill:#44be4c
}
.homepage-tab.active:before {
 content:none
}
.homepage-tab.active:after {
 transform:translateY(0)
}
.homepage-tab.active+.homepage-tab:before {
 content:none
}
.homepage-section {
 background:#f8f8fa;
 overflow:hidden
}
.homepage-section-dark {
 background:#1d2730;
 overflow:hidden
}
.homepage-section-wrapper {
 padding:0 15px
}
@media (min-width:1200px) {
 .homepage-section-content {
  max-width:1200px;
  margin:auto
 }
}
.homepage-recommended-casinos {
 background:#eceef2
}
@media (min-width:568px) {
 .homepage-recommended-casinos {
  background:#f8f8fa
 }
}
.homepage-recommended-casinos .heading-underline {
 margin:17px 0
}
@media (min-width:568px) {
 .homepage-recommended-casinos .heading-underline {
  margin:40px 0
 }
}
@media (min-width:768px) {
 .homepage-recommended-casinos .heading-underline {
  margin:70px 0 50px
 }
}
.casino-open--heading {
 color:#44be4c;
 font-family:"neo-sans",sans-serif;
 font-weight:700;
 font-size:22px;
 line-height:1.2em
}
.casino-open p,
.casino-open li {
 font-size:16px;
 color:#6d6d6d;
 padding-bottom:10px
}
.casino-open--text {
 margin-top:12px
}
.casino-open--text li {
 list-style:disc
}
.casino-open--text ul {
 margin-left:25px
}
.casino-perex {
 font-size:15px;
 font-weight:700;
 color:#252525!important
}
.casino-description .typography {
 transition:max-height .2s ease-in-out;
 max-height:10em;
 overflow:hidden;
 position:relative
}
.casino-description .typography:after {
 position:absolute;
 content:'';
 bottom:0;
 height:80px;
 width:100%;
 left:0;
 transition:opacity .2s ease-in-out;
 background:#fff;
 background:linear-gradient(180deg,rgba(255,255,255,0) 0%,white 80%)
}
.casino-description .typography.slide-toggle:after {
 display:none;
 opacity:0
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/C7bP6N8yXZ-PGLzbFLtQKRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+0460-052F,
 U+20B4,
 U+2DE0-2DFF,
 U+A640-A69F;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/iLJc6PpCnnbQjYc1Jq4v0xJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+0400-045F,
 U+0490-0491,
 U+04B0-04B1,
 U+2116;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/5pCv5Yz4eMu9gmvX8nNhfRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+02BC,
 U+0900-097F,
 U+1CD0-1CF6,
 U+1CF8-1CF9,
 U+200B-200D,
 U+20A8,
 U+20B9,
 U+25CC,
 U+A830-A839,
 U+A8E0-A8FB;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/gEkd0pn-sMtQ_P4HUpi6WBJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+1F00-1FFF;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/iPF-u8L1qkTPHaKjvXERnxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+0370-03FF;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/mTzVK0-EJOCaJiOPeaz-hxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+0102-0103,
 U+1EA0-1EF9,
 U+20AB;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/erE3KsIWUumgD1j_Ca-V-xJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
 unicode-range:U+0100-024F,
 U+1E00-1EFF,
 U+20A0-20AB,
 U+20AD-20CF,
 U+2C60-2C7F,
 U+A720-A7FF;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:400;
 src:local("Noto Sans"),
 local("NotoSans"),
 url(https://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nFtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
 unicode-range:U+0000-00FF,
 U+0131,
 U+0152-0153,
 U+02C6,
 U+02DA,
 U+02DC,
 U+2000-206F,
 U+2074,
 U+20AC,
 U+2212,
 U+2215;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ16-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
 unicode-range:U+0460-052F,
 U+20B4,
 U+2DE0-2DFF,
 U+A640-A69F;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ15X5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
 unicode-range:U+0400-045F,
 U+0490-0491,
 U+04B0-04B1,
 U+2116;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ10Tj6bCwSDA5u__Fbjwz3f0.woff2) format("woff2");
 unicode-range:U+02BC,
 U+0900-097F,
 U+1CD0-1CF6,
 U+1CF8-1CF9,
 U+200B-200D,
 U+20A8,
 U+20B9,
 U+25CC,
 U+A830-A839,
 U+A8E0-A8FB;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1xWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
 unicode-range:U+1F00-1FFF;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ16aRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
 unicode-range:U+0370-03FF;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1_8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
 unicode-range:U+0102-0103,
 U+1EA0-1EF9,
 U+20AB;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1z0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
 unicode-range:U+0100-024F,
 U+1E00-1EFF,
 U+20A0-20AB,
 U+20AD-20CF,
 U+2C60-2C7F,
 U+A720-A7FF;
 font-display:swap
}
@font-face {
 font-family:'Noto Sans';
 font-style:normal;
 font-weight:700;
 src:local("Noto Sans Bold"),
 local("NotoSans-Bold"),
 url(https://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ1-gdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
 unicode-range:U+0000-00FF,
 U+0131,
 U+0152-0153,
 U+02C6,
 U+02DA,
 U+02DC,
 U+2000-206F,
 U+2074,
 U+20AC,
 U+2212,
 U+2215;
 font-display:swap
}

@media screen and (max-width: 990px) {
  .ml-xxxl {
  margin-left: 3rem !important;
  }
}

@media screen and (max-width: 768px) {
  .casino-card-header-overlay {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
  }
  .casino-card-header {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
  }
}

@media screen and (max-width: 600px) {
    .login-form-container {
        margin-top: 0;
        top: 10px;
    }
}

@media screen and (max-width: 400px) {
    .login-form-container {
        left: 0px;
        margin-left: 0px;
        right: 0px;
        margin-bottom: 10px;
        width: auto;
    }
    .login-form .input {
        width: 140px;
    }
    .socmed-login .socmed-btn i {
        margin-right: 5px;
        width: 19px;
    }
}