body{margin:0;padding:0;font-family:Verdana;background:#000;font-size:12px;color:#000d26;}
.panel,.note-editable,input,select{color:#444;}
p{line-height:1.6;}
div{box-sizing:border-box;}
h1,h2,h3,h4{padding:0 0 10px 0;margin:0 0 10px;color:#fff;font-weight:normal;}
h1{font-size:160%;padding-bottom:0;margin-bottom:0;}
h2{font-size:140%;}
h3{font-size:120%;}
a{color:#ddd;}
h4{font-size:120%;padding:10px 0 0;margin:0 0 0;}
.cc{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
.cjb{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.table{display:block;}
.tr{display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:flex-start;}
.td{padding:1px;}
.m10{margin:10px 0;}
.m20{margin:20px 0;}

.wrap{margin:0 auto;max-width:1000px;min-height:100vh;box-shadow:0 0 200px 10px #191069;background:#1c2029;border-left:1px solid #000;border-right:1px solid #000;}
/* background-image:url(images/content_bg.jpg); */

.head{height:60px;background-position:top left;background:#0d1723;position:relative;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:space-between;width:100%;}
/* background-image:url("images/head.jpg"); */
.logo{width:120px;height:75px;z-index:2;padding:10px 20px 0 10px;}
.logo img{max-height:100%;}
.headBtn{display:flex;flex-flow:row wrap;align-items:stretch;justify-content:stretch;padding:5px 5px 5px 10px;flex:1;font-size:14px;font-weight:bold;}
.headBtn a{color:#fff;}
.register{flex:1;background:#560000;text-align:center;box-shadow:0 20px 20px -20px #ff062f inset,0 -20px 20px -20px #ff062f inset;padding:15px 10px;}
.enter{width:70px;background:#0067d3;text-align:center;box-shadow:0 20px 20px -20px #090843 inset,0 -20px 20px -20px #090843 inset;padding:15px 10px;}

.top{background-size:cover;display:flex;flex-flow:row wrap;align-items:flex-start;justify-content:center;padding:50px 20px 20px;background-image:url("images/top_content.jpg");}
/* background-image:url("images/top_content.jpg"); background:#181888;*/
.top .left{flex:1;color:#bdc1c7;}
.top .right{width:100%;background:#161616;box-shadow:0 0 10px 5px #d7bc11;}
.top .right .title{text-align:center;color:#dde;padding:20px;text-transform:uppercase;font-size:120%;font-weight:bold;}
.listCas{}
.listCas .item{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;text-decoration:none;padding:10px;border-top:1px solid #5b5b5b;box-shadow:0 1px 0 0 #000 inset;transition:background ease 0.3s;}
.listCas .item:hover{background:#272729;transition:background ease 0.3s;}
.listCas .item .icon{}
.listCas .item .icon img{display:block;aspect-ratio:2/1;width:80px;}
.listCas .item .bonus{flex:1;padding:5px 10px;}
.listCas .item .go{width:30px;height:30px;background: url(images/gocasi.png) no-repeat center center;}





.mmenu{background:#001f58;height:48px;background-position:top center;}
/* background-image:url("images/mmenu.jpg"); */

.main{min-height:400px;}
.listSlots{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
.listSlots .item{margin:1% 1%; background:#344f78;width:48%;padding:5px;box-shadow:0 0 0 1px #000,0 10px 10px -10px #001330 inset,0 30px 30px -30px #d9e2ec inset,0 -30px 30px -30px #000 inset;border-radius:3px;color:#bdc1c7;text-decoration:none;display:block;box-sizing:border-box;}
.listSlots .item:hover{background:#0043cc;}
.listSlots .item img{aspect-ratio:1/1;display:block;background:#000;width:100%;}
.listSlots .item .name{padding:3px 3px 0 3px;text-shadow:1px 1px #000;text-align:center;height:17px;overflow:hidden;}

.slotFrame{background:#000 url(images/loading.jpg) center center no-repeat;}
.slotFrame iframe{width:100%;aspect-ratio:16/10;border:0;}

.textBox{padding:10px;color:#ddd;}

.pay{background:#111a21;background-position:top center;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
/* background-image:url("images/pay.jpg"); */
.pay .item{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;padding:5px 10px;margin:5px;text-decoration:none;}
.pay .item:hover{color:#fff;text-decoration:underline;}
.pay .item img{}
.pay .item .txt{padding-left:5px;}

.footer{padding:20px;}
.footer .copyright{font-size:80%;text-align:center;color:#aaa;}


@media screen and (min-width: 500px){
    .listSlots .item{width:31.33%;}
}

@media screen and (min-width: 700px){
    .listSlots .item{width:23%;}
    .top .left{flex:1;}
    .top .right{width:340px;margin-left:20px;}
    body{font-size:14px;}
    .headBtn{max-width:400px;}
    .logo{width:200px;height:100px;}
}

@media screen and (min-width: 900px){
    .listSlots .item{width:18%;}
}