﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
    text-align: left;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

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

body {
    background: #fff;
    font-family: 'Segoe UI',Helvetica,Arial,'Sans-Serif',fontello;
}

@font-face {
    font-family: 'fontello';
    src: url('/font/fontello.eot');
    src: url('/font/fontello.ttf') format('truetype'), url('/font/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

img.lazyload {
    opacity: 1;
    transition: opacity 0.3s;
}

    img.lazyload[data-src] {
        opacity: 0.2;
    }

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.rkl {
    height: 150px;
}

.brd {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
}

    .brd a {
        display: block;
        height: 100%;
    }

.headerer {
    width: 100%;
    top: 0;
    height: 100px;
    position: relative;
}

.wrapper {
    width: 1000px;
    background: #fff;
    margin: 0 auto;
    position: relative;
}

#container {
}

.header-bottom {
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.06);
    height: 55px;
    position: fixed;
    z-index: 10000;
    top: 0;
}

.header {
    width: 1000px;
    margin: 0 auto;
}

.headerer {
    width: 100%;
    top: 0;
    height: 100px;
}

.logo {
    font-size: 25px;
    font-family: Verdana,sans-serif;
    padding: 15px 0;
    overflow: hidden;
    float: left;
    font-weight: bold;
}

    .logo span {
        color: #a0d787;
    }

    .logo a {
        color: #c3c3c3;
        text-decoration: none;
        transition: all .5s ease 0s;
    }

        .logo a:hover {
            opacity: 0.7;
        }

.site-description {
    width: 290px;
    height: 111px;
    padding: 35px 30px 0;
    float: left;
    overflow: hidden;
}

    .site-description .textwidget {
        font-size: 11px;
        color: #656363;
        line-height: 1.3;
    }

.menu {
    width: 100px;
    padding-right: 30px;
    float: right;
}

    .menu ul {
        margin-top: 35px;
    }

    .menu li {
        font-size: 11px;
        text-transform: uppercase;
        margin: 6px 0;
    }

    .menu a {
        color: #000;
        text-decoration: none;
    }

        .menu a:hover {
            text-decoration: underline;
        }

.search_form {
    width: 300px;
    margin-top: 15px;
    float: right;
    position: relative;
}

    .search_form fieldset {
        background: #fff;
        border: 1px solid #ccc;
        height: 30px;
    }

    .search_form input {
        width: 270px;
        border: none;
        background: none;
        padding: 6px;
        color: #555;
        vertical-align: middle;
    }

    .search_form button {
        width: 16px;
        height: 16px;
        background: url("images/search.png") 50% 50% no-repeat;
        cursor: pointer;
        border: none;
        vertical-align: middle;
    }

#search_form-result {
    background: #fff;
    position: absolute;
    padding: 0 10px;
    z-index: 1100;
    top: 100%;
    right: 0;
    left: 0;
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #555 transparent;
}

    #search_form-result .index-games, #search_form-result .index-movies, #search_form-result .specials-index .news-item {
        float: none;
        display: block;
        width: 100%;
    }

        #search_form-result .index-games h3 a, #search_form-result .index-movies h3 a, #search_form-result .specials-index h3 a {
            color: #0082ae;
        }

        #search_form-result .index-games .item, #search_form-result .index-movies .item {
            padding: 10px 0;
            border-right: none;
        }

    #search_form-result .item-name {
        font-weight: 500;
    }

    #search_form-result .item:hover .item-description, #search_form-result .news-item .rubrika {
        display: none;
    }

    #search_form-result .index-games .item img, #search_form-result .index-movies .item img, #search_form-result .index-games .item .item-meta, #search_form-result .index-movies .item .item-meta {
        display: none;
    }

    #search_form-result .news-item .news-title {
        height: auto;
    }

.menu-icon {
    display: none;
    width: 30px;
    height: 30px;
    position: relative;
    cursor: pointer;
    float: left;
    margin: 15px 0 15px 10px;
}

    .menu-icon span {
        display: block;
        position: absolute;
        height: 5px;
        width: 100%;
        background: #888;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out;
    }

        .menu-icon span:nth-child(1) {
            top: 0px;
        }

        .menu-icon span:nth-child(2), .menu-icon span:nth-child(3) {
            top: 10px;
        }

        .menu-icon span:nth-child(4) {
            top: 20px;
        }

.nav-menu.menu-open .menu-icon span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-menu.menu-open .menu-icon span:nth-child(2) {
    transform: rotate(45deg);
}

.nav-menu.menu-open .menu-icon span:nth-child(3) {
    transform: rotate(-45deg);
}

.nav-menu.menu-open .menu-icon span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav_login {
    position: relative;
}

    .nav_login ul {
        float: left;
        list-style: outside none none;
        overflow: hidden;
        text-align: center;
    }

        .nav_login ul li {
            color: #777;
            display: inline-block;
            overflow: hidden;
            text-align: center;
            padding: 22px 12px;
        }

            .nav_login ul li a {
            }

                .nav_login ul li a:hover {
                    color: #0082ae;
                }

.nav {
    position: relative;
}

    .nav .active {
        color: #000;
    }

    .nav ul {
        float: left;
        list-style: outside none none;
        text-align: center;
        margin-left: 20px;
    }

        .nav ul li {
            color: #777;
            display: inline-block;
            text-align: center;
            padding: 22px 12px;
            position: relative;
            cursor: pointer;
        }

            .nav ul li a {
                color: #777;
                display: block;
                text-decoration: none;
            }

                .nav ul li a:hover {
                    color: #0082ae;
                }

                .nav ul li a img {
                    display: inline;
                    margin: 0 5px 0 0;
                    vertical-align: middle;
                }

            .nav ul li span:before {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #ccc;
                content: "";
                position: absolute;
                right: -1px;
                top: 30px;
            }

            .nav ul li:hover span:before {
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #000;
            }

.movie-nav, .game-nav {
    position: relative;
}

    .game-nav:hover:before, .movie-nav:hover:before {
        content: '\e802';
        color: #474a4b;
        font-size: 24px;
        position: absolute;
        bottom: 2px;
    }

.game-drop {
    background: #fff;
    color: #333;
    z-index: 999;
    position: absolute;
    left: 0;
    text-align: left;
    margin-top: 15px;
    padding: 0;
    min-width: 180px;
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    overflow: hidden;
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #555 transparent;
    display: none;
}

    .game-drop a {
        color: #333 !important;
        padding: 10px;
    }

        .game-drop a:hover {
            color: #000 !important;
            background: #f1f1f1;
        }

    .game-drop span {
        font-size: 12px;
        color: #c2c2c2;
        display: block;
        margin: 5px 15px;
    }

.nav ul li:hover .game-drop {
    padding: 5px;
    display: block;
}

.movie-drop {
    background: #fff;
    color: #333;
    z-index: 999;
    position: absolute;
    left: 0;
    text-align: left;
    margin-top: 15px;
    padding: 0;
    min-width: 180px;
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    overflow: hidden;
    max-height: 600px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #555 transparent;
    display: none;
}

    .movie-drop a {
        color: #333 !important;
        padding: 10px;
    }

        .movie-drop a:hover {
            color: #000 !important;
            background: #f1f1f1;
        }

    .movie-drop span {
        font-size: 12px;
        color: #c2c2c2;
        display: block;
        margin: 5px 15px;
    }

.nav ul li:hover .movie-drop {
    padding: 5px;
    display: block;
}

.game-drop a, .movie-drop a {
    transition: all .3s ease 0s;
}

.user-rating {
    background: #555;
    color: #fff;
    font-size: 11px;
    padding: 2px 10px;
}

    .user-rating:hover {
        color: #0068bf;
    }

.genremenu {
    float: right;
    margin-right: 10px;
}

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

        .genremenu ul li {
            position: relative;
            float: left;
            z-index: 900;
        }

            .genremenu ul li ul, .genremenu ul li ul li {
                width: 100px;
            }

    .genremenu li ul {
        position: absolute;
        left: 0;
        top: 22px;
        display: none;
        float: left;
    }

    .genremenu ul li a {
        float: left;
        color: #FFF;
        cursor: pointer;
        width: 100px;
        font-size: 12px;
        padding: 5px 0;
        text-align: center;
        background: #BBB;
    }

    .genremenu li ul li a {
        padding: 5px 0 5px 10px;
        color: #000;
        text-align: left;
        font-size: 12px;
        text-decoration: none;
        width: 90px;
        background: #F8F8F8;
    }

        .genremenu li ul li a:hover {
            background: #BBB;
            color: #FFF;
        }

    * html .genremenu ul li {
        float: left;
        height: 1%;
    }

        * html .genremenu ul li a {
            height: 1%;
        }

    .genremenu li:hover ul, .genremenu li.over ul {
        display: block;
    }

.game-platform {
    background: #f1f1f1;
}

    .game-platform .active a {
        background: #fff;
        color: #000;
    }

        .game-platform .active a:hover {
            color: #0068bf;
        }

    .game-platform ul {
        list-style: outside none none;
        overflow: hidden;
        text-align: center;
        width: 100%;
    }

        .game-platform ul li {
            display: inline-block;
            overflow: hidden;
            text-align: center;
        }

            .game-platform ul li a {
                color: #777;
                display: block;
                height: 20px;
                padding: 10px 15px;
                text-decoration: none;
            }

                .game-platform ul li a:hover {
                    background: #fff;
                    color: #000;
                }

.platform-menu {
    background: #fff;
    margin-bottom: 25px;
    border-radius: 4px;
}

    .platform-menu a {
        transition: all .3s ease 0s;
    }

    .platform-menu .bst {
        background: #9ad77f;
    }

    .platform-menu .active a {
        color: #000;
    }

    .platform-menu .active .bd {
        color: #333;
    }

    .platform-menu .active a:hover {
        color: #000;
    }

    .platform-menu ul {
        list-style: outside none none;
        width: 100%;
    }

        .platform-menu ul li {
            display: inline-block;
            overflow: hidden;
            text-align: center;
        }

            .platform-menu ul li a {
                background: #f1f1f1;
                color: #333;
                font-size: 18px;
                display: block;
                padding: 15px 20px;
                text-decoration: none;
                border-radius: 50px;
                margin-bottom: 10px;
            }

                .platform-menu ul li a:hover {
                    background: #e9e9e9;
                    color: #111;
                }

.movie-genre {
    background: #fff;
}

    .movie-genre .active a {
        background: #fff;
        color: #000;
    }

        .movie-genre .active a:hover {
            color: #0068bf;
        }

    .movie-genre ul {
        list-style: outside none none;
        overflow: hidden;
        width: 100%;
    }

        .movie-genre ul li {
            display: inline-block;
            overflow: hidden;
            text-align: center;
        }

            .movie-genre ul li a {
                color: #fff;
                font-size: 18px;
                display: block;
                padding: 15px 20px;
                text-decoration: none;
            }

                .movie-genre ul li a:hover {
                    background: #fff;
                    color: #000;
                }

.genre-menu {
    background: #fff;
    margin-bottom: 25px;
    border-radius: 4px;
}

    .genre-menu a {
        transition: all .3s ease 0s;
    }

    .nav .bst, .genre-menu .bst {
        background: #9ad77f !important;
    }

    .genre-menu .mnew, .platform-menu .mnew {
        background: #555;
        color: #fff;
    }

    .genre-menu .active .mnew, .platform-menu .active .mnew {
        background: #c1c1c1;
    }

    .genre-menu .active a {
        color: #000;
    }

    .genre-menu .active .bd {
        color: #333;
    }

    .genre-menu .active a:hover {
        color: #000;
    }

    .genre-menu ul {
        list-style: outside none none;
        width: 100%;
    }

        .genre-menu ul li {
            display: inline-block;
            overflow: hidden;
            text-align: center;
        }

            .genre-menu ul li a {
                background: #f1f1f1;
                color: #333;
                font-size: 18px;
                display: block;
                padding: 15px 20px;
                text-decoration: none;
                border-radius: 50px;
                margin-bottom: 10px;
            }

                .genre-menu ul li a:hover {
                    background: #e9e9e9 !important;
                    color: #111;
                }

.dropdown-menu {
    float: left;
    margin-right: 18px;
    position: relative;
    width: 145px;
}

    .dropdown-menu.open {
        z-index: 100;
    }

    .dropdown-menu ul {
        margin: 0;
        padding: 0;
        width: 100%;
        list-style: none;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        height: 0;
    }

        .dropdown-menu ul li {
            background: #fff;
            font-size: 14px;
            color: #555;
        }

            .dropdown-menu ul li:hover {
                background: #f1f1f1;
            }

            .dropdown-menu ul li a {
                display: block;
                text-decoration: none;
                color: #555;
                padding: 10px 4px;
            }

            .dropdown-menu ul li h2 {
                font-size: 14px;
                display: block;
                text-decoration: none;
                color: #555;
                padding: 10px 4px;
                font-weight: 700;
            }

    .dropdown-menu .title {
        color: #555;
        display: inline-block;
        width: 100%;
        height: 12px;
        padding: 5px 0 5px 10px;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 12px;
        cursor: pointer;
        background: #fff;
    }

        .dropdown-menu .title::after {
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid #555;
            content: "";
            position: absolute;
            right: 5px;
            top: 9px;
        }

    .dropdown-menu.open .title {
    }

        .dropdown-menu.open .title::after {
            border-bottom: 5px solid #555;
            border-top: 0 none;
        }

    .dropdown-menu.open ul {
        border: 1px solid #999;
        position: absolute;
        opacity: 1;
        visibility: visible;
        height: auto;
    }

.rew-menu {
    cursor: pointer;
    position: relative;
}

.menu-dot {
    background: #939393;
    border-radius: 1000px;
    height: 3px;
    width: 3px;
    margin: 2px;
    display: inline-block;
}

.rew-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    height: 0;
    position: absolute;
    margin-top: 10px;
    z-index: 100;
}

    .rew-menu ul li {
        background: #fff;
        font-size: 14px;
        color: #555;
        padding: 5px;
        margin: 0;
    }

        .rew-menu ul li:hover {
            background: #f1f1f1;
        }

        .rew-menu ul li a {
            display: block;
            text-decoration: none;
            color: #555;
            padding: 5px;
        }

.rew-menu.open ul {
    background: #fff;
    border: 1px solid #999;
    opacity: 1;
    visibility: visible;
    height: auto;
}

#slideshow, .slideshow {
    background: #fff;
    height: 210px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.slide {
    height: 210px;
    width: 100%;
}

    .slide .post {
        display: flex;
    }

.featured-image {
    background-position: center center;
    background-size: cover;
    display: block;
    float: left;
    height: 200px;
    position: relative;
    margin: 10px 2px 0 2px;
    overflow: hidden;
    border-radius: 4px;
}

    .featured-image img {
        width: 100%;
    }

    .featured-image:hover {
        opacity: 0.8;
    }

    .featured-image .small-score {
        top: 0;
        right: 5px;
        position: absolute;
    }

    .featured-image span {
        background: linear-gradient(to bottom,rgba(67,67,66,0) 0,rgba(67,67,66,.7) 34%,rgba(67,67,66,.88) 100%);
        bottom: 0;
        left: 0;
        right: 0;
        color: #fff;
        font-size: 14px;
        padding: 15px 0;
        position: absolute;
        text-align: center;
        width: 100%;
        text-shadow: 0 1px 3px #000;
        line-height: 1.2;
    }

.pager {
    background: #f1f1f1;
    color: #333;
    padding: 12px 0;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

    .pager span {
        cursor: pointer;
        margin: 0 5px;
        padding: 2px 15px;
        border-radius: 50px;
    }

        .pager span.cycle-pager-active {
            background: #555;
            color: #fff;
        }

.progress {
    background: #777;
    height: 1px;
    width: 0;
}

#larr, #rarr {
    display: block;
    width: 32px;
    height: 53px;
    position: absolute;
    top: 106px !important;
    opacity: 0.2;
    z-index: 99 !important;
}

#larr {
    background: #000 url("images/larr.png") 8px 50% no-repeat;
    left: 0 !important;
}

#rarr {
    background: #000 url("images/rarr.png") 11px 50% no-repeat;
    right: 0 !important;
}

    #larr:hover, #rarr:hover {
        opacity: 1;
    }

.sticky {
}

.bypostauthor {
}

#container {
}

#content {
    background: #fff;
    width: 670px;
    float: left;
    margin-bottom: 20px;
}

.breadcrumbs {
}

    .breadcrumbs a {
    }

        .breadcrumbs a:hover {
        }

h1, h2, h3, h4, h5 {
    color: #333;
    font-weight: 500;
}

.content-title {
    color: #333;
    font-size: 22px;
    padding: 0 0 5px;
    position: relative;
    margin: 10px 0;
}

    .content-title h1 {
        font-size: 26px;
        display: inline;
        font-weight: 600;
        line-height: 1.5;
    }

    .content-title a {
        color: #000;
        text-decoration: none;
    }

    .content-title span {
        font-size: 18px;
        display: block;
        font-weight: 300;
    }

        .content-title span a {
            color: #d9d9d9;
            text-decoration: none;
        }

            .content-title span a:hover {
                color: #000;
                text-decoration: none;
            }

.content-cat {
    height: 20px;
}

.profile h1 a {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
}

    .profile h1 a:hover {
        color: #0068bf;
    }

#mode {
    display: block;
    width: 45px;
    height: 17px;
    background: url("images/mode.png") 0 0 no-repeat;
    position: absolute;
    bottom: 5px;
    right: 0;
    opacity: 0.5;
}

    #mode:hover {
        opacity: 1;
    }

.flip {
    background-position: 0 100% !important;
}

.list .post {
    border-bottom: 1px dotted #d9d9d9;
    margin: 15px 0;
    position: relative;
}

    .list .post .news-title {
        color: #000;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
    }

.rubrika {
    position: absolute;
    left: 5px;
    top: 20px;
    padding: 5px 10px;
    background: #555;
    font-size: 14px;
    color: #fff;
    border-radius: 50px;
}

.news-item .rubrika {
    left: 10px;
    top: 10px;
}

    .news-item .rubrika a, .list .post .rubrika a {
        color: #fff;
    }

.news-text iframe {
    width: 100%;
    height: 345px;
}

.news-meta {
    font-size: 18px;
    font-weight: 300;
}

    .news-meta a {
        color: #333 !important;
    }

.years-meta {
    font-size: 18px;
    font-weight: 300;
}

    .years-meta:after {
        color: #888;
        content: "\203A";
        font-weight: 500;
    }

    .years-meta:hover:after {
        color: #333;
        margin-left: 7px;
    }

.news-img img {
    width: 100%;
}

.thumb {
    float: left;
    width: 200px;
    position: relative;
    margin: 0 15px 0 0;
    overflow: hidden;
    border-radius: 4px;
}

.game .thumb, .movie .thumb {
    height: 281px;
}

.thumb img {
    width: 100%;
    border-radius: 4px;
}

.thumb-mini img {
    float: left;
    margin: 0 10px 0 0;
    border-radius: 3px;
}

.list .post .news-thumb {
    float: left;
    margin: 0 15px 15px 0;
    width: 200px;
    height: 112px;
    overflow: hidden;
    border-radius: 4px;
}

    .list .post .news-thumb img {
        width: 100%;
    }

        .list .post .news-thumb img:hover {
            opacity: 0.8;
        }

.list .post .thumb {
    float: left;
    margin: 0 15px 15px 0;
    width: 100px;
    height: 140px;
}

    .list .post .thumb img {
        width: 100%;
    }

        .list .post .thumb img:hover {
            opacity: 0.8;
        }

.list .post a {
    color: #555;
    text-decoration: none;
}

.list .post .post-category {
    font-size: 14px;
    color: #d9d9d9;
    margin: 8px 0;
}

    .list .post .post-category a {
        text-decoration: none;
    }

        .list .post .post-category a:hover {
            text-decoration: underline;
        }

.list .post .name {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

    .list .post .name:hover {
        color: #0068BF;
    }

.list .post .post-meta {
    font-size: 14px;
    color: #555;
    margin: 10px 0;
}

    .list .post .post-meta span, .list .post .post-meta a {
        text-decoration: none;
        font-style: normal;
    }

        .list .post .post-meta a:hover {
            color: #0068BF;
        }

    .list .post .post-meta .date {
        font-size: 14px;
    }

.name h3 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.5;
}

    .name h3 span {
        color: #555;
        font-size: 14px;
        display: block;
        font-weight: 400;
    }

.rev-auth {
}

.index-movies {
    width: 49.9%;
    float: left;
    margin: 15px 0;
}

.index-games {
    width: 49.9%;
    float: right;
    margin: 15px 0;
}

.index-movies a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .index-movies a:hover {
        color: #0068BF;
    }

.index-games a {
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

    .index-games a:hover {
        color: #0068BF;
    }

.index-movies h3, .index-games h3, .specials-index h3 {
    color: #333;
    margin-bottom: 10px;
    font-weight: 500;
}

    .index-movies h3:after, .index-games h3:after, .specials-index h3:after {
        color: #888;
        content: "\203A";
        margin-left: 5px;
    }

    .index-movies h3:hover:after, .index-games h3:hover:after, .specials-index h3:hover:after {
        color: #333;
        margin-left: 7px;
    }

.item {
    display: block;
    border-bottom: 1px dotted #cbcbcb;
    position: relative;
    transition: all 0.4s;
}

.index-movies .item {
    padding: 10px 10px 20px 0;
    border-right: 1px dotted #cbcbcb;
}

.index-games .item {
    padding: 10px 0 20px 10px;
}

.item img {
    width: 50px;
    margin-right: 10px;
    float: left;
    height: 70px;
    opacity: 0.9;
    border-radius: 3px;
}

.item:hover img {
    opacity: 1;
}

.item-name {
    display: flex;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: normal;
}

.item-meta {
    display: block;
    font-size: 12px;
    color: #777;
    margin-bottom: 5px;
    height: 12px;
    overflow: hidden;
}

    .item-meta a {
        color: #777;
    }

        .item-meta a:hover {
            color: #0068BF;
        }

.item-description {
    background: #fff;
    display: none;
    font-size: 12px;
    color: #555;
    padding: 5px 5px 10px 0;
    border-bottom: 1px dotted #cbcbcb;
    line-height: 1.4;
}

.item:hover .item-description {
    display: block;
    z-index: 1000;
    position: absolute;
}

.post-author {
    text-transform: uppercase;
}

.index-movies .news-item {
    margin-right: 2px;
}

.index-games .news-item {
    margin-left: 2px;
}

.news-item {
    overflow: hidden;
    position: relative;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .news-item a {
        text-decoration: none;
    }

    .news-item img {
        width: 100%;
        height: auto;
    }

    .news-item .news-title {
        color: #000;
        display: block;
        bottom: 0;
        padding: 5px;
        right: 0;
        left: 0;
        height: 60px;
        overflow: hidden;
        line-height: 1.2;
    }

        .news-item .news-title a {
            color: #000;
            white-space: normal;
            line-height: 1.2;
            text-decoration: none;
        }

.news-module {
    margin-top: 30px;
}

    .news-module .news-item {
        width: 49.5%;
        display: inline-block;
    }

        .news-module .news-item:hover {
            opacity: 0.7;
        }

.specials-index a {
    color: #000;
    text-decoration: none;
}

    .specials-index a:hover, .news-item .news-title a:hover {
        color: #0068BF;
    }

.specials-index .news-item {
    width: 49.6%;
    display: inline-block;
}

.video-reviews {
    margin: 10px 0 10px 0;
    overflow: hidden;
}

    .video-reviews p {
        color: #555;
        font-size: 14px;
        line-height: 1.4;
        margin: 10px 0;
    }

    .video-reviews h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 0 0 10px 0;
        color: #333;
        line-height: 1.5;
        display: inline;
    }

    .video-reviews h2 {
        font-size: 24px;
        font-weight: 700;
        margin: 0 0 10px 0;
        color: #333;
        line-height: 1.5;
        display: inline;
    }

.entry h1 span, .entry h2 span {
    font-size: 18px;
    font-weight: 300;
}

.entry h3 span {
    font-size: 16px;
    font-weight: 300;
}

.vreview {
    display: block;
    float: left;
    position: relative;
    margin: 0.5% 0.5% 35px 0.5%;
    width: 15.5%;
}

.add-videos {
    background: #a1a1a1;
    color: #fff;
    width: 15.5%;
    height: 75px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 60px;
    text-align: center;
    margin: 0.5% 0.5% 35px 0.5%;
    float: left;
    border-radius: 4px;
}

    .vreview:hover, .add-videos:hover {
        cursor: pointer;
        opacity: 0.8;
    }

.author-video {
    color: #000;
    font-size: 13px;
    padding: 5px 0 0 0;
    overflow: hidden;
    width: 100px;
    height: 28px;
    font-weight: 400;
    position: absolute;
    left: 0;
    bottom: -30px;
}

.trailer {
    background: #fff;
    border: 2px solid #fff;
    color: #000 !important;
    font-size: 10px;
    top: 112px;
    left: 0;
    opacity: 0.9;
    overflow: hidden;
    padding: 8px 10px;
    position: absolute;
    border-radius: 0 3px;
    cursor: pointer;
}

    .trailer:before {
        content: '\E80D';
        padding: 0 4px;
    }

    .trailer:hover {
        background: #e52d27;
        color: #fff !important;
    }

.img-trailer {
    width: 100px;
}

.video {
    display: inline-block;
    float: left;
    position: relative;
    width: 15.5%;
    margin: 0.5%;
    height: 75px;
    overflow: hidden;
    border-radius: 4px;
}

.gallery li {
    float: left;
    width: 15.5%;
    margin: 0.5%;
    height: 75px;
    overflow: hidden;
    border-radius: 4px;
}

    .vreview img, .video img, .gallery li img {
        width: 100%;
        height: auto;
        border-radius: 4px;
    }

    .video:hover, .gallery li:hover {
        cursor: pointer;
        opacity: 0.8;
    }

.play {
    background: #e52d27;
    font-family: fontello;
    color: #fff;
    font-size: 19px;
    left: 0;
    right: 0;
    position: absolute;
    top: 5px;
    padding: 23px 25px;
    border-radius: 8px;
    width: 40px;
    text-align: center;
    margin: 0 auto;
    opacity: 0.1;
}

    .play:before {
        content: '\e80d';
    }

.single-trailer:hover .play {
    opacity: 0.8;
}

.wait {
    color: #555;
    font-size: 14px;
    display: block;
    margin: 10px 0;
}

.ldc-ul_wait {
    position: relative;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    outline: 0 none;
    padding: 4px 0 4px 10px;
    position: relative;
    border-radius: 8px;
}

    .ldc-ul_wait:hover {
        color: #000;
    }

.your-score .ldc-ul_wait {
    color: #0082ae;
    border: none;
    position: relative;
    font-size: 16px;
    box-shadow: none;
}

    .your-score .ldc-ul_wait:hover {
        color: #000;
    }

.wait span {
    margin: 0 !important;
}

.w-yes .ldc-ul_wait {
    background: #9ad77f;
}

.w-no .ldc-ul_wait {
    background: #ed8e7f;
}

.ldc-ul_wait span {
    color: #000;
    padding: 3px 8px;
    opacity: 0.8;
}

.your-score .ldc-ul_wait span {
    color: #000;
    border-radius: 50px;
    padding: 4px 8px;
}

.grid {
}

    .grid .post {
        width: 100px;
        height: 140px;
        background-color: #f5f5f5;
        padding: 5px;
        float: left;
        margin: 0 7px 15px;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

        .grid .post .post-category, .grid .post .post-content, .grid .post .post-meta em {
            display: none;
        }

        .grid .post h4, .grid .post .post-meta {
            display: block;
        }

        .grid .post .thumb {
            width: 110px;
            height: 154px;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }

            .grid .post .thumb img {
                width: 110px;
                height: 154px;
            }

        .grid .post h4, .grid .post h4 a {
            color: #000;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            text-align: center;
        }

        .grid .post h4 {
            margin-bottom: 5px;
        }

        .grid .post a {
            text-decoration: none;
        }

            .grid .post a:hover {
                color: #999;
            }

        .grid .post .post-meta {
            font-size: 10px;
            font-style: italic;
            color: #656363;
        }

            .grid .post .post-meta span, .grid .post .post-meta a {
                color: #000;
                font-family: Helvetica, Arial, sans-serif;
                font-style: normal;
            }

            .grid .post .post-meta .post-author {
                text-transform: uppercase;
            }

        .grid .post .comments_popup_link {
            position: absolute;
            bottom: 8px;
            right: 18px;
        }

        .grid .post .post-edit-link {
            position: absolute;
            bottom: 18px;
            left: 18px;
        }

    .grid .trailer {
        display: none;
    }

.rollover {
    opacity: 0;
    background: #ffea97;
    width: 154px;
    height: 154px;
    padding: 18px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.rollover-title {
    margin-bottom: 5px;
}

    .rollover-title, .rollover-title a {
        color: #000;
        font-size: 16px;
        font-weight: normal;
        text-decoration: none;
    }

        .rollover-title a:hover {
            text-decoration: underline;
        }

.rollover-content {
    color: #262626;
    font: 12px/1.5 Helvetica, Arial, sans-serif;
}

.rollover-meta {
    font-size: 10px;
    font-style: italic;
    color: #656363;
}

    .rollover-meta span, .rollover-meta a {
        color: #000;
        text-decoration: none;
        font-family: Helvetica, Arial, sans-serif;
        font-style: normal;
    }

.rollover-author {
    text-transform: uppercase;
}

.rollover-meta a:hover {
    text-decoration: underline;
}

.pagination {
    padding: 15px 0;
    color: #aaa9a9;
    font-size: 12px;
    clear: both;
    position: relative;
}

    .pagination a {
        color: #000;
        text-decoration: none;
    }

        .pagination a:hover {
            text-decoration: underline;
        }

    .pagination .nextpostslink {
        position: absolute;
        right: 0;
        top: 17px;
        line-height: 21px;
        text-transform: uppercase;
        background: url("images/nextpostslink.png") 100% 0 no-repeat;
        padding-right: 36px;
    }

    .pagination .previouspostslink {
        position: absolute;
        top: 17px;
        line-height: 21px;
        text-transform: uppercase;
        background: url("images/previouspostslink.png") 0 0 no-repeat;
        padding-left: 36px;
    }

#pagination {
    padding: 10px 0 0 0;
}

    #pagination .nextpostslink {
        color: #000;
        text-decoration: none;
        display: block;
        padding: 9px 0;
        text-align: center;
        font-size: 14px;
        border: 1px solid #ccc;
    }

        #pagination .nextpostslink:hover {
            border: 1px solid #AAA;
            text-decoration: none;
        }

.allreviews {
    color: #000 !important;
    text-decoration: none;
    display: block;
    padding: 9px 0;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ccc;
    margin-top: 10px;
    border-radius: 4px;
}

    .allreviews:hover {
        border: 1px solid #AAA;
        text-decoration: none !important;
    }

.critic-text .allreviews:before {
    content: 'вЂє';
    display: block;
    text-align: center;
}

.clnk {
    color: #000 !important;
    text-decoration: none;
    padding: 9px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
    float: right;
}

.critic-text .clnk:before {
    content: 'вЂє';
    display: block;
    text-align: center;
}

.reviews .critic-text h3 {
    font-size: 18px;
    font-weight: 500;
    display: block;
}

.clnk:hover {
    border: 1px solid #AAA;
    text-decoration: none !important;
}

.telegram-sub {
    background: #32afed;
    color: #fff !important;
    text-decoration: none;
    display: block;
    padding: 9px 0;
    text-align: center;
    font-size: 16px;
    margin: 10px 0;
    border-radius: 4px;
}

    .telegram-sub span {
        font-weight: 700;
    }

#pagination .loading {
    color: #555;
}

    #pagination .loading:hover {
        background-color: transparent !important;
        cursor: default;
    }

.postmeta {
    font-size: 12px;
    margin: 10px 0;
}

    .postmeta span {
        margin-right: 10px;
    }

.entry {
    margin-bottom: 10px;
}

    .entry .post {
        position: relative;
    }

    .entry .post-meta {
        font-size: 14px;
        color: #888;
        position: relative;
    }

        .entry .post-meta a {
            text-decoration: none;
            color: #0082ae;
        }

        .entry .post-meta h1 {
            color: #333;
            font-size: 18px;
            font-style: normal;
            font-weight: 300;
            line-height: 1.2;
            display: block;
            border-top: 1px solid #eee;
            margin-top: 10px;
        }

            .entry .post-meta h1 span {
                font-size: 26px;
                color: #333;
                font-weight: 700;
                line-height: 1.5;
            }

        .entry .post-meta h2 {
            color: #333;
            font-size: 18px;
            font-style: normal;
            font-weight: 300;
            line-height: 1.2;
            display: block;
            border-top: 1px solid #eee;
            margin-top: 10px;
        }

            .entry .post-meta h2 span {
                font-size: 24px;
                color: #333;
                font-weight: 700;
                line-height: 1.5;
            }

        .entry .post-meta .revs {
            font-size: 16px;
            display: block;
            font-weight: 350;
        }

.title-index {
    color: #333;
    background: #f1f1f1;
    font-size: 16px;
    font-style: normal;
    height: 22px;
    padding: 5px 0 5px 5px;
    margin: 0 0 20px;
}

.rekl {
    cursor: pointer;
    text-align: center;
}

    .rekl:hover {
        opacity: 0.8;
    }

    .rekl img {
        width: 100% !important;
        height: auto;
        margin-bottom: 10px;
    }

.entry .post-meta a:hover {
    text-decoration: underline;
}

.entry .post-comms {
    position: absolute;
    right: 0;
}

.entry .post-content {
    padding: 0;
    margin: 20px 0;
}

    .entry .post-content a {
        text-decoration: none;
        color: #0082ae
    }

        .entry .post-content a:hover {
            text-decoration: underline;
        }

.entry .post-footer h1 {
    color: #333;
    font-size: 24px;
    font-weight: 700;
    margin: 15px 0;
    line-height: 1.5;
}

.entry .post-footer h2 {
    color: #333;
    font-size: 22px;
    font-weight: 700;
    margin: 15px 0;
    line-height: 1.5;
}

.entry .post-footer h3 {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    margin: 15px 0;
    line-height: 1.5;
}

.entry .post-footer img {
    opacity: 0.9;
}

.entry .post-footer a:hover img {
    border: 1px solid #bad4e7;
    opacity: 1;
}

.entry .post-footer a {
    color: #000;
    text-decoration: none;
}

    .entry .post-footer a:hover {
        text-decoration: underline;
    }

.multilist {
    margin: 0 0 20px;
    float: left;
    width: 640px;
}

.title-all {
    background: #BBB;
    font-size: 12px;
    color: #FFF !important;
    float: right;
    margin: 0 10px 0 0;
    padding: 5px 10px;
    text-decoration: none !important;
}

    .title-all:hover {
        background: #FFF;
        color: #555 !important;
    }

.title-index h3 {
    float: left;
    font-weight: normal;
    margin: 2px;
}

.links-i {
    border: 1px solid #ccc;
    color: #555;
    float: left;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 4px 10px;
    text-decoration: none;
}

    .links-i:hover {
        background: #fff;
    }

.links-g {
    border: 1px solid #ccc;
    color: #333;
    float: right;
    font-size: 12px;
    margin: 0 10px 0 0;
    padding: 4px 10px;
    text-decoration: none;
}

    .links-g:hover {
        background: #fff;
    }

.links-add, .comment-respond .popauthor {
    background: #394042;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    text-decoration: none;
    border-radius: 50px;
    margin: 10px 0;
    display: block;
    text-align: center;
}

    .links-add:hover, .comment-respond .popauthor:hover {
        opacity: 0.8;
        cursor: pointer;
    }

.counter {
    color: #111;
    float: left;
    font-size: 14px;
    margin: 4px 4px 4px 0;
}

.page-description {
    border: 1px solid #ccc;
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    margin: 10px 0;
    padding: 20px;
    border-radius: 3px;
}

    .post-info h2, .page-description h2 {
        font-size: 18px;
        font-weight: 550;
        margin: 10px 0;
    }

.best-sorting {
    font-size: 14px;
}

    .best-sorting select {
        margin-right: 15px;
        border: none;
    }

        .best-sorting select option {
            margin: 5px 0;
            padding: 1px 5px;
        }

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5 {
    color: #000;
    font-weight: normal;
    margin: 0 0 10px;
}

.post-content h1 {
    font-size: 24px;
    color: #111;
    margin-top: 10px;
    font-weight: 700;
}

.post-content h2 {
    font-size: 22px;
    color: #111;
    margin-top: 10px;
    font-weight: 700;
}

.specials h2 {
    position: relative;
    font-weight: 700;
    margin: 25px 0;
}

.post-content h3 {
    color: #111;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}

.post-content h2.label {
    color: #000;
    font-size: 18px;
    margin-top: 0;
    font-weight: 600;
    display: inline-block;
    padding: 7px 0;
}

.specials h3 {
    background: linear-gradient(to left, #f69ec4, #f9dd94 100%);
    background-position: 0 100%;
    background-size: 100% 2px;
    background-repeat: repeat-x;
    padding: 5px 0;
    margin-top: 25px;
}

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

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

.post-content {
    color: #555;
    margin: 10px 0;
    font-size: 14px;
    line-height: normal;
    margin-left: 115px;
    line-height: 1.2;
}

    .post-content p {
        color: #333;
        margin: 10px 0;
        font-size: 16px;
        line-height: 1.5;
    }

    .post-content ol {
        list-style: decimal;
        padding-left: 35px;
        margin: 15px 0;
    }

    .post-content ul {
        list-style: disc;
        padding-left: 35px;
        margin: 15px 0;
    }

    .post-content li {
        font-size: 16px;
        color: #262626;
        margin: 8px 0;
    }

    .post-content blockquote {
        padding: 5px 0 5px 25px;
        border-left: 2px solid #ccc;
        margin: 10px 0;
    }

        .post-content blockquote p {
            color: #8c8888;
            font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
        }

.best-prod {
    background: #fff;
    color: #000;
    position: absolute;
    font-size: 10px;
    top: 0;
    left: 0;
    padding: 0 5px;
    border-radius: 3px 0 10px 0;
    z-index: 1;
}

.similar .best-prod {
    top: 15px;
}

.best-prod .star {
    color: #9ad77f;
    font-size: 20px;
    vertical-align: middle;
}

.best-prod .inform, .metaranking {
    background: #777;
    padding: 1px 4px;
    color: #fff !important;
    border-radius: 10px;
    font-size: 8px !important;
    font-weight: bold;
    cursor: pointer;
    line-height: 1.2;
    display: inline-block;
}

.open-info {
    background: #888;
    cursor: help;
    border-radius: 10px;
    color: #fff !important;
    font-size: 10px;
    padding: 2px 6px;
    vertical-align: middle;
}

    .open-info:hover {
        background: #000;
    }

.post-info {
    color: #555;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1.4;
    overflow: hidden;
    position: relative;
}

    .post-info .read-more {
        background: #fff;
        color: #0082ae;
        position: absolute;
        bottom: 0;
        cursor: pointer;
        right: 0;
        left: 0;
        opacity: 0.9;
    }

    .post-info p {
        padding: 5px 0;
    }

    .post-info a {
        color: #0082ae;
        text-decoration: none;
    }

        .post-info a:hover {
            text-decoration: underline;
        }

.game .description, .movie .description {
    display: inline-block;
}

.video-content {
}

.window .video-content {
    visibility: visible;
    height: auto;
    opacity: 1;
}

.window #content-trailer iframe {
    width: 100%;
    height: 280px;
}

.window .ads-horizont {
    margin: 10px 0;
}

.featured-game {
    color: #111;
}

    .featured-game p {
        border-bottom: 1px dotted #bbb;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
        max-height: 20px;
        overflow: hidden;
        padding: 7px 0;
        font-weight: 350;
    }

        .featured-game p:hover {
            max-height: none;
        }

.featured-movie {
    color: #111;
}

    .featured-movie h2 {
        font-size: 18px;
    }

    .featured-movie p {
        border-bottom: 1px dotted #bbb;
        font-size: 14px;
        line-height: 1.4;
        margin: 0;
        max-height: 20px;
        overflow: hidden;
        padding: 7px 0;
        font-weight: 350;
    }

    .featured-movie strong, .featured-game strong {
        text-decoration: underline;
    }

    .featured-movie p:hover {
        max-height: none;
    }

.label {
    color: #000;
    font-weight: 600;
}

.release-date {
    color: #000;
}

#content-trailer {
    background: #e9e9e9;
    border: 1px solid #dbdbdb;
}

#ratings {
    height: 65px;
}

.rating {
    font-size: 14px;
    padding: 0 0 4px 0;
}

    .rating h1 {
        font-size: 16px;
        margin: 0;
        text-transform: none;
        display: inline-block;
    }

    .rating h2 {
        font-size: 15px;
        margin: 0;
        text-transform: none;
        display: inline-block;
    }

    .rating h3 {
        font-size: 14px;
        margin: 0;
        text-transform: none;
        display: inline-block;
    }

.score {
    color: #555;
    font-size: 32px;
    width: 70px;
    height: 50px;
    float: left;
    line-height: 50px;
    text-align: center;
    margin-right: 10px;
    border-radius: 4px;
}

.your-score, .comment_message {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-bottom: 10px;
    padding: 5px 0;
}

    .your-score .popauthor, .comment_message .popauthor {
        text-decoration: underline;
        cursor: pointer;
    }

    .your-score a {
        color: #0082ae !important;
    }

.critic-score {
    color: #000;
    font-size: 24px;
    float: left;
    margin: 0 5px 0 0;
    line-height: 1.5;
}

.small-rating {
    color: #444;
    background: #D9FBCA;
    width: 90px;
    height: 60px;
    font-size: 10px;
    padding: 5px;
    text-align: center;
    float: right;
    margin-bottom: 5px;
}

.small-score {
    color: #000;
    background: #d9d9d9;
    font-size: 20px;
    width: 45px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 5px auto;
    border-radius: 2px;
}

.score-graph, .best-prod, .trailer, .small-score, .your-score, .score {
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif,fontello;
}

.widget-score {
    float: left;
    width: 50px;
    height: 25px;
    margin: 4px 5px 4px 0;
    opacity: 0.8;
    position: relative;
}

    .widget-score .small-score {
        color: #fff;
        margin: 0;
    }

.item .small-score {
    color: #000;
    background: #d9d9d9;
    font-size: 16px;
    width: 35px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0;
    float: right;
}

.columns:hover .widget-score {
    opacity: 1;
}

.widget-body td {
    padding-bottom: 10px;
}

.title-score {
    color: #111 !important;
    font-size: 14px;
    line-height: 14px;
    position: relative;
}

.columns {
    position: relative;
}

    .columns:hover {
        z-index: 99;
    }

        .columns:hover .widget-score, .columns:hover .title-score {
            z-index: 999;
        }

    .columns a:hover {
        text-decoration: none !important;
    }

.product-image {
    background: #e9e9e9;
    box-shadow: 0 0 0px, -3px 0 5px #999;
    position: absolute;
    left: -65px;
    top: -25px;
    padding: 5px;
    width: 370px;
    font-size: 1.2em;
    display: none;
    height: 70px;
}

.columns:hover .product-image {
    display: block;
}

.title-sample {
    margin-left: 55px;
    vertical-align: middle;
}

.post-reviews {
    color: #555;
    margin: 10px 0;
    font-size: 14px;
    line-height: normal;
    padding: 2px 0;
}

.ratings {
    margin-bottom: 5px;
}

.item.mark-10, .item.mark-9, .item.mark-8 {
    background: #defbd1;
}

.item.mark-7, .item.mark-6, .item.mark-5 {
    background: #f8fdc9;
}

.item.mark-4, .item.mark-3, .item.mark-2, .item.mark-1 {
    background: #f3e4e1;
}

.item.mark-0 {
    background: #ebebeb;
}

.product-image.mark-10, .product-image.mark-9, .product-image.mark-8 {
    background: #defbd1;
}

.product-image.mark-7, .product-image.mark-6, .product-image.mark-5 {
    background: #f8fdc9;
}

.product-image.mark-4, .product-image.mark-3, .product-image.mark-2, .product-image.mark-1 {
    background: #f3e4e1;
}

.ratings.mark-10 .score, .ratings.mark-9 .score, .ratings.mark-8 .score {
    background: #9ad77f;
    color: #005000;
}

.ratings.mark-7 .score, .ratings.mark-6 .score, .ratings.mark-5 .score {
    background: #efda65;
    color: #796700;
}

.ratings.mark-4 .score, .ratings.mark-3 .score, .ratings.mark-2 .score, .ratings.mark-1 .score {
    background: #ed8e7f;
    color: #a00000;
}

.ratings.mark-0 .score {
    background: #c9c9c9;
}

.small-rating.mark-7, .small-rating.mark-6, .small-rating.mark-5 {
    background: #f8fdc9;
}

.small-rating.mark-4, .small-rating.mark-3, .small-rating.mark-2, .small-rating.mark-1 {
    background: #f3e4e1;
}

.small-rating.mark-0 {
    background: #ebebeb;
}

.small-score.mark-10, .small-score.mark-9 {
    background: #9ad77f;
    color: #005000;
}

.small-score.mark-8 {
    background: #a0d787;
    color: #005000;
}

.small-score.mark-7, .small-score.mark-6, .small-score.mark-5 {
    background: #efda65;
    color: #796700;
}

.small-score.mark-4, .small-score.mark-3, .small-score.mark-2, .small-score.mark-1 {
    background: #ed8e7f;
    color: #a00000;
}

.small-score.mark-0 {
    background: #c9c9c9;
}

.critic-score.mark-10, .critic-score.mark-9, .critic-score.mark-8 {
    color: #008100;
}

.critic-score.mark-7, .critic-score.mark-6, .critic-score.mark-5 {
    color: #796700;
}

.critic-score.mark-4, .critic-score.mark-3, .critic-score.mark-2, .critic-score.mark-1 {
    color: #a00000;
}

.critic-score.mark-0 {
    color: #999;
}

.ratings-graph {
    margin: 15px 0 15px 115px;
    opacity: 0.9;
    overflow: hidden;
    display: block;
}

    .ratings-graph .graph {
        color: #333;
        font-size: 13px;
        margin: 0;
    }

.graph-critic {
    width: 50%;
    float: left;
}

.ratings-graph .small-score {
    display: inline-block;
    border-radius: 2px 2px 0 0;
    margin: 0;
}

.ratings-graph .graph-body {
    margin: 0;
    line-height: 0;
}

.ratings-graph .rating-graph {
    height: 2px;
    line-height: 0;
    opacity: 1;
}

.graph {
    color: #111;
    font-size: 13px;
}

.widget .graph {
    font-weight: 350;
}

.graph-body {
    background: #f7f7f7;
    margin: 4px 0 10px;
}

.widget .graph h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 0;
}

.graph span {
    font-size: 14px;
    font-weight: 600;
}

.score-graph {
    font-size: 16px;
    margin-left: 5px;
}

.rating-graph {
    height: 24px;
    line-height: 24px;
    opacity: 0.9;
    vertical-align: middle;
    width: 10px;
}

    .rating-graph.mark-10, .rating-graph.mark-9, .rating-graph.mark-8 {
        background: #9ad77f;
        color: #005000;
    }

    .rating-graph.mark-7, .rating-graph.mark-6, .rating-graph.mark-5 {
        background: #efda65;
        color: #796700;
    }

    .rating-graph.mark-4, .rating-graph.mark-3, .rating-graph.mark-2, .rating-graph.mark-1 {
        background: #ed8e7f;
        color: #a00000;
    }

    .rating-graph.mark-0 {
        width: 18px !important;
        background: #c9c9c9;
    }

.wait-stat {
    font-size: 12px;
}

.rating-wait {
    height: 5px;
    opacity: 0.8;
    vertical-align: middle;
    width: 10px;
}

    .rating-wait.mark-10, .rating-wait.mark-9, .rating-wait.mark-8 {
        background: #9ad77f
    }

    .rating-wait.mark-7, .rating-wait.mark-6, .rating-wait.mark-5 {
        background: #efda65;
    }

    .rating-wait.mark-4, .rating-wait.mark-3, .rating-wait.mark-2, .rating-wait.mark-1 {
        background: #ed8e7f;
    }

    .rating-wait.mark-0 {
        width: 18px !important;
        background: #c9c9c9;
    }

.rating-on {
    height: 20px;
    width: 20px;
}

    .rating-on.mark-10, .rating-on.mark-9, .rating-on.mark-8 {
        background: #9ad77f;
    }

    .rating-on.mark-7, .rating-on.mark-6, .rating-on.mark-5 {
        background: #efda65;
    }

    .rating-on.mark-4, .rating-on.mark-3, .rating-on.mark-2, .rating-on.mark-1 {
        background: #ed8e7f;
    }

.buy-module {
    padding-top: 15px;
}

    .buy-module h2 {
        font-size: 22px;
        font-weight: 700;
        margin: 15px 0;
        color: #333;
        padding: 5px 0;
        line-height: 1.5;
    }

.similar {
    margin-top: 30px;
}

    .similar h1 {
        font-size: 24px;
        font-weight: 700;
        margin: 15px 0;
        color: #333;
        line-height: 1.5;
    }

    .similar h2 {
        font-size: 22px;
        font-weight: 700;
        margin: 15px 0;
        color: #333;
        line-height: 1.5;
    }

    .similar h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 15px 0;
        color: #333;
        line-height: 1.5;
    }

    .similar .featured-image {
        width: 23%;
        height: 220px;
        margin: 10px 1%;
    }

        .similar .featured-image span {
            font-size: 16px;
        }

.children li {
    padding: 5px;
}

    .children li, .children li.mark-10, .children li.mark-9, .children li.mark-8, .children li.mark-7, .children li.mark-6, .children li.mark-5, .children li.mark-4, .children li.mark-3, .children li.mark-2, .children li.mark-1, .children li.mark-0 {
        border: none;
    }

.comment-meta .small-score {
    border-radius: 50px;
    float: left;
    font-size: 20px;
    margin: -5px 10px 0 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-shadow: none;
}

.children .comment-meta .small-score {
    border-radius: 50px;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-shadow: none;
    margin-top: 0;
}

.recent-reviews .small-score {
    border-radius: 50px;
    display: inline-block;
    font-size: 14px;
    margin: 0 6px -8px 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-shadow: none;
    overflow: hidden;
}

.reviews-text .small-score {
    border-radius: 50px;
    float: left;
    font-size: 16px;
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-shadow: none;
}

.critics .reviews-text .small-score {
    border-radius: 0;
}

.reviews .small-score {
    position: relative;
    box-shadow: none;
    float: left;
    font-size: 20px;
    margin: -5px 10px 0 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-shadow: none;
}

.post-content .search_form {
    float: none;
    margin-top: 9px;
    width: auto;
}

    .post-content .search_form fieldset {
        width: 610px;
        height: 35px;
    }

    .post-content .search_form input {
        width: 570px;
        font-size: 16px;
    }

.post-navigation {
    width: 610px;
    padding: 15px 0 0;
    position: relative;
}

    .post-navigation a {
        display: block;
        color: #000;
        font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
        text-decoration: none;
        line-height: 1.5;
    }

        .post-navigation a:hover {
            text-decoration: none;
        }

        .post-navigation a em {
            display: block;
            color: #aaa9a9;
            font: italic 11px Georgia, Geneva, "Times New Roman", times;
        }

        .post-navigation a:hover span {
            text-decoration: underline;
        }

.navi {
    font-size: 18px;
    margin-top: 30px;
}

.pagination .navi {
    margin-top: 0px;
}

.navi span {
    color: #aaa;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px;
}

.navi a {
    color: #333;
    border: 1px solid #aaa;
    text-decoration: none;
    margin: 0 15px 15px 0;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 4px;
}

    .navi a:hover {
        color: #aaa;
        border: 1px solid #ccc;
        text-decoration: none;
    }

.post-prev {
    width: 250px;
    min-height: 40px;
    padding-left: 30px;
    float: left;
    text-align: left;
    background: url("images/post_prev.png") 0 50% no-repeat;
}

.post-next {
    width: 250px;
    min-height: 40px;
    padding-right: 30px;
    float: right;
    text-align: right;
    background: url("images/post_next.png") 100% 50% no-repeat;
}

.line {
    width: 1px;
    height: 100%;
    background: #d9d9d9;
    position: absolute;
    top: 0;
    right: 305px;
}

.tab-widget-menu {
    list-style: none outside none;
    margin: 0 0 5px;
}

    .tab-widget-menu li.selected {
        background: #555;
        position: relative;
        color: #FFF;
        font-size: 10px;
    }

    .tab-widget-menu ul {
        margin: 0;
        padding: 0 0 20px 4px;
    }

    .tab-widget-menu li, .tab-widget-menu a {
        background: #999;
        float: left;
        display: block;
        padding: 0 5px;
        margin-right: 5px;
        font-size: 10px;
        height: 20px;
        line-height: 20px;
        cursor: pointer;
        color: #F4F4F4;
        text-align: center;
        text-transform: uppercase;
    }

        .tab-widget-menu li:hover, .tab-widget-menu a:hover {
            background: #333;
            color: #FFF;
        }

.title-index .tab-widget-menu {
    float: left;
    margin: 0;
}

.add-review {
    background: #FFF;
    margin: 20px auto;
    padding: 20px;
    width: 605px;
}

.post-content img {
}

.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
    border-right: 6px solid #fff;
    margin-bottom: -3px;
    padding: 0;
}

.post-ratings-image {
    border: 0 none;
}

.post-ratings-comment-author {
    font-style: italic;
    font-weight: normal;
}

.post-content h6 {
    position: relative;
    left: -30px;
}

.post-content .attachment img {
    max-width: 610px;
}

.post-content .alignnone, .post-content img.alignnone {
    clear: both;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    height: auto;
}

.post-content .alignleft, .post-content img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.post-content .alignright, .post-content img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-top: 4px;
}

.post-content .aligncenter, .post-content img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-content img.alignleft, .post-content img.alignright, .post-content img.aligncenter {
    margin-bottom: 15px;
}

.post-content .wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}

    .post-content .wp-caption img {
        margin: 5px 5px 0;
    }

    .post-content .wp-caption p.wp-caption-text {
        color: #888;
        font-size: 12px;
        margin: 5px;
    }

.post-content .wp-smiley {
    margin: 0;
}

.post-content .gallery {
    margin: 0 auto 18px;
}

    .post-content .gallery .gallery-item {
        float: left;
        margin-top: 0;
        text-align: center;
        width: 190px;
    }

        .post-content .gallery .gallery-item img {
            max-width: 190px;
            border: none !important;
            margin-bottom: 0;
        }

    .post-content .gallery .gallery-caption {
        color: #888;
        font-size: 12px;
        margin: 0 0 12px;
    }

    .post-content .gallery dl {
        margin: 0;
    }

    .post-content .gallery br + br {
        display: none;
    }

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

.htitle {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0;
    color: #333;
    line-height: 1.5;
    display: block;
}

.reviews-num .htitle {
    font-size: 18px;
    font-weight: 600;
}

.comments {
    margin: 50px 0;
}

.comment-respond {
    padding: 10px;
    border-radius: 4px;
    margin-top: 15px;
    border: 1px solid #ccc;
}

.comments p, .reviews p {
    color: #555;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 15px;
}

.comments a, .reviews a {
    color: #333;
    font-size: 16px;
    text-decoration: none;
    line-height: 1.5;
}

.comments h1 {
    font-size: 26px;
    font-weight: 700;
    margin: 10px 0;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.comments h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 10px 0;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.comments h3 {
    font-size: 22px;
    font-weight: 700;
    margin: 10px 0;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.reviews h1 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.reviews h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.reviews h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.reviews-num h2 {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    color: #333;
    line-height: 1.5;
    display: block;
}

    .reviews-num h2 span {
        font-size: 18px;
        font-weight: 700;
        display: inline;
    }

.comments h1 span, .reviews h1 span {
    font-size: 20px;
    font-weight: 300;
    display: block;
}

.comments h2 span, .reviews h2 span {
}

.comments h3 span, .reviews h3 span {
    font-size: 16px;
    font-weight: 300;
    display: block;
}

.comments h1 .countnum, .reviews h1 .countnum {
    font-size: 18px;
    font-weight: 300;
    display: inline;
}

.comments h2 .countnum, .reviews h2 .countnum {
    font-size: 16px;
    font-weight: 300;
    display: inline;
}

.comments h3 .countnum, .reviews h3 .countnum {
    font-size: 16px;
    font-weight: 300;
    display: inline;
}

.comments h3 a {
    color: #0082ae;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
}

    .comments h3 a:hover {
        text-decoration: underline;
    }

.commform-textarea h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0;
    color: #333;
    line-height: 1.5;
    display: inline;
}

.commform-textarea h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 10px 0;
    color: #333;
    line-height: 1.5;
    display: inline;
}

#comments {
    margin: 10px 0;
}

    #comments .rating {
        display: none;
    }

.reviews {
    margin: 15px 0;
}

.comment {
}

.your-score p {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-top: 10px;
}

.comment td {
    vertical-align: top;
}

.comment-meta {
    position: relative;
    min-height: 10px;
    font-size: 12px;
    margin: 5px 0 20px 0;
}

.comment_list {
    border-top: 1px solid #ccc;
    margin-top: 5px;
}

.reviews_list {
    color: #777;
    font-size: 14px;
    line-height: normal;
    border-top: 1px solid #ccc;
    margin-top: 5px;
}

.sidebar .ureview-text {
    font-size: 14px;
    line-height: 1.8;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    border-radius: 3px;
}

.review-text, .reviews-text, .reviews .critic-text p, .last-reviews .recent-reviews {
    overflow: hidden;
}

.comments li {
    background: #f3f3f3;
    padding: 15px;
    border-radius: 3px;
    margin: 15px 0;
}

    .comments li h3 {
        padding: 5px 0;
    }

        .comments li h3 span {
            display: none;
        }

.countnum {
    font-size: 18px;
    background: #e7e7e7;
    color: #111;
    border-radius: 4px;
    padding: 2px 6px;
    font-weight: 300;
}

.reviews .critic-text {
    background: #f3f3f3;
    color: #333;
    margin: 15px 0;
    padding: 15px;
    border-radius: 3px;
}

    .reviews .critic-text p {
        font-size: 16px;
        color: #333;
        margin: 0;
        line-height: 1.5;
        margin-bottom: 5px;
    }

.review-author p {
    color: #555 !important;
    font-size: 14px !important;
    font-weight: 350;
}

.title-reviews {
    font-weight: 600;
    margin: 6px 0 10px 0;
}

    .title-reviews a {
        font-size: 18px !important;
        text-decoration: none;
    }

        .title-reviews a span {
            font-size: 16px !important;
            color: #888 !important;
            font-weight: 400;
        }

.ureview-text .title-reviews a {
    font-size: 14px !important;
}

.new-reviews {
}

    .new-reviews a {
        border: 1px solid #ccc;
        color: #394042 !important;
        font-size: 14px;
        margin: 10px 0;
        padding: 10px;
        display: block;
    }

        .new-reviews a:hover {
            border: 1px solid #aaa;
            text-decoration: none !important;
        }

.reviews-author {
    color: #777;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

.reviews-content {
    color: #333;
    margin: 0 0 0 64px;
}

.reviews-text {
    background: #f3f3f3;
    color: #555;
    margin-bottom: 20px;
    padding: 15px;
    line-height: 18px;
    border-radius: 3px;
}

    .reviews-text p {
        font-size: 16px;
        color: #333;
        margin: 10px 0;
        line-height: 1.5;
    }

    .reviews-text a {
        font-size: 14px;
        color: #0082ae;
        text-decoration: none;
    }

        .reviews-text a:hover {
            text-decoration: underline;
        }

.comments .review-link, .reviews .review-link {
    font-size: 16px;
    color: #0082ae;
    text-decoration: none;
    margin-top: 10px;
    display: inline-block;
}

.review-link:hover {
    text-decoration: underline;
}

.recent-reviews {
}

.reviews-text .title-reviews {
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px 0 0;
    display: inline-block;
    padding: 6px 0;
}

.reviews-none {
    color: #555;
    border: 1px solid #ccc;
    padding: 15px;
    margin: 25px 0;
    border-radius: 4px;
}

    .reviews-none p {
        color: #111;
        font-size: 16px;
        line-height: 1.5;
        margin: 0;
        font-weight: 350;
    }

.author-avatar {
    border-radius: 50px;
    overflow: hidden;
    float: left;
    width: 55px;
    height: 55px;
    margin-top: -10px;
    margin-right: 10px;
}

.avatar {
    display: block;
    margin-right: 10px;
}

.comment-author {
    color: #aaa9a9 !important;
    display: inline-block;
    margin: 0 10px 0 0 !important;
}

    .comment-author span {
        color: #111;
        font-weight: 600;
    }

.review-meta {
    margin: 5px 0;
}

.rauthor-name {
    color: #888;
    font-size: 14px;
    margin-left: 10px;
}

.review-author a {
    color: #111;
    text-decoration: none;
}

    .review-author a:hover {
        text-decoration: underline;
    }

.review-author span {
    font-size: 18px;
    color: #111;
    font-weight: 600;
    margin-right: 10px;
}

.comment-author a, .comment-author span {
    text-decoration: none;
    font-family: "Lucida Grande","Trebuchet MS",Verdana,Helvetica,Arial,sans-serif;
    font-size: 18px;
}

    .comment-author a:hover {
        text-decoration: underline;
    }

.comment-date {
    color: #555 !important;
    font-size: 14px !important;
    margin: 0 !important;
    display: inline-block;
    font-weight: 350;
}

.comment-reply-link {
    color: #0082ae;
    font-size: 14px;
    text-decoration: none;
}

    .comment-reply-link:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.ureview-text p {
    color: #333;
    font-size: 16px;
    margin: 0 0 10px;
    line-height: 1.5;
}

.children {
    border-top: 1px dotted #bbb;
    margin: 15px 0 0 20px;
}

    .children .children {
        margin-left: 50px;
    }

    .children .comment {
        padding-left: 0;
    }

.link-box {
    color: #394042 !important;
    text-decoration: none;
    display: block;
    padding: 14px 0;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ccc;
}

    .link-box:hover {
        background: #f5f5f5;
        border: 1px solid #AAA;
        text-decoration: none !important;
    }

    .link-box span {
        color: #ff0000;
    }

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

#respond p, .nopassword {
    color: #444;
    margin: 5px 0;
    font-size: 14px;
}

.nopassword {
    padding-left: 30px;
}

#respond p a {
    color: #0068bf;
    text-decoration: none;
}

    #respond p a:hover {
        text-decoration: underline;
    }

#commentform {
    position: relative;
    margin: 10px 0 0;
    padding-top: 155px;
}

#respond .comment_message {
    margin: 5px 0;
}

#respond .commform-author, #respond .commform-email, #respond .commform-url {
    width: 45%;
    margin-bottom: 15px;
}

    #respond .commform-author p, #respond .commform-email p, #respond .commform-url p {
        font: bold 12px Helvetica, Arial, sans-serif;
        color: #333;
        margin-bottom: 5px;
    }

        #respond .commform-author p span, #respond .commform-email p span, #respond .commform-url p span {
            color: #888;
            font: italic 12px Georgia, Geneva, "Times New Roman", times;
        }

        #respond .commform-author p .popauthor {
            color: #0082ae;
            font-weight: bold;
        }

            #respond .commform-author p .popauthor:hover {
                cursor: pointer;
            }

#respond .commform-textarea {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #f7f7f7;
}

    #respond .commform-textarea > div {
        border: 1px solid #d9d9d9;
    }

#respond p.form-submit {
    margin-bottom: 0;
}

    #respond p.form-submit #submit {
    }

#comment {
    width: 95%;
    height: 100px;
    padding: 0;
    margin: 0;
    border: 1px solid #f7f7f7;
    overflow: auto;
    padding: 30px 2.2% 10px;
    background: #f7f7f7;
}

.commform-author div {
    background: #f7f7f7;
    margin-right: 15px;
    border: 1px solid #d9d9d9;
}

.commform-email div {
    border: 1px solid #d9d9d9;
    padding: 5px;
}

.commform-url p {
    margin-left: 15px !important;
}

.commform-url div {
    margin-left: 15px;
    border: 1px solid #d9d9d9;
    padding: 5px;
}

.commform-textarea label {
    color: #777;
    font-size: 14px;
    left: 15px;
    position: absolute;
    top: 35px;
    max-height: 100px;
    overflow: hidden;
}

    .commform-textarea label span {
        display: none;
    }

#commentform:hover .commform-textarea label span {
    display: inline;
}

input.error, textarea.error {
    background: #f3e4e1;
    border: 2px solid #ed8e7f !important;
}

.count {
    color: #777;
    font-size: 13px;
    position: absolute;
    left: 15px;
    top: 12px;
}

#author, #email, #url {
    background: #f7f7f7;
    width: 94%;
    margin: 0;
    padding: 2%;
    border: 1px solid #f7f7f7;
    font: 12px Helvetica, Arial, sans-serif;
    color: #333;
}

#submit {
    font-size: 14px;
    border: none;
    background: #394042;
    color: #fff;
    cursor: pointer;
    padding: 10px 25px;
    border-radius: 50px;
}

    #submit:hover {
        background: #999;
    }

.g-recaptcha {
    margin: 15px 0;
}

p#cancel-comment-reply {
    float: right;
    line-height: 28px;
    margin: 0;
}

.ldc-ul_like {
    background: #defbd1;
    position: relative;
    border-color: #fff;
    color: #4c8d00;
    border-radius: 6px 0 0 6px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    outline: 0 none;
    padding: 4px 5px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal;
}

    .ldc-ul_like:hover {
        background: #60b200;
        color: #FFF;
    }

.ldc-ul_dislike {
    background: #f3e4e1;
    position: relative;
    border-color: #fff;
    color: #e7634d;
    border-radius: 0 6px 6px 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    outline: 0 none;
    padding: 4px 5px;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    word-wrap: normal;
}

    .ldc-ul_dislike:hover {
        background: #ed8e7f;
        color: #FFF;
    }

.rating-com {
    position: absolute;
    right: 0;
    top: 0;
}

.sidebar {
    padding: 5px 0 0 0;
    width: 300px;
    float: right;
}

.widget {
    margin-bottom: 20px;
}

.widget-small {
    width: 130px;
}

    .widget h2, .widget-small h2 {
        color: #111;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .widget h3, .widget-small h3 {
        color: #111;
        font-size: 16px;
        font-weight: 500;
        padding: 5px 0;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .widget a, .widget-small a {
        color: #0082ae;
        text-decoration: none;
    }

        .widget a:hover, .widget-small a:hover {
            text-decoration: underline;
        }

.widget p, .textwidget {
    color: #333;
    font-size: 14px;
}

    .widget p a, .textwidget a {
        text-decoration: underline;
    }

        .widget p a:hover, .textwidget a:hover {
            text-decoration: none;
        }

.widget li, .widget-small li {
    font-size: 12px;
    color: #333;
    margin-bottom: 3px;
}

.widget_getconnected {
    margin-bottom: 20px;
}

    .widget_getconnected .widget-body div {
        width: 50%;
        float: left;
        min-height: 40px;
        padding-bottom: 16px;
    }

        .widget_getconnected .widget-body div a {
            display: block;
            color: #24211f;
            font-size: 16px;
            padding-left: 25px;
        }

        .widget_getconnected .widget-body div span {
            color: #838383;
            font: 11px Helvetica, Arial, sans-serif;
            padding-left: 25px;
        }

.getconnected_rss a {
    background: url("images/getconnected_rss.png") 0 2px no-repeat;
}

.getconnected_twitter a {
    background: url("images/getconnected_twitter.png") 0 2px no-repeat;
}

.getconnected_fb a {
    background: url("images/getconnected_fb.png") 0 2px no-repeat;
}

.getconnected_flickr a {
    background: url("images/getconnected_flickr.png") 0 2px no-repeat;
}

.getconnected_behance a {
    background: url("images/getconnected_behance.png") 0 2px no-repeat;
}

.getconnected_delicious a {
    background: url("images/getconnected_delicious.png") 0 2px no-repeat;
}

.getconnected_stumbleupon a {
    background: url("images/getconnected_stumbleupon.png") 0 2px no-repeat;
}

.getconnected_tumblr a {
    background: url("images/getconnected_tumblr.png") 0 2px no-repeat;
}

.getconnected_vimeo a {
    background: url("images/getconnected_vimeo.png") 0 2px no-repeat;
}

.getconnected_youtube a {
    background: url("images/getconnected_youtube.png") 0 2px no-repeat;
}

.rpthumb {
    display: block;
    padding-bottom: 5px;
    margin-top: 5px;
    border-bottom: 1px dotted #d9d9d9;
}

    .rpthumb img {
        border: 2px solid #bad4e7;
        width: 50px;
        width: 50px;
        margin-right: 10px;
        float: left;
        height: 70px;
        opacity: 0.7;
    }

    .rpthumb:hover img {
        opacity: 1;
    }

.rpthumb-title {
    color: #555 !important;
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
}

.rpthumb-date {
    display: block;
    font-size: 11px;
    color: #aaa9a9;
}

.rpthumb:hover {
    text-decoration: none !important;
}

    .rpthumb:hover .rpthumb-title {
        text-decoration: underline;
    }

.widget_tag_cloud a {
    margin: 0 2px;
}

.widget_calendar table {
    margin: 15px 0;
    width: 100%;
}

.widget_calendar caption {
    font-size: 15px;
    padding-bottom: 10px;
}

.widget_calendar th, .widget_calendar td {
    padding: 5px 0;
    text-align: center;
    font-size: 13px;
}

.widget_calendar tbody a {
    text-decoration: underline;
}

    .widget_calendar tbody a:hover {
        text-decoration: none
    }

#today {
    color: #ed2e10;
}

    #today a {
        color: #ed2e10;
    }

.sponsors .widget-body {
    text-align: center;
}

    .sponsors .widget-body img {
        margin-bottom: 20px;
    }

.footer {
    width: 1000px;
    font-size: 14px;
    color: #737373;
    height: 50px;
    border-top: 1px solid #d9d9d9;
    margin-bottom: 30px;
    padding: 20px 0;
    margin: 0 auto;
}

    .footer a {
        color: #555;
        text-decoration: none;
    }

        .footer a:hover {
            color: #0068bf;
        }

.copyright a {
    margin: 0 0 0 10px;
}

.copyright {
    float: left;
    margin-top: 10px;
}

    .copyright span {
        color: #737373;
    }

.credits {
    float: right;
}

    .credits .vko, .credits .fb, .credits .tw, .credits .odn {
        background: #777;
        margin: 0 2px 0 0;
        opacity: 1;
    }

    .credits img {
        vertical-align: middle;
        margin-bottom: 4px;
    }

.pegi {
    background-color: #777;
    color: #FFF;
    font-size: 14px;
    margin-right: 2px;
    text-align: center;
    padding: 10px;
    border-radius: 2px;
    display: inline-block;
}

.cscr {
    display: none;
    background: #777;
    background: rgba(0,0,0,.8);
    border-radius: 2px;
    bottom: 20px;
    color: #fff;
    right: -75px;
    padding: 5px;
    position: absolute;
    z-index: 98;
    width: 150px;
    font-size: 11px;
    text-align: center;
    line-height: normal;
}

.small-score:hover .cscr {
    display: block;
}

.tooltip {
    display: inline;
    position: relative;
}

    .tooltip:hover:after {
        background: #777;
        background: rgba(0,0,0,.8);
        border-radius: 2px;
        bottom: 20px;
        color: #fff;
        content: attr(data-title);
        right: -75px;
        padding: 5px;
        position: absolute;
        z-index: 98;
        width: 150px;
        font-size: 11px;
        text-align: center;
        line-height: normal;
    }

.input-field {
    border: 1px solid #ccc;
    border-radius: 1px;
    height: 30px;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    width: 250px;
}

.input-name {
    border: 1px solid #ccc;
    border-radius: 1px;
    height: 30px;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 5px;
    text-align: left;
    width: 95%;
}

.textarea {
    border: 1px solid #ccc;
    border-radius: 1px;
    height: 30px;
    margin: 10px 0;
    overflow: hidden;
    padding: 5px;
    text-align: left;
    width: 95%;
}

.base-index {
    color: #000;
    background: #F8F8F8;
    border: 1px solid #D5D5D5;
    font-size: 16px;
    font-style: normal;
    padding: 5px 0 5px 5px;
    float: left;
    width: 290px;
    margin: 10px 0 20px;
}

    .base-index h3 {
        float: left;
        font-weight: normal;
        margin: 2px;
        font-size: 16px;
    }

.entry .rpthumb-title {
    font-size: 12px;
    margin-bottom: 2px;
}

.base-movies {
    width: 300px;
    float: left;
}

.base-games {
    width: 300px;
    float: right;
}

.wbody {
    font-family: fontello;
    background-color: rgba(1, 1, 1, 0.725);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0.8;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}

    .wbody:before {
        content: '\e814';
        color: #fff;
        font-size: 50px;
        float: right;
        padding: 70px 40px;
    }

    .wbody:hover {
        cursor: pointer;
    }

.window {
    bottom: 0;
    display: none;
    left: 0;
    margin: 100px auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 615px;
    z-index: 200;
}

    .window #content {
        padding: 10px;
    }

.window-image {
    bottom: 0;
    display: none;
    left: 0;
    margin: 80px auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 800px;
    z-index: 200;
}

.window img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    z-index: 100;
}

.window-image img {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 800px;
    max-height: 600px;
    z-index: 100;
}

.modal-left {
    position: absolute;
    z-index: 999;
    height: 33px;
    width: 36px;
    overflow: hidden;
    left: 0 !important;
    opacity: 0;
    filter: alpha(opacity=00);
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;
}

.modal-right {
    position: absolute;
    z-index: 999;
    height: 33px;
    width: 36px;
    overflow: hidden;
    right: 0 !important;
    opacity: 0;
    filter: alpha(opacity=00);
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    cursor: pointer;
}

.modal-left:before {
    content: "вЂ№";
    float: left;
    font-size: 50px;
    font-weight: bold;
    padding-left: 10px;
}

.modal-right:before {
    content: "вЂє";
    float: right;
    font-size: 50px;
    font-weight: bold;
    padding-right: 10px;
}

.modal-image {
    position: absolute;
    z-index: 999;
    height: auto;
    width: 100%;
    overflow: hidden;
    display: block;
    height: 100%;
}

.modal-image-wrap {
    position: relative;
    display: block;
    width: auto;
    height: auto;
}

.modal-image div {
    color: #bad4e7;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    width: 50%;
    overflow: hidden;
    border: none !important;
    outline: none !important;
}

    .modal-image div:hover {
        color: #e52d27;
    }

.modal-show {
    opacity: 1;
}

.modal-left img, .modal-right img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.iframe {
    height: 380px;
    width: 640px;
}

ul.search_results {
    display: block;
    background-color: #fff;
    width: 300px;
    max-height: 500px;
    position: absolute;
    top: 20px;
    left: 0px;
    overflow: auto;
    z-index: 9999;
    list-style-type: none;
    list-style-image: none;
    list-style-position: inside;
    padding: 0px;
    margin: 0px;
}

    ul.search_results li {
        display: block;
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px 0px;
        border-bottom: 1px solid #ccc;
        text-align: left;
        color: #000;
        background: #f1f1f1;
        text-decoration: none;
    }

        ul.search_results li:hover {
            background: #fff;
        }

        ul.search_results li a, ul.search_results li a:visited {
            display: block;
            color: #000;
            margin-left: 0px;
            padding-left: 0px;
            text-decoration: none;
        }

    ul.search_results p#daves-wordpress-live-search_author {
        margin: 0px;
        font-size: 90%;
        font-weight: bold;
    }

    ul.search_results p#daves-wordpress-live-search_date {
        margin: 0px;
        font-size: 90%;
    }

    ul.search_results li.post_with_thumb a {
        width: 180px;
        float: left;
        margin: 20px 0 5px;
    }

    ul.search_results li.post_with_thumb img.post_thumb {
        float: left;
        margin: 2px 10px 2px 0px;
        width: 50px;
        border-radius: 3px;
    }

    ul.search_results .excerpt, ul.search_results .meta {
        font-size: 75%;
        width: 100%;
    }

    ul.search_results .clearfix {
        float: none !important;
        clear: both !important;
    }

.search_footer {
    background: #888;
    width: 100%;
    text-align: center;
    padding: .5em 0;
    font-size: .9em;
}

    .search_footer a, .search_footer a:visited {
        color: #fff;
        margin-right: 1em;
        text-decoration: none;
    }

#search_results_activity_indicator {
    z-index: 999999;
}

.ed_button {
    background: #f7f7f7;
    color: #777;
    font-size: 12px;
    vertical-align: top;
    border-width: 1px;
    margin-right: 5px;
}

    .ed_button:hover {
        background: #f4f4f4;
        box-shadow: 0 1px 1px #222;
        color: #333;
    }

.quicktags-toolbar {
    left: 15px;
    position: absolute;
    top: 8px;
}

.advert {
    border-bottom: 1px solid #ccc;
    padding: 10px 0 20px;
    text-align: center;
}

.admitad {
    margin-top: -30px;
}

.advert-home {
    border-top: 1px solid #ccc;
    margin: 5px 0 20px;
    max-height: 210px;
    overflow: hidden;
}

.advert-ad {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    max-height: 210px;
    overflow: hidden;
}

.advert-ads {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    max-height: 210px;
    overflow: hidden;
}

.ulogin_block, #ulogin_accounts {
    margin: 10px 0 10px 0;
}

.ulogin_label, .ulogin_panel {
    float: left;
}

.ulogin_network {
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
}

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

.ads-horizont {
    text-align: center;
    margin: 30px 0;
    overflow: hidden;
    width: 100%;
}

.digbuy a {
    font-size: 18px;
    color: #555;
    text-decoration: none;
}

    .digbuy a:hover {
        text-decoration: underline;
    }

.digbuy .logo {
    font-size: 25px;
    float: none;
    font-weight: bold;
}

    .digbuy .logo span {
        color: #ff8a00;
    }

.share {
    margin-bottom: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 15px;
    text-align: center;
}

.share-text {
    color: #000;
    font-size: 16px;
    line-height: 22px;
}

.vko, .fb, .tw, .odn {
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    margin: 10px 10px 5px 0;
    border-radius: 2px;
    display: inline-block;
    opacity: 0.8;
}

    .vko:hover, .fb:hover, .tw:hover, .odn:hover {
        cursor: pointer;
        opacity: 0.6;
    }

.vko {
    background: #4d75a2;
}

.fb {
    background: #0561af;
}

.tw {
    background: #00bff3;
}

.odn {
    background: #ff7200;
}

.share-info {
    background: #f1f1f1;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 15px;
    margin: 10px 2px 5px 0;
    border-radius: 2px;
    display: inline-block;
}

.vko:before {
    content: '\e801';
}

.fb:before {
    content: '\f300';
}

.tw:before {
    content: '\f303';
}

.odn:before {
    content: '\f30c';
}

.vk, .f, .t, .ok {
    color: #fff !important;
    font-family: fontello;
    font-size: 10px !important;
    padding: 8px 12px;
    margin: 2px;
    border-radius: 2px;
    display: inline-block;
    float: right;
    opacity: 0.8;
}

.vk {
    background: #4d75a2;
}

.f {
    background: #0561af;
}

.t {
    background: #00bff3;
}

.ok {
    background: #ff7200;
}

.vk:before {
    content: '\e801';
}

.f:before {
    content: '\f300';
}

.t:before {
    content: '\f303';
}

.ok:before {
    content: '\f30c';
}

.vk:hover, .f:hover, .t:hover, .ok:hover {
    cursor: pointer;
    opacity: 0.6;
}

.user-login:hover {
    cursor: pointer;
}

.user-login, .user-page, .user-logout {
    font-family: fontello;
    color: #333;
    text-decoration: none;
}

    .user-page:before {
        content: '\e809';
    }

    .user-login:before {
        content: '\e82f';
    }

    .user-logout:before {
        content: '\e833';
    }

.popup_block {
    width: 350px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 200px auto;
    position: fixed;
    z-index: 99999;
    display: none;
}

.close span {
    margin: 200px 0 0 327px;
    position: fixed;
}

*html .popup_block {
    position: absolute;
}

#loginForm {
    width: 300px;
    padding: 24px 24px 0;
    background: #FEFEFE;
    border: 1px solid #CAD8DE;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
    font: 14px/18px Arial, Tahoma, sans-serif;
    color: #444;
}

    #loginForm .field {
        margin: 0 0 18px;
    }

        #loginForm .field label {
            display: block;
            margin: 0 0 11px;
        }

        #loginForm .field .input {
            border-radius: 4px;
        }

        #loginForm .field input {
            font: 12px Arial, Tahoma, sans-serif;
            color: #444;
            width: 275px;
            padding: 9px 13px;
            border: 1px solid #D2D9DC;
            border-radius: 3px;
            outline: none;
        }

            #loginForm .field input:focus {
                border-color: #B7D4EA;
                box-shadow: inset 1px 1px 1px #EBEBEB, 0 0 1px #D0E6F6, 0 0 0 1px #F2F8FC;
            }

#forgot {
    float: right;
    font-size: 11px;
    color: #ababab;
    text-decoration: none;
    margin: 0;
}

    #forgot:hover {
        color: #444;
        text-decoration: underline;
    }

#loginForm .submit {
    overflow: hidden;
    margin: 30px -24px 0;
    padding: 22px 24px;
    background: #F0F5F7;
    border-top: 1px solid #DDE0E8;
    border-radius: 0 0 4px 4px;
    box-shadow: inset 0 1px #FFF, inset -1px -1px #F7FAFB, inset 1px 0 #F7FAFB;
    font-size: 11px;
}

    #loginForm .submit a {
        color: #333;
        text-decoration: none;
    }

        #loginForm .submit a:hover {
            text-decoration: underline;
        }

#remember {
    display: block;
    margin: 5px 0 0;
    cursor: pointer;
}

    #remember input {
        margin: 0 4px 0 0;
        vertical-align: middle;
    }

#loginForm .submit button {
    float: right;
    padding: 6px 20px;
    height: 30px;
    border-radius: 4px;
    border: none;
    color: #FFF;
    font: bold 13px Arial, Tahoma, sans-serif;
    background: #394042;
    cursor: pointer;
    outline: none;
}

    #loginForm .submit button:hover {
        background: #888;
    }

    #loginForm .submit button::-moz-focus-inner {
        border: 0
    }

a.help {
    color: #000;
    font-weight: 600;
}

#toTop {
    display: none;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 36px;
    position: fixed;
    z-index: 999;
    bottom: 30px;
    right: 30px;
    background: rgba(0, 0, 0, 0.64);
    opacity: 0.8;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 10px 0.3em -0.1em rgba(0,0,6,0.5);
    border-radius: 2px;
    text-align: center;
}

    #toTop:hover {
        opacity: 1;
    }

.nav-menu.menu-open .nav {
    overflow: auto;
    display: block;
}

.postid .post {
    overflow: hidden;
}

.postid .spec-img {
    position: relative;
    width: 100px;
    height: 140px;
    float: left;
    margin-right: 15px;
}

    .postid .spec-img .small-score {
        position: absolute;
        right: 5px;
    }

.postid .p-meta {
    margin: 10px 0;
    overflow: hidden;
}

.mark-link {
    background: #daf0f8;
    color: #0082ae;
    padding: 0 5px;
    font-weight: 400;
    text-decoration: none;
}

.watch-trailer {
    background: linear-gradient(to bottom,rgba(67,67,66,0) 0,rgba(167, 167, 167, 0.7) 34%,rgba(138, 137, 137, 0.88) 100%);
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}

    .watch-trailer h2 span {
        font-size: 14px;
    }

.twatch {
    background: #f1f1f1;
    color: #111;
    padding: 5px 10px;
    border-radius: 50px;
}

    .twatch:hover {
        cursor: pointer;
        opacity: 0.9;
    }

    .twatch:before {
        content: '\e80d';
        padding: 0 8px;
    }

.sticky-bottom {
    background: #f1f1f1;
    position: sticky;
    z-index: 9999;
    top: 70px;
    text-align: center;
}

.sticky-body {
}

.sticky-close {
    display: none;
}

    .sticky-close:before {
        font-family: fontello;
        background: #f1f1f1;
        content: '\e814';
        color: #333;
        font-size: 30px;
        float: right;
        padding: 15px;
        margin-top: -60px;
        cursor: pointer;
        border-radius: 5px 5px 0 0;
    }

.buy-links a, .podborki a {
    background: #e7e7e7;
    color: #111 !important;
    border-radius: 4px;
    padding: 5px 10px;
    display: inline-block;
    margin: 5px 2px 0 0;
    font-weight: 600;
}

    .buy-links a:hover, .podborki a:hover {
        background: #f0f0f0;
        text-decoration: none !important;
    }

.specials-index {
    margin-top: 20px;
}

.systems {
    margin-bottom: 30px;
}

.systr {
    cursor: pointer;
    position: relative;
}

    .systr:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #ccc;
        content: "";
        position: absolute;
        top: 2px;
        margin: 10px;
    }

    .systr:hover:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #333;
        content: "";
    }

.system-info {
    display: none;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 4px;
}

.system-info-full, .creators {
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 0 15px;
    border-radius: 4px;
    margin-top: 20px;
}

    .system-info-full h1, .creators h2 {
        margin: 0;
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

#filter {
    margin-bottom: 25px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.filter-nav {
    margin-bottom: 25px;
}

.filter-name {
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 600;
}

.filter-nav a {
    background: #e7e7e7;
    font-size: 14px;
    color: #000;
    border-radius: 8px;
    padding: 8px 10px;
    display: inline-block;
    margin: 10px 5px 0 0;
    font-weight: 500;
    text-decoration: none;
}

    .filter-nav a span {
        display: none;
    }

    .filter-nav a:hover span {
        display: inherit;
    }

.filter-nav .selected {
    background: #7e7e7e;
    color: #fff;
}

.systems td {
    padding: 5px 0;
}

    .systems td:first-child {
        width: 180px;
    }

.games-base h2, .movies-base h2 {
    font-size: 22px;
    margin-bottom: 30px;
}

.post-meta li {
    display: inline;
}

    .post-meta li:first-child:before {
        content: "";
    }

    .post-meta li:before {
        content: " вЂў ";
    }

@media only screen and (max-width:800px) {
    .wrapper, #slideshow, .slideshow, .slide {
        width: 100%;
    }

    .ads {
        padding-top: 10px;
    }

    .header {
        width: auto;
        height: auto;
    }

    .headerer {
        margin-bottom: 20px;
        height: 100px;
    }

    .header-bottom {
        height: auto;
    }

    .window-image {
        width: 600px;
    }

        .window-image img {
            max-width: 600px;
        }

    .logo {
        font-size: 24px;
        margin-left: 15px;
    }

        .logo img {
            width: 100%;
        }

    .nav {
        float: none;
    }

        .nav ul {
        }

    .search_form {
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin: 0;
        margin-right: 0;
    }

        .search_form fieldset, .post-content .search_form fieldset {
            width: 100%;
            height: 40px;
        }

        .search_form input, .post-content .search_form input {
            width: 90%;
            font-size: 16px;
            padding: 10px 0;
        }

        .search_form button {
            width: 5%;
        }

    #content, .sidebar {
        float: none;
        margin: 15px 0;
        width: 96%;
        padding: 0 2%;
    }

    .last-reviews, .premieres, .page-description, .new-reviews, .columns a:hover .product-image, .links-add {
    }

    #content-trailer {
        position: relative;
        padding-bottom: 56.25%;
        padding-right: 100%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        width: 0
    }

        #content-trailer iframe, #content-trailer object, #content-trailer embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    #loop .title-index {
        height: 22px !important;
    }

    #content .title-index {
        height: auto;
    }

    .best-sorting select {
        margin: 10px 0;
        width: 98%;
    }

    .dropdown-menu {
        float: none;
        width: 95%;
    }

        .dropdown-menu .title {
            padding: 5px 0 5px 3%;
        }

    #slideshow, .slideshow, .slide, .featured-image {
        height: 135px;
    }

    .featured-image {
        margin: 10px 1px 0 1px;
    }

        .featured-image span {
            font-size: 11px;
        }

    .graph {
        color: #000;
        font-size: 16px;
        margin-top: 20px;
    }

    .graph-body {
        margin: 6px 0 12px;
    }

    ul.search_results {
        width: 95%;
    }

    .your-score {
        padding: 0;
        margin-top: -2px;
    }

    .rating-on {
        height: 18px;
        width: 18px;
    }

    .search_form fieldset {
        border: 0 none;
    }

    .brd, .rkl {
        display: none;
    }

    .header-bottom.sticky .search_form {
        display: none;
    }

    .nav-menu.menu-open .search_form {
        display: block;
    }

    #respond .commform-author, #respond .commform-email, #respond .commform-url, #respond p.form-submit #submit, #respond .comment_message {
        float: none;
        margin-bottom: 10px;
    }

    .fix {
        position: inherit !important;
    }

    .post-content p, .reviews-text p, .reviews .critic-text p, .ureview-text p {
        font-size: 16px;
    }

    .breadcrumbs {
        padding: 5px 10px;
    }

    .item:hover .item-description, .tooltip:hover:after {
        display: none;
    }

    .popup_block, .window {
        margin: 120px auto;
    }

    .footer {
        background: #383838;
        width: auto;
        color: #fff;
        height: auto;
        padding: 20px;
    }

        .footer a {
            color: #fff;
            font-size: 18px;
            display: block;
            margin: 15px 0;
        }

            .footer a.help {
                color: #a0d787;
            }

    .copyright {
        float: none;
        color: #fff;
    }

        .copyright span {
            color: #fff;
        }

    .credits {
        display: block;
        float: left;
        margin: 20px 0;
    }

        .credits a {
            display: inline-block;
        }

    .post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
        border-right: 4px solid #fff;
    }

    .sidebar {
        height: auto !important;
    }

    .sticky-close {
        display: block;
    }

    .review-link {
        font-size: 16px;
    }

    #search_form-result {
        max-height: 400px;
    }
}

@media only screen and (max-width:670px) {
    .header-bottom.sticky {
        box-shadow: 0 0 8px #999;
    }

    .menu-icon {
        display: block;
    }

    .nav_login {
        float: right;
    }

    .logo {
        font-size: 32px;
        float: left;
        margin-left: 15px;
        padding: 10px 0;
    }

    .nav_login ul li {
        padding: 20px 5px;
    }

        .nav_login ul li a, .nav_login ul li span {
            font-size: 20px;
            padding: 0 8px 0 0;
        }

    .nav .active {
        color: #fff;
    }

    .nav {
        background: #383838;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        margin-top: 100px;
        z-index: 1000;
        overflow: hidden;
        display: none;
    }

        .nav ul {
            height: auto;
            text-align: left;
        }

            .nav ul li {
                color: #fff;
                font-size: 18px;
                display: block;
                padding: 15px;
                float: none;
                text-align: left;
            }

                .nav ul li a {
                    color: #fff;
                    font-size: 18px;
                    padding: 5px 0 10px 0;
                    font-weight: normal;
                }

                .nav ul li span:before {
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #fff;
                    content: "";
                    position: absolute;
                    left: -8px;
                    top: 20px;
                    right: inherit;
                }

    .game-nav:hover:before, .movie-nav:hover:before {
        display: none;
    }

    .game-drop, .movie-drop {
        position: relative;
        margin-top: 10px;
        height: 150px;
        overflow: auto;
        display: block;
    }

        .game-drop a, .movie-drop a {
            padding: 10px !important;
        }

    .nav ul li:hover .game-drop, .nav ul li:hover .movie-drop {
        position: relative;
        margin-top: 10px;
        height: 150px;
        overflow: auto;
        visibility: visible;
        opacity: 1;
        padding: 0;
    }

    .adslot_1 {
        width: 468px;
        height: 60px;
    }

    .window, .window-image {
        width: 95%;
    }

        .window-image img {
            max-width: 100%;
        }

    .slideshow, .pager, .progress {
    }

    .featured-image {
        background: #333;
    }

    .search_form input, .post-content .search_form input {
        width: 87%;
    }

    .wbody:before {
        padding: 60px 40px;
    }

    .similar .featured-image {
        width: 31%;
        height: 240px;
        margin: 10px 1%;
    }

    .p-twatch {
        display: none;
    }

    .reviews .small-score, .comment-meta .small-score {
        margin: 0 8px 0 0;
    }

    .review-author span, .comment-author {
        display: block;
        line-height: 1 !important;
    }

    .reviews .critic-text, .comments li {
        padding: 10px;
    }

    .video, .gallery li {
        width: 23%;
        margin: 1%;
        height: 85px;
    }

    .vreview {
        width: 23%;
        margin: 1% 1% 35px 1%;
    }

    .add-videos {
        width: 23%;
        height: 85px;
        margin: 1% 1% 35px 1%;
    }

    .filter-nav a {
        font-size: 16px;
    }

    .filter-menu {
        padding-bottom: 10px;
    }

    .filter-menu, .platform-menu, .genre-menu {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

        .filter-menu::-webkit-scrollbar, .platform-menu::-webkit-scrollbar, .genre-menu::-webkit-scrollbar {
            display: none;
        }

    .add-review {
        width: auto;
    }
}

@media only screen and (max-width:620px) {
    .platform-menu ul, .genre-menu ul {
        height: auto;
    }

    .index-movies, .index-games, .specials-index .news-item {
        width: 100%;
    }

        .index-movies .item {
            padding: 15px 0;
            border-right: none;
        }

        .index-games .item {
            padding: 15px 0;
        }

    .list .post .thumb {
        margin: 0 10px 10px 0;
    }

    .post-content {
        margin-left: 110px;
    }

    .thumb {
        width: 100px;
        height: auto;
    }

    .game .thumb, .movie .thumb {
        height: auto;
    }

    .reviews-text .title-reviews {
        display: block;
        padding: 0;
    }

    .best-prod {
        overflow: hidden;
    }

    .featured-game, .featured-movie {
        overflow: hidden;
    }

    .window-image {
        margin: 120px auto;
    }

    .news-item {
        height: auto;
    }

    .index-movies .news-item {
        margin-right: 0;
    }

    .index-games .news-item {
        margin-left: 0;
    }

    .list .post .news-thumb {
        float: none;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .news .post-content {
        display: none;
    }

    .wait {
        display: block;
        margin: 15px 0;
    }

    .post-info, .list .post-content {
        font-size: 16px;
        line-height: 1.5;
    }

    .ureview-text .title-reviews a {
        font-size: 16px !important;
    }

    .news-module .news-item {
        width: 100%;
        display: block;
    }

    .news-item .news-title {
        height: auto;
    }
}

@media only screen and (max-width:480px) {
    .logo {
        font-size: 28px;
        padding: 14px 0;
    }

    .thumb {
        width: 100%;
        height: auto;
        float: none;
        border: none;
        margin: 0 0 15px 0;
    }

    .list .post .name {
        font-size: 16px;
        font-weight: 600;
    }

    .list .post .post-meta {
        margin: 8px 0;
        max-height: 25px;
        overflow: hidden;
    }

    .item-name {
        font-size: 16px;
    }

    .list .post .thumb, .postid .spec-img {
        height: 120px;
        width: 85px;
        margin: 0 10px 15px 0;
    }

    .counter {
        color: #000;
        font-size: 12px;
    }

    .list .post .post-category {
        margin: 15px 0;
    }

    .links-g {
        display: none;
    }

    .trailer {
        top: 90px;
    }

    .list .best-prod .star {
        font-size: 16px;
    }

    .ratings, .featured-game, .featured-movie {
        margin: 0;
    }

    .featured-game, .featured-movie {
        height: auto;
    }

    .tab-menu {
        text-align: center;
        margin-top: 20px;
    }

        .tab-menu p {
            text-align: left;
        }

        .tab-menu label {
            font-size: 12px;
        }

    .list .post .post-content {
        margin-left: 0;
        display: inline-block;
    }

    .best-prod {
        font-size: 14px;
    }

        .best-prod .star {
            font-size: 24px;
        }

    .score {
        height: 50px;
        line-height: 50px;
    }

    .your-score {
        padding: 5px 0;
    }

    .small-rating {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0 0 5px 5px;
    }

    .small-score {
        width: 35px;
        height: 25px;
        font-size: 16px;
        line-height: 25px;
        margin: 0;
    }

    .small-rating p {
        display: none;
    }

    .best-prod {
        width: auto;
        height: auto;
    }

    .ratings-graph {
        margin-left: 0;
        margin: 15px 0 15px 0;
    }

    .ratings-graph {
        width: 100%;
        margin: 10px 0 10px;
        opacity: 0.9;
        overflow: hidden;
        display: block;
    }

    .graph-critic {
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    .featured-game p, .featured-movie p {
        max-height: none;
        border-bottom: none;
    }

    .pager {
        font-size: 20px;
    }

        .pager span {
            margin: 10px 10px;
            display: inline-block;
        }

    .postid .spec-img .small-score {
        top: 5px;
    }

    .similar .featured-image {
        width: 49%;
        height: 240px;
        margin: 5px 0.5%;
    }

        .similar .featured-image span {
            font-size: 14px;
        }

    .featured-image .small-score {
        top: 5px;
    }

    .watch-trailer {
        font-size: 16px;
    }

    .p-twatch {
        display: inherit;
    }

    .video, .gallery li {
        width: 31%;
        margin: 1%;
        height: 75px;
    }

    .vreview {
        width: 31%;
        margin: 1% 1% 35px 1%;
    }

    .add-videos {
        width: 31%;
        height: 90px;
        margin: 1% 1% 35px 1%;
    }

    .game .thumb, .movie .thumb {
        height: 300px;
    }
}

@media only screen and (max-width:375px) {
    .logo {
        font-size: 26px;
        padding: 16px 0;
        margin-left: 10px;
    }

    .small-rating {
        font-size: 9px;
    }
}

@media only screen and (max-width:320px) {
    .logo {
        font-size: 20px;
        padding: 18px 0;
    }
}

@media only screen and (max-width:240px) {
    .logo {
        font-size: 16px;
    }
}

.headerer {
    width: 100%;
    top: 0;
    height: 100px;
}

@media only screen and (max-width: 800px) {
    .headerer {
        margin-bottom: 20px;
        height: 100px;
    }
}
