.icon40:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
  position: relative;
  z-index: 5;
}
.icon40.medo:before {
  background-image: url("../im/back.png");
}
.icon40.arena:before {
  background-image: url("../im/ui_arena.png");
}
.icon40.user:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFJElEQVR4Ae2XA3QkWxPHe+1o0vPGZtYbW5NkMjjL2LZtJ+twbdt4tm3b1vfWqq9r7d2e9e7knP+Ze1N1//XrOre7bxOGjIK7WvctoBnQDGgGDPEYSuYbGMZbWTwr2NZgzxvGpA3owiMGZWoZrYuy+E23EnBNIb+qwEjOchUNGkwLcIKLhdOGEvHvK/P4XbcScGkWd/qGYvEfk1yGutMCbIjgdO2tkR5bkcvfbbAnBl9PMbWa6IudwN/rydc6EQOWZvO3Yp3GSM58WoCLssQfPlIrg53log9jvK09rqdgvF4iLwqRx4X4ipTXkx/qauG4vVz43qN1MliSK/mUFuC6Ytn+PTUyeLFFsq8lktV+pT1C/fXyGMMiA+zZgZXh8o5nZzh81pao7tY5cfUuo224GL/cutFC64H1Eaxpz7dI/sNGrC+WHKYFuKFEsm9nlRxemy6HPdWiL8LchoRdXMxdZSEZ78btDvHmfpquF/yyptRu30cLXE880ea4L3e88NdQb+6XVHy5ox055uKLinAbOnlXlejTV6fJT2CdDcXSg7QAqZa/t71SBs+1yOHtWfITj9VL3i2fSGp5BNEbpRnHzo/y5/0X7c87HqPhQWIQDzpSqdweZ1hWoIZkLQ/w/xiP8uceDHRktWLXEK5wPNN/V6X4LfRFf6yzPF/yIS3AtljutB1VCni0XgFvzVLAe+0KeLFV8n1jJK8o0GvsMiwaF8CHM4qlYGL92ZCgISE+gINzOD8e4889PD5g3PbWWGnxcy2Sb9APfdEf67TFctppAcZrrEeuL5H+uadWAc80K+BdyvDDTgW83a6G1CgdxAcKLlGiVgApwSd/LxtPitDCG7PsAH3QD33Rf2OZ7O9UDcOBFmCIHdE/z2jbtr1SfhCv8vnW05BdKkiLMVAQQkgI4l+gslApzM0eDsVTxJfEMB/X4Xr0QT/03VkpO1w8gZyNjxxagLhXXEWEsCmSs2p3rfLQYw0qeKZFBbsaxkJSeCB26QKl6gSwpHAkfDDfFXoy1Ti/JCchxA921NtTPkpAvz01isMdKcINeLNhPdrvYk+C6BPmOEzRlcKbtbNa8cvairGQn2iEZKMKkoOFFwi793K7M/y61hP2NIyBkhDJJTnJBiVkxxthdfk42FWt+LUnTdiVo7Wxwzomn2bwjsWXeYjOrT0hNOA4wuE+u1gZBqqD+Wp4vcMBejLkOL9sHq5PDNVA2Hi/JfZ2bAH639Bxi8EghpE2lpO9x/GfSdUJ4aoK5kCa9iFI0XLgWrmBTtzX2UzrZAuLfjYmAwoJYiCTaZsSqZEdW1QwClaWjLxpQr9Uo+IEh8WsJkliqEmAuFAkYFd1ZI05sW+bPxzfo7lpOrBDA6srHEEl5czDLpoEiHcWaT04aLyn5OAz053g5zUe8Mtp4RiFN8WZ+S9n5pfGLln7epcLxGnlwGRYRVF1+pu8B0nrgR4RGuk/7851g9/WecL/tvjAP5u8cIyCfVvPzf9Y70HFveHPDadiOP538+nctR64lpp74xy+WOoB6eOVYGs7TI83iskdZDCG+Ib6Sve/2eMKv1PGVAFKPjhGIQQC4hjBEAL+2uh1Jhd1JhfHZ3M/XugGKUYFUDfgJDw/mnyTcDis9PJIu2Pfr/KGI7v8bpp+W+8DM9LGgJjPrscnxQ3dJGiEgL+s97tp+n61Dywqsr+xmwT3BmnVb7RQwHnEYbjgP5fRgkM3S+gnEXFfwj2ObxLzh7sZ0AxoBjQDmgFvnf4PQ+e6q+ywB2YAAAAASUVORK5CYII=');
}

.icon40.save:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAASMSURBVHja7FhZb1tFGD2z3MVbYiel6UK30NKiSogKBDRFahGqWoUXEKrEA4IHHvkh/AMkxEt/AS8sFYsEioQQqCVNWtqGVgk4DVlpYuIs9+Z6hm/G1+lTanuwRCU80WSW5J45c77lfjbTWuNxbhyPeesS7BL8r5vc6Q/5/YPYnC/voulb1G+GAwd/6OTBhH2WhiHqlwl7tjoz2Z6CBMAMT+pPUn+C1n4HyQU0lKgXzRnpWW2b2ICcOsoxVGJ4jeaDBMQ7QM5gHOtjuHhCWAVNz7oQPC+Ac3tD7DkgcIrWw0bNf0MyVcpYZHg3x8legT5S4RVav+5C8OlBjjNLW9hiEjlS8RDt9XTAwpkcw4AfoFdnoJ8v4iXa29t2kJAJPn/1HD7MBAzF3lCPjW98/Nkt3PUGDipXZhQMOrNQnhp+AXcKBXxQ6glEruDBG6l+2zbB3UWsZwPphaGPfCbE4SO1l98pxioIyy2/vP8o48/qFtYny5i6cBpn/RB+9BSYEDidzfleLh/yTEDmCaubbRO09pcCjDNCZPAlvyR9vBEGgrEWC4z9+9TcVoQNpvBVrsDfk5JnairRvsc9QuGcsOkXgrxDHgyIA4FAGBD6Ibys9LgWXDApWouTko+CHYvJCS+QPlVOTHpKG1KMsLnBZ46J2jR6nghySMnsnBFpLridt9IoC9j/FKE0KQualgbDYBr1hGB2dCMosX1LEs2a2oIyQ9CthrR4KQ4XjZHwNl0IJnW1hFGPbuyRPxpzEz/rNy5NK13HsKat+x+5DcKco4LbYDxVkqWm4cyJoKLH6hjmksL6H2/iz4/0wbqvwN6SgLRV1BJ0U5CpWt0qDdeRvGk5tSPBXIBUte2RApnZCOTMTUFiRy6ijD8z4zrmosIo6AlHBWXqyDZQoGVKzuw7NfJrWY9gzUx6Nf5NBEPPOc2YWwo0VGOgPCbrfqkTpeidVxOSe63yEyYzEAZh6kYEN3Nn3iwP2nQgjd/QUnJtjjD7icbK4sraz1ohtjmypU7PEobJ0w9dh7kHiY1YWY9ego8pUdRqNZtx9XJl49frt5OPjh2qvLtnIP9s1hN9TaNYpemaXJCU9w05+Qj/a+6D6a1Nxo9i9enqavSTComl1mpmMb47N4MfozU1Ab16clcp29+Kmdc2Ixb7+sWefPA2M0ylY5qJ1xHGtVoi45jIbepMoL67dj+5fH1pX/ywJgOmgdHxCYy2XAwulP0zx5P1/qL3ZhRRGbKmcGOslm2b4I1lnO/9pnKbqiGezTzQv9zD8UmFQTw3/Vs4e8CpJjQVNb3Vjl6dwDOri5U7YVjhwkMytoyL5si2giQC5sfnMJKJwFYWUPldYd6c0YGKurqgMZ3VWO0XkDfLuEomuecSxVcWNUb+3sBfS1XcIsmu0F7ZVb1GRU3DfQL4cqqC0dkVLJQVvqe9r3fMJDt9uyWlzcZHyAfep/x6jeZf0AFRhz52mo+wFyh+hygpfELzqSRJdFsKmtvS264aMjzIMyx3ilyKHRPDxQLDtD2jrmx7Cna/m+kS7BLsEvyfEPxHgAEAuZFaYZJSzfoAAAAASUVORK5CYII=');
}

.icon40.bank:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEi0lEQVR4Ae2YBYwrRxqEv789prGXmXnDzBxBmJkjCm1E4UQcZmZm5uRQrOPw5U7wmGHRy2jPTGfs1jqcPJgXdEnlNWx3f6oalqN7LuWXLMUvWwXAAmABsAD4x0fusT5//b49lv/hoRcG/nrf4oVv3/vCR6/es0P2+58VcOEj90T/+/aje23fYr+6XVPy7wdvX3T2odt7Xbs0c3Z7uXzQVilPBwGqNiEx9dkbD3VbTYkbu2sjb+zaHj/hgG0TsW0bLJJRobkcdmjE7qrjrIYiebO5gkv/8+w99f442XKABkz+8fI9pe21sXNaq2N/3K09fsXeXXbTbm0RVRZPozOTeBqUQHEMuqpRW9fR3Vktt9eWydsNZRzx6SP32EED5uHqy6x9WkqiD+/Ulrj/gG2SXbu2x2gs9bD0DO7sOJn0dA4upEAEYhZUF0NHNWzbwF6tfuWxSrn1g5fv2cWkGSBglU1NfSlP7Ldt8Rl+ncVtVYqENQeZCbz0BKIdIpEoRYk4FUmIWKCUcTxsQLtqqPET7am05emKOHVsoCw2QMUJzt61ydl2u9o5opagnTROega0hxWJEQrHAfDcDImYS0ilGZ+B6TRoDeJBUdR3NVYszM5ph3OBWwMDDFtylqthZGyCeGQCOwyhiE04XoKyooj2cDNzOJ4DSohaUGqDEpjMBi0QUWD5LrFz851jAAOqWBSdWsOcoxmd1j4IJErridilKKXIT6YEEQMmArEw2BFTsw+XV0hRHWjFArMeJF1P8l+YhSQHpfHtasTTIFmDGGOFIONC2t2Cx0GtGfM0OJ6x1iBZODGkBlbNp2gs5NM0Y4xdN/d3KFhA6HU9tOeBsc4BZZmskBDyLaLNX0ChfZtaRQyYZ5yDRTMcaMWex4zjIvM1ZatWYuwCYhI0MAq0gUV5+QaYdebH+takggXU9Duumdx8zm/siA/iITkoAMGk62iNiIF3TPIYQDNfoIDaY9LxYC6fggAe8xIxOwzKbJuep1EGDpEcUH5s2gXt4QR9Lh7MAmrfRTFzuEmtX8zMRArBQ4n2LQYyL3MMHJowe3E4ZEBNgnpxoIAZrT+ylDllldum2qFJWLW2l1T/GjJzM/lERTRTGVg3AgPjJjE7ApVJqEqasS4sCRTQS/PvtSMsMwtqtCan2QysSaVZua6fsdERHNclNZFmcR+kJkHEwCWjoASGp2HdKCuy8wUKuHackb5R3fPJKv78v9Uy3TsOMxnQGI1Nw4r+OZauG2eRD+dqiEey1oAPNgX/X8Pspyv58/oxfXF2PjZQ5tHHBl5y1SWpsG1OrErKNY3ltNWUQJmtEQR3fkfQEAubKsdmoHcU1ozQmxrXd45N8WL/FIP+mjpwQMiDhmrL6S6JyvmVRZxcX0pDUykqm5g2B2fSTg5Krx1hcGCc90en9CO9Y/zfX8shr+ABv3VPMluhdkxG9BX1ZRzbVEbMB2ZiWrMqJc66MT4cmdTXeXH+tdvxl06TV1CAG56o1VrFdnZELipNcKBf4+KpOX2vNcQHW/dcOsdmqvD4rQBYACwAFgB/4foC+fb9Y4Ws7TgAAAAASUVORK5CYII=');
}

.icon40.store:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFaUlEQVR4Ae2YA3QjWxjHp27jZGKXse0mtdvdV1trGwfPtm3btm3btv29fNmTnnUaPGfP+Ud37s7v850SrQtX/qP1rwTMAmYBo/9yUPg5xf15pYJirUrOPL9Kzn6dZBS0ZQxQwqUwLCqBE6WvYgmS3S8kiIJSMbPWoZc/2BLS/94eNoBcSH8tY4BtHklkICKB/rDk0/6weGEye/kEkasU0kII19dkhaV9Dlg7YIIyCeurjAHWOeUzgJ2hsqQA5dwCm0UjvmNunRFWDrrh4GkddIVVwGUVX5s2oK6cqrSrOBMuh/UstL673vS93+e+Cn9zVnCkifZjztm1kps6a0wxz+0/aYSRhgqolHOeIelEKG1AzDdrOWNTwK76obezFua21ULIZ33PpSY3qMT5ZCLjvAbJ1Qi3qMcVg+uvq4IqBec9NjW3D/MyIyG2VjK7gk7Vt3HAar/tVa+e1xFP/jIxfX97FesSPqOoLr7HUMrU+M3Sy5pDhp8XdDvhiIUGmG5Tb4GjF67CostYm7FXMbv8JuG3DT4NoEIW6WtxQDo1t6LTzf7ogAHyZ30Z+1y7msM1V7Gb0HMIN97pgGMXa2Go2QDYWliU3GF+MUHFdpVRwKCJ922jSwKoarPwta09WClhPho0kj8KSOoaDLu5nHlCo0/zy3CbA05erofhFmOsYlm0/I1Y0Rlt1GipTcXsRsAmt3QGEKHjXkCPMJmEEm/OJIgSMUndr9Gv+vng+WZY1m2ACin7Cw694AC8LqOTxK4gih0qpjmq49BDzR4ZIGS1mf+pW8M6FNfwmq33YMixfXQH+DHPmSq5v7Go+cu27omzmUYJvYa5ZK1gDHh15GMhE+/3WpsIELA5Coif8Tefjnwar9kakkUhjAIO5a42Fwl+oxBEPOpn6FVc41LyhDjeSEaxAVMjZcAyQSE/GsJ9g0be2wiDYUW4Vu8W4Wf8DdfwGoeKXBC/IZNCWKKA9yKgQ80BjZL9GY9V7Mc1fK+QMu/HXE0U7t3OTL2iZEHQyP283iGKg+1UuIYztb/R9IGxjFyI4dsa0K0lYyHmMosm4obLBPT0PIhViKFDuDaffLdq9ysgPlux9eDUiAN2uLkxD4pIytMY2owdtzCnqi2i31u8MYCEkDhTcVJUm0U/GJWMpdsDchmFt2LhqGS0Y6VC2iLMx7QAvTrenXXO6M1D6qQUsct+w2kSL5I4IFY0hrg3wPup1sK5jUMrVKcFWG2Tfdnsr4LeBiMMNJmiMiaQCXrqjYB7XHrxvQgQLYLrEdCm4gKPWXgehljMp1+KxYG5lxZgxFH2w1SDEI4dyoHjh3etUyeLZ3TiBA2WzNHAWE/94xducpqcBsWFvdVSwFSx6+QnPHqST74z3bK/g0wa0GMQfL6gSQCnjuXsUpcuLoCb9rPCLQfYZ3Tdvk64Zh/nL9ftY/vo6r1s31y9lx1Q+Bl/21rX72398Pp9HW/ecoB7adKAGhnl0uE6BZw4kgOnj+9axw0SsGEPMaC3x2sFSWkoInhnrF5x7MWHuUuSBsRDZL1T8dHecwpj3jpjYtc6eTQHFjXjTfmz1lgN7/dGG/dYnFQp5SC2AWwJg7UKOLx3C8hZkzsXrm3uFsHiduWsNdGkfD1kFbfiE15KgDiH8RkCZzCG+uDuXAzpDnD4G67h8X1hW+lvSzqUkEh4XYdfekIi76ESPiIqBfkuPIC2+Eq/mWqUwuYuJhzQXRgTfp5qjI65QPmPOgXttDaf4tzZAE42Kl7Gc2Tap5n4sQgHupRNNCBE9D9+vtYu/x7lNQie08qpJ0hIIoLXnLXOMfrq6cGXEumJ4wOXYBv6D/zpIwuYBcwCZgGzgH8AcW+s2vBki4IAAAAASUVORK5CYII=');
}

.icon40.avatar:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAE2ElEQVR4Ae3YA3BjexcA8MbOzVW0eZt2Xdvt2khtd9pusbZt21axrt0+27btN6zu+e5537OGTTIzuTOxfjn447rNLlvs1BenxrmALiB/yEiSJPCiNbsp+McS/iJwCiDiQv10s1Ni5IdsMdqDk8PJVSF+VKrVygZQFKVBqEOBGDXEnbUJBo7GCXv3J4p/2mwTfzx3srQl1JcsYhjCxCOFDgXGxWr3H+NxF5MEcCFZCJdShXA2Q9S3fJbk1cgAcglN02aMpEOAWHMTw8gV+xLEPyEML1czhXAtRwQX8sT9K+Kkb0cEUMvVRjXrqBqUYM1hWi+n/Y67XiCCG0ViuFos5tYkST8N9iZXYLQdARS6u7P+FdOlTRczRX038kRQWSiC6mIx1MwVQ3W5BKrmSbjVSdLPQ7x1awarJv/zRezWcH+qYKVN9vKVQnH/r7hbFWK4vVACdxZJ4PZSKbc+TfZZhI92o8FAevBIkT3HQQFGJjqIWrQ2SfZWVZmYuz1PAnd52P2lUri/XAq1K6Vwb42M25gp+yjKh9jKsuxwRNoF+GuqEYlduy5V+jFGrnYpf1khhYa1MmhcJ4OmzTKo2yQf2JSDSO3OXyIpsAvw10iqTWom1I9cgunEqP0M2yiDli1yaNshh/bdcmjapeC25iu+DB+j2f1LTQrsOhdjTeLQsjlb9kn9ehnXto2H7ZRD5145dB9UQPcRFXQeI2BznuLHkBHq/SxLGzADXlbWONWXCZ7iZ1AN+mIBfzTaX7duW67ig6at8oHufQp46LASHjqqgkdPE/DYeQoeOs/AtiLVj5Gj1QdZlh0x1ZtKOp1AvzI/mlg0bpybeFCBGBGjUWeNDSQ27ShQfNC+T8k9ekIDj535P+7xyyw8cd0IT1QOgV0Vum8n+KpOLRxHXLuVwfSetJFf5IaaFYMK/BWJjRAbQGzbUaT6HCP3xEUKnrzKwlOVJni6Zgg8d28oPFpj5U6vYH48nUp9X51Gw/oJZJ2d1oO/RtJoxa7dWaT6HnHPVBnh2VsWxMELDR7wYvMIeOjsA1Cbz8KNVJqbPJrMtBvw1+7GmsSu3V2q+fE5HvdSnRVeavSAV9pGwMtto6Btlxnqclg4PIv6wGqix9gJ+HdkjLd638FF1NdP33XnEPdqxyh44f5IqJvPwt0sFuZFEZUWg0Fvd+DvSHbEZD/N8fNrmB+euDQUuvYOgQYe11yghxvJ9ECWl6p+uIkJdggwJZQ1pgdTySsnkteuZtDfNxfxsHwWUwuVqXT/jvG6r5JHaB+d6qE7Ns3L5GN3YH4EE3Q3m32lMU/fV5fNwp1Mhjsxh3p/YTRRiZFL4XHThxJNs4aRdWkBloOzfU1BdgXi2HbMRi2oTmM+PTCTvD/dm0wfxTcE1lykVRk43koeRVyyN3M3L9hSnRlkOTB9BBNo121nTYqb6OI4q/yfXsO0Iio/xFKNl9xgU41tJHV8uofOz2n2xZn+5oDsIMt+xGX4G27zEa2fPZw4sSKWCsM/53AgXmZ6mQOmj6CPIm6mO9FQ4qN5kh/AHz6TQE90CiBegi2kL3Yz4k7MJD9uLdD3XUmm2p0GyB+CccO0IYfm0N0dhfp+fjjCWeaG0wDxspGfx9dOosefiGNaLyXSlQnBTJDr7JYL6AK6gA66/A9gX4gYruyQIAAAAABJRU5ErkJggg==');
}

.icon40.rating:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEaklEQVR4Ae2YA5AjeRTG31vvuMPtjJlsOEmPJz3xcG3btm3vDs62jdLZVzpbhbN9o9v/9ava/1Vq1uhjquoLvu/1e7/uTiMNA+Yu/UcrBhgDjAH+ZwEN8fFGrZB0pTlL92bYlfwweVaAXpIIcaS8POgNAMjrfZnQh2f0OboX1fLMaoVe5NUUJt1PvZUZV+ni4sSzAhxeJcruPG3jkMr0jp1TzazWk/LaMDmtymeBNfVOvJEU6o9bA05tsMaTINd4UuQGF+7nWa0DD5JHWdBlDNQ5cAvPahywjnrVSsLL1HuoN72zME/bNLxClM8YcLTf9N3AEqF11TATu2+zi4326jtH+1N/mCT3bZvqRUYaW4btEbfwQ11hX0VxP0woww6eTSzHTvIooxqq5dlkb6826kU9qfeaEamMZo3ym749Y0CfD3pkpuvn1pWmt26eUMAiHs2zkgQ9i7OwOdAfGclvwdsqKsyJANCNpHiP80zRM9z3Wa0Jwf54E89CVrxEkqSeNR7hyU3j81l9WXprhkk7n2ae1W8wLS1JIyT1np1u0jXL9uQdAICFmdhU70JGqnPik8MkGDKyGGpJivcKzxqc+Ab3h0swWPn+GM9q7Hgx9Qq4hK2ZoqaFZtCsczqKqRHfEopQLsDGaTKyYzo6Q8ZOLvp+JtmYMry4a98LcpqhRpUK4IwqZOej8ccAL/h5kG/BWT5k56Nx5SoDzlSGnI/Gqwnos2DjbD+y85HqgHMCyM5HEytVBAwogPOCyLhmB7Aj+jvXqWomqw24IISMa7Abr1W2ym/8e1fNC2DbwEK8OtqboiZg0IqNC5UhpFk+/KbCDOaRxXgffT+RRhTjw8XZUKDUfsk9VbdgWAFcEEZGGlGE95i1kFiWA0OVwe3c/1Mh7PCaYaTPCgnDJbyT+9NklQEXRZB+S21BKywgz2eGrMkV+Ar50ZrixdflAsgGqimAucoyreTPUBXQho1LIkhH45e068j3AfQY7MFLFP8oZVxDJLxCAuhJNUUZkDPXj1+QP6tKbcBqZMMkvC16SEU+1C8KYxtlpMURbFe23uDo5UeV4A2U/RWAv7tzoCg6cxohfmYVvr2sBhlplg8/yNNAUnSNOxucyyLYOduvImC1Axsne/HpE+UBK8xaocCRwjZYfKKaSZX4qKqANXY8TCAnykUR4uYG8JN5Ify869bj8plhyjQvNl9wwEyAPgZN4u6IHd+ziCcG1PSFtEFufHeIBz8Q+kDGiWryjDC93onvUa80gL4XDNAg9J0TKM5mjSvrmd2S87NWC4lda4x64cn5EyJswcRq1k8vvHhcrvxOHZbsnxpXNbBQSTbTp8QvuGCAem3iiqn1ZvZ8YyWTPZmtujgQu9aIRu2rV62Q2LWripnYT//u8X9jweh1Z7Q+3+hlMwdamFGbvOqCAQp9IF0Z+ri9IPV7BXbLiX5DQmKP8tws0wd52aaPNPHdwyf6DRs0CZsd5rTvTaLx+ZQ+kBl79HF6xQBjgDHAGOAf8x46UHZxHakAAAAASUVORK5CYII=');
}

.icon40.training:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADwUlEQVR4Ae3YA7TjWBgA4PustE1fGtykeM2kebZtjm3bM8+27TeeWdu2bdveWdv/potjrpJztn90c/hdA83ZeVDTjwvoAv6dxwXcvnlNYU3NPmv13r3myf5+rmXXLqIoO0WqOLAjr6VlqbfqwEXzizccP3b07TPPPOPjE8ePvtrR0tBbXr4zra58T8jSpUs9VAdGiSwzMth/54UXnAcnjh2GifHRd48fPfJid1fbGTU1NQbVgdnZ2Z57tm/efu45Z33d21YN25emwFh/K8xMjd87NtZFa6KTLCjNl4cH++4979xzYNuyDFhT7IDW2r1P5CVHsJoAKuG+ZcOqRgX49RlnnPHNvvVlny3OspzOiBXWxsdjf00MM7lp8bOOHp7pOHHsSGNHR+vOudny2Pxk09v5cWxdXgTDam4cLEmS9IkysWVuUuArpUnsdHwYtmpuoI6PR14Rdn1hWTz5dGkye2nEHyWphJsmgH9iokUivTTO8NT8NHyfzWYgMyK5pRYLxctWQ75mprpU2S8xNUTf5CzV2CDOJknIx2ZDvpqai0XRaHD2+GSlqjmOoJ1pzS0WJEnySQqj92RGkhcYjb4WzQGVcJPtTFRZEn1vZrjuOuXfS5PLrZhQpmBJOvNWokN/DGPkr8n1YJRMr12cTr+e5NDXBwdTOoSQB0Egk/LQzpJVHaiEe7SD3jM/xfR0QijTGyFSXbnR1Hl5MdT5dl6/GyPkr/qKmqZpIi2K7902R/pifLPw402NGO5sxdC2nPkEm/y3qQ5Uwicziq3r2xzybctqEW5vFeCFER4e7MJQFEd9Gqj3KFIVaPRFlh2l9Ed3dVhgfFc4dK4T4a52BTmM4b4OFuan0J9bmICLI+zUM6zRr+2/r2KjZ0b5XPqH54d5uKXVDhO7wmBqhx3ubBPg5iYMfWsYqFrAwJZCGkTBcMF/DgzCuqnOlQw83ofh5TEerm8WYWBrCJzcFwSP9wvwyhiG54YwzGxlQeT1R/5zoMDo+lZkMXBROQdvTWEFykP/plkwuj0Yztxvg6cHebinHcMFBzlID6deU6OTeJEEyiqIpe65t5375cYGDi4s5+GMipBfhrc6IELi7jQZ/A4qzwFajyTVNu600afk4Hzuxaal3M+3t/JwQYXw7pqS0BfKF9q+sWGy3oaQr6onC0p4WhjdvKQQ02MPdfPQuZJ71Wpl5+TEcPcmhpiuDPRDgiaOPuyCvs7Z3jYXMI+LbADDBRJhslmfKCHkowkgSSJbnIO6RzKTLc5q/T+cbrmALqAL+CsxYV38S09FlgAAAABJRU5ErkJggg==');
}

.icon40.staf:before {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAFCElEQVR4Ae2YA2AjCRSGs66zE09Yxjbq9ny3tm3btm3btm3btmosknfzzvb0lDTmN//7n8r4tGnbf/TlnwLiB/QD+gH9gNSpEEEERaui+FNVEfyTrLAA9Q/fww9kBPM5RGUBn1OTySzCKTBA6lQEgZwacmrfWsr0cgmyZxxmkAmhv/s+fM+HTunWthXkr4xychg7sAhJOyB1Ksxihahi9aI5k1pos3cNtUHb8jHPUCUxgxH43YNgMoMsn7gku5Z1N8HoJtosbQx/IiswUEQrIIsVFhVrEE6b1saYfXaSE27M8sDRsS5oVjr6iojkVUBICq4oQRAap5acMayBMnfvMAtcnOqG4Q3VuboYciRBBEhoA9TJycmjmugydgy2womxNrg01Ql35sbB4bEub9sKirMCLrcWjwg14EGMaaJ6iXBnJjrg+kwP4O2AuooXBjk5HD1JC6A6kr+3akrE01blol9s6meCk+PscGWaC+7PT4CTEz3eTlWUNxItkr0TmmvSdg8x+85SULdmx8LDhYmwoqcF2lWI8VVKkl0tGRIQT1uIUSGJkFun/sdR1zb2M3lRyWsz3BREPFyZHufD5w6PssL5SQ5AdRF+ZS/bG4dWuBy9Sn22KZPJIGgtM+g1iZBTuWmpyAvbB5q8pyfY4eYsNzxZnAgY9otTnBRYHDxYkACLu1vy0Y+YxehP6lKsQAo1STCChAJuvfYVYm4fGvmlYjMac2B8rVA4MFQLL5Ymwob+9vx4s2QWJgaWoQLtJFhKMNwfOKR79o5welExhBtdtRBs7SOHy5Q3+9dRP4qU8htxOIyQAu4kX9bDVJt0yoqe1lcvliWhYrC9nwJ29pPDuQlmTB7A8DcuFX0MSxD1mRK0A2L7YjOLK1G5BIts6tIe5hfPliT70pYnwe3ZHgrKCY8XJULmqmR4hElDPd452PKuSemYCwIupwp6kFZAqs6Vx/ZVMSlq2+Ju1pyXy5MhY2Ui3JvnweSApd2N+eNbGh5fmxXvzaIgny6Ox+SBAyNt0Piz6KskySuLCUYbIIaqY2XVC2xxaSuSASEeLYiDq9OdML+jIQ8TQhlBtuhZU33m+uwEb/66VHi+JAHVRUhvi7Ly02KSVx0zmRbAsDAGy6wU9Z/aWp+J6jxZlAB35nhgeQ/TG49ROrtkyQAZQRDMCBGvRs9amqsY7rcbUuHVsniEhONj7e/aVFBc5nGYDRCSliTh8YL5RpV41PxOphwszhv6WcCtl6zCQQBLyXdLUM9a2jvYRXyb3//GCqcnOr3tKykuoydlDEYALVmMRdeuEw+Z18X6fGgjvU8m4Tf4YQJg1oZLBTUH1ddffr48xQvbSkEmBflw/pdKti4vPykheaXxfTQNrAESj1E2tE0F5bVoGdnmp0KG9Q/hhzU23sxa/Z4PdpSFnNVJlG9j4cgYh7d5mZjzYjGvqojH03O53Ki/fOTHqYTNDk7C25/rFBhGkuS0GdHUcDNtJaXkrkqQtzYZni+OwwkHulRTPWlUSv7EoBTv/Nt2EoSMkJINhjXSX/oSsgq8WZ+CyYOjGCzpZs2wa6WTChzwh0U+OoKsPrCe7lb2mlSAPdURErYMcmR/7IqchpPS377VYXZjbx7TVJ/2dEkSbB5oz/nYHTFXwGWpsX3+I9ZOyo/mxqXkL+Z0MmWkOmRTv4Ir8o/Zi7GXmzXSozaNeCqurr99DPP/Z8EP6Af0A/oBPwe+uMsS81UAMAAAAABJRU5ErkJggg==');
}

.btn.desktop {
  color: #3cf4e1;
  width: 240px;
  height: 56px;
  padding: 0;
  position: relative;
  z-index: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none !important;
  border: none !important;
}

.btn.desktop > div {
  border: none;
  color: inherit;
  background: url("../im/ui_btn_desktopmenu_blue.png") no-repeat left top;
  padding: 19px 19px 19px 65px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.btn.desktop > div i {
  position: absolute;
  left: 11px;
  top: 20px;
}

.btn.desktop > div:before, .btn.desktop > div:after {
  display: none;
}

.btn.desktop > i, .btn.desktop > b {
  display: none !important;
}

.btn.desktop:before, .btn.desktop:after {
  content: '';
  display: block;
}

.btn.desktop:before {
  -ms-pointer-events: none !important;
  pointer-events: none !important;
  background: url("../im/ui_btn_desktopmenu_shadow.png") no-repeat left top;
  position: absolute;
  z-index: -1;
  top: -2px;
  left: -4px;
  width: 250px;
  height: 74px;
}

.btn.desktop:after {
  -ms-pointer-events: none !important;
  pointer-events: none !important;
  background: url("../im/ui_btn_desktopmenu_blue.png") no-repeat left top;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 250px;
  height: 65px;
}

.btn.desktop:hover {
  transform: translate(-1px, 0);
  z-index: 20 !important;
}

.btn.desktop:hover div {
  color: #fff !important;
}

.btn.desktop:hover:before {
  top: 4px;
}

.btn.desktop:active:before {
  top: -3px;
}

.btn.desktop.red {
  color: #f8aa77;
}

.btn.desktop.red > div {
  background-image: url("../im/ui_btn_desktopmenu_red.png");
}

.btn.desktop.red:after {
  background-image: url("../im/ui_btn_desktopmenu_red.png");
}

.btn.desktop.green {
  color: #a8f5b3;
}

.btn.desktop.green > div {
  background-image: url("../im/ui_btn_desktopmenu_green.png");
}

.btn.desktop.green:after {
  background-image: url("../im/ui_btn_desktopmenu_green.png");
}

.btn.desktop.right > div {
  text-align: right;
  padding: 19px 65px 19px 19px;
  background-image: url("../im/ui_btn_desktopmenu_blue_right.png");
}

.btn.desktop.right > div i {
  left: auto;
  right: 0px;
}

.btn.desktop.right:before {
  background-image: url("../im/ui_btn_desktopmenu_shadow_right.png");
}

.btn.desktop.right:after {
  background-image: url("../im/ui_btn_desktopmenu_blue_right.png");
}

.btn.desktop.right:hover {
  transform: translate(1px, 0);
}

.btn.desktop.right.red > div {
  background-image: url("../im/ui_btn_desktopmenu_red_right.png");
}

.btn.desktop.right.red:after {
  background-image: url("../im/ui_btn_desktopmenu_red_right.png");
}

.btn.desktop.right.green > div {
  background-image: url("../im/ui_btn_desktopmenu_green_right.png");
}

.btn.desktop.right.green:after {
  background-image: url("../im/ui_btn_desktopmenu_green_right.png");
}

.appMenu .btn .icon40 {
  display: inline-block;
}


@media screen and (min-width: 289px) {
	.appContent h2 {font-size: 16px;}
	.appWrap {max-width: 320px;}

	.r_t1 {background: url("r/32/tr1.jpg");}
	.r_t2 {background: url("r/32/tr2.jpg");}
	.r_t3 {background: url("r/32/tr3.jpg");}
	.r_t4 {background: url("r/32/tr4.jpg");}
	.r_t5 {background: url("r/32/tr5.jpg");}
	.r_t6 {background: url("r/32/tr6.jpg");}
	.r_t7 {background: url("r/32/tr7.jpg");}
	.r_t8 {background: url("r/32/tr8.jpg");}
	.r_t9 {background: url("r/32/tr9.jpg");}
	
	.ru1 {background: url("r/32/u1.jpg");}
	.ru2 {background: url("r/32/u2.jpg");}
	.ru3 {background: url("r/32/u3.jpg");}
	.ru4 {background: url("r/32/u4.jpg");}
	.ru5 {background: url("r/32/u5.jpg");}
	.ru6 {background: url("r/32/u6.jpg");}
	.ru7 {background: url("r/32/u7.jpg");}
	.ru8 {background: url("r/32/u8.jpg");}
	.ru9 {background: url("r/32/u9.jpg");}
	.ru10 {background: url("r/32/u10.jpg");}
	
	.cu1 {background: url("c/32/u1.jpg");}
	.cu2 {background: url("c/32/u2.jpg");}
	.cu3 {background: url("c/32/u3.jpg");}
	.cu4 {background: url("c/32/u4.jpg");}
	.cu5 {background: url("c/32/u5.jpg");}
	.cu6 {background: url("c/32/u6.jpg");}
	.cu7 {background: url("c/32/u7.jpg");}
	.cu8 {background: url("c/32/u8.jpg");}
	.cu9 {background: url("c/32/u9.jpg");}
	.cu10 {background: url("c/32/u10.jpg");}
	.cu11 {background: url("c/32/u11.jpg");}
	.cu12 {background: url("c/32/u12.jpg");}
	.cu13 {background: url("c/32/u13.jpg");}
	.cu14 {background: url("c/32/u14.jpg");}
	.cu15 {background: url("c/32/u15.jpg");}
	.cu16 {background: url("c/32/u16.jpg");}
	.cu17 {background: url("c/32/u17.jpg");}
	.cu18 {background: url("c/32/u18.jpg");}
	.cu19 {background: url("c/32/u19.jpg");}
	.cu20 {background: url("c/32/u20.jpg");}
	.cu21 {background: url("c/32/u21.jpg");}
	.cu22 {background: url("c/32/u22.jpg");}
	.cu23 {background: url("c/32/u23.jpg");}
	.cu24 {background: url("c/32/u24.jpg");}
	.cu25 {background: url("c/32/u25.jpg");}
	.cu26 {background: url("c/32/u26.jpg");}
	.cu27 {background: url("c/32/u27.jpg");}
	.cu28 {background: url("c/32/u28.jpg");}
	.cu29 {background: url("c/32/u29.jpg");}
	.cu30 {background: url("c/32/u30.jpg");}
	.cu31 {background: url("c/32/u31.jpg");}
	.cu32 {background: url("c/32/u32.jpg");}
	
	.itr1 {background: url("o/32/it1.jpg");}
	.itr2 {background: url("o/32/it2.jpg");}
	.tSc1 {background: url("o/32/toSec1.jpg");}
	.tSc2 {background: url("o/32/toSec2.jpg");}
	.tSc3 {background: url("o/32/toSec3.jpg");}
	.tSc4 {background: url("o/32/toSec4.jpg");}
	.tSc5 {background: url("o/32/toSec5.jpg");}
	.p2Cd1 {background: url("o/32/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/32/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/32/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/32/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/32/p2Cd5.jpg");}
	.gxdm1 {background: url("o/32/gxdm1.jpg");}
	.gxdm2 {background: url("o/32/gxdm2.jpg");}
	
	.bckk {background: url("o/32/back.jpg");}
	.lnd {background: url("o/32/lnd.jpg");}

  .bsImage, .rd2 {
    height: 133px;
  }
  .bspi {
    height: 160px;
  }
  .lhd {height: 67px;}

  .progressBox {
    font-size: 12px;
  }
  
  .progressBox .container {
    padding: 0 8px;
  }
  
  .progressBox .total:before, .progressBox .total:after {
    content: '';
    display: block;
    width: 7px;
    height: 12px;
    position: absolute;
    top: -3px;
    background: no-repeat center center;
  }
  
  .progressBox .total:before {
    left: -7px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAA7UlEQVR4AWPABvwtVAqa0oJXYkiE6CoX7OmP/ffp+PQtKBJRhkoFp6bm//u4s/H/llrvVXCJNDOFgisLs/593l/7f2Gm6fUmD2UJsESWjVLB/SVV/97tqPk/LUn9erCKGkQiPcA0/8mGun9Plxf9bwzUuO6jqioBN64px+/SzqaA/2sL7f5H6ioFoTjCRlfDpcxb+9mifM//S6vCfqTZK8aiKHBS1xAt9jHZPDXf5/+8iuD/xZ567Y0hbkxwBfYa6owZnvp5kwt9f8wp9/vfEmu/HiMQkt3V9fuLPK8vbE74jzX4wpxVuRpyQ2cDAFp1W9uPW7VZAAAAAElFTkSuQmCC');
  }
  
  .progressBox .total:after {
    right: -7px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAA6UlEQVQY02NoSgte6W+hUsCADXw6Pn3Lnv7YfyG6ypgKttR6r/q4s/H/qan5/6IMlVAVNHkoSyzMNL3+eX/t/ysLs/6lmSmgKghWUZOYlqR+/d2Omv/3l1T9y7JBM8FHVVWiMVDj+tPlRf+fbKj7lx5gmo+iIFJXKWhtod3/nU0B/5ty/C7BJdLsFWOXVoX9WJTv+b/MW/uZja6GC0NjiBtTsade+7yK4P9T833+F/uYbHZS1xAF62iJtV8/p9zv/+RC3x8Znvp59hrqjHDjFjYn/O8v8rye7K6ujxEIDbmhs8OcVbmwhR4A68Rb22QBO+IAAAAASUVORK5CYII=');
  }

  .scoreBox {
    font-size: 13px;
  }

  .appContent {
    padding: 3px 0;
  }

  .userEquipment {
    width: 234px;
  }

  .userEquip .btn {
    margin: 2px;
  }

  .map24 {
    display: none !important;
  }

  .map32 {
    display: block !important;
  }

  .map36 {
    display: none !important;
  }

  .map40 {
    display: none !important;
  }

  .map44 {
    display: none !important;
  }

  .map48 {
    display: none !important;
  }

  .map56 {
    display: none !important;
  }

  .map64 {
    display: none !important;
  }

  .map72 {
    display: none !important;
  }
}

@media screen and (min-width: 349px) {
	.appWrap {max-width: 360px;}
	.appContent h2 {font-size: 18px;}
	.placeNav .back, .placeNav .prev, .placeNav .next {margin-top: -5px;}

	.r_t1 {background: url("r/36/tr1.jpg");}
	.r_t2 {background: url("r/36/tr2.jpg");}
	.r_t3 {background: url("r/36/tr3.jpg");}
	.r_t4 {background: url("r/36/tr4.jpg");}
	.r_t5 {background: url("r/36/tr5.jpg");}
	.r_t6 {background: url("r/36/tr6.jpg");}
	.r_t7 {background: url("r/36/tr7.jpg");}
	.r_t8 {background: url("r/36/tr8.jpg");}
	.r_t9 {background: url("r/36/tr9.jpg");}
	
	.ru1 {background: url("r/36/u1.jpg");}
	.ru2 {background: url("r/36/u2.jpg");}
	.ru3 {background: url("r/36/u3.jpg");}
	.ru4 {background: url("r/36/u4.jpg");}
	.ru5 {background: url("r/36/u5.jpg");}
	.ru6 {background: url("r/36/u6.jpg");}
	.ru7 {background: url("r/36/u7.jpg");}
	.ru8 {background: url("r/36/u8.jpg");}
	.ru9 {background: url("r/36/u9.jpg");}
	.ru10 {background: url("r/36/u10.jpg");}
	
	.cu1 {background: url("c/36/u1.jpg");}
	.cu2 {background: url("c/36/u2.jpg");}
	.cu3 {background: url("c/36/u3.jpg");}
	.cu4 {background: url("c/36/u4.jpg");}
	.cu5 {background: url("c/36/u5.jpg");}
	.cu6 {background: url("c/36/u6.jpg");}
	.cu7 {background: url("c/36/u7.jpg");}
	.cu8 {background: url("c/36/u8.jpg");}
	.cu9 {background: url("c/36/u9.jpg");}
	.cu10 {background: url("c/36/u10.jpg");}
	.cu11 {background: url("c/36/u11.jpg");}
	.cu12 {background: url("c/36/u12.jpg");}
	.cu13 {background: url("c/36/u13.jpg");}
	.cu14 {background: url("c/36/u14.jpg");}
	.cu15 {background: url("c/36/u15.jpg");}
	.cu16 {background: url("c/36/u16.jpg");}
	.cu17 {background: url("c/36/u17.jpg");}
	.cu18 {background: url("c/36/u18.jpg");}
	.cu19 {background: url("c/36/u19.jpg");}
	.cu20 {background: url("c/36/u20.jpg");}
	.cu21 {background: url("c/36/u21.jpg");}
	.cu22 {background: url("c/36/u22.jpg");}
	.cu23 {background: url("c/36/u23.jpg");}
	.cu24 {background: url("c/36/u24.jpg");}
	.cu25 {background: url("c/36/u25.jpg");}
	.cu26 {background: url("c/36/u26.jpg");}
	.cu27 {background: url("c/36/u27.jpg");}
	.cu28 {background: url("c/36/u28.jpg");}
	.cu29 {background: url("c/36/u29.jpg");}
	.cu30 {background: url("c/36/u30.jpg");}
	.cu31 {background: url("c/36/u31.jpg");}
	.cu32 {background: url("c/36/u32.jpg");}
	
	.itr1 {background: url("o/36/it1.jpg");}
	.itr2 {background: url("o/36/it2.jpg");}
	.tSc1 {background: url("o/36/toSec1.jpg");}
	.tSc2 {background: url("o/36/toSec2.jpg");}
	.tSc3 {background: url("o/36/toSec3.jpg");}
	.tSc4 {background: url("o/36/toSec4.jpg");}
	.tSc5 {background: url("o/36/toSec5.jpg");}
	.p2Cd1 {background: url("o/36/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/36/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/36/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/36/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/36/p2Cd5.jpg");}
	.gxdm1 {background: url("o/36/gxdm1.jpg");}
	.gxdm2 {background: url("o/36/gxdm2.jpg");}
	
	.bckk {background: url("o/36/back.jpg");}
	.lnd {background: url("o/36/lnd.jpg");}
	
  .lhd {height: 75px;}
  .bsImage, .rd2 {
    height: 150px;
  }
  .bspi {
    height: 180px;
  }
  
  .appMenu {
    padding: 10px 0;
  }
  
  .appMenu .btn {
    width: 46%;
    text-align: center;
    display: inline-block;
    margin: 5px;
    font-size: 12px;
  }
  
  .appMenu .btwide {
    width: 95.6% !important;
    margin: 5px 0;
  }
  
  .appMenu .btn b {
    display: block;
    margin-top: 10px;
  }

  .btn.big {
    min-width: 220px;
  }
  
  .btn.meta > a,
  .btn.meta > div {
    font-size: 15px;
  }
  
  .col-3 .btn.meta > a {
    padding-left: 55px;
    text-align: left;
  }
  
  .col-3 .btn.meta > a > img,
  .col-3 .btn.meta > a > i {
    position: absolute;
    top: 50%;
    margin: -20px 0 0 0;
    left: 3px;
    z-index: 5;
  }

  .appPanel.gray, .appPanel.graygreen, .appPanel.graybrown {
    padding: 15px;
  }
  
  .appPanel.graygreen2 {
    padding: 5px 10px;
  }

  .gameActions .btn {
    display: inline-block;
    width: 47%;
    margin-left: 1%;
    margin-right: 1%;
  }

  .personItem .btn > div {
    padding: 0;
  }
  
  .personItem .btn > div img {
    width: 140px;
    height: auto;
  }

  .userEquip .btn {
    margin: 4px;
  }

  .imTd {
    width: 120px;
  }

  .map32 {
    display: none !important;
  }

  
  .map36 {
    display: inline-block !important;
  }
  
  .mbl2col > div > div {
   	margin-left:0px!important;
   	font-size:15px !important
  }
  
  .mbl2col > div > img {
  	left:3px !important;
  }
}

@media screen and (min-width: 389px) {
	.appMenu .btwide {
      width: 94.8% !important;
      margin: 5px 0;
    }
	.appWrap {max-width: 400px;}

	.r_t1 {background: url("r/40/tr1.jpg");}
	.r_t2 {background: url("r/40/tr2.jpg");}
	.r_t3 {background: url("r/40/tr3.jpg");}
	.r_t4 {background: url("r/40/tr4.jpg");}
	.r_t5 {background: url("r/40/tr5.jpg");}
	.r_t6 {background: url("r/40/tr6.jpg");}
	.r_t7 {background: url("r/40/tr7.jpg");}
	.r_t8 {background: url("r/40/tr8.jpg");}
	.r_t9 {background: url("r/40/tr9.jpg");}
	
	.ru1 {background: url("r/40/u1.jpg");}
	.ru2 {background: url("r/40/u2.jpg");}
	.ru3 {background: url("r/40/u3.jpg");}
	.ru4 {background: url("r/40/u4.jpg");}
	.ru5 {background: url("r/40/u5.jpg");}
	.ru6 {background: url("r/40/u6.jpg");}
	.ru7 {background: url("r/40/u7.jpg");}
	.ru8 {background: url("r/40/u8.jpg");}
	.ru9 {background: url("r/40/u9.jpg");}
	.ru10 {background: url("r/40/u10.jpg");}
	
	.cu1 {background: url("c/40/u1.jpg");}
	.cu2 {background: url("c/40/u2.jpg");}
	.cu3 {background: url("c/40/u3.jpg");}
	.cu4 {background: url("c/40/u4.jpg");}
	.cu5 {background: url("c/40/u5.jpg");}
	.cu6 {background: url("c/40/u6.jpg");}
	.cu7 {background: url("c/40/u7.jpg");}
	.cu8 {background: url("c/40/u8.jpg");}
	.cu9 {background: url("c/40/u9.jpg");}
	.cu10 {background: url("c/40/u10.jpg");}
	.cu11 {background: url("c/40/u11.jpg");}
	.cu12 {background: url("c/40/u12.jpg");}
	.cu13 {background: url("c/40/u13.jpg");}
	.cu14 {background: url("c/40/u14.jpg");}
	.cu15 {background: url("c/40/u15.jpg");}
	.cu16 {background: url("c/40/u16.jpg");}
	.cu17 {background: url("c/40/u17.jpg");}
	.cu18 {background: url("c/40/u18.jpg");}
	.cu19 {background: url("c/40/u19.jpg");}
	.cu20 {background: url("c/40/u20.jpg");}
	.cu21 {background: url("c/40/u21.jpg");}
	.cu22 {background: url("c/40/u22.jpg");}
	.cu23 {background: url("c/40/u23.jpg");}
	.cu24 {background: url("c/40/u24.jpg");}
	.cu25 {background: url("c/40/u25.jpg");}
	.cu26 {background: url("c/40/u26.jpg");}
	.cu27 {background: url("c/40/u27.jpg");}
	.cu28 {background: url("c/40/u28.jpg");}
	.cu29 {background: url("c/40/u29.jpg");}
	.cu30 {background: url("c/40/u30.jpg");}
	.cu31 {background: url("c/40/u31.jpg");}
	.cu32 {background: url("c/40/u32.jpg");}
	
	.itr1 {background: url("o/40/it1.jpg");}
	.itr2 {background: url("o/40/it2.jpg");}
	.tSc1 {background: url("o/40/toSec1.jpg");}
	.tSc2 {background: url("o/40/toSec2.jpg");}
	.tSc3 {background: url("o/40/toSec3.jpg");}
	.tSc4 {background: url("o/40/toSec4.jpg");}
	.tSc5 {background: url("o/40/toSec5.jpg");}
	.p2Cd1 {background: url("o/40/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/40/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/40/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/40/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/40/p2Cd5.jpg");}
	.gxdm1 {background: url("o/40/gxdm1.jpg");}
	.gxdm2 {background: url("o/40/gxdm2.jpg");}
	
	.bckk {background: url("o/40/back.jpg");}
	.lnd {background: url("o/40/lnd.jpg");}

  .lhd {height: 83px;}
  .bsImage, .rd2 {
    height: 167px;
  }
  .bspi {
    height: 200px;
  }
  
  .row {
    clear: both;
    font-size: 0;
    margin: 2px -2px;
  }
  
  .row .appPanel:first-child {
    margin-top: 0;
  }
  
  .row .appPanel:last-child {
    margin-bottom: 0;
  }

  .colr-1, .colr-2, .colr-3, .colr-4, .colr-5, .colr-6 {
    padding: 0 2px;
    display: inline-block;
    vertical-align: top;
  }

  .colr-1 {
    width: 16.66%;
  }

  .colr-2 {
    width: 33.33%;
  }

  .colr-3 {
    width: 50%;
  }

  .colr-4 {
    width: 66.66%;
  }

  .colr-5 {
    width: 83.33%;
  }

  .colr-6 {
    width: 100%;
  }

  h4 {
    font-size: 15px;
  }

  .gameActions .ruSh
  > div {
    padding-left: 55px !important;
    text-align: left;
  }

  .gameActions .ruSh
  > div > img,
  .gameActions .ruSh
  > div > i {
    position: absolute;
    top: 50%;
    margin: -20px 0 0 5px !important;
    left: 3px;
    z-index: 5;
  }

  .ftS {
    font-size: 8pt;
  }

  .ftM {
    font-size: 10pt;
  }

  .ftB {
    font-size: 12pt;
  }
  
  .ftVB {
    font-size: 14pt;
  }

  .map36 {
    display: none !important;
  }

  .map40 {
    display: inline-block !important;
  }
}

@media screen and (min-width: 439px) {
  
  .map40 {
    display: none !important;
  }

  
  .map44 {
    display: inline-block !important;
  }
}

@media screen and (min-width: 459px) {
	.appFooter:after {
	    display: block;
	    content: '';
	    height: 13px;
	    background: #0e0907 repeat-x;
	    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAANCAIAAADntZOlAAAAM0lEQVR4AWMIMldj8DNVZYh30GFmZWZiZmJkZGYB0kA2ExAxyIrwMVipSwOZTCBxJiAGAHUaAzQv6lxkAAAAAElFTkSuQmCC');
	  }
	.appWrap {max-width: 490px;}

	.r_t1 {background: url("r/48/tr1.jpg");}
	.r_t2 {background: url("r/48/tr2.jpg");}
	.r_t3 {background: url("r/48/tr3.jpg");}
	.r_t4 {background: url("r/48/tr4.jpg");}
	.r_t5 {background: url("r/48/tr5.jpg");}
	.r_t6 {background: url("r/48/tr6.jpg");}
	.r_t7 {background: url("r/48/tr7.jpg");}
	.r_t8 {background: url("r/48/tr8.jpg");}
	.r_t9 {background: url("r/48/tr9.jpg");}
	
	.ru1 {background: url("r/48/u1.jpg");}
	.ru2 {background: url("r/48/u2.jpg");}
	.ru3 {background: url("r/48/u3.jpg");}
	.ru4 {background: url("r/48/u4.jpg");}
	.ru5 {background: url("r/48/u5.jpg");}
	.ru6 {background: url("r/48/u6.jpg");}
	.ru7 {background: url("r/48/u7.jpg");}
	.ru8 {background: url("r/48/u8.jpg");}
	.ru9 {background: url("r/48/u9.jpg");}
	.ru10 {background: url("r/48/u10.jpg");}
	
	.cu1 {background: url("c/48/u1.jpg");}
	.cu2 {background: url("c/48/u2.jpg");}
	.cu3 {background: url("c/48/u3.jpg");}
	.cu4 {background: url("c/48/u4.jpg");}
	.cu5 {background: url("c/48/u5.jpg");}
	.cu6 {background: url("c/48/u6.jpg");}
	.cu7 {background: url("c/48/u7.jpg");}
	.cu8 {background: url("c/48/u8.jpg");}
	.cu9 {background: url("c/48/u9.jpg");}
	.cu10 {background: url("c/48/u10.jpg");}
	.cu11 {background: url("c/48/u11.jpg");}
	.cu12 {background: url("c/48/u12.jpg");}
	.cu13 {background: url("c/48/u13.jpg");}
	.cu14 {background: url("c/48/u14.jpg");}
	.cu15 {background: url("c/48/u15.jpg");}
	.cu16 {background: url("c/48/u16.jpg");}
	.cu17 {background: url("c/48/u17.jpg");}
	.cu18 {background: url("c/48/u18.jpg");}
	.cu19 {background: url("c/48/u19.jpg");}
	.cu20 {background: url("c/48/u20.jpg");}
	.cu21 {background: url("c/48/u21.jpg");}
	.cu22 {background: url("c/48/u22.jpg");}
	.cu23 {background: url("c/48/u23.jpg");}
	.cu24 {background: url("c/48/u24.jpg");}
	.cu25 {background: url("c/48/u25.jpg");}
	.cu26 {background: url("c/48/u26.jpg");}
	.cu27 {background: url("c/48/u27.jpg");}
	.cu28 {background: url("c/48/u28.jpg");}
	.cu29 {background: url("c/48/u29.jpg");}
	.cu30 {background: url("c/48/u30.jpg");}
	.cu31 {background: url("c/48/u31.jpg");}
	.cu32 {background: url("c/48/u32.jpg");}
	
	.itr1 {background: url("o/48/it1.jpg");}
	.itr2 {background: url("o/48/it2.jpg");}
	.tSc1 {background: url("o/48/toSec1.jpg");}
	.tSc2 {background: url("o/48/toSec2.jpg");}
	.tSc3 {background: url("o/48/toSec3.jpg");}
	.tSc4 {background: url("o/48/toSec4.jpg");}
	.tSc5 {background: url("o/48/toSec5.jpg");}
	.p2Cd1 {background: url("o/48/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/48/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/48/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/48/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/48/p2Cd5.jpg");}
	.gxdm1 {background: url("o/48/gxdm1.jpg");}
	.gxdm2 {background: url("o/48/gxdm2.jpg");}
	
	.bckk {background: url("o/48/back.jpg");}
	.lnd {background: url("o/48/lnd.jpg");}

  body {
    padding: 7px 15px;
  }

  html {
    background-image: url('data:image/jpeg;base64,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');
  }
  .lhd {height: 100px;}
  .bsImage, .rd2 {
    height: 200px;
  }
  .bspi {
    height: 240px;
  }
  .hd400 {
    display: inline-block !important;
  }
  
  .map44 {
    display: none !important;
  }

  .map48 {
    display: inline-block !important;
  }

  .personItem .btn > div {
    padding: 7px;
  }

  .appMenu .btn {
    text-align: left;
    font-size: 15px;
  }
  
  .appMenu .btn b {
    display: inline-block;
    margin-top: 0;
  }

  .appContent {
    padding: 3px 5px;
  }
  .appContent .progressBox__wrap > *:first-child {
    text-align: left;
  }
  
  .appContent .progressBox__wrap > *:last-child {
    text-align: right;
  }
  
  .appContent .progressBox__container {
    width: 70%;
  }

  .appHeader {
    padding: 0;
  }
  
  .appHeader:before {
    content: '';
    display: block;
    height: 11px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 200;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAALCAIAAAAx7HC4AAAAMElEQVQIW2PoNpNgmGErzTDRSoZhOpBuN5VgSNcUYphkKQUWq9IXZWgwFmdoNBYHANTOCTXKjn0TAAAAAElFTkSuQmCC') repeat-x;
  }
  
  .appHeader:after {
    content: '';
    display: block;
    height: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 200;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAICAIAAAC3eAIWAAAAJElEQVQIW2Mo0RdhqDQQYUjWFGKIVhUA4xQNQYZEdUGGODUBAFXVBP3f5lxHAAAAAElFTkSuQmCC') repeat-x;
  }
  
  .appHeader .graphsArea,
  .appHeader .scoreArea {
    margin: 2px auto;
  }

  .appWrap {
    border: 1px solid #18110d;
    border-top: none;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
    width: 100%;
  }
  
  .appWrap .headerpins:after, .appWrap .headerpins:before {
    content: '';
    width: 17px;
    height: 25px;
    position: absolute;
    top: -5px;
    margin: -1px;
    z-index: 200;
  }
  
  .appWrap .headerpins:before {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAACOklEQVR4AY2VA5AYQRBFY9u2beds27Zt2y7Etm3bdiG27eRnZs8325Xrqrfsfes/dWpRjZP1eiYscBlxf1vE9N9bY9ReJdlO3Mq2mzIG8P3/EzRM1e60fF+yDt4dyMSfC7Px5Vg+Hq4JxIJQzRtsv0uZiK5Y5dah2yIVgHNFAi83hyLRceZx1mbCoCtNo+2tV5sDgRMpAj8PxeP8bOePrC2aOr4+o3WmVttffw4EA4dCZXm2IeAv68uVFWRaDLFc5DXheJZWW2CvN8mLjYFg/YWCINGgj/n6gAl4tjUOkmSnC4mcpF6UZnfDpW7D8Gi1N3AitVSyzYFCkNQLVOyoOde2P+4tMAP2+UhIks32FNUkdX2mtVEuMe2OO8VawDbHCmotCZ7RanS+fkdcz1UVmiTJFnuSCkmiapu5F9IVBEGFZJM9STXJuYRp+LXcQoBL/q6xIxFu51TocLzKnlQNLvm+0JCk2oP1ntpGgT/Yfe49ccWvWwVc8q5QgUR4xQEKHdTn2PTDEqtuWGLcliNJHieNIJH92MLVu2ktdhmKFI0uCBjfTJLcDO5JQn329dhnb7TGdyzi1LpIkqOuHUkoCa/6aWaDjRZ4TjjIJavNaESJGAUtuSRfsw1FNQlZPE/Cp7RAmAzhU1uSeSIkm8vghrDqVVcgcEI7MtmEjE1SbQf7wQ0EtkWrEhlLpH22fjcETW8Nz3FNEabQHutDZoBOe3rcSWTjzoPtETN+b41Ve51sN2kb225WPu78AwFoxEot5+CvAAAAAElFTkSuQmCC');
    right: 100%;
  }
  
  .appWrap .headerpins:after {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAACR0lEQVR4AZXVA5AcQRTH4di27aRwtm37FreMbdu2bdu2bdu2/+meqnTQ+w5T9SvMTH+r2dfZ2JGXVYsVrXIovWaSpsGzdR1dvm/u5X93Vffg3sr1jA8F0Jkci1/Y3jcEr3cOxo8Tk/Fh3wjcWdISx8anLGDXc2eERAfXzb9/QxdP4Nhoqaer2+HMdEOnjJAunTyKvn2+pjVwoK/U1109cG9J86sZIcMGBRT/+XNnW2BXO4s9XtHqB7uvKCsXhYwaHFgc2NqE7MnKVljc1u3QrJZuKez+nDSyUUfGkWebeuPQsHAsaO+bKCAJWacm4wgO9MOLtW1xelw8lnQNjuGQjKxWkSnItqZKr1bocXmaGqt6R4SxtTmyhqzTiN4s0+D2fCNW9Yn2VyCBrFFRcUSC3y3T4tGy5tg3Vu0sEKxSEUmI6MNKPW4sbDZPID+XpJJx5Nv8eKl3izQcmSuQzzMjyDjybIj9Pz0aF6h8nIMTtI4CeTXKnYwjZ5pXEJ3vYYPb8wxY2SfK758v9n7vRmQcmRNVXGmNuR4uTVVhec/wIOknvtimMhlHWtoUwLCIajg5JhZLuwZHWnzY9upLk3GkV0BF7B8UjLntfGLJx35xLB1HFrR23Tm1qYt4BxaREQHFyDjC7issAGqetHcsBEt1cCr8e55kPNnS6uRGYpXsUq1sS0iTjZyxvbyLQ1U3l9S6Lj7EjCWm/eCwCmjtXARm6/xo71ESK9q5ZXbai30nRu1Yeu0kTcPn6zu6sn0n4N7qHsF9M7Pv/AI1zdpv8Pp9JAAAAABJRU5ErkJggg==');
    left: 100%;
  }
  
  .appWrap:after, .appWrap:before {
    content: '';
    position: absolute;
    display: block;
    width: 8px;
    height: 100%;
    top: 0;
    margin: 1px;
    background: repeat-y;
  }
  
  .appWrap:before {
    right: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAApCAYAAAAI/2gYAAACLklEQVR4AWWTRZobQQyFh3mm0dwwzMzMzAz7bEKr8CqMhwhtk3sEDpALZJUzBBS9sivuSvn7xmNbv6SnJ3UBv5L8l+Y/L27WvE9atTTkx2g8TNCg59I/QAbPFiZpe6SHtoa7aSAKILjW30ZHs6N0tjhJi50N+Qpxo+ZV4Bo01xbQcnezAEeDeB7g7B/DQYzGwjhN1CcQFDoGMjkgYdZ8aImb1Jt2aIizAIwEESBmVN8MuUVX0sIfQAD6FL5TRx0JC+rVCgBKS4obMQl0TDdl0EYFuM2DJtYxGNXg6RW4vy2gYV8FUOEeAGR2p2wpNg8krNpvow0pOMhQnMbYj6H/rcaCDmdG6dLBJl0sTwvBArBrq/bgw8ZAh9jF3ni/CEKLdPJjJ/dFyaGsuOgu4GTNkwauAHEQBg3D0V1UlJW0plgDlPdlHGjRnYTVAVsNCKW1XeDkMInsjzYK4NZVX8/YdUL9TLOnAwmz9utwmEQQ48opVKMwphwVGnRABOI8BWuIjJmSAH5A5nx7mAW8CIAxm/ke+oRRagsJvGlP2jTOW1zqalIOJsVWP+UWvxY5sNLTgudC1cDB72MNSZrkP9wjbiI6JgDqTmavqD8jNKgA938HCAD+hFBfF/leVErpRysA/vPlshCU69YAZGsactu8Ip8sHIwG8DY/jzd7MAnb1J1ENrKmmtIS0JeF8eADAtqyAPSkbAC5KeK6D00xA44igMNRAaOqYhYLk26KVgz8BQTCVjEJdxMyAAAAAElFTkSuQmCC');
  }
  
  .appWrap:after {
    left: 100%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAApCAYAAAAI/2gYAAACIklEQVR4AW2TA6wdURiE99lvzWvus23bjNmgiuqoZmxXcdrYdopYjdmosVX83TmL3JO9SS73y/z/zJwjjCQ1ms3bNJbSyZI7yJDaPwqCkPRejveyhGEP2Bvvp92xPrpYmq6AQiCh0XTWpNOFCTqZG6P1gTKDOAXIbw657LXcnaW0JpEhtr8BwHYYT+tMZdFN02TGoFF/n18cED4YdFQqGRKZUvunCsAg7NJryeyV0UTSxbbbETDhAfjsNmVKqZ3EuwhGTGVMGg+yaKivywPgdsAL3wuGBPlHALgRWHDAUeMK2BqL9dsKlgUAhQe8QgZL6jRfTNJE1iJT7vgRAZh9uTxDV4626WR+gqayJh81FBASekAfW8NdLAelo/WQczGUUJkLvHpsBUl+5sqCk0EPwrI5lmT7s6huKMzkLALc5wG2t0NzY32ZG4GHsJvmo46CCvcIHSQ5AAHNFhzmJqF0ktbZdjNWFk7TQilJY1nbc9DxPQagi9Gkhlc8qLDuMYDVACy51lcMDg4H2OGIyEXRkEKbPIDjDheupQB4FwMwYqUnjxdG/PGifh4B6AL3AncUVmdLKUA/AYRLAsIO0dHHogyALcwGWPEQe3yIKaBq7nZzNlNoNMogVTWHkaoADkwKURsYBQBtXospbI/0+GEVEmjzawSMhMBwN45dpAKACwo3bIC9fCcxhdEA6rOrAFAAgIcFXeRzgAu8KlL8I7Y2L4TAf+lzVfGkaj01AAAAAElFTkSuQmCC');
  }

}

@media screen and (min-width: 519px) {  
  .placeNav {
    padding: 0 10px;
  }

  .userEquip .btn {
    margin: 0;
  }
}

@media screen and (min-width: 539px) {
	.appWrap {max-width: 570px;}

	.r_t1 {background: url("r/56/tr1.jpg");}
	.r_t2 {background: url("r/56/tr2.jpg");}
	.r_t3 {background: url("r/56/tr3.jpg");}
	.r_t4 {background: url("r/56/tr4.jpg");}
	.r_t5 {background: url("r/56/tr5.jpg");}
	.r_t6 {background: url("r/56/tr6.jpg");}
	.r_t7 {background: url("r/56/tr7.jpg");}
	.r_t8 {background: url("r/56/tr8.jpg");}
	.r_t9 {background: url("r/56/tr9.jpg");}
	
	.ru1 {background: url("r/56/u1.jpg");}
	.ru2 {background: url("r/56/u2.jpg");}
	.ru3 {background: url("r/56/u3.jpg");}
	.ru4 {background: url("r/56/u4.jpg");}
	.ru5 {background: url("r/56/u5.jpg");}
	.ru6 {background: url("r/56/u6.jpg");}
	.ru7 {background: url("r/56/u7.jpg");}
	.ru8 {background: url("r/56/u8.jpg");}
	.ru9 {background: url("r/56/u9.jpg");}
	.ru10 {background: url("r/56/u10.jpg");}
	
	.cu1 {background: url("c/56/u1.jpg");}
	.cu2 {background: url("c/56/u2.jpg");}
	.cu3 {background: url("c/56/u3.jpg");}
	.cu4 {background: url("c/56/u4.jpg");}
	.cu5 {background: url("c/56/u5.jpg");}
	.cu6 {background: url("c/56/u6.jpg");}
	.cu7 {background: url("c/56/u7.jpg");}
	.cu8 {background: url("c/56/u8.jpg");}
	.cu9 {background: url("c/56/u9.jpg");}
	.cu10 {background: url("c/56/u10.jpg");}
	.cu11 {background: url("c/56/u11.jpg");}
	.cu12 {background: url("c/56/u12.jpg");}
	.cu13 {background: url("c/56/u13.jpg");}
	.cu14 {background: url("c/56/u14.jpg");}
	.cu15 {background: url("c/56/u15.jpg");}
	.cu16 {background: url("c/56/u16.jpg");}
	.cu17 {background: url("c/56/u17.jpg");}
	.cu18 {background: url("c/56/u18.jpg");}
	.cu19 {background: url("c/56/u19.jpg");}
	.cu20 {background: url("c/56/u20.jpg");}
	.cu21 {background: url("c/56/u21.jpg");}
	.cu22 {background: url("c/56/u22.jpg");}
	.cu23 {background: url("c/56/u23.jpg");}
	.cu24 {background: url("c/56/u24.jpg");}
	.cu25 {background: url("c/56/u25.jpg");}
	.cu26 {background: url("c/56/u26.jpg");}
	.cu27 {background: url("c/56/u27.jpg");}
	.cu28 {background: url("c/56/u28.jpg");}
	.cu29 {background: url("c/56/u29.jpg");}
	.cu30 {background: url("c/56/u30.jpg");}
	.cu31 {background: url("c/56/u31.jpg");}
	.cu32 {background: url("c/56/u32.jpg");}
	
	.itr1 {background: url("o/56/it1.jpg");}
	.itr2 {background: url("o/56/it2.jpg");}
	.tSc1 {background: url("o/56/toSec1.jpg");}
	.tSc2 {background: url("o/56/toSec2.jpg");}
	.tSc3 {background: url("o/56/toSec3.jpg");}
	.tSc4 {background: url("o/56/toSec4.jpg");}
	.tSc5 {background: url("o/56/toSec5.jpg");}
	.p2Cd1 {background: url("o/56/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/56/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/56/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/56/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/56/p2Cd5.jpg");}
	.gxdm1 {background: url("o/56/gxdm1.jpg");}
	.gxdm2 {background: url("o/56/gxdm2.jpg");}
	
	.bckk {background: url("o/56/back.jpg");}
	.lnd {background: url("o/56/lnd.jpg");}

  .lhd {height: 117px;}
  .bsImage, .rd2 {
    height: 233px;
  }
  .bspi {
    height: 280px;
  }
  .map48 {
    display: none !important;
  }

  
  .map56 {
    display: inline-block !important;
  }
}

@media screen and (min-width: 639px) {
	.okH { top: 0; left: 0; z-index: 201; visibility: visible; }
	.okwt { visibility: hidden; display: none; width: 0 !important; height: 0 !important; }
	.r_t1 {background: url("r/64/tr1.jpg");}
	.r_t2 {background: url("r/64/tr2.jpg");}
	.r_t3 {background: url("r/64/tr3.jpg");}
	.r_t4 {background: url("r/64/tr4.jpg");}
	.r_t5 {background: url("r/64/tr5.jpg");}
	.r_t6 {background: url("r/64/tr6.jpg");}
	.r_t7 {background: url("r/64/tr7.jpg");}
	.r_t8 {background: url("r/64/tr8.jpg");}
	.r_t9 {background: url("r/64/tr9.jpg");}
	
	.ru1 {background: url("r/64/u1.jpg");}
	.ru2 {background: url("r/64/u2.jpg");}
	.ru3 {background: url("r/64/u3.jpg");}
	.ru4 {background: url("r/64/u4.jpg");}
	.ru5 {background: url("r/64/u5.jpg");}
	.ru6 {background: url("r/64/u6.jpg");}
	.ru7 {background: url("r/64/u7.jpg");}
	.ru8 {background: url("r/64/u8.jpg");}
	.ru9 {background: url("r/64/u9.jpg");}
	.ru10 {background: url("r/64/u10.jpg");}
	
	.cu1 {background: url("c/64/u1.jpg");}
	.cu2 {background: url("c/64/u2.jpg");}
	.cu3 {background: url("c/64/u3.jpg");}
	.cu4 {background: url("c/64/u4.jpg");}
	.cu5 {background: url("c/64/u5.jpg");}
	.cu6 {background: url("c/64/u6.jpg");}
	.cu7 {background: url("c/64/u7.jpg");}
	.cu8 {background: url("c/64/u8.jpg");}
	.cu9 {background: url("c/64/u9.jpg");}
	.cu10 {background: url("c/64/u10.jpg");}
	.cu11 {background: url("c/64/u11.jpg");}
	.cu12 {background: url("c/64/u12.jpg");}
	.cu13 {background: url("c/64/u13.jpg");}
	.cu14 {background: url("c/64/u14.jpg");}
	.cu15 {background: url("c/64/u15.jpg");}
	.cu16 {background: url("c/64/u16.jpg");}
	.cu17 {background: url("c/64/u17.jpg");}
	.cu18 {background: url("c/64/u18.jpg");}
	.cu19 {background: url("c/64/u19.jpg");}
	.cu20 {background: url("c/64/u20.jpg");}
	.cu21 {background: url("c/64/u21.jpg");}
	.cu22 {background: url("c/64/u22.jpg");}
	.cu23 {background: url("c/64/u23.jpg");}
	.cu24 {background: url("c/64/u24.jpg");}
	.cu25 {background: url("c/64/u25.jpg");}
	.cu26 {background: url("c/64/u26.jpg");}
	.cu27 {background: url("c/64/u27.jpg");}
	.cu28 {background: url("c/64/u28.jpg");}
	.cu29 {background: url("c/64/u29.jpg");}
	.cu30 {background: url("c/64/u30.jpg");}
	.cu31 {background: url("c/64/u31.jpg");}
	.cu32 {background: url("c/64/u32.jpg");}
	
	.itr1 {background: url("o/64/it1.jpg");}
	.itr2 {background: url("o/64/it2.jpg");}
	.tSc1 {background: url("o/64/toSec1.jpg");}
	.tSc2 {background: url("o/64/toSec2.jpg");}
	.tSc3 {background: url("o/64/toSec3.jpg");}
	.tSc4 {background: url("o/64/toSec4.jpg");}
	.tSc5 {background: url("o/64/toSec5.jpg");}
	.p2Cd1 {background: url("o/64/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/64/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/64/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/64/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/64/p2Cd5.jpg");}
	.gxdm1 {background: url("o/64/gxdm1.jpg");}
	.gxdm2 {background: url("o/64/gxdm2.jpg");}
	
	.bckk {background: url("o/64/back.jpg");}
	.lnd {background: url("o/64/lnd.jpg");}

  .lhd {height: 133px;}
  .bsImage, .rd2 {
    height: 267px;
  }
  .bspi {
    height: 320px;
  }
  
  .appWrap {
    max-width: 650px;
    margin: 15px auto;
    display: inline-block;
  }

  .appContent {
    min-height: 15vh;
  }

  .userEquip .btn {
    margin: 2px;
  }

  .map56 {
    display: none !important;
  }

  
  .map64 {
    display: inline-block !important;
  }
  .appMenu .btwide {
      width: 94.4% !important;
      margin: 5px 0;
    }
}

@media screen and (min-width: 719px) {
	.appMenu .btwide {
      width: 93.8% !important;
      margin: 5px 0;
    }
  .appHeader .graphsArea,
  .appHeader .scoreArea {
    max-width: 560px;
  }

  .map64 {
    display: none !important;
  }
  .appWrap {
    max-width: 730px;
  }
  
  .map72 {
    display: inline-block !important;
  }

  .lhd {height: 150px;}
 .bsImage, .rd2 {
    height: 300px;
  }
  .bspi {
    height: 360px;
  }

	.r_t1 {background: url("r/72/tr1.jpg");}
	.r_t2 {background: url("r/72/tr2.jpg");}
	.r_t3 {background: url("r/72/tr3.jpg");}
	.r_t4 {background: url("r/72/tr4.jpg");}
	.r_t5 {background: url("r/72/tr5.jpg");}
	.r_t6 {background: url("r/72/tr6.jpg");}
	.r_t7 {background: url("r/72/tr7.jpg");}
	.r_t8 {background: url("r/72/tr8.jpg");}
	.r_t9 {background: url("r/72/tr9.jpg");}
	
	.ru1 {background: url("r/72/u1.jpg");}
	.ru2 {background: url("r/72/u2.jpg");}
	.ru3 {background: url("r/72/u3.jpg");}
	.ru4 {background: url("r/72/u4.jpg");}
	.ru5 {background: url("r/72/u5.jpg");}
	.ru6 {background: url("r/72/u6.jpg");}
	.ru7 {background: url("r/72/u7.jpg");}
	.ru8 {background: url("r/72/u8.jpg");}
	.ru9 {background: url("r/72/u9.jpg");}
	.ru10 {background: url("r/72/u10.jpg");}
	
	.cu1 {background: url("c/72/u1.jpg");}
	.cu2 {background: url("c/72/u2.jpg");}
	.cu3 {background: url("c/72/u3.jpg");}
	.cu4 {background: url("c/72/u4.jpg");}
	.cu5 {background: url("c/72/u5.jpg");}
	.cu6 {background: url("c/72/u6.jpg");}
	.cu7 {background: url("c/72/u7.jpg");}
	.cu8 {background: url("c/72/u8.jpg");}
	.cu9 {background: url("c/72/u9.jpg");}
	.cu10 {background: url("c/72/u10.jpg");}
	.cu11 {background: url("c/72/u11.jpg");}
	.cu12 {background: url("c/72/u12.jpg");}
	.cu13 {background: url("c/72/u13.jpg");}
	.cu14 {background: url("c/72/u14.jpg");}
	.cu15 {background: url("c/72/u15.jpg");}
	.cu16 {background: url("c/72/u16.jpg");}
	.cu17 {background: url("c/72/u17.jpg");}
	.cu18 {background: url("c/72/u18.jpg");}
	.cu19 {background: url("c/72/u19.jpg");}
	.cu20 {background: url("c/72/u20.jpg");}
	.cu21 {background: url("c/72/u21.jpg");}
	.cu22 {background: url("c/72/u22.jpg");}
	.cu23 {background: url("c/72/u23.jpg");}
	.cu24 {background: url("c/72/u24.jpg");}
	.cu25 {background: url("c/72/u25.jpg");}
	.cu26 {background: url("c/72/u26.jpg");}
	.cu27 {background: url("c/72/u27.jpg");}
	.cu28 {background: url("c/72/u28.jpg");}
	.cu29 {background: url("c/72/u29.jpg");}
	.cu30 {background: url("c/72/u30.jpg");}
	.cu31 {background: url("c/72/u31.jpg");}
	.cu32 {background: url("c/72/u32.jpg");}
	
	.itr1 {background: url("o/72/it1.jpg");}
	.itr2 {background: url("o/72/it2.jpg");}
	.tSc1 {background: url("o/72/toSec1.jpg");}
	.tSc2 {background: url("o/72/toSec2.jpg");}
	.tSc3 {background: url("o/72/toSec3.jpg");}
	.tSc4 {background: url("o/72/toSec4.jpg");}
	.tSc5 {background: url("o/72/toSec5.jpg");}
	.p2Cd1 {background: url("o/72/p2Cd1.jpg");}
	.p2Cd2 {background: url("o/72/p2Cd2.jpg");}
	.p2Cd3 {background: url("o/72/p2Cd3.jpg");}
	.p2Cd4 {background: url("o/72/p2Cd4.jpg");}
	.p2Cd5 {background: url("o/72/p2Cd5.jpg");}
	.gxdm1 {background: url("o/72/gxdm1.jpg");}
	.gxdm2 {background: url("o/72/gxdm2.jpg");}
	
	.bckk {background: url("o/72/back.jpg");}
	.lnd {background: url("o/72/lnd.jpg");}
}

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

  .maxW{
  	  max-width: 1200px;
  }	
	
  body {
  
    margin: 0 auto;
    overflow-x: hidden;
  }

  html {
    background-image: url("../im/ui_body_bg-desktop.jpg");
    background-attachment: fixed;
  }

  .appWrap {
    width: 100%;
    -moz-box-shadow: 0 2px 20px #000, inset 0 0 10px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 2px 20px #000, inset 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 20px #000, inset 0 0 10px rgba(0, 0, 0, 0.4);
  }
}


@media screen and (min-height: 1200px) {
  
  html {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}

@media screen and (min-width: 1279px) {
  
  .maxW{
  	  max-width: 1350px;
  }

  .appMenu {
    display: none !important;
  }

  .appNav {
    display: none !important;
  }
  
  .appNav.promo {
    display: block !important;
  }
  
  .appNav.promo li.zoo a {
    min-width: 150px;
    padding-top: 35px;
    background: url("../im/ui_zoo_promo_sm.jpg") no-repeat center top;
  }

  .appSidebar {
    display: inline-block !important;
    width: 290px;
    margin: 0 -30px;
    min-height: 400px;
  }
  
  .appSidebar.left {
    float: left;
  }
  
  .appSidebar.right {
    float: right;
  }

  .appSidebar .appMenu {
    display: block !important;
  }
  
  .appSidebar .appMenu .btn {
    max-width: 100%;
    width: 240px;
    margin: 0 0 -3px 0;
  }
  
  .appSidebar .appMenu .btn .icon40 {
    display: inline-block;
  }
  
  .appSidebar .appMenu .btn .icon40:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    box-shadow: 0 0 25px 13px rgba(0, 0, 0, 0.3);
    z-index: 1;
    top: 50%;
    left: 50%;
  }
  
  .appSidebar .appMenu .btn:nth-child(1) {
    z-index: 10;
  }
  
  .appSidebar .appMenu .btn:nth-child(2) {
    z-index: 9;
  }
  
  .appSidebar .appMenu .btn:nth-child(3) {
    z-index: 8;
  }
  
  .appSidebar .appMenu .btn:nth-child(4) {
    z-index: 7;
  }
  
  .appSidebar .appMenu .btn:nth-child(5) {
    z-index: 6;
  }

  .appSidebar .appNav {
    display: block !important;
    width: 220px;
    height: 60px;
    text-align: center;
    padding: 6px 15px 20px 15px;
    margin: 25px auto 0 auto;
  }

  .appNav1 { background: url("../im/ui_desktop_appmenu.png") no-repeat center top; }
  .appNav2 { background: url("../im/greenLine.png") no-repeat center top; }
  .appNav3 { background: url("../im/greenLine3.png") no-repeat center top; }
  
  .appSidebar .appNav a {
    color: #b1a79c;
    padding: 2px 2px;
  }
  
  .appSidebar .appNav2 {
    height: 70px;
  }
  
  .appSidebar .appNav2 a {
    color: #cee1ae;
  }
  .appSidebar .appNav3 a {
    color: #cee1ae;
  }
  
  .appSidebar .appNav a:hover {
    color: #fff;
  }
  
  .appSidebar .appNav li {
    position: relative;
    padding-left: 9px;
  }
  
  .appSidebar .appNav li:after {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #b9ada0;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 9px;
    left: 0;
  }
  
  .appSidebar .appNav li:first-child {
    padding-left: 0;
  }
  
  .appSidebar .appNav li:first-child:after {
    display: none;
  }
  
  .appSidebar .appNav li.active {
    background: rgba(255, 255, 255, 0.1);
  }
  
  .appSidebar .appNav li.active a {
    color: #161108;
  }

  .gameActions .btn {
    display: inline-block;
    width: 30%;
  }
  
  .gameActions .ruSh {
    width: 48% !important;
    margin: 5px 0.5% !important;
  }

  .actionsPanel {
    text-align: center;
  }
  
  .actionsPanel .btn {
    display: inline-block;
  }
}