html,body{margin:0;padding:0;font-size:100%;height:100%;width:100%;overflow:hidden;}

body {font-family: "open_sansregular", Arial, Helvetica, sans-serif; color: #fff; 
background:url(http://slotcatalog.com/img/bg.jpg) repeat; }
#playWrapSlotCatalog {width: 100%; height: 100%; float:left  }
#playWrapSlotCatalog #menu { color:#77ad1b!important; padding: 0; margin: 0; width:50%; float: left; }
#playWrapSlotCatalog #menu a {font-size: 10px; color:#77ad1b!important; text-decoration:none }
#playWrapSlotCatalog #menu a:hover {font-size: 10px; color:#fff!important; text-decoration:underline }
#playWrapSlotCatalog #game { margin:0; float:left; height:100%; z-index:1; position:relative }
#playWrapSlotCatalog #rating { float: right; }
.totalrate { color: red;  display: none; font-weight: 700 }

*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body{font-family:"open_sansregular", Arial, Helvetica, sans-serif;color:#47a3da;}
a{text-decoration:none;}
.main{width:100%;height: 100%;margin:0;float:left}
section{max-width:260px; height:32px; width:32px;margin:0 0 -32px 0;float:right; z-index:9999; position:relative;}
button{border:none;position:relative;float:right;height:32px;width:32px;background:#77ad1b;color:#fff;padding:4px 12px; border-radius:50%;display:block;width:100%;cursor:pointer;margin:5px; z-index:9999; font-size:20px; line-height:20px;font-weight:bold }
button:hover{background:#95da1f}
button.active{background:#95da1f}
button.disabled{background:#aaa;pointer-events:none}
.cbp-spmenu {background:#77ad1b;position:fixed;}
.cbp-spmenu a {display:block;color:#fff;font-size:1em;font-weight: normal;}
.cbp-spmenu a:hover {background:#95da1f;}
.cbp-spmenu a:active {background:#95da1f;color:#47a3da;}
/* .cbp-spmenu-vertical span {border-bottom: none;padding:15px;color:#fff!important;font-size:0.75em;font-weight: normal;} */
.cbp-spmenu-vertical {width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a {border-bottom:1px solid #95da1f;padding:15px;}
.cbp-spmenu-vertical a.active {background:#95da1f;}
.cbp-spmenu-right {right:-240px;}
.cbp-spmenu-right.cbp-spmenu-open {right:0px;}
.cbp-spmenu-top.cbp-spmenu-open {top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open {bottom:0px;}
.cbp-spmenu-push {overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright {left:240px;}
.cbp-spmenu-push-toleft {left:-240px;}
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
@media screen and (max-height:26.375em){
.cbp-spmenu-vertical a {border-bottom:1px solid #95da1f;padding:6px 10px;}
.cbp-spmenu-vertical {font-size:70%;width:190px;}
.cbp-spmenu-left,.cbp-spmenu-push-toleft {left:-190px;}
.cbp-spmenu-right {right:-190px;}
.cbp-spmenu-push-toright {left:190px;}
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}