body,div{color:#333}
.tabbed>label,input{cursor:pointer}
.btn_catalog,.city_col1{text-transform:uppercase}
.duelstatus,.enc_img,.theme_block,.user_line{overflow:hidden}
.btn_catalog.active.focus,.btn_catalog.active:focus,.btn_catalog.focus,.btn_catalog:active.focus,.btn_catalog:active:focus,.btn_catalog:focus,.dropdown-toggle:focus{outline:0}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,credentials,dd,del,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video{margin:0;padding:0;font-size:100%}
.ucheba_include,body,div{font:12px Georgia}
body{background-color:#FFF}
.ucheba_list{margin:5px 0;padding:5px;width:auto;border:1px solid #f0f0f0}
img.flag_small,legend{border:1px solid silver}
.ucheba_annotation{margin:5px 0;padding:5px;width:95%;text-align:left}
.ucheba_annotation img{margin:0 10px;padding:0;width:auto;height:auto;float:right}
.ucheba_include{margin:5px 0;padding:5px;width:95%;text-align:left}
.ucheba_link{font-size:22px}
fieldset{min-width:310px;margin:5px;padding:5px}
legend{padding:2px 5px;background-color:#f0f0f0;text-align:left}
p{text-align:justify;margin:4px 0 7px;font-size:13px}
hr{color:#f0f0f0}
img.imgwide{max-width:100%;width:auto;height:auto;width:auto\9}
img.flag_small{width:18px;height:12px;vertical-align:middle}
img.flag_medium{width:30px;height:20px;border:0 solid silver;vertical-align:middle}
img.flag_large{width:67px;height:45px;border:1px solid silver;vertical-align:middle}
.container,.duel_fieldset,.field_center,.field_top .menu,.global{vertical-align:top}
.tabbed{width:auto}
.tabbed>label{display:block;padding:3px 2px;margin-right:5px}
.tabbed>input:checked+label,.tabbed>label:hover{background:rgba(128,128,128,0.2)}
.global{background:url(img/bg_map.jpg) top center no-repeat;width:100%;font:12px Georgia}
.fields{min-width:320px;max-width:1200px;margin:0 auto;text-align:left}
.field_top{width:100%;height:auto;padding:1px 0 0}
.field_top .logo{width:105px;height:50px;float:left;padding:3px 0 0}
.field_top .logo img{width:100px;height:50px;border:0}
.field_top .logo .title{width:100%;height:14px;float:left;margin:0 0 0 3px}
.field_top .menu{min-width:320px;max-width:475px;float:left;margin:0;display:inline-block}
.field_top .menu .basic{width:100%;line-height:16px;height:auto;float:left;margin:0;word-wrap:normal}
.field_top .menu .basic .cell{width:auto;float:left;padding:1px 3px 3px;margin:1px 3px 1px 0;display:block;text-align:center;border:1px solid silver;background-color:#f0f0f0;border-radius:2px}
.field_top .menu .basic .profile{width:auto;float:left;padding:5px 2px 3px;margin:2px 2px 2px 0;display:block;text-align:center}
.field_top .menu .basic .cell a.menu_link{color:#1386ff;font-size:16px;text-decoration:none}
.field_top .menu .basic .cell a.menu_link:hover,a{text-decoration:underline}
.field_top .blank{width:180px;height:5px;float:left}
.field_top .misc{width:auto}
.field_top .misc .time{float:right;text-align:left;white-space:nowrap}
.field_top .misc .time span{font-weight:700}
.field_top .misc .countries{clear:right;float:right;width:auto;text-align:center;background:0 0;padding:2px 5px;border:0 dotted silver}
.global_messages{clear:both;width:100%;text-align:center;background:rgba(255,255,255,0.5);border:1px dotted silver}
.field_left{clear:both;float:left;width:100px;display:none}
.container,.enc_main{display:inline-block;width:100%}
.field_center{float:left;width:100%;text-align:center;background:rgba(255,255,255,.4)}
.enc_main{border:1px solid green;padding:2px 5px;margin:1px 10px;width:200px;height:18px;font-size:12px}
.enc_main_active{font-size:14px;font-weight:400}
.enc_txt,.enc_txt a,.enc_txt p{font-size:12px}
.enc_img{float:left;width:20%;margin:0 4px 2px 0;min-width:20px;border-top:1px solid #fff;border-left:1px solid #fff;max-height:125px}
.enc_img img{border:0;width:100%;height:100%}
.enc_txt{width:75%;padding:5px;border-top:1px solid #fff;min-height:125px}
.enc_txt a{white-space:nowrap}
.wide{width:100%}
.container .flag{min-width:140px}
.container .cell{float:left;display:block;text-align:center}
.container .cell_score{float:left;width:20%;min-width:160px}
.container .cell20{width:20%;min-width:200px}
.container .cell25{width:25%;min-width:250px}
.container .cell33{width:33%;min-width:320px}
.container .cell50{width:50%;min-width:320px}
.container .cell67{width:67%;min-width:320px}
.container .cell100{width:100%;min-width:320px}
.user_line{width:100%;height:16px}
.block_links {padding-bottom:15px}
.block_links a{display:block;}
.score_size{font-size:32px}
.field_right{float:left;width:100px;display:none}
.field_bottom,.fields_vkcomments{width:100%;height:auto;clear:both}
.field_bottom{display:inline-block;border-top:1px solid silver;margin:5px 0;padding:15px 0 10px;}
.field_bottom .cell{float:left;display:block;overflow:hidden}
.duel_fieldset,.fame{display:inline-block}
.fields_vkcomments{text-align:center;font-size:14px;float:right;width:375px;margin:10px 0 0 10px;}
a{color:#000}
a:hover{color:gray;text-decoration:none}
a.start{color:green;font-size:14px;text-decoration:underline}
a.menu,a.sort,a.start:hover{text-decoration:none}
a.menu{color:#000;font-size:12px}
h1,h1.name,h1.title{font-size:22px;text-align:center}
a.menu:hover{color:gray}
a.sort{color:#00f}
a.sort:hover{color:#66F}
.clear{clear:both}
.left{float:left}
.right{float:right}
h1{margin:5px}
h1.name,h1.title{margin:0}
h1.index,h2,h3{text-align:center;margin:5px}
h1.index,h2{font-size:18px}
h3,h3.sub{font-size:16px}
h3.sub{text-align:left;margin:0}
.city_col,.test_question,h4{font-size:14px}
h4{font-weight:700;text-align:center;margin:5px 0 2px}
.topindex { display:block; font-size:14px; font-weight:bold; margin:2px 0; padding:5px 0; }
.bg_gray,.bg_normal{background:rgba(128,128,128,0.2)}
.bg_white{background:rgba(255,255,255,0.5)}
.bg_yellow{background:rgba(255,255,0,0.5)}
.bg_green{background:rgba(0,255,0,0.5)}
.bg_red{background:rgba(255,0,0,0.5)}
.bg_orange{background:rgba(255,100,0,0.5)}
.bg_black{background:rgba(0,0,0,0.5)}
.bg_blue{background:rgba(0,0,255,0.5)}
.bg_purple{background:rgba(160,32,240,0.5)}
.txt_brown{color:brown}
.txt_white{color:#fff}
.txt_yellow{color:yellow}
.txt_green{color:green}
.txt_red{color:red}
.txt_olive{color:olive}
.txt_orange{color:orange}
.txt_black{color:#000}
.txt_blue{color:#00f}
.txt_purple{color:purple}
.place{display:inline-block;border:0;border-radius:8px;width:16px;height:16px;line-height:16px;padding:0px;font-size:12px;vertical-align:middle;text-align:center}
.place1{background-color:gold;color:brown}
.place2{background-color:silver;color:black}
.place3{background-color:brown;color:#f0f0f0}
.frame{padding:0 2px;margin:2px 0;border:1px solid silver;border-radius:4px}
.frame_blue{border-color:#00f}
.frame_brown{border-color:brown}
.index_tab{border-spacing:1px;border:0;margin:auto;width:100%}
.td_left{text-align:left}
.td_center{text-align:center}
.td_right{text-align:right}
.duel_fieldset{width:30%;min-width:300px;height:90px}
.city_cols{float:left;width:99%;min-width:320px;height:26px;padding:1px;margin:0 auto}
.city_col{float:left;line-height:20px;vertical-align:middle;padding:2px;border:1px solid #f0f0f0}
.city_col1{width:85%;min-width:320px}
.city_col2{width:24%;min-width:195px}
.city_col3{width:13%;min-width:95px}
.citylist{border:1px solid silver;margin:5px 0 2px}
table.list,table.sub{margin:0 auto;border-collapse:collapse}
table.backgrnd{background:url(img/bg_map.jpg) top center no-repeat}
table.list,table.sub,tr.header,tr.top{background:rgba(128,128,128,0.2)}
table.list{font:11px Georgia;width:100%;min-width:760px}
td.list{font:11px Georgia;vertical-align:top}
table.sub{width:450px;height:150px;font:12px Georgia}
td.sub_image{width:150px;vertical-align:middle}
td.sub_image2{width:70px;vertical-align:middle}
td.field_center,td.field_left,td.field_right,td.field_top,td.sub_text{vertical-align:top}
td.sub_text{width:300px}
table.top{width:650px;color:#000;font:12px Georgia}
td.num,td.num_username{color:gray;width:15px}
tr.top{text-align:center}
tr.header{font-weight:700}
td.name_username,td.num_username{background:rgba(255,255,0,0.5)}
td.num_username{font-weight:700;border-style:dotted;border-color:silver}
td.name,td.name_username{text-align:left;color:#000}
input.textarea,select{border:1px solid silver}
td.name_username{font-weight:400}
td.plus{color:green}
td.minus{color:red}
td.points{text-align:right;color:#00f;width:40px}
td{padding:3px;font-size:12px}
input.report,input.textarea,textarea,textarea.report{font:14px Georgia}
td.field_top{width:100%;height:60px}
td.field_left{width:200px}
td.field_center{width:100%}
td.field_right{width:1px}
.fame,.mt_image,input.test,td.field_bottom{vertical-align:middle}
td.field_bottom{width:100%;height:50px}
textarea{height:20px;width:280px;border:1px solid #CCC}
textarea.report{height:100px;min-width:280px;resize:none}
option,option:hover,select,select:hover{cursor:pointer;font:12px Georgia}
select:hover{border:1px dotted silver}
option{border:1px solid #e0e0e0;width:auto}
option:hover{border:1px solid silver;width:auto}
input.button{background:rgba(128,128,128,0.2);border:1px solid silver}
input.button:hover{background:rgba(255,255,255,0.5);border:1px dotted silver}
input.test{height:40px;width:100px;font:16px Georgia}
input.search{border:1px solid silver;height:20px;color:gray;font:14px Georgia}
input.search_btn,input.search_btn:hover{cursor:pointer;height:20px;font-weight:400;text-transform:lowercase;color:#000}
input.search_btn{background:rgba(128,128,128,0.2);border:1px solid silver;text-align:center}
input.search_btn:hover{background:rgba(255,255,255,0.5);border:1px dotted silver;text-align:center}
input.clear_btn,input.clear_btn:hover{background:rgba(255,255,255,0.5);width:80px;height:24px;cursor:pointer;text-align:center}
input.clear_btn{border:1px solid #ccc;color:#000}
input.clear_btn:hover{border:1px dotted red;color:red}
input.profile{background:rgba(128,128,128,0.2);border:1px solid silver;color:#000;font:12px Georgia;}
input.profile:hover{background:rgba(255,255,255,0.5);border:1px dotted silver;color:#000}
input.duel_black,input.duel_green,input.duel_normal,input.duel_red,input.duel_white,input.duel_yellow{border:1px solid silver;color:#000}
input.duel_normal{background:rgba(128,128,128,0.2)}
input.duel_white{background:rgba(255,255,255,0.5)}
input.duel_yellow{background:rgba(255,255,0,0.5)}
input.duel_green{background:rgba(0,255,0,0.5)}
input.duel_red{background:rgba(255,0,0,0.5)}
input.duel_black{background:rgba(0,0,0,0.5)}
input.duel:hover{background:rgba(255,255,255,0.5);border:1px dotted silver;color:#000}
.easy{color:green}
.medium{color:#000}
.hard{color:red}
.timer{color:#00f}
div.stat{height:16px;line-height:16px}
.fame{border:0 solid #EE761D;color:#EE761D;margin:0 0 0 2px;font-size:10px;text-align:center}
#scrollup{position:fixed;padding:0;background:rgba(255,255,255,.2);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;right:10px;bottom:10px;display:none;cursor:pointer}
.theme_block{width:300px;margin:5px 10px 0 0;padding:3px 5px;display:inline-block;text-align:center;border:1px solid silver}
.mt_image{position:relative;min-height:200px;line-height:200px}
.mt_image .mt_percent{position:absolute;top:0;right:-1px;opacity:.7;border:40px solid transparent;color:#fff;font-size:24px;line-height:24px}
.mt_image .mt_percent span{position:absolute;margin:-30px 0 0 -6px;width:40px}
.duelstatus{z-index:1;color:#000;font-family:Georgia,Arial,Helvetica,sans-serif;background-position:top center;text-align:center;padding:0;margin:0;position:fixed;right:0;top:110px;width:130px;-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;border:1px solid gray;border-right:0;border-radius:8px 0 0 8px;box-shadow:0 5px 5px #eee}
.arenastatus,.battlestatus{-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;}
.duelstatus_start{background:rgba(0,255,0,0.5);height:31px}
.duelstatus_decline{background:rgba(255,0,0,0.5);height:auto}
.duelstatus_challenge{font-size:12px;background:rgba(128,128,128,0.5);height:auto}
.arenastatus,.battlestatus,.citystatus{font-family:Georgia,Arial,Helvetica,sans-serif;background-position:top center;position:fixed;width:130px;box-shadow:0 5px 5px #eee;overflow:hidden;text-align:center;margin:0;padding:0;color:#000;right:0}
.battlestatus{z-index:1;top:60px;border:1px solid gray;border-right:0;border-radius:8px 0 0 8px}
.arenastatus{z-index:1;top:10px;border:1px solid gray;border-right:0;border-radius:8px 0 0 8px}
.citystatus{z-index:1;top:200px;-webkit-border-radius:8px 0 0 8px;-moz-border-radius:8px 0 0 8px;border:1px solid gray;border-right:0;border-radius:8px 0 0 8px}
.btn_catalog{font-size:10px;width:100px;height:50px;margin:0;padding:0;border-radius:0;background:0 0;color:#000;cursor:default;font-weight:700;text-align:center}
.b-dropdown{position:relative}
.dropdown-menu{position:absolute;top:0;left:0;z-index:1000;display:none;float:left;width:140px;height:auto;padding:0;margin:0;font-size:14px;text-align:left;list-style:none;border:0 solid #000}
.b-list__item,.menu-list li{text-align:center;line-height:20px}
.dropdown_catalog-menu .b-dropdown__body__h{cursor:pointer;display:inline-block;margin:50px 0 0;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:top;min-height:300px}
.menu-list,.menu-list li{margin:0;list-style:none}
.menu-list{width:140px;background:rgba(255,255,255,1);padding:5px;border:1px solid #f0f0f0}
.menu-list li{background-color:#fff;padding:5px 0}
.menu-list li:hover{color:#000;background-color:#f0f0f0}
.city-dist{display:inline-block; padding: 0px 2px;}
.b-dropdown_toright{position:relative}
.b-dropdown_toright .b-dropdown__body{top:0}
.b-dropdown._collapsed>.b-dropdown__body,.b-dropdown.open>.b-dropdown__body,.b-dropdown_collapsed>.b-dropdown__body{display:block}
.b-dropdown_toright .b-dropdown__handle{position:relative;display:block;padding-right:0}
.b-dropdown_toright .b-dropdown__handle:hover:before{color:#f0f0f0}
.b-dropdown_toright .b-dropdown__handle:before{content:'›';font-size:16px;color:#666;position:absolute;right:0;top:-3px;z-index:2200}
.dropdown_catalog-menu{cursor:pointer}
.dropdown_catalog-menu .b-dropdown__cols{margin:0 0 0 142px;padding:0;width:150px;height:auto;border-top:0 solid #F0F0F0}
.dropdown_catalog-menu .dropdown__left_column{position:absolute;margin-left:0;padding:0;left:0;top:0;width:150px;height:auto;background-color:#F0F0F0;border:1px solid #F0F0F0}
.b-list{margin:0;padding:0;width:100%;background-color:#f0f0f0}
.b-list__item{background-color:#f9f9f9!important;margin:0;padding:10px 5px;float:left;width:150px;height:auto;border-bottom:3px solid #FFF}
.b-list__item:hover{background-color:#F0F0F0!important}
.b-list__item a{font-size:12px!important;font-weight:400!important;line-height:13px!important}
.tooltip { position: relative;cursor: pointer;display: inline-block;text-decoration: none;color: #222;outline: none; }
.tooltip span {visibility: hidden;position: absolute;top: 17px; left: 0px;z-index: 999;width: auto;margin-left: 0px;padding: 0px;border: 0px solid #ccc;background-image: -webkit-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: -ms-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: -o-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.7) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.7) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.7) inset;text-shadow: 0 1px 0 rgba(255,255,255,.4);}
.tooltip:hover {border: 0;}
.tooltip:hover span {visibility: visible;}
.tooltip span:before {border-top-color: #ccc;bottom: -8px;}
.tooltip_star {position: relative;cursor: pointer;display: inline-block;text-decoration: none;color: #222;outline: none;}
.tooltip_star span {visibility: hidden;position: absolute;top: -5px; left: -5px;z-index: 999;width: auto;margin-left: 0px;padding: 0px;border: 0px solid #ccc;background-image: -webkit-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: -ms-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: -o-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));background-image: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));-moz-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.7) inset;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.7) inset;box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.7) inset;text-shadow: 0 1px 0 rgba(255,255,255,.4);}
.tooltip_star:hover {border: 0;}
.tooltip_star:hover span {visibility: visible;}
.tooltip_star span:before {border-top-color: #ccc;bottom: -8px;}
.highcharts-title { font-family: Georgia; font-size: 16px !important; }
.highcharts-figure, .highcharts-data-table table {min-width:320px;width:100%;margin:1em auto;}
.highcharts-data-table table {font-family:Verdana, sans-serif;border-collapse:collapse;border:1px solid #EBEBEB;margin:10px auto;text-align:center;width:100%;max-width:500px;}
.highcharts-data-table caption {padding:1em 0;font-size:1.2em;color:#555;}
.highcharts-data-table th {font-weight:600;padding:0.5em;}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {padding: 0.5em;}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {background: #f8f8f8;}
.highcharts-data-table tr:hover {background: #f1f7ff;}

nav {
  width: 100px;
  height: 50px;
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
nav .m-menu__checkbox {
  display: none;
}
nav label.m-menu__toggle {
  cursor: pointer;
}
nav .m-menu {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 450px;
  width: calc(100vw - 30px);
  height: 100%;
  -moz-transform: translate3d(-450px, 0, 0);
  -o-transform: translate3d(-450px, 0, 0);
  -ms-transform: translate3d(-450px, 0, 0);
  -webkit-transform: translate3d(-450px, 0, 0);
  transform: translate3d(-450px, 0, 0);
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -webkit-transition: transform 0.35s;
  transition: transform 0.35s;
  z-index: 1;
  overflow: hidden;
  background-color: #fff;
}
nav .m-menu__overlay {
  background-color: rgba(103, 103, 103, 0.5);
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 1;
  display: none;
}
nav .m-menu__header {
  padding: 0 16px;
  height: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
nav .m-menu__header span {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
nav .m-menu .m-menu {
  -moz-transform: translate3d(480px, 0, 0);
  -o-transform: translate3d(480px, 0, 0);
  -ms-transform: translate3d(480px, 0, 0);
  -webkit-transform: translate3d(480px, 0, 0);
  transform: translate3d(480px, 0, 0);
}
nav .m-menu ul {
  height: 100%;
  overflow-y: auto;
  list-style:none;
  padding: 0 0 0 25px;
}
nav .m-menu ul li a, nav .m-menu ul li label {
  display: block;
  text-align: left;
  padding: 0;
  line-height: 40px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  font-size: 1rem;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
nav .m-menu ul li {
  border-bottom: 1px solid #f0f0f0;
}
nav .m-menu ul li a.major {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  text-transform:uppercase;
}
nav .m-menu ul li a.minor {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0;
  border-bottom: 0px;
}
nav .m-menu ul li a.major:hover {
  color: #666;
}
nav .m-menu ul li a.minor:hover {
  color: #666;
  text-decoration: none;
}
nav .m-menu ul li label.a-label__chevron::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 16px;
}
nav .m-menu ul li .-invisible {
  border-bottom: 0;
}
nav .m-menu .m-menu label.m-menu__toggle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
nav .m-menu__checkbox:checked ~ .m-menu__overlay {
  display: block;
}
nav .m-menu__checkbox:checked ~ .m-menu {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width:800px){.hide800{display:none}
.arenastatus,.battlestatus,.citystatus,.duelstatus_challenge,.duelstatus_decline,.duelstatus_start{width:0;height:32px;overflow:hidden;padding-left:10px}
.enc_txt{border-left:0 solid #fff}
.container .cell33{width:100%}
.container .cell50{width:100%}
.enc_main{min-width:300px}
.container .cell_score{width:33%;min-width:125px}
.city_col1{width:99%}
.fields_vkcomments{clear:both;text-align:center;font-size:14px;float:left;width:100%;margin:0;padding:0;}
}
@media (max-width:400px) and (orientation: portrait){.hide400{display:none}
.field_top .menu .basic .cell a.menu_link{font-size:13px}
}
@media screen and (max-width:375px){.enc_img,.global_messages,.hide375{display:none}
table.list{min-width:300px}
.enc_txt{width:95%}
.container .cell33{border-bottom:1px solid silver;width:100%}
.container .cell50{width:100%}
#cdtimer,.arenastatus,.battlestatus,.citystatus,.duelstatus_challenge,.duelstatus_decline,.duelstatus_start{width:0;height:32px;overflow:hidden;padding-left:10px}
.enc_main{margin:1px 0;min-width:320px}
.score_size,h1,h1.index{font-size:16px}
h2,h3{font-size:14px}
.txt_radio{font-size:16px;padding:0}
.input_radio{line-height:20px;margin:5px 8px 5px 2px;vertical-align:baseline}
.container .cell_score{width:33%;min-width:105px}
.fields_vkcomments{clear:both;text-align:center;font-size:14px;float:left;width:320px;height:450px;overflow:scroll;margin:0;padding:0;}
}