.level-depend .level-easy { display: none; }
.level-depend .level-hard { display: none; }
.level-depend.is-easy .level-easy { display: block; }
.level-depend.is-hard .level-hard { display: block; }

.cabinet-preloader { width: 100%; min-height:70vh; display: flex; align-items: center; justify-content: center; }
.cabinet-preloader img { width:70px; }


.cabinet { padding: 2em 0 1em 0; }
.cabinet .head { font-weight: 300; font-size:206%; line-height: 1.35;}
.cabinet .head b { font-weight: 700;}

.cabinet .has-mar-t1 { margin-top: 1em; }
.cabinet .has-mar-t2 { margin-top: 2em; }
.cabinet .has-mar-t3 { margin-top: 3em; }
.cabinet .has-mar-b1 { margin-bottom: 1em; }
.cabinet .has-mar-b2 { margin-bottom: 2em; }
.cabinet .has-mar-b3 { margin-bottom: 3em; }


.cabinet .start { position: relative; }
.cabinet .start .banner { }
.cabinet .start .banner .img { position: relative; display: block; border-radius: 20px; }
.cabinet .start .banner .ctrl { position: absolute; width: 100%; height: 80%; left:0; top: 0; display: flex; align-items: center; justify-content: center; gap:1.5em; flex-direction: column; }
.cabinet .start .banner .sbtn { border-radius: 90px; background: #FFBF16; box-shadow: 0px 0px 20px 0px rgba(20, 40, 61, 0.20);
  color:var(--font-color); text-align: center;  font-size:130%; font-style: normal; line-height: 2em; 
  white-space: nowrap; 
  padding: 0.5em 2em;
}
.cabinet .start .banner .sbtn.btn-play {font-weight: bold; text-transform: uppercase;}
.cabinet .start .banner .sbtn.btn-play:hover {transform: scale(1.15);}
.cabinet .start .banner .sbtn.btn-rules { background-color: #fff; font-size:110%;}
.cabinet .start .banner .sbtn.btn-rules:hover {transform: scale(1.15);}

.cabinet .info {  }

.cabinet .subscr-tg { display: flex; align-items: center; justify-content: center; gap:0.75em; font-weight: bold; padding: 1em 0 2em 0;}
.cabinet .subscr-tg img { width:40px; display: block; }

.cabinet .personal { padding: 2em 1em;  border-radius: 20px; background: #E9F4FD; text-align: center; margin: 0 0 1.5em 0; }
.cabinet .personal img { display: block;}
.cabinet .personal .b { font-size: 147%; font-weight: bold; }
.cabinet .personal .u-name { font-size: 175%; font-weight: bold; display: flex; justify-content: center; align-items: center; gap:0.25em; cursor: pointer; }
.cabinet .personal .u-name img { height: 1em; display: inline-block; vertical-align: middle; opacity: 0.5; transition: 0.3s; }
.cabinet .personal .u-name:hover img { opacity: 1.0; }
.cabinet .personal .u-email { font-size: 90%; padding-bottom: 0.5em; }
.cabinet .personal .u-score { font-size: 90%; padding-bottom: 0.5em; }
.cabinet .personal .u-level { font-size: 90%; display: flex; gap:1em; align-items: center; justify-content: center; padding-bottom: 1.5em; }
.cabinet .personal .u-rating { font-size: 90%; display: flex; gap:1em; align-items: center; justify-content: center; }

.cabinet .gratitude { border-bottom: 1px solid #ddd; padding-bottom:1em; margin-bottom: 1em; }
.cabinet .gratitude .ctrl { display: flex; gap:1em; justify-content: center; align-items: center; padding: 0em 0 1em 0; }
.cabinet .gratitude .ctrl button { display: flex; justify-content: center; align-items: center; }
.cabinet .gratitude .ctrl button img { vertical-align: middle; height: 40px; }

.cabinet .join-to-us { padding: 0 0 2em 0;}
.cabinet .join-to-us .join-text { font-size:80%; text-align: center; padding: 0 0 1em 0; }
.cabinet .join-to-us .join-list { display: flex; align-items: center; justify-content: center; gap:0.75em }
.cabinet .join-to-us .join-list .item img { width:40px; display: block; }

.cabinet .coord-ec {padding: 2em 1em; border-radius: 20px; background: #E9F4FD; text-align: center; margin:0;}
.cabinet .coord-ec .coord-ec-name {font-size: 150%; font-weight: bold; margin-bottom:0.5em; }
.cabinet .coord-ec .ctrl { display:flex; gap:1em; align-items: center; justify-content: center; flex-wrap: wrap; }

.cabinet .prizes-area { background-color:#E9F4FD; padding: 2em 0; }
.cabinet .prizes-area .head {padding: 0 0 0.5em 0; letter-spacing: 1.75px; }

.cabinet .prizes-list { display: flex; gap:3em; align-items: center; justify-content: center; }
.cabinet .prizes-list .item { width: 33.3333%; text-align: center; font-size: 106%; position: relative; }
.cabinet .prizes-list .item-out { position: absolute; border-radius: 20px; border: 10px solid #00569D; opacity: 0.2; width: 76%; margin: 0px 12%; height: 100%; }
.cabinet .prizes-list .item-in { min-height: 250px; border-radius: 20px; border: 5px solid #fff; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); transition:0.2s;
  display: flex; align-items: center; justify-content: center; flex-direction: column; 
  margin: 1.75em 0em; position: relative; 
}

.cabinet .prizes-list .item:hover .item-out { border-color:#FFBF16; opacity: 1; }
.cabinet .prizes-list .item:hover .item-in { border-radius: 20px; border: 5px solid #FFBF16; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); }

.cabinet .prizes-list .item .pic { position: relative; }
.cabinet .prizes-list .item .caption { padding: 0 1.5em 0.5em 1.5em;}
.cabinet .prizes-list .item .pic img { max-height: 180px; display: block; }
.cabinet .prizes-list .item .pic img.place { position: absolute; left:-20%; top:10px; }


.cabinet .banner-empty { margin:3em 0; border: 1px solid #E6E6E6; border-radius: 20px; padding:1em 2em; display: flex; gap:2em; justify-content: space-between; align-items: center; }

.cabinet .game-list { display: flex; gap:1em; } 
.cabinet .game { border-radius: 20px; background: #E9F4FD; padding: 2em; display: flex; align-items: center; width: 50%; transition: 0.3s; }
.cabinet .game:hover { background: #9ac0df; transform: scale(1.1); }
.cabinet .game .pre-head { color: #00569D; font-size:118%; font-weight: 400; line-height: normal; letter-spacing: 2px; }
.cabinet .game .head { font-size: 208%; font-weight: 700; letter-spacing: 1.75px; padding: 0.2em 0; color:#000; }
.cabinet .game .text { color: #000; font-size:94%; font-weight: 300; line-height:1.5; }
.cabinet .game img { display: block;}


.cabinet .other-quizes {}
.cabinet .other-quizes .list { display: flex; gap:1em; margin: 1.5em 0 1.5em 0; flex-wrap: wrap; }
.cabinet .other-quizes .list .item { border-radius: 20px;background: #E9F4FD; width: calc(25% - 1em); padding: 1em 1em 1.5em 1em; display: flex; flex-direction: column; justify-content: space-between; transition: 0.3s; position: relative; }
.cabinet .other-quizes .list .item-bnr { background: #1D7FE4;  }
.cabinet .other-quizes .list .item-bnr .center-area { display: none; }
.cabinet .other-quizes .list .item:hover { background: #9ac0df }
.cabinet .other-quizes .list a.item .name { font-size: 147%; font-weight: 700; line-height: normal; letter-spacing: 1.1px; color:#000; transition: 0.3s; }
.cabinet .other-quizes .list a.item-bnr .name { color:#fff; }
.cabinet .other-quizes .list a .center-area { margin-top: -0.9em; margin-left: -0.9em; width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center;  }
.cabinet .other-quizes .list a .play-btn { opacity: 0; transition: 0.3s; position:absolute; background: #FFBF16; box-shadow: 0px 0px 20px rgba(20, 40, 61, 0.2); border-radius: 90px; color:#000; font-size: 120%; padding:0.6em 4em; font-weight: bold; align-self: center; }
    

.cabinet .other-quizes .list a:hover .play-btn { opacity:1; }
.cabinet .other-quizes .list .item .img { transition: 0.3s; }
.cabinet .other-quizes .list .item .img img { display: block; margin: 0 auto; max-width: 100%; }
.cabinet .other-quizes .ctrl { text-align: center; }
.cabinet .other-quizes .list .item:hover .name { }
.cabinet .other-quizes .list .item:hover .img { transform: scale(1.1); }


.close-on-page { position: relative; line-height: 1.1; }
.close-on-page .inner { position: absolute; display: flex; flex-direction: column; font-size:70%; opacity: 0.4; transition: 0.3s; align-items: center; justify-content: center; 
    opacity:0.8;
    background: #fff;
    z-index: 1000;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: 10px;;
}
.close-on-page .inner-shift { position:fixed; margin-left: -92px; margin-top: -8px; }
.close-on-page .inner:hover {opacity: 1; }
.close-on-page .cross { color:#000;}
.close-on-page img { width: 30px; height: 30px;}


.prize-form { max-width: 700px; margin: 0 auto 2em auto; }
.profile-form { max-width: 700px; margin: 0 auto 2em auto; }



@media screen and (max-width:1407px) {
  .cabinet .gratitude .ctrl { flex-wrap:wrap}
  .cabinet .gratitude .text { text-align: center }
}
  
/* Tablet */
@media screen and (max-width:1023px) {
  /*.cabinet .prizes-list .item .pic img.place { position: absolute; left:-20%; top:10px; }*/

  .cabinet .is-three-fifths { margin: 0 2em; }
  .cabinet .info { margin: 0 2em; }
  .cabinet .subscr-tg { padding-bottom: 0; text-align: right; }

  .cabinet .prizes-area { padding: 2em 2em; }
  .cabinet .prizes-area .head { letter-spacing: 0;}
  .cabinet .prizes-list { flex-direction: column; }
  .cabinet .prizes-list .item { width: 100%; max-width: 500px; }

  .cabinet .game-list { flex-direction: column; align-items: center; text-align: center;} 
  .cabinet .game { width: 80%; }

  .cabinet .other-quizes .list { flex-wrap: wrap; justify-content: center; }
  .cabinet .other-quizes .list .item { width: 45%; }

}


@media screen and (max-width:767px) {
  .cabinet .head {text-align: center;}
  .cabinet .banner-empty { flex-direction: column; width: 70%; margin-left:  auto; margin-right: auto; }
  .cabinet .banner-empty img { max-width: 70%; display: block; margin: 0 auto;}

  .cabinet .game-list .pre-head{ display: none;} 
}


@media screen and (max-width:600px) {
  .cabinet .game { width:80%; }
  .cabinet .other-quizes .list .item { width: 80%; }

  .cabinet .banner-empty { width: 100%;}

  .cabinet .gratitude .ctrl { flex-direction: column;}
  .cabinet .gratitude .text { text-align: center }
}


@media screen and (max-width:450px) {
  .cabinet .is-three-fifths { margin: 0 1em; }
  .cabinet .info { margin: 0 1em; }

  .cabinet .head { font-size: 150%;}

  .cabinet .start .banner .ctrl { height: 90%; gap:0.5em;}
  .cabinet .subscr-tg { width: 90%; }

  .cabinet .game { flex-direction: column-reverse }
  .cabinet .game img { width: 80%; margin: 0 auto;}
}


.yellow-test-bottom { width: 95%; margin: 0 auto; text-align: center; padding: 1em; border-radius: 50%; background: lightgoldenrodyellow; margin: 1em auto 5em auto; border: 1px solid #aaa; cursor: pointer; }
.yellow-test-bottom .tile{  border:1px solid #00569D; border-radius: 20px; max-width: 320px; margin: 0 auto; background-color: #9ac0df; cursor: pointer;}
.yellow-test-bottom .route-total-score{ opacity: 0.9;}
.yellow-test-bottom:hover { background:gold;}