/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
 .slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#F7BA01;padding:5px}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#040722}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}
 
 hr,
 input[type=search] {
     box-sizing: content-box
 }

 .icon,
 .icon-search {
     white-space: nowrap
 }

 #catwrapper ul li,
 #comments ul,
 #news_comments ul,
 #rateMe li,
 .dock,
 .games,
 .games-sidebar li,
 .module ul,
 .navigation-secondary .right ul li,
 ul li {
     list-style: none
 }

 a,
 body {
     color: #fff
 }

 img,
 legend {
     border: 0
 }

 body,
 h1,
 legend,
 td,
 th {
     padding: 0
 }

 #rateMe,
 #rateStatus {
     float: left;
     clear: both;
     width: 100%
 }

 .notification a,
 .ua_info a,
 a {
     text-decoration: none
 }

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

 body {
     margin     : 0;
     background : #0a234b;
     font-family: Verdana, Arial, sans-serif
 }

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

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

 #ratingSaved,
 .notification,
 [hidden],
 template {
     display: none
 }

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

 a {
     background-color: transparent
 }

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

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

 b,
 optgroup,
 strong {
     font-weight: 700
 }

 dfn {
     font-style: italic
 }

 mark {
     background: #ff0;
     color     : #000
 }

 small {
     font-size: 80%
 }

 sub,
 sup {
     font-size     : 75%;
     line-height   : 0;
     position      : relative;
     vertical-align: baseline
 }

 .icon,
 .icon-search,
 .played,
 input {
     vertical-align: middle
 }

 sup {
     top: -.5em
 }

 sub {
     bottom: -.25em
 }

 svg:not(:root) {
     overflow: hidden
 }

 figure {
     margin: 1em 40px
 }

 hr {
     height: 0
 }

 pre,
 textarea {
     overflow: auto
 }

 code,
 kbd,
 pre,
 samp {
     font-family: monospace, monospace;
     font-size  : 1em
 }

 button,
 input,
 optgroup,
 select,
 textarea {
     color : inherit;
     font  : inherit;
     margin: 0
 }

 #no_games,
 .game_not_found,
 .user_area {
     font-family: Verdana, Arial, sans-serif
 }

 button {
     overflow: visible
 }

 button,
 select {
     text-transform: none
 }

 button,
 html input[type=button],
 input[type=reset],
 input[type=submit] {
     -webkit-appearance: button;
     cursor            : pointer
 }

 .notification,
 button[disabled],
 html input[disabled] {
     cursor: default
 }

 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border : 0;
     padding: 0
 }

 input {
     line-height: normal
 }

 input[type=checkbox],
 input[type=radio] {
     box-sizing: border-box;
     padding   : 0
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     height: auto
 }

 input[type=search] {
     -webkit-appearance: textfield
 }

 input[type=search]::-webkit-search-cancel-button,
 input[type=search]::-webkit-search-decoration {
     -webkit-appearance: none
 }

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

 h1 {
     margin     : 0 0 5px;
     font-size  : 20px;
     font-weight: 400;
     color      : #fff;
 }

 .saved {
     color: red
 }

 #comments ul {
     margin : 0;
     padding: 8px 10px 15px 8px
 }

 #comments ul li {
     color        : #FFF;
     line-height  : 150%;
     margin-bottom: 8px;
     border       : 1px solid #dcd6d4;
     padding      : 4px;
     overflow     : auto;
     width        : 435px
 }

 #error_message,
 #pm_task_complete {
     padding      : 5px 5px 5px 10px;
     margin-bottom: 20px
 }

 #error_message {
     font-size: 18px
 }

 #pm_task_complete {
     background-color: #f2eeb0
 }

 #member_list {
     width: 100%
 }

 #member_list td {
     border-bottom: 1px solid #dfdfdf;
     height       : 40px
 }

 #member_list td a {
     color: #373737
 }

 #member_list img {
     margin-top: 5px
 }

 .link_item {
     padding: 5px
 }

 .header_container {
     background: #000219;
     background: -webkit-linear-gradient(rgba(19, 18, 53, .9), rgba(0, 2, 25, .9));
     background: linear-gradient(rgba(19, 18, 53, .9), rgba(0, 2, 25, .9));
     position  : fixed;
     top       : 0;
     left      : 0;
     right     : 0;
     height    : auto;
     z-index   : 999
 }

 .logo {
     float        : left;
     margin-top   : 11px;
     margin-bottom: 8px
 }

 .footer,
 .game_info_content,
 .game_info_header,
 .game_options,
 .gi_column1,
 .home_cat_title,
 .main_menu_container,
 .misc_container,
 .module,
 .pages_menu,
 .title,
 .title h1,
 .title_small {
     font-family: Verdana, Arial, sans-serif
 }

 .ad_banner,
 .ad_small_square,
 .footer,
 .more_links {
     text-align: center
 }

 .content_container {
     max-width: 970px;
     margin   : auto
 }

 .title,
 .title h1 {
     font-size: 30px;
     color    : #fff;
     margin   : 0 auto
 }

 .title {
     padding-bottom: 10px
 }

 .title h1 {
     display: inline-block
 }

 .title_small {
     height     : 35px;
     font-size  : 20px;
     color      : #6e0900;
     padding-top: 15px
 }

 .ad_banner {
     margin    : 0 auto;
     max-height: 90px;
 }

 .ad_small_square {
     padding: 15px
 }

 .misc_container {
     background   : #000a1c;
     margin-bottom: 50px;
     padding      : 20px;
     overflow     : auto;
     font-size    : 14px
 }

 .misc_container a {
     color: #fff
 }

 .misc_container ul {
     margin-top : 10px;
     margin-left: 32px
 }

 .misc_container ul li {
     list-style-type: circle;
     padding-bottom : 2px
 }

 .footer {
     font-size     : 13px;
     padding-top   : 8px;
     padding-bottom: 8px;
     background    : #000219
 }

 .featured_games {
     width        : 944px;
     margin       : 0 auto;
     margin-bottom: 10px;
     padding      : 0 0 10px;
     overflow     : auto
 }

 .game_info_content,
 .home_cat_link,
 .module {
     font-size: 14px
 }

 .home_cat_link {
     float     : right;
     margin-top: 2px
 }

 .home_cat_title a {
     color: #770c11
 }

 .home_game_head a:hover {
     color: #951510
 }

 .game_info_header,
 .game_options {
     background: #000a1c;
     color     : #fff
 }

 .game_container {
     text-align: center;
     max-width : 100%;
     margin    : 0 auto
 }

 #game,
 .comment_pages,
 .dock .dock-language>a,
 .more_div span,
 a .rating {
     text-align: center
 }

 .challenge_pm_info {
     float    : left;
     padding  : 10px;
     font-size: 15px;
     color    : #67747F
 }

 .search_form_container {
     margin: auto;
     width : 420px
 }

 .search_page_textbox {
     width       : 300px;
     border      : 1px solid #CCC;
     font-size   : 15px;
     padding     : 4px;
     background  : #fff;
     margin-right: 8px;
 }

 .icon-search {
     background : url(images/search-icon.png) no-repeat;
     display    : inline-block;
     overflow   : hidden;
     height     : 26px;
     line-height: 32px;
     text-indent: 35px;
     width      : 29px
 }

 button,
 input,
 select,
 textarea {
     font-family: inherit;
     color      : #000
 }

 .clearfix:after,
 .clearfix:before {
     content: "";
     clear  : both;
     display: table
 }

 #game #game-main,
 .footer a,
 .game_info_content h2,
 .icon,
 .navigation-primary ul li,
 .navigation-secondary .right ul li,
 .tags span {
     display: inline-block
 }

 .footer {
     padding-left : 15px;
     padding-right: 15px;
     color        : #fff
 }

 .footer a {
     color          : #fff;
     text-decoration: none;
     padding-top    : 5px
 }

 .footer a:hover {
     text-decoration: underline
 }

 .main_menu {
     margin-top: 16px
 }

 .main_menu a {
     line-height: 1.5
 }

 .navigation-primary {
     text-decoration: none;
     text-transform : uppercase;
     float          : right;
     overflow       : hidden
 }

 .games li,
 .navigation-secondary .left {
     float: left
 }

 .navigation-primary ul li {
     padding-right: 8px;
     padding-left : 8px;
     margin-top   : 15px
 }

 .navigation-primary a {
     text-decoration: none;
     color          : #fff;
     font-size      : 14.3px
 }

 .navigation-primary a:hover {
     text-decoration: underline
 }

 .inner {
     margin   : 0 auto;
     max-width: 970px
 }

 .navigation-secondary .inner {
     background   : #102e69;
     line-height  : 22px;
     position     : relative;
     padding-left : 15px;
     padding-right: 15px
 }

 .navigation-secondary a {
     text-decoration: none;
     color          : #a2a6ae;
     text-transform : lowercase;
     font-size      : 13.4px;
     padding-left   : 15px
 }

 .games li a h2,
 .games-sidebar h3 {
     text-align   : center;
     overflow     : hidden;
     white-space  : nowrap;
     font-size    : 13px;
     font-weight  : 400;
     text-overflow: ellipsis
 }

 .box li a,
 .games .title h1,
 .games li a h2,
 .tags span {
     text-transform: uppercase
 }

 .more_button span:hover,
 .navigation-secondary a:hover {
     text-decoration: underline
 }

 .navigation-secondary a em {
     font-style: normal
 }

 header[role=banner] {
     margin-bottom: 5px;
     padding-top  : 50px
 }

 .games li a h2 {
     background: rgba(0, 0, 0, .7);
     position  : absolute;
     left      : 0;
     bottom    : 0;
     width     : 100%;
     margin    : 0;
     padding   : 3px 37px 3px 5px
 }

 .games-sidebar,
 .played {
     background: #000a1c;
 }

 .games li {
     padding: 8px;
 }

 .featured_games {
     width: 984px;
 }

 .games li a {
     height: 172px;
     width : 230px
 }

 .navigation-secondary .right {
     float: right
 }

 .navigation-secondary .right ul {
     margin : 0;
     padding: 0
 }

 .navigation-secondary .left a {
     text-transform: uppercase;
     color         : #fff;
     margin-right  : 30px
 }

 .games-sidebar {
     float  : left;
     margin : 0 3px;
     padding: 8px 0;
     width  : 110px
 }

 #ava-advert_container {
     height   : 600px;
     max-width: 800px;
     margin   : 0 auto
 }

 .games-sidebar h3 {
     color        : #fff;
     width        : 93%;
     padding-left : 5px;
     padding-right: 5px;
     margin       : 0 0 10px
 }

 #game {
     min-width: 1000px
 }

 .banner_left {
     position: fixed;
     left    : 0;
     top     : 70px;
 }

 .banner_right {
     position: fixed;
     right   : 0;
     top     : 70px;
 }

 #game-main-inner {
     display : inline-block;
     width   : 100%;
     position: relative;
 }

 #game-ad {
     margin: 135px auto 0
 }

 .game_info_header {
     font-size  : 18px;
     font-weight: 700
 }

 .game_info_content textarea {
     margin-top: 10px
 }

 .game_info_content {
     line-height: 1.4
 }

 .game_info_content h2 {
     font-size  : 15px;
     font-weight: 400;
     margin     : 0
 }

 .game_info_content p {
     margin-top: 5px;
     color     : #d0d0d0
 }

 .share-buttons {
     float: right
 }

 .played {
     font-size   : 18px;
     color       : #fff;
     float       : left;
     padding     : 5px 10px;
     margin-right: 6px;
     top         : 1px
 }

 .played span {
     color: #4f4f4f
 }

 .rating.aa,
 .rating.bb,
 .rating.cc,
 .tags a,
 .tags span {
     color: #fff
 }

 .a2a_kit {
     float: right
 }

 .tags {
     margin-top: 10px
 }

 .tags span {
     background   : #8d080e;
     border-radius: 3px;
     font-size    : 14px;
     line-height  : 22px;
     margin       : 0 5px 5px 1px;
     padding      : 0 5px
 }

 fieldset,
 ul {
     margin: 0
 }

 .icon.logo {
     height     : 31px;
     line-height: 30px;
     text-indent: 999px;
     width      : 252px;
     margin     : 0;
     background : url(images/logo.png?v=1) no-repeat
 }

 .icon {
     overflow: hidden
 }

 ul {
     padding: 0
 }

 a .rating {
     right         : 0;
     width         : 37px;
     bottom        : 0;
     font-size     : 13px;
     position      : absolute;
     padding-top   : 3px;
     padding-bottom: 3px;
     padding-left  : 3px
 }

 a,
 article,
 aside,
 body,
 button,
 div,
 fieldset,
 footer,
 form,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 header,
 html,
 input,
 label,
 legend,
 li,
 menu,
 nav,
 ol,
 p,
 section,
 select,
 span,
 textarea,
 ul {
     -moz-box-sizing   : border-box;
     -webkit-box-sizing: border-box;
     box-sizing        : border-box
 }

 .games li a {
     display : block;
     position: relative
 }

 .footer p {
     margin-top: 6px
 }

 .more_div span {
     display   : block;
     margin-top: 30px;
     font-size : 15px
 }

 .games .title {
     float  : left;
     width  : auto;
     padding: 0
 }

 .game-desc {
     text-align: left
 }

 #title,
 .tag_pages {
     text-align: center
 }

 .game-desc .title {
     padding: 20px 0 15px
 }

 .games .title h1 {
     font-size: 20px
 }

 .category_container {
     margin-top: 15px;
     width     : 984px;
 }

 #translate-this {
     margin-top: 2px
 }

 .misc_container p {
     margin     : 0;
     line-height: 1.4
 }

 .tag_sort_options {
     float: right
 }

 .tag_sort_options a {
     color          : #d3d3d3;
     text-decoration: none;
     padding-left   : 10px;
     font-size      : 14px
 }

 .tag_pages {
     margin     : 20px auto;
     background : #000219;
     padding    : 8px;
     font-family: Verdana, Arial, sans-serif
 }

 .box {
     background: #07173c;
     font-size : 1.1em;
     padding   : 8px 10px;
     position  : absolute;
     right     : 0;
     top       : 27px;
     z-index   : 10;
     width     : 180px
 }

 .box li a {
     display     : block;
     width       : 140px;
     color       : #ddd;
     font-size   : 13.6px;
     padding-left: 8px
 }

 #title {
     color        : #fff;
     font-size    : 15px;
     margin-bottom: 9px
 }

 .slicknav_menu {
     display: none
 }

 .main {
     width : 975px;
     margin: 0 auto;
 }

 .games.category {
     width : 970px;
     margin: 0 auto;
 }

 section#infobar {
     width           : 970px;
     margin          : 0 auto;
     background-color: #172e5a;
     padding         : 15px 10px 20px 10px;
 }

 section#infobar div {
     width : calc(100% - 21px);
     margin: 0 auto;
 }

 h1 {
     font-size  : 1.4em;
     font-weight: normal;
 }

 section#infobar div p {
     font-size : 13px;
     padding   : 5px;
     text-align: justify;
 }

 .slicknav_nav a:hover {
     background: #fff !important;
 }

 .right_ad {
     position: relative;
     z-index : 999999;
 }

 @media all and (max-width: 1100px) {
     .main {
         width: auto;
     }
 }

 @media all and (max-width: 480px) {
     body {
         overflow-x: hidden;
     }

     .games li,
     .logo {
         float: none
     }

     .js #menu,
     .navigation-secondary {
         display: none
     }

     .js .slicknav_menu {
         display: block
     }

     .header_container {
         position: relative
     }

     header[role=banner] {
         padding: 0
     }

     .logo {
         text-align: center
     }

     .sort_options,
     .title {
         text-align: center;
         float     : none !important
     }

     .games li a {
         margin: 0 auto
     }

     #close_fs {
         display: none
     }

     .footer p {
         margin-top: 20px
     }

     .dock {
         top: 236px
     }

     .right_ad {
         top: 120px;
     }

     .left_ad {
         display: none;
     }

     #infobar {
         display: none;
     }

     .games.category {
         width : 230px;
         margin: 0 auto;

     }

     .category_container {
         width : 230px;
         margin: 0 auto;
     }

     .sort_options {
         display: none;
     }

     .ad_banner {
         width: 100%;
     }
 }

 #game-main {
     width: auto !important;
 }


 .icon-search {
     background : url(/images/search-icon.png) no-repeat;
     display    : inline-block;
     overflow   : hidden;
     text-indent: 35px !important;
     width      : 16px !important;
     margin-left: 5px !important;
     height     : auto !important;
     line-height: normal !important;
 }

 .ad_feed {
     display: none;
 }

 .games li a h2 {
     font-size: 12px !important;
 }

 .icon-facebook {
     background : url(/templates/static/images/face-icon.png) no-repeat;
     display    : inline-block;
     overflow   : hidden;
     text-indent: 35px !important;
     width      : 16px !important;
     margin-left: 0px !important;
     height     : auto !important;
     line-height: normal !important;
     position   : relative;
     top        : 5px;
 }

 .box {
     background: #07173c;
     font-size : 1.1em;
     padding   : 8px 10px;
     position  : absolute;
     right     : 0;
     top       : 27px;
     z-index   : 10;
     width     : 217px;
 }

 .box li a {
     display     : block;
     width       : 250px;
     color       : #ddd;
     font-size   : 13.6px;
     padding-left: 8px;
 }

 #maincontent {
     display : inline-block;
     width   : 956px;
     position: relative;
 }

 @media (max-width:1024px) {
     #maincontent {
         width: auto !important;
     }

     section#infobar {
         width: 100%;
     }

     .games li {
         float          : left !important;
         width          : 20%;
         display        : flex;
         justify-content: center;
     }

     .navigation-primary {
         display: none;
     }

     .slicknav_menu {
         display: block;
     }

     .header_container {
         position: relative
     }

     header[role="banner"] {
         padding-top: 0px !important;
     }

     .logo {
         text-align: center;
     }

     .games li,
     .logo {
         float: none;
     }

     .game_container {
         text-align: center;
         max-width : 100%;
         margin    : 0 auto;
     }
 }

 @media (max-width:768px) {
     .games li {
         float          : left !important;
         width          : 25%;
         display        : flex;
         justify-content: center;
     }
 }

 @media (max-width:720px) {
     .games li {
         float          : left !important;
         width          : 33%;
         display        : flex;
         justify-content: center;
     }
 }

 @media (max-width: 480px) {
     .ad_banner {
         width  : 100%;
         display: none;
     }

     .ad_feed {
         display   : block;
         text-align: center;
         margin    : 16px 0;
         font-size : 1.25em;
     }

     .games li {
         float: left !important;
         width: 50%;
     }

     .games li a {
         height: auto;
         width : 97% !important;
     }

     .games li a img {
         width: 100% !important;
     }

     #game-main {
         width: auto;
     }

     .games-sidebar,
     .banner_right,
     .banner_left,
     .game-desc {
         display: none;
     }

     .viewgame .ad_banner {
         width: 100%;
     }

     .featured_games,
     #game {
         width: 100% !important;
     }

     #game-main-inner iframe,
     #game-main-inner object {
         width: 100% !important;
     }

     #game-main-inner {
         width: 100% !important;
     }

     #ava-game_container {
         height: 600px;
     }

     #game {
         min-width : auto !important;
         margin-top: -15px !important;
     }

     .ad_info {
         width    : 310px;
         margin   : 0 auto;
         font-size: 14px;
     }

     #game #game-main {
         display: block;
     }

     .viewgame {
         width   : 100%;
         overflow: hidden;
     }

     #ava-advert_container {
         max-width: 100% !important;
         min-width: 100% !important;
     }

     .game_right_container {
         width  : 100% !important;
         display: none;
     }
 }

 .games li {
     padding: 2px;
 }

 .games li a {
     height: 142px !important;
     width : 189px !important;
     border: 5px solid #0f336b;
 }

 .game_container {
     text-align: center;
     max-width : 100%;
     margin    : 0 auto;
 }

 .navigation-secondary a {
     text-decoration: none;
     color          : #a2a6ae;
     text-transform : lowercase;
     font-size      : 12.4px;
     padding-left   : 15px;
 }

 .footer a {
     padding-top: 0px;
 }

 .ad_banner {
     margin-bottom: 8px;
 }

 #arrow .box {
     background: #07173c;
     font-size : 1.1em;
     padding   : 8px 10px;
     position  : absolute;
     right     : -49px;
     top       : 50px;
     z-index   : 10;
     width     : 200%;
     margin    : 0 auto;
     overflow-y: scroll;
     height    : 100vh;
     overflow-y: scroll;
     overflow-x: hidden;
 }

 .navigation-primary #arrow ul li {
     padding-right : 8px;
     padding-left  : 8px;
     margin-top    : 1px;
     display       : inline-block;
     width         : 185px;
     white-space   : nowrap;
     overflow      : hidden;
     text-overflow : ellipsis;
     border-bottom : 1px solid #0e2a55;
     padding-bottom: 9px;
 }

 #arrow li a {
     width        : 161px;
     white-space  : nowrap;
     overflow     : hidden;
     text-overflow: ellipsis;
 }

 #arrow .box::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color  : #f5f5f5;
     border-radius     : 10px;
 }

 #arrow .box::-webkit-scrollbar {
     width           : 10px;
     background-color: #f5f5f5;
 }

 #arrow .box::-webkit-scrollbar-thumb {
     border-radius   : 10px;
     background-color: #102e69;

     background-image: -webkit-gradient(linear,
             0 0,
             0 100%,
             color-stop(0.5, #102e69),
             color-stop(0.5, transparent),
             to(transparent));
 }

 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color  : #f5f5f5;
     border-radius     : 10px;
 }

 ::-webkit-scrollbar {
     width           : 10px;
     background-color: #f5f5f5;
 }

 ::-webkit-scrollbar-thumb {
     border-radius   : 10px;
     background-color: #102e69;

     background-image: -webkit-gradient(linear,
             0 0,
             0 100%,
             color-stop(0.5, #102e69),
             color-stop(0.5, transparent),
             to(transparent));
 }

 .games img {
     font-size: 14px;
     width    : 147px;
     height   : auto;
 }

 .games li a {
     height       : 121px !important;
     width        : 157px !important;
     border-radius: 2px;
 }

 .games li:after {
     content: "";
     display: block;
     clear  : both;
 }

 .games li:before {
     content: "";
     display: block;
     clear  : both;
 }

 @media (max-width: 480px) {
     .games li a img {
         width: 100% !important;
     }

     .games li a {
         width        : 100% !important;
         height       : 100% !important;
         margin-bottom: 0px;
     }
 }

 .left_ad {
     height    : 160px;
     width     : 160px;
     position  : fixed;
     display   : block;
     z-index   : 99;
     transition: all 0.5s ease 0s;
 }

 .right_ad {
     height    : 160px;
     width     : 160px;
     display   : inline-block;
     position  : fixed;
     z-index   : 99;
     transition: all 0.5s ease 0s;
 }

 header[role="banner"] {
     margin-bottom: 1px;
     padding-top  : 50px;
 }

 @media (max-width: 480px) {

     .left_ad,
     .right_ad {
         display: none;
     }

     #maincontent {
         width: auto !important;
     }

     header[role="banner"] {
         padding-top: 0px !important;
     }

     .games img {
         height: 100% !important;
     }
 }

 .games li a {
     height: 132px;
     width : 177px;
 }

 @media (max-width: 480px) {
     body {
         min-width: auto;
     }
 }

 .games li a h2 {
     padding   : 3px 5px 3px 5px;
     text-align: center;
     font-size : 12px !important;
 }

 .category_container li a,
 #maincontent .games li a {
     border-radius: 9px;
 }

 .category_container img,
 #maincontent .games li a {
     border-radius: 5px;
 }

 .games li a h2 {
     border-bottom-left-radius : 0px;
     border-bottom-right-radius: 0px;
     margin-bottom             : 1px;
 }

 .feed_banner {
     margin   : 16px 0;
     font-size: 1.25em;
 }

 @media (max-width: 480px) {

     .left_ad,
     .right_ad {
         display: none;
     }
 }

 .games li {
     padding: 1px;
 }

 .game_container {
     text-align: center;
     max-width : 100%;
     margin    : 0 auto;
 }

 @media (max-width: 480px) {
     .navigation-primary {
         display: none;
     }

     .slicknav_menu {
         display: block;
     }

     .game_container {
         max-width: 100%;
     }
 }

 .content_container {
     max-width: 100%;
     margin   : auto;
 }

 .special_game {
     display: flex;
     margin : 16px;
 }

 .special_game .detail {
     display       : flex;
     flex-direction: column;
     flex          : 1;
     margin-left   : 8px;
     justify-content: center;
 }

 .special_game .detail .description {
     display : block;
     overflow: hidden;
     width: 100%;
     text-align: left;
     font-size: 1em;
     max-height: 300px;
 }

 .special_game .image {
     width        : 300px;
     height       : 300px;
     border-radius: 16px;
     border       : solid;
     overflow     : hidden;
 }

 .special_game .image img {
     width : 100%;
     height: 100%;
 }

 @media (max-width: 480px) {
     .special_game .image {
         width        : 160px;
         height       : 160px;
         border-radius: 16px;
         border       : solid;
         overflow     : hidden;
     }

     .special_game .detail .description {
        max-height: 160px;
    }
 }