/* Ion.Tabs: Flat Skin
// css version 1.0.0
// by Denis Ineshin | ionden.com
// ===================================================================================================================*/

/* =====================================================================================================================
// Ion.Tabs: Skin details */

.ionTabs {
    margin: 0 0 30px;
}
    .ionTabs__head {

    }


    .ionTabs__tab {
        top: 3px;
        margin-bottom: -1px;
        width: calc(100% / 3);
        font-size: 11px; line-height: 16px;
        font-weight: bold;
        text-align: center;
        padding: 76px 0px 7px 0px;

        -webkit-box-shadow: 0px -3px 10px 0px rgba(50, 23, 23, 0.3);
        -moz-box-shadow: 0px -3px 10px 0px rgba(50, 23, 23, 0.3);
        box-shadow: 0px -3px 10px 0px rgba(50, 23, 23, 0.3);


    }
        .ionTabs__tab:hover {

            background: #e5e5e5;
        }
        .ionTabs__tab.ionTabs__tab_state_active {
            top: 0;
            background: #fff2df;
            color: #4f3224;

        }

    .ionTabs__body {
        background: #fff2df;
        color: #4c2727;
        -webkit-box-shadow: 0px 10px 10px 0px rgba(50, 23, 23, 0.3);
        -moz-box-shadow: 0px 10px 10px 0px rgba(50, 23, 23, 0.3);
        box-shadow: 0px 10px 10px 0px rgba(50, 23, 23, 0.3);


    }

    .ionTabs__item {
        padding: 1rem 0;
    }

    .ionTabs__preloader {
        height: 50px;
        background: url(/img/preloader-flat.gif) no-repeat 25px 50%;
    }

    .ionTabs__tab.crypts {
        background-image: url('/img/tab_crypts.png');
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

.ionTabs__tab.mines {
    background-image: url('/img/tab_mines.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ionTabs__tab.monsters {
    background-image: url('/img/tab_monsters.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}