@font-face {
    font-family: 'Exo 2';
    src: url('https://static.skillcap.net/htmlGames/nardi/shared/fonts/Exo2.ttf');
}

@font-face {
    font-family: 'Bankir';
    src: url('https://static.skillcap.net/htmlGames/nardi/shared/fonts/bankir.ttf');
}

html,
body {
    background-image: url("https://static.skillcap.net/htmlGames/nardi/shared/img/background.jpg");
    background-color: #252291;
    background-size: cover;
    margin: 0
}

#content {
    width: 960px;
    height: 600px;
    border-style: solid;
    border-width: 1px;
    border-color: #aa9bb5;
    border-radius: 1px;
}

.main-content * {
    border: 0;
    margin: 0;
    padding: 0
}

.main-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-style: solid;
    border-width: 3px;
    border-color: #aa9bb5;
    border-radius: 3px;
    background-image: url(https://static.skillcap.net/htmlGames/nardi/shared/img/background.jpg);
    background-size: cover;
}

.main-content.footer {
    margin-top: 5px;
    height: 38px;
    line-height: 38px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 18px;
}

.main-content.footer.webgl-logo,
.title,
.fullscreen {
    height: 100%;
    display: inline-block;
    background: transparent center no-repeat;
}

.main-content.footer.webgl-logo {
    background-image: url('webgl-logo.png');
    width: 204px;
    float: left;
}

.main-content.footer.title {
    margin-right: 10px;
    float: right;
}

#fullscreenbtn {
    background-image: url("https://static.skillcap.net/htmlGames/nardi/shared/img/fullscreen.png");
    width: 38px;
    height: 38px;
    float: right;
}

.top-banner {
    height: 42px;
}

.store-wrap {
    position: absolute;
    margin-top: -38px;
    left: 50%;
    margin-left: -150px
}

.store-link {
    margin: 0 10px;
    text-decoration: none;
}

#loader {
    position: absolute;
    width: 960px;
    height: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #252291;
    background-size: auto 50%;
}

#flash_top {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    height: 14%;
    top: -5.6%;
    background-image: url(https://static.skillcap.net/htmlGames/nardi/shared/img/Sprites/Lobby/Flash.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(-180deg);
}

#flash_bot {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    height: 14%;
    bottom: 138px;
    max-width: 150vmin;
    background-image: url(https://static.skillcap.net/htmlGames/nardi/shared/img/Sprites/Lobby/Flash.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

#logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    height: 100%;
    background-image: url(https://static.skillcap.net/htmlGames/nardi/shared/img/Sprites/GameLoadScreen/logo_ru.png),
        url(https://static.skillcap.net/htmlGames/nardi/shared/img/Sprites/Lobby/UILobbyPopups/Common/glow.png);
    background-position: 50% -49px, 50% -158px;
    background-repeat: no-repeat, no-repeat;
    background-size: 100%, 90%;
}

#loading_text {
    font-family: 'Exo 2';
    color: #FFD800;
    font-size: 8vh;
    font-variant: small-caps;
    text-shadow: calc(8*0.08vh) calc(8*0.08vh) 0px black;
    letter-spacing: calc(8*0.1vh);
    top: 85%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

canvas {
    z-index: 0;
}

.bottom-banner {
    height: 38px;
    background-image: url(https://static.skillcap.net/htmlGames/nardi/shared/img/banners/bottom.png);
    background-position: 50% 50%;
    background-size: cover;
}

#input_field {
    display: inline-block;
    position: relative;
    z-index: 10;
    font-size: 20px;
}

#input_button {
    display: inline-block;
    position: relative;
    z-index: 10;
    color: black;
    padding: .25em .5em;
    outline: none;
    border: 1px solid rgb(250, 172, 17);
    border-radius: 7px;
    background: rgb(255, 212, 3) linear-gradient(rgb(255, 212, 3), rgb(248, 157, 23));
    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0), inset 0 1px 2px rgba(0, 0, 0, 0), inset 0 0 0 60px rgba(255, 255, 0, 0);
    transition: box-shadow .2s, border-color .2s;
    font-size: 20px;
}

#input_div {
    left: 50%;
    margin-left: -285px;
    display: none;
    position: fixed;
    bottom: 10%;
}

#wrongOrientation {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-image: url("https://static.skillcap.net/htmlGames/nardi/shared/img/rotate.png");
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-color: #333232;
    display: none;
}

#vk_ads_87443 {
    position: absolute;
    top: 730px;
}

/*# sourceMappingURL=main.css.map */