/*!
Theme Name: play
Text Domain: play
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    height: 100%
}

main {
    display: block;
    height: 100%
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*,
*::before,
*::after {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body {
    color: #b3b6bd;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background: #20242d
}

#page {
    width: 100%;
    margin: 0 auto;
    background: #242932
}

@media (min-width:576px) {
    #page {
        max-width: 540px
    }
}

@media (min-width:768px) {
    #page {
        max-width: 730px
    }
}

@media (min-width:992px) {
    #page {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    #page {
        max-width: 1160px
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    margin: 0 0 15px;
    color: #fff;
    font-weight: 700
}

p {
    margin: 0 0 15px
}

dfn,
cite,
em,
i {
    font-style: italic
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", courier, monospace;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,
ol {
    margin: 0 0 15px 15px;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

embed,
iframe,
object {
    max-width: 100%
}

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

figure {
    margin: 1em 0
}

#page table {
    max-width: 100%;
    margin: 0 0 15px;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border: 1px solid rgba(255, 255, 255, .1)
}

#page table td,
#page table th {
    padding: 10px 15px;
    border: 1px solid rgba(255, 255, 255, .1)
}

@media screen and (max-width:767px) {
    .scbid {
        width: 100%;
        overflow: auto !important;
        border: 1px solid rgba(255, 255, 255, .1);
        box-sizing: border-box;
        margin: 20px 0 20px
    }
    .scbid table {
        margin: 0 0 0 0 !important;
        border: none !important;
        border-radius: 0 !important
    }
}

a {
    color: #ffc107;
    text-decoration: none
}

a:hover,
a:focus,
a:active {
    color: #fff;
    text-decoration: none
}

a:focus {
    outline: 0
}

a:hover,
a:active {
    outline: 0
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #d5b577;
    border-radius: 5px;
    background: none;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    padding: 8px 20px
}

.search-form input[type="submit"] {
    display: none
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border: 1px solid #d5b577;
    color: #d5b577
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border: 1px solid #d5b577;
    color: #d5b577
}

#comments input[type="submit"] {
    color: #fff;
    font-size: 15px;
    padding: 10px 20px;
    text-transform: none;
    border: none;
    background: #323946;
    border-radius: 5px
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: none;
    width: 75%;
    padding: 10px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
input[type="text"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="password"]:active,
input[type="search"]:active,
input[type="number"]:active,
input[type="tel"]:active,
input[type="range"]:active,
input[type="date"]:active,
input[type="month"]:active,
input[type="week"]:active,
input[type="time"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="color"]:active,
textarea:active {
    color: #111;
    border: none;
    outline: 0;
    box-shadow: none
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

.menu-toggle {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 80px;
    padding: 0;
    border: none;
    color: #fff;
    font-size: 23px
}

.admin-bar .menu-toggle {
    top: 80px
}

.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus {
    border: none;
    outline: 0;
    box-shadow: none;
    color: #fff
}

.main-navigation.toggled {
    float: none
}

.main-navigation .menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 10px 0;
    background: transparent;
    transition: 0.5s ease-in;
    line-height: initial
}

.main-navigation.toggled .menu {
    display: block
}

.main-navigation.toggled ul ul {
    position: absolute;
    left: 0;
    list-style: none;
    background: #fff;
    float: left;
    z-index: 99999;
    padding: 0;
    width: calc(100% - 34px);
    margin-left: 1px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden
}

.main-navigation.toggled ul ul ul {
    max-width: 50%
}

.main-navigation.toggled ul li:hover>ul,
.main-navigation.toggled ul li.focus>ul {
    left: auto;
    opacity: 1;
    visibility: visible
}

.main-navigation {
    text-align: right;
    padding-top: 3px
}

.main-navigation a {
    display: block;
    color: #828f9a;
    text-decoration: none;
    font-weight: 600
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation li.current_page_item>a,
.main-navigation li.current-menu-item>a {
    color: #fff
}

@media screen and (min-width:992px) {
    .main-navigation .menu {
        display: block
    }
    .main-navigation li {
        position: relative;
        display: inline-block;
        margin-left: 30px
    }
}

@media screen and (min-width:992px) {
    .menu-toggle {
        display: none
    }
    .main-navigation ul {
        display: block
    }
}

.site-main .comment-navigation,
.site-main .posts-navigation {
    margin: 0 0 1.5em
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
    display: flex
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    flex: 1 0 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    text-align: end;
    flex: 1 0 50%
}

.post-navigation {
    padding: 2em 0 3em 0;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc
}

.post-navigation a {
    color: #2f2f2f;
    text-decoration: none;
    font-weight: 700;
    padding: 5px;
    border: 1px solid #000
}

.post-navigation a:hover,
.post-navigation a:focus {
    color: #000
}

.sticky {
    display: block
}

.post,
.type-page {
    margin: 0
}

.updated:not(.published) {
    display: none
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content ul,
.entry-content ol,
.entry-content blockquote,
.entry-content p {
    clear: both
}

.entry-content p:first-of-type {
    clear: none
}

.page-links {
    clear: both
}

blockquote {
    margin: 0 0 15px;
    font-size: 17px;
    font-style: italic;
    border-left: 4px solid #3077f7;
    padding: 0 0 0 15px
}

#comments label {
    font-size: 14px;
    opacity: .7;
    padding-bottom: 5px;
    display: block
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr)
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr)
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr)
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr)
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr)
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr)
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr)
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr)
}

.gallery-caption {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#primary[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em
}

img {
    max-width: 100%;
    max-height: 100%
}

.aribg {
    border: 1px solid #e0e0e0;
    padding: 20px
}

.row:after {
    clear: both
}

.row:after,
.row:before {
    display: table;
    content: " "
}

.mainNavbar {
    padding: 15px 20px;
    position: relative;
    background: #1c2028
}

.mainNavbar img {
    display: block;
    float: left;
    width: 140px
}

.mainNavbar:after {
    clear: both;
    display: table;
    content: " "
}

.bannerBox {
    background: url(../../../uploads/2022/01/top.jpg) no-repeat;
    height: 220px;
    background-size: cover;
    position: relative
}

.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.breadcrumb {
    background: #272d39;
    padding: 15px;
    font-size: 14px
}

.breadcrumb ol {
    list-style: none;
    padding: 0;
    list-style-type: none;
    margin: 0
}

.breadcrumb li {
    display: inline-block
}

.breadcrumb .breadcrumb-item a {
    padding: 0 6px
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .2rem;
    content: "/"
}

.contentBox {
    width: 67%;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    float: left;
    padding-bottom: 15px
}

.slots_page .contentBox {
    width: 100%
}

.error-404 {
    margin: 0 auto;
    text-align: center;
    padding: 100px 0
}

.comments-area {
    margin-top: 30px
}

ol.comment-list {
    margin: 0;
    padding: 0;
    list-style: none
}

ol.children {
    list-style: none;
    padding-left: 30px
}

.comment {
    margin-bottom: 20px;
    width: 100%
}

.comments-title,
.comment-reply-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 15px
}

.comment-reply-title {
    margin: 0 0 5px
}

.comment-author img {
    float: left;
    margin-right: 15px
}

.comment-date {
    opacity: .7;
    font-size: 13px
}

.comment-content {
    padding-bottom: 20px
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

#secondary {
    width: 33%;
    padding: 20px;
    display: block;
    position: relative;
    float: left;
    overflow: hidden
}

.sidebar {
    background: #272d39
}

.sidebar .widget ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.sidebar .widget ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 15px
}

.sidebar .widget ul li a {
    font-size: 15px;
    font-weight: 600;
    display: block;
    line-height: 1.3
}

.widget-title {
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    position: relative;
    padding: 15px 15px 10px
}

.entry-header h1 {
    font-size: 25px;
    line-height: 1.2
}

.imgArea {
    width: 45%;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px
}

.imgArea img {
    width: 100%
}

.article-posts {
    padding-bottom: 15px
}

.article-posts .entry-title a {
    font-weight: 700;
    display: block;
    line-height: 1.3;
    font-size: 17px;
    margin-bottom: 10px
}

ul.pagination {
    text-align: center;
    list-style: none
}

.pagination-wrap {
    margin: 0 0 15px
}

.pagination a,
.pagination .current {
    display: inline-block;
    font-weight: 700;
    color: #fff;
    margin-right: 10px;
    text-decoration: none
}

ul.pagination li {
    display: inline-block
}

ul.pagination li.active a,
.pagination .current {
    color: #3077f7
}

.pagination a:hover {
    color: #3077f7
}

.site-footer {
    padding: 20px;
    background: #1c2028
}

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

.site-footer .widget ul {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0
}

.site-footer .widget ul li {
    display: inline-block;
    margin: 5px 10px
}

.site-footer .widget ul li a {
    color: #828f9a;
    font-weight: 600
}

.site-footer .widget ul li a:hover {
    color: #fff
}

.site-info {
    font-size: 13px;
    text-align: center
}

.site-info ul {
    margin: 10px 0 0;
    list-style: none
}

.site-info ul li {
    display: inline-block;
    margin: 0 10px
}

.site-info p {
    margin: 5px 0 0
}

a.primary-link {
    font-weight: 700;
    color: #5e6a7f;
    border: 1px solid #353d48;
    padding: 9px 30px;
    border-radius: 5px
}

a.secondary-link {
    text-align: center;
    font-weight: 700;
    padding: 10px 30px;
    border-radius: 5px;
    background: #3077f7;
    color: #fff
}

a.primary-link:hover {
    border: 1px solid #4986f5;
    color: #fff;
    background: #4986f5
}

a.secondary-link:hover {
    background: #0069d9
}

.top-link {
    position: absolute;
    left: 30%;
    top: 24px
}

.top-link a.primary-link,
.bottom-link a.primary-link {
    margin-right: 10px
}

.bottom-link {
    padding: 10px 0 30px
}

.brand-images img {
    max-height: 35px;
    margin: 10px 15px;
    filter: grayscale(100%) opacity(50%)
}

.brand-images {
    padding: 15px 0
}

.sidebar-link {
    text-align: center;
    padding: 0 15px 30px
}

.sidebar-link a {
    display: block
}

.sidebar-link a.primary-link {
    margin-bottom: 15px
}

.section {
    padding-left: 20px;
    padding-right: 20px
}

.box_game {
    background: #000;
    margin-bottom: 30px;
    position: relative;
    text-align: center
}

.box_game img {
    display: block;
    width: 100%
}

.box_btns {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 20%
}

.game_btn a.secondary-link {
    padding: 8px;
    display: block;
    margin: 10px auto;
    max-width: 170px
}

a.g1 {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffc107
}

a.g1:hover {
    color: #fff
}

.box_game:hover .box_btns {
    display: block
}

.box_game:hover img {
    opacity: .2
}

.games .col-4 p {
    margin: 0 0 20px;
    min-height: 160px;
    background-color: #212425;
    background-image: linear-gradient(45deg, #1c1f20 25%, transparent 25%, transparent 75%, #1c1f20 75%, #1c1f20), linear-gradient(-45deg, #1c1f20 25%, transparent 25%, transparent 75%, #1c1f20 75%, #1c1f20);
    background-size: 60px 60px;
    overflow: hidden;
    padding: 15px;
    border: 1px solid #000
}

.games .col-4 p strong {
    display: block
}

.service_box img {
    width: 100%;
    opacity: .7;
    display: block
}

.service_box {
    position: relative;
    margin-bottom: 17px
}

.news_title {
    padding: 15px;
    position: absolute;
    bottom: 0
}

.news_title a {
    display: block;
    font-weight: 700;
    line-height: 1.3;
    text-shadow: 2px 2px 2px #000;
    color: #fff
}

.big .news_title a {
    font-size: 20px
}

.home h2,
.home h1,
.home .h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 15px
}

.home h3 {
    font-size: 16px
}

.section-link {
    text-align: center;
    padding: 10px 0 15px
}

.bonus .col-4 p {
    position: relative;
    padding-left: 15px
}

.bonus .col-4 p:before {
    content: "";
    position: absolute;
    left: 0;
    height: 40px;
    width: 4px;
    top: 5px;
    background: #d4b37a
}

.signup .col-4 p {
    position: relative;
    padding-left: 15px
}

.signup .col-4 p:before {
    content: "";
    position: absolute;
    left: 0;
    height: 40px;
    width: 4px;
    top: 5px;
    background: #d4b37a
}

.point .col-6 p {
    position: relative;
    padding-left: 18px
}

.point .col-6 p:before {
    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 8px;
    top: 8px;
    background: #d4b37a
}

.deposit .col-3 p {
    position: relative;
    padding-left: 18px
}

.deposit .col-3 p:before {
    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 8px;
    top: 8px;
    background: #d4b37a
}

.support .col-4 p {
    position: relative;
    padding-left: 18px
}

.support .col-4 p:before {
    content: "";
    position: absolute;
    left: 0;
    height: 8px;
    width: 8px;
    top: 8px;
    background: #d4b37a
}

.license {
    padding-bottom: 15px
}

.games {
    padding-top: 30px
}

.page-title {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    margin: 0 0 15px
}

.category-dev ul {
    list-style: none;
    margin: 0
}

.category-dev ul li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px
}

.category-dev ul li a {
    padding: 9px 20px;
    font-size: 15px;
    font-weight: 700;
    border-radius: 5px;
    color: #fff;
    background: #33364e
}

.slot-single-btn {
    text-align: center;
    padding: 20px 0
}

.entry-content iframe {
    width: 100%;
    height: 450px;
    border: none;
    padding: 0
}

a.readmore {
    display: block;
    margin: 10px auto 20px;
    padding: 8px;
    border-radius: 5px;
    font-size: 14px;
    color: #699df9;
    background: #1c2028;
    max-width: 170px;
    text-align: center
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:992px) {
    .col-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:1199px) {
    .top-link {
        left: 27%
    }
    .entry-content iframe {
        height: 350px
    }
    .box_btns {
        top: 10%
    }
}

@media (max-width:991px) {
    .box_btns {
        top: 25%
    }
    .slots_page .contentBox .col-3,
    .games .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .contentBox {
        width: 100%
    }
    #secondary {
        width: 100%
    }
    .mainNavbar img {
        float: none;
        margin: 0 auto
    }
    .top-link {
        position: static;
        text-align: center;
        padding: 25px 0 15px
    }
    .main-navigation {
        text-align: left
    }
    .main-navigation .menu {
        background: #20242d;
        padding: 15px
    }
    .main-navigation li {
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
        padding-bottom: 10px;
        margin-bottom: 10px
    }
    .main-navigation li:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none
    }
    @media (max-width:767px) {
        .brand-images img {
            max-height: 30px;
            margin: 8px
        }
        .box_btns {
            top: 15%
        }
        .entry-content iframe {
            height: 300px
        }
        .imgArea {
            width: 100%;
            margin-right: 0
        }
        .entry-header h1 {
            font-size: 22px;
            line-height: 1.3
        }
        .mainNavbar {
            padding: 15px 15px
        }
        .menu-toggle {
            right: 15px
        }
        .contentBox {
            padding-left: 15px;
            padding-top: 15px;
            padding-right: 15px;
            padding-bottom: 15px
        }
        #secondary {
            padding: 15px
        }
        .site-footer {
            padding: 20px 15px
        }
        .article-posts {
            padding-bottom: 30px
        }
    }
    @media (max-width:500px) {
        .entry-content iframe {
            height: 250px
        }
    }
    @media (max-width:500px) {
        .slots_page .contentBox .col-3,
        .games .col-3 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%
        }
        .box_btns {
            top: 25%
        }
    }
    @media (max-width:400px) {
        .top-link a,
        .bottom-link a {
            display: block;
            margin: 0 auto;
            max-width: 180px
        }
        .top-link a.primary-link,
        .bottom-link a.primary-link {
            margin: 0 auto 15px
        }
    }
    @media (max-width:360px) {
        .entry-content iframe {
            height: 200px
        }
        .box_btns {
            top: 20%
        }
    }
    /*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
    .fa,
    .fas,
    .far,
    .fal,
    .fab {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1
    }
    .fa-lg {
        font-size: 1.33333em;
        line-height: .75em;
        vertical-align: -.0667em
    }
    .fa-xs {
        font-size: .75em
    }
    .fa-sm {
        font-size: .875em
    }
    .fa-1x {
        font-size: 1em
    }
    .fa-2x {
        font-size: 2em
    }
    .fa-3x {
        font-size: 3em
    }
    .fa-4x {
        font-size: 4em
    }
    .fa-5x {
        font-size: 5em
    }
    .fa-6x {
        font-size: 6em
    }
    .fa-7x {
        font-size: 7em
    }
    .fa-8x {
        font-size: 8em
    }
    .fa-9x {
        font-size: 9em
    }
    .fa-10x {
        font-size: 10em
    }
    .fa-fw {
        text-align: center;
        width: 1.25em
    }
    .fa-ul {
        list-style-type: none;
        margin-left: 2.5em;
        padding-left: 0
    }
    .fa-ul>li {
        position: relative
    }
    .fa-li {
        left: -2em;
        position: absolute;
        text-align: center;
        width: 2em;
        line-height: inherit
    }
    .fa-border {
        border: solid .08em #eee;
        border-radius: .1em;
        padding: .2em .25em .15em
    }
    .fa-pull-left {
        float: left
    }
    .fa-pull-right {
        float: right
    }
    .fa.fa-pull-left,
    .fas.fa-pull-left,
    .far.fa-pull-left,
    .fal.fa-pull-left,
    .fab.fa-pull-left {
        margin-right: .3em
    }
    .fa.fa-pull-right,
    .fas.fa-pull-right,
    .far.fa-pull-right,
    .fal.fa-pull-right,
    .fab.fa-pull-right {
        margin-left: .3em
    }
    .fa-spin {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear
    }
    .fa-pulse {
        -webkit-animation: fa-spin 1s infinite steps(8);
        animation: fa-spin 1s infinite steps(8)
    }
    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }
    .fa-rotate-90 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .fa-rotate-180 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .fa-rotate-270 {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    .fa-flip-horizontal {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1)
    }
    .fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
        -webkit-transform: scale(1, -1);
        transform: scale(1, -1)
    }
    .fa-flip-horizontal.fa-flip-vertical {
        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
        -webkit-transform: scale(-1, -1);
        transform: scale(-1, -1)
    }
    :root .fa-rotate-90,
    :root .fa-rotate-180,
    :root .fa-rotate-270,
    :root .fa-flip-horizontal,
    :root .fa-flip-vertical {
        -webkit-filter: none;
        filter: none
    }
    .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2em
    }
    .fa-stack-1x,
    .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%
    }
    .fa-stack-1x {
        line-height: inherit
    }
    .fa-stack-2x {
        font-size: 2em
    }
    .fa-inverse {
        color: #fff
    }
    .fa-viber:before {
        content: '\e800'
    }
    .fa-search:before {
        content: '\e801'
    }
    .fa-right-open:before {
        content: '\e802'
    }
    .fa-cancel:before {
        content: '\e803'
    }
    .fa-quote:before {
        content: '\e804'
    }
    .fa-play:before {
        content: '\e805'
    }
    .fa-ok:before {
        content: '\e806'
    }
    .fa-play-1:before {
        content: '\e807'
    }
    .fa-right:before {
        content: '\e808'
    }
    .fa-left:before {
        content: '\e809'
    }
    .fa-circle:before {
        content: '\e80a'
    }
    .fa-at:before {
        content: '\e80b'
    }
    .fa-dot-3:before {
        content: '\e80c'
    }
    .fa-twitter:before {
        content: '\f099'
    }
    .fa-facebook:before {
        content: '\f09a'
    }
    .fa-bars:before {
        content: '\f0c9'
    }
    .fa-angle-left:before {
        content: '\f104'
    }
    .fa-angle-right:before {
        content: '\f105'
    }
    .fa-angle-up:before {
        content: '\f106'
    }
    .fa-angle-down:before {
        content: '\f107'
    }
    .fa-skype:before {
        content: '\f17e'
    }
    .fa-vkontakte:before {
        content: '\f189'
    }
    .fa-paper-plane:before {
        content: '\f1d8'
    }
    .fa-whatsapp:before {
        content: '\f232'
    }
    .fa-user-circle-o:before {
        content: '\f2be'
    }
    .sr-only {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
    .sr-only-focusable:active,
    .sr-only-focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }
    .far {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400
    }
    @font-face {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: url(../../../themes/play/css/font-awesome/webfonts/fontello.eot);
        src: url("../../../themes/play/css/font-awesome/webfonts/fontello.eot@") format("embedded-opentype"), url(../../../themes/play/css/font-awesome/webfonts/fontello.woff2) format("woff2"), url(../../../themes/play/css/font-awesome/webfonts/fontello.woff) format("woff"), url(../../../themes/play/css/font-awesome/webfonts/fontello.ttf) format("truetype"), url("../../../themes/play/css/font-awesome/webfonts/fontello.svg") format("svg")
    }
    .fa,
    .fas {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400
    }