/*

Theme Name: slither.io

Theme URI: #
Author: Underscores.me
Author URI: #
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: Roboto;
  src: url(asset/fonts/Roboto-Regular.ttf) format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: Roboto;
  src: url(asset/fonts/Roboto-Bold.ttf) format('truetype');
  font-weight: bold;
}

@font-face {
  font-family: Roboto;
  src: url(asset/fonts/Roboto-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: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 10px;
}
h2
{
    font-size: 26px;
}
h3
{
    font-size: 24px;
}
h4
{
    font-size: 22px;
}
h5{
    font-size: 20px;
}
h6
{
    font-size: 18px;
}
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;
}

body {
    background: #fff;
    margin: 0;
}

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 {
    border-color: transparent;
    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 {
    border-color: transparent;
    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: #a14cb1;
}

.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;
}


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

#content {
    margin: 0 auto;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 70px 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;
    padding: 8px 10px 8px 30px;
    color: #393939;
    display: inline-block;
}
#menu-menu-left > li > a:before {
    background: url(img/default-game.png) left top no-repeat;
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-position: 1px 1px;
    left: 0;
}

.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: 30px 0;
    width: 100%;
}

.header {
    background-color: #333;
}

.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;
}
.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;
}

.search-form .search-field:focus {
    width: 188px;
}
.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 {
    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;
}

.ads-home {
    text-align: center;
    overflow: hidden;
    background: #39253a url(img/ad-bg.png) top center no-repeat;
    background-size: cover;
    margin: 30px 0;
    padding: 30px 0;

}

h1 {
    font-size: 40px;
    min-height: 37px;
    color: #9C27B0 ;
    text-shadow: #ccc 1px 1px 1px;
    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;
    box-shadow: 1px 1px 1px #ccc;
}

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

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

.content-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: 27px;
    margin-right: 3px;
    outline: none;
    font-size: 14px;
    padding: 8px 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: 14px;
    height: 14px;
    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 {
    margin-bottom: 10px;
}

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

.single-game .top-post {
    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 {
    color: #fff;
}
.content-category .each-game {
    max-width: 183px;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 10px;
    box-sizing: content-box;
}
.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;
    border-bottom: 1px solid #e2e2e2;
    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;
}

.ads-center {
    float: left;
    margin-right: 20px;
}

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

.thumbs-rating-container .thumbs-rating-down {
    background: #673ab7;
}

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

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

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

.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 29px 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;
}

.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;
}

.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: #a14cb1 !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;
}

.multi-cat {
    text-align: center;
}

.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: #a14cb1 !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: #9432a6;
}
.txt-footer a
{
    color: #fff !important;
}

.single-tag a {
    display: inline-block;
    height: 24px;
    line-height: 22px;
    background-color: #673ab7;
    padding: 0px 5px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #6234b4;
    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: #492091;
    margin-right: 5px;
    padding: 0px 5px;
    vertical-align: top;
    color: #fff;
}

.single-tag strong:before {
    background: #492091;
    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: #fb9b9b;
}

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

.play-game {
    display: inline-block;
    color: #515556;
}
.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: #a14cb1;
    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;
}

#menu-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0 0;
}

#menu-footer a {
    color: #9c27b0;
    display: inline-block;
    padding: 5px 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: 20px;
    color: #ccc;
    background: #9c27b0;
    top: 6px;
}
#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;
}

.content-center-home .home-ads {
    margin-bottom: 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: #a14cb1 !important;
    border-radius: 5px;
    font-size: 22px;
    font-weight: bold;
    box-shadow: 1px 1px 2px #151515;
}

a.slither-btn-play:hover {
    color: #eabdf3;
    background-color: #aa66b7 !important;
}
/*Ads Text*/
.ads-text{
    padding:15px 0;
    margin:15px 0;
    background:#fff;
    text-align:center;
}

.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 .alignleft
{
    background: #fff;
    box-sizing: content-box;
    padding: 3px;
    border: 1px solid #d8d8d8;
}
.txt-title
{
    padding: 5px 10px;
    color: #fff;
    text-transform: capitalize;
    font-size: 14px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 22px;
    -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: #a14cb1;
    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 172px;
    flex: 0 0 172px;
    max-width: 172px;
    padding: 0 10px;
    margin: 8px 0;
    display: inline-block;
}
.sli-game *
{
    position: relative;
    top: 2px;
    z-index: 1;
}
.sli-game:before
{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: #004f7b;
    margin: 0 8px;
    height: 100%;
    border: 2px solid #0470ad;
}
.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: 22px;
    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: 5px;
    font-size: 14px;
    color: #fff;
}
/*.content-home h1
{
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    border: 0;
    padding: 0;
    margin: 0;
    clip: rect(1px,1px,1px,1px);
}*/
.top-home
{
    background: url('http://slither-io.com/wp-content/themes/slither-io/img/bg-home.png') no-repeat center center;
}
.top-home h2,
.widget-title,
.box-skins h2
{
    font-size: 22px;
    color: #a14cb1;
    position: relative;
    padding-bottom: 5px;
    display: inline-block;
}
.top-home h2:before,
.box-skins h2:before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #a14cb1;
    bottom: 0;
}
.about-game
{
    -webkit-box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);
}
.wp-block-latest-posts > li,
.widget_categories > li
{
    overflow: hidden;
    margin-bottom: 10px;
}
.wp-block-latest-posts > li img,
.widget_categories > li img
{
    border-radius: 20px;
    margin-right: 10px;
}
.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: #a14cb1;
    top: 0;
}

.list-game .sli-game
{
    -ms-flex: 0 0 207px;
    flex: 0 0 207px;
    max-width: 207px;
}
.navigation
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 15px 0;
}
.page-numbers
{
    padding: 6px 12px;
    background: #a14cb1;
    color: #fff;
    border-radius: 3px;
}
.page-numbers.current
{
    background-color: #7a218b;
}
.right-cat h2,
.left-cat h2
{
    font-size: 20px;
    color: #a14cb1;
}

.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: right;
    outline: 0;
    color: #fff;
    margin-top: 10px;
}
.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 76px;
    flex: 0 0 76px;
    max-width: 76px;
    padding: 0 3px;
    margin-bottom: 6px;
 }
 .carousel-indicators .active
{
    background-color:#673ab7;
}
.carousel-indicators .active:before
{
    background-color: #c4b2e2;
}
.carousel-indicators
{
    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: 15px;
    text-transform: capitalize;
}
.single-meta:nth-child(2),
.single-meta:last-child
{
    position: relative;
    padding-left: 20px;
}
.single-meta:nth-child(2):before,
.single-meta:last-child: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:last-child:before
{
     background: url(img/fl.png) no-repeat top center;
}
#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%;
}
#gotop {
    display: none;
    z-index: 299;
    position: fixed;
    width: 40px;
    height: 40px;
    color: #fff;
    right: 20px;
    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;
}
@-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%
    }
}