:root{
        --hh: 60px;
        --c1: #18173f;
        --c2: #2b284f;
    }
    body{margin:0;padding:0;font-family:"Roboto", Tahoma, Verdana, sans-serif;font-size:14px;color:var(--c1);background-image:url(images/bg.jpg);background-repeat:no-repeat;background-size:contain;background-position:center top;background-color:var(--c1);position:relative;}
    p{padding:0;margin:0;line-height:1.6;text-align:justify;}
    p:not(:last-child){margin:0 0 20px 0;}
    div{box-sizing:border-box;}
    a{color:blue;outline: none;text-decoration: underline;}
    .noscroll{overflow:hidden;}
    .table{width:100%;}
    .table .tr{display:flex;flex-flow:row wrap;}
    .cc{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
    .blocked{overflow:hidden;}
    .hidden{display:none;}
    h1, h2, h3{text-transform:uppercase;color:var(--c2);margin:0;padding:0 0 10px 0;}
    h1{font-size:180%;}
    h2{font-size:160%;}
    h3{font-size:140%;}

    .m20{margin:20px 0;background-image:url(images/line.png);background-position: bottom left;background-repeat:repeat-x;padding-top:20px;}

    .wrap{margin:0 auto;max-width:1037px;}
    .header{height:134px;width:100%;background-image:url(images/header.jpg);background-position:center top;position:relative;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;padding:0 0 20px 0;}
    .buttons{position:absolute;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;padding:0 30px;}
    .buttons>a{width:155px;height:85px;display:block;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;text-decoration:none;color:#fff;text-transform:uppercase;padding:0 30px;font-weight:bold;text-align:center;}
    .buttons a.leftBtn{background:url(images/b_blue.png);}
    .buttons a.rightBtn{background-image:url(images/b_red.png);}
    .logo{text-decoration:none;text-transform:uppercase;font-size:30px;font-weight:bold;color:#fff;z-index:10;}

    .main{background-color:#d4d4d4;padding:20px 13px 0;}

    .main .doubleBox{}
    .main .doubleBox .textBox{}
    .main .doubleBox .imgBox{width:100%;background:#161616;padding:2px 5px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;}
    .main .doubleBox .imgBox a{display:block;aspect-ratio:40/33;background-size:contain;width:49%;}
    .main .doubleBox .imgBox a.in_club{background-image:url(images/clubnika.gif);margin:3px 0;}
    .main .doubleBox .imgBox a.in_lev{background-image:url(images/lev.gif);}



    .main .textarea{}

    .listing{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;margin-bottom:30px;}

    .listing .softBox{width:100%;overflow-x: auto;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:flex-start;padding:10px;background:#ccc;box-shadow:0 0 5px 0 rgb(0,0,0,0.5),0 0 5px 0 rgb(0,0,0,0.8) inset;border-radius:5px;margin:20px 0;}
    .listing .softBox a{width:110px;margin:0 10px;text-align:center;text-decoration:none;color:var(--c1);}
    .listing .softBox a img{display:block;width:110px;}

    .listing .item{width:170px;margin:10px 0;}
    .listing .item a{display:block;text-decoration:none;font-weight:bold;color:var(--c2);}
    .listing .item a img{max-width: 100%;aspect-ratio:1/1;border:3px solid #fff;box-shadow:0 0 7px 0 rgb(0,0,0,0.5);box-sizing:border-box;display:block;margin-bottom:5px;}
    .listing .item a span{display:block;text-align:center;height:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

    .listPages{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-top:20px;background-image:url(images/line.png);background-position: top left;background-repeat:repeat-x;padding-top:20px;}
    .listPages a{display:block;padding:5px 10px;margin:4px;background:#061722;color:#a4afbb;font-weight:bold;text-decoration:none;text-transform:uppercase;text-shadow:2px 2px #000,-2px 2px #000,2px -2px #000,-2px -2px #000;border:3px solid #020c17;box-shadow:0 0 0 1px #00376f,0 0 0 1px #3e0c81 inset;font-size:90%;}
    .listPages a:hover{box-shadow:0 0 0 1px #2c44d7,0 0 0 1px #2c44d7 inset;border:3px solid #2d3e49;}

    .gameBox{background:#fff;padding:3px;margin:0 0 20px;}
    .gameBox iframe{aspect-ratio:16/10;background:#000;width:100%;display:block;}
	.gameBoxNo{background:#444;padding:30px;margin:0 0 20px;color:#fff;display:flex;flex-flow:column;justify-content:center;align-items:center;aspect-ratio:16/10;}
	.gameBoxNo img{width:250px;height:250px;margin-bottom:10px;border-radius:5px;}

    .copyright{font-size:90%;text-align:center;padding:15px 0 0 0;margin:15px 0 0 0;background-image:url(images/line.png);background-position: top left;background-repeat:repeat-x;}
    .footer{height:30px;width:100%;background-image:url(images/footer.jpg);background-position:center top;}

    @media screen and (min-width:700px){

        .main{background-image:url(images/main.jpg);background-repeat:repeat-y;background-position:center top;padding:20px 33px 0;}

        .main .doubleBox{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;}
        .main .doubleBox .textBox{flex:1;}
        .main .doubleBox .imgBox{width:250px;background:#161616;margin-left:10px;display:block;}
        .main .doubleBox .imgBox a{display:block;aspect-ratio:40/33;background-size:contain;width:100%;}
        .main .doubleBox .imgBox a.in_club{background-image:url(images/clubnika.gif);margin:3px 0;}
        .main .doubleBox .imgBox a.in_lev{background-image:url(images/lev.gif);}
    }