/*
<?php
header('Content-Type: text/css; charset: UTF-8');
require_once '.htpaths';
require_once (CONFIG_PATH.'/ini.tpl');
$p1=1100;if($telegram){$p2=$p1-60;}else{$p2=$p1;}if($youtube){$p3=$p2-60;}else{$p3=$p2;}if($facebook){$p4=$p3-60;}else{$p4=$p3;}if($inst){$p5=$p4-60;}else{$p5=$p4;}if($twitter){$p6=$p5-60;}else{$p6=$p5;}if($vk){$p7=$p6-60;}else{$p7=$p6;}

?>
/* внедрение шрифтов */

@font-face {
    font-family: "Ubuntu-Regular"; /* Гарнитура шрифта */
    src: url(../../pic/fonts/opensans.eot); /* Для IE5-8 */
    src: local("Ubuntu-Regular"), url(../../pic/fonts/opensans.ttf); /* Для остальных браузеров */ }

@font-face {
    font-family: "Benguiat"; /* Гарнитура шрифта */
    src: url(../../pic/fonts/benguiat.eot); /* Для IE5-8 */
    src: local("Benguiat"), url(../../pic/fonts/benguiat.ttf); /* Для остальных браузеров */}

@font-face {
    font-family: "Baron Neue Bold"; /* Гарнитура шрифта */
    src: url(../../pic/fonts/baronneuebold.eot); /* Для IE5-8 */
    src: local("Baron Neue Bold"), url(../../pic/fonts/baronneuebold.ttf); /* Для остальных браузеров */}

@import url(https://fonts.googleapis.com/css?family=Montserrat:400);
figure {
  font: 14px/1.4em "Montserrat", Arial, sans-serif;
}
personalstat {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.chart-text {
  /*font: 16px/1.4em "Montserrat", Arial, sans-serif;*/
  fill: #000;
  -moz-transform: translateY(0.25em);
  -ms-transform: translateY(0.25em);
  -webkit-transform: translateY(0.25em);
  transform: translateY(0.25em);
}
.chart-number {
  font-size: 0.6em;
  line-height: 1;
  text-anchor: middle;
  -moz-transform: translateY(-0.25em);
  -ms-transform: translateY(-0.25em);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}
.chart-label {
  font-size: 0.2em;
  text-transform: uppercase;
  text-anchor: middle;
  -moz-transform: translateY(0.7em);
  -ms-transform: translateY(0.7em);
  -webkit-transform: translateY(0.7em);
  transform: translateY(0.7em);
}
figure {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  figure {
    flex-direction: row;
  }
}
.figure-content,
.figure-key {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  align-self: center;
}
.figure-content svg {
  height: auto;
}
.figure-key {
  min-width: calc(8 / 12);
}
.figure-key [class*="shape-"] {
  margin-right: 6px;
}
.figure-key-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.figure-key-list li {
  margin: 0 0 8px;
  padding: 0;
}
.shape-circle {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
}
.shape-fuschia {
  background-color: #ce4b99;
}
.shape-lemon-lime {
  background-color: #b1c94e;
}
.shape-blue {
  background-color: #377bbc;
}
.shape-red {
  background-color: #ff0000;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


html {position:relative;}
html, body {height: 100%;}
a {color: #e44343;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);text-decoration: none;}
a:hover {text-decoration:underline;}

/*width*/
.width {width:var(--main-width);margin: 0 auto;padding:0;}
img.rightimg  {float: right;margin: 7px 0 7px 7px;width:400px;}

div.mklassreit > div.odd > a, div.mcityreit > div.odd > a, div.mostrovreit > div.odd > a, div.mklassreit > div.even > a, div.mcityreit > div.even > a, div.mostrovreit > div.even > a{text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);text-decoration: none;white-space: nowrap;color:#000;}

div.mklassreit > div.odd > a:hover, div.mcityreit > div.odd > a:hover, div.mostrovreit > div.odd > a:hover, div.mklassreit > div.even > a:hover, div.mcityreit > div.even > a:hover, div.mostrovreit > div.even > a:hover{text-decoration: underline;}

/*главная*/
img.c1{width:calc((var(--main-width) / 5) - 30px)}
.circleblock > div{width:calc((var(--main-width) / 5) - 20px);text-align:center;float:left;}
.circleblock > div{width: calc((100% - 20px) / 5);text-align:center;float:left;}
.circleblock {margin: 0 auto;}
.whblock {background: #ffffff;padding: 20px 0;}
.whblock > div > div > h2{color: #000000;}
div.gold > div.h{text-align: center;border: 1px solid #fff;width: 70vw;padding: 10px 0;margin: 20px auto 0 auto;background: #000;font-size: 12pt;color:#fff;}
div.gold > div.reit > div{width: calc(70vw - 38px);padding: 10px 20px;margin: 0 auto;background: #fff;font-size: 12pt;color: #000;text-align: center;}
.blblock {background: #000000;padding: 20px 0;}
div.h > a {color:#fff;}
div.h > a:hover {color:#fff;text-decoration: underline}

/*цвета*/
.colorcity{color:#fc0303;font-weight: bold;}
.colormaf{color:#000000;font-weight: bold;}
.colorgangst{color:#542500;font-weight: bold;}
.colormaniak{color:#0077d5;font-weight: bold;}
div.tblbody:nth-child(odd), table.tour > tbody > tr:nth-child(odd) {background:#ffffff;}
div.tblbody:nth-child(even), table.tour > tbody > tr:nth-child(even) {background:#fbf0f0;}

/*рейтинг*/
div.tblbody > div {padding: 8px 14px 7px 14px;}
div.tblhead {text-align: center;border: 1px solid #ffffff;background: #000;}
div.tbl2 > a {color: #000000;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);text-decoration: none;white-space: nowrap;}
div.tbl2 > a:hover {text-decoration:underline;}

/*турниры*/
table.tour {width:80vw;border-collapse: collapse;margin: 20px;}
table.tour > thead {text-align:center;vertical-align: middle;padding: 10px;color:#fff;    border: 1px solid #ffffff;background: #000;}
table.tour > thead > tr {height: 45px;}
table.tour > tbody > tr > td {text-align:center;vertical-align: middle;padding: 10px;color:#000;}
table.tour > tbody > tr > td.num {width:45px;}
table.tour > tbody > tr > td.day {width:200px;}

table.tourn > caption {color: #c88d8d;font-weight: 600;padding: 10px;}
table.tourn > thead, table.tourn > tfoot  {background-color: #c88d8d;}
table.tourn > tbody > tr > td > a {color: #000;}
table.tourn > thead > tr > td, table.tourn > tbody > tr > td, table.tourn > tfoot > tr > td {padding: 10px;white-space: nowrap}
table.tourn > tfoot > tr > td {text-align:center;}
table.tourn {margin: 20px 40px;background-color: #fff;color: #000;}
table.tourn > tbody > tr:nth-child(odd){background:#ffffff;}
table.tourn > tbody > tr:nth-child(even){background:#e5e5e5;}
.tourinfo, .tourcontent {margin:0 0 0 40px}
.tourinfo > div > i > a {color:#fff;}
.tourcontent > h2 {margin: 0;}
.tourcontent > .g {background:#ffffff;min-height:50px;margin: 20px 0;}




@media screen and (min-width: 1200px) { /* большие экраны */
:root {--main-width: 1140px;}

body {background-image: url(../../pic/fon.jpg);width:100%;margin: 0;color:#fff; font-family:Ubuntu-Regular, sans-serif;font-size: 16px;}
h1{font-size: 25px;margin: 20px 40px;}
h2{font-size: 25px;margin: 10px;}
hr{border: 0;height:1px;margin:0;width:100%;}
.clear{clear: both;}


/*главная*/
div.mklassreit, div.mcityreit{float:left;}
div.circleblock > a > img, div.circleblock > img {width: 12vw;}
div.mostrovreit{float:right;}
div.mklassreit > div.h, div.mcityreit > div.h, div.mostrovreit > div.h{text-align: center;border: 1px solid #ffffff;width: 35vw;padding: 10px 0;margin: 20px 0 0 33px;background: #000;font-size: 12pt;}
div.mklassreit > div.odd, div.mcityreit > div.odd, div.mostrovreit > div.odd{color:#000;background-color:#fff;width: calc(35vw - 18px);margin: 0 0 0 33px;padding:10px;}
div.mklassreit > div.even, div.mcityreit > div.even, div.mostrovreit > div.even{color:#000;background-color:#fbf0f0;width: calc(35vw - 18px);margin: 0 0 0 33px;padding:10px;}
.circleblock {width: calc(var(--main-width)-(45*2));margin: 0 45px;}
.docsblock {background: #ffffff;padding: 20px 0;min-height: 330px;}
img.sert{width: calc(71vw - 1px);margin: 0 0 0 30px;}

/*белые листы*/

.content {margin: 0 auto;background-color: #fff;width: 800px;padding: 20px;text-align: justify;box-shadow: 1px 1px 0 0 #aaaaaa;min-height:500px;color:#444444;font: 100 16px Arial;}
.content > h1, .content >h2 {text-align: center;font-size: 18px;}
.content > ol > li > a {color: #000000;text-decoration: none;}
.content > ol > li > a:hover {text-decoration:underline;}
.content > ol > li {padding: 0 10px 10px 10px;}

/*about*/
img.about{float:right;width:400px;margin:0 50px;}
div.textabout{margin:0 40px 40px 40px;text-align:justify;}

/*rules*/
div.textrules {margin:10px;text-align:justify;}
div.textrules1 {margin:0 10px;text-align:justify;width:360px;float:left;}
div.textrules2 {margin:0 10px;text-align:justify;width:360px;float:left;}
div.textrules3 {margin:0 10px;text-align:justify;width:360px;float:left;}

/*reiting*/
.place {text-align:center;font-size:20px;margin: 10px;}
.adres {text-align:center;margin: 5px 15px;}
.mlink {margin: 0 20px;}
a.rlink {white-space:nowrap;padding: 15px 20px;text-align:right;text-decoration: none;color:#fff;white-space: nowrap;}
a.rlink:hover {text-decoration: underline;white-space: nowrap;color:#cb908f;}
div.circlehead {text-align:center;border: 1px solid #ffffff;width:520px;padding: 15px 0;margin: 20px 0 0 40px;background: #000;}
div.circle {white-space:nowrap;text-align:center;background: #fff;width:522px;float:left;padding: 6px 0;margin: 0 0 0 40px;}
div.circle > a > img {width:90px;}
div.anonshead {text-align: center;border: 1px solid #ffffff;width: 447px;padding: 15px 0;float: right;margin: -55px 50px 0 20px;background: #000;}
div.anonsto {width:449px;background: #fff;float:right;margin: 0 50px 0 20px;color: #000;}
div.tblhead > div > a {color: #f44941;font-weight: bold;text-shadow: none;}

div.tblblock {margin: 20px 50px 20px 40px;}
div.tblblock > div.tblklassreit {width: 100%;}
div.tblklassreit > div.tblhead {width: 1048px;}
div.tblblock > div.tblklassreit > img {width:100%;}
div.tblhead > div.tbl1 {padding: 15px 14px;display: inline-block;}
div.tblhead > div.tbl2 {padding: 15px 14px;text-align:left;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl2 {width: calc(100% - 615px);}
div.tblcityreit > div.tblhead > div.tbl2 {width: calc(100% - 840px);}

div.tblcityreit > div.tblhead > div.tbl3, div.tblcityreit > div.tblhead > div.tbl4, div.tblcityreit > div.tblhead > div.tbl5, div.tblcityreit > div.tblhead > div.tbl6, div.tblcityreit > div.tblhead > div.tbl7, div.tblcityreit > div.tblhead > div.tbl8, div.tblcityreit > div.tblhead > div.tbl9, div.tblcityreit > div.tblhead > div.tbl10, div.tblcityreit > div.tblhead > div.tbl11, div.tblcityreit > div.tblhead > div.tbl12, div.tblcityreit > div.tblhead > div.tbl13, div.tblcityreit > div.tblhead > div.tbl14, div.tblcityreit > div.tblhead > div.tbl15, div.tblcityreit > div.tblhead > div.tbl16, div.tblcityreit > div.tblhead > div.tbl17 {padding:2.3px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblcityreit > div.tblhead > div.tbl18 {width: 55px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblklassreit > div.tblhead > div.tbl3, div.tblklassreit > div.tblhead > div.tbl4, div.tblklassreit > div.tblhead > div.tbl5, div.tblklassreit > div.tblhead > div.tbl6 {width:45px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblklassreit >div.tblhead > div.tbl7, div.tblklassreit >div.tblhead > div.tbl8, div.tblklassreit >div.tblhead > div.tbl9, div.tblklassreit >div.tblhead > div.tbl10 {padding: 15px 14px;width:45px;display: inline-block;}

div.tblbody {text-align: center;background: #fff;color:#000;max-height: 40px;margin-top:-1px;}
div.tblbody > div.tbl1 {display:inline-block;width: 20px;}
div.tblbody > div.tbl2 {display:inline-block;width: calc(100% - 640px);text-align:left;}
div.tblbody > div.tbl3 {display:inline-block;width: 20px;}
div.tblbody > div.tbl4 {display:inline-block;width: 20px;}
div.tblbody > div.tbl5 {display:inline-block;width: 20px;}
div.tblbody > div.tbl6 {display:inline-block;width: 20px;}
div.tblbody > div.tbl7 {display:inline-block;width: 50px;text-align:left;}
div.tblbody > div.tbl8 {display:inline-block;width: 50px;}
div.tblbody > div.tbl9 {display:inline-block;width: 20px;}
div.tblbody > div.tbl10 {display: inline-block;text-align:left;width: 50px;}

div.tblcityreit > div.tblbody > div.tbl2 {display:inline-block;width: calc(100% - 840px);text-align:left;}
div.tblcityreit > div.tblbody > div.tbl3, div.tblcityreit > div.tblbody > div.tbl4, div.tblcityreit > div.tblbody > div.tbl5, div.tblcityreit > div.tblbody > div.tbl6, div.tblcityreit > div.tblbody > div.tbl7, div.tblcityreit > div.tblbody > div.tbl8, div.tblcityreit > div.tblbody > div.tbl9, div.tblcityreit > div.tblbody > div.tbl10, div.tblcityreit > div.tblbody > div.tbl11, div.tblcityreit > div.tblbody > div.tbl12, div.tblcityreit > div.tblbody > div.tbl13, div.tblcityreit > div.tblbody > div.tbl14, div.tblcityreit > div.tblbody > div.tbl15, div.tblcityreit > div.tblbody > div.tbl16, div.tblcityreit > div.tblbody > div.tbl17 {width: 9px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblcityreit > div.tblbody > div.tbl18  {width: 35px;text-align:left;vertical-align: middle;display: inline-block;}

div.formulahead {text-align:center;border: 1px solid #ffffff;width:100%;padding: 15px 0;margin: 20px 0 0 0;background: #000;}
div.formulabody {background:#fff;padding: 6px 0;vertical-align:middle;color:#000;width:calc(100% + 2px);}
div.formulabody > table > thead {font-family: Benguiat, sans-serif;text-align:center;font-size: 25pt;margin:30px 0;}

/*schedule*/
.mapstyle{width: 100%; min-width:1200px;height: 300px;}
td.daybr {white-space: nowrap;}
.formtrue {width: 100%;clear: both;padding: 0 10px 10px 10px;}
.formtrue > div.one {float: left;width: 25%;text-align: right;margin: 20px;}
.formtrue > div.two {float: right;width: 55%;margin: 20px;}
.formtrue > div.two > input, .formtrue > div.two > select {width:300px; height:30px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.formtrue > div.two > textarea {width:300px; height:90px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.button1 {font-size: 15px;cursor: pointer;padding: 10px 20px;margin: 0 0 0 350px;}

hr.full {background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%,
rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
}
div.fio{text-align:center;margin:20px 0 0 0;color: #000000;display:none;}
div.nick{text-align: center;font: normal 17px fantasy;color: #000000;padding: 30px;}
div.ramka{width: 250px;height: 84px;background: url(../../pic/players/name.png);background-repeat: no-repeat;margin:-10px 0 0 0;position: absolute;}
div.ramka:hover > div.fio{display:block;}
div.ramka:hover > div.nick{display:none;}

input:valid + div:after {content: url(../../pic/ok.png);padding-left: 5px;}
input:invalid + div:after {content: url(../../pic/nook.png);padding-left: 5px;}


hr.halfleft {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}
.halfright {
background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.but{width: 330px;
    background-color: #972424;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35);
    font-size: 20px;
    font-family: “Ubuntu-Regular”, sans-serif;
    /* color: #fff; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    padding: 15px;
    text-align: center;
    margin: 20px 0;}
.but > a {color:#fff;font-size: 25px;}

.cat{background: url(../../pic/shapka/cat.png);background-repeat: no-repeat;width: 644px;height: 371px;margin: -457px 0 0 430px;display: block;}
a.textbut {color: #fff;}
a.textbut:hover {text-decoration:none;}
div.block1{width:440px;height:380px;background: #453f3b;float:left;}
div.block2{width:440px;height:380px;background: #453f3b;float:right;}
div.block1 > h1, div.block2 > h2 {margin:20px 30px;}
div.block1 > div, div.block2 > div {margin:30px;min-height:195px;height:195px;}
div.block1 > a, div.block2 > a {margin:30px;text-align:right;text-transform:uppercase;display: block;}
div.block1 > hr, div.block2 > hr {
margin: 0 30px;border: 0;background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
height:1px;
}

/* header */
header{background: #000000;height:120px;width:100%;font-family:Ubuntu-Regular, sans-serif;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header > div.width {padding: 35px;}
header > div.width > div > a {display: block;float: left;}
header > div.width > div > a > img {height:100px;padding:0;margin: -25px 0 0 50px;}
header > div.width > div > div.f {margin: 15px 0 0 0;text-align: center;float: left;font-size: 14pt;}


header.m{background: url(/pic/shapka.jpg);background-size: 100%;height:608px;width:100%;min-width:1100px;font-family:Ubuntu-Regular, sans-serif;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header.m > div.width {padding: 35px;}
header.m > div.width > div {margin: 0 auto;font-size: 19px;padding: 20px 0 0 20px;width: 670px;}
header.m > div.width > div.name {font-family: Baron Neue Bold;font-size: 60px;margin: 50px auto;width: 600px;background: rgba(0,0,0,0.7);padding: 0 20px 20px 20px;}
header.m > div.width > div.logo2 {background: url(/pic/logo2.png);width: 260px;height: 180px;margin: 0 auto;}
header.m > div.width > div > a {background: rgba(0,0,0,0.3);padding: 0 2px;}
header > div > a.namecat {font-family:Benguiat, sans-serif;font-size: 20pt;margin: 0 0 0 40px;text-decoration: none;color:#fff;}
a.namecat1 {font-family:Benguiat, sans-serif;font-size: 45px;text-decoration: none;color:#fff;text-align: center;display: block;}
header > div > div.leftfoot {margin: 0 40px;font-size: 12pt;}
a.menua {text-decoration: none;color:#fff; margin-left: 25px;}
a.menub {text-decoration: none;color:#fff; display:inline-block;}
div.mn:after {content:""; display:inline-block; width:100%; height:0; overflow:hidden;}
div.mn {text-align:justify; text-align-last:justify;width:944px;margin: 0 40px;height:0;}
a.menua:hover, a.menub:hover {text-decoration:underline;}



/* footer */
footer{
background: #000000;
height:150px;
font-family:Ubuntu-Regular, sans-serif;
width: 100%;
min-width: 1140px;
}
footer > div.width {padding: 35px;}
footer > div > div.leftfoot {margin: 0 40px;font-size: 16pt;}
.rightfoot {margin: -80px 48px;font-size: 16pt;text-align: right;font-family: Benguiat, sans-serif;}
.cont{margin: -60px 310px;font-size: 16pt;text-align: right;}
footer > div > div.namecat {font-family:Benguiat, sans-serif;margin: 0 40px;font-size: 25pt;}
a.telegram {background: url(../../pic/social/telegram.jpg);float:right;position: absolute;background-repeat: no-repeat;width: 50px;height: 50px;margin: 25px 0 0 <?php print $p2;?>px;display: block;}
a.yt {background: url(../../pic/social/yt.jpg);float:right;position: absolute;background-repeat: no-repeat;width: 50px;height: 50px;margin: 25px 0 0 <?php print $p3;?>px;display: block;}
a.fb {background: url(../../pic/social/fb.jpg);float:right;position: absolute;background-repeat: no-repeat;width: 50px;height: 50px;margin: 25px 0 0 <?php print $p4;?>px;display: block;}
a.inst {background: url(../../pic/social/inst.jpg);float:right;position: absolute;background-repeat: no-repeat;width: 50px;height: 50px;margin: 25px 0 0 <?php print $p5;?>px;display: block;}
a.tw {background: url(../../pic/social/tw.jpg);float:right;position: absolute;background-repeat: no-repeat;width: 50px;height: 50px;margin: 25px 0 0 <?php print $p6;?>px;display: block;}
a.vk {background: url(../../pic/social/vk.jpg);float:right;position: absolute;background-repeat: no-repeat;width: 50px;height: 50px;margin: 25px 0 0 <?php print $p7;?>px;display: block;}


/* центрируем width */
.width {width:1140px;margin: 0 auto;padding:0;overflow: hidden;}
.height {min-height: -moz-calc(100% - 290px);min-height: -webkit-calc(100% - 290px);min-height: calc(100% - 290px);}

/* таблица дивами */
.personalstat {margin:10px;display: table;width: 270px;height:400px;}
.zag_person {display:table-row;}
.wr{display:table-cell; border: 0;white-space: pre;}
.gm{display:table-cell; border: 0;}

/*профили*/
div.tb{margin:20px 50px;}
div.tb > div.left {float: left;width: 250px;}

/* вкладки */
/* общий конейнер с вкладками */
#tabs{
      display:block;
      margin: -10px 0 10px 10px;
      width: 720px;
      float: right;
}
/* немаркированный список заголовка */
#tabs ul{display:block;height:auto;margin:0;padding:0;margin-top:10px;font-size: 14px;list-style:none;}
/* элемент списка */
#tabs ul li {
      margin:0;
      padding:0;
      float:left;
}
/* ссылка заголовка вкладки */
#tabs ul li a {
      display:block;
      margin:0;
      margin-right:2px;
      padding:10px 15px;
      float:left;
      color: #ddd;
      background-color:#56585d;
      text-decoration:none;
      /* стили CSS3 для закругления уголков */
                 -webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */

}
/* наведение мышки на вкладку */
#tabs ul li a:hover {
      color:#FFF;
      background-color:#121518;
      text-decoration:none;
}
/* активная вкладка */
#tabs ul .active a,
#tabs ul .active a:hover {
      font-weight:bold;
      color:#121518;
      background-color:#e5e5e5;
      text-decoration:none;
      border:none;
      border-bottom:2px solid #e5e5e5;
      -webkit-text-shadow: 0px 1px 1px #fff;
         -moz-text-shadow: 0px 1px 1px #fff;
              text-shadow: 0px 1px 1px #fff;

}
/* контейнер с панелями вкладок */
#tabs #panes {
      margin:0;
      padding:0;
      clear:both;
      display:block;
      border: 2px solid #ffffff;
      /* стили CSS3 для закругления уголков */
               -webkit-border-radius: 8px; /* Safari, Chrome */
      -webkit-border-top-left-radius: 0px; /* Safari, Chrome */
                  -moz-border-radius: 8px; /* Firefox */
          -moz-border-radius-topleft: 0px; /* Firefox */
                       border-radius: 8px; /* CSS3 */
              border-top-left-radius: 0px; /* CSS3 */
}
/* оформление вкладок */
#tabs #panes .tab {
      margin:0;
      display:block;
      clear:both;
}

/* социальные сети */
.vk1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -45px 0;display: inline-block;}
.fb1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -23px 0;display: inline-block;}
.inst1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -69px 0;display: inline-block;}
.tw1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -91px 0;display: inline-block;}
.mwt1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -114px 0;display: inline-block;}

/*таблицы*/
table.city {width:100%;border-collapse: collapse;}
table.city > thead > tr > td {padding: 10px;}
table.city > tbody > tr.group0 {background:rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.city > tbody > tr.group1 {background:rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group2 {background:rgba(83, 36, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group3 {background:rgba(0, 119, 213, 0.6);border: 1px solid #ffffff;}
table.anons {width:100%;margin: 0 0 0 -20px;}
table.anons > thead > tr > td {font-size: 25px;padding: 0 10px;}
table.anons > tbody > tr > td {font-size:14px;text-align:justify;padding:10px;min-width:280px;}
table.anons > tbody > tr > td > div {font-size:16px;}
table.anons > tbody > tr > td.name {font-size:25px;}
table.anons > tbody > tr > td > div.but > a {font-size:25px;text-align:center;color: #fff;}
table.anons > thead > tr > td.space, table.mreit > tbody > tr > td.space, table.anons > tbody > tr > td.space {width:20px;min-width:20px;border-size:0;}
table.cityprof {border-collapse: collapse;width: 716px;}
table.cityprof > tbody > tr {height: 30px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td:nth-child(1) {padding: 0 25px}
table.cityprof > tbody > tr.mir {background:rgba(93, 12, 20, 0.6);}
table.cityprof > tbody > tr.maf {background:rgba(0, 0, 0, 0.6);}
table.cityprof > tbody > tr.tri {background:rgba(83, 36, 0, 0.6);}
table.cityprof > tbody > tr.man {background:rgba(0, 119, 213, 0.6);}
table.cityprof > thead > tr > th {padding: 0 10px;border: 1px solid #ffffff;}
table.reit {width:100%}
table.reit > thead > tr.head1 {text-align: center;background-color:#eee;}
table.reit > thead > tr.tfooter > td > div> a > img {width:90px;}
table.reit > thead > tr.head3 {text-align: center;background-color:#fff;}
table.reit > thead > tr > td > a.rlink {white-space:nowrap;padding: 35px 20px 0 20px;float:right;}
table.reit > tbody > tr {text-align: left;background-color:#eee;}
table.reit > tbody > tr > td > a {text-decoration: none;color:#333;white-space: nowrap;}
table.reit > tbody > tr > td > a:hover {text-decoration: underline;color:#333;white-space: nowrap;}
.date {float: left;background: url(../../pic/table/calendar.png) no-repeat;width: 70px;min-height: 60px;padding: 49px 3px 0 1px;margin:-2px -10px 0 30px;position: relative;text-align: center;color: #341000;font: bold 15px/15px "Minion Pro",Georgia,"Times New Roman",serif;}
.time {text-align: center;font: 14px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #fff;height: 33px;position: absolute;top: 15px;left: 1px;right: 3px;}
.date > strong {display: block;font-size: 31px;line-height: 31px;font-family: Georgia,"Times New Roman",serif;margin: -3px 0 5px 0;}
div.geo{margin: 0 10px 10px -20px;text-align:center;}
.geo > img{margin-top: 3px;}
table.treit > tbody > tr > td > div.ttl {float:left;max-width: 170px;margin: 40px 15px;text-transform: uppercase;font-size: 10pt;}

/* рейтинг */
.another {background: rgb(240, 240, 240);height: 30px;}
.nother {height: 30px;background: #fff;}
.another1 {background: rgb(240, 240, 240);height: 15px;border-width:0;}
.nother1 {height: 15px;border-width:0;}
.mreit {width:944px;border-collapse: collapse;margin: -20px 0 0 0;}
table.mreit > thead > tr > th {width:280px;text-align:left;padding:15px;font-size: 22px;}
table.mreit > thead > tr > th.space {width:50px;}
table.mreit > tbody > tr > td.odd {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.mreit > tbody > tr > td.even {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting {width:99%;border-collapse:collapse;}

table.reiting > tbody > tr, table.mreit > tbody > tr {height:50px;}
table.reiting > tbody > tr:nth-child(odd) {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.reiting > tbody > tr:nth-child(even) {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting > tbody > tr.tfooter, table.reiting > thead > tr.tfooter {min-height:50px;background-color: transparent;border: 0px solid #ffffff;}
table.reiting > tbody > tr > td, table.mreit > tbody > tr > td{padding:15px;vertical-align:top;}
table.reiting > tbody > tr > td > a, table.reit > thead > tr > td > a, table.mreit > tbody > tr > td > a, table.reiting > thead > tr > td > a {color:#fff;}
table.reiting > tbody > tr > td > a:hover, table.reit > thead > tr > td > a:hover, table.mreit > tbody > tr > td > a:hover, table.reiting > thead > tr > td > a:hover {color:#cb908f;}
.table1 {background-color:#972424;width:125px;}
.table2 {background-color:#b22b2b;width:125px;}
.table3 {background-color:#ce3131;width:125px;}
.table4 {background-color:#d44c4c;width:125px;}
.table5 {background-color:#d44c4c;width:125px;}
.table6 {background-color:#972424;width:100px;}
.table7 {background-color:#b22b2b;width:100px;}
.table8 {background-color:#ce3131;width:100px;}
div.sh {display: table;width:100%;}
div.sh > div {display: table-row;}
div.sh > div > div.l {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.r {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.c {display: table-cell;white-space: nowrap;vertical-align:middle;min-width: 350px;}

.copyright{text-decoration: none;color:#fff;font: Bold 14px "Arial Narrow";margin: 60px 0 0 743px;}
.fh1{margin:-420px 0 0 320px;white-space: pre;}
.fh2{margin: -429px 0 0 730px;}
.personalphoto {width:300px;height:300px;}

.blue {color: #0000ff;}
.black {color: #000;white-space: nowrap;}
.clubgame {margin-left:120px;font-size: 20px;color:#fff;margin-top:16px;}
.clubdate {margin-left:120px;font-size: 25px;color:#fff;margin-top:16px;}
.clublid {font-style: italic;margin: 10px 20px 0 120px;font-size: 13px;color:#eee;}
.clubplus {margin: 20px;text-align: justify;min-height: 200px;}

.home{position: relative;z-index: 5;margin: 10px 0 0 72px;}
.home1{width:910px;height:400px;background-color: #fff;margin:auto;}
.home2{width:880px;height:385px;background-color: #000;margin:auto;}
.home3{width:908px;height:250px;background-color: #fff;margin:5px auto 0 auto;padding:1px;}
.h31{margin:19px;width:227px;}
.h32{margin:19px;width:227px;}
.h33{margin:19px;width:227px;}
.h34{margin:19px;width:227px;}
.home4{width:910px;height:280px;background:#000;background: linear-gradient(to top, #000, #333);;margin:0 auto;}
.home5{background-color: #363737;}
.home6{background-color: #fff;margin:auto;}
.header0 {margin:30px auto -24px auto;width:990px;background:#000;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius: 20px;border-spacing: 0;height:100px;padding:20px;z-index:100;}
.header1{margin: 0 200px 32px;color: rgb(255, 255, 255);font: 700 14px "Arial Narrow";}
.header2 {position:relative;z-index:2;padding: 1px;color:#fff;width:1110px;height:78px;vertical-align:middle;margin: -60px 0 0 0;background: url(../pic/menu/topnav.png)}
.loc {margin: 0 10px;font-size: 11pt;font-family: Arial;}
.logo {background: url(../pic/menu/logo.png);background-repeat: no-repeat;width:100px;height:100px;}
.logo1 {background: url(../pic/menu/logo1.png);background-repeat: no-repeat;width:348px;height:100px;margin: -100px 0 0 130px;}
.nobr {white-space: nowrap;}
.r_b      {position: relative;color:#fff;width:968px;height:33px;margin: 0 0 0 0;background: url(../pic/menu/r_b.gif)}
.r_r      {position: relative;color:#fff;width:31px;height:222px;margin: -207px 0 0 935px;background: url(../pic/menu/r_r.gif)}
.r_l      {position: relative;color:#fff;width:30px;height:222px;margin: -1px 0 0 2px;background: url(../pic/menu/r_l.gif)}
td.td1 {width:100px;}
.table_block {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-spacing: 0;}
.toccolours {border: 1px solid #aaa;background-color: #f9f9f9;padding: 5px;font-size: 12px;margin: -15px;}
.today {float: left; margin-left: 1px;width:300px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
.tomorrow {float: right; width:300px;margin-left: 1px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}




.navigation-holder-frontpage {height: 132px; position: relative;top: -555px;}
.navigation {position: relative;width: 992px;height: 132px;z-index: 110;margin: 0 auto;}
.navigation .bg {position: absolute;background-color: transparent;width: 992px;height: 132px; background: url(../pic/shapka/nav-bg.png);background-repeat: no-repeat;}
.navigation .bar {width: 762px;height: 83px;position: absolute;top: 43px;left: 217px;}
.navigation .bar .navgames {width: 152px;background-position: 0px 0px;}
.navigation .bar a span {color: #FFF;position: absolute;right: 12px;bottom: 10px;font-size: 13px;font-family: MuseoSans-500,"Century Gothic";}
div.mordablock {background: #fff;width:640px;height:100%;float:right;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 1180px;}
div.mblock {padding:20px;}
div.textblock {background: #fff;width:960px;height:100%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 620px;margin:0 0 20px 0}
div.plblock {background: #fff;width:940px;height:450px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;margin:0 0 20px 0;padding: 20px 0 0 20px;}
Inherited from a.navgames
}
@media screen and (min-width: 980px) and (max-width: 1200px) { /* разрешение компьютера */
:root {--main-width: 920px;}

body {background-image: url(../../pic/fon.jpg);width:100%;margin: 0;color:#fff; font-family:Ubuntu-Regular, sans-serif;font-size: 16px;}
h1{font-size: 25px;margin: 20px;}
h2{font-size: 25px;margin: 10px;font-family: Benguiat, sans-serif;}
hr{border: 0;height:1px;margin:0;width:100%;}
.clear{clear: both;}

/*главная*/
div.mklassreit, div.mcityreit{float:left;}
div.circleblock > a > img, div.circleblock > img {width: 12vw;}
div.mostrovreit{float:right;}
div.mklassreit > div.h, div.mcityreit > div.h, div.mostrovreit > div.h{text-align: center;border: 1px solid #ffffff;width: 35vw;padding: 10px 0;margin: 20px 0 0 33px;background: #000;font-size: 12pt;}
div.mklassreit > div.odd, div.mcityreit > div.odd, div.mostrovreit > div.odd{color:#000;background-color:#fff;width: calc(35vw - 18px);margin: 0 0 0 33px;padding:10px;}
div.mklassreit > div.even, div.mcityreit > div.even, div.mostrovreit > div.even{color:#000;background-color:#fbf0f0;width: calc(35vw - 18px);margin: 0 0 0 33px;padding:10px;}
.docsblock {background: #ffffff;padding: 20px 0;min-height: 260px;}
img.c1{width:calc(100% - 20px)}
img.sert{width: calc(71vw - 1px);margin: 0 0 0 30px;}



/*белые листы*/

.content {margin: 0 auto;background-color: #fff;width: 800px;padding: 20px;text-align: justify;box-shadow: 1px 1px 0 0 #aaaaaa;min-height:500px;color:#444444;font: 100 16px Arial;}
.content > h1, .content >h2 {text-align: center;font-size: 18px;}
.content > ol > li > a {color: #000000;text-decoration: none;}
.content > ol > li > a:hover {text-decoration:underline;}
.content > ol > li {padding: 0 10px 10px 10px;}

/*about*/
img.about{float:right;width:400px;margin:0 20px;}
div.textabout{margin:0 20px 40px 20px;text-align:justify;}

/*rules*/
div.textrules {margin:10px;text-align:justify;}
div.textrules1 {margin:0 10px;text-align:justify;width:285px;float:left;}
div.textrules2 {margin:0 10px;text-align:justify;width:285px;float:left;}
div.textrules3 {margin:0 10px;text-align:justify;width:285px;float:left;}

/*reiting*/
.place {text-align:center;font-size:20px;margin: 10px;}
.adres {text-align:center;margin: 5px 15px;}
a.rlink {white-space:nowrap;padding: 15px 20px;text-align:right;text-decoration: none;color:#fff;white-space: nowrap;}
a.rlink:hover {text-decoration: underline;white-space: nowrap;color:#cb908f;}
div.circlehead {text-align:center;border: 1px solid #ffffff;width:520px;padding: 15px 0;float:left;margin: 20px 0 0 20px;background: #000;}
div.circle {white-space:nowrap;text-align:center;background:#fff;width:522px;float:left;padding: 6px 0;margin: 0 0 0 20px;height:95px;vertical-align:middle;}
div.circle > a > img {width:90px;}
div.anonshead {text-align: center;border: 1px solid #ffffff;width: 297px;padding: 15px 0;float: right;margin: -55px 20px 0 20px;background: #000;}
div.anonsto {width:299px;background: #fff;float:right;margin: 0 20px;color: #000;height:107px;}
div.tblhead > div > a {color: #f44941;font-weight: bold;text-shadow: none;}


div.tblblock {margin: 20px;}
div.tblblock > div.tblklassreit, div.tblblock > div.tblcityreit {width: 880px;}
div.tblblock > div.tblklassreit > div.tblhead, div.tblblock > div.tblcityreit > div.tblhead {text-align: center;border: 1px solid #ffffff;background: #000;}
div.tblblock > div.tblklassreit > img {width:100%;}
div.tblhead > div.tbl1 {padding: 15px 14px;display: inline-block;}
div.tblhead > div.tbl2 {padding: 15px;text-align:left;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl2 {width:300px;}
div.tblcityreit > div.tblhead > div.tbl2 {width:110px;}

div.tblcityreit > div.tblhead > div.tbl3, div.tblcityreit > div.tblhead > div.tbl4, div.tblcityreit > div.tblhead > div.tbl5, div.tblcityreit > div.tblhead > div.tbl6, div.tblcityreit > div.tblhead > div.tbl7, div.tblcityreit > div.tblhead > div.tbl8, div.tblcityreit > div.tblhead > div.tbl9, div.tblcityreit > div.tblhead > div.tbl10, div.tblcityreit > div.tblhead > div.tbl11, div.tblcityreit > div.tblhead > div.tbl12, div.tblcityreit > div.tblhead > div.tbl13, div.tblcityreit > div.tblhead > div.tbl14, div.tblcityreit > div.tblhead > div.tbl15, div.tblcityreit > div.tblhead > div.tbl16, div.tblcityreit > div.tblhead > div.tbl17 {padding:2.3px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblcityreit > div.tblhead > div.tbl18 {width: 55px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblklassreit > div.tblhead > div.tbl3, div.tblklassreit > div.tblhead > div.tbl4, div.tblklassreit > div.tblhead > div.tbl5, div.tblklassreit > div.tblhead > div.tbl6 {width:45px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblklassreit >div.tblhead > div.tbl7, div.tblklassreit >div.tblhead > div.tbl8, div.tblklassreit >div.tblhead > div.tbl9, div.tblklassreit >div.tblhead > div.tbl10 {padding: 15px 14px;width:45px;display: inline-block;}

div.tblbody {text-align: center;background: #fff;color:#000;max-height: 40px;margin-top:-1px;}
div.tblbody > div.tbl1 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl2 {display: inline-block;width: 250px;text-align:left;}
div.tblcityreit > div.tblbody > div.tbl2 {display: inline-block;width: 110px;text-align:left;}
div.tblklassreit > div.tblbody > div.tbl3, div.tblklassreit > div.tblbody > div.tbl4, div.tblklassreit > div.tblbody > div.tbl5, div.tblklassreit > div.tblbody > div.tbl6 {display:inline-block;width: 20px;}

div.tblcityreit > div.tblbody > div.tbl3, div.tblcityreit > div.tblbody > div.tbl4, div.tblcityreit > div.tblbody > div.tbl5, div.tblcityreit > div.tblbody > div.tbl6, div.tblcityreit > div.tblbody > div.tbl7, div.tblcityreit > div.tblbody > div.tbl8, div.tblcityreit > div.tblbody > div.tbl9, div.tblcityreit > div.tblbody > div.tbl10, div.tblcityreit > div.tblbody > div.tbl11, div.tblcityreit > div.tblbody > div.tbl12, div.tblcityreit > div.tblbody > div.tbl13, div.tblcityreit > div.tblbody > div.tbl14, div.tblcityreit > div.tblbody > div.tbl15, div.tblcityreit > div.tblbody > div.tbl16, div.tblcityreit > div.tblbody > div.tbl17 {width: 9px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblcityreit > div.tblbody > div.tbl18  {width: 35px;text-align:left;vertical-align: middle;display: inline-block;}


div.tblklassreit >div.tblbody > div.tbl7 {display:inline-block;width: 50px;text-align:left;}
div.tblklassreit >div.tblbody > div.tbl8 {display:inline-block;width: 50px;}
div.tblklassreit >div.tblbody > div.tbl9 {display:inline-block;width: 20px;}
div.tblklassreit >div.tblbody > div.tbl10 {display: inline-block;text-align:left;width: 50px;}

div.formulahead {text-align:center;border: 1px solid #ffffff;width:100%;padding: 15px 0;margin: 20px 0 0 0;background: #000;}
div.formulabody {background:#fff;padding: 6px 0;vertical-align:middle;color:#000;width:calc(100% + 2px);}
div.formulabody > table > thead {font-family: Benguiat, sans-serif;text-align:center;font-size: 25pt;margin:30px 0;}


/*schedule*/
.mapstyle{width: 100%; min-width:980px;height: 300px;}
td.daybr {white-space: nowrap;}
.formtrue {width: 100%;clear: both;padding: 0 10px 10px 10px;}
.formtrue > div.one {float: left;width: 25%;text-align: right;margin: 20px;}
.formtrue > div.two {float: right;width: 55%;margin: 20px;}
.formtrue > div.two > input, .formtrue > div.two > select {width:300px; height:30px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.formtrue > div.two > textarea {width:300px; height:90px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.button1 {font-size: 15px;cursor: pointer;padding: 10px 20px;margin: 0 0 0 350px;}

hr.full {background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%,
rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
}
div.fio{text-align:center;margin:20px 0 0 0;color: #000000;display:none;}
div.nick{text-align: center;font: normal 17px fantasy;color: #000000;padding: 30px;}
div.ramka{width: 250px;height: 84px;background: url(../../pic/players/name.png);background-repeat: no-repeat;margin:-10px 0 0 0;position: absolute;}
div.ramka:hover > div.fio{display:block;}
div.ramka:hover > div.nick{display:none;}

input:valid + div:after {content: url(../../pic/ok.png);padding-left: 5px;}
input:invalid + div:after {content: url(../../pic/nook.png);padding-left: 5px;}


hr.halfleft {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}
.halfright {
background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.but{width: 255px;
    background-color: #972424;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35);
    font-size: 20px;
    font-family: “Ubuntu-Regular”, sans-serif;
    /* color: #fff; */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
    padding: 15px;
    text-align: center;
    margin: 20px 0;}
.but > a {color:#fff;font-size: 25px;}

.cat{background: url(../../pic/shapka/cat.png);background-repeat: no-repeat;width: 644px;height: 371px;margin: -457px 0 0 430px;display: block;}
a.textbut {color: #fff;}
a.textbut:hover {text-decoration:none;}
div.block1{width:440px;height:380px;background: #453f3b;float:left;}
div.block2{width:440px;height:380px;background: #453f3b;float:right;}
div.block1 > h1, div.block2 > h2 {margin:20px 30px;}
div.block1 > div, div.block2 > div {margin:30px;min-height:195px;height:195px;}
div.block1 > a, div.block2 > a {margin:30px;text-align:right;text-transform:uppercase;display: block;}
div.block1 > hr, div.block2 > hr {
margin: 0 30px;border: 0;background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
height:1px;
}

/* header */
header{background: #000000;height:120px;width:100%;font-family:Ubuntu-Regular, sans-serif;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header > div.width {padding: 35px;}
header > div.width > div > a {display: block;float: left;}
header > div.width > div > a > img {height:100px;padding:0;margin: -25px 0 0 50px;}
header > div.width > div > div.f {margin: 15px 0 0 0;text-align: center;float: left;font-size: 14pt;}


header.m{background: url(/pic/shapka.jpg);background-size: 100%;height:608px;width:100%;min-width:1100px;font-family:Ubuntu-Regular, sans-serif;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header.m > div.width {padding: 35px;}
header.m > div.width > div {margin: 0 auto;font-size: 19px;padding: 20px 0 0 20px;width: 670px;}
header.m > div.width > div.name {font-family: Baron Neue Bold;font-size: 60px;margin: 50px auto;width: 600px;background: rgba(0,0,0,0.7);padding: 0 20px 20px 20px;}
header.m > div.width > div.logo2 {background: url(/pic/logo2.png);width: 260px;height: 180px;margin: 0 auto;}
header.m > div.width > div > a {background: rgba(0,0,0,0.3);padding: 0 2px;}
header > div > a.namecat {font-family:Benguiat, sans-serif;font-size: 20pt;margin: 0 0 0 40px;text-decoration: none;color:#fff;}
a.namecat1 {font-family:Benguiat, sans-serif;font-size: 45px;text-decoration: none;color:#fff;text-align: center;display: block;}
header > div > div.leftfoot {margin: 0 40px;font-size: 12pt;}
a.menua {text-decoration: none;color:#fff; margin-left: 25px;}
a.menub {text-decoration: none;color:#fff; display:inline-block;}
div.mn:after {content:""; display:inline-block; width:100%; height:0; overflow:hidden;}
div.mn {text-align:justify; text-align-last:justify;width:944px;margin: 0 40px;height:0;}
a.menua:hover, a.menub:hover {text-decoration:underline;}



/* footer */
footer{
background: #000000;
height:150px;
font-family:Ubuntu-Regular, sans-serif;
width: 100%;
min-width: 980px;
}
footer > div.width {padding: 35px;}
footer > div > div.leftfoot {margin: 0 20px;font-size: 16pt;}
.rightfoot {margin: -80px 20px;font-size: 20pt;text-align: right;font-family: Benguiat, sans-serif;}
.cont{margin: -60px 310px;font-size: 16pt;text-align: right;}
footer > div > div.namecat {font-family:Benguiat, sans-serif;margin: 0 20px;font-size: 25pt;}
a.telegram {background: url(../../pic/shapka/social.jpg);float:right;background-position: -329px -4px;position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 25px 0 0 850px;display: block;}
a.yt {background: url(../../pic/shapka/social.jpg);float:right;background-position: -4px -4px;position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 25px 0 0 780px;display: block;}
a.fb {background: url(../../pic/shapka/social.jpg);float:right;background-position: -69px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin:25px 0 0 710px;display: block;}
a.inst {background: url(../../pic/shapka/social.jpg);float:right;background-position: -134px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 25px 0 0 640px;display: block;}
a.tw {background: url(../../pic/shapka/social.jpg);float:right;background-position: -199px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 25px 0 0 570px;display: block;}
a.vk {background: url(../../pic/shapka/social.jpg);float:right;background-position: -264px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 25px 0 0 500px;display: block;}


/* центрируем width */
.width {width:920px;margin: 0 auto;overflow: hidden;}
.height {min-height: -moz-calc(100% - 335px);min-height: -webkit-calc(100% - 335px);min-height: calc(100% - 335px);width:100%;}


/* таблица дивами */
.personalstat {margin:10px;display: table;width: 270px;height:400px;}
.zag_person {display:table-row;}
.wr{display:table-cell; border: 0;white-space: pre;}
.gm{display:table-cell; border: 0;}

/*профили*/
div.tb{margin:20px 50px;}
div.tb > div.left {float: left;width: 250px;}

/* вкладки */
/* общий конейнер с вкладками */
#tabs{
      display:block;
      margin: -10px 0 10px 10px;
      width: 540px;
      float: right;
}
/* немаркированный список заголовка */
#tabs ul{display:block;height:auto;margin:0;padding:0;margin-top:10px;font-size: 14px;list-style:none;}
/* элемент списка */
#tabs ul li {
      margin:0;
      padding:0;
      float:left;
}
/* ссылка заголовка вкладки */
#tabs ul li a {
      display:block;
      margin:0;
      margin-right:2px;
      padding:10px 15px;
      float:left;
      color: #ddd;
      background-color:#56585d;
      text-decoration:none;
      /* стили CSS3 для закругления уголков */
                 -webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */

}
/* наведение мышки на вкладку */
#tabs ul li a:hover {
      color:#FFF;
      background-color:#121518;
      text-decoration:none;
}
/* активная вкладка */
#tabs ul .active a,
#tabs ul .active a:hover {
      font-weight:bold;
      color:#121518;
      background-color:#e5e5e5;
      text-decoration:none;
      border:none;
      border-bottom:2px solid #e5e5e5;
      -webkit-text-shadow: 0px 1px 1px #fff;
         -moz-text-shadow: 0px 1px 1px #fff;
              text-shadow: 0px 1px 1px #fff;

}
/* контейнер с панелями вкладок */
#tabs #panes {
      margin:0;
      padding:0;
      clear:both;
      display:block;
      border: 2px solid #ffffff;
      /* стили CSS3 для закругления уголков */
               -webkit-border-radius: 8px; /* Safari, Chrome */
      -webkit-border-top-left-radius: 0px; /* Safari, Chrome */
                  -moz-border-radius: 8px; /* Firefox */
          -moz-border-radius-topleft: 0px; /* Firefox */
                       border-radius: 8px; /* CSS3 */
              border-top-left-radius: 0px; /* CSS3 */
}
/* оформление вкладок */
#tabs #panes .tab {
      margin:0;
      display:block;
      clear:both;
}

/* социальные сети */
.vk1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -45px 0;display: inline-block;}
.fb1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -23px 0;display: inline-block;}
.inst1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -69px 0;display: inline-block;}
.tw1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -91px 0;display: inline-block;}
.mwt1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -114px 0;display: inline-block;}

/*таблицы*/
table.city {width:100%;border-collapse: collapse;}
table.city > thead > tr > td {padding: 10px;}
table.city > tbody > tr.group0 {background:rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.city > tbody > tr.group1 {background:rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group2 {background:rgba(83, 36, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group3 {background:rgba(0, 119, 213, 0.6);border: 1px solid #ffffff;}
table.anons {width:100%;margin: 0 0 0 -20px;}
table.anons > thead > tr > td {font-size: 25px;padding: 0 10px;}
table.anons > tbody > tr > td {font-size:14px;text-align:justify;padding:10px;min-width:280px;}
table.anons > tbody > tr > td > div {font-size:16px;}
table.anons > tbody > tr > td.name {font-size:25px;}
table.anons > tbody > tr > td > div.but > a {font-size:25px;text-align:center;color: #fff;}
table.anons > thead > tr > td.space, table.mreit > tbody > tr > td.space, table.anons > tbody > tr > td.space {width:20px;min-width:20px;border-size:0;}
table.cityprof {border-collapse: collapse;width: 536px;}
table.cityprof > tbody > tr {height: 30px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td:nth-child(1) {padding: 0 25px}
table.cityprof > tbody > tr.mir {background:rgba(93, 12, 20, 0.6);}
table.cityprof > tbody > tr.maf {background:rgba(0, 0, 0, 0.6);}
table.cityprof > tbody > tr.tri {background:rgba(83, 36, 0, 0.6);}
table.cityprof > tbody > tr.man {background:rgba(0, 119, 213, 0.6);}
table.cityprof > thead > tr > th {padding: 0 10px;border: 1px solid #ffffff;}
table.reit > thead > tr.head1 {text-align: center;background-color:#eee;}
table.reit > thead > tr.head3 {text-align: center;background-color:#fff;}
table.reit > tbody > tr {text-align: left;background-color:#eee;}

.date {float: left;background: url(../../pic/table/calendar.png) no-repeat;width: 70px;min-height: 60px;padding: 49px 3px 0 1px;margin: -2px 8px 0 5px;position: relative;text-align: center;color: #341000;font: bold 15px/15px "Minion Pro",Georgia,"Times New Roman",serif;}
.time {text-align: center;font: 14px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #fff;height: 33px;position: absolute;top: 15px;left: 1px;right: 3px;}
.date > strong {display: block;font-size: 31px;line-height: 31px;font-family: Georgia,"Times New Roman",serif;margin: -3px 0 5px 0;}
div.geo{margin: 0 10px 10px -20px;text-align:center;}
.geo > img{margin-top: 3px;}
table.treit > tbody > tr > td > div.ttl {float:left;max-width: 170px;margin: 40px 15px;text-transform: uppercase;font-size: 10pt;}

/* рейтинг */
.another {background: rgb(240, 240, 240);height: 30px;}
.nother {height: 30px;background: #fff;}
.another1 {background: rgb(240, 240, 240);height: 15px;border-width:0;}
.nother1 {height: 15px;border-width:0;}
.mreit {width:944px;border-collapse: collapse;margin: -20px 0 0 0;}
table.mreit > thead > tr > th {width:280px;text-align:left;padding:15px;font-size: 22px;}
table.mreit > thead > tr > th.space {width:50px;}
table.mreit > tbody > tr > td.odd {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.mreit > tbody > tr > td.even {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting {width:99%;border-collapse:collapse;}

table.reiting > tbody > tr, table.mreit > tbody > tr {height:50px;}
table.reiting > tbody > tr:nth-child(odd) {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.reiting > tbody > tr:nth-child(even) {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting > tbody > tr.tfooter, table.reiting > thead > tr.tfooter {min-height:50px;background-color: transparent;border: 0px solid #ffffff;}
table.reiting > tbody > tr > td, table.mreit > tbody > tr > td{padding:15px;vertical-align:top;}
table.reiting > tbody > tr > td > a, table.reit > thead > tr > td > a, table.mreit > tbody > tr > td > a, table.reiting > thead > tr > td > a {color:#fff;}
table.reiting > tbody > tr > td > a:hover, table.reit > thead > tr > td > a:hover, table.mreit > tbody > tr > td > a:hover, table.reiting > thead > tr > td > a:hover {color:#cb908f;}
.table1 {background-color:#972424;width:125px;}
.table2 {background-color:#b22b2b;width:125px;}
.table3 {background-color:#ce3131;width:125px;}
.table4 {background-color:#d44c4c;width:125px;}
.table5 {background-color:#d44c4c;width:125px;}
.table6 {background-color:#972424;width:100px;}
.table7 {background-color:#b22b2b;width:100px;}
.table8 {background-color:#ce3131;width:100px;}
div.sh {display: table;width:100%;}
div.sh > div {display: table-row;}
div.sh > div > div.l {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.r {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.c {display: table-cell;white-space: nowrap;vertical-align:middle;min-width: 350px;}

.copyright{text-decoration: none;color:#fff;font: Bold 14px "Arial Narrow";margin: 60px 0 0 743px;}
.fh1{margin:-420px 0 0 320px;white-space: pre;}
.fh2{margin: -429px 0 0 730px;}
.personalphoto {width:300px;height:300px;}

.blue {color: #0000ff;}
.black {color: #000;white-space: nowrap;}
.clubgame {margin-left:120px;font-size: 20px;color:#fff;margin-top:16px;}
.clubdate {margin-left:120px;font-size: 25px;color:#fff;margin-top:16px;}
.clublid {font-style: italic;margin: 10px 20px 0 120px;font-size: 13px;color:#eee;}
.clubplus {margin: 20px;text-align: justify;min-height: 200px;}

.home{position: relative;z-index: 5;margin: 10px 0 0 72px;}
.home1{width:910px;height:400px;background-color: #fff;margin:auto;}
.home2{width:880px;height:385px;background-color: #000;margin:auto;}
.home3{width:908px;height:250px;background-color: #fff;margin:5px auto 0 auto;padding:1px;}
.h31{margin:19px;width:227px;}
.h32{margin:19px;width:227px;}
.h33{margin:19px;width:227px;}
.h34{margin:19px;width:227px;}
.home4{width:910px;height:280px;background:#000;background: linear-gradient(to top, #000, #333);;margin:0 auto;}
.home5{background-color: #363737;}
.home6{background-color: #fff;margin:auto;}
.header0 {margin:30px auto -24px auto;width:990px;background:#000;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius: 20px;border-spacing: 0;height:100px;padding:20px;z-index:100;}
.header1{margin: 0 200px 32px;color: rgb(255, 255, 255);font: 700 14px "Arial Narrow";}
.header2 {position:relative;z-index:2;padding: 1px;color:#fff;width:1110px;height:78px;vertical-align:middle;margin: -60px 0 0 0;background: url(../pic/menu/topnav.png)}
.loc {margin: 0 10px;font-size: 11pt;font-family: Arial;}
.logo {background: url(../pic/menu/logo.png);background-repeat: no-repeat;width:100px;height:100px;}
.logo1 {background: url(../pic/menu/logo1.png);background-repeat: no-repeat;width:348px;height:100px;margin: -100px 0 0 130px;}
.nobr {white-space: nowrap;}
.r_b      {position: relative;color:#fff;width:968px;height:33px;margin: 0 0 0 0;background: url(../pic/menu/r_b.gif)}
.r_r      {position: relative;color:#fff;width:31px;height:222px;margin: -207px 0 0 935px;background: url(../pic/menu/r_r.gif)}
.r_l      {position: relative;color:#fff;width:30px;height:222px;margin: -1px 0 0 2px;background: url(../pic/menu/r_l.gif)}
td.td1 {width:100px;}
.table_block {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-spacing: 0;}
.toccolours {border: 1px solid #aaa;background-color: #f9f9f9;padding: 5px;font-size: 12px;margin: -15px;}
.today {float: left; margin-left: 1px;width:300px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
.tomorrow {float: right; width:300px;margin-left: 1px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}

/*slider*/
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.slider-container {padding: 20px;border-radius: 25px;background-color: black;margin-top: 150px;}
.slider-container .regist {color: white;}
div.slider-container{margin-top: 25px;}
.jcarousel-wrapper {position: relative;}

/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    width: 200px;
    float: left;
    /*border: 1px solid #fff;*/
    /*border-radius: 20px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    width: 100%;
    height: auto !important;
    border-radius: 20px;
}

/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    /*top: 50%;*/
    top: 75%;
    margin-top: -15px;
    /*width: 30px;*/
    /*height: 30px;*/
    width: 45px;
    height: 45px;
    text-align: center;
    /*background: #4E443C;*/
    /*color: #fff;*/
    text-decoration: none;
    /*text-shadow: 0 0 1px #000;*/
    /*font: 24px/27px Arial, sans-serif;*/
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    /*-webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;*/
}

.jcarousel-control-prev {
    left: 15px;
    background: #C52128 url("../../pic/shapka/white-left-arrow-u5866-fr.png") no-repeat center center;
}

.jcarousel-control-next {
    right: 15px;
    background: #C52128 url("../../pic/shapka/white-right-arrow-u5867-fr.png") no-repeat center center;
}

/** Carousel Pagination **/

.jcarousel-pagination {
    position: absolute;
    /*bottom: -40px;*/
    bottom: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;

    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}

.jcarousel-pagination a.active {
    /*background: #4E443C;*/
    background: red;
    color: #fff;
    opacity: 1;

    /*-webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;*/
}




.navigation-holder-frontpage {height: 132px; position: relative;top: -555px;}
.navigation {position: relative;width: 992px;height: 132px;z-index: 110;margin: 0 auto;}
.navigation .bg {position: absolute;background-color: transparent;width: 992px;height: 132px; background: url(../pic/shapka/nav-bg.png);background-repeat: no-repeat;}
.navigation .bar {width: 762px;height: 83px;position: absolute;top: 43px;left: 217px;}
.navigation .bar .navgames {width: 152px;background-position: 0px 0px;}
.navigation .bar a span {color: #FFF;position: absolute;right: 12px;bottom: 10px;font-size: 13px;font-family: MuseoSans-500,"Century Gothic";}
div.mordablock {background: #fff;width:640px;height:100%;float:right;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 1180px;}
div.mblock {padding:20px;}
div.textblock {background: #fff;width:960px;height:100%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 620px;margin:0 0 20px 0}
div.plblock {background: #fff;width:940px;height:450px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;margin:0 0 20px 0;padding: 20px 0 0 20px;}
Inherited from a.navgames
}
@media screen and (min-width: 768px) and (max-width: 980px) { /* портретный планшет */
.docsblock {--main-width: calc(100% - 20px)}

body {background-image: url(../../pic/fon.jpg);width:100%;margin: 0;color:#fff; font-family:Ubuntu-Regular, sans-serif;font-size: 16px;}
h1{font-size: 25px;margin: 20px;}
h2{font-size: 20px;margin: 10px 0;}
hr{border: 0;height:1px;margin:0;width:100%;}
.clear{clear: both;}

/*главная*/
div.mklassreit, div.mcityreit{float:left;}
div.circleblock > a > img, div.circleblock > img {width: 12vw;}
div.mostrovreit{float:right;}
div.mklassreit > div.h, div.mcityreit > div.h, div.mostrovreit > div.h{text-align: center;border: 1px solid #ffffff;width: 40vw;padding: 10px 0;margin: 20px 0 0 33px;background: #000;font-size: 12pt;}
div.mklassreit > div.odd, div.mcityreit > div.odd, div.mostrovreit > div.odd{color:#000;background-color:#fff;width: 40vw;height: 40px;margin: 0 0 0 33px;padding:10px;}
div.mklassreit > div.even, div.mcityreit > div.even, div.mostrovreit > div.even{color:#000;background-color:#fbf0f0;width: 40vw;height: 40px;margin: 0 0 0 33px;padding:10px;}
.docsblock {background: #ffffff;padding: 20px 0;min-height: 260px;}
img.c1{width:calc(100% - 20px)}
.circleblock > div{width: calc((100% - 20px) / 5);text-align:center;float:left;}
.circleblock {width: calc(100% - (45*2));margin: 0 45px;}
img.sert{width: calc(71vw - 1px);margin: 0 0 0 30px;}



/*белые листы*/

.content {margin: 0 auto;background-color: #fff;width: 800px;padding: 20px;text-align: justify;box-shadow: 1px 1px 0 0 #aaaaaa;min-height:500px;color:#444444;font: 100 16px Arial;}
.content > h1, .content >h2 {text-align: center;font-size: 18px;}
.content > ol > li > a {color: #000000;text-decoration: none;}
.content > ol > li > a:hover {text-decoration:underline;}
.content > ol > li {padding: 0 10px 10px 10px;}

/*about*/
img.about{width:calc(100% - 20px);margin:0 10px;}
div.textabout{margin:10px;text-align:justify;}

/*rules*/
div.textrules {margin:10px;text-align:justify;}
div.textrules1 {margin:0 10px;text-align:justify;width:215px;float:left;}
div.textrules2 {margin:0 10px;text-align:justify;width:214px;float:left;}
div.textrules3 {margin:0 10px;text-align:justify;width:219px;float:left;}

/*reiting*/
.place {text-align:center;font-size:20px;margin: 30px 30px 0 0;}
.adres {text-align:center;margin: 25px;}
a.rlink {white-space:nowrap;padding: 15px 20px;text-align:right;text-decoration: none;color:#fff;white-space: nowrap;}
a.rlink:hover {text-decoration: underline;white-space: nowrap;color:#cb908f;}
div.circlehead {text-align:center;border: 1px solid #ffffff;width:668px;padding: 15px 0;float:left;margin: 20px 0 0 20px;background: #000;}
div.circle {white-space:nowrap;text-align:center;background: #fff;width:670px;float:left;padding: 6px 0;margin: 0 0 0 20px;}
div.circle > a > img {width:calc(100%/5 - 10px);}
div.anonshead {text-align: center;border: 1px solid #ffffff;width: 668px;padding: 15px 0;float: right;margin: 20px 20px 0 20px;background: #000;}
div.anonsto {width:670px;background: #fff;float:right;margin: 0 20px;color: #000;}
div.tblhead > div > a {color: #f44941;font-weight: bold;text-shadow: none;}

div.tblblock {margin: 20px;}
div.tblblock > div.tblklassreit {width: 668px;}
div.tblblock > div.tblklassreit > div.tblhead {text-align: center;border: 1px solid #ffffff;background: #000;}
div.tblblock > div.tblklassreit > img {width:100%;}
div.tblhead > div.tbl1 {padding: 15px 5px;display:inline-block;width: 20px;}
div.tblhead > div.tbl2 {padding: 15px 20px;display:inline-block;width: calc(100% - 280px);text-align:left;}
div.tblhead > div.tbl3 {width:45px;text-align:center;vertical-align: middle;display: inline-block;}
div.tblhead > div.tbl4 {width:45px;text-align:center;vertical-align: middle;display: inline-block;}
div.tblhead > div.tbl5 {width:45px;text-align:center;vertical-align: middle;display: inline-block;}
div.tblhead > div.tbl6 {width:45px;text-align:center;vertical-align: middle;display: inline-block;}
div.tblhead > div.tbl7 {padding: 15px 5px;width:45px;display: inline-block;}
div.tblhead > div.tbl8 {padding: 15px 5px;width:45px;display: inline-block;}
div.tblhead > div.tbl9 {padding: 15px 5px;width:25px;display: inline-block;}
div.tblhead > div.tbl10 {padding: 15px 5px;width:45px;display: inline-block;}

div.tblbody {text-align: center;background: #fff;color:#000;max-height: 40px;margin-top:-1px;}
div.tblbody > div.tbl1 {padding-left:5px;padding-right:5px;display:inline-block;width: 20px;}
div.tblbody > div.tbl2 {display:inline-block;width: calc(100% - 280px);text-align:left;}
div.tblklassreit > div.tblbody > div.tbl3 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl4 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl5 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl6 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl7 {display:inline-block;width: 20px;text-align:left;}
div.tblklassreit > div.tblbody > div.tbl8 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl9 {display:inline-block;width: 20px;}
div.tblklassreit > div.tblbody > div.tbl10 {display: inline-block;text-align:left;width: 20px;}

div.tblcityreit > div.tblhead > div.tbl3, div.tblcityreit > div.tblhead > div.tbl4, div.tblcityreit > div.tblhead > div.tbl5, div.tblcityreit > div.tblhead > div.tbl6, div.tblcityreit > div.tblhead > div.tbl7, div.tblcityreit > div.tblhead > div.tbl8, div.tblcityreit > div.tblhead > div.tbl9, div.tblcityreit > div.tblhead > div.tbl10, div.tblcityreit > div.tblhead > div.tbl11, div.tblcityreit > div.tblhead > div.tbl12, div.tblcityreit > div.tblhead > div.tbl13, div.tblcityreit > div.tblhead > div.tbl14, div.tblcityreit > div.tblhead > div.tbl15, div.tblcityreit > div.tblbody > div.tbl3, div.tblcityreit > div.tblbody > div.tbl4, div.tblcityreit > div.tblbody > div.tbl5, div.tblcityreit > div.tblbody > div.tbl6, div.tblcityreit > div.tblbody > div.tbl7, div.tblcityreit > div.tblbody > div.tbl8, div.tblcityreit > div.tblbody > div.tbl9, div.tblcityreit > div.tblbody > div.tbl10, div.tblcityreit > div.tblbody > div.tbl11, div.tblcityreit > div.tblbody > div.tbl12, div.tblcityreit > div.tblbody > div.tbl13, div.tblcityreit > div.tblbody > div.tbl14, div.tblcityreit > div.tblbody > div.tbl15 {display: none;}

div.tblcityreit > div.tblbody > div.tbl16, div.tblcityreit > div.tblbody > div.tbl17, div.tblcityreit > div.tblbody > div.tbl18 {display: inline-block;width:21px;}

div.tblcityreit > div.tblhead > div.tbl16, div.tblcityreit > div.tblhead > div.tbl17 {padding:2.3px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblcityreit > div.tblhead > div.tbl18 {width: 55px;text-align:center;vertical-align: middle;display: inline-block;}

div.formulahead {text-align:center;border: 1px solid #ffffff;width:100%;padding: 15px 0;margin: 20px 0 0 0;background: #000;}
div.formulabody {background:#fff;padding: 6px 0;vertical-align:middle;color:#000;width:calc(100% + 2px);}
div.formulabody > table > thead  {font-family: Benguiat, sans-serif;text-align:center;font-size: 23pt;margin:20px 0;}

/*schedule*/
.mapstyle{width: 100%; min-width:768px;height: 300px;}

.formtrue {width: 100%;clear: both;padding: 0 10px 10px 10px;}
.formtrue > div.one {float: left;width: 25%;text-align: right;margin: 20px;}
.formtrue > div.two {float: right;width: 55%;margin: 20px;}
.formtrue > div.two > input, .formtrue > div.two > select {width:300px; height:30px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.formtrue > div.two > textarea {width:300px; height:90px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.button1 {font-size: 15px;cursor: pointer;padding: 10px 20px;margin: 0 0 0 350px;}

hr.full {background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%,
rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
}
div.fio{text-align:center;margin:20px 0 0 0;color: #000000;display:none;}
div.nick{text-align: center;font: normal 17px fantasy;color: #000000;padding: 30px;}
div.ramka{width: 250px;height: 84px;background: url(../../pic/players/name.png);background-repeat: no-repeat;margin:-10px 0 0 0;position: absolute;}
div.ramka:hover > div.fio{display:block;}
div.ramka:hover > div.nick{display:none;}

input:valid + div:after {content: url(../../pic/ok.png);padding-left: 5px;}
input:invalid + div:after {content: url(../../pic/nook.png);padding-left: 5px;}


hr.halfleft {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}
.halfright {
background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.but{width: 185px;
background-color: #972424;
border-radius: 2px;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35);
font-size: 16px;
font-family: “Ubuntu-Regular”, sans-serif;
color: #fff;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
padding: 15px;
text-align: center;
margin: 20px 0;}

.but > a {color:#fff;font-size: 25px;}

.cat{background: url(../../pic/shapka/cat.png);background-repeat: no-repeat;width: 644px;height: 371px;margin: -457px 0 0 430px;display: block;}
a.textbut {color: #fff;}
a.textbut:hover {text-decoration:none;}
div.block1{width:440px;height:380px;background: #453f3b;float:left;}
div.block2{width:440px;height:380px;background: #453f3b;float:right;}
div.block1 > h1, div.block2 > h2 {margin:20px 30px;}
div.block1 > div, div.block2 > div {margin:30px;min-height:195px;height:195px;}
div.block1 > a, div.block2 > a {margin:30px;text-align:right;text-transform:uppercase;display: block;}
div.block1 > hr, div.block2 > hr {
margin: 0 30px;border: 0;background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
height:1px;
}

/* header */
header{background: #000000;height:180px;width:100%;font-family:Ubuntu-Regular, sans-serif;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header > div.width {padding: 35px;}
header > div.width > div > a {display: block;margin: 0 auto;width: 109px;}
header > div.width > div > a > img {height:100px;padding:0;margin: -25px 0 0 0;}
header > div.width > div > div.f {margin: 15px 0 0 0;text-align: center;font-size: 14pt;}


header.m{background: url(/pic/shapka.jpg);background-size: 100%;height:608px;width:100%;min-width:1100px;font-family:Ubuntu-Regular, sans-serif;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header.m > div.width {padding: 35px;}
header.m > div.width > div {margin: 0 auto;font-size: 19px;padding: 20px 0 0 20px;width: 670px;}
header.m > div.width > div.name {font-family: Baron Neue Bold;font-size: 60px;margin: 50px auto;width: 600px;background: rgba(0,0,0,0.7);padding: 0 20px 20px 20px;}
header.m > div.width > div.logo2 {background: url(/pic/logo2.png);width: 260px;height: 180px;margin: 0 auto;}
header.m > div.width > div > a {background: rgba(0,0,0,0.3);padding: 0 2px;}
header > div > a.namecat {font-family:Benguiat, sans-serif;font-size: 20pt;margin: 0 0 0 40px;text-decoration: none;color:#fff;}
a.namecat1 {font-family:Benguiat, sans-serif;font-size: 45px;text-decoration: none;color:#fff;text-align: center;display: block;}
header > div > div.leftfoot {margin: 0 40px;font-size: 12pt;}
a.menua {text-decoration: none;color:#fff; margin-left: 25px;font-size: 17px;}
a.menub {text-decoration: none;color:#fff; display:inline-block;}
div.mn:after {content:""; display:inline-block; width:100%; height:0; overflow:hidden;}
div.mn {text-align:justify; text-align-last:justify;width:944px;margin: 0 40px;height:0;}
a.menua:hover, a.menub:hover {text-decoration:underline;}



/* footer */
footer{background: #000000;height:260px;font-family:Ubuntu-Regular, sans-serif;width: 100%;min-width: 480px;}
footer > div.width > div.social {height: 60px;margin: 20px auto;max-width: 420px;}
footer > div.width {padding: 0 10px;}
footer > div > div.leftfoot {margin: -25px 40px;font-size: 19pt;}
.rightfoot {margin: 40px 25px 20px 25px;font-size: 34pt;font-family: Benguiat, sans-serif;}
.cont{margin: -60px 310px;font-size: 16pt;text-align: right;}
footer > div > div.namecat {font-family: Benguiat, sans-serif;margin: 20px 32px;font-size: 31pt;}
a.telegram {background: url(../../pic/shapka/social.jpg);float:right;background-position: -329px -4px;position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 10px 0 0 360px;display: block;}
a.yt {background: url(../../pic/shapka/social.jpg);float:right;background-position: -4px -4px;position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 10px 0 0 290px;display: block;}
a.fb {background: url(../../pic/shapka/social.jpg);float:right;background-position: -69px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin:10px 0 0 150px;display: block;}
a.inst {background: url(../../pic/shapka/social.jpg);float:right;background-position: -134px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px; margin: 10px 0 0 80px;display: block;}
a.tw {background: url(../../pic/shapka/social.jpg);float:right;background-position: -199px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 10px 0 0 220px;display: block;}
a.vk {background: url(../../pic/shapka/social.jpg);float:right;background-position: -264px -4px; position: absolute;background-repeat: no-repeat;width: 51px;height: 51px;margin: 10px 0 0 10px;display: block;}


/* центрируем width */
.width {width:708px;margin: 0 auto;padding:0;}
.height {min-height: -moz-calc(100% - 290px);min-height: -webkit-calc(100% - 290px);min-height: calc(100% - 290px);width:100%;}

footer > div.width {text-align:center;}

/* таблица дивами */
.personalstat {margin:10px;display: table;width: 270px;height:400px;}
.zag_person {display:table-row;}
.wr{display:table-cell; border: 0;white-space: pre;}
.gm{display:table-cell; border: 0;}

/* вкладки */
/* общий конейнер с вкладками */
#tabs{display:block;margin:10px;clear:both;}
/* немаркированный список заголовка */
#tabs ul{display:block;height:auto;margin:0;padding:0;margin-top:10px;font-size: 14px;list-style:none;}
/* элемент списка */
#tabs ul li {
      margin:0;
      padding:0;
      float:left;
}
/* ссылка заголовка вкладки */
#tabs ul li a {
      display:block;
      margin:0;
      margin-right:2px;
      padding:10px 15px;
      float:left;
      color: #ddd;
      background-color:#56585d;
      text-decoration:none;
      /* стили CSS3 для закругления уголков */
                 -webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */

}
/* наведение мышки на вкладку */
#tabs ul li a:hover {
      color:#FFF;
      background-color:#121518;
      text-decoration:none;
}
/* активная вкладка */
#tabs ul .active a,
#tabs ul .active a:hover {
      font-weight:bold;
      color:#121518;
      background-color:#e5e5e5;
      text-decoration:none;
      border:none;
      border-bottom:2px solid #e5e5e5;
      -webkit-text-shadow: 0px 1px 1px #fff;
         -moz-text-shadow: 0px 1px 1px #fff;
              text-shadow: 0px 1px 1px #fff;

}
/* контейнер с панелями вкладок */
#tabs #panes {
      margin:0;
      padding:0;
      clear:both;
      display:block;
      border: 2px solid #ffffff;
      /* стили CSS3 для закругления уголков */
               -webkit-border-radius: 8px; /* Safari, Chrome */
      -webkit-border-top-left-radius: 0px; /* Safari, Chrome */
                  -moz-border-radius: 8px; /* Firefox */
          -moz-border-radius-topleft: 0px; /* Firefox */
                       border-radius: 8px; /* CSS3 */
              border-top-left-radius: 0px; /* CSS3 */
}
/* оформление вкладок */
#tabs #panes .tab {
      margin:0;
      display:block;
      clear:both;
}

/* социальные сети */
.vk1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -45px 0;display: inline-block;}
.fb1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -23px 0;display: inline-block;}
.inst1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -69px 0;display: inline-block;}
.tw1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -91px 0;display: inline-block;}
.mwt1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -114px 0;display: inline-block;}

/*таблицы*/
table.city {width:100%;border-collapse: collapse;}
table.city > thead > tr > td {padding: 10px;}
table.city > tbody > tr.group0 {background:rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.city > tbody > tr.group1 {background:rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group2 {background:rgba(83, 36, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group3 {background:rgba(0, 119, 213, 0.6);border: 1px solid #ffffff;}
table.anons {width:100%;margin: 0 0 0 -20px;}
table.anons > thead > tr > td {font-size: 25px;padding: 0 10px;}
table.anons > tbody > tr > td {font-size:14px;text-align:justify;padding:10px;min-width:280px;}
table.anons > tbody > tr > td > div {font-size:16px;}
table.anons > tbody > tr > td.name {font-size:25px;}
table.anons > tbody > tr > td > div.but > a {font-size:25px;text-align:center;color: #fff;}
table.anons > thead > tr > td.space, table.mreit > tbody > tr > td.space, table.anons > tbody > tr > td.space {width:20px;min-width:20px;border-size:0;}
table.cityprof {border-collapse: collapse;width: 684px;}
table.cityprof > tbody > tr {height: 30px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td:nth-child(1) {padding: 0 25px}
table.cityprof > tbody > tr.mir {background:rgba(93, 12, 20, 0.6);}
table.cityprof > tbody > tr.maf {background:rgba(0, 0, 0, 0.6);}
table.cityprof > tbody > tr.tri {background:rgba(83, 36, 0, 0.6);}
table.cityprof > tbody > tr.man {background:rgba(0, 119, 213, 0.6);}
table.cityprof > thead > tr > th {padding: 0 10px;border: 1px solid #ffffff;}
table.reit {width:100%}
table.reit > thead > tr.head1 {text-align: center;background-color:#eee;}
table.reit > thead > tr.tfooter > td > div> a > img {width:90px;}
table.reit > thead > tr.head3 {text-align: center;background-color:#fff;}
table.reit > thead > tr > td > a.rlink {white-space:nowrap;padding: 35px 20px 0 20px;float:right;}
table.reit > tbody > tr {text-align: left;background-color:#eee;}
table.reit > tbody > tr > td > a {text-decoration: none;color:#333;white-space: nowrap;}
table.reit > tbody > tr > td > a:hover {text-decoration: underline;color:#333;white-space: nowrap;}
.date {float: left;background: url(../../pic/table/calendar.png) no-repeat;width: 70px;height: 80px;padding: 49px 3px 0 1px;margin: 20px 8px 0 40px;position: relative;text-align: center;color: #341000;font: bold 15px/15px "Minion Pro",Georgia,"Times New Roman",serif;}
.time {text-align: center;font: 14px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #fff;height: 33px;position: absolute;top: 15px;left: 1px;right: 3px;}
.date > strong {display: block;font-size: 31px;line-height: 31px;font-family: Georgia,"Times New Roman",serif;margin: -3px 0 5px 0;}
div.geo{margin: 0 10px 10px -20px;text-align:center;}
.geo > img{margin-top: 3px;}
table.treit > tbody > tr > td > div.ttl {float:left;max-width: 170px;margin: 40px 15px;text-transform: uppercase;font-size: 10pt;}

/* рейтинг */
.another {background: rgb(240, 240, 240);height: 30px;}
.nother {height: 30px;background: #fff;}
.another1 {background: rgb(240, 240, 240);height: 15px;border-width:0;}
.nother1 {height: 15px;border-width:0;}
.mreit {width:944px;border-collapse: collapse;margin: -20px 0 0 0;}
table.mreit > thead > tr > th {width:280px;text-align:left;padding:15px;font-size: 22px;}
table.mreit > thead > tr > th.space {width:50px;}
table.mreit > tbody > tr > td.odd {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.mreit > tbody > tr > td.even {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting {width:100%;border-collapse:collapse;}

table.reiting > tbody > tr, table.mreit > tbody > tr {height:50px;}
table.reiting > tbody > tr:nth-child(odd) {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.reiting > tbody > tr:nth-child(even) {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting > tbody > tr.tfooter, table.reiting > thead > tr.tfooter {min-height:50px;background-color: transparent;border: 0px solid #ffffff;}
table.reiting > tbody > tr > td, table.mreit > tbody > tr > td{padding:15px;vertical-align:top;}
table.reiting > tbody > tr > td > a, table.reit > thead > tr > td > a, table.mreit > tbody > tr > td > a, table.reiting > thead > tr > td > a {color:#fff;}
table.reiting > tbody > tr > td > a:hover, table.reit > thead > tr > td > a:hover, table.mreit > tbody > tr > td > a:hover, table.reiting > thead > tr > td > a:hover {color:#cb908f;}
.table1 {background-color:#972424;width:125px;}
.table2 {background-color:#b22b2b;width:125px;}
.table3 {background-color:#ce3131;width:125px;}
.table4 {background-color:#d44c4c;width:125px;}
.table5 {background-color:#d44c4c;width:125px;}
.table6 {background-color:#972424;width:100px;}
.table7 {background-color:#b22b2b;width:100px;}
.table8 {background-color:#ce3131;width:100px;}
div.sh {display: table;width:100%;}
div.sh > div {display: table-row;}
div.sh > div > div.l {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.r {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.c {display: table-cell;white-space: nowrap;vertical-align:middle;min-width: 350px;}

.copyright{text-decoration: none;color:#fff;font: Bold 14px "Arial Narrow";margin: 60px 0 0 743px;}
.fh1{margin:-420px 0 0 320px;white-space: pre;}
.fh2{margin: -429px 0 0 730px;}
.personalphoto {width: 250px;height: 250px;margin: 50px;}

.blue {color: #0000ff;}
.black {color: #000;white-space: nowrap;}
.clubgame {margin-left:120px;font-size: 20px;color:#fff;margin-top:16px;}
.clubdate {margin-left:120px;font-size: 25px;color:#fff;margin-top:16px;}
.clublid {font-style: italic;margin: 10px 20px 0 120px;font-size: 13px;color:#eee;}
.clubplus {margin: 20px;text-align: justify;min-height: 200px;}

.home{position: relative;z-index: 5;margin: 10px 0 0 72px;}
.home1{width:910px;height:400px;background-color: #fff;margin:auto;}
.home2{width:880px;height:385px;background-color: #000;margin:auto;}
.home3{width:908px;height:250px;background-color: #fff;margin:5px auto 0 auto;padding:1px;}
.h31{margin:19px;width:227px;}
.h32{margin:19px;width:227px;}
.h33{margin:19px;width:227px;}
.h34{margin:19px;width:227px;}
.home4{width:910px;height:280px;background:#000;background: linear-gradient(to top, #000, #333);;margin:0 auto;}
.home5{background-color: #363737;}
.home6{background-color: #fff;margin:auto;}
.header0 {margin:30px auto -24px auto;width:990px;background:#000;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius: 20px;border-spacing: 0;height:100px;padding:20px;z-index:100;}
.header1{margin: 0 200px 32px;color: rgb(255, 255, 255);font: 700 14px "Arial Narrow";}
.header2 {position:relative;z-index:2;padding: 1px;color:#fff;width:1110px;height:78px;vertical-align:middle;margin: -60px 0 0 0;background: url(../pic/menu/topnav.png)}
.loc {margin: 0 10px;font-size: 11pt;font-family: Arial;}
.logo {background: url(../pic/menu/logo.png);background-repeat: no-repeat;width:100px;height:100px;}
.logo1 {background: url(../pic/menu/logo1.png);background-repeat: no-repeat;width:348px;height:100px;margin: -100px 0 0 130px;}
.nobr {white-space: nowrap;}
.r_b      {position: relative;color:#fff;width:968px;height:33px;margin: 0 0 0 0;background: url(../pic/menu/r_b.gif)}
.r_r      {position: relative;color:#fff;width:31px;height:222px;margin: -207px 0 0 935px;background: url(../pic/menu/r_r.gif)}
.r_l      {position: relative;color:#fff;width:30px;height:222px;margin: -1px 0 0 2px;background: url(../pic/menu/r_l.gif)}
td.td1 {width:100px;}
.table_block {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-spacing: 0;}
.toccolours {border: 1px solid #aaa;background-color: #f9f9f9;padding: 5px;font-size: 12px;margin: -15px;}
.today {float: left; margin-left: 1px;width:300px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
.tomorrow {float: right; width:300px;margin-left: 1px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}




.navigation-holder-frontpage {height: 132px; position: relative;top: -555px;}
.navigation {position: relative;width: 992px;height: 132px;z-index: 110;margin: 0 auto;}
.navigation .bg {position: absolute;background-color: transparent;width: 992px;height: 132px; background: url(../pic/shapka/nav-bg.png);background-repeat: no-repeat;}
.navigation .bar {width: 762px;height: 83px;position: absolute;top: 43px;left: 217px;}
.navigation .bar .navgames {width: 152px;background-position: 0px 0px;}
.navigation .bar a span {color: #FFF;position: absolute;right: 12px;bottom: 10px;font-size: 13px;font-family: MuseoSans-500,"Century Gothic";}
div.mordablock {background: #fff;width:640px;height:100%;float:right;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 1180px;}
div.mblock {padding:20px;}
div.textblock {background: #fff;width:960px;height:100%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 620px;margin:0 0 20px 0}
div.plblock {background: #fff;width:940px;height:450px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;margin:0 0 20px 0;padding: 20px 0 0 20px;}
Inherited from a.navgames
}
@media screen and (min-width: 480px) and (max-width: 768px) { /* планшет */
:root {--main-width: 420px;}

body {background-image: url(../../pic/fon.jpg);width:100%;margin: 0;color:#fff; font-family:Ubuntu-Regular, sans-serif;font-size: 16px;}
h1, h2{font-size: 23px;margin: 20px 10px;}
hr{border: 0;height:1px;margin:0;width:100%;}
.clear{clear: both;}
img.sert{width: calc(71vw - 1px);margin: 0 0 0 30px;}
div.circleblock > a > img, div.circleblock > img {width: 12vw;}

/*турниры*/
table.tourn {margin:20px auto;}


/*белые листы*/

.content {margin: 0 auto;background-color: #fff;width: 800px;padding: 20px;text-align: justify;box-shadow: 1px 1px 0 0 #aaaaaa;min-height:500px;color:#444444;font: 100 16px Arial;}
.content > h1, .content >h2 {text-align: center;font-size: 18px;}
.content > ol > li > a {color: #000000;text-decoration: none;}
.content > ol > li > a:hover {text-decoration:underline;}
.content > ol > li {padding: 0 10px 10px 10px;}

/*about*/
img.about{width:calc(100% - 20px);margin:0 10px;}
div.textabout{margin:10px;text-align:justify;}

/*rules*/
div.textrules {margin:10px;text-align:justify;}
div.textrules11 {margin:10px;text-align:justify;}
div.textrules21 {margin:10px;text-align:justify;}
div.textrules31 {margin:10px;text-align:justify;}

/*reiting*/
.place {text-align:center;font-size:20px;margin: 30px 30px 0 0;}
.adres {text-align:center;margin: 25px;}
a.rlink {white-space:nowrap;padding: 15px 20px;text-align:right;text-decoration: none;color:#fff;white-space: nowrap;}
a.rlink:hover {text-decoration: underline;white-space: nowrap;color:#cb908f;}
div.circlehead {text-align:center;border: 1px solid #ffffff;width:calc(100% - 40px);padding: 15px 0;float:left;margin: 20px 0 0 20px;background: #000;}
div.circle {white-space:nowrap;text-align:center;background: #fff;width:calc(100% - 38px);float:left;padding: 6px 0;margin: 0 0 0 20px;}
div.circle > a > img {width:calc(100%/5 - 10px);}
div.anonshead {text-align: center;border: 1px solid #ffffff;width:calc(100% - 40px);padding: 15px 0;float: right;margin: 20px 20px 0 20px;background: #000;}
div.anonsto {width:calc(100% - 38px);background: #fff;float:right;margin: 0 20px;color: #000;}
div.tblhead > div > a {color: #f44941;font-weight: bold;text-shadow: none;}

div.tblblock {margin: 20px;}
div.tblblock > div.tblklassreit > div.tblhead {text-align: center;border: 1px solid #ffffff;background: #000;width:calc(100% - 2px);padding: 15px 0;}
div.tblblock > div.tblklassreit > img {width:100%;}

div.tblblock > div.tblklassreit > div.tblhead, div.tblblock > div.tblcityreit > div.tblhead {text-align: center;border: 1px solid #ffffff;background: #000;}

div.tblhead > div.tbl1 {padding: 15px 14px;display: inline-block;}
div.tblhead > div.tbl2 {padding: 15px;text-align:left;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl2 {width:300px;}
div.tblcityreit > div.tblhead > div.tbl2 {width: calc(100% - 240px);}

div.tblcityreit > div.tblhead > div.tbl3, div.tblcityreit > div.tblhead > div.tbl4, div.tblcityreit > div.tblhead > div.tbl5, div.tblcityreit > div.tblhead > div.tbl6, div.tblcityreit > div.tblhead > div.tbl7, div.tblcityreit > div.tblhead > div.tbl8, div.tblcityreit > div.tblhead > div.tbl9, div.tblcityreit > div.tblhead > div.tbl10, div.tblcityreit > div.tblhead > div.tbl11, div.tblcityreit > div.tblhead > div.tbl12, div.tblcityreit > div.tblhead > div.tbl13, div.tblcityreit > div.tblhead > div.tbl14, div.tblcityreit > div.tblhead > div.tbl15, div.tblcityreit > div.tblbody > div.tbl3, div.tblcityreit > div.tblbody > div.tbl4, div.tblcityreit > div.tblbody > div.tbl5, div.tblcityreit > div.tblbody > div.tbl6, div.tblcityreit > div.tblbody > div.tbl7, div.tblcityreit > div.tblbody > div.tbl8, div.tblcityreit > div.tblbody > div.tbl9, div.tblcityreit > div.tblbody > div.tbl10, div.tblcityreit > div.tblbody > div.tbl11, div.tblcityreit > div.tblbody > div.tbl12, div.tblcityreit > div.tblbody > div.tbl13, div.tblcityreit > div.tblbody > div.tbl14, div.tblcityreit > div.tblbody > div.tbl15 {display: none;}

div.tblcityreit > div.tblbody > div.tbl16, div.tblcityreit > div.tblbody > div.tbl17, div.tblcityreit > div.tblbody > div.tbl18 {display: inline-block;width:21px;}

div.tblcityreit > div.tblhead > div.tbl16, div.tblcityreit > div.tblhead > div.tbl17 {padding:2.3px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblcityreit > div.tblhead > div.tbl18 {width: 55px;text-align:center;vertical-align: middle;display: inline-block;}

div.tblklassreit > div.tblhead > div.tbl1 {padding: 15px 5px;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl2 {display: inline-block;width: calc(100% - 290px);text-align:left;padding: 15px 5px;}
div.tblklassreit > div.tblhead > div.tbl3 {display: none;}
div.tblklassreit > div.tblhead > div.tbl4 {display: none;}
div.tblklassreit > div.tblhead > div.tbl5 {display: none;}
div.tblklassreit > div.tblhead > div.tbl6 {display: none;}
div.tblklassreit > div.tblhead > div.tbl7 {padding: 15px 5px;width:45px;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl8 {ppadding: 15px 5px;width:45px;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl9 {padding: 15px 5px;width:45px;display: inline-block;}
div.tblklassreit > div.tblhead > div.tbl10 {padding: 15px 5px;width:45px;display: inline-block;}

div.tblbody {text-align: center;background: #fff;color:#000;max-height: 40px;margin-top:-1px;}
div.tblbody > div.tbl1 {display:inline-block;width: 20px;padding: 8px 5px 7px 5px;}
div.tblklassreit > div.tblbody > div.tbl2 {display: inline-block;width: calc(100% - 290px);text-align:left;padding: 8px 5px 7px 5px;}
div.tblcityreit > div.tblbody > div.tbl2 {display: inline-block;width: calc(100% - 230px);text-align:left;padding: 8px 5px 7px 5px;}
div.tblbody > div.tbl3 {display: none;}
div.tblbody > div.tbl4 {display: none;}
div.tblbody > div.tbl5 {display: none;}
div.tblbody > div.tbl6 {display: none;;}
div.tblbody > div.tbl7 {display:inline-block;width: 45px;text-align:left;padding: 8px 5px 7px 5px;}
div.tblbody > div.tbl8 {display:inline-block;width: 45px;padding: 8px 5px 7px 5px;}
div.tblbody > div.tbl9 {display:inline-block;width: 45px;padding: 8px 5px 7px 5px;}
div.tblbody > div.tbl10 {display: inline-block;text-align:left;width: 45px;padding: 8px 5px 7px 5px;}

div.formulahead {text-align:center;border: 1px solid #ffffff;width:100%;padding: 15px 0;margin: 20px 0 0 0;background: #000;}
div.formulabody {background:#fff;padding: 6px 0;min-height:270px;vertical-align:middle;color:#000;width:calc(100% + 2px);}
div.formulabody > table > thead  {font-family: Benguiat, sans-serif;text-align:center;font-size: 17pt;margin:20px 0;}


/*schedule*/
.mapstyle{width: 100%; min-width:480px;height: 300px;}

.formtrue {width: 100%;clear: both;padding: 0 10px 10px 10px;}
.formtrue > div.one {float: left;width: 25%;text-align: right;margin: 20px;}
.formtrue > div.two {float: right;width: 55%;margin: 20px;}
.formtrue > div.two > input, .formtrue > div.two > select {width:300px; height:30px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.formtrue > div.two > textarea {width:300px; height:90px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.button1 {font-size: 15px;cursor: pointer;padding: 10px 20px;margin: 0 0 0 350px;}

hr.full {background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%,
rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
}
div.fio{text-align:center;margin:20px 0 0 0;color: #000000;display:none;}
div.nick{text-align: center;font: normal 17px fantasy;color: #000000;padding: 30px;}
div.ramka{width: 250px;height: 84px;background: url(../../pic/players/name.png);background-repeat: no-repeat;margin:-10px 0 0 0;position: absolute;}
div.ramka:hover > div.fio{display:block;}
div.ramka:hover > div.nick{display:none;}

input:valid + div:after {content: url(../../pic/ok.png);padding-left: 5px;}
input:invalid + div:after {content: url(../../pic/nook.png);padding-left: 5px;}


hr.halfleft {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}
.halfright {
background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.but{width: calc(100% - 20px);margin: 0 auto;padding: 0;
background-color: #972424;
border-radius: 2px;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35);
font-size: 16px;
font-family: “Ubuntu-Regular”, sans-serif;
color: #fff;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
padding: 15px 0;
text-align: center;
}

.but > a {color:#fff;font-size: 25px;}

.cat{background: url(../../pic/shapka/cat.png);background-repeat: no-repeat;width: 644px;height: 371px;margin: -457px 0 0 430px;display: block;}
a.textbut {color: #fff;}
a.textbut:hover {text-decoration:none;}
div.block1{width:440px;height:380px;background: #453f3b;float:left;}
div.block2{width:440px;height:380px;background: #453f3b;float:right;}
div.block1 > h1, div.block2 > h2 {margin:20px 30px;}
div.block1 > div, div.block2 > div {margin:30px;min-height:195px;height:195px;}
div.block1 > a, div.block2 > a {margin:30px;text-align:right;text-transform:uppercase;display: block;}
div.block1 > hr, div.block2 > hr {
margin: 0 30px;border: 0;background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
height:1px;
}

/* header */
header{background: #000000;height:200px;width:100%;min-width:480px;max-width:767px;font-family:Ubuntu-Regular, sans-serif;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header > div.width {padding: 35px 20px;}
header > div.width > div > a {display: block;margin: 0 auto;width: 108px;}
header > div.width > div > a > img {height:100px;padding:0;margin:-25px 0 0 0;}
header > div.width > div > div.f {margin: 0;text-align: center;float: left;font-size: 18pt;}


header.m{background: url(/pic/shapka.jpg);background-size: 100%;height:608px;width:100%;min-width:1100px;font-family:Ubuntu-Regular, sans-serif;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header.m > div.width {padding: 35px;}
header.m > div.width > div {margin: 0 auto;font-size: 19px;padding: 20px 0 0 20px;width: 670px;}
header.m > div.width > div.name {font-family: Baron Neue Bold;font-size: 60px;margin: 50px auto;width: 600px;background: rgba(0,0,0,0.7);padding: 0 20px 20px 20px;}
header.m > div.width > div.logo2 {background: url(/pic/logo2.png);width: 260px;height: 180px;margin: 0 auto;}
header.m > div.width > div > a {background: rgba(0,0,0,0.3);padding: 0 2px;}
header > div > a.namecat {font-family:Benguiat, sans-serif;font-size: 20pt;margin: 0 0 0 40px;text-decoration: none;color:#fff;}
a.namecat1 {font-family:Benguiat, sans-serif;font-size: 45px;text-decoration: none;color:#fff;text-align: center;display: block;}
header > div > div.leftfoot {margin: 0 40px;font-size: 12pt;}
a.menua {text-decoration: none;color:#fff; margin: 0 15px;}
a.menub {text-decoration: none;color:#fff; display:inline-block;}
div.mn:after {content:""; display:inline-block; width:100%; height:0; overflow:hidden;}
div.mn {text-align:justify; text-align-last:justify;width:944px;margin: 0 40px;height:0;}
a.menua:hover, a.menub:hover {text-decoration:underline;}



/* footer */
footer{background: #000000;height:45vw;font-family:Ubuntu-Regular, sans-serif;width: 100%;width: 100vw;}
footer > div.width > div.social {margin: 2vw auto;width: 72vw;height: 10vw;}
footer > div.width {padding: 0 10px;}
footer > div > div.leftfoot {margin: 1vw;font-size: 4vw;}
.rightfoot {margin: 1vw;font-size: 7vw;font-family: Benguiat, sans-serif;}
.cont{margin: -60px 310px;font-size: 16pt;text-align: right;}
footer > div > div.namecat {font-family: Benguiat, sans-serif;margin: 1vw;font-size: 7vw;}
a.telegram {background: url(../../pic/social/telegram.jpg);float:right;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;margin: 0 1vw;display: block;}
a.yt {background: url(../../pic/social/yt.jpg);float:right;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;margin: 0 1vw;display: block;}
a.fb {background: url(../../pic/social/fb.jpg);float:right;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;margin: 0 1vw;display: block;}
a.inst {background: url(../../pic/social/inst.jpg);float:right;margin: 0 1vw;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;display: block;}
a.tw {background: url(../../pic/social/tw.jpg);float:right;margin: 0 1vw;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;display: block;}
a.vk {background: url(../../pic/social/vk.jpg);float:right;margin: 0 1vw;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;display: block;}


/* центрируем width */
.width {width:calc(100% - 20px);margin: 0 auto;padding:0;}
.height {min-height: -moz-calc(100% - 270px);min-height: -webkit-calc(100% - 270px);min-height: calc(100% - 270px);width:100%;}

footer > div.width {text-align:center;}

/* таблица дивами */
.personalstat {margin:10px;display: table;width: 270px;height:400px;}
.zag_person {display:table-row;}
.wr{display:table-cell; border: 0;white-space: pre;}
.gm{display:table-cell; border: 0;}

/* вкладки */
/* общий конейнер с вкладками */
#tabs{
      display:block;
      margin: -10px 0 10px 10px;
      clear:both;
}
/* немаркированный список заголовка */
#tabs ul{display:block;height:auto;margin:0;padding:0;margin-top:10px;font-size: 14px;list-style:none;}
/* элемент списка */
#tabs ul li {
      margin:0;
      padding:0;
      float:left;
}
/* ссылка заголовка вкладки */
#tabs ul li a {
      display:block;
      margin:0;
      margin-right:2px;
      padding:10px 15px;
      float:left;
      color: #ddd;
      background-color:#56585d;
      text-decoration:none;
      /* стили CSS3 для закругления уголков */
                 -webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */

}
/* наведение мышки на вкладку */
#tabs ul li a:hover {
      color:#FFF;
      background-color:#121518;
      text-decoration:none;
}
/* активная вкладка */
#tabs ul .active a,
#tabs ul .active a:hover {
      font-weight:bold;
      color:#121518;
      background-color:#e5e5e5;
      text-decoration:none;
      border:none;
      border-bottom:2px solid #e5e5e5;
      -webkit-text-shadow: 0px 1px 1px #fff;
         -moz-text-shadow: 0px 1px 1px #fff;
              text-shadow: 0px 1px 1px #fff;

}
/* контейнер с панелями вкладок */
#tabs #panes {
      margin:0;
      padding:0;
      clear:both;
      display:block;
      border: 2px solid #ffffff;
      /* стили CSS3 для закругления уголков */
               -webkit-border-radius: 8px; /* Safari, Chrome */
      -webkit-border-top-left-radius: 0px; /* Safari, Chrome */
                  -moz-border-radius: 8px; /* Firefox */
          -moz-border-radius-topleft: 0px; /* Firefox */
                       border-radius: 8px; /* CSS3 */
              border-top-left-radius: 0px; /* CSS3 */
}
/* оформление вкладок */
#tabs #panes .tab {
      margin:0;
      display:block;
      clear:both;
}

/* социальные сети */
.vk1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -45px 0;display: inline-block;}
.fb1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -23px 0;display: inline-block;}
.inst1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -69px 0;display: inline-block;}
.tw1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -91px 0;display: inline-block;}
.mwt1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -114px 0;display: inline-block;}

/*таблицы*/
table.city {width:100%;border-collapse: collapse;}
table.city > thead > tr > td {padding: 10px;}
table.city > tbody > tr.group0 {background:rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.city > tbody > tr.group1 {background:rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group2 {background:rgba(83, 36, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group3 {background:rgba(0, 119, 213, 0.6);border: 1px solid #ffffff;}
table.anons {width:100%;margin: 0 0 0 -20px;}
table.anons > thead > tr > td {font-size: 25px;padding: 0 10px;}
table.anons > tbody > tr > td {font-size:14px;text-align:justify;padding:10px;min-width:280px;}
table.anons > tbody > tr > td > div {font-size:16px;}
table.anons > tbody > tr > td.name {font-size:25px;}
table.anons > tbody > tr > td > div.but > a {font-size:25px;text-align:center;color: #fff;}
table.anons > thead > tr > td.space, table.mreit > tbody > tr > td.space, table.anons > tbody > tr > td.space {width:20px;min-width:20px;border-size:0;}
table.cityprof {border-collapse: collapse;width: 449px;}
table.cityprof > tbody > tr {height: 30px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td:nth-child(1) {padding: 0 25px}
table.cityprof > tbody > tr.mir {background:rgba(93, 12, 20, 0.6);}
table.cityprof > tbody > tr.maf {background:rgba(0, 0, 0, 0.6);}
table.cityprof > tbody > tr.tri {background:rgba(83, 36, 0, 0.6);}
table.cityprof > tbody > tr.man {background:rgba(0, 119, 213, 0.6);}
table.cityprof > thead > tr > th {padding: 0 10px;border: 1px solid #ffffff;}
table.reit {width:100%}
table.reit > thead > tr.head1 {text-align: center;background-color:#eee;}
table.reit > thead > tr.tfooter > td > div> a > img {width:90px;}
table.reit > thead > tr.head3 {text-align: center;background-color:#fff;}
table.reit > thead > tr > td > a.rlink {white-space:nowrap;padding: 35px 20px 0 20px;float:right;}
table.reit > tbody > tr {text-align: left;background-color:#eee;}
table.reit > tbody > tr > td > a {text-decoration: none;color:#333;white-space: nowrap;}
table.reit > tbody > tr > td > a:hover {text-decoration: underline;color:#333;white-space: nowrap;}
.date {float: left;background: url(../../pic/table/calendar.png) no-repeat;width: 70px;height: 80px;padding: 49px 3px 0 1px;margin: 20px 8px 0 40px;position: relative;text-align: center;color: #341000;font: bold 15px/15px "Minion Pro",Georgia,"Times New Roman",serif;}
.time {text-align: center;font: 14px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #fff;height: 33px;position: absolute;top: 15px;left: 1px;right: 3px;}
.date > strong {display: block;font-size: 31px;line-height: 31px;font-family: Georgia,"Times New Roman",serif;margin: -3px 0 5px 0;}
div.geo{margin: 0 10px 10px -20px;text-align:center;}
.geo > img{margin-top: 3px;}
table.treit > tbody > tr > td > div.ttl {float:left;max-width: 170px;margin: 40px 15px;text-transform: uppercase;font-size: 10pt;}

/* рейтинг */
.another {background: rgb(240, 240, 240);height: 30px;}
.nother {height: 30px;background: #fff;}
.another1 {background: rgb(240, 240, 240);height: 15px;border-width:0;}
.nother1 {height: 15px;border-width:0;}
.mreit {width:944px;border-collapse: collapse;margin: -20px 0 0 0;}
table.mreit > thead > tr > th {width:280px;text-align:left;padding:15px;font-size: 22px;}
table.mreit > thead > tr > th.space {width:50px;}
table.mreit > tbody > tr > td.odd {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.mreit > tbody > tr > td.even {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting {width:100%;border-collapse:collapse;}

table.reiting > tbody > tr, table.mreit > tbody > tr {height:50px;}
table.reiting > tbody > tr:nth-child(odd) {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.reiting > tbody > tr:nth-child(even) {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting > tbody > tr.tfooter, table.reiting > thead > tr.tfooter {min-height:50px;background-color: transparent;border: 0px solid #ffffff;}
table.reiting > tbody > tr > td, table.mreit > tbody > tr > td{padding:15px;}
table.reiting > tbody > tr > td > a, table.reit > thead > tr > td > a, table.mreit > tbody > tr > td > a, table.reiting > thead > tr > td > a {color:#fff;}
table.reiting > tbody > tr > td > a:hover, table.reit > thead > tr > td > a:hover, table.mreit > tbody > tr > td > a:hover, table.reiting > thead > tr > td > a:hover {color:#cb908f;}
.table1 {background-color:#972424;width:125px;}
.table2 {background-color:#b22b2b;width:125px;}
.table3 {background-color:#ce3131;width:125px;}
.table4 {background-color:#d44c4c;width:125px;}
.table5 {background-color:#d44c4c;width:125px;}
.table6 {background-color:#972424;width:100px;}
.table7 {background-color:#b22b2b;width:100px;}
.table8 {background-color:#ce3131;width:100px;}
div.sh {display: table;width:100%;}
div.sh > div {display: table-row;}
div.sh > div > div.l {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.r {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.c {display: table-cell;white-space: nowrap;vertical-align:middle;min-width: 350px;}

.copyright{text-decoration: none;color:#fff;font: Bold 14px "Arial Narrow";margin: 60px 0 0 743px;}
.fh1{margin:-420px 0 0 320px;white-space: pre;}
.fh2{margin: -429px 0 0 730px;}
.personalphoto {width:300px;height:300px;}

.blue {color: #0000ff;}
.black {color: #000;white-space: nowrap;}
.clubgame {margin-left:120px;font-size: 20px;color:#fff;margin-top:16px;}
.clubdate {margin-left:120px;font-size: 25px;color:#fff;margin-top:16px;}
.clublid {font-style: italic;margin: 10px 20px 0 120px;font-size: 13px;color:#eee;}
.clubplus {margin: 20px;text-align: justify;min-height: 200px;}

.home{position: relative;z-index: 5;margin: 10px 0 0 72px;}
.home1{width:910px;height:400px;background-color: #fff;margin:auto;}
.home2{width:880px;height:385px;background-color: #000;margin:auto;}
.home3{width:908px;height:250px;background-color: #fff;margin:5px auto 0 auto;padding:1px;}
.h31{margin:19px;width:227px;}
.h32{margin:19px;width:227px;}
.h33{margin:19px;width:227px;}
.h34{margin:19px;width:227px;}
.home4{width:910px;height:280px;background:#000;background: linear-gradient(to top, #000, #333);;margin:0 auto;}
.home5{background-color: #363737;}
.home6{background-color: #fff;margin:auto;}
.header0 {margin:30px auto -24px auto;width:990px;background:#000;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius: 20px;border-spacing: 0;height:100px;padding:20px;z-index:100;}
.header1{margin: 0 200px 32px;color: rgb(255, 255, 255);font: 700 14px "Arial Narrow";}
.header2 {position:relative;z-index:2;padding: 1px;color:#fff;width:1110px;height:78px;vertical-align:middle;margin: -60px 0 0 0;background: url(../pic/menu/topnav.png)}
.loc {margin: 0 10px;font-size: 11pt;font-family: Arial;}
.logo {background: url(../pic/menu/logo.png);background-repeat: no-repeat;width:100px;height:100px;}
.logo1 {background: url(../pic/menu/logo1.png);background-repeat: no-repeat;width:348px;height:100px;margin: -100px 0 0 130px;}
.nobr {white-space: nowrap;}
.r_b      {position: relative;color:#fff;width:968px;height:33px;margin: 0 0 0 0;background: url(../pic/menu/r_b.gif)}
.r_r      {position: relative;color:#fff;width:31px;height:222px;margin: -207px 0 0 935px;background: url(../pic/menu/r_r.gif)}
.r_l      {position: relative;color:#fff;width:30px;height:222px;margin: -1px 0 0 2px;background: url(../pic/menu/r_l.gif)}
td.td1 {width:100px;}
.table_block {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-spacing: 0;}
.toccolours {border: 1px solid #aaa;background-color: #f9f9f9;padding: 5px;font-size: 12px;margin: -15px;}
.today {float: left; margin-left: 1px;width:300px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
.tomorrow {float: right; width:300px;margin-left: 1px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}




.navigation-holder-frontpage {height: 132px; position: relative;top: -555px;}
.navigation {position: relative;width: 992px;height: 132px;z-index: 110;margin: 0 auto;}
.navigation .bg {position: absolute;background-color: transparent;width: 992px;height: 132px; background: url(../pic/shapka/nav-bg.png);background-repeat: no-repeat;}
.navigation .bar {width: 762px;height: 83px;position: absolute;top: 43px;left: 217px;}
.navigation .bar .navgames {width: 152px;background-position: 0px 0px;}
.navigation .bar a span {color: #FFF;position: absolute;right: 12px;bottom: 10px;font-size: 13px;font-family: MuseoSans-500,"Century Gothic";}
div.mordablock {background: #fff;width:640px;height:100%;float:right;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 1180px;}
div.mblock {padding:20px;}
div.textblock {background: #fff;width:960px;height:100%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 620px;margin:0 0 20px 0}
div.plblock {background: #fff;width:940px;height:450px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;margin:0 0 20px 0;padding: 20px 0 0 20px;}
Inherited from a.navgames
}
@media screen and (max-width: 480px) { /* смартфон */
:root {--main-width: calc(100vw - 30px);}

body {background-image: url(../../pic/fon.jpg);width:100%;margin: 0;color:#fff; font-family:Ubuntu-Regular, sans-serif;font-size: 16px;}
h1, h2{font-size: 23px;margin: 20px 10px;}
hr{border: 0;height:1px;margin:0;width:100%;}
.clear{clear: both;}
img.sert{width: calc(71vw - 1px);margin: 0 0 0 30px;}
div.submenu {display: none;position: absolute;background-color: #000;border: 1px solid #eaf0f2;margin: 0 0 0 -110px;z-index: 1001;width: 200px;}
div.gamburger:hover > div.submenu {display: block;}
.gamburger{float: right;margin: -5px 20px 0 0;}


/*главная*/
div.circleblock > div > a > div {display: none;}
div.circleblock > a > img, div.circleblock > img {width: 11vw;}
img.c1{width:calc(20vw - 20px)}
.circleblock > div{width:calc(20vw - 18px);text-align:center;float:left;}
.docsblock {background: #ffffff;padding: 20px 0;min-height: calc(20vw + 50px);}
div.mklassreit > div.h, div.mcityreit > div.h, div.mostrovreit > div.h{text-align: center;border: 1px solid #ffffff;padding: 10px 0;margin: 20px 0 0 0;background: #000;font-size: 12pt;}
div.mklassreit > div.odd, div.mcityreit > div.odd, div.mostrovreit > div.odd{color:#000;background-color:#fff;padding:10px;}
div.mklassreit > div.even, div.mcityreit > div.even, div.mostrovreit > div.even{color:#000;background-color:#fbf0f0;padding:10px;}
.docsblock {background: #ffffff;padding: 20px 0;margin:20px 0 0 0;min-height: calc(20vw + 20px);}
.circleblock {margin: 17px;}


/*белые листы*/

.content {margin: 0 auto;background-color: #fff;width: 800px;padding: 20px;text-align: justify;box-shadow: 1px 1px 0 0 #aaaaaa;min-height:500px;color:#444444;font: 100 16px Arial;}
.content > h1, .content >h2 {text-align: center;font-size: 18px;}
.content > ol > li > a {color: #000000;text-decoration: none;}
.content > ol > li > a:hover {text-decoration:underline;}
.content > ol > li {padding: 0 10px 10px 10px;}

/*about*/
img.about{width:calc(100% - 20px);margin:0 10px;}
div.textabout{margin:10px;text-align:justify;}

/*rules*/
div.textrules {margin:10px;text-align:justify;}
div.textrules11 {margin:10px;text-align:justify;}
div.textrules21 {margin:10px;text-align:justify;}
div.textrules31 {margin:10px;text-align:justify;}

/*reiting*/
.place {text-align:center;font-size:20px;margin: 30px 30px 0 0;}
.adres {text-align:center;margin: 25px;}
a.rlink {white-space:nowrap;padding: 15px 20px;text-align:right;text-decoration: none;color:#fff;white-space: nowrap;}
a.rlink:hover {text-decoration: underline;white-space: nowrap;color:#cb908f;}
div.circlehead {text-align:center;border: 1px solid #ffffff;width:calc(100% - 40px);padding: 15px 0;float:left;margin: 20px 0 0 20px;background: #000;}
div.circle {white-space:nowrap;text-align:center;background: #fff;width:calc(100% - 38px);float:left;padding: 6px 0;margin: 0 0 0 20px;}
div.circle > a > img {width:calc(100%/5 - 10px);}
div.anonshead {text-align: center;border: 1px solid #ffffff;width:calc(100% - 40px);padding: 15px 0;float: right;margin: 20px 20px 0 20px;background: #000;}
div.anonsto {width:calc(100% - 38px);background: #fff;float:right;margin: 0 20px;color: #000;}
div.tblhead > div > a {color: #f44941;font-weight: bold;text-shadow: none;}

div.tblblock {margin: 20px;}
div.tblblock > div.tblklassreit > div.tblhead {text-align: center;border: 1px solid #ffffff;background: #000;width:calc(100% - 2px);padding: 15px 0;}
div.tblblock > div.tblklassreit > img {width:100%;}
div.tblhead > div.tbl1 {padding: 2px;display: inline-block;max-width: 20px;}
div.tblhead > div.tbl2 {text-align:left;width:calc(100% - 220px);display: inline-block;}
div.tblhead > div.tbl3 {display: none;}
div.tblhead > div.tbl4 {display: none;}
div.tblhead > div.tbl5 {display: none;}
div.tblhead > div.tbl6 {display: none;}
div.tblhead > div.tbl7 {display: none;}
div.tblhead > div.tbl8 {display: none;}
div.tblhead > div.tbl9 {display: none;}
div.tblhead > div.tbl10 {width:45px;display: inline-block;}

div.tblbody {text-align: center;background: #fff;color:#000;max-height: 40px;margin-top:-1px;}
div.tblbody > div.tbl1 {display:inline-block;max-width: 20px;}
div.tblbody > div.tbl2 {display: inline-block;width: 130px;text-align:left;}
div.tblbody > div.tbl3 {display: none;}
div.tblbody > div.tbl4 {display: none;}
div.tblbody > div.tbl5 {display: none;}
div.tblbody > div.tbl6 {display: none;}
div.tblbody > div.tbl7 {display: none;}
div.tblbody > div.tbl8 {display: none;}
div.tblbody > div.tbl9 {display: none;}
div.tblbody > div.tbl10 {display: inline-block;text-align:left;width: 20px;}

div.formulahead {text-align:center;border: 1px solid #ffffff;width:100%;padding: 15px 0;margin: 20px 0 0 0;background: #000;}
div.formulabody {background:#fff;padding: 6px 0;vertical-align:middle;color:#000;width:calc(100% + 2px);}
div.formulabody > table > thead  {font-family: Benguiat, sans-serif;text-align:center;font-size: 13pt;margin:20px 0;}


/*schedule*/
.mapstyle{width: 100%; height: 300px;}

.formtrue {width: 100%;clear: both;padding: 0 10px 10px 10px;}
.formtrue > div.one {float: left;width: 25%;text-align: right;margin: 20px;}
.formtrue > div.two {float: right;width: 55%;margin: 20px;}
.formtrue > div.two > input, .formtrue > div.two > select {width:300px; height:30px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.formtrue > div.two > textarea {width:300px; height:90px;padding: 5px 9px 7px;border-radius: 1px;box-sizing: border-box;}
.button1 {font-size: 15px;cursor: pointer;padding: 10px 20px;margin: 0 0 0 350px;}

hr.full {background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 50%,
rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55)
50%,rgba(255,255,255,0) 100%);
}
div.fio{text-align:center;margin:20px 0 0 0;color: #000000;display:none;}
div.nick{text-align: center;font: normal 17px fantasy;color: #000000;padding: 30px;}
div.ramka{width: 250px;height: 84px;background: url(../../pic/players/name.png);background-repeat: no-repeat;margin:-10px 0 0 0;position: absolute;}
div.ramka:hover > div.fio{display:block;}
div.ramka:hover > div.nick{display:none;}

input:valid + div:after {content: url(../../pic/ok.png);padding-left: 5px;}
input:invalid + div:after {content: url(../../pic/nook.png);padding-left: 5px;}


hr.halfleft {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.55) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.55) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
endColorstr='#8cffffff',GradientType=1 ); /* IE6-9 */
}
.halfright {
background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.but{width: calc(100% - 20px);margin: 0 auto;padding: 0;
background-color: #972424;
border-radius: 2px;
box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.35);
font-size: 16px;
font-family: “Ubuntu-Regular”, sans-serif;
color: #fff;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
padding: 15px 0;
text-align: center;
}

.but > a {color:#fff;font-size: 25px;}

.cat{background: url(../../pic/shapka/cat.png);background-repeat: no-repeat;width: 644px;height: 371px;margin: -457px 0 0 430px;display: block;}
a.textbut {color: #fff;}
a.textbut:hover {text-decoration:none;}
div.block1{width:440px;height:380px;background: #453f3b;float:left;}
div.block2{width:440px;height:380px;background: #453f3b;float:right;}
div.block1 > h1, div.block2 > h2 {margin:20px 30px;}
div.block1 > div, div.block2 > div {margin:30px;min-height:195px;height:195px;}
div.block1 > a, div.block2 > a {margin:30px;text-align:right;text-transform:uppercase;display: block;}
div.block1 > hr, div.block2 > hr {
margin: 0 30px;border: 0;background: #333;background: -moz-linear-gradient(left, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* Chrome10-
25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0.55) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+,
FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cffffff',
endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
height:1px;
}

/* header */
header{background: #000000;width:100%;font-family:Ubuntu-Regular, sans-serif;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);height: 120px;}
header > div.width {padding: 35px 20px;}
header > div.width > div > a {float:left;}
header > div.width > div > a > img {height:100px;padding:0;margin:-25px 0 0 0;}
header > div.width > div > div.f {margin: 0;text-align: center;float: left;font-size: 18pt;}


header.m{background: url(/pic/shapka.jpg);background-size: 100%;height:608px;width:100%;min-width:1100px;font-family:Ubuntu-Regular, sans-serif;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);}
header.m > div.width {padding: 35px;}
header.m > div.width > div {margin: 0 auto;font-size: 19px;padding: 20px 0 0 20px;width: 670px;}
header.m > div.width > div.name {font-family: Baron Neue Bold;font-size: 60px;margin: 50px auto;width: 600px;background: rgba(0,0,0,0.7);padding: 0 20px 20px 20px;}
header.m > div.width > div.logo2 {background: url(/pic/logo2.png);width: 260px;height: 180px;margin: 0 auto;}
header.m > div.width > div > a {background: rgba(0,0,0,0.3);padding: 0 2px;}
header > div > a.namecat {font-family:Benguiat, sans-serif;font-size: 20pt;margin: 0 0 0 40px;text-decoration: none;color:#fff;}
a.namecat1 {font-family:Benguiat, sans-serif;font-size: 45px;text-decoration: none;color:#fff;text-align: center;display: block;}
header > div > div.leftfoot {margin: 0 40px;font-size: 12pt;}
a.menua {text-decoration: none;color:#fff; margin: 0 15px; font-size:30px}
a.menub {text-decoration: none;color:#fff; display:inline-block;}
div.mn:after {content:""; display:inline-block; width:100%; height:0; overflow:hidden;}
div.mn {text-align:justify; text-align-last:justify;width:944px;margin: 0 40px;height:0;}
a.menua:hover, a.menub:hover {text-decoration:underline;}



/* footer */
footer{background: #000000;height:45vw;font-family:Ubuntu-Regular, sans-serif;width: 100%;}
footer > div.width > div.social {margin: 2vw auto;width: 72vw;height: 10vw;}
footer > div.width {padding: 0 10px;}
footer > div > div.leftfoot {margin: 1vw;font-size: 4vw;}
.rightfoot {margin: 1vw;font-size: 7vw;font-family: Benguiat, sans-serif;}
.cont{margin: -60px 310px;font-size: 16pt;text-align: right;}
footer > div > div.namecat {font-family: Benguiat, sans-serif;margin: 1vw;font-size: 7vw;}
a.telegram {background: url(../../pic/social/telegram.jpg);float:right;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;margin: 0 1vw;display: block;}
a.yt {background: url(../../pic/social/yt.jpg);float:right;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;margin: 0 1vw;display: block;}
a.fb {background: url(../../pic/social/fb.jpg);float:right;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;margin: 0 1vw;display: block;}
a.inst {background: url(../../pic/social/inst.jpg);float:right;margin: 0 1vw;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;display: block;}
a.tw {background: url(../../pic/social/tw.jpg);float:right;margin: 0 1vw;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;display: block;}
a.vk {background: url(../../pic/social/vk.jpg);float:right;margin: 0 1vw;background-repeat: no-repeat;background-size:10vw;width:10vw;height:10vw;display: block;}

/* центрируем width */
.width {width:calc(100% - 40px);margin: 0 auto;padding:0;}
.height {min-height: -moz-calc(100% - 270px);min-height: -webkit-calc(100% - 270px);min-height: calc(100% - 270px);width:100%;}

footer > div.width {text-align:center;}

/* таблица дивами */
.personalstat {margin:10px;display: table;width: 270px;height:400px;}
.zag_person {display:table-row;}
.wr{display:table-cell; border: 0;white-space: pre;}
.gm{display:table-cell; border: 0;}

/* вкладки */
/* общий конейнер с вкладками */
#tabs{
      display:block;
      margin: -10px 0 10px 10px;
      clear:both;
}
/* немаркированный список заголовка */
#tabs ul{display:block;height:auto;margin:0;padding:0;margin-top:10px;font-size: 14px;list-style:none;}
/* элемент списка */
#tabs ul li {
      margin:0;
      padding:0;
      float:left;
}
/* ссылка заголовка вкладки */
#tabs ul li a {
      display:block;
      margin:0;
      margin-right:2px;
      padding:10px 15px;
      float:left;
      color: #ddd;
      background-color:#56585d;
      text-decoration:none;
      /* стили CSS3 для закругления уголков */
                 -webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */

}
/* наведение мышки на вкладку */
#tabs ul li a:hover {
      color:#FFF;
      background-color:#121518;
      text-decoration:none;
}
/* активная вкладка */
#tabs ul .active a,
#tabs ul .active a:hover {
      font-weight:bold;
      color:#121518;
      background-color:#e5e5e5;
      text-decoration:none;
      border:none;
      border-bottom:2px solid #e5e5e5;
      -webkit-text-shadow: 0px 1px 1px #fff;
         -moz-text-shadow: 0px 1px 1px #fff;
              text-shadow: 0px 1px 1px #fff;

}
/* контейнер с панелями вкладок */
#tabs #panes {
      margin:0;
      padding:0;
      clear:both;
      display:block;
      border: 2px solid #ffffff;
      /* стили CSS3 для закругления уголков */
               -webkit-border-radius: 8px; /* Safari, Chrome */
      -webkit-border-top-left-radius: 0px; /* Safari, Chrome */
                  -moz-border-radius: 8px; /* Firefox */
          -moz-border-radius-topleft: 0px; /* Firefox */
                       border-radius: 8px; /* CSS3 */
              border-top-left-radius: 0px; /* CSS3 */
}
/* оформление вкладок */
#tabs #panes .tab {
      margin:0;
      display:block;
      clear:both;
}

/* социальные сети */
.vk1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -45px 0;display: inline-block;}
.fb1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -23px 0;display: inline-block;}
.inst1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -69px 0;display: inline-block;}
.tw1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -91px 0;display: inline-block;}
.mwt1 {background: url(../../pic/shapka/social1.png);background-repeat: no-repeat;width: 24px;height: 24px;background-position: -114px 0;display: inline-block;}

/*таблицы*/
table.city {width:100%;border-collapse: collapse;}
table.city > thead > tr > td {padding: 10px;}
table.city > tbody > tr.group0 {background:rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.city > tbody > tr.group1 {background:rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group2 {background:rgba(83, 36, 0, 0.4);border: 1px solid #ffffff;}
table.city > tbody > tr.group3 {background:rgba(0, 119, 213, 0.6);border: 1px solid #ffffff;}
table.anons {width:100%;margin: 0 0 0 -20px;}
table.anons > thead > tr > td {font-size: 25px;padding: 0 10px;}
table.anons > tbody > tr > td {font-size:14px;text-align:justify;padding:10px;min-width:280px;}
table.anons > tbody > tr > td > div {font-size:16px;}
table.anons > tbody > tr > td.name {font-size:25px;}
table.anons > tbody > tr > td > div.but > a {font-size:25px;text-align:center;color: #fff;}
table.anons > thead > tr > td.space, table.mreit > tbody > tr > td.space, table.anons > tbody > tr > td.space {width:20px;min-width:20px;border-size:0;}
table.cityprof {border-collapse: collapse;width: 449px;}
table.cityprof > tbody > tr {height: 30px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td {padding: 0 10px;border: 1px solid #ffffff;}
table.cityprof > tbody > tr > td:nth-child(1) {padding: 0 25px}
table.cityprof > tbody > tr.mir {background:rgba(93, 12, 20, 0.6);}
table.cityprof > tbody > tr.maf {background:rgba(0, 0, 0, 0.6);}
table.cityprof > tbody > tr.tri {background:rgba(83, 36, 0, 0.6);}
table.cityprof > tbody > tr.man {background:rgba(0, 119, 213, 0.6);}
table.cityprof > thead > tr > th {padding: 0 10px;border: 1px solid #ffffff;}
table.reit {width:100%}
table.reit > thead > tr.head1 {text-align: center;background-color:#eee;}
table.reit > thead > tr.tfooter > td > div> a > img {width:90px;}
table.reit > thead > tr.head3 {text-align: center;background-color:#fff;}
table.reit > thead > tr > td > a.rlink {white-space:nowrap;padding: 35px 20px 0 20px;float:right;}
table.reit > tbody > tr {text-align: left;background-color:#eee;}
table.reit > tbody > tr > td > a {text-decoration: none;color:#333;white-space: nowrap;}
table.reit > tbody > tr > td > a:hover {text-decoration: underline;color:#333;white-space: nowrap;}
.date {float: left;background: url(../../pic/table/calendar.png) no-repeat;width: 70px;height: 80px;padding: 49px 3px 0 1px;margin: 20px 8px 0 40px;position: relative;text-align: center;color: #341000;font: bold 15px/15px "Minion Pro",Georgia,"Times New Roman",serif;}
.time {text-align: center;font: 14px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;color: #fff;height: 33px;position: absolute;top: 15px;left: 1px;right: 3px;}
.date > strong {display: block;font-size: 31px;line-height: 31px;font-family: Georgia,"Times New Roman",serif;margin: -3px 0 5px 0;}
div.geo{margin: 0 10px 10px -20px;text-align:center;}
.geo > img{margin-top: 3px;}
table.treit > tbody > tr > td > div.ttl {float:left;max-width: 170px;margin: 40px 15px;text-transform: uppercase;font-size: 10pt;}

/* рейтинг */
.another {background: rgb(240, 240, 240);height: 30px;}
.nother {height: 30px;background: #fff;}
.another1 {background: rgb(240, 240, 240);height: 15px;border-width:0;}
.nother1 {height: 15px;border-width:0;}
.mreit {width:944px;border-collapse: collapse;margin: -20px 0 0 0;}
table.mreit > thead > tr > th {width:280px;text-align:left;padding:15px;font-size: 22px;}
table.mreit > thead > tr > th.space {width:50px;}
table.mreit > tbody > tr > td.odd {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.mreit > tbody > tr > td.even {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting {width:100%;border-collapse:collapse;}

table.reiting > tbody > tr, table.mreit > tbody > tr {height:50px;}
table.reiting > tbody > tr:nth-child(odd) {background: rgba(93, 12, 20, 0.6);border: 1px solid #ffffff;}
table.reiting > tbody > tr:nth-child(even) {background: rgba(0, 0, 0, 0.4);border: 1px solid #ffffff;}
table.reiting > tbody > tr.tfooter, table.reiting > thead > tr.tfooter {min-height:50px;background-color: transparent;border: 0px solid #ffffff;}
table.reiting > tbody > tr > td, table.mreit > tbody > tr > td{padding:15px;}
table.reiting > tbody > tr > td > a, table.reit > thead > tr > td > a, table.mreit > tbody > tr > td > a, table.reiting > thead > tr > td > a {color:#fff;}
table.reiting > tbody > tr > td > a:hover, table.reit > thead > tr > td > a:hover, table.mreit > tbody > tr > td > a:hover, table.reiting > thead > tr > td > a:hover {color:#cb908f;}
.table1 {background-color:#972424;width:125px;}
.table2 {background-color:#b22b2b;width:125px;}
.table3 {background-color:#ce3131;width:125px;}
.table4 {background-color:#d44c4c;width:125px;}
.table5 {background-color:#d44c4c;width:125px;}
.table6 {background-color:#972424;width:100px;}
.table7 {background-color:#b22b2b;width:100px;}
.table8 {background-color:#ce3131;width:100px;}
div.sh {display: table;width:100%;}
div.sh > div {display: table-row;}
div.sh > div > div.l {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.r {display: table-cell; width:50%;vertical-align:middle;}
div.sh > div > div.c {display: table-cell;white-space: nowrap;vertical-align:middle;min-width: 350px;}

.copyright{text-decoration: none;color:#fff;font: Bold 14px "Arial Narrow";margin: 60px 0 0 743px;}
.fh1{margin:-420px 0 0 320px;white-space: pre;}
.fh2{margin: -429px 0 0 730px;}
.personalphoto {width:300px;height:300px;}

.blue {color: #0000ff;}
.black {color: #000;white-space: nowrap;}
.clubgame {margin-left:120px;font-size: 20px;color:#fff;margin-top:16px;}
.clubdate {margin-left:120px;font-size: 25px;color:#fff;margin-top:16px;}
.clublid {font-style: italic;margin: 10px 20px 0 120px;font-size: 13px;color:#eee;}
.clubplus {margin: 20px;text-align: justify;min-height: 200px;}

.home{position: relative;z-index: 5;margin: 10px 0 0 72px;}
.home1{width:910px;height:400px;background-color: #fff;margin:auto;}
.home2{width:880px;height:385px;background-color: #000;margin:auto;}
.home3{width:908px;height:250px;background-color: #fff;margin:5px auto 0 auto;padding:1px;}
.h31{margin:19px;width:227px;}
.h32{margin:19px;width:227px;}
.h33{margin:19px;width:227px;}
.h34{margin:19px;width:227px;}
.home4{width:910px;height:280px;background:#000;background: linear-gradient(to top, #000, #333);;margin:0 auto;}
.home5{background-color: #363737;}
.home6{background-color: #fff;margin:auto;}
.header0 {margin:30px auto -24px auto;width:990px;background:#000;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-khtml-border-radius: 20px;border-spacing: 0;height:100px;padding:20px;z-index:100;}
.header1{margin: 0 200px 32px;color: rgb(255, 255, 255);font: 700 14px "Arial Narrow";}
.header2 {position:relative;z-index:2;padding: 1px;color:#fff;width:1110px;height:78px;vertical-align:middle;margin: -60px 0 0 0;background: url(../pic/menu/topnav.png)}
.loc {margin: 0 10px;font-size: 11pt;font-family: Arial;}
.logo {background: url(../pic/menu/logo.png);background-repeat: no-repeat;width:100px;height:100px;}
.logo1 {background: url(../pic/menu/logo1.png);background-repeat: no-repeat;width:348px;height:100px;margin: -100px 0 0 130px;}
.nobr {white-space: nowrap;}
.r_b      {position: relative;color:#fff;width:968px;height:33px;margin: 0 0 0 0;background: url(../pic/menu/r_b.gif)}
.r_r      {position: relative;color:#fff;width:31px;height:222px;margin: -207px 0 0 935px;background: url(../pic/menu/r_r.gif)}
.r_l      {position: relative;color:#fff;width:30px;height:222px;margin: -1px 0 0 2px;background: url(../pic/menu/r_l.gif)}
td.td1 {width:100px;}
.table_block {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-khtml-border-radius: 10px;border-spacing: 0;}
.toccolours {border: 1px solid #aaa;background-color: #f9f9f9;padding: 5px;font-size: 12px;margin: -15px;}
.today {float: left; margin-left: 1px;width:300px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}
.tomorrow {float: right; width:300px;margin-left: 1px;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;}




.navigation-holder-frontpage {height: 132px; position: relative;top: -555px;}
.navigation {position: relative;width: 992px;height: 132px;z-index: 110;margin: 0 auto;}
.navigation .bg {position: absolute;background-color: transparent;width: 992px;height: 132px; background: url(../pic/shapka/nav-bg.png);background-repeat: no-repeat;}
.navigation .bar {width: 762px;height: 83px;position: absolute;top: 43px;left: 217px;}
.navigation .bar .navgames {width: 152px;background-position: 0px 0px;}
.navigation .bar a span {color: #FFF;position: absolute;right: 12px;bottom: 10px;font-size: 13px;font-family: MuseoSans-500,"Century Gothic";}
div.mordablock {background: #fff;width:640px;height:100%;float:right;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 1180px;}
div.mblock {padding:20px;}
div.textblock {background: #fff;width:960px;height:100%;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;min-height: 620px;margin:0 0 20px 0}
div.plblock {background: #fff;width:940px;height:450px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;border: 1px solid #ddc898;margin:0 0 20px 0;padding: 20px 0 0 20px;}
Inherited from a.navgames
}