@charset UTF-8;

/* CUSTOM FONTS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@font-face {
    font-family: DebussyRegular;
    src: url(/fonts/debussy-webfont.eot);
    src: local('☺'), url(/fonts/debussy-webfont.woff) format('woff'), url(/fonts/debussy-webfont.ttf) format('truetype'), url(/fonts/debussy-webfont.svg#webfontUrtbjDIj) format('svg');
    font-weight: 400;
    font-style: normal;
    letter-spacing: .5px;
}

/* DEFAULTS & TYPE */
body {
    font: 400 14px 'Open Sans', Arial, Helvetica, sans-serif !important;
    letter-spacing: 0.25px;
    color: #e6e2dd;
    background: #23222a;
}

body, input, li, ol, p, span, table, td, tr, ul {
    margin: 0;
    padding: 0
}

.home-article.right ul li a strong,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    text-transform:uppercase;
    font-weight: 700;
}

.article-image,
.article-image-out,
::selection {
    background: #d58000;
}

.rm-4 {
    margin-right: 16px;
}

.lm-4 {
    margin-left: 16px;
}

.color-red {
    color: #D0021B;
}


/* BUTTONS */
.btn {
    display: inline-block;
    font-weight: 700;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-family: DebussyRegular, Arial, sans-serif;
    text-transform: uppercase;
    text-shadow: -2px -2px 0 #d26c00, 2px -2px 0 #d26c00, -2px 2px 0 #d26c00, 2px 2px 0 #d26c00;
    letter-spacing: .75px;
}

.btn-small {
    font-family: 'Open Sans', Arial, sans-serif;
    font-weight: 700;
    text-shadow: none;
    font-size: .75rem;
}

.btn-primary {
    color: #fff;
    background-color: #fb9a00;
}

.btn-primary:hover {
    color: #fff;
    background-color: #d58000;
}

.btn-secondary {
    color: #fff;
    background-color: #4e4b52;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #34333b;
}

.btn .fas,
.btn .fa {
    margin-right: 8px;
}

.next,
.prev {
    position: absolute;
    color: #fb9a00;
    font-family: FontAwesome;
    font-size: 24px;
    top: 120px;
    right: 24px;
}

.next:before {
    content: "\f105";
}

.prev:before {
    content: "\f104";
    margin-right: 24px;
}


/* HEADER */
#header-top {
    background: #fb9a00;
    position: relative;
    z-index: 20;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.75);
}

#header-top .wrapper,
#header-top ul>li>div.drop .notify-list li a.notify-content:hover {
    background: #fb9a00;
}

#searchBox {
    margin: 24px 16px 0 0;
}

div#searchBox input#searchSubmit {
    background: #d58000;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    border: none;
    color: #fff;
    padding: 0 10px;
    height: 40px;

    position: relative;
    float: left;
    border-radius: 0 24px 24px 0;
}

#searchInput {
    text-indent: 16px !important;
    height: 40px;
    border: none;
    float: left;
    border-radius: 24px 0 0 24px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #504d54 !important;
}

#social-media {
    margin: 28px 0 0 0 !important;
}

#social-media a {
    margin-left: 4px;
}


/* NAVIGATION */
.custom-nav ul li{
    list-style-type: none;
    float: left;
    font-size: 0;
    border-right: 1px solid #e68000;
    height: 39px;
    line-height: 2;
}

#menuCategories ul li {
    list-style-type: none;
    float: left;
    margin: 16px;
}

#menuCategories ul li a {
    color: #FFF;
    font-weight: 600;
    display: block;
    position: relative;
}

#menuCategories ul li a:hover {
    color: #fb9a00;
    text-decoration: none;
}

/*#menuCategories ul li a::after{
    content: "";
    background: #fb9a00;
    mix-blend-mode: multiply;
    width: calc(100% + 20px);
    height: 0;
    position: absolute;
    bottom: -4px;
    left: -10px;
    transition: all .3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    border-radius: 24px;
}*/

#menuCategories ul li a:hover::after {
    height: calc(100% + 8px);
}


/* CONTENT */
#content {
    width: 970px;
    min-width: 970px;
    margin: 0 auto;
    position: relative;
}

#gamesList div.gameTitle a, #gamesList2 div.gameTitle a {
    text-decoration: none;
    color: #fff;
    font-weight: 700;
}

#gamesList div.gameTitle a:hover, #gamesList2 div.gameTitle a:hover {
    color: #fb9a00;
    text-decoration: none;
}

.gameThumb img {
    border-radius: 4px;
}

#gamesList #title, #gamesList2 #title {
    z-index: 1;
    background: #fb9a00;
    display: inline;
    padding: 2px 16px;
    border: 4px solid #23222a;
    font-size: 20px;
    margin-left: 40px;
    color: #fff;
    font-family: DebussyRegular, Arial, sans-serif;
    letter-spacing: .75px;
    line-height: 1.4;
    position: relative;
    top: 12px;
    border-radius: 4px;
    text-shadow: -2px -2px 0 #d26c00, 2px -2px 0 #d26c00, -2px 2px 0 #d26c00, 2px 2px 0 #d26c00;
}

#gamesList .col-md-4:nth-child(3n+1),   
#gamesList2 .col-md-4:nth-child(3n+1) { 
    clear: both;    
}

.gameButtonsWrapper {
    width: 48px;
    position: absolute;
    right: 16px;
    top: 0;
}

.gameButtonsWrapper a {
    color:  #e6e2dd !important;
    margin-bottom: 16px;
}

#socialize2 img {
    position: relative;
    top: 10px;
}

#gamesList {
    clear: both;
}

.gameDesc {
    padding-bottom: 16px;
    font-size: 12px;
}

.gameDesc a {
    font-weight: 400;
}

.gameDesc .fas {
    font-size: 24px;
    display: block;
    float: left;
    margin: 4px 8px 0 0;
    color: #fb9a00;
}


/* SLIDERS */
#slider {
    width: 605px!important;
    border: 1px solid #46464c;
    margin: 10px 0 24px 0;
    overflow: hidden;
    border-radius: 4px;
    background-color: #34333b;
}


/* SIDEBARS */
#topTen #topTitle, #topTen2 #topTitle {
    background: #fb9a00;
    font-size: 20px;
    color: #fff;
    text-align: center;
    font-family: DebussyRegular, Arial, sans-serif;
    letter-spacing: .75px;
    padding: 8px 0;
    border-radius: 4px 4px 0 0;
    text-shadow: -2px -2px 0 #d26c00, 2px -2px 0 #d26c00, -2px 2px 0 #d26c00, 2px 2px 0 #d26c00;
}

.whiteRow {
    background: #46464c !important;
    border-bottom: solid 1px #23222a;
}

#topTen a, #topTen2 a {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    position: relative;
    top: 4px;
}

.pagp, .pagn {
    background-color: #34333b;
    padding: 4px 0;
    text-transform: uppercase;
    border-top: solid 1px #23222a;
}

.pagp {
    border-radius: 0 0 0 4px;
}

.pagn {
    border-radius: 0 0 4px 0;
}

#next {
    text-decoration: none !important;
}

#sideBarGameInfo {
    padding-left: 16px;
    margin-top: 8px;
    margin-bottom: 32px;
    position:relative;
    z-index:100;
    border-left: 2px dashed #fb9a00;
}

#sideBarGameInfo .title {
    font-size:24px;
    font-weight: 700;
    margin-bottom: 8px;
}

#sideBarGameInfo .title img {
    vertical-align:middle;
}

#sideBarGameInfo .content {
    margin: 8px 0 8px 0;
}


/* PAGINATION */
#pagination {
    display: inline-block;
    text-align: center;
    padding-top: 24px;
    overflow: hidden;
}

.pagenumber,
.prevnext {
    float: left;
    margin-left: 8px;
    padding: 4px 8px;
    background-color: #46464c;
    border-radius: 24px;
}

#pagination .current{
    background: #fb9a00;
    font-weight: 700;
}

#pagination a,
a {
    color: #e6e2dd;
    text-decoration: none;
    font-weight: 700;
}


/* FORMS */
div#findGameList select {
    width: 196px;
    margin-top: 7px;
    color: #504d54;
    border: none;
    border-radius: 24px;
    padding: 4px 8px;
}


/* MODALS */
#favoriteDialog {
    float: right;
    text-align: center;
    width: 200px;
    padding: 4px 8px;
    border-radius: 24px;
    border: 1px solid #46464c;
    background: #34333b;
    display:none;
}

#favoriteDialog a {
    text-decoration:none;
    color:#fb9a00;
}

#favoriteDialog a:hover {
    text-decoration:underline;
}

/* FOOTER */
.footer {
    background: #fb9a00;
    color: #ffd28f;
    padding: 8px;
    border-radius: 8px 8px 0 0;
    text-align: center;
}

.footer a,
.footer a:hover {
    color: #fff;
}

.footer .footer-bottom li {
    display: inline-block;
    margin-left: 0;
    font-size: 12px;
}








.event-calendar table,

table,

td,

tr {

    /*border-collapse: collapse*/

}













#header-top ul,

.clear-float {

    display: block

}



#header-top .wrapper:after,

#header-top ul>li>a small.gotop:before,

#header-top ul>li>div.drop:before,

.wrapimg:after {

    content: ''

}



#header-top ul>li>a,

#header-top ul>li>a small {

    -moz-transition: background .2s, color .2s;

    -webkit-transition: background .2s, color .2s;

    -o-transition: background .2s, color .2s

}



#header-top ul>li>a,

.article-icons a,

a:hover {

    text-decoration: none

}







.dat-menu-container {

    background: #FFF

}



i.fa {

    line-height: inherit!important;

    font-size: inherit;

    vertical-align: baseline!important

}



::selection {

    color: #fff

}



::-moz-selection {

    background: #256193;

    color: #fff

}



img {

    border: none

}



p {

    line-height: 150%!important

}



img.setborder {

    z-index: 0;

    position: relative;

    box-shadow: 0 0 0 1px rgba(255, 255, 255, .2)

}



.wrapimg:after {

    position: absolute;

    display: block;

    top: 0;

    background: 0 0;

    left: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

    box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, .17);

    border-radius: inherit;

    -moz-border-radius: inherit

}







a:focus {

    outline: 0

}



.clear-float {

    clear: both

}

.clear {

    clear: both;

}



#header {

    height: 180px; /* extra room for ad */

}



.dat-menu-setup {

    background-color: background: #ff8200

}


.topTenWide
{
    width:92%;
}

div#topTen table tr.orangeRow td, div#topTen2 table tr.orangeRow td {

    background: #ffead5

}



div#topTen table tr td, div#topTen2 table tr td {

    padding-left: 10px;

    height: 21px;

    vertical-align: middle

}






#adHeader,

#menuCategories {

    width: 96%;

    margin: 0 auto



}

div.gameStars {

    padding: 1px 0;

    float: right;

    margin-right: 14px;

    width: 56px;

    position: relative;

}


/*div.gameStars .orange {

    height: 100%;

    background: url(/images/5stars.jpg) no-repeat;

    position: absolute;

    z-index: 1;

    top: 10px;

    }*/


    div.gameStars .orange {

        height: 25px;

        background: url(/images/starsorange.png);

        position: absolute;

        z-index: 1;

        top: 6px;

        left: 0

    }


    div.gameStars .orange2 {

        height: 25px;

        background: url(/images/starsorange.png);

        position: absolute;

        z-index: 1;

        top: 1px;

        left: 0

    }

    #main-box{

        padding-right: 5px;

    }




    #menuCategories{

        text-align: center;
        height: 30px;

    }










    #menuCategories ul{

        padding: 0;

        margin: 0 auto;

        display: inline-table;

        margin-bottom: 0px !important;

        padding-left: 18px;

    }







    img#slogan {

        padding-top: 11%;

        padding-left: 30%

    }



    #adHeader {

        clear: both

    }



    .adHeaderGame {

        width: 10%;

        float: left

    }



    #adHeader728 {

        position: relative;

        height: 90px;

        float: right;

        width: 90%;

        text-align: right

    }



    #header.needsmallpadding {

        padding-bottom: 50px

    }




    #header-top ul>li>div.drop {

        display: none;

        background: #f4f4f4;

        width: 300px;

        top: 54px;

        position: absolute;

        right: 0;

        box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .3);

        -moz-border-radius: 2px;

        border-radius: 2px;

        margin-right: -20px

    }



    #header-top ul>li>div.drop.active {

        display: block

    }



    #header-top ul>li>div.drop:before {

        display: block;

        position: absolute;

        top: -3px;

        right: 50px;

        background: inherit;

        width: 4px;

        height: 4px;

        border-top: 1px solid rgba(0, 0, 0, .12);

        border-left: 1px solid rgba(0, 0, 0, .12);

        transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        -moz-transform: rotate(45deg)

    }







    #header-top ul>li>div.drop .notify-list {

        display: block

    }



    #header-top ul>li>div.drop .notify-list li {

        display: block;

        border-bottom: 1px solid #dbdbdb;

        position: relative

    }



    #header-top ul>li>div.drop .notify-list li .avatar {

        display: block;

        margin: 10px;

        float: left;

        width: 50px;

        height: 50px

    }



    #header-top .wrapper:after {

        display: block;

        clear: both

    }



    .nofify-empty:last-child {

        border-bottom: 0

    }



    .nofify-empty {

        border-bottom: 1px solid #dbdbdb;

        display: block;

        padding: 20px 20px 25px;

        position: relative

    }



    .nofify-empty .fa {

        display: block;

        font-size: 20px;

        padding-bottom: 2px;

        color: #8d8d8d;

        position: absolute;

        left: 20px;

        margin-top: 1px

    }



    .nofify-empty b {

        display: block;

        font-size: 17px;

        padding-bottom: 1px;

        color: #8d8d8d;

        padding-left: 35px

    }



    .nofify-empty span {

        display: block;

        font-size: 12px;

        color: #acacac;

        padding-left: 35px

    }



    #header-top ul>li>div.drop .notify-list li .article-thumb {

        display: block;

        margin: 0;

        width: 50px;

        height: 50px;

        position: absolute;

        top: 10px;

        left: 10px

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content {

        display: block;

        padding: 10px 10px 10px 70px

    }



    #header-top ul>li>div.drop .notify-list li.new a.notify-content {

        border-left: 4px solid #256193

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content:active {

        background: #dbdbdb

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-text b {

        color: #232323

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-text {

        padding-bottom: 3px;

        font-size: 13px

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-text .fa {

        font-size: 10px;

        display: inline-block;

        padding: 1px 6px 0 0

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-head .notify-user {

        font-size: 15px

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-head {

        margin-top: -4px;

        padding-bottom: 1px;

        color: #232323

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-head .admin-ribbon {

        margin-top: 2px;

        margin-bottom: 4px

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content .notify-date {

        font-size: 11px;

        color: #9f9f9f

    }



    #header-top ul>li>div.drop .notify-list li a.notify-content>span {

        display: block;

        color: #6f6f6f;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }



    #header-top ul>li>div.drop .notify-footer {

        display: block

    }



    #header-top ul>li>div.drop .notify-header .right {

        color: #acacac;

        font-size: 12px;

        font-weight: 400;

        padding: 2px

    }



    #header-top ul>li>div.drop .notify-header a.right:hover {

        color: #232323

    }



    #header-top ul>li>div.drop .notify-header {

        padding: 8px 10px;

        font-size: 12px;

        font-weight: 700;

        color: #acacac;

        border-bottom: 1px solid #dbdbdb;

        border-radius: 2px 2px 0 0;

        -moz-border-radius: 2px 2px 0 0

    }



    #header-top ul>li>div.drop .notify-footer a {

        background: #e8e8e8;

        color: #898989;

        display: block;

        margin-right: 0;

        padding: 10px 0 13px;

        font-size: 13px;

        font-weight: 700;

        width: 100%;

        text-align: center;

        border-radius: 0 0 2px 2px;

        -moz-border-radius: 0 0 2px 2px;

        text-shadow: 0 1px 0 #fff

    }



    #header-top ul>li>div.drop .notify-footer a:hover {

        background: #dbdbdb

    }



    #header-top ul>li>div.drop .notify-list:after {

        content: '';

        display: block;

        clear: both

    }



    #header-top ul>li {

        display: block;

        float: left;

        position: relative;

        box-shadow: none

    }



    #header-top ul>li:last-child>a,

    #header-top ul>li:last-child>a:hover {

        border-right: 0!important

    }



    #header-top ul>li:first-child>a {

        border-left: 0!important

    }



    #header-top ul>li>a {

        display: block;

        float: left;

        padding: 12px 16px 11px;

        color: #D8D8D8;

        font-size: 13px;

        line-height: 17px;

        text-shadow: 0 0 2px rgba(0, 0, 0, .4)

    }



    #header-top ul>li:hover>a {

        color: #FFF;

        background: rgba(255, 255, 255, .1)

    }



    #header-top ul>li>a small.gotop {

        display: block;

        position: fixed;

        top: 10px;

        z-index: 2000;

        font-size: 12px;

        font-weight: 700;

        padding: 3px 10px;

        border: 1px solid #a9332a;

        box-shadow: 0 1px 4px rgba(0, 0, 0, .2)

    }



    #header-top ul>li>a small.gotop:before {

        display: block;

        position: absolute;

        top: -4px;

        left: 50%;

        margin-left: -4px;

        background: inherit;

        border-top: inherit;

        border-left: inherit;

        width: 6px;

        height: 6px;

        transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        -moz-transform: rotate(45deg)

    }



    #header-top ul>li>a:hover small.gotop {

        background: #ea5e54;

        color: #fff

    }



    #header-top ul>li>a small {

        display: inline-block;

        background: #d2382c;

        color: #fff;

        font-size: 11px;

        padding: 1px 5px;

        border-radius: 2px;

        line-height: 15px;

        margin-left: 8px

    }



    #header-top ul>li>a:hover small {

        background: #c5c5c5;

        color: #232323

    }



    #header-top ul>li>a.login-api {

        display: block;

        padding: 10px 12px

    }



    #header-top ul.sub-menu {

        width: 200px;

        background-color: #161616;

        top: 100%;

        position: absolute

    }



    #header-top ul.sub-menu a,

    #header-top ul.sub-menu li {

        display: block;

        float: none

    }



    #header-top ul.sub-menu li>a>span:before,

    #header-top>.wrapper>ul>li>a>span:before {

        display: block;

        float: right;

        content: '\f107';

        font-family: FontAwesome;

        padding-left: 8px

    }



    .defbutton,

    .read-more-r {

        font-family: Oswald, sans-serif;

        text-transform: uppercase

    }



    #header-top li ul.sub-menu {

        display: none

    }



    #header-top li:hover>ul.sub-menu {

        display: block

    }



    #header-top ul.sub-menu li>a>span:before {

        content: '\f105'

    }



    #header-top ul.sub-menu li {

        box-shadow: 0 -1px 0 rgba(255, 255, 255, .04)

    }



    #header-top ul.sub-menu ul.sub-menu {

        left: 100%;

        top: 0

    }



    #slider-imgs {

        width: 100%;

        position: absolute;

        height: 468px;

        z-index: 0

    }



    .has-top-menu #slider-imgs {

        top: 40px

    }



    .has-top-menu #top-layer {

        background-position: center 40px

    }



    #slider-imgs div.featured-img-box {

        min-width: 1000px;

        max-width: 1207px;

        margin: 0 auto;

        height: 440px;

        position: relative

    }



    #slider-imgs div.featured-img-box div.featured-img {

        position: absolute;

        top: 0;

        width: 100%;

        margin: 0 auto;

        height: 440px;

        opacity: 1;

        background-position: top center;

        background-repeat: no-repeat;

        z-index: 2;

        -moz-transition: opacity 1s;

        -webkit-transition: opacity 1s;

        -o-transition: opacity 1s

    }



    #slider-imgs div.featured-img-box div.featured-img.invisible {

        opacity: 0;

        z-index: 1

    }



    a.featured-select span {

        display: none

    }



    a.featured-select {

        display: block;

        float: left;

        width: 75px;

        height: 45px;

        position: relative;

        background: #256193

    }



    a.featured-select.this-is-next span.w-coin {

        display: block;

        position: absolute;

        z-index: 6;

        font-weight: 700;

        padding: 2px 6px;

        background: #fff;

        font-size: 11px;

        color: #797979;

        top: 15px;

        left: 29px;

        -moz-border-radius: 8px;

        border-radius: 8px

    }



    a.featured-select.this-is-next span.w-bar {

        display: block;

        position: absolute;

        z-index: 6;

        top: 0;

        left: 0;

        height: 3px;

        color: transparent;

        background: #fff;

        width: 0

    }



    a.featured-select img {

        display: block;

        position: absolute;

        opacity: .4;

        -moz-transition: opacity .2s;

        -webkit-transition: opacity .2s;

        -o-transition: opacity .2s

    }



    a.featured-select.this-active img,

    a.featured-select:hover img {

        display: block;

        position: absolute;

        opacity: 1

    }



    #slider,

    #top-layer {

        position: relative;

        z-index: 3

    }



    #top-layer {

        width: 100%;

        background: url(/images/bodyBackground.jpg) top center

    }



    #slider div#slider-info {

        bottom: 0;

        right: 0;

        position: absolute;

        width: 300px

    }



    #slider div#slider-info p {

        color: #fff;

        font-size: 13px;

        line-height: 17px

    }



    #slider div#slider-info h2 {

        color: #fff;

        font-size: 17px;

        margin-bottom: 9px;

        line-height: 23px;

        font-weight: 500

    }



    #slider div#slider-info h2 a {

        color: #fff

    }


    div#findGameList select {   
        width: 197px;   
        margin-top: 10px;   
        color: grey;    
        border-color: #a9a9a9;  
        font-size: 12px 
    }




    div#findGameList {

        height: 39px;

        width: 197px;

        float: right;

        padding-left: 12px;

        margin-right: 21px

    }



    #menu-bottom {

        left: 0;

        height: 40px;

        position: relative;

        width: 100%;
        margin-top: 16px;

    }



    #menu {

        height: 43px;

        width: 99%;

        margin: 0 auto

    }



    #menu .menu-icons {

        text-align: center

    }



    .main-menu {

        display: block;

        position: relative

    }



    .dat-menu-list a[href="#drop-the-bass"] {

        display: none!important

    }



    .main-menu .datmenu-prompt {

        display: none;

        float: right;

        color: #fff!important;

        font-size: 15px!important;

        position: relative;

        height: 84px;

        vertical-align: bottom;

        text-align: center;

        padding: 4px 32px 10px;

        background: 0 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        line-height: 68px;

        font-weight: 400;

        z-index: 1;

        text-shadow: 0 1px 0 #000

    }



    .header-breadcrumbs,

    .main-menu>ul>li>a {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box

    }



    .main-menu .datmenu-prompt i.fa {

        padding-right: 10px

    }



    #menu-bottom.blurred #menu>.blur-before {

        position: absolute;

        display: block;

        width: 100%;

        left: 0;

        top: 0;

        height: 100%;

        background: inherit;

        z-index: 0;

        overflow: hidden

    }



    #menu-bottom.blurred #menu>.blur-before:before {

        content: "";

        position: absolute;

        left: 0;

        top: -23px;

        right: 0;

        z-index: 0;

        display: block;

        background-image: inherit;

        background-position: center top;

        width: 120%;

        margin-left: -10%;

        height: 1000px;

        -webkit-filter: blur(10px);

        -moz-filter: blur(10px);

        -o-filter: blur(10px);

        -ms-filter: blur(10px);

        filter: blur(10px);

        transition: background-image .8s;

        -moz-transition: background-image .8s;

        -webkit-transition: background-image .8s;

        -o-transition: background-image .8s

    }



    #menu-bottom.blurred #menu>.blur-before:after {

        content: '';

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        z-index: 1;

        opacity: .7

    }



    #header .header-logo {

        float: left;

        padding: 8px 18px;

        -moz-transition: all .2s;

        -webkit-transition: all .2s;

        -o-transition: all .2s

    }



    #header .header-logo:hover {

        background: rgba(0, 0, 0, .5)

    }



    .header-breadcrumbs {

        color: #fff;

        top: 132px;

        position: absolute;

        width: 100%;

        padding: 0 30px;

        box-sizing: border-box;

        text-shadow: 0 2px 0 rgba(0, 0, 0, .2)

    }



    .header-breadcrumbs a {

        color: #fff

    }



    .header-breadcrumbs a:hover {

        color: rgba(255, 255, 255, .5)

    }



    .header-breadcrumbs ul {

        display: block;

        padding: 6px 0;

        font-size: 14px;

        text-transform: uppercase;

        font-weight: 700

    }



    .main-menu .header-logo {

        display: block;

        position: relative;

        z-index: 2

    }



    .main-menu.width-fluid {

        display: table;

        width: 100%

    }



    #header .main-menu.width-fluid .header-logo {

        display: table-cell;

        text-align: center;

        float: none

    }



    .main-menu.width-fluid ul,

    .main-menu.width-fluid ul li {

        display: table-cell

    }



    .main-menu ul {

        display: block;

        position: relative;

        border-radius: 9px;

        background: #fb9a00;

        background: -moz-linear-gradient(top, #fb9a00 0, #ffa73d 36%, #ff7c00 58%, #E68000 100%);

        background: -webkit-linear-gradient(top, #fb9a00 0, #ffa73d 36%, #ff7c00 58%, #E68000 100%);

        background: linear-gradient(to bottom, #fb9a00 0, #ffa73d 36%, #ff7c00 58%, #E68000 100%);

        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fb9a00', endColorstr='#E68000', GradientType=0)

    }



    .main-menu ul li a>span:after,

    .photo-block:hover>div {

        opacity: .2;

        filter: alpha(opacity=20)

    }



    .main-menu>ul>li {

        display: block;

        position: relative;

        float: left;

        border-left: 3px solid #fff

    }



    .main-menu ul:after {

        display: block;

        clear: both;

        content: ''

    }



    .main-menu>ul>li>a {

        display: block;

        vertical-align: bottom;

        text-align: center;

        padding: 10px;

        position: relative;

        background: 0 0;

        color: #fff;

        box-sizing: border-box

    }



    #main .select-replace input.select-main-input,

    .footer .footer-content>div,

    .item-list>div,

    .select-options {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box

    }



    .main-menu>ul>li:hover>a {

        background: rgba(251, 135, 15, .39);

        text-shadow: 0 0 10px #fff

    }



    .main-menu ul li a>span:after {

        display: block;

        position: absolute;

        content: '...';

        width: 100%;

        text-align: center;

        left: 0;

        bottom: 6px;

        font-size: 18px;

        letter-spacing: 2px;

        font-weight: 700

    }



    .main-menu ul.sub-menu:after,

    .main-menu ul.sub-menu:before {

        position: absolute;

        content: ''

    }



    .main-menu ul li a i.fa {

        display: block;

        font-size: 26px;

        line-height: 37px!important;

        text-shadow: 0 2px 0 #000;

        color: #F2F2F2;

        font-weight: 400!important

    }



    .main-menu ul li a strong {

        display: block;

        font-size: 17px;

        padding-top: 0;

        text-shadow: 0 1px 0 #000;

        letter-spacing: .5px;

        font-family: DebussyRegular

    }



    .main-menu ul li.no-icon a strong {

        line-height: 53px;

        font-size: 14px;

        font-weight: 700

    }



    .main-menu ul.sub-menu {

        display: none;

        position: absolute;

        top: 40px;

        background: rgba(247, 156, 19, .76);

        z-index: 10;

        width: 240px;

        left: 50%;

        margin-left: -120px;

        text-align: center;

        border-radius: 2px;

        box-shadow: 0 2px 0 rgba(255, 174, 51, .73), inset 0 0 0 1px rgba(255, 253, 253, .29)

    }



    .main-menu li:hover>ul.sub-menu {

        display: block

    }



    .main-menu ul.sub-menu:before {

        display: block;

        height: 16px;

        bottom: 100%;

        width: 100%;

        left: 0

    }



    .main-menu ul.sub-menu:after {

        display: block;

        left: 50%;

        width: 10px;

        height: 10px;

        background: inherit;

        margin-left: -5px;

        top: -5px;

        z-index: 1;

        -ms-transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg)

    }



    .main-menu ul.sub-menu li {

        display: block;

        z-index: 2

    }



    .main-menu ul li {

        display: inline-block;

        position: relative

    }



    .main-menu ul.sub-menu li a {

        display: block;

        padding: 12px 20px;

        border-bottom: 3px solid #fff;

        font-size: 14px;

        font-weight: lighter;

        font-family: DebussyRegular, Arial, sans-serif;

        color: #fff;
        letter-spacing: .5px;

    }



    .main-menu ul.sub-menu li:hover>a {

        background: rgba(255, 255, 255, .05)

    }



    #main-box,

    #main-box #main {

        /*background: #fff;*/

        min-height: 200px;

        position: relative

    }



    .main-menu ul.sub-menu li:first-child>a {

        box-shadow: none

    }



    .main-menu ul.sub-menu ul.sub-menu {

        top: 0;

        left: 150%

    }



    .main-menu ul.sub-menu a span:before {

        display: block;

        float: right;

        content: ':';

        font-size: 13px;

        line-height: 13px;

        opacity: .3

    }



    .big-message .msg-menu a:after,

    .event-header:after,

    .event-icon:before,

    .grid-articles:after,

    .item-list:after,

    div.content-padding:after {

        content: ''

    }



    .main-menu ul.sub-menu a span:after,

    .main-menu ul.sub-menu ul.sub-menu:after,

    .main-menu ul.sub-menu ul.sub-menu:before {

        display: none

    }



    .padding-box {

        padding: 18px

    }



    #main-box #main {

        border-top: 0!important;

        margin-top: 0;

        float: left;

        z-index: 6;

        padding-bottom: 40px

    }



    #main-box.full-width,

    #main-box.full-width #main {

        background: #f4f4f4;

        min-height: 200px;

        position: relative

    }



    #main-box.full-width #main {

        border-top: 5px solid #256193;

        width: 1000px;

        margin-top: -45px;

        float: none;

        z-index: 6;

        padding-top: 20px;

        padding-bottom: 40px

    }



    .grid-articles .item,

    .left {

        float: left;

        display: block

    }



    .wrapper {

        width: 970px;

        margin: 0 auto;

        position: relative

    }



    #header.needpadding {

        padding-bottom: 130px

    }



    #main .forum-block>h2,

    #main>h2,

    .article-footer h2,

    .game-info-right h2,

    .signup-panel>div>h2,

    .user-profile .profile-right-side h2 {

        padding: 0 28px;

        background: url(../images/content-title-bg.png) left center repeat-x;

        margin-bottom: 20px

    }



    #main>.forum-block h2 span,

    #main>h2 span,

    .article-footer h2 span,

    .game-info-right h2 span,

    .signup-panel>div>h2 span,

    .user-profile .profile-right-side h2 span {

        background: #f4f4f4;

        font-size: 22px;

        color: #353535;

        padding: 0 10px;

        margin-left: -10px

    }



    div.content-padding {

        padding: 0 28px;

        margin-bottom: 15px

    }



    div.content-padding:after {

        clear: both;

        display: block

    }



    #main h3 a {

        display: block;

        font-size: 17px;

        font-weight: 700;

        margin: 8px 0

    }



    #main p {

        color: #454545;

        font-size: 12px;

        line-height: 19px

    }



    .grid-articles {

        display: block

    }



    .grid-articles:after {

        display: block;

        clear: both

    }



    .grid-articles .item {

        width: 25%;

        margin-left: 4%

    }



    .grid-articles .item:nth-child(3n+1) {

        margin-left: 0;

        clear: both

    }



    .grid-articles .item:nth-child(n+3) {

        margin-top: 0

    }



    .home-article.left {

        width: 300px

    }



    .right {

        float: right;

        display: block

    }



    .defbutton {

        margin: 12px 0 20px;

        background-color: #eaeaea;

        color: #898989;

        display: inline-block;

        border-radius: 2px;

        -moz-border-radius: 2px;

        padding: 6px 12px;

        font-size: 12px;

        font-weight: 700

    }



    .defbutton:hover {

        color: #fff;

        background-color: #232323

    }



    .defbutton .fa {

        display: inline-block;

        padding: 2px 8px 0 0

    }



    #main-box #sidebar {

        float: right;

        width: 300px;


        /*box-shadow: inset 1px 0 0 0 #fff;*/

        margin-right: 15px

    }



    #main-box.sidebar-left #sidebar {

        box-shadow: inset -1px 0 0 0 #D0D0D0

    }



    #sidebar .panel {

        display: block;

        position: relative

    }



    #sidebar .panel>h2 {

        display: block;

        padding: 10px;

        font-size: 17px;

        margin-bottom: 0

    }



    #sidebar .panel .panel-content {

        display: block;

        background: url(../images/sidebar-title.png) center top no-repeat;

        padding: 14px 10px 20px

    }



    #sidebar .panel .panel-content.no-padding {

        padding: 1px 0 0

    }



    .sidebar-comments {

        position: absolute;

        display: block;

        margin-top: 9px;

        right: 20px;

        z-index: 8;

        font-weight: 700;

        font-size: 13px;

        padding-bottom: 5px;

        background: url(../images/comment-arrow.png) 7px bottom no-repeat

    }



    .avatar,

    .event-icon,

    .new-forum-line {

        position: relative

    }



    .sidebar-comments span {

        display: block;

        padding: 2px 7px;

        color: #fff!important;

        background: #6fb205;

        -moz-border-radius: 2px;

        border-radius: 2px

    }



    .sidebar-comments.inactive {

        background: url(../images/comment-arrow-inactive.png) 7px bottom no-repeat

    }



    .sidebar-comments.inactive span {

        background: #afafaf

    }



    .new-forum-line {

        padding-bottom: 0;

        border-bottom: 1px dotted #ccc;

        margin-bottom: 0

    }



    .new-forum-line a.f_content {

        display: block;

        padding: 10px 11px 12px;

        margin-top: 0

    }



    .new-forum-line a.f_content:hover {

        background: #eaeaea

    }



    .new-forum-line strong {

        font-size: 14px;

        max-width: 180px;

        display: block;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

        margin-bottom: 2px

    }



    .new-forum-line span {

        color: #929292;

        font-size: 13px

    }



    .new-forum-line span b {

        color: #5f5f5f

    }



    .new-forum-line .avatar {

        margin-top: 10px;

        margin-left: 11px;

        float: left;

        margin-right: 10px

    }



    .avatar {

        display: inline-block;

        border: 0;

        width: 39px;

        height: 39px;

        border-radius: 3px;

        -moz-border-radius: 3px;

        margin-right: 5px

    }



    .avatar.avatar-big {

        width: 50px;

        height: 50px

    }



    .avatar.avatar-large {

        width: 90px;

        height: 90px

    }



    .avatar:hover {

        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1)

    }



    .avatar:hover .wrapimg:after {

        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .4)

    }



    .event-list .item,

    .post-list .item {

        display: block;

        padding-bottom: 20px;

        margin-bottom: 20px;

        position: relative

    }



    .event-list .item:after,

    .post-list .item:after {

        display: block;

        clear: both;

        content: ''

    }



    .post-list .item .item-content {

        display: block;

        margin-left: 95px

    }



    .event-list .item .item-content h3,

    .post-list .item .item-content h3 {

        font-size: 19px;

        margin-bottom: 8px

    }



    .event-list .item .item-content p,

    .post-list .item .item-content p {

        margin-bottom: 12px;

        opacity: .6;

        filter: alpha(opacity=60)

    }



    .event-list .item .item-head,

    .post-list .item .item-head {

        display: block;

        float: left

    }



    .post-list .item .item-head img {

        background: #fff;

        border-radius: 2px;

        -moz-border-radius: 2px;

        border: 1px solid rgba(0, 0, 0, .2);

        padding: 3px

    }



    .event-list .item:last-child,

    .post-list .item:last-child {

        padding-bottom: 10px;

        margin-bottom: 0

    }



    .event-list .item:last-child:before,

    .post-list .item:last-child:before {

        display: none

    }



    .item-list {

        display: block

    }



    .item-list:after {

        display: block;

        clear: both

    }



    .item-list>div {

        display: block;

        float: left;

        width: 100%;

        box-sizing: border-box

    }



    .item-list.items-2>div {

        width: 50%

    }



    .item-list.items-3>div {

        width: 33.33%

    }



    .item-list.items-4>div {

        width: 25%

    }



    .item-list>div.item {

        padding: 20px;

        text-align: center

    }



    .item-list>div.item i.fa {

        font-size: 60px!important;

        margin-bottom: 15px;

        color: #3a2a1d

    }



    .item-list>div.item h3 {

        font-size: 23px;

        margin-bottom: 10px

    }



    .item-list>div.item p {

        margin-bottom: 0;

        opacity: .6;

        filter: alpha(opacity=60)

    }



    .item-list-row {

        display: table

    }



    .item-list-row>.item {

        display: table-cell

    }



    .map-inner {

        display: block;

        margin-bottom: 20px

    }



    .event-icon {

        display: inline-block;

        background: rgba(255, 255, 255, .8);

        padding: 15px 12px 8px;

        border-radius: 3px;

        -moz-border-radius: 3px;

        box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 0 1px rgba(0, 0, 0, .08);

        text-transform: uppercase;

        text-align: center;

        width: 35px

    }



    .event-icon:before {

        display: block;

        top: -1px;

        left: -1px;

        right: -1px;

        height: 8px;

        background: #c5dd72;

        position: absolute;

        border-radius: 3px 3px 0 0;

        -moz-border-radius: 3px 3px 0 0;

        border: 1px solid rgba(0, 0, 0, .2);

        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3)

    }



    .event-icon strong {

        display: block;

        font-size: 20px;

        line-height: 20px

    }



    .event-icon span {

        display: block;

        font-size: 10px;

        line-height: 13px

    }



    .event-header .item-top,

    .event-list .item .item-top {

        display: block;

        margin-left: 78px;

        margin-bottom: 15px

    }



    .event-header:after {

        display: block;

        clear: both;

        margin-bottom: 28px

    }



    .event-header .item-head {

        display: block;

        float: left

    }



    .event-list .item-bottom {

        padding-top: 10px;

        padding-bottom: 35px;

        clear: both;

        border-bottom: 2px solid #E7E7E7

    }



    .event-list .item:last-child .item-bottom {

        border-bottom: 0

    }



    .event-list .item-bottom p {

        margin-bottom: 15px

    }



    #_strike-user .avatar.away:before,

    #_strike-user .avatar.ingame:before,

    #_strike-user .avatar.offline:before,

    #_strike-user .avatar.online:before,

    .avatar.away:hover:before,

    .avatar.ingame:hover:before,

    .avatar.offline:hover:before,

    .avatar.online:hover:before,

    .forum-post .avatar.away:before,

    .forum-post .avatar.ingame:before,

    .forum-post .avatar.offline:before,

    .forum-post .avatar.online:before,

    .profile-left-side .avatar.away:before,

    .profile-left-side .avatar.ingame:before,

    .profile-left-side .avatar.offline:before,

    .profile-left-side .avatar.online:before {

        z-index: 12;

        font-size: 8px;

        line-height: 12px;

        color: #fff;

        bottom: -15px;

        right: 0;

        width: 100%;

        height: auto;

        margin: 0;

        padding: 0;

        text-transform: uppercase;

        -moz-transition: bottom .1s;

        -webkit-transition: bottom .1s;

        -o-transition: bottom .1s;

        display: block;

        position: absolute;

        text-align: center

    }



    #_strike-user .avatar.online:before,

    .avatar.online:hover:before,

    .forum-post .avatar.online:before,

    .profile-left-side .avatar.online:before {

        content: 'online';

        background: #7ec700

    }



    #_strike-user .avatar.away:before,

    .avatar.away:hover:before,

    .forum-post .avatar.away:before,

    .profile-left-side .avatar.away:before {

        content: 'away';

        background: #ffae00

    }



    #_strike-user .avatar.ingame:before,

    .avatar.ingame:hover:before,

    .forum-post .avatar.ingame:before,

    .profile-left-side .avatar.ingame:before {

        content: 'playing';

        background: #009ae9

    }



    #_strike-user .avatar.offline:before,

    .avatar.offline:hover:before,

    .forum-post .avatar.offline:before,

    .profile-left-side .avatar.offline:before {

        content: 'offline';

        background: #858585;

        border-radius: 3px;

        -moz-border-radius: 3px;

        box-shadow: 0 0 0 1px #eee

    }



    #_strike-tooltip:before,

    .avatar.offline:before,

    .footer .footer-content>div:after,

    .game-info-right .game-menu ul:after,

    .game-info-right:before,

    .select-options a:before {

        content: ''

    }



    .avatar.offline:before {

        display: block;

        position: absolute;

        bottom: 0;

        -moz-transition: all .1s;

        -webkit-transition: all .1s;

        -o-transition: all .1s;

        font-size: 0

    }



    .profile-left-side .avatar.away:before,

    .profile-left-side .avatar.ingame:before,

    .profile-left-side .avatar.offline:before,

    .profile-left-side .avatar.online:before {

        font-size: 13px;

        bottom: -25px;

        box-shadow: none;

        font-weight: 700;

        padding: 3px 0

    }



    .avatar.away:before,

    .avatar.ingame:before,

    .avatar.online:before {

        width: 6px;

        height: 6px;

        z-index: 11;

        right: -2px;

        box-shadow: 0 0 0 1px #eee;

        -moz-transition: none;

        -webkit-transition: none;

        -o-transition: none;

        font-size: 0;

        display: block;

        position: absolute;

        bottom: -2px;

        content: ''

    }



    .newdefbutton,

    a {

        -webkit-transition: all .1s

    }



    .avatar.online:before {

        border-radius: 3px;

        -moz-border-radius: 3px;

        background: #7ec700

    }



    .avatar.away:before {

        border-radius: 3px;

        -moz-border-radius: 3px;

        background: #ffae00

    }



    .avatar.ingame:before {

        border-radius: 3px;

        -moz-border-radius: 3px;

        background: #009ae9

    }



    .newdefbutton,

    a {

        -moz-transition: all .1s

    }



    .panel .piestuff {

        text-align: center;

        margin: 25px 0 30px

    }



    .photo-block {

        display: block;

        width: 644px;

        margin-bottom: 0

    }



    .photo-block>div:hover {

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .photo-block .big-block {

        display: block;

        width: 322px;

        height: 250px;

        float: left

    }



    .photo-block .small-block {

        display: block;

        width: 161px;

        height: 125px;

        float: left

    }



    .article-promo {

        display: block

    }



    .article-promo .article-photo {

        display: block;

        float: left;

        width: 301px;

        margin-bottom: 20px

    }



    .article-promo .article-content {

        display: block;

        float: left;

        width: 319px;

        margin-left: 24px

    }



    .article-promo .article-content h3 {

        margin-top: -16px

    }



    .article-icons {

        display: block;

        padding: 0 0 15px;

        cursor: default;

        border-bottom: 1px solid #E4E4E4;

        margin-bottom: 14px

    }



    .article-full .article-icons {

        border-bottom: 0;

        margin-bottom: -20px!important

    }



    .article-icons a {

        color: #898989;

        font-size: 13px;

        font-weight: 700;

        display: inline-block;

        margin-right: 14px

    }



    .article-icons a .fa {

        font-size: inherit;

        display: inline-block;

        padding-top: 2px;

        padding-right: 10px;

        line-height: inherit!important

    }



    .do-the-split {

        display: block;

        width: 100%;

        height: 4px;

        background: url(../images/content-title-bg.png) center center repeat-x;

        margin-top: 30px;

        margin-bottom: 30px

    }



    #_strike-tooltip {

        display: block;

        background: #232323;

        color: #fff;

        position: absolute;

        padding: 4px 9px;

        font-size: 11px;

        left: 0;

        top: 0;

        z-index: -1;

        opacity: 0;

        filter: alpha(opacity=0);

        margin-top: -20px;

        border-radius: 2px;

        -moz-border-radius: 2px;

        cursor: default;

        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);

        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2)

    }



    #_strike-tooltip:before {

        display: block;

        width: 6px;

        height: 6px;

        background: inherit;

        position: absolute;

        bottom: -2px;

        left: 50%;

        margin-left: -3px;

        transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -webkit-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        -moz-transform: rotate(45deg)

    }



    #_strike-tooltip.active {

        display: block;

        z-index: 100;

        margin-top: -28px;

        opacity: 1;

        filter: alpha(opacity=100)

    }



    .admin-ribbon,

    .user-ribbon {

        display: inline-block;

        font-size: 8px;

        line-height: 100%;

        padding: 3px 6px;

        margin: 1px 0 6px 7px;

        vertical-align: middle;

        color: #fff;

        cursor: default;

        text-transform: uppercase

    }



    .admin-ribbon {

        background: #232323;

        border-radius: 2px;

        -moz-border-radius: 2px

    }



    .user-ribbon {

        background: #ccc;

        border-radius: 2px;

        -moz-border-radius: 2px

    }



    .footer .footer-content {

        color: #E2E2E2;

        display: table;

        width: 100%

    }



    .footer .footer-content a {

        color: #E2E2E2

    }



    .footer .footer-content .panel .top-right {

        top: 26px;

        right: 21px

    }



    .footer .footer-content .panel .top-right a {

        color: #888

    }



    .footer .footer-content>div {

        display: table-cell;

        width: 33%;

        box-sizing: border-box;

        padding: 25px;

        position: relative

    }



    .footer .footer-content>div:after {

        display: block;

        width: 3px;

        position: absolute;

        right: 0;

        top: 25px;

        bottom: 25px;

        background: url(../images/footer-split.png) repeat-y;

        opacity: .7

    }



    .footer .footer-content>div>h2 {

        border-bottom: 2px solid rgba(204, 204, 204, .2);

        padding-bottom: 7px;

        margin-bottom: 20px;

        color: #888

    }



    .footer .footer-content .d-articles .item {

        border-bottom: 1px solid rgba(255, 255, 255, .08)

    }



    .footer .footer-content .d-articles .item:last-child {

        border-bottom: 0

    }



    #main .the-form textarea,

    #main input[type=password],

    #main input[type=text],

    #main select {

        background: #fff;

        border: 1px solid #cacaca;

        border-radius: 2px;

        -moz-border-radius: 2px;

        padding: 7px 12px;

        font-size: 12px;

        width: 180px;

        color: #8c8c8c;

        box-shadow: 0 1px 0 #fff, inset 0 3px 0 rgba(0, 0, 0, .02);

        display: inline-block

    }



    #main .the-form textarea:focus,

    #main input[type=password]:focus,

    #main input[type=text]:focus,

    #main select:focus {

        border: 1px solid #b6b6b6

    }



    #main select {

        width: 206px;

        padding: 7px

    }



    .right>.content-padding {

        padding-left: 10px

    }



    .left>.content-padding {

        padding-right: 10px

    }



    .pagination {

        display: block;

        text-align: center;

        font-size: 0

    }



    .pagination .page-num {

        display: inline-block;

        font-size: 13px;

        line-height: 25px;

        height: 25px;

        width: 25px;

        border: 1px solid transparent;

        color: #929292;

        font-weight: 700;

        margin: 0 3px;

        border-radius: 50%

    }



    .pagination .page-num.page-hidden {

        color: #ccc;

        cursor: default

    }



    .pagination a.page-num:hover {

        border: 1px solid #232323;

        color: #232323

    }



    .pagination .page-num.current {

        background: #232323;

        color: #fff;

        border: 1px solid transparent;

        cursor: default

    }



    .user-profile {

        display: block;

        position: relative

    }



    .user-profile .profile-right-side {

        width: 736px;

        float: left;

        margin-left: -20px

    }



    .user-profile .profile-left-side {

        width: 244px;

        margin: -110px 20px 0;

        position: relative;

        z-index: 2;

        float: left

    }



    .user-profile .profile-left-side .the-profile-top {

        background: #fff;

        box-shadow: 0 0 2px 1px rgba(0, 0, 0, .06);

        padding: 12px;

        border-radius: 3px;

        -moz-border-radius: 3px

    }



    .user-profile .profile-left-side .profile-user-name {

        position: absolute;

        top: -8px;

        left: 270px;

        color: #fff;

        text-shadow: 0 0 3px #000;

        white-space: nowrap

    }



    .user-profile .profile-left-side .profile-user-name .admin-ribbon {

        font-size: 14px;

        margin-top: 1px;

        margin-left: 12px;

        box-shadow: 0 0 1px 1px rgba(255, 255, 255, .2)

    }



    .user-profile .profile-left-side .profile-user-name h1 {

        font-size: 30px

    }



    .user-profile .profile-left-side .profile-user-name .sttaa {

        display: block;

        padding-top: 4px;

        width: 400px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        text-shadow: 0 0 3px #000

    }



    .user-profile .profile-left-side .profile-user-name .sttaa span {

        display: inline-block;

        padding-right: 7px;

        opacity: .5

    }



    .user-profile .profile-left-side .profile-user-name .sttaa a {

        color: #fff;

        text-decoration: underline

    }



    .user-profile .profile-left-side .profile-user-name .sttaa a:hover {

        text-decoration: none

    }



    .user-profile .profile-left-side .avatar {

        width: 220px;

        height: 220px;

        margin-top: 0;

        margin-bottom: 35px;

        position: relative

    }



    .user-profile .profile-left-side .avatar:hover .avatar-button {

        display: block

    }



    .user-profile .profile-left-side .avatar .avatar-button {

        display: none;

        position: absolute;

        bottom: 10px;

        left: 10px;

        z-index: 20

    }



    .user-profile .profile-left-side .avatar .avatar-button a {

        display: block;

        background: rgba(0, 0, 0, .7);

        color: #fff;

        padding: 6px 12px;

        border-radius: 2px;

        -moz-border-radius: 2px

    }



    .user-profile .profile-left-side .avatar .avatar-button a .fa {

        display: inline-block;

        padding: 1px 7px 0 0

    }



    .user-profile .profile-left-side .avatar .avatar-button a:hover {

        background: #000

    }



    .user-profile .profile-shadow {

        display: block;

        position: absolute;

        z-index: -1;

        width: 328px;

        height: 180px;

        background: url(../images/profile-card-bg.png) center no-repeat;

        top: -25px;

        left: 0

    }



    .defbutton.profile-button {

        display: block;

        text-align: center;

        padding-top: 8px;

        padding-bottom: 8px;

        margin-top: 0;

        margin-bottom: 0

    }



    .defbutton.profile-button.disabled {

        background: 0 0

    }



    .defbutton.profile-button.disabled:hover {

        background: #af2727

    }



    .user-button-list li {

        display: block;

        margin-bottom: 5px

    }



    .user-button-list li:last-child {

        margin-bottom: 0

    }



    .profile-left-side .info-msg {

        margin-top: 0;

        margin-bottom: 0

    }



    .profile-left-side .about-text {

        display: block;

        margin-bottom: 10px

    }



    .profile-left-side .about-text>span {

        display: block;

        float: left;

        color: #ababab;

        padding-right: 10px;

        font-weight: 400;

        width: 40px;

        margin-top: -2px

    }



    #wp-calendar tbody td a,

    .button,

    .icon-line,

    .newdefbutton,

    a.button {

        font-weight: 700

    }



    .profile-left-side .about-text>span.the-info {

        color: #232323;

        width: 160px

    }



    .profile-left-side .about-text>span.the-info a {

        text-decoration: underline

    }



    .profile-left-side .about-text>span.the-info .admin-ribbon {

        margin-left: 0;

        margin-bottom: 0

    }



    .profile-navi {

        display: block;

        margin-top: 1px

    }



    .profile-navi li {

        display: block;

        border-bottom: 1px dotted #ccc

    }



    .profile-navi li a {

        display: block;

        padding: 10px 12px;

        color: #898989;

        font-size: 13px

    }



    .profile-navi li.active a,

    .profile-navi li.active a:hover {

        background: url(../images/icon-arrow-right.png) right center no-repeat #f9f9f9

    }



    .profile-navi li a:hover {

        background: #f9f9f9

    }



    .profile-navi li a .fa {

        display: inline-block;

        font-size: 13px;

        padding-top: 1px;

        padding-right: 10px;

        width: 23px;

        text-align: center

    }



    .profile-navi li a .notif {

        display: inline-block;

        font-size: 11px;

        padding: 2px 5px;

        margin-left: 10px;

        background: #E0E0E0;

        margin-top: -1px;

        margin-bottom: -2px;

        border-radius: 2px;

        -moz-border-radius: 2px

    }



    .profile-panel {

        display: block;

        margin-top: 10px

    }



    .profile-panel.instagram {

        display: block;

        overflow: hidden

    }



    .profile-panel.instagram .pieces {

        display: block;

        width: 255px

    }



    .profile-panel.instagram img {

        display: block;

        float: left;

        width: 77px;

        margin-right: 8px;

        margin-bottom: 8px

    }



    .profile-navi .left-avatar {

        display: block;

        float: left;

        padding: 0 10px 0 0

    }



    .profile-navi .left-avatar img {

        width: 32px;

        height: 32px

    }



    .profile-left-side .the-profile-navi {

        display: block;

        width: 244px;

        background: #f4f4f4;

        box-shadow: 6px 2px 11px #f4f4f4

    }



    .profile-left-side .the-profile-navi.floating {

        display: block;

        position: fixed;

        top: 0

    }



    .profile-left-side .the-profile-navi.bottom {

        position: absolute!important

    }



    .profile-left-side .user-panel-about {

        display: block;

        padding-top: 10px

    }



    .profile-left-side .user-panel-about>div {

        display: block;

        padding-bottom: 16px;

        color: #939393

    }



    #main .profile-left-side .user-panel-about b {

        display: block;

        font-size: 14px;

        line-height: 130%!important;

        color: inherit;

        padding-bottom: 8px

    }



    #main .profile-left-side .user-panel-about b .fa {

        display: inline-block;

        padding: 2px 8px 0 0;

        font-size: 13px

    }



    .newdefbutton,

    .reply-box .reply-textarea .respond-submit input {

        font-size: 12px;

        padding: 9px 20px

    }



    #main .profile-left-side .user-panel-about p {

        display: block;

        line-height: 130%!important;

        color: inherit;

        text-align: justify

    }



    #main .main-tabs-content p {

        margin-left: -40px

    }



    .wrapimg .avatar-button {

        display: block;

        position: absolute;

        z-index: 30;

        width: 100%;

        height: 100%;

        cursor: pointer

    }



    .wrapimg .avatar-button>span {

        display: none

    }



    .wrapimg .avatar-button:hover>span {

        display: block;

        background: rgba(0, 0, 0, .7);

        color: #fff;

        padding: 6px 12px;

        border-radius: 2px;

        -moz-border-radius: 2px;

        margin: 11px;

        bottom: 0;

        position: absolute

    }



    .wrapimg .avatar-button .fa {

        display: inline-block;

        padding-right: 10px;

        margin-top: 1px

    }



    #main .main-tabs-content {

        display: block;

        padding: 20px 20px 0;

        text-align: center

    }



    #main .main-tabs-content .form-footer {

        display: block;

        text-align: left;

        margin-left: -20px

    }



    .button,

    .newdefbutton,

    .panel .tagcloud a,

    .wrapimg,

    a.button {

        display: inline-block

    }



    #main .main-tabs-content .the-form .error-msg {

        margin: 0 0 0 159px

    }



    .reply-box .reply-textarea textarea {

        height: 160px

    }



    .wrapimg {

        position: relative;

        border-radius: inherit;

        -moz-border-radius: inherit;

        overflow: hidden

    }



    .newdefbutton.margin-right {

        margin-right: 7px

    }



    .newdefbutton {

        background: #f5f5f5;

        border: 0;

        border-top: 1px solid rgba(255, 255, 255, .8);

        -moz-border-radius: 2px;

        border-radius: 2px;

        box-shadow: 0 0 0 1px #d3d3d3, inset 0 -8px 14px 0 rgba(0, 0, 0, .04);

        cursor: pointer;

        text-shadow: 0 1px 0 #fff;

        line-height: 120%;

        color: #7e7e7e;

        -o-transition: all .1s

    }



    .newdefbutton.admin-color {

        color: #E63C11!important;

        border: 1px solid #E63C11!important;

        padding: 9px 20px;

        box-shadow: 0 0 0 1px transparent, inset 0 -8px 14px 0 rgba(0, 0, 0, .04)

    }



    .newdefbutton i.fa {

        padding-right: 7px

    }



    .newdefbutton:hover {

        background: #eee;

        color: #232323;

        box-shadow: 0 0 0 1px #d3d3d3, inset 0 -8px 14px 0 transparent

    }



    .newdefbutton:active {

        background: #d5d5d5;

        color: #232323;

        border-top: 1px solid transparent;

        box-shadow: 0 0 0 1px #afafaf, inset 0 0 6px 0 #cacaca

    }



    .button,

    a.button {

        margin-right: 1px;

        font-style: normal;

        font-size: 13px;

        padding: 9px 16px;

        background-color: #256193;

        border-radius: 3px;

        -moz-border-radius: 3px;

        border: 1px solid transparent;

        box-shadow: inset 0 130px 100px -100px rgba(255, 255, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .2);

        text-shadow: 0 1px 0 rgba(0, 0, 0, .5);

        color: #fff;

        transition: all 0s;

        -moz-transition: all 0s;

        -webkit-transition: all 0s;

        -o-transition: all 0s

    }



    .article-content a.button {

        color: #fff!important

    }



    .button:hover,

    a.button:hover {

        color: #fff;

        box-shadow: inset 0 130px 100px -100px rgba(255, 255, 255, .2), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -100px 20px rgba(255, 255, 255, .1)

    }



    .button:active,

    a.button:active {

        color: #fff;

        box-shadow: inset 0 130px 100px -100px rgba(255, 255, 255, .2), inset 0 1px 0 rgba(0, 0, 0, .2), inset 0 -100px 20px rgba(0, 0, 0, .3)

    }



    .button.big-size,

    a.button.big-size {

        font-size: 20px;

        padding: 14px 20px

    }



    .d-articles .item .item-header {

        padding: 0;

        float: left

    }



    .d-articles .item .item-header img {

        width: 60px;

        margin-top: 4px

    }



    .d-articles .item .item-content {

        margin-left: 75px

    }



    .d-articles .item .item-content p {

        font-size: 13px;

        margin-bottom: 0

    }



    .d-articles .item h4 {

        font-size: 15px;

        margin-bottom: 4px

    }



    .d-articles .item.no-image .item-content {

        margin-left: 0

    }



    .d-articles .item {

        position: relative;

        padding-bottom: 12px;

        border-bottom: 1px solid rgba(0, 0, 0, .07);

        margin-bottom: 12px

    }



    .d-articles .item:last-child {

        border-bottom: 0;

        margin-bottom: 0;

        padding-bottom: 0

    }



    .panel a.defbutton {

        margin: 8px 0 3px;

        font-size: 10px;

        background-color: #D3D3D3

    }



    .panel a.defbutton:hover {

        background-color: #232323

    }



    .panel .tagcloud a {

        font-size: 13px;

        background: rgba(240, 240, 240, 1);

        box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .5);

        border-radius: 2px;

        -moz-border-radius: 2px;

        padding: 5px 10px;

        margin: 0 7px 7px 0;

        color: #848484;

        text-shadow: none

    }



    .panel .tagcloud a:hover {

        background: rgba(0, 0, 0, .5);

        color: #fff!important;

        text-shadow: none;

        box-shadow: none

    }



    .footer .panel .tagcloud a {

        background: rgba(255, 255, 255, .07);

        box-shadow: 0 1px 0 rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .1)

    }



    .footer .panel .tagcloud a:hover {

        background: rgba(255, 255, 255, .2)

    }



    .panel h1,

    .panel h2,

    .panel h3,

    .panel h4,

    .panel h5,

    .panel h6,

    .panel p {

        margin-bottom: 10px

    }



    .icon-line {

        display: block;

        margin-top: 8px;

        font-size: 13px!important

    }



    .icon-line i.fa {

        padding-right: 10px;

        width: 15px;

        text-align: center

    }



    #wp-calendar {

        width: 100%

    }



    #wp-calendar caption {

        text-align: right;

        font-size: 16px;

        margin-bottom: 15px

    }



    #wp-calendar thead {

        font-size: 13px

    }



    #wp-calendar thead th {

        padding-bottom: 10px

    }



    #wp-calendar tbody td {

        border: 1px solid #C7C7C7;

        text-align: center;

        padding: 8px;

        color: #A0A0A0

    }



    #wp-calendar tbody td:hover {

        background: rgba(0, 0, 0, .05)

    }



    #wp-calendar tbody .pad {

        background: 0 0

    }



    #wp-calendar tfoot #next {

        font-size: 12px;

        text-transform: uppercase;

        text-align: right

    }



    #wp-calendar tfoot #prev {

        font-size: 12px;

        text-transform: uppercase;

        padding-top: 10px

    }



    #main .select-replace input.select-main-input {

        display: block;

        box-sizing: border-box;

        width: 100%;

        padding: 12px

    }



    .select-options {

        display: block;

        position: absolute;

        width: 100%;

        background: #fff;

        border: 1px solid #D5D5D5;

        padding: 8px;

        border-radius: 0 0 3px 3px;

        -moz-border-radius: 0 0 3px 3px;

        margin-top: -1px;

        z-index: 101;

        box-sizing: border-box;

        max-height: 300px;

        overflow-x: hidden;

        overflow-y: auto;

        box-shadow: 0 1px 2px rgba(0, 0, 0, .06)

    }



    .select-options a {

        display: block;

        padding: 5px;

        line-height: 30px;

        font-size: 13px;

        font-weight: 700;

        border-bottom: 1px solid #f0f0f0;

        position: relative

    }



    .select-options a:before {

        display: block;

        z-index: 2;

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: 100%

    }



    .no-slider #slider div#slider-info,

    .no-slider #slider-imgs .featured-img-box>div {

        display: none

    }



    .select-options a:last-child {

        border-bottom: 0

    }



    .select-options a:hover {

        background: #3074A2;

        color: #fff

    }



    .select-options .avatar,

    .select-options .avatar img {

        width: 30px;

        height: 30px

    }



    .select-options .avatar {

        margin-right: 10px

    }



    .no-slider #slider-imgs .featured-img-box {

        background: url(../images/no-slider-bg.jpg) center no-repeat;

        box-shadow: inset 0 -260px 150px rgba(0, 0, 0, .6)

    }



    .no-slider.gamepage #slider-imgs .featured-img-box {

        box-shadow: none

    }



    .no-slider #header,

    .no-slider #slider {

        height: 190px

    }



    .no-slider #main-box #main {

        margin-top: 0

    }



    #main-box.sidebar-left #main {

        float: right

    }



    ::-webkit-scrollbar {

        height: 16px;

        overflow: visible;

        width: 16px;

        background: #fff

    }



    ::-webkit-scrollbar-button {

        display: none;

        height: 0;

        width: 0

    }



    ::-webkit-scrollbar-track {

        -moz-background-clip: border;

        -webkit-background-clip: border;

        background-clip: border-box;

        border: solid transparent

    }



    ::-webkit-scrollbar-track:hover {

        background-color: rgba(0, 0, 0, .05);

        -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);

        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);

        box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)

    }



    ::-webkit-scrollbar-track:active {

        background-color: rgba(0, 0, 0, .05);

        -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07);

        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07);

        box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)

    }



    ::-webkit-scrollbar-track:horizontal {

        border-width: 4px 0 0

    }



    ::-webkit-scrollbar-track:horizontal:hover {

        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);

        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);

        box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1)

    }



    ::-webkit-scrollbar-track:horizontal:active {

        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07);

        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07);

        box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)

    }



    ::-webkit-scrollbar-thumb {
        -moz-background-clip: border;
        -webkit-background-clip: border;
        background-clip: border-box;
        background-color: #3f3d46;
        -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
        box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
        min-height: 28px;
        padding: 100px 0 0
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #55545d;
        -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
        -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
        box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
    }



    ::-webkit-scrollbar-thumb:active {
        background-color: #3f3d46;
        -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
        -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
        box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35)
    }



    ::-webkit-scrollbar-thumb:horizontal {

        border-width: 6px 1px 1px;

        -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07);

        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07);

        box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07);

        padding: 0 0 0 100px

    }



    ::-webkit-scrollbar-corner {

        background: 0 0

    }



    #menu-bottom #menu,

    #menu-bottom.blurred #menu {

        background-position: center 2000px;

        background-repeat: no-repeat

    }



    body::-webkit-scrollbar-track-piece {

        -moz-background-clip: border;

        -webkit-background-clip: border;

        background-clip: border-box;

        background-color: #f5f5f5;

        -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07);

        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07);

        box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07)

    }



    body::-webkit-scrollbar-track-piece:horizontal {

        border-width: 3px 0 0;

        -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07);

        -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07);

        box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07)

    }



    body::-webkit-scrollbar-thumb {

        border-width: 1px 1px 1px 5px

    }



    body::-webkit-scrollbar-thumb:horizontal {

        border-width: 5px 1px 1px

    }



    body::-webkit-scrollbar-corner {

        -moz-background-clip: border;

        -webkit-background-clip: border;

        background-clip: border-box;

        background-color: #f5f5f5;

        border: solid #fff;

        -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14);

        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14);

        box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14)

    }



    #menu-bottom #menu {

        background-image: url(../images/px.gif)

    }



    #menu-bottom.blurred #menu {

        margin-top: 0;

        position: relative;

        background-image: none;

        padding-left: 0;

        padding-right: 0

    }



    #menu-bottom.blurred #menu table {

        z-index: 2;

        position: relative

    }



    .game-info-left {

        display: block;

        float: left;

        width: 246px;

        background: inherit;

        margin-top: -200px;

        min-height: 300px;

        margin-left: 20px;

        position: relative;

        z-index: 4

    }



    .game-info-left .game-poster {

        display: block;

        width: 220px;

        margin: 13px

    }



    .game-info-left .game-info-details {

        display: block;

        margin: 13px

    }



    .pegi {

        display: block

    }



    .pegi .pegi-desc {

        display: block;

        margin-left: 70px;

        font-size: 0

    }



    .pegi .pegi-desc h3 {

        font-size: 12px;

        margin-bottom: 7px

    }



    .pegi .pegi-desc .pegi-tool {

        display: inline-block;

        width: 35px;

        margin-right: 3px;

        margin-bottom: 3px

    }



    .pegi .pegi-desc .pegi-tool.pegi-disabled {

        opacity: .3;

        filter: alpha(opacity=30)

    }



    .pegi .pegi-desc .pegi-tool:nth-child(4n) {

        margin-right: 0

    }



    .game-info-right:before {

        display: block;

        position: absolute;

        left: 15px;

        top: 0;

        width: 255px;

        height: 82px;

        background: url(../images/game-poster-shadow.png) center no-repeat;

        z-index: 3

    }



    .game-info-right {

        display: block;

        float: left;

        width: 734px

    }



    .game-info-right .game-overlay-info {

        display: block;

        padding: 24px 20px

    }



    .game-info-right .game-overlay-info>h1 {

        margin-bottom: 8px;

        font-size: 28px;

        text-transform: uppercase;

        display: block;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap

    }



    .game-info-right .game-overlay-info>h1 span {

        font-weight: 400

    }



    .game-info-right .game-overlay-info>span {

        font-size: 14px

    }



    .game-info-right .game-overlay-info>span a {

        margin-right: 10px;

        display: inline-block;

        color: rgba(255, 255, 255, .7)

    }



    .game-info-right .game-overlay-info>span a:hover {

        color: #fff

    }



    .game-info-right .game-menu {

        display: block;

        background: rgba(0, 0, 0, .35);

        position: absolute;

        bottom: 100%;

        border-bottom: 5px solid #256193;

        left: 0;

        padding-left: 266px;

        width: 100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        color: #fff;

        text-shadow: 0 0 1px #000

    }



    .game-info-right .game-menu a {

        color: #fff

    }



    .game-info-right .game-menu ul {

        display: block;

        background-color: rgba(0, 0, 0, .6)

    }



    .game-info-right .game-menu ul:after {

        display: block;

        clear: both

    }



    .game-info-right .game-menu ul li {

        display: block;

        float: left

    }



    .game-info-right .game-menu ul li a {

        display: block;

        color: #fff;

        padding: 15px 20px;

        font-size: 14px

    }



    .game-info-right .game-menu ul li.active a,

    .game-info-right .game-menu ul li.active:hover a {

        background-color: inherit;

        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 65px 40px -40px rgba(255, 255, 255, .14)

    }



    .game-info-right .game-menu ul li:hover a {

        background-color: rgba(0, 0, 0, .6)

    }



    .game-info-left .defbutton {

        display: block;

        margin: 0;

        padding: 10px 15px;

        text-align: center

    }



    a.defbutton {

        color: #4D4D4D;

        text-decoration: none!important

    }



    .game-info-buttons {

        display: block;

        margin-bottom: 15px

    }



    .game-info-buttons .defbutton {

        margin-bottom: 2px

    }



    .defbutton.green {

        background: #6fb205;

        color: #fff

    }



    .defbutton.green:hover {

        background: #232323

    }



    .defbutton.red {

        background: #B14320;

        color: #fff

    }



    .defbutton.red:hover {

        background: #232323

    }



    .game-info-graph {

        display: block;

        margin-bottom: 20px

    }



    .game-info-graph>div {

        display: block;

        margin-bottom: 8px

    }



    .game-info-graph span {

        display: block;

        font-size: 11px;

        color: #ccc;

        margin-bottom: 3px

    }



    .game-info-graph>div:hover span {

        color: #aaa

    }



    .game-info-graph>div strong {

        display: block;

        margin-bottom: 2px;

        color: #707070

    }



    .game-info-graph>div:hover strong {

        color: #232323

    }



    .game-info-rating {

        display: block;

        background-color: #232323;

        color: #fff;

        text-align: center;

        padding: 10px;

        margin-bottom: 15px;

        border-radius: 3px;

        -moz-border-radius: 3px

    }



    .game-info-rating a {

        color: #fff;

        line-height: 14px

    }



    .game-info-rating a i.fa {

        line-height: inherit

    }



    .game-info-rating h3 {

        display: block;

        margin-bottom: 9px;

        font-size: 12px;

        line-height: 12px;

        color: #777

    }



    .game-info-rating .strike-rating-5 {

        display: block;

        background: #C9642B;

        margin-bottom: 10px

    }



    .game-info-rating .strike-rating {

        display: inline-block;

        width: 40px

    }



    .game-info-rating strong {

        display: block;

        font-size: 32px;

        margin-bottom: 7px;

        line-height: 26px

    }



    .game-info-rating strong span {

        font-weight: 400;

        color: #aaa;

        font-size: 60%;

        vertical-align: baseline

    }



    .game-info-rating .defbutton {

        border-radius: 0 0 3px 3px;

        -moz-border-radius: 0 0 3px 3px;

        background-color: #353535;

        margin: 10px -10px -10px

    }



    .game-info-rating .defbutton:hover {

        background-color: #4B4B4B

    }



    .game-info-rating .rating-stars {

        display: inline-block;

        font-size: 20px;

        line-height: 20px;

        letter-spacing: 2px;

        height: 20px;

        width: 102px;

        position: relative;

        margin-bottom: 2px;

        text-align: left;

        color: #3A3A3A

    }



    .game-info-rating .rating-stars .rating-stars-inner,

    .game-info-rating .rating-stars .rating-stars-inner:after,

    .game-info-rating .rating-stars:after {

        position: absolute;

        height: 100%;

        font-size: inherit;

        line-height: inherit;

        letter-spacing: inherit;

        width: 100%;

        display: block;

        top: 0;

        left: 0;

        overflow: hidden

    }



    .game-info-rating .rating-stars:after {

        content: '\f005\f005\f005\f005\f005';

        font-family: FontAwesome;

        z-index: 0

    }



    .game-info-rating .rating-stars .rating-stars-inner {

        z-index: 2;

        color: #EBC018

    }



    .game-info-rating .rating-stars .rating-stars-inner:after {

        content: '\f005\f005\f005\f005\f005';

        font-family: FontAwesome;

        z-index: 0

    }



    .game-info-rating hr {

        border: 0;

        height: 1px;

        background: #303030;

        width: 100%;

        display: block;

        margin-bottom: 12px

    }



    .defbutton .pricetag {

        display: inline-block;

        background: #6fb205;

        color: #fff;

        padding: 1px 4px;

        margin: -1px 0 -1px 3px;

        border-radius: 2px;

        -moz-border-radius: 2px

    }



    .game-info-right .photo-blocks,

    .game-info-right .profile-friends-list {

        margin-bottom: 25px

    }



    .game-info-right .photo-blocks li {

        margin-right: 9px

    }



    .game-info-right .photo-blocks li:nth-child(5n+0) {

        margin-right: 0

    }



    .game-info-right .photo-blocks li:nth-child(5n+1) {

        clear: both

    }



    .users-more {

        display: inline-block;

        padding: 12px 8px;

        font-size: 14px;

        font-weight: 700;

        background: #f0f0f0;

        border-radius: 3px;

        -moz-border-radius: 3px

    }



    .users-more:hover {

        background: #E2E2E2;

        color: #232323

    }



    .buttontext {

        display: block;

        text-align: center;

        padding: 10px 15px;

        color: #aaa

    }



    .game-info-right .photo-gallery-single {

        padding-left: 20px;

        padding-right: 20px

    }



    .game-info-right .photo-gallery-single .photo-single-thumbnails {

        margin-left: 0;

        margin-right: 0

    }



    .game-info-right .photo-blocks li>strong {

        display: block;

        padding-top: 5px;

        padding-bottom: 5px;

        text-align: center;

        width: 128px

    }



    .game-info-right .photo-blocks img {

        background-position: center;

        background-size: cover

    }



    .video-gallery-single {

        display: block;

        margin-bottom: 25px;

        margin-left: 30px;

        margin-right: 30px

    }



    .video-wrapper {

        display: block;

        position: relative;

        height: 0;

        padding-bottom: 56.25%;

        margin-bottom: 15px

    }



    .video-wrapper iframe {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%!important;

        height: 100%!important

    }



    .video-game-stores {

        display: block;

        position: relative;

        margin-bottom: 20px

    }



    .video-game-stores .item {

        display: block;

        float: left;

        text-align: center;

        width: 24.24%;

        margin-left: 1%;

        margin-bottom: 1%;

        padding: 15px 0;

        border-radius: 3px;

        -moz-border-radius: 3px;

        position: relative;

        color: #232323

    }



    .video-game-stores .item:nth-child(4n+1) {

        margin-left: 0;

        clear: both

    }



    .video-game-stores .item:hover {

        background: #E7E7E7

    }



    .video-game-stores .item img {

        max-width: 80%

    }



    .video-game-stores .item .store-poster {

        margin-bottom: 10px;

        display: inline-block

    }



    .video-game-stores .item .store-title {

        margin-bottom: 10px;

        display: block

    }



    .video-game-stores .item .store-title img {

        max-width: 60%

    }



    .video-game-stores .item strong {

        margin-bottom: 5px;

        padding: 0 10px;

        font-size: 13px;

        display: block

    }



    .video-game-stores .item .pricetag {

        display: block;

        color: #609B20;

        font-size: 16px;

        font-weight: 700

    }



    .event-calendar table {

        border: 0;

        border-spacing: 0;

        width: 100%

    }



    .event-calendar .calendar-title {

        margin-bottom: 28px;

        text-align: center

    }



    .event-calendar .calendar-title h3 {

        padding-top: 7px

    }



    .event-calendar table td {

        border: 1px solid #E2E2E2;

        width: 14%;

        height: 120px

    }



    .event-calendar table tr td,

    .event-calendar table tr td:first-child {

        border-left: 0

    }



    .event-calendar table tbody tr:last-child td {

        border-bottom: 0

    }



    .event-calendar table tr td:last-child {

        border-right: 0

    }



    .event-calendar table tr td:hover {

        background: rgba(255, 255, 255, .2)

    }



    .event-calendar table tr td.today {

        background: rgba(255, 255, 255, .3)

    }



    .event-calendar table tr th {

        padding: 15px 0;

        text-transform: uppercase;

        background: rgba(0, 0, 0, .03)

    }



    .event-calendar td.notthismonth {

        opacity: .2;

        filter: alpha(opacity=20)

    }



    .event-calendar .date-title {

        padding: 10px;

        text-align: right;

        display: block;

        font-weight: 700

    }



    .event-calendar .cal-event {

        display: block;

        padding: 0 10px 10px

    }



    .event-calendar .cal-event a {

        display: block;

        font-weight: 700;

        font-size: 12px

    }



    .event-calendar .cal-event a span {

        display: block;

        font-weight: 400;

        opacity: .6;

        filter: alpha(opacity=60);

        font-size: 12px;

        padding-top: 2px

    }


    #searchInputPlay {

        width: 140px;

        margin: 7px 0 0 10px;

        height: 20px;

        padding: 0;

        border: 1px solid #999;

        float: left;

    }



    #leftbanner {

        width: 10%;

        float: left

    }



    #rightbanner {

        width: 10%;

        float: right

    }







    #slider ul li div.sliderText {

       position: relative;
       width: 215px;
       height: 144px;

       font-size: 12px;

       float: right;

       margin-right: 5px

   }



   #slider ul li div.sliderImage {

    width: 378px;

    float: left

}



#slider ul li {

    width: 605px;

    height: 166px

}











table tr td.gamesResult {

    text-align: right

}



#main-box .favorites {

    padding-top: 0

}



#mainArea {

    margin-left: 11px

}



#gamesList table tr td.gameThumb a img, #gamesList2 table tr td.gameThumb a img {

    padding-top: 15px;

    width: 180px;

    height: 97px

}

h3 {

    display: block;

    font-size: 1.17em;

    -webkit-margin-before: 1em;

    -webkit-margin-after: 1em;

    -webkit-margin-start: 0;

    -webkit-margin-end: 0

}



a {

    -o-transition: all .1s

}



#main-box #main,

#sidebar .panel {

    border-top: 5px solid #256193

}



#slider-info .padding-box ul li:before,

.home-article.right ul li a:hover,

.panel-duel-voting .panel-duel-vote a,

a.featured-select {

    background-color: #256193

}



#sidebar .panel>h2 {

    color: #333

}



#main h2 span {

    color: #353535

}


#gamesList #title2, #gamesList2 #title2, {

    height:30px;

    background:#ff8200;

    display:block;

    padding:0px 10px 0px 10px;


    border:3px solid #fff;

    font-size:22px;

    color:#fff;

    text-align:top;

    font-family: 'DebussyRegular';
    letter-spacing: .5px;

    line-height:30px;

}

.sliderTitle
{
    font-weight: bold;
    font-family: 'DebussyRegular';
    letter-spacing: .5px;
}










#gamesList table tr td, #gamesList2 table tr td {

    width: 194px;

    font-size: 12px

}



#main-box #main {

    padding-left: 20px;

    padding-top: 0!important;

    width: 600px

}



#main-box {

    width: 100%;

    display: inline-block;

}



#slider ul li div.sliderText h2 {
    color: #FF8200;
    font-size: 16px;
    margin: 10px 0;
    font-family: DebussyRegular, sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase
}







/* Custom navbar css */



#mainAreaGame .main-play .col-md-4:first-child a{

    margin-top: 30px !important;

}







.custom-nav {
    background: url(/images/menuBg.jpg) repeat-x #fb9a00;
    width: 940px;
    height: 39px;

    margin: 0 auto;

    overflow: hidden;

    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;

    behavior: url(/js/PIE.htc);

    position: relative;

    z-index: 100;
}









.custom-nav ul li#menuHome{

    border: none;

    border-right: 1px solid #e68000;

}





.navbar-collapse{

    padding-right: 0px !important;

    padding-left: 0px !important;

}





.custom-nav ul li#menuHome a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -445px transparent;

   display: block;

   height: 39px;

   width: 79px;

}



.custom-nav ul li#menuHomeCurrent a{

    background: url(/images/menuSprite3.png) repeat scroll 0 -356px transparent;

    display: block;

    height: 39px;

    width: 79px;

}



.custom-nav ul li#menuMygames a{

    background: url(/images/menuSprite3.png) repeat scroll 0 -267px transparent;

    display: block;

    transition: inherit;

    height: 39px;

    width: 123px;

}





.custom-nav ul li#menuMygamesCurrent a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -178px transparent;

   display: block;

   height: 39px;

   transition: inherit;

   width: 123px;

}



.custom-nav ul li#menuMygames a:hover, .custom-nav ul li#menuMygames a:visited {

    background: url(/images/menuSprite3.png) repeat scroll 0 -178px transparent;

    display: block;

    height: 39px;

    transition: inherit;

    width: 123px;

}





.custom-nav ul li#menuNewest a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -89px transparent;

   display: block;

   height: 39px;

   width: 97px;

   transition: inherit;

}



.custom-nav ul li#menuNewestCurrent a{

   background: url(/images/menuSprite3.png) repeat scroll 0 0px transparent;

   display: block;

   height: 39px;

   width: 97px;

   transition: inherit;

}



.custom-nav ul li#menuNewest a:hover, .custom-nav ul li#menuNewest a:visited {

    background: url(/images/menuSprite3.png) repeat scroll 0 0px transparent;

    display: block;

    height: 39px;

    width: 97px;

    transition: inherit;

}



.custom-nav ul li#menuMostPlayed a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -801px transparent;

   display: block;

   height: 39px;

   width: 144px;

   transition: inherit;

}



.custom-nav ul li#menuMostPlayedCurrent a{

    background: url(/images/menuSprite3.png) repeat scroll 0 -712px transparent;

    display: block;

    height: 39px;

    transition: inherit;

    width: 144px;

}



.custom-nav ul li#menuMostPlayed a:hover, .custom-nav ul li#menuMostPlayed a:visited {

    background: url(/images/menuSprite3.png) repeat scroll 0 -712px transparent;

    display: block;

    height: 39px;

    transition: inherit;

    width: 144px;

}



.custom-nav ul li#menuTopRated a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -623px transparent;

   display: block;

   height: 39px;

   width: 116px;

   transition: inherit;

}



.custom-nav ul li#menuTopRatedCurrent a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -534px transparent;

   display: block;

   height: 39px;

   width: 116px;

   transition: inherit;

}



.custom-nav ul li#menuTopRated a:hover, .custom-nav ul li#menuTopRated a:visited {

    background: url(/images/menuSprite3.png) repeat scroll 0 -534px transparent;

    display: block;

    height: 39px;

    width: 116px;

    transition: inherit;

}



.custom-nav ul li#menuOurGames a{

   background: url(/images/menuSprite3.png) repeat scroll 0 -979px transparent;

   display: block;

   height: 39px;

   width: 133px;

   transition: inherit;

}



.custom-nav ul li#menuOurGamesCurrent a{

    background: url(/images/menuSprite3.png) repeat scroll 0 -890px transparent;

    display: block;

    height: 39px;

    transition: inherit;

    width: 133px;

}



.custom-nav ul li#menuOurGames a:hover, .custom-nav ul li#menuOurGames a:visited {

    background: url(/images/menuSprite3.png) repeat scroll 0 -890px transparent;

    display: block;

    height: 39px;

    transition: inherit;

    width: 133px;

}



.container-fluid{

   padding-left: 0px !important;

   padding-right: 0px !important;

}





.custom-nav ul li.nav-drop{

   border-right: 0px !important;

}

.toggle-menu-btn {  
    display: none;  
}

/*-------------------------- PLAY PAGES -------------------*/



/*GAMES CSS RULES*/



#sidebarGame {

    float:left;

    position:absolute;

    left:610px;

    top:0;

    display:none;

}


#mainAreaGame {

    float:left;

    margin-left:11px;

    width:98%;

}

#gameTitle {

    font-size:24px;

    font-weight:bold;

    margin-top:20px;

    float:left;

}

#socialize {

    /*float: right;

    margin-right: 335px;

    margin-top: 20px;*/

    position:absolute;

    right: 352px;

    top: 214px;

}

#socialize img {

    float: right;

    margin-right: 8px;

    width: 32px;

}

#socialize a img {

    /*margin-left:22px; */

}



.adHorizontalFirst {

    margin-top:20px;

    text-align: center;

    position:relative;

    z-index:1;

}

.adHorizontalSecond {

    top: 5px;

    margin-bottom:20px;

    text-align: center;

    position:relative;

    z-index:1;

}

#game {

    margin: 10px auto 5px;

    overflow:hidden;

    z-index:600;

    zoom:1;

    position:relative;

    left:23px; 

}


#preloader {

    position: relative;

    left: 34px;

}

.gameObject {

    float:left;

    visibility:visible !important;

}

#gameButtons {

    width:48px;

    float:left;

    font-size:12px;

    font-weight:bold;

    text-align:center;

}

#gameButtons img {

    margin:5px;

}



#gameComments {

    width:562px;

    overflow:auto;

    /*border:3px solid #ffc053;*/

}

#gameInstructions {

    width:570px;

    overflow:auto;

    /*border:3px solid #ffc053;*/

}

#gameInstructions .column {

    width:50%;

    float:left;

}

#gameInstructions .column .title {

    font-size:24px;

    font-weight:bold;

    margin: 5px 0 5px 5px;

}

#gameInstructions .column .title img {

    vertical-align:middle;

}

#gameInstructions .column .content {

    margin: 5px 0 5px 5px;

    font-size:12px;

}

#gameInstructions .column .content a {

}

#gameInstructions .column .content a:hover {

    text-decoration:underline;

}

#overlay {

    display:none;

    position:fixed;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:#000;

    opacity:0.9;

    filter:alpha(opacity=60);

    z-index:500;

}




.rating, .rating a:hover, .rating .current {

  background: url("/images/starsbig.png") left;

}

.rating {

  position: relative;

  width: 125px; /* 5 stars width */

  height: 25px; /* 1 star height */

  overflow: hidden;

  list-style: none;

  margin: 0px;

  padding: 0px;

  background-position: top left;

  float:left;

}

.rating li {

  display: inline;

}

.rating a, .rating .current {

  position: absolute;

  top: 0;

  left: 0;

  text-indent: -9000px;

  height: 25px; /* 1 star height */

  line-height: 25px; /* 1 star height */

  outline: none;

  overflow: hidden;

  border: none;

  /* I replaced the pixel-width with an em-width, but must set font size in px */

  font-size: 25px; /* 1 star width */

  -webkit-transition: none;
  -moz-transition: none;
  transition: none;

}

/* Show stars when hovered */

.rating a:hover {

  background-position: left bottom;

  transition: inherit;

}

/* Set each section to the appropriate width, stacking so leftmost is topmost */

.rating a.rate1 {

  width: 20%;

  z-index: 6;

}

.rating a.rate2 {

  width:40%;

  z-index: 5;

}

.rating a.rate3 {

  width:60%;

  z-index: 4;

}

.rating a.rate4 {

  width:80%;

  z-index: 3;

}

.rating a.rate5 {

  width:100%;

  z-index: 2;

}

.rating a.rate1, .rating a.rate2, .rating a.rate3, .rating a.rate4, .rating a.rate5 {

  margin-left:0 !important;

}

.rating .current {

  z-index: 1;

  background-position: left center;

}

.userrating {

  background:url("/images/starsbig.png") bottom left;

}

#rateitText {

  float: left;

  font-size: 14px;

  margin-right: 8px;

  margin-top: 8px;

}



#rateoutof5 {
  float: left;
  font-size: 12px;
  margin-top: 8px;
  color: #828086;
  display: block;
}



.shareImg {

  cursor:pointer;

  opacity:1.0;

  filter:alpha(opacity=100); /* For IE8 and earlier */

}

.shareImg:hover {

  cursor:pointer;

  opacity:0.8;

  filter:alpha(opacity=80); /* For IE8 and earlier */

}


#favoriteDialog {   
    float: right;   
    font-weight: bold;  
    margin-top: 20px;   
    text-align: center; 
    width: 200px;   
    line-height:1.1;    
    display:none;   
}   
#favoriteDialog a { 
    text-decoration:none;   
    color:#fb9a00;  
}   
#favoriteDialog a:hover {   
    text-decoration:underline;  
}




.removefav
{
    position: absolute;
    margin-top:4px;
    margin-left:4px;
}

@media only screen and (max-width: 991px) { 
    .wrapper {  
        width: 760px;   
    }   
    #top-layer .wrapper {   
        display: flex;  
        flex-direction: column; 
    }   
    #top-layer .wrapper > .right {  
        order: 2;   
        text-align: center; 
        padding-bottom: 10px;   
    }   
    #top-layer .wrapper > .left {   
        order: 1;   
    }   
    img#slogan {    
        padding-top: 11%;   
        padding-left: 0;    
    }   
    #header-top ul > li {   
        float: none;    
        display: inline-block;  
    }   
    #searchBox {    
        margin: 0px 16px 0 0;   
    }   
    #content {  
        width: 760px;   
        min-width: 760px;   
    }   
    #menuCategories ul {    
        padding-left: 0;    
    }   
    #menuCategories ul li { 
        margin: 16px 6px;   
    }   
    #main-box #main {   
        padding-left: 20px; 
        width: 100%;    
        padding-right: 20px;    
        box-sizing: border-box; 
    }   
    #slider {   
        margin: 10px auto 24px; 
        overflow: hidden;   
    }   
    #main-box #sidebar {    
        float: none;    
        width: 100%;    
        margin-right: 0;    
        overflow: hidden;   
        clear: both;    
        padding: 0 20px;    
        box-sizing: border-box; 
    }   
    #sidebar br {   
        display: none;  
    }   
    #topTen {   
        width: 48%; 
        float: left;    
        margin-right: 4%;   
    }   
    #topTen2 {  
        width: 48%; 
        float: left;    
        margin-top: 0 !important;   
    }   
    .custom-nav {   
        width: 760px;   
        height: 80px;   
    }   
    #menu-bottom {  
        height: 70px;   
    }   
    .custom-nav ul li#menuOurGames {    
        border-right: 0;    
    }   
    .custom-nav ul li.nav-drop {    
        border-left: 0; 
        width: 100%;    
        text-align: center; 
    }   
    div#findGameList {  
        float: none;    
        padding-left: 21px; 
        padding-right: 21px;    
        margin: 0 auto; 
    }   
    #belowWideGameWrapper > div {   
        width: 100% !important; 
    }   
    #veediContainer {   
        width: 100% !important; 
    }   
    #sidebarGame {  
        float: none;    
        position: relative; 
        left: unset;    
        margin-top: 30px;   
    }   
    #main-box { 
        margin-top: 10px;   
    }   

}   
@media only screen and (max-width: 767px) { 
    .wrapper {  
        width: 500px;   
    }   
    #content {  
        width: 500px;   
        min-width: 500px;   
    }   
    #menuCategories ul li { 
        margin: 6px 6px;    
        float: none;    
        display: inline-block;  
    }   
    #slider {   
        width: 100% !important; 
    }   
    #slider ul li { 
        width: 465px;   
        height: 166px   
    }   
    #gamesList .col-md-4,   
    #gamesList2 .col-md-4 { 
        width: 50% !important;  
        float: left !important; 
        box-sizing: border-box !important;  
    }   
    #gamesList .col-md-4:nth-child(3n+1),   
    #gamesList2 .col-md-4:nth-child(3n+1) { 
        clear: none;    
        float: left;    
    }   
    #gamesList .col-md-4:nth-child(2n+1),   
    #gamesList2 .col-md-4:nth-child(2n+1) { 
        clear: both;    
    }   
    #topTen {   
        width: 100%;    
        float: none;    
        margin-right: 0;    
        clear: both;    
        overflow: hidden;   
    }   
    #topTen2 {  
        width: 100%;    
        float: none;    
        margin-top: 20px !important;    
        clear: both;    
        overflow: hidden;   
        margin-bottom: 0 !important;    
    }   
    #header {   
        height: auto;   
    }   
    .custom-nav {   
        width: 100%;    
        height: auto;   
    }   
    #menu-bottom {  
        height: auto;   
    }   
    #menuCategories {   
        height: auto;   
    }   
    .custom-nav ul li { 
        float: none;    
        width: 100%;    
        display: block; 
        border-left: 0; 
        border-right: 0;    
    }   
    .custom-nav {   
        background: url(/images/menuBg.jpg) repeat #fb9a00; 
    }   
    .toggle-menu-btn {  
        box-sizing: border-box; 
        border-right: 0 !important; 
    }   
    #menu-bottom #hello-header li:not(:first-child) {   
        display: none;  
    }   
    #menu-bottom #hello-header.show li {    
        display: block; 
    }   
    #menu-bottom #hello-header li.toggle-menu-btn { 
        float: right;   
        display: block; 
        border-left: 1px solid #e68000; 
        position: absolute; 
        right: 0;   
        top: 0; 
        width: auto;    
    }   
    .menu-icon {    
        background-color: transparent;  
        border: 0;  
        padding: 8px 15px 8px;  
        width: 28px;    
        display: inline-block;  
    }   
    .menu-icon > .line {    
        background-color: #ffffff;  
        height: 3px;    
        display: block; 
        border-radius: 100px;   
    }   
    .menu-icon > .line + .line {    
        margin-top: 7px;    
    }   
    .custom-nav ul li#menuHomeCurrent,  
    .custom-nav ul li#menuMygamesCurrent,   
    .custom-nav ul li#menuNewestCurrent,    
    .custom-nav ul li#menuMostPlayedCurrent,    
    .custom-nav ul li#menuTopRatedCurrent,  
    .custom-nav ul li#menuOurGamesCurrent { 
        background: url("/images/menuBgHover.jpg") repeat #fb9a00 !important;   
    }   
    #mainArea { 
        float: none !important; 
        width: 100% !important; 
        margin-left: 0 !important;  
    }   
    #mainArea .col-md-12 {  
        padding: 0 10px !important; 
        box-sizing: border-box; 
    }   
    #mainArea .col-md-12 .col-md-9, #mainArea .col-md-12 .col-md-2 {    
        width: 100%;    
        float: none;    
    }   
    #mainArea .col-md-12 .col-md-9 > div {  
        width: 100% !important; 
        margin: 0 !important;   
        box-sizing: border-box !important;  
        border-right: 0 !important; 
    }   
    #mainArea .col-md-12 .col-md-10 {   
        width: 100%;    
    }   
    #mainArea .col-md-12 .col-md-10 > div { 
        width: 100% !important; 
        margin: 0 !important;   
        padding: 0 !important;  
        border-right: 0 !important; 
    }   
}   
@media only screen and (max-width: 512px) { 
    .wrapper {  
        width: 100%;    
    }   
    #top-layer .wrapper > .left .left,  
    #top-layer .wrapper > .left .right{ 
        float: none;    
        text-align: center; 
        width: 100%;    
    }   
    img#slogan {    
        padding-top: 10px;  
    }   
    img.logo {  
        width: 150px;   
    }   
    img#slogan {    
        width: 150px;   
    }   
    #searchInput {  
        height: 30px;   
    }   
    div#searchBox input#searchSubmit {  
        height: 36px;   
    }   
    #social-media { 
        margin: 15px 0 0 0 !important;  
    }   
    #social-media a {   
        overflow: hidden;   
        display: inline-block;  
    }   
    #searchBox {    
        margin: 10px 0 0 0; 
    }   
    #social-media { 
        margin: 5px 0 0 0 !important;   
    }   
    #content {  
        width: 100%;    
        min-width: unset;   
    }   
    #gamesList .col-md-4, #gamesList2 .col-md-4 {   
        width: 100% !important; 
        float: none !important; 
    }   
    .gameDesc { 
        width: 100% !important; 
    }   
    .footer .footer-bottom li { 
        display: block; 
        padding: 3px 0; 
    }   
    #gamesList #title, #gamesList2 #title { 
        font-size: 16px;    
        margin-left: 0px;   
    }   
    #menuCategories {   
        height: auto !important;    
    }   
    #header {   
        height: auto !important;    
    }   
    #content_wrapper {  
        margin: 0px auto 5px !important;    
    }   
}