@charset "UTF-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    min-width: 320px;
    margin: 0
}

article,
aside,
footer,
header,
main,
nav {
    display: block
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

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

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

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

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.4;
    color: #333;
    background-color: #f9f8f5
}

@media (min-width:576px) {
    body {
        font-size: 16px;
        line-height: 1.5
    }
}

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

a {
    color: #428bca;
    cursor: pointer;
    text-decoration: none
}

a:active,
a:focus,
a:hover {
    opacity: 0.9;
    text-decoration: none;
    outline: 0
}

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

h1,
h2,
h3 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    color: inherit
}

h1 {
    margin: 0 0 10px;
    font-size: 1.4em
}

@media (min-width:768px) {
    h1 {
        font-size: 1.6em
    }
}

@media (min-width:992px) {
    h1 {
        font-size: 2em
    }
}

h2 {
    font-size: 1.3em
}

@media (min-width:768px) {
    h2 {
        font-size: 1.4em
    }
}

@media (min-width:992px) {
    h2 {
        font-size: 1.5em
    }
}

h3 {
    font-size: 1.2em
}

@media (min-width:992px) {
    h3 {
        font-size: 1.3em
    }
}

h2,
h3 {
    margin-top: 25px;
    margin-bottom: 10px
}

p {
    margin: 0 0 10px
}

.container {
    margin: 0 auto
}

@media (min-width:992px) {
    .container {
        width: 975px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.site-header {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
}

.site-header:after,
.site-header:before {
    content: " ";
    display: table;
    line-height: 0
}

.site-header:after {
    clear: both
}

@media (min-width:992px) {
    .site-header {
        min-height: 70px;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.site-header-inner {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.site-header-inner:after,
.site-header-inner:before {
    content: " ";
    display: table;
    line-height: 0
}

.site-header-inner:after {
    clear: both
}

@media (min-width:992px) {
    .site-header-inner {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.site-content {
    display: block;
    padding: 30px 0;
}

@media (min-width:992px) {
    .site-content {
        margin-top: 0
    }
}

.site-content:after {
    content: '';
    display: block;
    clear: both
}

.content-area {
    display: block;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width:992px) {
    .content-area {
        float: left;
        width: 620px;
        padding-right: 0
    }
}

@media (min-width:1200px) {
    .content-area {
        width: 740px;
        padding-left: 40px
    }
}

.widget-area {
    display: none;
    float: right
}

@media (min-width:992px) {
    .widget-area {
        display: block;
        width: 320px;
        padding-right: 20px
    }
}

@media (min-width:1200px) {
    .widget-area {
        width: 340px;
        padding-right: 40px
    }
}

.site-branding {
    float: left;
    padding: 20px 80px 20px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:992px) {
    .site-branding {
        padding-right: 20px
    }
}

.site-footer {
    position: relative;
    background: #fff
}

.site-footer:after,
.site-footer:before {
    content: " ";
    display: table;
    line-height: 0
}

.site-footer:after {
    clear: both
}

.site-footer-inner {
    position: relative;
    padding: 30px 20px 25px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.site-footer-inner:after,
.site-footer-inner:before {
    content: " ";
    display: table;
    line-height: 0
}

.site-footer-inner:after {
    clear: both
}

@media (min-width:992px) {
    .site-footer-inner {
        padding-left: 40px;
        padding-right: 40px;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-direction: row;
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.footer-info {
    float: left;
    padding-right: 40px
}

@media (min-width:992px) {
    .footer-info {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 60%;
        -ms-flex: 1 0 60%;
        flex: 1 0 60%
    }
}

.main-navigation {
    --head-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    box-shadow: var(--head-shadow);
    width: 100%;
    z-index: 1000;
}

.main-navigation-inner {
    margin: auto;
    box-sizing: border-box;
    padding: 0px;
    max-width: 1170px;
    width: 100%;
}

@media (min-width:992px) {
    .main-navigation .main-navigation-inner {
        padding: 0 40px
    }
}

@media (min-width:992px) {
    .main-navigation {
        display: block
    }
}

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

.main-navigation ul:after {
    content: '';
    display: block;
    clear: both
}

.main-navigation ul li {
    position: relative;
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

@media (min-width:992px) {
    .main-navigation ul li {
        float: left
    }
}

.main-navigation ul li a {
    display: block;
    padding: 15px 20px;
    color: #999;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

@media (min-width:992px) {
    .main-navigation ul li a {
        display: inline-block;
        text-align: left;
        padding: 18px 20px
    }
}

.main-navigation ul li a:focus,
.main-navigation ul li a:hover {
    background: rgba(255, 255, 255, .1);
    -webkit-box-shadow: none;
    box-shadow: none
}

.entry-title {
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 700;
    line-height: 1.1
}

@media (min-width:576px) {
    .entry-title {
        font-size: 26px
    }
}

@media (min-width:768px) {
    .entry-title {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.entry-content h2,
.entry-content h3 {
    margin: 1.5em 0 .5em;
    word-wrap: break-word
}

.entry-content p {
    margin-bottom: 25px
}

.entry-content ol,
.entry-content ul {
    margin: 1.7em 0 1.8em 1em;
    padding: 0;
    list-style: none
}

.entry-content ol li,
.entry-content ul li {
    padding-left: 40px;
    margin: .7em 0
}

.entry-content ol:not([class]) {
    counter-reset: point
}

.entry-content ol:not([class]) li:before {
    content: counter(point);
    counter-increment: point 1;
    display: inline-block;
    width: 27px;
    height: 27px;
    margin: 0 13px 0 -40px;
    text-align: center;
    border: 2px solid #425d9d;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.entry-content ul:not([class])>li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #5a80b1;
    margin: 0 22px 0 -30px
}

.entry-content table {
    width: 100%;
    margin: 20px 0;
    border: 1px solid #ccc;
    border-spacing: 0;
    border-collapse: collapse
}

.entry-content img {
    display: block;
    margin: 0 auto;
}

.rating img {
    display: inline;
}

@media (max-width:767px) {
    .entry-content table {
        display: block;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.entry-content table td,
.entry-content table th {
    border: 1px solid #ccc;
    padding: 7px 12px
}

.entry-content table th {
    text-align: left;
    background: #eee
}

.entry-content {
    padding-left: 0;
    word-wrap: break-word
}

.entry-content:after {
    content: '';
    display: block;
    clear: both
}

.widget {
    margin-bottom: 35px
}

.widget ul {
    margin: 0;
    padding: 0 0 0 20px
}

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

.widget_nav_menu ul li {
    position: relative;
    padding: 6px 0;
    border-bottom: 1px solid #eee
}

.widget_nav_menu ul li:last-child {
    border-bottom: none
}

.widget_nav_menu ul li a {
    text-decoration: none;
    color: #666;
}

body {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 576px) {
    body {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    .main-navigation ul li a {
        font-size: 16px;
    }
}

@media (min-width: 576px) {
    body {
        line-height: 1.5;
    }
}

@media (min-width: 576px) {
    .site-title {
        line-height: 1.1;
    }
}

@media (min-width: 576px) {
    .main-navigation ul li a {
        line-height: 1.5;
    }
}

.entry-content ul>li:before,
.entry-content ul:not([class])>li:before {
    background-color: #601dc0;
}

.entry-content ol li:before,
.entry-content ol:not([class]) li:before {
    border-color: #601dc0;
}

body {
    color: #333333;
}

a {
    color: #FF9A14;
}

a:hover,
a:focus,
a:active {
    opacity: 0.8
}

.site-header {
    background-color: #ffffff;
}

.site-title {
    color: #ff6000;
}

.main-navigation {
    background-color: #fff;
}

.main-navigation ul li a {
    color: #666;
}

.site-footer {
    background-color: #f7f7f7;
}

@media (min-width: 768px) {
    .site-header {
        background-repeat: repeat;
    }
}

@media (min-width: 768px) {
    .site-header {
        background-position: right center;
    }
}

body.custom-background {
    background: #f7f7f7;
}

.footer-info {
    color: #000;
}

.site-header {
    background-color: rgba(255, 255, 255, 0);
}

.content-area {
    width: 900px
}

.widget-area {
    width: 250px;
    padding-right: 5px;
}

.entry-content table.rating {
    border-collapse: separate;
    border-spacing: 0 15px;
    border: none;
    margin: 0;
}

table.rating tr {
    padding: 8px 5px;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .1);
    position: relative;
}

table.rating tr th {
    padding: 15px 5px;
    font-family: "Roboto Condensed";
    color: #333;
    text-align: center;
    border: none;
    background-color: #fff9f1;
    font-size: 0.9em
}

table.rating tr td {
    padding: 5px 2px;
    border: none;
}

table.rating tr td p {
    margin: 4px 0;
}

table.rating tr td:first-child {
    background-color: #601dc0;
    min-width: 30px;
    color: #fff9f1;
    text-align: center;
    position: absolute;
    top: -10px;
    height: 40px;
    left: 5px;
}

table.rating tr td:first-child::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 16px 8px;
}

table.rating tr td:nth-child(2) {
    text-align: center;
}

table.rating tr td:nth-child(2) img {
    width: 125px;
}

table.rating tr td:nth-child(3) {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

table.rating tr td:nth-child(4) {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

table.rating tr td:nth-child(5) {
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}

table.rating tr td:nth-child(6) {
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 1;
}

table.rating tr td:last-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

table.rating tr td:last-child a {
    display: block;
    text-align: center;
    margin: 10px 0;
    font-family: 'Helvetica Neue', 'Helvetica, Arial', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
}

.rating-count {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 10px
}

.stars {
    text-align: center;
}

.bold-grey {
    font-weight: bold;
    color: #333;
    text-align: center;
}

.bold-grey:hover {
    transform: scale(1.1, 1.1);
}

.vager {
    color: #FF9A14;
    font-size: 0.8em;
    text-align: center;
}

.grey {
    font-weight: normal;
    color: #666;
    text-align: center;
    font-size: 0.75em;
}

.grey1 {
    font-size: 1em;
    font-weight: bold;
}

.games {
    font-size: 0.7em;
    color: #666;
}

.number {
    float: right;
    color: #333;
    font-weight: bold;
}

.more {
    list-style-type: none;
}

.more li {
    line-height: 30px;
    font-size: 0.9em;
}

.big {
    font-size: 2em;
    font-weight: bold;
    color: #FF9900;
}

table.rating tr td:last-child a.to-site {
    padding: 8px 12px;
    background-color: #601dc0;
    border-radius: 5px;
    color: #fff;
    font-family: "Roboto Condensed";
    text-decoration: none;
    width: 100px;
    border-radius: 20px;
}

.to-site:hover {
    opacity: 0.7;
}

table.rating tr td:last-child a.to-page {
    color: #601dc0;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: #601dc0 1px dashed;
    width: 50px;
    display: block;
    margin: 10px auto;
}

table.rating tr td:last-child a.to-page:hover {
    padding-bottom: 2px;
    border: none;
}

table.rating tr td:last-child a.to-site:hover {
    transform: scale(1.1, 1.1);
}

table.rating tr td ul.more {
    margin: 0;
}

table.rating tr td ul.more li {
    padding-left: 5px;
    margin: 0;
    color: #333;
    font-size: 0.7em;
    font-weight: 600;
}

@media screen and (max-width: 900px) {
    .content-area {
        max-width: 900px;
        width: 100%;
    }
    table.rating {
        float: none;
        display: table;
        border: 0;
        min-width: 96%;
        max-width: 600px;
        margin: 0 auto;
        padding: 0;
        font-size: 1.1em;
    }
    table.rating tr {
        border-radius: 5px;
        border: 1px solid #b0b0b0;
        display: block;
        margin-bottom: 15px;
        min-height: 100% !important;
    }
    table.rating tr td {
        line-height: 25px;
        border-right: none;
        display: block;
        font-size: .8em;
        text-align: center;
        padding: 5px 10px;
        margin-top: 0;
    }
    table.rating tr td:nth-child(2) img {
        height: auto;
        margin-top: 10px;
    }
    table.rating tr td:first-child {
        background-color: #601dc0;
        padding: 10px;
        font-weight: 700;
        color: #fff;
    }
    table.rating tr td:first-child:before {
        color: #fff;
    }
    table.rating tr td:nth-child(2):before {
        display: none;
    }
    table.rating tr td:nth-child(3) {
        width: 100%;
    }
    table.rating tr td:nth-child(4) {
        width: 100%;
        max-width: 100%;
    }
    table.rating tr td:nth-child(5) {
        width: 100%;
        max-width: 100%;
    }
    table.rating tr td:last-child {
        width: 100%;
        text-align: center;
    }
    .games {
        text-align: center;
    }
    .number {
        float: none;
    }
}

@media (max-width:1199px) {
    .content-area {
        float: none;
    }
    .widget-area {
        float: none;
        display: block;
        width: auto;
        text-align: center
    }
    .widget-area .widget {
        margin: 0;
    }
}

.rating tbody {
    display: flex;
    flex-wrap: wrap;
}

table.rating tr {
    display: grid;
    width: calc(50% - 20px);
    margin: 10px;
    grid-template-columns: 50% 50%;
}

@media screen and (max-width: 600px) {
    table.rating tr {
        width: calc(100% - 10px) !important;
    }
}

.mobilenav {
    background: none transparent;
    border: 4px solid #000;
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    cursor: pointer;
    height: 24px;
    position: fixed;
    top: 9px;
    right: 20px;
    width: 24px;
    transition: all 0.2s;
    display: none;
    z-index: 100000;
}

.mobilenav::before {
    background: #000;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 24px;
    transition: all 0.2s;
}

.mobilenav::after {
    background: #000;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 6px;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    transform: rotate(90deg);
    transition: all 0.2s;
}

input[type=checkbox]:checked+.mobilenav:hover {
    border-color: #000;
}

input[type=checkbox]:checked+.mobilenav {
    border: 4px solid #000;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    z-index: 100000000;
    transform: rotate(-135deg);
}

input[type=checkbox]:checked+.mobilenav:hover::before,
input[type=checkbox]:checked+.mobilenav:hover::after {
    background: #000;
}

input[type=checkbox]:checked+.mobilenav::before {
    background: #000;
    top: 8px;
    left: 4px;
    width: 12px;
}

input[type=checkbox]:checked+.mobilenav::after {
    background: #000;
    opacity: 1;
    top: 8px;
    left: 4px;
    visibility: visible;
    width: 12px;
}

#hamburger1 {
    display: none;
}

@media (max-width:1199px) {
    .content-area {
        float: none;
    }
    .widget-area {
        float: none;
        display: block;
        width: auto;
        text-align: center;
        position: fixed;
        top: 0px;
        transform-origin: 0% 0%;
        transform: translate(100vw, 0);
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        width: 300px;
        background: #f7f7f7;
    }
    input[type=checkbox]:checked~.widget-area {
        transform: translate(calc(100vw - 293px), 0);
        width: 300px;
    }
    .widget-area .widget {
        margin: 0;
        margin-top: 40px;
    }
    .widget_nav_menu ul li a {
        color: black;
    }
    .widget_nav_menu ul {
        height: 100vh;
        overflow: auto;
    }
    .mobilenav {
        display: block !important;
    }
}

.widget-area {
    z-index: 100000;
}