@font-face {

  font-family: 'Coffee At Midnight';

  src: url(../fonts/CoffeeAtMidnightDemo.woff);

}

@font-face {

  font-family: 'DK Prince Frog';

  src: url(../fonts/DK-Prince-Frog.woff);

}
.nav-box {
    height: 50px;
    background-color: #9EC440;
    border-bottom: 5px solid rgba(0,0,0,0.5);
    background-image: linear-gradient(to bottom,#9fc440 46%,#97bd37 56%);
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 10;
    text-align: center;
}

/*.nav-box {*/
    /*height: 50px;*/
    /*background-color: #fcba55;*/
    /*background-image: linear-gradient(to bottom, rgb(247, 178, 81) 52%, rgb(252, 185, 85) 56%);*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.5);*/
    /*position: fixed;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*top: 0;*/
    /*z-index: 10;*/
    /*text-align: center*/
/*}*/

.nav-box ul{display:inline-block;vertical-align:top}

.menu-box{border-left:1px solid rgba(255, 255, 255, 0.1);box-shadow:-1px 0 rgba(0, 0, 0, 0.1);height:50px;padding-left:10px;position:relative;display:none}

.menu-box a:not(.sub){line-height:24px;text-decoration:none;color:#000;display:block;float:left;height:24px;margin:12px 2px 14px;padding:0 10px;font-family:Helvetica,Arial,sans-serif,Gotham,"Helvetica Neue";font-size:12px;font-weight:700;text-shadow:1px 1px #E5A750;color:#fff;transition:all 300ms linear}

.menu-box a:not(.selected):not(.more):not(.sub):hover{background-color:rgba(255, 255, 255, 0.5);border-radius:2em;text-shadow:1px 1px #CCC}

.menu-box a.selected{background-color: green;border-radius:2em;padding:0 15px;cursor:default}

.menu-box a.more{background:url(../images/arrow.png) no-repeat right 11px;padding-right:10px;position:relative;text-shadow:none;z-index:5;outline:none}

.submenu{position:absolute;right:-15px;top:0;width:140px;padding:48px 0 0;background-color:rgba(0, 0, 0, 0.3);z-index:4;display:none}

.submenu a{display:block;height:35px;line-height:35px;padding-right:25px;text-align:right;background-color:rgba(0, 0, 0, 0.6);text-decoration:none;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;transition:all 200ms linear;color:#333}

.submenu a:first-child{border-top:1px solid rgba(255, 255, 255, 0.3);box-shadow:0 -1px rgba(0, 0, 0, 0.4)}

.submenu a:hover{background-color:rgba(0, 0, 0, 0.3)}

.main{margin:0 auto 10px;}

.footer{height:100px;background-color:rgba(0, 0, 0, 0.3);font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;line-height:100px;text-align:center;margin-bottom:0;position:absolute;bottom:0;left:0;right:0;z-index:5;}

.copyright{    float: right;
    color: #fff;}
.exchange{float:left; padding-left: 10px;}

.copyright a{padding: 0 10px;}

.copyright a.site-name {

    color: rgba(0, 0, 0, 0.6);

    font: bold 15px "Coffee At Midnight";

    text-decoration: none;

    text-shadow: 1px 1px rgba(255, 255, 255, 0.1);

}

.copyright a span {

    color: #fff;

    font: bold 18px "DK Prince Frog",Arial;

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

}

.footer a{text-decoration:none;color:#000;font-weight:700}

.loadmore{display:inline-block;vertical-align:top;height:24px;width:24px;margin-top:8px;background:url(../images/loadmore.gif) no-repeat 0 0}

.loadmore-text{display:inline-block;vertical-align:top;color:#666}

ul.pagination li a{
    background: #7d9931;
    color: #fff;
}
ul.pagination li a:hover{
    background: #b3db46;
}
ul.pagination li a.act{
    background: #b3db46;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    box-sizing: border-box;
}
.pagination>li {
    display: inline;
    box-sizing: border-box;
}
.pagination-lg>li>a, .pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    position: relative;
    float: left;
    margin-left: -1px;
    text-decoration: none;
    border: 1px solid #ddd;
}
.adver-home{
    margin-top: 60px;
    margin-bottom: -75px;
    text-align: center;
}
.adver-play{
    margin-top: 60px;
    margin-bottom: 5px;
    text-align: center;
}
.ads-home{
    background-image: -webkit-linear-gradient(bottom, #83984d 0%, #83984d 54%, #83984d 100%);
    float: left;
    margin: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 26px 4px;
    border: 1px solid #fff6e8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.preload-game{
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #9EC440;
    z-index: 5;
}
.preload-content{
    position: relative;
}
.game-ads{
    margin-top: 75px;
}
#preload-status{
    padding: 20px 0 20px 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
#preload-progress{
    display:inline-block;
    background-color: #000000;
    height: 1px;
    border-radius: 9px;
    box-shadow: 0 0 5px 3px #ffffff;
}