@import url("top.css");
@import url("stores.css");
@import url("langs.css");
@import url("footer.css");

html {
    height: 100%; }

body {
    font-family: sans-serif !important;
    height: 100%;
    min-height: 100%; }

.wrap-main {
    min-height: 100%; }

.wrap-container {
    padding-bottom: 124px;
    padding-top: 90px; }

.b-container {
    width: 980px;
    margin: 0 auto;
    position: relative; }

.b-container.alert {
    z-index: 99;
    width: 980px;
    position: fixed;
    padding-top: 10px;
    left: 50%;
    top: 16px;
    margin-left: -465px; }

.b-container .cols-2 {
    overflow: hidden;
    padding: 50px 0; }

.b-container .cols-2 .col-0 {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0 0 40px 0;
    color: #333;
    font-size: 30px;
    text-shadow: 0 0 2px #ddd; }

.b-container .cols-2 .col-1 {
    float: left;
    width: 48%; }

.b-container .cols-2 .col-2 {
    float: right;
    width: 48%; }

.b-footer {
    padding: 30px 0;
    text-align: center;
    border-top: 1px solid #eee;
    background: #fff;
    margin-top: -124px; }

.section.shadow {
    position: relative; }
.section.shadow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 1; }
.section.shadow .b-container {
    z-index: 1;
    text-align: center; }
.section.shadowred {
    position: relative; }
.section.shadowred:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #930001;
    opacity: 0.6;
    z-index: 1; }
.section.shadowred .b-container {
    z-index: 1; }

.promo, .main, .game, .about {
    min-height: 400px; }

.aboutgame .title-game {
    color: #fff;
    font-size: 60px;
    text-align: center;
    padding-top: 40px;
    line-height: 60px;
    text-shadow: 0 0 10px #000; }
.aboutgame .title-game a {
    color: inherit;
    text-decoration: inherit; }
.aboutgame .bigbtn {
    color: #B00100;
    background: #000;
    border-radius: 100px;
    border: 2px solid #fff;
    text-align: center;
    width: 100px;
    height: 100px;
    margin: 10px 20px 20px;
    text-decoration: none;
    display: inline-block;
    font-size: 22px;
    line-height: 15px;
    box-shadow: 0 0 10px #000;
    transition: ease 70ms; }
.aboutgame .bigbtn span {
    width: inherit;
    height: inherit;
    float: left;
    background-image: url("/img/r-arr.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 35%;
    transition: ease 60ms;
    -webkit-filter: drop-shadow(0px 0px 5px #000);
    filter: drop-shadow(0px 0px 5px #000);
    opacity: 1; }
.aboutgame .bigbtn:hover {
    box-shadow: 0 0 15px #000; }
.aboutgame .bigbtn:hover span {
    opacity: 0.7; }
.aboutgame .b-text {
    color: #fff;
    width: 70%;
    margin: 0 auto;
    line-height: 26px;
    text-align: center; }


@media screen and (max-width: 980px) {
    
    .aboutgame .b-text {
        width: 90%;
        font-size: 1.6em; 
    }
}

.aboutgame .bigbtn.go-cafe {
    background-image: url("/img/cafe/button.png");
    background-position: 8% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-cafe:hover {
    background-size: 250%;
    background-position: 91% 50%; }
.game-cafe {
    min-height: 400px; }

.aboutgame .bigbtn.go-solitaire {
    background-image: url("/img/solitaire/button.png");
    background-position: 91% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-solitaire:hover {
    background-size: 250%;
    background-position: 10% 50%; }
.game-solitaire {
    min-height: 400px; }

.aboutgame .bigbtn.go-zombies {
    background-image: url("/img/zombies/button.jpg");
    background-position: 91% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-zombies:hover {
    background-size: 250%;
    background-position: 5% 50%; }
.game-zombies {
    min-height: 400px; }

.aboutgame .bigbtn.go-tesla {
    background-image: url("/img/tesla/button.png");
    background-position: 91% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-tesla:hover {
    background-size: 250%;
    background-position: 5% 50%; }
.game-tesla {
    min-height: 400px; }

.aboutgame .bigbtn.go-dachniki {
    background-image: url("/img/dachniki/button.jpg");
    background-position: 83% 50%;
    background-size: 300%; }
.aboutgame .bigbtn.go-dachniki:hover {
    background-size: 340%;
    background-position: 20% 90%; }
.game-dachniki {
    min-height: 400px; }

.aboutgame .bigbtn.go-diaepic {
    background-image: url("/img/diaepic/button.jpg");
    background-position: 90% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-diaepic:hover {
    background-size: 240%;
    background-position: 5% 50%; }
.game-diaepic {
    min-height: 400px; }

.aboutgame .bigbtn.go-diamondstime {
    background-image: url("/img/diamondstime/button.jpg");
    background-position: 90% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-diamondstime:hover {
    background-size: 250%;
    background-position: 10% 90%; }
.game-diamondstime {
    min-height: 400px; }

.aboutgame .bigbtn.go-cubestrike {
    background-image: url("/img/cubestrike/button.jpg");
    background-position: 91% 50%;
    background-size: 250%; }
.aboutgame .bigbtn.go-cubestrike:hover {
    background-size: 250%;
    background-position: 5% 50%; }
.game-cubestrike {
    min-height: 400px; }