@charset "utf-8";
html{color:#B9B8B5; background: #292929;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body {background: #292929 url(../img/soimg/sobg.png) no-repeat center top;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}ol,ul {list-style: none;}em,i {  font-style: normal;  font-weight: 500;}img {  border: 0;}
audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}.row { *zoom: 1;}.row:before,.row:after {  display: table;  content: "";}.row:after { clear: both;}
body,button,input,select,textarea {font: 12px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;} 
a{text-decoration: none;color:#F8F3E5;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;transition: all .2s;} a:hover {text-decoration: underline;}
strong,span,i, .bar, img{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;}

.logo { margin: 0 auto; height:45px; max-width: 1350px; background:#111; text-indent:-999em;position:relative;} 
.logo a {width:137px; height:14px; display:block; background:url(../img/soimg/logo.png) no-repeat;position:absolute;top:16px;left:50%;margin-left: -68px;}.logo a h1 {height:14px;}
#content{position:relative; margin: 0 auto; max-width: 1330px; padding: 0 10px 20px 10px; border-radius: 0 0 3px 3px;}.content_box{text-align: center;}
#footer {text-align:center; color:#999; padding:0 0 20px;}  #footer a{color:#999;} 

.nav{ position:relative; }
.nav ul{max-width: 1350px; margin: 20px auto;text-align:center;display:none;}
.nav li,.nav li a{display:inline-block;} .nav li {position:relative;}
.nav li a{ margin: 0 4px; color:#ccc;}.nav li a:hover, .mosttime a:hover {color:#f24309;}
.nav li.current-cat a{text-decoration: underline; color:#f24309;}
.nav li a span.navhot {position:absolute;width:15px;height:5px;background:url(../img/icon/hot.png) no-repeat;top: 10px;right: -15px;}

.most_box{color: #B0AEAC;max-width: 1325px;margin:30px auto 0;position: relative;padding: 0 0 0 20px; }
.most_box h2,.hotgames-title h2,.risinggames-title h2 {font-size:14px;font-weight: normal; line-height:30px;}
.most {  position:absolute; right:20px; top:14px;}.most a, .most span { color:#999;}.most a.current{color:#ccc;}

#content article { margin-left: 10px;color:#898a8c; display: inline-block; vertical-align: top; position:relative; text-align: left;}#content article a.pic img{display:block; width:100px;}
#content article a.pic {width: 100px;cursor: pointer;display: block;margin: 0 auto;height:100px;background:#212121;}
#content article div{height: 198px;    width: 100px;	margin: 0 auto;}
#content article strong {margin-top:8px; display: block;font-weight: normal;line-height:14px;max-height:42px;overflow:hidden;}#content article strong a{color:#B0AEAC; }#content article strong a:hover {color:#fff;}
#content article a:hover strong{top:80px;}
#content article span {display:block;}#content article span img {vertical-align: -1px; margin:0 1px;width:11px;height:11px;}
#content article span i { -webkit-transform: scale(0.8);font-size: 10px;display:inline-block;}
#content article:hover span, #content article:hover i {top:0;}
.post-ratings-loading {display:none; margin-top:-18px;}
.post-ratings-loading img{vertical-align: top;margin-right: 5px; }
.post-ratings {}
.post-ratings img{vertical-align: -1px; padding: 0 2px 0 0;}

#content article div.iconew, #content article div.icohot,#content article div.icorising, #content article div.icofeatured {position: absolute;top: 0px;right: 0px;background: #2ecc71;color: #fff;text-align:center;line-height: 15px;margin:0;height:15px;width:31px;}
#content article div.icohot { background: #f24309;}
#content article div.icorising { width:41px;background: #0277c6;}
#content article div.icofeatured {width:55px;background: #0277c6;}

#comments {}
#comments li, #respond {border-top:1px solid #333; padding-top:10px;margin-top:10px;}

.main {background-color:#000;text-align:center; padding:10px 10px 30px;position:relative; margin:40px auto 0;}
.flashBox {margin:0 auto;position: relative; width:640px; height:480px; z-index: 999;} .game-test, .main {width:640px;} .flashLoading{width:640px; height:480px; }

.entry-title {background-color:#222; padding-left: 60px;position: relative;min-height: 50px;}
.entry-meta a, .reply a{text-transform: capitalize;display:inline-block; padding:1px 7px; background:#3f3f3f;border-radius: 2px; color:#999; margin:10px 3px 10px 0;}.entry-meta a:hover, .reply a:hover {background:#555;color:#ccc;text-decoration: none;}
.comment strong {color:#eee;}

.center-google{height:280px;width:336px; background:#222;position: absolute;left: 50%;margin-left: -168px;top: 50%;margin-top: -140px;}
.flashLoading {position: absolute;}
.progress_box {background: #333; position:absolute; bottom:-20px; height:12px;width: 100%;}

#myProgressBar {background: #eee; text-indent:-999em;height:12px;}
.game-test, #comments{margin: 10px auto;background: #222;padding: 10px;position: relative;color:#999;}
.game-test h1 {color:#eee;padding-right: 190px; line-height: 24px;padding-top: 2px;font-size:18px;}
.controls {color:#999;}
.game-info {color:#999;}

.controls ul li {margin-right:12px; float:left;}
.controls span.key{background: url(../img/icon/key.png);display: inline-block;height: 15px;width: 15px;text-align: center; line-height: 15px;color: #d84f14;}
.controls img{vertical-align: text-top; }

.comment-form-author {margin-top:10px;}
#author, #comment {border: 0; background-color: #3f3f3f; padding: 5px; width: 98%; margin-bottom:5px; color:#eee; font-size:14px; border-radius: 2px;}
#submit {border: 0px none; padding: 5px 0; width:120px; background: #d84f14; color: rgb(255, 255, 255);border-radius: 2px;}
.form-allowed-tags, #email-notes, .current_none {display:none;}

#commentform {position:relative;}
#loading, #error {position: absolute; bottom: 5px; left: 130px;}
ol.children li {padding-left:50px;}

.related-left {position: absolute; width:300px;   left:-320px;top:0px;}.related-left .rara,.related-right .rara{background-color:#000;border-bottom:5px solid #000;}
.related-left a,.related-right a{float:left;width:93px;height:93px;margin:5px 0 0 5px;}.related-left h3{font-size: 12px;font-weight: normal;padding: 5px 0;background: #222;}
.related-right {position: absolute; width:300px; right:-320px;top:0;}.related-right .rara {border-bottom:5px solid #000;}

.related-left img, .related-right img {display:block;filter:alpha(opacity=80); opacity:0.8;width:93px;height:93px; }
.related-left a:hover img, .related-right a:hover img{filter:alpha(opacity=1); opacity:1;}

.left-google { width:300px; height:250px; background-color:#222; margin-bottom:20px;}
.right-google{width:300px; height:600px; background-color:#222;margin:20px 0;}

.lights_click{position: relative;z-index: 999;cursor: pointer;width: 19px;height: 20px;background: url(../img/soimg/lights_click.png) no-repeat;float: left;margin-right: 6px;}
.lights_off {background-position: left -22px;}.fb-like{float: left;}

#searchform { }
#searchsubmit {border: 0;width: 28px;height: 22px;text-indent:-999em;margin-left:-31px;background:#666 url(../img/search.png) no-repeat center center;border-radius: 0 2px 2px 0; }
#s {height: 24px;border: 0; padding:0 30px 0 10px;width:180px;background:#666;color:#fff;border-radius: 2px;}
.entry-content, .page-header {margin:10px 0;}
.screen-reader-text {display:none;}
.search_form {position:absolute;top:-35px;right:10px;}

.navigation {clear:both; padding:30px 0 0;text-align:center; }
.navigation a{display:inline-block; background: #454545;padding: 12px 48px; margin:0 5px;font-size:14px;color:#ccc;}
.navigation a:hover {background:#919191;color: #F8F3E5;text-decoration: none;}

#banner-fade {max-width:1056px; margin:2px auto 0px;  height:315px;position:relative;overflow: hidden;}
ul.bjqs{position:relative;  height:255px; background-color:#000; z-index:1;}
li.slide{position:absolute; display:none;height:255px;}
.slide-pagination {background-color: #242424;width: 100%;position: absolute;height: 17px;bottom: 0;z-index: 2;}
.slide-pagination span{position: absolute;bottom: 0;width: 38px;height: 17px;text-align: center;line-height: 30px;text-indent: -999em;cursor: pointer;z-index: 2;background:#242424 url(../img/arrow.png) no-repeat; filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;}
.slide-pagination span.pleft {left:0px;border-right:2px solid #242424;} .slide-pagination span:hover {filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.slide-pagination span.nright {right:0px;background-position:-39px 0;border-left:2px solid #242424; }  
.markers {position: absolute;z-index: 3;bottom: 0;width: 976px;height: 17px;text-align:center; background:#303030;left: 40px;}
.markers li {text-indent:-999em; width: 10%; background:#303030; cursor: pointer;display:inline-block;overflow:hidden; text-align: center;}
.markers li.active-marker {background-color:#444;}
p.caption{display: block;margin: 0;position: absolute;bottom: -43px;height: 41px;width: 100%;text-indent: 10px;color: #f8f3e5;background-color: #0f0f0f;line-height: 43px;border-bottom: 2px solid #000;font-size: 18px;}

.icon,.search,.slider_right span,.slider_left span,span.platform-img,.modal-close,#back-to-top{transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;background: url(../img/sprites.png) no-repeat;}
.sobanner {padding:9px 0 6px;background:#222;}
.cindex{margin: 347px auto 0;}.oindex{margin: 10px auto 0;}

.topgames{width:300px;float:left;margin-left:10px; background:#222222; height:308px; overflow: hidden;}
.topgames h3 { height:44px; font-weight: normal; padding:0 0 0 20px; line-height:44px;}
.topgames ul li {border-top:1px solid #333;}
.topgames ul li a{height:43px; line-height:43px; color: #B0AEAC; display:block;}
.topgames ul li a img {width:25px; height:25px; float:left;    margin: 8px 10px;border-radius: 3px;}
.topgames ul li a strong{width: 240px;float:left;overflow: hidden;font-weight: normal;text-overflow: ellipsis;white-space: nowrap;} .topgames ul li a:hover strong{text-decoration: underline;}
.topgames ul li a:hover{background:#333;}

.main_cluster_ctn { clear: both; width:100%; float:left; overflow: hidden; }
.slider_ctn_box { background-color: #242424; }
.slider_ctn {position: relative;height: 18px;width: 617px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.slider_ctn.spotlight { width: 308px; }
.slider_ctn.store_autoslider { background: #122333; }
.slider_ctn.store_autoslider .handle { background-color: rgba( 0, 0, 0, 0.5 ); }
.slider {position: absolute;left: 39px;right: 39px;top: 0;bottom: 0;background-color: #303030;}
.slider_ctn .handle {position: absolute;top: 0;background-color: #444;height: 18px;width: 60px;cursor: pointer;}
.slider_ctn .slider_left, .slider_ctn .slider_right {position: absolute;width: 38px;top: 0;bottom: 0;background-color: #5B5B5B;cursor: pointer;}
.slider_ctn .slider_left:hover, .slider_ctn .slider_right:hover, .slider .handle:hover { background: #d84f14; }
.slider_left { left: 0; }
.slider_right { right: 0; }
.slider_left span,.slider_right span {display: block;width: 9px;height: 7px;margin-top: 5px;background-repeat: no-repeat;}
.slider_right span {background-position: 0 -42px;margin-left: 15px;	}
.slider_left span {background-position: -9px -42px;margin-left: 13px;}
.slider_right:hover span { background-position: 0 -49px; }
.slider_left:hover span { background-position: -9px -49px; }
.slider_left.disabled, .slider_right.disabled {opacity: 0.4;cursor: default;}
.store_horizontal_autoslider_ctn {overflow: hidden;margin-bottom: 1px;}
span.platform-img {display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;vertical-align: middle;}
span.platform-img.icon-pc { background-position: 0 -20px; }
span.platform-img.icon-moblie { background-position: 0 0; }
.main_cluster_content {width 100%;overflow: hidden;position: relative;-webkit-overflow-scrolling: touch;}
.main_cluster_content::-webkit-scrollbar {display: none;}
.cluster_scroll_area { overflow: hidden; }
.main_cluster_content a.cluster_capsule {background-color:#000;display: inline-block;width: 100%;height: 290px;margin-right: 4px;position: relative;}
a.cluster_capsule:hover { text-decoration: none; }
.main_cluster_content .cluster_capsule_image {width: 100%;height: 255px;display: block;}
.main_cap_desc {background-color:#111;line-height: 37px;overflow: hidden;cursor: default;}
.main_cap_content {width: 617px;margin: 0 auto;}
.main_cap_platform-area { float: right; }
.main_cap_status {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #B0AEAC;padding:0 10px;}

.menu-navigation{margin: 0 auto;height:43px;position:relative;}
.menu-navigation a{color:#777674;position:absolute;top:20px;} .menu-navigation a:hover {color:#aaa;}
a.back_home {left:-10px; }
.prev_game a { right:70px;}
.next_game a {right:-10px; }
.comments-f {margin-bottom:20px;min-height:189px;}.fb-box {position: absolute;right: 10px;top: 12px;z-index:10;}

.zipownload{position:relative;}.zipownload i {border:2px solid #fff;position:absolute; right:50px;bottom:50px;border-radius: 6px;}.zipownload img {width:640px;height:480px;}
.buttondownload{font-size: 18px; border: 1px solid #fff;border-radius: 4px;line-height: 32px;text-decoration: none;text-align: center;padding: 5px 24px;height: 32px;display: inline-block;font-weight: 600;border-color: #ccc;white-space: nowrap;color: #fff;background-color: #f60;background-image: -webkit-gradient(linear,left top,left bottom,from(#f90),to(#f30));background-image: -webkit-linear-gradient(top,#f90,#f30);background-image: -moz-linear-gradient(top,#f90,#f30);background-image: -ms-linear-gradient(top,#f90,#f30);background-image: -o-linear-gradient(top,#f90,#f30);background-image: linear-gradient(top,#f90,#f30);border-color: #f30;}
.gnonetop{margin:0 auto 20px;padding:10px;background:#222;}
#wh_head {background:#111;}

.divas-caption {position: absolute;bottom: 0;width: 100%;background: rgba(0,0,0,0.7);color: #f7f7f7;}
.divas-caption.divas-title-transition-left {-webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.divas-caption.divas-title-transition-left-stop {left: 0px;}
.divas-caption p {display:none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #B0AEAC;padding: 0 10px;}

.divas-bullets {clear: both;position: relative;margin: 0 auto;padding: 20px 0;text-align: center;}
.divas-bullets ul {list-style: none;}
.divas-bullet {background-color: rgba(0, 0, 0, 0.1);border-radius: 1.5em;display: inline-block;height: 16px;margin: 0 0.3em;text-indent: -9999px;width: 16px;}
.divas-bullet-current {background-color: rgba(0, 0, 0, 0.25);}

.sortby {max-width:1305px; margin:0 auto 20px;}
.select,  .select2{cursor: default;margin-right:10px;background:#292929 url(../img/soimg/la.png) no-repeat 96% center;position:relative;width:350px;height:30px;line-height:30px;border:2px solid #4a4a4a;float:left;} .select:hover,.select2:hover{border:2px solid #a3a3a3; }
.text_left, .text_left2{display:block;float:left;padding:0 10px;}

.list, .list2{width:100%;border:2px solid #4a4a4a;border-top:0;display:none; position:absolute; top:32px;left:-2px;background:#292929;z-index:1;}
.list a,  .list2 a{line-height:24px;padding:0 10px; display:block; color:#B9B8B5;}
.sortby a.current, .current-cat a {background:#333;color:#ff7b2a;}
.list li a:hover,  .list2 li a:hover, .sortby a.current:hover{background:#4a4a4a;cursor:pointer;text-decoration: none;}

.facebooktest{float:left;}
.fblogin,.logouts{border-radius: 3px;height:34px;background:#4267b2 url(https://gamesogood.com/media/img/soimg/facebook.png) no-repeat 7px;background-size: 20px 20px, cover;}
.fblogin a,.logouts{height:34px;line-height:34px;display:block; text-align:center;width: 170px;padding-left: 27px;font-size: 14px;text-decoration: none;}.fblogin:hover{background-color:#365899;text-decoration: none;}
.logouts{width:auto;padding-right: 12px;text-align: left;background:#f25268 url(https://gamesogood.com/media/img/soimg/sogood.png) no-repeat 7px;background-size: 20px 20px, cover;}.logouts i{padding:0 10px;float:left;width:66px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}.logouts:hover{background-color:#e04258;text-decoration: none;}


@media screen and (min-width:1180px) and (max-width:1450px){#content{max-width: 1110px;}.most_box{max-width: 1110px;}.navigation{}.sortby{width:1090px;}}
@media screen and (min-width:1031px) and (max-width:1179px){.facebooktesti{margin-top:20px;}.topgames{width: 283px;}.topgames ul li a strong{width: 238px;}#content{max-width: 890px;}.most_box{max-width: 890px;}.navigation{}.sortby{width:870px;}}

@media screen and (min-width:930px) and (max-width:1030px){.facebooktesti{margin-top:20px;}.left-google,.related-left,.related-right,.right-google{display:none;}.topgames{width: 283px;}.topgames ul li a strong{width: 238px;}.sortby{width:870px;}#content{max-width: 890px;}.most_box{max-width: 890px;}.navigation{}#wh_head{max-width: 100%;}}

@media screen and (min-width:320px) and (max-width:929px){.facebooktesti{margin-top:20px;}.select, .select2{width:40%}.sortby{padding-left:20px;}.main{margin: 0px auto 0;} .left-google,.related-left,.related-right,.right-google,.gnone,.nav li a span.navhot{display:none;}}

@media screen and (min-width:651px) and (max-width:929px){.navigation{margin: 0 0px;}}#content article{} .nav li{} .nav li a{}}
@media screen and (min-width:601px) and (max-width:650px){#content article{} .nav li{} .nav li a{}}
@media screen and (min-width:351px) and (max-width:600px){.search_form{display:none;}#content article{} .nav li{}.nav li a{} .select, .select2{height:40px; line-height:20px; padding:5px 0; }.select span, .select2 span {display:block;}.list, .list2{top:52px;} }
@media screen and (min-width:320px) and (max-width:350px){#content article{}.nav li{} .nav li a{} }
@media screen and (min-width:320px) and (max-width:400px){.search_form{display:none;} .select, .select2{height:40px; line-height:20px; padding:5px 0; }.select span, .select2 span {display:block;}.list, .list2{top:52px;}}
@media screen and (min-width:320px) and (max-width:1030px){.comments-f{min-height: 189px;}}

#slider_wrapper {overflow: hidden;max-height:267px;}
.divas-slider {position: relative;margin: 0 auto;padding: 0;width: 100%;height: auto;overflow: hidden;}
.divas-slider-container {position: relative;margin: 0;padding: 0;}
.divas-slider-container:after {content: "";display: table;clear: both;}
.divas-slide {position: relative;margin: 0;padding: 0;float: left;overflow: hidden;}
.divas-slide img {display: block;margin: 0;padding: 0;width: 100%;height: auto;outline: 0 none;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;max-height:267px; }
.divas-slide a{border-right:10px solid #222; display:block; height:100%; background:#222 url("../img/loading.gif") no-repeat center center;}

.divas-slide-transition-left {    -webkit-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;-moz-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;-o-transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;transition: left 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;}
.divas-navigation {clear: both;position: absolute;margin: 0px auto;height: 0;width: 100%;text-align: center;top: 47%;top: calc(50% - 33px);}.divas-has-bullets .divas-navigation {top: calc(50% - 61px);}
.divas-navigation span {height: 66px;outline: 0 none; position: absolute;width: 42px;z-index: 9999;cursor: pointer;margin: 0;font-size: 3em;color: #fff;}

.divas-navigation span:hover {color: #ffffff;}
.divas-controls span.divas-start,.divas-controls span.divas-stop, .divas-wing {display: none;}

.divas-navigation span.divas-prev {left: 1em;background: url("../img/soimg/prev.svg") no-repeat top center rgba(0, 0, 0, 0);}
.divas-navigation span.divas-next {right: 1em;background: url("../img/soimg/next.svg") no-repeat top center rgba(0, 0, 0, 0);}

@media screen and (max-width: 40em) {.divas-navigation span.divas-prev,.divas-navigation span.divas-next{background-position:center center;-webkit-background-size: 75% auto;-moz-background-size: 75% auto;-o-background-size: 75% auto;background-size: 75% auto;}.divas-navigation span.divas-prev {left: 0.5em;}.divas-navigation span.divas-next {right: 0.5em;}}