/*
Theme Name: slither.io
Theme URI: http://slither-io.com/
Author: Pubg Mobile
Author URI: http://slither-io.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: slither-io
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

*/


/*--------------------------------------------------------------

# Normalize

--------------------------------------------------------------*/
@font-face {
  font-family: Inter;
  src: url(assets/fonts/inter/Inter-Regular.ttf) format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: Inter;
  src: url(assets/fonts/inter/Inter-Bold.ttf) format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Inter;
  src: url(assets/fonts/inter/Inter-Italic.ttf) format('truetype');
  font-style: italic;
}


html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary,
label {
    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: bold;
}

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: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root),
.blocks-gallery-item{
    overflow: hidden;
    display: inline-block !important;
}

figure {
    margin: 1em 40px;
}

hr {
    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,
label {
    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="checkbox"],
input[type="radio"] {
    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;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/*--------------------------------------------------------------

# Typography

--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea {
    color: #0c0c0c;
    font-family: Inter,sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
#page
{
    -moz-box-shadow: 0 3px 15px rgb(0 0 0 / 0.25);
    -webkit-box-shadow: 0 3px 15px rgb(0 0 0 / 0.25);
    -o-box-shadow: 0 3px 15px rgb(0 0 0 / 0.25);
    box-shadow: 0 3px 15px rgb(0 0 0 / 0.25);
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 15px;
}
h2
{
    font-size: 26px;
}
h3
{
    font-size: 22px;
}
h4,
.sli-list li a
{
    font-size: 20px;
}
h5{
    font-size: 18px;
}
h6
{
    font-size: 16px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 0.9375rem;
    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;
    font-size: 15px;
    font-size: 0.9375rem;
}

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

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

big {
    font-size: 125%;
}


/*--------------------------------------------------------------

# Elements

--------------------------------------------------------------*/

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

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

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

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

figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


/*--------------------------------------------------------------

# Forms

--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    outline: 0;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}

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: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

select {
    border: 1px solid #ccc;
}

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 {
    color: #111;
}

textarea,
.fb-comments iframe {
    width: 100% !important;
}


/*--------------------------------------------------------------

# Navigation

--------------------------------------------------------------*/


/*--------------------------------------------------------------

## Links

--------------------------------------------------------------*/

a,
a:visited,
a:hover,
a:focus,
a:active {
    color: #19232d;
}
a:hover,
a:active,
a:focus {
    outline: 0;
}


/*--------------------------------------------------------------

## Menus

--------------------------------------------------------------*/

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation li {
    float: left;
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {}

.main-navigation li:hover>a,
.main-navigation li.focus>a {}

.main-navigation ul ul:hover>a,
.main-navigation ul ul .focus>a {}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
    left: auto;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
    left: 100%;
}

.main-navigation .current_page_item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current_page_ancestor>a,
.main-navigation .current-menu-ancestor>a {}


/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

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

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}


/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/


/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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


/* Do not show the outline on the skip link target. */

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


/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}


/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}


/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {
    margin: 0 0 15px 0;
}


/* Make sure select elements fit in widgets. */

.widget select {
    max-width: 100%;
}


/*--------------------------------------------------------------

# Content

--------------------------------------------------------------*/


/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}


/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

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

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,

/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

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


/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

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


/* Make sure embeds and iframes fit their containers. */

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


/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.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: 0.8075em 0;
}

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


/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery,
.box-skins h3 {
    margin-bottom: 15px;
    color: #d785e6;
}

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

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33333%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66667%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28571%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11111%;
}

.gallery-caption {
    display: block;
    color: #a724bf;
    font-size: 14px;
    margin: 5px 0;
}


/****************************** Css Theme ******************************/

#content {
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 20px 0;
}


.list-cate>li>a {
    color: #393939;
    font-size: 15px;
    height: 35px;
    display: inline-block;
    padding-left: 25px;
    font-family: 'Roboto Condensed', Arial, Helvetica;
}

.box-title {
    margin: 0 0 20px;
}
.box-featured .row,
.sli-cat .row,
.box-related .row
{
    margin: 0 -8px;
}
.post-item {
    position: relative;
    overflow: hidden;
    -ms-flex: 0 0 249px;
    flex: 0 0 249px;
    max-width: 249px;
    padding: 0 8px;
    margin: 8px 0;
}
#menu-menu-left > li > a {
    position: relative;
    display: block;
    margin: 2px 0;
    margin-right: 7px;
    padding: 3px 10px 3px 28px;
    border: 1px solid #dcdcdc;
    background-color: #ffffff;
    color: #9e33b3;
    font: bold 12px/22px Arial, Tahoma, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px rgba(255,255,255,0.4);
    border-radius: 1px 3px 3px 1px;
    -webkit-box-shadow: inset 0 1px #e9b6f3, 0 1px 2px rgba(0,0,0,0.21);
    box-shadow: inset 0 1px #e9b6f3, 0 1px 2px rgba(0,0,0,0.21);
    border: 1px solid #c15fd4;
}
#menu-menu-left > li > a:before {
    background: url(img/default-game.png) left top no-repeat;
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background-position: 1px 1px;
    left: 4px;
}

.io-games a:before {
    background: url(img/icon-io.png) left top no-repeat !important;
    content: '';
    width: 25px;
    height: 30px;
    position: absolute;
    background-position: 0px 5px;
}

.guides a:before {
    background: url(img/guides.png) left top no-repeat !important;
    content: '';
    width: 25px;
    height: 28px;
    position: absolute;
    background-position: 0px 5px;
}

.kogama-games a:before {
    background: url(img/kogama-icon.png) left top no-repeat !important;
}

.team a:before {
    background: url(img/icon-team.png) left top no-repeat !important;
}

.io-mods a:before {
    background: url(img/mod.png) left top no-repeat !important;
}

.video a:before {
    background: url(img/video.png) left top no-repeat !important;
}

.submit-game a:before {
    background: url(img/submit.png) left top no-repeat !important;
}

.slither a:before {
    background: url(img/slither.png) left top no-repeat !important;
}

.ads {
    text-align: center;
    margin: 40px 0;
    width: 100%;
}

.top-header {
    background-color: #133850;
    border-bottom: 3px solid #305167;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
}

.content-right .post-item {
    padding: 0;
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.content-right .popular,
.single-post .post-content {
    margin-top: 15px;
}
/*.txt-footer {
    background-color: #333;
    color: #fff;
    padding: 15px 20px;
    width: 100%;
}*/
footer
{
    color: #fff;
    background: #111923;
    font-size: 15px;
}
.search-box .search-submit {
    display: none;
}

.search-form .search-field {
    font: normal 12px Arial, Helvetica, Sans-serif;
    color: #777;
    width: 90%;
    margin: 10px auto;
    display: table;
    padding: 6px 15px 6px 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    outline: none;
}

.title-popular,
.wp-block-latest-posts > li > a,
.widget_categories > li > a {
    color: #393939;
    font-size: 15px;
    display: block;
    font-family: 'Roboto Condensed', Arial, Helvetica;
    line-height: 25px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
/*.widget_categories > li
{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 30px;
    max-height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}*/
.guide,
.kk-star-ratings .kksr-legend {
    margin-top: 10px;
}

.backtotop {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 45px;
    right: 50px;
    display: none;
    background: url(img/scroll-to-top-button.png) no-repeat;
}

h1 {
    font-size: 45px;
    min-height: 37px;
    font-weight: bold;
}

.img-description-game {
    float: left;
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid #b4b4b4;
    padding: 3px;
    box-sizing: content-box;
    overflow: hidden;
    -webkit-box-shadow: 0px 4px 4px rgb(31 31 31 / 0.23);
    box-shadow: 0px 4px 4px rgb(31 31 31 / 0.23);
}

.img-description-game img {
    border-radius: 8px;
}

.sli-des {
    overflow: hidden;
    border-top: 1px solid #d6d6d6;
    margin-top: 14px;
}

.sli-des>div {
    margin-top: 15px;
    overflow: hidden;
}

.top-des h3,
.comment-facebok h3 {
    margin: 0;
    font-size: 20px;
    min-height: 36px;
    line-height: 36px;
    color: #252525;
}
#fullscreen {
    border-radius: 3px;
    margin-right: 3px;
    outline: none;
    font-size: 13px;
    padding: 9px 15px;
}
.info-game
{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
#fullscreen i {
    margin-right: 5px;
}

.content-bottom h3 {
    margin: 0;
    line-height: 33px;
    height: 37px;
    padding-left: 10px;
}

.content-bottom h3 span {
    margin: 0 0 15px 0;
    font-size: 19px;
    min-height: 30px;
    line-height: 26px;
    color: #9c27b0;
    text-shadow: #ccc 1px 1px 1px;
    border-bottom: 1px solid #ccc;
}

.single-cat a {
    background: #7f8c8d;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2), 0 1px 5px rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2), 0 1px 5px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 0 -4px 0 rgba(0, 0, 0, .2), 0 1px 5px rgba(0, 0, 0, .4);
    border-radius: 3px;
    border: none;
    display: inline-block;
    line-height: 26px;
    padding: 4px 8px;
    font-size: 14px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.single-cat a.hover {
    color: #9c27b0;
}

.single-cat>div {
    font-size: 14px;
    min-height: 33px;
    line-height: 30px;
    color: #fff;
    display: inline-block;
    position: relative;
    background-color: #515556;
    margin-right: 15px;
    padding: 0px 5px;
    vertical-align: top;
}

.single-cat>div:before {
    background: #515556;
    content: "";
    height: 8px;
    position: absolute;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 8px;
    right: -4px;
    top: 12px;
}

.most-view {
    margin-top: 25px;
    display: inline-block;
}

#breadcrumbs {
    font: 400 14px/25px arial;
    padding-left: 17px;
    position: relative;
}
#breadcrumbs:before
{
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: url(img/home.png) no-repeat top center;
    background-size: contain;
    left: 0;
    bottom: 7px;
}
#breadcrumbs>span>span[typeof="v:Breadcrumb"]>a {
    background-color: #eceeed;
    position: relative;
    display: inline-block;
    padding: 0px 5px;
    color: #4c447c;
    border-left: 3px solid #4c447c;
}

#breadcrumbs>span>span[typeof="v:Breadcrumb"]>a:after {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #eceeed;
    position: absolute;
    right: -11px;
    top: 0px;
    z-index: 1;
}

#breadcrumbs>span>span>span[rel="v:child"]>a {
    background: #d3d3d3;
    text-align: center;
    text-decoration: none;
    color: #000;
    position: relative;
    display: inline-block;
    padding: 0px 5px 0px 17px;
}

#breadcrumbs>span>span>span[rel="v:child"]>a:before {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #f5f5f5;
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 0;
}

#breadcrumbs>span>span>span[rel="v:child"]>a:after {
    content: "";
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #d3d3d3;
    position: absolute;
    right: -12px;
    top: 0px;
    z-index: 1;
}
.single-game .entry-meta {
    margin-top: 10px;
    text-transform: capitalize;
    padding: 0;
}

.single-post .entry-meta,
.sli-list li {
    margin-bottom: 10px;
}

.top-post {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.single-game .top-post,
.content-home p {
    margin-left: 20px;
}
.cat-child li {
    list-style: none;
    width: 140px;
    overflow: hidden;
    min-height: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    background-color: #b3b3b3;
    border: 1px solid #a0a0a0;
    vertical-align: text-bottom;
    padding: 0px 5px;
}

.cat-child li a,
.txt-footer p a,
.head-bottom a,
footer a,
.main-menu ul > li > a{
    color: #fff !important;
}
.content-category .each-game {
    max-width: 183px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    box-sizing: content-box;
}
.main-menu .menu-footer
{
    -webkit-justify-content: center;
    justify-content: center;
}
.top-cat .post-item {
    padding: 0;
}

.top-cat .each-game {
    margin-right: 6px;
    max-width: 160px;
    display: inline-block;
    margin-bottom: 10px;
}

.top-cat .each-game:last-child {
    margin-right: 0;
}

.category h3 {
    margin: 0px 0px 15px;
    min-height: 40px;
    line-height: 40px;
    font-size: 19px;
}

.page-header {
    margin: 0 !important;
    padding: 0 !important;
}

.top-cat #breadcrumbs {
    padding: 7px 0px 7px 0px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 17px;
}
.thumbs-rating-container .thumbs-rating-down {
    background: #673ab7;
}

.slither-style {
    background-color: #df606b !important;
}

.slither-io {
    background-color: #8f31a1 !important;
}

.multi-cat>li {
    display: inline-block;
    border-radius: 5px;
    margin: 7px 3px;
    background-color: #7f8c8d;
    position: relative;
}

.multi-cat>li span:before {
    content: "\f069";
    font: normal normal normal 14px/1 FontAwesome;
    color: #7f8c8d;
}

.strategy {
    background-color: #0099cc !important;
}

.multi-cat > li > a {
    color: #fff;
    line-height: 28px;
    display: block;
    min-height: 28px;
    padding: 3px 27px 3px 8px;
    position: relative;
    font-size: 15px;
}

.multi-cat > li span {
    width: 20px;
    height: 20px;
    background: #fff;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    position: relative;
}

.strategy a:before {
    content: "\f0e7";
    font: normal normal normal 14px/1 FontAwesome;
    color: #09c;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-color: #fff;
    padding-top: 3px;
}

.upgrades {
    background-color: #009688 !important;
}

.upgrades a:before {
    content: "\f062";
    font: normal normal normal 14px/1 FontAwesome;
    color: #009688;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-color: #fff;
    padding-top: 2px;
    text-align: center;
}

.shooter {
    background-color: #673ab7 !important;
}

.shooter a:before {
    content: "\f1cd";
    font: normal normal normal 14px/1 FontAwesome;
    color: #df606b;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-color: #fff;
    padding-top: 3px;
    padding-right: 1px;
}

.agario-syle {
    background-color: #57840f !important;
}

.agario-syle > a:before {
    content: "\f06d";
    font: normal normal normal 14px/1 FontAwesome;
    color: #57840f;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-color: #fff;
    padding-top: 3px;
    padding-right: 1px;
    text-align: center;
}

.power-ups {
    background-color: #e1322d !important;
}

.power-ups a:before {
    content: "\f0a3";
    font: normal normal normal 14px/1 FontAwesome;
    color: #e1322d;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-color: #fff;
    padding-top: 3px;
    padding-right: 1px;
}

.slither-style a:before {
    content: "";
    background: url(img/slither-io.png) no-repeat #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-position: 3px 2px;
}

.slither-game {
    background-color: #d785e6 !important;
}

.slither-io a:before {
    content: "";
    background: url(img/slither-style.png) no-repeat #fff;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 6px;
    right: 6px;
    border-radius: 20px;
    background-position: 3px 2px;
}

.content-bottom h3 span {
    font-size: 19px;
    min-height: 33px;
    line-height: 33px;
    color: #9c27b0;
    text-shadow: #ccc 1px 1px 1px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
}

.content-page #hugeit-contact-wrapper_3>div>h3 {
    display: none;
}

.content-page #hugeit-contact-wrapper_3 {
    background: transparent;
    font-family: 'Roboto Condensed', Arial, Helvetica;
}

.content-page #hugeit-contact-wrapper_3 label em.required-star {
    color: #ff0000;
}

.content-page #hugeit-contact-wrapper_3 .radio-block input:checked+i.active,
#hugeit-contact-wrapper_3 .radio-block input:checked+i.active:hover {
    color: #ff0000;
}

.content-page #hugeit-contact-wrapper_3 label {
    color: #393939;
    font-size: 15px;
    font-weight: normal;
    font-family: 'Roboto Condensed', Arial, Helvetica;
}

.content-page .hugeit-contact-wrapper .hugeit-contact-column-block>div>label {
    width: 33%;
}

.content-page #hugeit-contact-wrapper_3 .buttons-block button.submit {
    background-color: #d785e6 !important;
    border: 1px solid #9842a8 !important;
    width: 135px;
}

.content-page .hugeit-contact-wrapper .hugeit-contact-column-block>div .field-block {
    width: 65%;
}

#hugeit-contact-wrapper_3 .buttons-block button.submit i {
    display: none;
}

.content-page #hugeit-contact-wrapper_3 .buttons-block button.submit:hover {
    background-color: #8f09a8 !important;
}

.content-page #hugeit-contact-wrapper_3 .textarea-block textarea {
    padding: 5px 10px !important;
    outline: none;
}

.header-page {
    margin-bottom: 15px;
    width: 98.5%;
    margin-left: 15px;
    overflow: hidden;
}

a:focus,
a:hover {
    text-decoration: none !important;
}

.title-popular:hover,
.title-post:hover,
#menu-footer a:hover,
.wp-block-latest-posts > li > a:hover,
#breadcrumbs a,
.more-skin:hover,
.list-cate>li>a:hover,
.btn-slide:hover,
.widget_categories > li > a:hover,
.main-content p a,
.txt-about p a,
.sli-author a,
.main-content ul li a,
.main-content ol li a,
.main-content p a:visited,
.main-content ul li a:visited,
.main-content ol li a:visited,
#menu-menu-left > li > a:hover
{
    color: #a724bf;
}
.txt-footer
{
    width: 100%;
    border-top: 1px solid #303a46;
    margin-top: 20px;
}
.single-tag a {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    background-color: #252525;
    padding: 0px 5px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #0a0a0a;
    position: relative;
    margin-bottom: 5px;
    font-size: 12px;
}

.single-tag,
.box-featured > .container{
    margin: 15px auto;
}

.single-tag strong {
    font-size: 13px;
    min-height: 23px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    background-color: #252525;
    margin-right: 5px;
    padding: 0px 5px;
    vertical-align: top;
    color: #fff;
}

.single-tag strong:before {
    background: #252525;
    content: "";
    height: 8px;
    position: absolute;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 8px;
    right: -4px;
    top: 7px;
}

.single-tag a:hover {
    color: #f1a2ff;
}

.play-game:before {
    content: "\f11b";
    font: normal normal normal 17px/1 FontAwesome;
    margin: 0px 5px;
}

.play-game {
    display: inline-block;
    color: #515556;
    font-size: 14px;
}
.thumbs-rating-container
{
    display: inline;
}
.description-game p a {
    color: #9432a6;
}

.description-game p a:hover,
.single-cat a:hover {
    color: #171617;
}

.top-des {
    border-top: 1px solid #e2e2e2;
    padding-top: 12px;
}

span[data-text="Vote Up +"],
span[data-text="Vote Down -"] {
    line-height: 35px !important;
    font-size: 14px !important;
}

.clr {
    clear: both;
}

.paging-navigation {
    text-align: center;
}

.paging-navigation .page-numbers {
    padding: 5px 10px;
    background: #d785e6;
    color: #fff;
    border-radius: 3px;
}

.paging-navigation .current {
    background-color: #7a218b;
}

.paging-navigation .page-numbers:hover {
    color: #000;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
    margin: 0;
    min-height: 37px;
    color: #9C27B0;
    text-shadow: #ececec 1px 1px 1px;
    line-height: 37px;
}

.post-content h2 {
    font-size: 22px;
}

.post-content h3 {
    font-size: 18px;
}

.post-content h4 {
    font-size: 16px;
}

.post-content h5 {
    font-size: 15px;
}

.post-content h6 {
    font-size: 14px;
}

.post-content ul li:before {
    content: "\f067";
    font: normal normal normal 9px/1 FontAwesome;
    margin-right: 5px;
}

#fullscreen-play:-webkit-full-screen embed,
#fullscreen-play:-webkit-full-screen iframe,
#fullscreen-play:-webkit-full-screen object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.related-game .post-item {
    padding: 0px 5px;
    margin-bottom: 10px;
}

.single-post .box-social {
    margin: 10px 0px 15px 0px;
}

.content-cat .list-social {
    top: 5px;
}

.content-search {
    overflow: hidden;
}

.search .list-social {
    text-align: left;
    margin-top: 7px;
}

.search .header-page {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 3px;
}

.post-content li h4 {
    display: inline-block;
}

.single-game .content-right {
    margin-top: 2.8%;
}

.close {
    color: #9c27b0 !important;
    text-shadow: none !important;
    opacity: 1 !important;
    display: none;
    margin-top: 7px;
    margin-right: 8px;
}

.close:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
}

.right-header {
    padding: 0 !important;
}

.wp-block-gallery {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#menu-footer a,
#top-header a {
    color: #516b8c;
    display: inline-block;
    padding: 0px 15px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#menu-footer a:before
{
    content: '';
    position: absolute;
    right: 0;
    width: 1px;
    height: 15px;
    background: #516b8c;
    top: 5px;
}
#menu-footer li:last-child a:before
{
    content: none;
}
#menu-footer:hover {
    color: #9C27B0;
}

.nav-menu-head .navbar-toggle,
.navbar-nav>li>a {
    color: #fff !important;
}

.navbar-header-fixed button {
    border: none;
    box-shadow: none;
    margin-top: 13px;
}

.icon-bar {
    background-color: #ccc;
}

.content-page>div {
    margin-top: 20px;
}
.multi-cat>li:hover,
.header-child #nav>li:hover {
    background-color: #646868 !important;
}

.description-game>div>h4 {
    display: inline-block;
    margin: 0;
    min-height: 25px;
}

p.slither-btn-play {
    float: right;
    margin-right: 200px;
    margin-top: 25px;
    position: relative;
}

a.slither-btn-play {
    display: inline-block;
    padding: 20px 30px;
    color: #fff !important;
    background-color: #a724bf;
    border-radius: 5px;
    font-size: 22px;
    font-weight: bold;
    -webkit-box-shadow: 2px 2px 2px rgb(21 21 21 / 0.24);
    box-shadow: 2px 2px 2px rgb(21 21 21 / 0.24);
}

a.slither-btn-play:hover {
    color: #eabdf3;
    background-color: #8d14a5 !important;
}
.core {
    width: 251px;
    height: 200px !important;
    font-size: 14px !important;
}
.divtable {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 90%;
    margin: 20px auto;
    background-color: #dfdfdf;
}
.divtable .row {
    display: table-row;
}

.divtable .cell {
    display: table-cell;
    border: 1px solid #f6f6f6;
    border-width: thin;
    padding: 8px;
    text-align: center;
}
.divtable .cell a {
    display: inline-block;
    transition: all 0.3s ease;
    position: relative;
    border: 1px solid transparent;
}
.divtable .cell a:hover {
    box-shadow: #c40099 0px 0px 6px 2px, #c20097 0px 0px 6px -2px;
    -moz-box-shadow: #1593f1 0px 0px 6px 2px, #1593f1 0px 0px 6px -2px;
    -webkit-box-shadow: #c10096 0px 0px 6px 2px, #d000a2 0px 0px 6px -2px;
    -o-box-shadow: #1593f1 0px 0px 6px 2px, #1593f1 0px 0px 6px -2px;
    -ms-box-shadow: #1593f1 0px 0px 6px 2px, #1593f1 0px 0px 6px -2px;
    border-color: #ef00ba;
}
.image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}
.box-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.image-overlay .image-overlay-close {
    position: absolute;
    font-weight: bold;
    top: -16px;
    right: -16px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #4d4c4c;
    line-height: 35px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    background: #343434;
}

#commentform input[type="submit"] {
    font-size: 13px;
    line-height: 18px;
}
.comment-form-url {
    display: none;
}
.info-text-footer {
    max-width: 1100px;
    margin: 10px auto;
    background: #fff;
    padding: 20px;
    clear: both;
}

.related-games {
    text-align:center;
}

.related-games .post-item {
    display: inline-block;
    max-width: 208px;
    text-align:center;
}

#update-col-3 img.attachment-medium.size-medium {
    height: auto;
}
#update-col-3 figure.gallery-item {
    max-width: calc(100% / 3 - 20px);
    margin: 10px;
}
.item-news
{
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 15px;
    color: #636363;
    font-style: italic;
}
.title-post
{
    color: #19232d;
    font-size: 18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 48px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 5px;
    font-style: normal;
}
.item-news .sli-img
{
    background: #fff;
    box-sizing: content-box;
    padding: 3px;
    border: 1px solid #d8d8d8;
    display: block;
    margin-bottom: 8px;
}
.txt-title
{
    padding: 8px 10px;
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px;
    max-height: 36px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.box-featured
{
    color: #fff;
    border-bottom: 4px solid #dadada;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    background: #efefef;
}
.title-featured
{
   
    border-bottom: 3px solid #ffffff;
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.17);
    text-transform: uppercase;
    padding: 10px 0;
}
.title-featured h2
{
    color: #d785e6;
    font-size: 24px;
    font-weight: bold;
    margin: 0 auto;
}
.overlay {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.47);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 10px;

}
.feature-post img,
.sli-game img,
.blocks-gallery-item img,
.blocks-gallery-item figure:after
{
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.feature-post:hover img,
.blocks-gallery-item figure:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.feature-post:hover .overlay,
.blocks-gallery-item figure:hover:before,
.blocks-gallery-item figure:hover:after
{
    opacity: 1;
}
.feature-post em
{
    display: block;
    color: #fff;
    background: rgba(0,0,0,.6);
    padding: 5px;
    margin: 0 -15px 30px;
    font-size: 20px;
    z-index: 1;
    text-transform: capitalize;
}
.padding
{
    padding: 0 15px;
}
.feature-post button
{
    background: transparent;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    border-radius: 0;
    outline: 0;
}
.sli-game
{
    position: relative;
    overflow: hidden;
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
    max-width: 210px;
    padding: 0 10px;
    margin: 8px 0;
    display: inline-block;
}
.sli-cat .sli-game
{
    -ms-flex: 0 0 185px;
    flex: 0 0 185px;
    max-width: 185px;
}
.sli-game *
{
    position: relative;
    top: 2px;
    z-index: 1;
}
.sli-game:before
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: #313131;
    margin: 0 8px;
    height: 100%;
    border: 2px solid #313131;
}
.sli-game:after
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 8px;
    top: 0;
    height: 100%;
    border: 2px solid transparent;
}
.sli-game:hover:before, .sli-game:hover:after {
    border-color: #7a188c !important;
    background-color: #7a188c !important;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}
.sli-game:hover:after {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.sli-game:hover img
{
    filter: brightness(.7);
    -webkit-filter: brightness(.7);
}
.sli-cat
{
    margin: 20px 0 0px;
}
.sli-cat h2
{
    padding: 6px 10px;
    color: #fff;
    font-size: 18px;
    background: #004f7b;
}
.sli-cat:first-child h2,
.sli-cat:first-child .sli-game:before
{
    background: #00cae3;
}
.sli-cat:first-child .sli-game:before
{
    border-color: #0eb7cc;
}
.sli-cat:nth-child(2) h2,
.sli-cat:nth-child(2) .sli-game:before
{
    background: #9c27b0;
}
.sli-cat:nth-child(2) .sli-game:before
{
    border-color: #8c16a0;
}
.sli-cat:nth-child(3) h2,
.sli-cat:nth-child(3) .sli-game:before
{
    background: #55b559;
}
.sli-cat:nth-child(3) .sli-game:before
{
    border-color: #43a247;
}
.sli-cat:nth-child(4) h2,
.sli-cat:nth-child(4) .sli-game:before
{
    background: #636161;
}
.sli-cat:nth-child(4) .sli-game:before
{
    border-color: #545454;
}
.sli-cat:nth-child(5) h2,
.sli-cat:nth-child(5) .sli-game:before
{
    background: #8c1300;
}
.sli-cat:nth-child(5) .sli-game:before
{
    border-color: #791708;
}
.sli-cat:last-child h2,
.sli-cat:last-child .sli-game:before
{
    background: #505a66;
}
.sli-cat:last-child .sli-game:before
{
    border-color: #404f61;
}
.title-cat .alignright
{
    margin-top: 2px;
    font-size: 14px;
    color: #fff;
    margin-left: 0;
}
.top-home h2,
.widget-title,
.box-skins h2
{
    font-size: 20px;
    color: #1f1f1f;
    position: relative;
    padding-bottom: 5px;
    text-align: left;
}
.top-home h2:before,
.box-skins h2:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #1f1f1f;
    bottom: 0;
}
.about-game
{
    padding-bottom: 0px !important;
    border-bottom: 1px solid #303a46;
}
.wp-block-latest-posts
{
    position: relative;
    padding-top: 40px;
    margin-top: 14px;
    padding-left: 0;
}
.wp-block-latest-posts:before
{
    content: 'Latest Games';
    position: absolute;
    left: 0;
    right: 0;
    font-size: 22px;
    color: #d785e6;
    top: 0;
}

.list-game .sli-game
{
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
    max-width: 210px;
}
.navigation
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0;
}
.page-numbers
{
    padding: 6px 12px;
    background: #d785e6;
    color: #fff;
    border-radius: 3px;
}
.page-numbers.current
{
    background-color: #7a218b;
}
.list-skins{
    max-width: 98%;
    margin: 5px auto 10px;
    position: relative;
    overflow: hidden;
    max-height: 270px;
}
.wp-block-group__inner-container
{
    position: relative;
    z-index: 1;
}
.sli-cat .row,
.box-featured .row,
.list-game
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.navbar-toggler
{
    display: block;
    width: 100%;
    text-align: left;
    outline: 0;
    color: #fff;
    padding: 10px;
}
.bottom-header .navbar-expand-lg
{
    width: 100%;
}
.btn-play
{
    background: #5a7ce2;
    background: -moz-linear-gradient(-45deg, #5a7ce2 0%, #8283e8 50%, #5c5de8 51%, #565bd8 71%, #575cdb 100%);
    background: -webkit-linear-gradient(-45deg, #5a7ce2 0%,#8283e8 50%,#5c5de8 51%,#565bd8 71%,#575cdb 100%);
    background: linear-gradient(135deg, #5a7ce2 0%,#8283e8 50%,#5c5de8 51%,#565bd8 71%,#575cdb 100%);
    background-size: 200%;
    -webkit-animation: animationplay 3s ease infinite;
    -moz-animation: animationplay 3s ease infinite;
    animation: animationplay 3s ease infinite;
    -webkit-animation: animationplay 3s ease infinite;
    -moz-animation: animationplay 3s ease infinite;
    animation: animationplay 3s ease infinite;
    padding: 5px 13px;
    color: #fff !important;
    border: 2px solid #38398e;
    max-width: 80%;
    margin: 10px auto 5px;
    display: table;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-box-shadow: inset 1px 0px 4px rgba(0, 0, 0, 0.42);
    box-shadow: inset 1px 0px 4px rgba(0, 0, 0, 0.42);
    border-radius: 30px;
    border-bottom: 3px solid #36388e;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.box-play
{
    background: url(http://slither-io.com/wp-content/themes/slither-io/img/bg-play.png) no-repeat top center;
    background-size: cover;
    padding: 20px 5px;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8;
    -webkit-box-shadow: 0px 3px 3px rgba(58, 58, 58, 0.7);
    box-shadow: 0px 3px 3px rgba(58, 58, 58, 0.7);
}
.box-play > span
{
    color: #8a40e2;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}
.box-play span:first-child
{
    color: #0ece6d;
    margin-right: 5px;
}
.box-skins
{
    background: #fff;
    padding: 25px 10px 12px;
    margin-bottom: 15px;
    border: 2px solid #eaeaea;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.18);
}
.more-skin
{
    display: table;
    margin: auto;
    text-align: center;
    font-size: 16px;
    position: relative;
    padding: 0 15px;
    color: #c11a00 !important;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.blocks-gallery-item figure
{
    position: relative;
}
.blocks-gallery-item figure:before
{
   content: '';
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.47);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.blocks-gallery-item figure:after
{
    content: '';
    position: absolute;
    right: 0;
    opacity: 0;
    border: 1px solid #fff;
    height: 96%;
    position: absolute;
    left: 50%;
    width: 97%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}
.btn-more
{
    font-size: 13px;
    padding-right: 12px;
    position: relative;
}
.box-skins .btn-more
{
    top: 12px;
}
.box-skins .btn-more:before
{
    top: 4px;
}
.btn-more:before
 {
    content: '\f101';
    font: normal normal normal 12px/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 2px;
 }
.game-template
{
    margin: 10px -3px;
}
.view-game
 {
    -ms-flex: 0 0 153px;
    flex: 0 0 153px;
    max-width: 153px;
    padding: 0 3px;
    margin-bottom: 6px;
 }
 .carousel-indicators .active
{
    background-color:#673ab7;
}
.carousel-indicators .active:before
{
    background-color: #c4b2e2;
}
.carousel-indicators,
.widget_nav_menu .widget-title,
.widget_post_options .widget-title
{
    bottom: 0px;
    margin: 0;
}
.carousel-indicators li
{
    background-color: rgba(136, 136, 136, 0.19);
    width: 12px;
    height: 12px;
    border-radius: 100%;
    padding: 1px;
    border: 1px solid #bbbbbb;
    box-sizing: content-box;
}
.carousel-indicators li:before
{
    content: '';
    position: absolute;
    left: 50%;
    width: 70%;
    height: 70%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    background: rgba(255, 255, 255, 0.63);
    border-radius: 50px;
}
.meta-post > .single-meta
{
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    text-transform: capitalize;
}
.single-meta:nth-child(2),
.single-meta:nth-child(3)
{
    position: relative;
    padding-left: 20px;
}
.single-meta:nth-child(2):before,
.single-meta:nth-child(3):before
{
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    bottom: 4px;
}
.single-meta:nth-child(2):before
{
    background: url(img/cal.png) no-repeat top center;
}
.single-meta:nth-child(3):before
{
     background: url(img/fl.png) no-repeat top center;
}
.single-meta:last-child
{
    position: relative;
    top: 2px;
}
#menu-menu-left,
.widget_categories
{
    list-style: none;
    padding: 0;
}
.thumbs-rating-container .thumbs-rating-up, .thumbs-rating-container .thumbs-rating-down
{
    padding: 10px;
}
.sli-author
{
    background: #d6eaef;
    padding: 10px;
    color: #456c77;
    border: 4px double #99c8d4;
}
.sli-author h2
{
    font-size: 22px;
}
.sli-author h3
{
    font-size: 18px;
    text-transform: capitalize;
}
.sli-author img
{
    padding: 2px;
    border: 2px solid #90deaa;
    border-radius: 100%;
}
.sli-page .single-meta:last-child:before
{
    content: none;
}
#gotop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    color: #fff;
    right: 8px;
    bottom: 50px;
    cursor: pointer;
    opacity: 0.5;
    text-align: center;
}
.about a:before
{
    background: url(img/about.png) left top no-repeat !important;
}
.terms a:before
{
    background: url(img/terms.png) left top no-repeat !important;
}
.privacy a:before
{
    background: url(img/privacy.png) left top no-repeat !important;
}
.contact a:before
{
    background: url(img/contact.png) left top no-repeat !important;
}
#gotop:hover
{
    opacity: 1;
}
.tab-content .active {
    display: block !important;
    opacity: 1 !important;
}
.content-home .fade:not(.show)
{
    display: none;
}
.nav-tabs
{
    border-bottom: 0;
}
.nav-tabs .nav-link
{
    background: #ececec;
    padding: 10px 20px;
    border-radius: 50px;
    border: 0;
    color: #505050;
    font-weight: bold;
    margin-right: 15px;
}
.nav-tabs .nav-link.active
{
    background: #000;
    color: #fff;
}
.box-download
{
    margin: 20px auto;
    padding: 10px;
    background: #1f5463;
    border: 3px solid #3f9ab3;
    max-width: 800px;
}
.sli-download h6
{
    background: #32778a;
    color: #FFF;
    padding: 10px;
    margin: 5px 0 0;
    border: 1px solid #4ba6bf;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    box-shadow: 0 0 0px 2px rgb(75 148 169);
}
#menu-menu-left
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

@-webkit-keyframes animationplay {
    0%{
        background-position:0% 31%
    }
    50%{
        background-position:100% 70%
    }
    100%{
        background-position:0% 31%
    }
}
@-moz-keyframes animationplay {
    0%{
        background-position:0% 31%
    }
    50%{
        background-position:100% 70%
    }
    100%{
        background-position:0% 31%
    }
}
@keyframes animationplay {
    0%{
        background-position:0% 31%
    }
    50%{
        background-position:100% 70%
    }
    100%{
        background-position:0% 31%
    }
}
.widget_categories li
{
    margin-bottom: 15px;
    position: relative;
    z-index: 10;
}
.widget_categories li:before
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    background: #fff;
    z-index: -1;
    -webkit-box-shadow: 0 0 6px 3px rgb(37 37 37 / 0.21);
    box-shadow: 0 0 6px 3px rgb(37 37 37 / 0.21);
    top: 0;
    overflow: hidden;
    border: 1px #9a9a9a solid;
}
.widget_categories li span
{
    display: block;
    padding: 8px;
    color: #000;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
}
.head-bottom
{
    background: url(img/sli-an.jpg) top center no-repeat;
    background-size: cover;
    padding: 20px 0;
    color: #fff;
    -webkit-align-items: center;
    align-items: center;
}
.head-bottom p
{
    font-size: 18px;
    color: #c7c7c7;
    font-style: italic;
    margin: 0;
}
.head-bottom h2
{
    font-size: 35px;
}
.sli-exten
{
   -webkit-box-shadow: 0 0 8px 2px rgb(123 123 123 / 0.55);
    box-shadow: 0 0 8px 2px rgb(123 123 123 / 0.55);
    margin: 10px 0;
    display: block;
}
.sli-em
{
    color: #ff0000;
}
.kk-star-ratings
{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}
ul li ul.sub-menu {
    min-width: 100%;
    background: #000000;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    top: 43px;
}
ul li ul.sub-menu li {
    display: block;
}
ul.sub-menu li a {
    padding: 6px 15px !important;
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    display: block;
}
ul li:hover ul.sub-menu {
    display: block;
}
.sub-menu
{
    margin: 0;
    list-style: none;
    padding: 0;
}
.sub-menu > li > a
{
    text-align: left;
    font-size: 15px;
    padding: 6px 10px;
    border-bottom: 1px solid #3a3a3a;
    color: #fff;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.sub-menu li a:hover
{
    text-indent: 10px;
}
.bottom-header ul > li > a:hover
{
    color: #a2f2ff !important;
}
.sli-full
{
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 4px 2px rgb(123 123 123 / 0.17);
    box-shadow: 0 0 4px 2px rgb(123 123 123 / 0.17);
    display: table;
    margin: 20px auto;
}
.bottom-header
{
    background: #000000;
    border-bottom: 2px solid #424242;
}
ul > li,
.sli-ht
{
    position: relative;
}
.sli-ht
{
    min-height: 600px;
    overflow: hidden;
}
.bottom-header ul > li > a
{
    display: block;
    padding: 10px 14px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.bottom-header .navbar-expand-lg
{
    width: 100%;
}
#custom_html-8
{
    margin: 10px auto;
    display: table;
}
#fullscreen-play:-webkit-full-screen embed,
#fullscreen-play:-webkit-full-screen iframe,
#fullscreen-play:-webkit-full-screen object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#fullscreen-play:-moz-full-screen embed,
#fullscreen-play:-moz-full-screen iframe,
#fullscreen-play:-moz-full-screen object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#fullscreen-play:-ms-full-screen embed,
#fullscreen-play:-ms-full-screen iframe,
#fullscreen-play:-ms-full-screen object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.btn-download {
    display: table;
    margin: 10px auto;
    padding: 10px 15px;
    color: #fff !important;
    background-color: #a724bf;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    -webkit-box-shadow: 2px 2px 2px rgb(21 21 21 / 24%);
    box-shadow: 2px 2px 2px rgb(21 21 21 / 24%);
}
.sli-row .item-news p
{
    margin: 0 0 10px 0;
}
.mtle h2
{
    border-bottom: 2px solid #404040;
    position: relative;
    padding-bottom: 10px
}
.mtle h2:before
{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #646464;
    bottom: 0;
}
.tnb .row
{
    margin: 0 -10px;
}
.tnb  .sli-game {
    -ms-flex: 0 0 185px;
    flex: 0 0 185px;
    max-width: 185px;
}
.tnb .sli-game:before {
    background: #ffffff;
    border: 2px solid #e9e9e9;
}
.tnb  .txt-title
{
    color: #000;
}
.tnb h2
{
    border-bottom: 1px solid #e0e0e1;
    color: #43464b;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 21px;
    margin-bottom: 10px;
}
.wg-ted
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.wg-ted li
{
    position: relative;
    counter-increment: my-counter;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    box-sizing: border-box;
    
    display: block;
    margin-bottom: 10px;
    padding: 6px;
    position: relative;
    width: 100%;
}
.wg-ted li a
{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    font-size: 15px;
    color: #89949b;
    text-transform: capitalize;
}
.wg-ted li:before
{
    width: 35px;
    height: 35px;
    line-height: 25px;
    display: inline-block;
    content: counter(my-counter);
    overflow: hidden;
    font-size: 15px;
    margin-right: 10px;
    background: #7a188c;
    vertical-align: middle;
    padding: 5px;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    box-shadow: 0px 3px 2px rgb(0 0 0 / 39%);
    -webkit-box-shadow: 0px 3px 2px rgb(0 0 0 / 39%);
}
.wg-ted li a:hover
{
    color: #7a188c;
}
.tnb .sli-game:hover .txt-title
{
    color: #fff;
}