/*

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

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

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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) {
    overflow: hidden;
}

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 {
    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: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}

p {
    margin-bottom: 1.5em;
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    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;
}

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

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

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

ul {
    list-style: none;
    padding: 0;
    margin: 0 !important;
}

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%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 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: #ccc #bbb #aaa;
}

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: #aaa #bbb #bbb;
}

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 {
    width: 100%;
}


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

# Navigation

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


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

## Links

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

a {
    color: royalblue;
}

a:visited {
    color: purple;
}

a:hover,
a:focus,
a:active {
    color: midnightblue;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    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: 1.5em;
}

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

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


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

# 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: 10px 0px;
}


/* 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 {
    margin-bottom: 1.5em;
}

.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-center-home h1 {
    font-size: 10px !important;
    min-height: 0px !important;
    color: #f5f5f5 !important;
    text-shadow: none !important;
}

#content {
    margin: 0px auto 0px auto;
    overflow: hidden;
    background-color: #f5f5f5;
    padding: 30px 0px 20px;
    position: relative;
    top: 40px;
}

.each-game {
    position: relative;
    display: block;
    overflow: hidden;
}

.each-game .title-game {
    background-color: #004f7b;
    text-align: center;
    max-height: 28px;
    line-height: 28px;
    padding: 0px 10px;
    position: relative;
}

.each-game .title-game a {
    color: #fff;
    font-size: 15px;
}

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

.post-item {
    margin-bottom: 15px;
}

.list-cate>li {
    position: relative;
}

#menu-item-1741:before {
    background: url(img/diep.png) left top no-repeat;
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-position: 0px 5px;
}

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

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

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

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

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

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

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

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

.list-cate>.menu-item:before {
    background: url(img/default-game.png) left top no-repeat;
    content: '';
    width: 25px;
    height: 25px;
    position: absolute;
    background-position: 2px 5px;
}

.ads {
    text-align: center;
}

.header {
    background-color: #333;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 2;
}

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

.content-right .popular,
.single-post .post-content {
    margin-top: 15px;
}

.content-right h2 {
    margin: 0 0 15px 0;
    font-size: 19px;
    min-height: 30px;
    line-height: 20px;
    color: #604665;
    border-bottom: 1px solid #ccc;
}

.content-right .ads,
.content-left .ads {
    margin-top: 13px;
}

.content-left h2 {
    margin: 0 0 15px 0;
    font-size: 18px;
    min-height: 30px;
    line-height: 26px;
    color: #604665;
    border-bottom: 1px solid #ccc;
}

.content-left .textwidget {
    margin-top: 5px;
}

.footer {
    margin-top: 50px;
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
}

.footer span a {
    color: #fff;
}

.content-center {
    display: inline-block;
    overflow: hidden;
}

.ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
}

.ribbon {
    z-index: 1;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 4px 0;
    left: -3px;
    top: 15px;
    width: 120px;
    color: black;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7bff00), to(#1b8049));
    background-image: -webkit-linear-gradient(top, #7bff00, #1b8049);
    background-image: -moz-linear-gradient(top, #7bff00, #1b8049);
    background-image: -ms-linear-gradient(top, #7bff00, #1b8049);
    background-image: -o-linear-gradient(top, #7bff00, #1b8049);
    font-size: 12px;
}

.header-child #nav>li {
    display: inline-block;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    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;
}

#nav .newest {
    background: #27ae60;
}

#nav .most-played {
    background: #c0392b;
}

#nav .previous {
    background: #2980b9;
}

#nav .shuffle {
    background: #7f8c8d;
}

.header-child #nav>li a {
    color: #fff;
    display: block;
    padding: 0px 9px;
}

.header-child {
    margin-bottom: 15px;
    padding-left: 0;
}

.feature-post .ribbon {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f06455), to(#c0392b));
    background-image: -webkit-linear-gradient(top, #f055dd, #c02bbb);
    background-image: -moz-linear-gradient(top, #f055dd, #c02bbb);
    background-image: -ms-linear-gradient(top, #f055dd, #c02bbb);
    background-image: -o-linear-gradient(top, #f055dd, #c02bbb);
}

.search-box {
    display: inline-block;
    margin-top: 8px;
}

.search-box .search-submit {
    display: none;
}

.search-form .search-field {
    font: normal 12px Arial, Helvetica, Sans-serif;
    color: #777;
    width: 180px;
    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;
}

.each-game img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s;
    transition: .5s;
}

.each-game:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.game-popular {
    overflow: hidden;
    min-height: 36px;
}

.game-popular img {
    float: left;
    margin-right: 7px;
    border-radius: 20px;
}

.popular-list {
    overflow: hidden;
}

.list-social {
    top: 5px;
    right: 0px;
    text-align: right;
}

#___plusone_0 {
    width: 32px !important;
}

.list-social {
    padding: 0 !important;
}

.textwidget .read-more:before {
    background-color: #2591b4;
    background-image: url(img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    right: -17px;
    top: 10%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
    -moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
    -o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
    box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}

.textwidget .read-more {
    position: relative;
    font-size: 14px;
    color: #004f7b;
}

.instruction>p {
    padding-left: 15px;
}

.load-more {
    color: #fefeff;
    font-size: 18px;
    display: block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    width: 160px;
    position: relative;
    margin: auto;
    overflow: hidden;
    text-align: center;
    background-color: #9C27B0;
    font-family: 'Roboto Condensed', Arial, Helvetica;
}

.load-more:before {
    background-color: #ba18d5;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 2px;
    transition: transform 300ms;
}

.load-more:hover {
    color: #9C27B0;
    background-color: transparent;
    text-decoration: underline;
}

.load-more:after {
    background-color: #ba18d5;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    transition: transform 300ms;
}

.lines {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.lines:after {
    height: 100%;
    width: 2px;
    background-color: #ba18d5;
    content: "";
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    transition: transform 300ms;
}

.lines:before {
    height: 100%;
    width: 2px;
    background-color: #ba18d5;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transition: transform 300ms;
}

.load-more:hover:before {
    transform: translateX(-100%);
}

.load-more:hover:after {
    transform: translateX(100%);
}

.load-more:hover .lines:before {
    transform: translateY(-100%);
}

.load-more:hover .lines:after {
    transform: translateY(-100%);
}

.title-popular {
    color: #393939;
    font-size: 15px;
    font-family: 'Roboto Condensed', Arial, Helvetica;
    line-height: 25px;
}

.guide {
    margin-top: 10px;
}

.nav-menu-head {
    height: 45px;
}

.logo {
    height: 100%;
    line-height: 40px;
}

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

.home-ads {
    text-align: center;
    overflow: hidden;
    width: 100%;
}

.content-left,
.single-game {
    overflow: hidden;
}

#fullscreen-play {
    margin: 30px auto;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

h1 {
    margin: 0 !important;
    font-size: 30px !important;
    min-height: 37px !important;
    color: #9C27B0 !important;
    text-shadow: #ccc 1px 1px 1px !important;
    font-weight: bold !important;
}

.header-game .single-meta {
    display: inline-block;
    margin: 5px 5px 0px 0px;
    font-size: 13px;
    text-transform: capitalize;
}

.box {
    background: #fff;
    padding: 15px 0px;
    overflow: hidden;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    -moz-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
}

.instruction span {
    color: #999;
}

.single-cat,
.related-post {
    padding: 0px 15px;
}

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

.comment-facebok {
    margin-top: 20px;
    padding: 15px 10px;
	overflow: auto;
    max-height: 600px;
}

.don-share>div {
    max-width: 165px;
    overflow: hidden;
}

.don-btn {
    font-size: 12px !important;
}

.thumbs-rating-container>span {
    line-height: 50px;
    display: inline-block;
    font-size: 24px;
    border-radius: 25px;
}

.thumbs-rating-up,
.thumbs-rating-down {
    padding: 0px 14px !important;
}

.thumbs-rating-container .thumbs-rating-already-voted {
    padding: 0 !important;
    text-align: center;
}

.rating-game,
.full-screen {
    float: right;
}

.css_button {
    border-radius: 27px;
    margin: 15px 8px 0px 0px;
    outline: none;
    font-size: 14px;
    padding: 6px 10px !important;
}

.css_button i {
    margin-right: 5px;
}

.video .box {
    padding: 13px;
}

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

.content-bottom,
.instruction {
    overflow: hidden;
    margin-top: 25px;
}

.description-game .box-social {
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 13px;
    min-height: 55px;
    text-align: center;
}

.sharethis-inline-share-buttons,
#st-1.st-has-labels .st-btn.st-remove-label>span {
    display: inline-block !important;
}

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

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

#breadcrumbs .breadcrumb_last {
    margin-left: 10px;
}

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

.single-game .top-post {
    margin-left: 20px;
}

.single-post h1,
.page-cat h1 {
    margin: 0;
    min-height: 52px;
    line-height: 45px;
}

.single-post .title-post {
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}

.single-post .content-left {
    padding-left: 25px;
}

.single-post .content-left-child {
    border-right: 1px solid #e2e2e2;
}

.content-right .each-game,
.single-post .post-feature .each-game {
    margin-bottom: 15px;
}

.related-post .box {
    padding-top: 28px;
}

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.content-related {
    padding: 0 !important;
}

.page-cat {
    padding: 0px 15px 0px 30px !important;
}

.category .top-cat {
    padding: 0 !important;
}

.cat-child {
    float: right !important;
}

.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-right: 5px;
    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: 31px;
    padding: 2px 29px 2px 5px;
    position: relative;
}

.custom-top-head {
    margin-top: 7px;
}

.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 {
    color: #9432a6;
}

.list-cate>li>a:hover {
    color: #9432a6;
}

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

.tag {
    margin: 10px 0px;
}

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

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

.tag a:hover {
    color: #28006e;
}

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

.play-game {
    margin-top: 7px;
    display: inline-block;
    color: #515556;
    margin-right: 5px;
}

.description-game p a {
    color: #9432a6;
}

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

.top-des {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 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 .menu-item {
    display: inline-block;
    padding: 5px 10px;
}

#menu-footer {
    text-align: right;
}

#menu-footer a {
    color: #fff;
}

.footer>span {
    margin: 7px 0px;
    line-height: 24px;
}

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

div#page,
header#masthead {
    max-width: 1366px;
    margin: auto;
}

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