/*
Theme Name: Frizi Arcade
Theme URI: http://www.arcadepulse.com/
Author: arcadepulse
Author URI: http://www.arcadepulse.com/
Description: Frizi Arcade wordpress arcade theme
Version: 1.0.10
License: GNU General Public License v2 or later
License URI:http://www.arcadepulse.com/licence
Text Domain: frizi
Domain Path: /languages/
Tags:
*/


/*Used fonts
font-family: 'gretoonregular';
font-family: 'gretoonregular';
font-family: 'Open Sans', sans-serif;
*/

* {margin:0; padding:0;}
* {outline:none;}
img {border:0;}
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative; background-attachment: fixed; font:12px 'Open Sans', Arial, Helvetica, sans-serif; color:#333333;}
.center { margin:0 auto; padding:0 20px; position:relative; max-width:1870px; padding-bottom: 20px !important;   }
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
ul {list-style:none;}
a  {cursor:url(images/cursor2.png) , auto; text-decoration:none;}
a:hover {text-decoration:none;}
.hidden {display: none;}
.pad {height:92px;}
.wrap {padding-bottom:42px;}
.preload {padding:20px 0; text-align:center;}
.wrap2 {padding:0 1px;}
.temp{display: none;}
.center-cropped {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
   -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}
.curtain-wrapper.on {position: absolute; top:0; bottom:0; left:0; right:0; background: rgba(0,0,0,0.75); z-index: 100;}

/*Head*/
.admin-bar .head{top:32px;}
.head {position:relative; height:70px; position:fixed; left:0; top:0; right:0; z-index:10;  border-left:0; border-right:0;}
.logo {position:absolute; left:21px; top:4px;}
.logo a { display:block; font:24px/27px 'gretoonregular';  -webkit-font-smoothing: antialiased; text-transform:uppercase; color:#fff; text-shadow:3px 0 0 #000, -3px 0 0 #000, 0 3px 0 #000, 0 -3px 0 #000, 2px -2px 0 #000, 3px 3px 0 #000, -2px -2px 0 #000, -2px 2px 0 #000; padding:10px 0 0 55px;}
.logo a img { left:0; top:0; position: absolute;}

.logo .one-word{line-height: 2;}

.header-share-button {width:39px; height:39px; background-position:-29px -112px; position:absolute; top:16px; right:20px;}
.header-share-button:hover {background-position:-29px -171px;}
.header-share-button img {display:none;}

.pages_menu{ width:39px; height:39px;background-position:-29px -230px;}

/*Nav*/
.select-box-wrap {position:absolute; right:79px; top:16px;}
.select-box {float:left; margin:0 0 0 20px; position:relative;}
.select-box-header {float:left; height: 37px; position:relative; min-width:135px; padding:0 32px 0 14px; line-height:37px; color:#fff; font:13px/42px 'gretoonregular'; -webkit-font-smoothing: antialiased; cursor:url(images/cursor2.png) , auto;  -webkit-font-smoothing: antialiased;}
.select-box-header span { background-position: -184px -343px; width:11px; height:7px; position:absolute; top:15px; right:16px;}

.search-box {float:left; margin:0 0 0 20px;}
.search-box-header {height: 37px; padding:0 29px 0 15px; position:relative;}
.search-box-header input#ajaxsearchfield { width:138px; height:33px; margin-top:4px; color:#fff; font:13px 'gretoonregular'; -webkit-font-smoothing: antialiased; border:0; background:none; float:left;  -webkit-font-smoothing: antialiased;}
.search-box-header input#ajaxsearchfield::-webkit-input-placeholder {color:#fff;}
.search-box-header input#ajaxsearchfield::-moz-placeholder          {color:#fff;}
.search-box-header input#ajaxsearchfield:-moz-placeholder           {color:#fff;}
.search-box-header input#ajaxsearchfield:-ms-input-placeholder      {color:#fff;}
.search-box-header input[type="button"]  {padding:0; margin:0; border:0; width:21px; height:24px; position:absolute; top:7px; right:8px; background-position: -506px -334px; float:left; margin:0 0 0 7px; cursor:url(images/cursor2.png) , auto;}

.select-drop {position:absolute; top:53px; right:0px; display:none;}

.select-drop ul li a { color:#fff; font:13px/42px 'gretoonregular'; -webkit-font-smoothing: antialiased; display:block; padding:3px 0 0 15px; min-width:165px;}
.select-drop ul li:first-child a, .search-drop ul li:first-child a { border-radius:5px 0 0 0;}
.select-drop > ul > li:last-child a, .search-drop ul > li:last-child a { border-radius:0 0 0 5px; border-bottom:0}
.select-drop-in {max-height:450px; overflow:auto;}
.select-drop-arrow { background-position: -183px -372px; width:11px; height:7px; position:absolute; top:46px; right:14px;display:none;}

.search-drop {position:absolute; top:53px; right:0px; display:none; overflow: hidden;}
.search-drop ul{width:auto !important; left:initial !important;top:initial !important;}
.search-drop ul li a { color:#fff; font:13px/42px 'gretoonregular'; -webkit-font-smoothing: antialiased;  display:block; padding:3px 73px 0 15px; min-width:155px; position:relative;}
.search-drop ul li a img {position:absolute; right:0; top:0;}
.s-icon1, .s-icon2, .s-icon3 {display:none;}
.search-over {display:none;}



/*Thumbs*/
.thumbs-wrap { width:1893px; overflow:hidden; padding:0 0 0 10px; margin:0 auto; transition:all 0.3s ease-out; }
.thumbs {width:100%; padding-top:7px;}
.box {float:left; width:378px; height:378px;}
.thumb {float:left; width:179px; height:179px; margin:0 10px 10px 0; position:relative;}
.over {width:0px; height:179px; background:#fff; z-index:2; position:absolute; top:0; left:179px; border-radius:10px; z-index:2;  transition:all 0.3s ease-out; }
.over-in {width:179px; height:179px; background:#202932; z-index:2; position:absolute; top:0; left:0px; border-radius:10px; z-index:1;}

.thumb:hover .over {width:179px; left:0px;} 

.thumb .thumb-holder {display:block; position:relative; width:179px; height:179px; z-index:3;}
.thumb .thumb-holder > span { border-radius:10px; margin:2px; width:100%; height:100%;}
.thumb:hover img {}
.thumb .metathumb{ display:none; left:2px; right:2px; bottom:2px; position:absolute; background: rgba( 00, 00, 00, 0.7); border-radius:0 0 8px 8px; font:14px/16px 'groboldregular'; -webkit-font-smoothing: antialiased; color:#fff; text-align:center; padding:7px 0; z-index: 10;}

.thumb-banner {width:368px; height:318px; overflow:hidden; padding:25px 0; background: rgba( 00, 00, 00, 0.8); border-radius:10px; margin:0 10px 10px 0;  display: table-cell; text-align: center; vertical-align: middle;}
.thumb-banner > * {vertical-align: middle;}
.box.bann{display: inline-block;}

.grid {width:330px; height:330px; float:left;}
.thumb a span em {font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif; height:12px; display:block; margin-top:3px; padding-bottom:1px;}
.r {background:url(images/r1.png); background-size: cover; width:12px; height:12px; display:inline-block; margin-right:5px;}
.r2 {background:url(images/r2.png); background-size: cover; width:12px; height:12px; display:inline-block; margin-right:5px;}

.big-thumb {width:368px; height:368px; float:left; margin:0 10px 10px 0; position:relative;}
.big-thumb .thumbnailimage {width:364px; height:364px; border-radius:10px; margin:2px; }
.big-thumb a {display:block; position:relative; z-index:3; width:368px; height:368px;}
.big-thumb .thumbnailimage { }
.big-thumb:hover img {}
.big-thumb .big-title {display:none; left:2px; right:2px; bottom:2px; position:absolute; background: rgba( 00, 00, 00, 0.7); border-radius:0 0 10px 10px; font:30px/35px 'groboldregular'; -webkit-font-smoothing: antialiased; color:#fff; text-align:center; padding:12px 0}
.big-thumb:hover a span {}
.new {position:absolute; top:-7px; right:-7px; width:87px; height:86px; background-position:-61px -911px;}

.big-thumb .over {width:0px; height:368px; background:#fff; z-index:2; position:absolute; top:0; left:368px; border-radius:10px; transition:all 0.3s ease-out; }
.big-thumb:hover .over {width:368px; left:0px;} 
.big-thumb .over-in {width:368px; height:368px; background:#202932; z-index:1; position:absolute; top:0; left:0px; border-radius:10px; z-index:1;}

.big-thumb em {font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif; height:12px; display:block; padding:0 15px 4px 0; position:relative; text-align:right; margin-top:8px;}
.big-thumb em strong {position:absolute; left:15px; top:0; background:url(images/glaz.png) no-repeat left center; padding:0 0 0 31px;}

.show_mobile{ display:none;}

.post-ratings img, .post-ratings-loading img, .post-ratings-image img{height: 12px; width:12px; padding-right:5px;cursor:url(images/cursor2.png) , auto !important;}
.thumb-title{margin-bottom:4px; color:#fff}
.post-ratings {font: bold 12px 'Open Sans', Arial, Helvetica, sans-serif; height:12px;}
.thumb  {cursor:url(images/cursor2.png) , auto; text-decoration:none;}

#inifiniteLoader{visibility: none;}

.page-content-wrapper{
   
  background: rgba( 00, 00, 00, 0.8);
  border-radius: 10px 10px 0 0;
  border: 1px solid #000;
  border-bottom: 0;
  width: 100%;
  

}

.page-content-wrapper p{font-size: 18px;
  color: #fff;
  line-height: 26px;
  padding: 0 10px;
  margin-bottom: 34px;}

.page-content-wrapper header h1{background-image: -webkit-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: -moz-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: -o-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: -ms-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: linear-gradient(to top, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); height:38px; padding-top:6px; border-bottom:1px solid #000; text-align:center; font:18px/40px 'gretoonregular'; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000; color:#fff; font-weight:normal; position:relative;border-radius: 10px 10px 0 0; margin-bottom:26px;}


.pagination{padding: 10px 30px; text-align: center;}
.pagination li{display:inline-block; min-width: 42px}
.pagination li .page-numbers{
display:block;
height: 42px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 18px;
color: #fff;
text-shadow: 1px 1px rgba(0,0,0,.8);
text-decoration: none;
line-height: 38px; width: 100%; text-decoration: none; padding:0 5px;	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
background-color: #000; border: solid 1px #000; background-image: -webkit-linear-gradient(bottom, #000, #45494d); background-image: -moz-linear-gradient(bottom, #000, #45494d); background-image: -o-linear-gradient(bottom, #000, #45494d); background-image: -ms-linear-gradient(bottom, #000, #45494d); background-image: linear-gradient(to top, #000, #45494d);}
.pagination li:hover a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f66bc8; border: solid 1px #b1770b; background-image: -webkit-linear-gradient(bottom, #feae31, #efe457); background-image: -moz-linear-gradient(bottom, #feae31, #efe457); background-image: -o-linear-gradient(bottom, #feae31, #efe457); background-image: -ms-linear-gradient(bottom, #feae31, #efe457); background-image: linear-gradient(to top, #feae31, #efe457);
}
.pagination li .current {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f66bc8; border: solid 1px #b1770b; background-image: -webkit-linear-gradient(bottom, #feae31, #efe457); background-image: -moz-linear-gradient(bottom, #feae31, #efe457); background-image: -o-linear-gradient(bottom, #feae31, #efe457); background-image: -ms-linear-gradient(bottom, #feae31, #efe457); background-image: linear-gradient(to top, #feae31, #efe457);}

#smilar-games {overflow: auto; height: 200px;}

section.error-404,section.no-results {text-align: center; color:#fff; line-height:46px;  background: rgba( 00, 00, 00, 0.8);
  border-radius: 10px;
  border: 1px solid #000;
  border-bottom: 0;
  padding:20px;
  margin: 0 10px 40px 0;
   }

@media screen and (min-width: 1901px) {
  .left{width: 200px !important;  }
  .thumb .thumb-holder > span{
     -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
    -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
    box-sizing: border-box;
    width: 175px;
    height: 175px;
  }
}

@media screen and (max-width: 1900px) {
.head .center, .footer .center {max-width:971px;}
.thumbs-wrap {width:981px;}
#play .head .center, #play .footer .center {max-width:1870px !important;}


.box {float:left; width:327px; height:327px;}
.thumb {width:153.5px; height:153.5px;}
.over {height:153.5px; left:153.5px;}
.over-in {width:153.5px; height:153.5px;}
.thumb:hover .over {width:153.5px;} 
.thumb a, .thumb .thumb-holder  { width:153.5px; height:153.5px;}
.thumb .thumb-holder > span { width:149.5px; height:149.5px;}
.thumb-banner {width:317px; height:267px;}
.big-thumb {width:317px; height:317px;}
.big-thumb .thumbnailimage {width:313px; height:313px;}
.big-thumb a {width:317px; height:317px;}
.big-thumb .over {height:317px; left:317px;}
.big-thumb:hover .over {width:317px;} 
.big-thumb .over-in {width:317px; height:317px;}




}



@media screen and (max-width: 970px) {
.thumbs-wrap {width:725px;}


.box {float:left; width:362px; height:362px;}
.thumb {width:171px; height:171px;}
.over {height:171px; left:171px;}
.over-in {width:171px; height:171px;}
.thumb:hover .over {width:171px;} 
.thumb a,.thumb .thumb-holder { width:171px; height:171px;}
.thumb .thumb-holder > span  { width:167px; height:167px;}
.thumb-banner {width:352px; height:302px;}
.big-thumb {width:352px; height:352px;}
.big-thumb .thumbnailimage {width:348px; height:348px;}
.big-thumb a {width:352px; height:352px;}
.big-thumb .over {height:352px; left:352px;}
.big-thumb:hover .over {width:352px;} 
.big-thumb .over-in {width:352px; height:352px;}

.thumb a span, .big-thumb a span , .thumb .metathumb{display:block;}
.thumb .over {width:171px; left:0px;} 
.big-thumb .over {width:352px; left:0px;}

}

@media screen and (max-width: 660px) {
.thumbs-wrap {width:470px;}


.box {width:310px; height:310px;}
.thumb {width:145px; height:145px;}
.over {height:145px; left:145px;}
.over-in {width:145px; height:145px; }
.thumb:hover .over {width:145px;} 
.thumb a,.thumb .thumb-holder {width:145px; height:145px;}
.thumb-banner {width:300px; height:250px;}
.thumb .thumb-holder > span  {width:141px; height:141px;}
.big-thumb {width:460px; height:460px; margin:0;}
.big-thumb .thumbnailimage {width:456px; height:456px;}
.big-thumb a {width:460px; height:460px;}
.big-thumb .over {height:460px; left:460px;}
.big-thumb:hover .over {width:460px;} 
.big-thumb .over-in {width:460px; height:460px;}

.thumb a span, .big-thumb .big-title,.thumb .metathumb {display:block;}
.thumb .over {width:145px; left:0px;} 
.big-thumb .over {width:460px; left:0px;}

}

@media screen and (max-width: 470px) {
.thumbs-wrap {width:310px;}

.box {width:310px; height:310px;}
.thumb {width:145px; height:145px;}
.over {height:145px; left:145px;}
.over-in {width:145px; height:145px; }

.thumb:hover .over {width:145px;} 
.thumb a,.thumb .thumb-holder {width:145px; height:145px;}
.thumb-banner {width:300px; height:250px;}
.thumb .thumb-holder > span  {width:141px; height:141px;}


.big-thumb {width:300px; height:300px; }
.big-thumb .thumbnailimage {width:296px; height:296px;}
.big-thumb a { width:300px; height:300px;}

.big-thumb .over { height:300px; left:300px;}
.big-thumb:hover .over {width:300px;} 
.big-thumb .over-in {width:300px; height:300px; }


.thumb a span, .big-thumb a span {display:block;}
.thumb .over {width:145px;} 
.big-thumb .over {width:300px; left:0px;}



}


/*Footer*/
.footer {position:fixed; left:0; bottom:0; right:0; height: 40px; background-color: #000; border: solid 1px #000; background-image: -webkit-linear-gradient(bottom, #000, #45494d); background-image: -moz-linear-gradient(bottom, #000, #45494d); background-image: -o-linear-gradient(bottom, #000, #45494d); background-image: -ms-linear-gradient(bottom, #000, #45494d); background-image: linear-gradient(to top, #000, #45494d); border-left:0; border-right:0; z-index:10;}
.footer p{float:left;}
.footer p, .des {font-weight:300; color:#fff; line-height:40px;}
.des {float:right;}
.footer p a, .des a {text-decoration:none; font-weight:700; color:#fff;}
.soc {float:right;}
.soc ul {float:left; padding:4px 0 0 8px;}
.soc ul li {float:left; margin-left:5px;}
.soc ul li a {width:32px; height:32px; display:block;}
.des { float:right; margin-right:10px;}
.hide {display:none;}

#container {z-index:1;}


/*Contact Popup*/
.wrap-x {background: rgba( 00, 00, 00, 0.7); z-index:100; position:absolute; left:0; top:0; width:100%; display:none; z-index:11}
.pop {border-radius: 5px; background: rgba( 255, 255, 255, 0.5); box-shadow: 0 0 5px rgba(204,0,0,.49); position: absolute; left:50%; top:100px; padding:10px; margin:0 0 0 -205px;}
.pop-in {width:350px; background:#fdfdfd; padding:10px 20px 20px 20px; position:relative;}


.wrap-x h4 { font-size:35px; font-weight:normal; margin-bottom:10px;}
.l {padding-bottom:10px;}
.l input {width:338px;  border:1px solid #6a6969; height:31px; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#222; background:#fff; padding:0 0 0 10px;}
.l textarea {width:328px; padding:5px 10px 5px 10px; border:1px solid #6a6969; height:187px; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#222; background:#fff; resize:none;}
.sd {border: solid 1px #000; background-image: -webkit-linear-gradient(bottom, #000, #45494d); background-image: -moz-linear-gradient(bottom, #000, #45494d); background-image: -o-linear-gradient(bottom, #000, #45494d); background-image: -ms-linear-gradient(bottom, #000, #45494d); background-image: linear-gradient(to top, #000, #45494d); width: 204px; height: 64px; display:block;  font:700 36px 'Open Sans', Arial, Helvetica, sans-serif; border-radius:3px; color:#fff; margin:0 auto;}
.sd:hover { background:#000; cursor:pointer;}
.close { background: url(images/close.png); width:16px; height:16px; cursor:pointer; position:absolute; top:20px; right:20px;}



/*Contact Popup*/
.wrap-x {background: url(images/png.png); z-index:100; position:absolute; left:0; top:0; width:100%; display:none;}

.pop-in {width:350px; background:#fff; padding:10px 20px 20px 20px; position:relative;}

.wrap-x h4 { font-size:35px; font-weight:normal; margin-bottom:10px;}
.l {padding-bottom:10px;}
.l input {width:338px;  border:1px solid #6a6969; height:31px; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#222; background:#fff; padding:0 0 0 10px;border-radius: 0;}
.l textarea {width:328px; padding:5px 10px 5px 10px; border:1px solid #6a6969; height:187px; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#222; background:#fff; resize:none; border-radius: 0;}
#contact-container textarea.contact-input {padding:5px 10px;}

.close {  background: url(images/close.png);width:16px; height:16px; cursor:pointer; position:absolute; top:20px; right:20px;}
.recaptcha_only_if_privacy { display: none; }


/* Container */
#contact-container { text-align:left; width:400px;}

#contact-container *{
  -webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  -moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  box-sizing: border-box;  }
#contact-container .contact-content { -webkit-border-radius: 4px/5px; -moz-border-radius: 4px/5px; border-radius: 4px/5px;background: rgba( 255, 255, 255, 0.5); -webkit-box-shadow: 0 0 5px rgba(255,212,87,.49); -moz-box-shadow: 0 0 5px rgba(255,212,87,.49); box-shadow: 0 0 5px rgba(255,212,87,.49); padding:10px;}
#contact-container .contact-content .inner {background:#fff; padding:10px 20px 20px 20px; position:relative; height: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box;         /* Opera/IE 8+ */}
#contact-container h4 { font-size:35px; font-weight:normal; margin-bottom:10px; color: #000;}
#contact-container .contact-loading {height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}
#contact-container .contact-message {text-align:center; margin-top:-10px; margin-bottom:10px;}
#contact-container .contact-error {border:1px solid #cc0000; font-size:12px; font-weight:normal; line-height:18px; margin:0 auto; padding:4px; width:100%;  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box;         /* Opera/IE 8+ */}
#contact-container form {margin:0; padding:0;}
#contact-container .contact-input {width:338px;  border:1px solid #6a6969; height:31px; font:14px 'Open Sans', Arial, Helvetica, sans-serif; color:#222; background:#fff; padding:0 0 0 10px;}
#contact-container textarea.contact-input {height:114px;}
#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}
#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {border-radius: 3px;


line-height: 42px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
color: #fff;
padding: 0px 10px;
cursor: pointer;}
#contact-container .contact-button:hover {border: 1px solid #494949;
background: #000;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited { background: url(images/close.png); width:16px; height:16px; cursor:pointer; position:absolute; top:30px; right:30px; z-index: 4;font-size:0;}
#contact-container a.modal-close:hover {color:#ccc;}



/*-----Play Page-----*/
.main-banner {background: rgba( 00, 00, 00, 0.8); width:728px; padding:10px; border-radius:10px; margin:10px auto 30px auto;}
.two-banner {display:none;}
.game {background: rgba( 00, 00, 00, 0.8); width:728px; padding:10px; border-radius:10px; margin:10px auto 30px auto; }
.curtain .game, .curtain .play-wrap{ z-index: 110;  position: relative;}

.gamewrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.gamewrapper object,
.gamewrapper iframe,
.gamewrapper embed  {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
        z-index:20;
}
.fullscreen .gamewrapper {
	position: relative;
	padding:0 !important;
	height: auto;
        background: #000;
}
.fullscreen .gamewrapper object,
.fullscreen .gamewrapper iframe,
.fullscreen .gamewrapper embed  {
        position: relative;
	top: auto;
	left: auto;
	
}

.fullscreen-top, .fullscreen-bottom{
    
    text-align: center;
    display:none;
}

#close-fullscreen{display: none; position: absolute; top:5px; right: 5px;   z-index: 200; color: #fff;
                  padding:5px 10px;
text-shadow: 1px 1px rgba(0,0,0,.8);
text-decoration: none;
  border: solid 1px #000;
background-color: #000; border: solid 1px #000; background-image: -webkit-linear-gradient(bottom, #000, #45494d); background-image: -moz-linear-gradient(bottom, #000, #45494d); background-image: -o-linear-gradient(bottom, #000, #45494d); background-image: -ms-linear-gradient(bottom, #000, #45494d); background-image: linear-gradient(to top, #000, #45494d); }
#close-fullscreen span{background: url(images/close_full.png) center no-repeat;
width: 24px;
height: 24px;
vertical-align: middle;
margin-right:6px;
display: inline-block;

}

.fullscreen #close-fullscreen {display: block;}
.report-but { background:#cc0000; border:1px solid #000; color: #fff; text-shadow: 1px 1px 2px #000; display:block; margin:10px auto 0 auto; height:40px; padding-top:6px; width:224px; font:18px/40px 'gretoonregular'; border-radius:3px; text-align:center;}
.report-but:hover {background:#f40404;}

.play-wrap {width:748px; margin:0 auto; position:relative; z-index: 1;}
.opt-box { width:100px; height:100px; text-align:center; position:absolute; top:0; left:-111px; background: rgba( 00, 00, 00, 0.8); border-radius:10px; color:#fff; font-weight:600;}
.curtain .opt-box {z-index: 110;  }
.opt-box2 { left:auto; right:-111px;}
.opt-box p {padding-top:10px;}
.cheker {width:65px; height:24px; background-position:-732px -213px; cursor:url(images/cursor2.png) , auto; margin:21px auto 0 auto;}
.cheker.active {background-position:-732px -245px;}
.full-screen {width:40px; height:34px; margin:18px auto 0 auto; display:block; background-position:-591px -192px;}
.full-screen:hover {background-position:-651px -193px;}

.how-to-play-box {background: rgba( 00, 00, 00, 0.8); width:728px; padding:10px; border-radius:10px; margin:0 auto 30px auto; display:none;}

.game-box {background: rgba( 00, 00, 00, 0.8); border-radius:10px; border:1px solid #000; border-bottom:0; display:table; margin:0 auto;}
.left { display:table-cell; width:165px;}
.right { display:table-cell; width:319px;}
.middle {display:table-cell; border-left:1px solid #6d7673; border-right:1px solid #6d7673; width:1142px;}
.game-box h3, .game-box h2, .similar h4 {background-image: -webkit-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: -moz-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: -o-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: -ms-linear-gradient(bottom, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); background-image: linear-gradient(to top, #0a0809, #0a0f0b 51%, #6d7673 51%, #afbdc0); min-height:38px; padding-top:6px; border-bottom:1px solid #000; text-align:center; font:18px/40px 'gretoonregular'; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000; color:#fff; font-weight:normal; position:relative;}
.left h3 {border-radius:10px 0 0 0;}
.right h3 {border-radius:0 10px 0 0;}
.middle h2 {margin-bottom:23px;}
.game-buttons {margin-bottom:23px; text-align:center;}
.play-but, .howto-report, .report-but2, .send, .form-submit #submit  {height:40px; width:224px; padding-top:6px; font:18px/40px 'gretoonregular'; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 2px #000; color:#fff; color:#fff; display:inline-block; text-align:center; margin:0 3px; position: relative;}
.play-but a{color:#fff; display: block; width: 100%;}
.howto-report, .report-but2 {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f66bc8; border: solid 1px #b1770b; background-image: -webkit-linear-gradient(bottom, #feae31, #efe457); background-image: -moz-linear-gradient(bottom, #feae31, #efe457); background-image: -o-linear-gradient(bottom, #feae31, #efe457); background-image: -ms-linear-gradient(bottom, #feae31, #efe457); background-image: linear-gradient(to top, #feae31, #efe457);}
.howto-report:hover, .report-but2:hover {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f66bc8; border: solid 1px #b1770b; background-image: -webkit-linear-gradient(top, #feae31, #efe457); background-image: -moz-linear-gradient(top, #feae31, #efe457); background-image: -o-linear-gradient(top, #feae31, #efe457); background-image: -ms-linear-gradient(top, #feae31, #efe457); background-image: linear-gradient(to bottom, #feae31, #efe457);}

#progressbarloadbg{height: 100%; position:absolute; top:0;bottom:0; background-color: rgba(253,253,253,0); background-image: -webkit-linear-gradient(bottom, #febf04, #ffd65e); background-image: -moz-linear-gradient(bottom, #febf04, #ffd65e); background-image: -o-linear-gradient(bottom, #febf04, #ffd65e); background-image: linear-gradient(to top, #febf04, #ffd65e); z-index: 2;}
#progressstatus, #progresstext {z-index: 3; position:relative}


.thumbs-game {margin-top:23px; width: 100%}
.thumbs-game .thumb {float:none; margin:0 auto 20px auto;}
.game-banners { text-align:center;}
.game-banners div {margin-bottom:20px;}
.back {color:#fff;   width: 140px;  display: block;  margin: 0 auto;}
.back span { width:42px; height:35px; background-position:-425px -116px; display:block; float:left;}
.back:hover span {background-position:-482px -116px;}

.desc {font-size:18px; color:#fff; line-height:26px; padding:0 10px; margin-bottom:34px;}
.desc span {font:18px/26px 'gretoonregular'; -webkit-font-smoothing: antialiased; vertical-align:middle;}
.options {border-radius: 5px; padding:13px 20px; font-size:14px; text-shadow: 1px 1px 2px #000; color:#fff; margin:0 10px 20px 10px; position:relative;}
.f {font:14px 'gretoonregular'; -webkit-font-smoothing: antialiased; vertical-align:middle; margin-right:3px;}
.options a {color:#fff;}
.options a:hover {text-decoration:underline;}
.options td {padding-right:10px;}
.options td img {display:block;}
.rait-box, .game-box .middle .post-ratings {position:absolute; top:50%; right:20px; margin-top:-8px; width: auto; height: 16px; }
.game-box .middle .post-ratings img,.game-box .middle .post-ratings-loading img,.game-box .middle .post-ratings-image img{height: 16px; width:16px; padding-right:5px;cursor:url(images/cursor2.png) , auto !important;vertical-align: middle;}
.game-box .middle .post-ratings img:last-child,.game-box .middle .post-ratings-loading img:last-child,.game-box .middle .post-ratings-image img:last-child{margin-right:10px;}

.rait-box span {width:16px; height:16px; float:left; margin-left:5px; background-size:cover;}

.game-box   .middle  .post-ratings{ font-style:normal; font-size:14px; float:left; margin-left:15px; line-height:16px; font-weight: normal;}
.line-x {border-top:1px solid #6d7673; height:0; overflow:hidden; margin-bottom:20px;}

.com-wrap {margin:0 10px; text-align:center; padding-bottom:20px;}
.com-wrap .input {height: 48px; width:32%; float:left; margin:0 1.5% 10px 0; border-radius: 5px; background-color: #fff; -webkit-box-shadow: inset 3px 4px 5px rgba(0,0,0,.25); -moz-box-shadow: inset 3px 4px 5px rgba(0,0,0,.25); box-shadow: inset 3px 4px 5px rgba(0,0,0,.25); }
.com-wrap .input div {padding:0 0 0 20px;}
.input input {border:0; height: 48px; font:18px 'Open Sans', Arial, Helvetica, sans-serif; color:#000; width:100%; background:none;}


.com-wrap .input:nth-child(3) {margin:0 0 10px 0; width:33%;}
#comments .textarea {clear:both; display:block; border-radius: 5px; background-color: #fff; -webkit-box-shadow: inset 3px 4px 5px rgba(0,0,0,.25); -moz-box-shadow: inset 3px 4px 5px rgba(0,0,0,.25); box-shadow: inset 3px 4px 5px rgba(0,0,0,.25);  margin-bottom:20px;}



#comments .textarea div {padding:10px 0 10px 20px; }
#comments .textarea textarea {font:18px 'Open Sans', Arial, Helvetica, sans-serif; color:#000; height:180px; overflow:auto; resize:none; border:0; width:100%}
.send ,.form-submit #submit {width:460px; cursor:url(images/cursor2.png) , auto; height:46px; line-height:46px; display:block; margin:0 auto; padding: 0;}
#reply-title{display: none;}
.logged-in-as {  color: #fff;  text-align: left;  font-size: 14px;  margin: 10px 0;}
.logged-in-as a {  color: #fff;}
.logged-in-as a:hover {  text-decoration: underline;}


.comments, .comment-list {margin:0 10px;}
.comment-list ul{margin-left:6%;}
.com,.comment-list .comment {position:relative; min-height:83px; margin-bottom:20px;}
.comment-list .image-container {position:absolute; left:0; top:0; border-radius:6px; width:73px; height:73px;}
.comment-list .image-container img {width: 100%; height: 100%;}
.com-in,.comment-content {margin:0 0 0 98px; position:relative; padding:12px 15px; color:#fff;}
.com-arr {width:7px; height:14px; position:absolute; top:20px; left:-7px;}
.com-name {font-weight:700; margin-bottom:3px;}
.com-in p {line-height:17px; padding-bottom:3px;}
.comment-list .reply {position:relative; color:#000; float:left;}
.comment-list .reply a,.comment-edit-link {color:#000;}
.comment-list .reply span {position:absolute; top:0; right:0;}
.comment-list time {float:right;}


.game-box2 .left h3 {border-radius:0 10px 0 0;}
.game-box2 .right h3 {border-radius:10px 0 0 0;}

.hidden-banner, .similar {display:none;}

/* =Main content and comment content
-------------------------------------------------------------- */
.page-content-wrapper{color:#fff;}
.page-content-wrapper a{color:#fff;   text-decoration: underline;}
.page-content-wrapper .entry-content a{color:#fff;   text-decoration: underline;}
.page-content-wrapper .entry-content{padding:10px;}
.page-content-wrapper .entry-meta,.page-content-wrapper .entry-footer{padding:0 10px;}

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 0;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
}
.entry-header .entry-title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.846153846;
	color: #757575;
}

.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 18px;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 16px;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 14px;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 13px;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 12px;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 14px;
	line-height: 1.3;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #9f9f9f;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	padding: 24px;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	line-height: 1.714285714;
	margin: 24px 0;
	overflow: auto;
	padding: 24px;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
}
img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-bottom: 12px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	line-height: 2;
	margin: 0 0 24px;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	margin: 24px 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	border-bottom: 4px double #ededed;
	margin-bottom: 72px;
	padding-bottom: 24px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	font-size: 13px;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


#fb-root {
    display: none;
}

.facebook-box .fb_iframe_widget,.facebook-box  .fb_iframe_widget span,.facebook-box .fb_iframe_widget span iframe[style]
{
    width: 100% !important;
}


.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}



/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
	
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}


.footer p a.myarcadelink {font-weight: normal;}

.logo-image img{  max-height: 62px;
  width: auto;
}

@media screen and (max-width: 1670px) {
.center {  padding:0 15px;}

/*Head*/
.logo {position:absolute; left:16px;}
.header-share-button {right:15px;}

/*Nav*/
.select-box-wrap {right:74px;}

/*Footer*/
.soc {right:15px;}
.des { right:171px;}

.middle {width:482px;}
.left {width:164px;}
.right {width:319px;}
.com-wrap textarea, .com-wrap input[type="text"] {width:446px; margin-right:0;}
.com-wrap .send , .form-submit #submit {width: 100%; margin:0;}


}

@media screen and (max-width: 990px) {
.center {  padding:0 10px;}
.pad {display:none;}
.head .center {width:650px;}

/*Head*/
.head {height:142px; position:relative; left: auto; top:auto; right:auto; margin-bottom:20px;}
.logo {left: 234px; right:10px;}
.logo a {margin:0 auto; background:none; width:auto;}
.header-share-button {right:10px; top:88px;}

/*Nav*/
.select-box-wrap {right: auto; left:10px; top:88px;}
.select-box {margin:0 5px 0 0;}
.search-box { margin:0 5px 0 0 ;}
.select-drop { max-width:200px;}


 


/*Footer*/
.wrap {padding-bottom:0;}
.footer {height:auto; position:relative; left: auto; bottom:auto; right:auto; padding:10px 0;}
.soc {right:10px;}
.footer p {line-height:normal; padding-bottom:10px;}
.des {position:relative; right:auto; top:auto; line-height: normal;}



/*Play Page*/
.two-banner {display:block; }
.mb {display:none;}
.main-banner {width:auto;  text-align:center; margin-top:30px;}
.two-banner div {width:50%; float:left;}


.game {width:408px;}
.play-wrap {width:428px; }
.opt-box { left:-110px;}
.opt-box2 { left:auto; right:-110px;}
.how-to-play-box {width:408px;}


.right {display:none;}
.middle h2 {border-radius:0 10px 0 0;}
.middle {border-right:0;}
.com-wrap .input, .com-wrap .input:nth-child(3) {float:none; margin:0 0 20px 0; width:100%;}
.com-wrap .input input {width:100%;}


.game-box2 .middle h2 {border-radius:10px 0 0 0;}
.game-box2 .middle {border-right:1px solid #6d7673; border-left:0;}

.admin-bar .head {  top: 0;}


}


@media screen and (max-width: 690px) {
    body{position: relative;}
.center { width:320px; padding:0}
.head .center {width:320px;}

#wpadminbar {position: fixed !important;}

/*Head*/
.logo {height:79px; position:static; margin:0 0 0 65px;}
.logo.image{margin:0;}
.logo.image a img{margin:4px auto; position: relative;top:initial; left: initial;}
.logo.image a {padding: 0; text-align: center;}
.header-share-button {right: auto; top: auto; width:55px; height:55px; background-position:-806px -298px; position:static; float:left;}
.header-share-button:hover {background-position:-806px -298px;}
.logo a {position:relative;}

/*Nav*/
.select-box-wrap {right: auto; left:10px; top:88px;}
.select-box {margin:0 20px 0 0;}
.s-icon {width:55px; height:55px; display:block; cursor:url(images/cursor2.png) , auto;}
.s-icon1 {background-position:-581px -298px;}
.s-icon2 {background-position:-656px -298px;}
.s-icon3 {background-position:-731px -298px;}
.search-box-header, .select-box-header {display:none;}
.select-box-wrap { top:79px; left:19px; position:absolute;}

.select-drop {position:absolute; top:53px; right:0px; display:none;  max-width:100%;}
.select-drop ul  li > a { color:#fff; font:13px/70px 'gretoonregular'; -webkit-font-smoothing: antialiased; display:block; padding:3px 0 0 15px; min-width:165px; border-bottom:1px solid #828282; height:70px;}
.select-drop ul li a:hover {height:auto; border-top:0; line-height:70px}
.select-drop > ul > li:first-child a, .search-drop ul li:first-child a { border-radius:5px 0 0 0;}
.select-drop > ul > li:last-child a, .search-drop ul li:last-child a { border-radius:0 0 0 5px; border-bottom:0}
.select-drop-in {max-height:450px; overflow:auto;}
.select-drop-arrow { background-position: -183px -372px; width:11px; height:7px; position:absolute; top:-8px; right:14px;}


.select-drop >ul>li:first-child a, .search-drop ul li:first-child a { border-radius:0;}
.select-drop >ul>li:last-child a, .search-drop ul li:last-child a { border-radius:0; border-bottom:0}

.search-box { margin:0;}
.search-over {background-color: rgba(0,126,191,0); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.45); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.45); box-shadow: 0 5px 5px rgba(0,0,0,.45); background-image: -webkit-linear-gradient(top, #000, #45494d); background-image: -moz-linear-gradient(top, #000, #45494d); background-image: -o-linear-gradient(top, #000, #45494d); background-image: linear-gradient(to bottom, #000, #45494d);  padding:20px; position:absolute; top:144px; left:0; right:0; display:none;}

.pages_menu_wrapper{display: none;}

.ajax-search {border:1px solid #c8c8c8; border-top:0; background:#fff; display:none; width: auto !important; left:initial !important; top:initial !important;}
.ajax-search li a {color:#747474; font-size:14px; display:block; padding:0 0 0 15px; height:42px; border-bottom:1px solid #c8c8c8; line-height:42px; text-decoration:none;}
.ajax-search li a:hover {background:#f2f2f2;}
.ajax-search li:last-child a {border:0;}
.in1 {width:167px;  color:#747474;font:13px 'Open Sans', Arial, Helvetica, sans-serif ;height:45px; border:0; width:100%}
.go {width:45px; height:45px; position: absolute; top:0px; right:0; border:0; background-position:-490px -928px; cursor:pointer;}
.search-drop  {display:none;}


.in1-x {padding:0 40px 0 15px; height:45px; background:#fff; border:1px solid #c8c8c8; position:relative;}


.select-drop {background-color: rgba(0,126,191,0); -webkit-box-shadow: 0 5px 15px rgba(1,1,1,.75); -moz-box-shadow: 0 5px 15px rgba(1,1,1,.75); box-shadow: 0 5px 15px rgba(1,1,1,.75); border: solid 1px #000; background-image: -webkit-linear-gradient(top, #000, #45494d); background-image: -moz-linear-gradient(top, #000, #45494d); background-image: -o-linear-gradient(top, #000, #45494d); background-image: -ms-linear-gradient(top, #000, #45494d); background-image: linear-gradient(to bottom, #000, #45494d); left:0; right:0; top:144px; border-radius:0; border-left:0; border-right:0}

.select-drop-arrow {display:none;}
.select-box, .head .center {position:static;}
.select-box-wrap {position:static; right: auto; left: auto; top: auto; margin-left:21px; float:left; padding-right:20px;}
.jspTrack {background:#000;}
.jspDrag {background: #eee;}



/*Footer*/
.wrap {padding-bottom:0;}
.footer { text-align:center;}
.hide {display:block;}
.footer p {padding-bottom:0; line-height:20px;}
.footer .des { line-height:20px;}
.soc { position:relative; right:auto; top:auto; width:100%; margin-top:10px;}
.soc ul {float:none; margin:0; padding:0; text-align:center; width:100%;  height:32px;}
.soc ul li {float:none; display:inline-block; margin:0 2px;}

/*Contact Popup*/
.pop {padding:10px; margin:0 0 0 -160px;}
.pop-in {width:280px;  padding:10px 10px 20px 10px;}
.l input {width:268px; }
.l textarea {width:258px;}


/*Play Page*/
.two-banner div:nth-child(2) { display:none;}
.how-to-play-box { width:auto;}

.game {width: auto;}
.play-wrap {width: auto;}
.opt-box {position:static; width:150px; float:left; margin:-10px 0 20px 0;}
.opt-box2 {margin-left:20px;}


.middle h2, .game-box2 .middle h2 {border-radius:10px 10px 0 0;}
.left, .right {display:none;}
.middle, .game-box2 .middle {border:0; width:319px;}
.middle {border-radius:10px 10px 0 0;}


.com-wrap textarea, .com-wrap input[type="text"] {width:278px; margin-right:0;}
.send,.form-submit #submit  {width:278px;}

.play-but, .howto-report, .report-but2, .send,.form-submit #submit {height:40px; width:298px;}
.howto-report, .report-but2 { width:298px;}
.back {display:none;}
.play-but {margin-bottom:20px;}
.com img {display:none;}
.com-arr {display:none;}
.com-in { margin:0;}

.hidden-banner {display:block; text-align:center; margin-bottom:20px;}

.sim-thumbs .thumb {margin:0 9px 10px 0;}
.similar {display:block; width: 317px;}
.similar h4 {margin-bottom:10px;}
.sim-thumbs {margin:0 0 10px 9px;}

.show_mobile{ display: initial;}
.admin-bar .head {  top: 0;}

}

/**** Transitions ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}

.atm {display: none !important;}

/* Basic styling */

#commentform div.error, #commentform label.error {
	background: #FF0000;
        color:#ffffff;
        padding:5px;
        border-radius: 5px;
        position: absolute;
}
#commentform div.errorlabels label {
	display: block;
}