/*! Rip XemorDio 28-03-2016 | Project base: Jekins.ru */

@import "/design/css/reset.css" screen;

/*html,
body { height:100%; }*/

html {
 font-family: sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%;
}

body {
 background-color: #1b1817;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 color: #f4e9cf;
 font-size: 16px;
 line-height: 1.4;
 min-width: 320px;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 overflow-x: hidden;
}

a {
 color: #ffc348;
 text-decoration: underline;
}

a:hover {
 color: #faa800;
 text-decoration: none;
}

a:focus {
 text-decoration: none;
}

a, a:hover, a:focus, button, button:hover, button:focus, input {
 outline: none !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
 margin-top: 0;
 font-weight: bold;
 font-family: 'Trebuchet MS', Arial, sans-serif;
 line-height: 1.2;
 color: #f4e9cf;
}

h1, .h1 {
 font-size: 32px;
 margin-bottom: 30px;
 font-weight: normal;
}

h2, .h2 {
 font-size: 28px;
 margin-bottom: 30px;
}

h3, .h3 {
 font-size: 20px;
 margin-bottom: 30px;
}

h4, .h4 {
 font-size: 18px;
 margin-bottom: 15px;
}

h5, .h5 {
 font-size: 14px;
 margin-bottom: 15px;
}

h6, .h6 {
 font-size: 12px;
 margin-bottom: 15px;
}

b, strong {
 font-weight: bold;
}

i {
 font-style: italic;
}

small {
 font-size: 14px;
}

ul {
 list-style: square outside;
 margin-bottom: 30px;
 padding-left: 30px;
}

ul li {
 margin-bottom: 15px;
}

ul li:last-child {
 margin-bottom: 0;
}

iframe {
 border: none;
 max-width: 100%;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

img {
 max-width: 100%;
 display: block;
 line-height: none;
}

p {
 margin-bottom: 30px;
}

hr {
 margin-top: 20px;
 margin-bottom: 20px;
 border-top: 1px solid rgba(235, 210, 149, 0.07);
}

label {
 font-weight: normal;
}

input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea {
 padding: 9px 20px;
 font-size: 16px;
 line-height: 1;
 color: #8a7353;
 background-color: rgba(11, 9, 8, 0.4);
 border: 0px solid #5d534e;
 -webkit-transition: all ease-in-out 0.15s;
 -o-transition: all ease-in-out 0.15s;
 transition: all ease-in-out 0.15s;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: inset 0 0 0 0 transparent;
 box-shadow: inset 0 0 0 0 transparent;
 -webkit-appearance: none;
}

input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
 color: #8a7353;
 opacity: 1;
}

input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
 color: #8a7353;
}

input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
 color: #8a7353;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="number"]:hover, textarea:hover, select:hover {
 border-color: #6b5f5a;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus, select:focus {
 border-color: #6b5f5a;
 outline: none !important;
}

input[type="text"]:active, input[type="email"]:active, input[type="password"]:active, input[type="number"]:active, textarea:active, select:active {
 -webkit-box-shadow: none;
 box-shadow: none;
}

textarea {
 height: auto;
 min-height: 150px;
 color: #B7A298;
}

.has-error input[type="text"], .has-error input[type="email"], .has-error input[type="password"], .has-error input[type="number"], .has-error textarea, .has-error select {
 border-color: #a31a1a;
}

.has-error label {
 color: #a31a1a;
}


/* tools ***********************/

.td-none {
 text-decoration: none;
}

.td-underline {
 text-decoration: underline;
}

.fw-normal {
 font-weight: normal;
}

.fw-bold {
 font-weight: bold;
}

.fs-normal {
 font-style: normal;
}

.fs-italic {
 font-style: italic;
}

.d-block {
 display: block;
}

.d-none {
 display: none;
}

.d-inline {
 display: inline;
}

.d-inline-block {
 display: inline-block;
}

.material-icons {
 font-size: inherit;
}


/* container ***********************/

.container {
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px;
}

.container:after {
 content: '';
 display: block;
 width: 100%;
 clear: both;
}

@media print {
 .container {
 width: auto;
 }
}

@media (min-width: 767px) {
 .container {
 width: 737px;
 }
}

@media (min-width: 992px) {
 .container {
 width: 962px;
 }
}

@media (min-width: 1200px) {
 .container {
 width: 1170px;
 }
}


/* text ***********************/

.text-very-large {
 font-size: 20px;
}

.text-large {
 font-size: 18px;
}

.text-base {
 font-size: 16px;
}

.text-small {
 font-size: 14px;
}

.text-very-small {
 font-size: 12px;
}

.text-left {
 text-align: left;
}

.text-right {
 text-align: right;
}

.text-center {
 text-align: center;
}


/* visible ***********************/

.visible-xs, .visible-sm, .visible-md, .visible-lg {
 display: none !important;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
 display: none !important;
}

@media (max-width: 767px) {
 .visible-xs {
 display: block !important;
 }
 table.visible-xs {
 display: table !important;
 }
 tr.visible-xs {
 display: table-row !important;
 }
 th.visible-xs, td.visible-xs {
 display: table-cell !important;
 }
}

@media (max-width: 767px) {
 .visible-xs-block {
 display: block !important;
 }
}

@media (max-width: 767px) {
 .visible-xs-inline {
 display: inline !important;
 }
}

@media (max-width: 767px) {
 .visible-xs-inline-block {
 display: inline-block !important;
 }
}

@media (min-width: 767px + 1) and (max-width: 992px + 1) {
 .visible-sm {
 display: block !important;
 }
 table.visible-sm {
 display: table !important;
 }
 tr.visible-sm {
 display: table-row !important;
 }
 th.visible-sm, td.visible-sm {
 display: table-cell !important;
 }
}

@media (min-width: 767px + 1) and (max-width: 992px + 1) {
 .visible-sm-block {
 display: block !important;
 }
}

@media (min-width: 767px + 1) and (max-width: 992px + 1) {
 .visible-sm-inline {
 display: inline !important;
 }
}

@media (min-width: 767px + 1) and (max-width: 992px + 1) {
 .visible-sm-inline-block {
 display: inline-block !important;
 }
}

@media (min-width: 992px + 2) and (max-width: 1200px -1) {
 .visible-md {
 display: block !important;
 }
 table.visible-md {
 display: table !important;
 }
 tr.visible-md {
 display: table-row !important;
 }
 th.visible-md, td.visible-md {
 display: table-cell !important;
 }
}

@media (min-width: 992px + 2) and (max-width: 1200px -1) {
 .visible-md-block {
 display: block !important;
 }
}

@media (min-width: 992px + 2) and (max-width: 1200px -1) {
 .visible-md-inline {
 display: inline !important;
 }
}

@media (min-width: 992px + 2) and (max-width: 1200px -1) {
 .visible-md-inline-block {
 display: inline-block !important;
 }
}

@media (min-width: 1200px) {
 .visible-lg {
 display: block !important;
 }
 table.visible-lg {
 display: table !important;
 }
 tr.visible-lg {
 display: table-row !important;
 }
 th.visible-lg, td.visible-lg {
 display: table-cell !important;
 }
}

@media (min-width: 1200px) {
 .visible-lg-block {
 display: block !important;
 }
}

@media (min-width: 1200px) {
 .visible-lg-inline {
 display: inline !important;
 }
}

@media (min-width: 1200px) {
 .visible-lg-inline-block {
 display: inline-block !important;
 }
}

@media (max-width: 767px) {
 .hidden-xs {
 display: none !important;
 }
}

@media (min-width: 767px + 1) and (max-width: 992px + 1) {
 .hidden-sm {
 display: none !important;
 }
}

@media (min-width: 992px + 2) and (max-width: 1200px -1) {
 .hidden-md {
 display: none !important;
 }
}

@media (min-width: 1200px) {
 .hidden-lg {
 display: none !important;
 }
}


/* header ***********************/

.header {
 position: absolute !important;
 left: 50%;
 margin-left: -960px;
 right: 0;
 top: 0;
 overflow: hidden;
 background-image: url(/design/img/bg_header-back-legion.jpg);
}

.header__bg > div {
 background: url(/design/img/bg_header-legion.jpg) no-repeat 50% 100%;
 bottom: 0;
 -o-background-size: cover;
 background-size: cover;
 position: absolute;
 width: 110%;
 left: -5%;
 top: -2%;
}

.header__cloud-1 > div {
 right: -50px;
 background-image: url(/design/img/bg_header-cloud-1-legion.png);
 width: 561px;
 height: 402px;
 position: absolute;
 top: -20px;
}

.header__cloud-2 > div {
 right: -150px;
 background-image: url(/design/img/bg_header-cloud-2-legion.png);
 width: 578px;
 height: 420px;
 position: absolute;
 top: 20px;
}

.header__cloud-3 > div {
 left: -100px;
 background-image: url(/design/img/bg_header-cloud-1-legion.png);
 width: 561px;
 height: 402px;
 position: absolute;
 top: -50px;
}

.header__cloud-4 > div {
 left: 100px;
 background-image: url(/design/img/bg_header-cloud-2-legion.png);
 width: 578px;
 height: 420px;
 position: absolute;
 top: 20px;
}

.header__cloud-5 > div {
 left: 20%;
 background-image: url(/design/img/bg_header-cloud-3-legion.png);
 width: 628px;
 height: 420px;
 position: absolute;
 top: 0px;
 opacity: 0.4;
}

.header__cloud-6 > div {
 right: 20%;
 background-image: url(/design/img/bg_header-cloud-3-legion.png);
 width: 628px;
 height: 420px;
 position: absolute;
 top: 0px;
 opacity: 0.4;
}

.header__cloud-7 > div {
 left: -300px;
 background-image: url(/design/img/bg_header-cloud-1-legion.png);
 width: 561px;
 height: 402px;
 position: absolute;
 top: -100px;
}

.header__cloud-8 > div {
 left: -300px;
 background-image: url(/design/img/bg_header-cloud-1-legion.png);
 width: 561px;
 height: 402px;
 position: absolute;
 top: 100px;
}

.header__cloud-9 > div {
 right: -400px;
 background-image: url(/design/img/bg_header-cloud-1-legion.png);
 width: 561px;
 height: 402px;
 position: absolute;
 top: -80px;
}

.header__cloud-10 > div {
 right: -400px;
 background-image: url(/design/img/bg_header-cloud-1-legion.png);
 width: 561px;
 height: 402px;
 position: absolute;
 top: 80px;
}

.header__light-1 > div {
 left: 30%;
 background-image: url(/design/img/bg_header-light-1-legion.png);
 width: 450px;
 height: 420px;
 position: absolute;
 top: 20px;
 opacity: 0.5;
}

.header__light-2 > div {
 right: 30%;
 background-image: url(/design/img/bg_header-light-2-legion.png);
 width: 450px;
 height: 420px;
 position: absolute;
 top: 20px;
}

.header .scene, .header .layer {
 display: block;
 height: 100%;
 width: 100%;
 padding: 0;
 margin: 0;
}

.header .scene {
 width: 1920px;
 height: 420px;
 -webkit-transform: translate3d(0px, 0px, 0px);
 transform: translate3d(0px, 0px, 0px);
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 margin-left: auto;
 margin-right: auto;
}


/* main-panel ***********************/

.main-panel {
 position: relative;
 background-image: url(/design/img/bg_panel.jpg);
 background-position: center top;
 background-repeat: repeat-x;
 margin-bottom: 15px;
}

.main-panel__top {
 display: table;
 margin-left: auto;
 margin-right: auto;
 width: auto;
}

@media (max-width: 500px) {
 .main-panel__top {
 padding-left: 15px;
 padding-right: 15px;
 }
}

.main-panel__top > * {
 display: table-cell;
 vertical-align: bottom;
}

.main-panel__bottom {
 margin-top: 30px;
}

@media (max-width: 767px) {
 .main-panel__bottom {
 margin-top: 15px;
 }
}

.main-panel__search {
 padding-top: 40px;
 width: 300px;
}

@media (max-width: 1200px) {
 .main-panel__search {
 padding-right: 7.5px;
 }
}

@media (max-width: 767px) {
 .main-panel__search {
 width: auto;
 }
}

.main-panel__announce {
 width: 456px;
}

@media (max-width: 1200px) {
 .main-panel__announce {
 position: absolute;
 top: -58px;
 left: 50%;
 margin-left: -228px;
 width: 0;
 }
}

.main-panel__login {
 width: 300px;
}

@media (max-width: 1200px) {
 .main-panel__login {
 padding-left: 7.5px;
 }
}

@media (max-width: 767px) {
 .main-panel__login {
 width: 78px;
 }
}

.main-panel__logo {
 background-image: url(/design/img/img_wow-logo-legion-epmty.png);
 -o-background-size: 100% auto;
 background-size: 100% auto;
 width: 456px;
 height: 230px;
 position: absolute;
 top: -141px;
 padding: 75px 75px 0;
 text-align: center;
}

.main-panel__logo-title {
 font-size: 16px;
 text-transform: uppercase;
 text-align: center;
 margin: 0 55px 15px;
 font-weight: bold;
}

.main-panel__logo-title, .main-panel__logo-title a {
 color: #ffe500;
 text-decoration: none;
}

.main-panel__logo-param {
 list-style: none;
 margin: 0;
 padding: 0;
 display: inline-block;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}

.main-panel__logo-param li {
 padding: 0 7.5px;
 margin: 0;
 display: inline-block;
 font-size: 18px;
 color: #ebd295;
 font-weight: bold;
}

.main-panel__logo-btn {
 display: block;
 font-weight: bold;
 text-align: center;
 padding: 12px 20px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 text-transform: uppercase;
 color: #ebd295;
 text-decoration: none;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 text-shadow: 0 2px 2px rgba(0, 0, 0, 0.9);
 width: 280px;
 margin-left: auto;
 margin-right: auto;
}

.main-panel__logo-btn:hover {
 color: #ffc348;
}


/* body ***********************/

.body {
 margin-top: 400px;
 margin-bottom: 20px;
 background-color: #1b1817;
 position: relative;
 z-index: 1;
}

@media (max-width: 1200px) {
 .body {
 margin-top: 320px;
 }
}

@media (max-width: 767px) {
 .body {
 margin-top: 175px;
 }
}


/* search-block ***********************/

.search-block {
 position: relative;
}

.search-block__input {
 height: 45px;
 border: 1px solid #39271d !important;
 background-color: rgba(11, 9, 8, 0.6) !important;
 padding: 14.5px 44.166667px 14.5px 24.16666667px !important;
 width: 100%;
 display: block;
 color: #8a7353;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 text-decoration: none;
 position: relative;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.search-block__btn {
 position: absolute;
 top: 50%;
 font-size: 30px;
 margin-top: -16px;
 right: 12px;
 background: none;
 padding: 0;
 border: none;
 color: #8a7353;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 line-height: 1;
}

.search-block__btn:hover {
 color: #ebd295;
}


/* login-block ***********************/

.login-block {
 height: 45px;
 border: 1px solid #39271d;
 background-color: rgba(11, 9, 8, 0.6);
 padding: 14.5px 24.16666667px;
 width: 100%;
 display: block;
 color: #8a7353;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 text-decoration: none;
 position: relative;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

@media (max-width: 767px) {
 .login-block {
 display: none;
 }
}

.login-block:hover {
 color: #ebd295;
 text-decoration: none;
}

.login-block:focus {
 text-decoration: none;
}

.login-block__icon {
 position: absolute;
 top: 50%;
 font-size: 30px;
 margin-top: -16px;
 left: 20px;
 line-height: 1;
}

.login-block__text {
 padding-left: 45px;
 display: block;
 position: relative;
 top: -2px;
 line-height: 1;
 white-space: nowrap;
 overflow: hidden;
 max-width: 230px;
}

@media (min-width: 767px) {
 .login-block_xs-menu {
 display: none;
 }
}

@media (max-width: 767px) {
 .login-block_xs-menu {
 display: block;
 }
}


/* main-nav ***********************/

.main-nav {
 text-align: center;
}

.main-nav > ul {
 display: inline-block;
 list-style: none;
 margin: 0;
 padding: 0;
}

.main-nav > ul:after {
 content: '';
 display: block;
 width: 100%;
 clear: both;
}

@media (max-width: 992px) {
 .main-nav > ul {
 width: 100%;
 overflow-x: auto;
 }
}

.main-nav > ul > li {
 text-align: center;
 margin: 0;
 padding: 0;
 display: table-cell;
 white-space: nowrap;
 float: none;
 vertical-align: middle;
 position: relative;
}

.main-nav > ul > li > a {
 text-decoration: none;
 text-transform: uppercase;
 color: #ebd295;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 text-shadow: 0 2px 2px rgba(0, 0, 0, 0.7);
 display: block;
 padding: 11.5px 22.5px;
 line-height: 1;
 font-weight: bold;
}

@media (max-width: 992px) {
 .main-nav > ul > li > a {
 padding-left: 15px;
 padding-right: 15px;
 }
}

.main-nav > ul > li > a:hover, .main-nav > ul > li > a.active {
 color: #ffc348;
}

.main-nav__img {
 padding-top: 0 !important;
 padding-bottom: 0 !important;
 display: block;
 width: 175px;
}

.main-nav__dropdown {
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 999;
 width: 280px;
 background-color: #30241d;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 -webkit-box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.3);
 box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.3);
 margin-bottom: 0;
 margin-left: -75px;
 list-style: none;
 padding-left: 0;
 display: none;
}

.main-nav__dropdown li {
 margin: 0;
 padding: 0;
}

.main-nav__dropdown a {
 display: table;
 width: 100%;
 padding: 15px 20px;
 border-top: 1px solid rgba(235, 210, 149, 0.07);
 text-decoration: none;
 color: #f4e9cf;
 line-height: 1;
 white-space: normal;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.main-nav__dropdown a:hover {
 color: #ffc348;
}

.main-nav__dropdown li:first-child a {
 border-top-color: transparent;
}


/* main-cols ***********************/

.main-cols {
 margin-left: 30px;
 margin-right: 30px;
}

@media (max-width: 767px) {
 .main-cols {
 margin-left: 15px;
 margin-right: 15px;
 }
}

.main-cols__inner {
 margin-left: -15px;
 margin-right: -15px;
 display: table;
}

.main-cols__inner > * {
 display: table-cell;
 vertical-align: top;
}

@media (max-width: 767px) {
 .main-cols__inner {
 display: block;
 }
 .main-cols__inner > * {
 margin-bottom: 15px;
 display: block;
 }
}

.main-cols__side {
 padding-left: 15px;
 padding-right: 15px;
 width: 1%;
}

.main-cols__center {
 padding-left: 15px;
 padding-right: 15px;
 width: 98%;
}

@media (max-width: 1170px) {
 .main-cols #aside-right {
 display: none;
 }
}

@media (max-width: 767px) {
 .main-cols #aside-left {
 display: none;
 }
 .main-cols__center {
 width: 100%;
 }
}


/* block-side ***********************/

.block-side {
 width: 280px;
 background-color: #43332a;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 margin-bottom: 20px;
}

.block-side__title {
 padding: 20px;
 color: #ffc348;
 text-transform: uppercase;
 font-size: 16px;
 line-height: 1;
 margin-bottom: 0;
}

.block-side__container {
 padding-left: 20px;
 padding-right: 20px;
 padding-bottom: 20px;
}

.block-side__wide {
 margin-left: -20px;
 margin-right: -20px;
 margin-bottom: -20px;
}


/* backpath ***********************/

.backpath {
 /*margin-bottom: 15px;*/
 margin-bottom: 0;
}

@media (max-width: 767px) {
 .backpath {
 display: none;
 }
}

.backpath, .backpath a {
 color: #8a7353;
 text-decoration: none;
}

.backpath a {
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.backpath a:hover {
 color: #ebd295;
}


/* articles ***********************/

.articles {
 margin: 0 -15px 15px -15px;
}

.articles:after {
 content: '';
 display: block;
 width: 100%;
 clear: both;
}

.articles__item {
 float: left;
 padding: 15px;
 width: 50%;
}

.articles #uEntriesList .uEntryWrap {
 text-align: inherit !important;
 display: block !important;
 float: left !important;
 padding: 15px !important;
 width: 50% !important;
 margin-bottom: 0 !important;
}

.articles #uEntriesList .uEntryWrap .articles__item {
 float: none !important;
 padding: 0 !important;
 width: auto !important;
}

@media (max-width: 1500px) {
 .articles__item, .articles #uEntriesList .uEntryWrap {
 width: 100% !important;
 float: none !important;
 }
}


/* article-block ***********************/

.article-block {
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-color: #4a423e;
 overflow: hidden;
}

.article-block__top {
 position: relative;
 height: 205px;
}

@media (max-width: 1500px) {
 .article-block__top {
 height: auto;
 }
}

.article-block__top-inner {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 display: block;
 z-index: 2;
}

@media (max-width: 1500px) {
 .article-block__top-inner {
 position: relative;
 }
}

.article-block__bottom {
 position: relative;
 z-index: 3;
 padding: 30px 20px;
}

.article-block__moder {
 position: absolute;
 right: 85px;
 top: -12px;
}

.article-block__bg {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 display: block;
 overflow: hidden;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
}

.article-block__bg-inner {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 display: block;
 -webkit-backface-visibility: hidden;
 -o-background-size: cover;
 background-size: cover;
 background-position: center;
 z-index: 0;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
 -webkit-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
 background-image: url(/design/img/img-default.jpg);
}

.article-block__bg:after {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 content: '';
 display: block;
 background: -webkit-linear-gradient(top, rgba(11, 9, 8, 0) 0%, rgba(11, 9, 8, 0.75) 100%);
 background: -webkit-gradient(linear, left top, left bottom, from(rgba(11, 9, 8, 0)), to(rgba(11, 9, 8, 0.75)));
 background: -o-linear-gradient(top, rgba(11, 9, 8, 0) 0%, rgba(11, 9, 8, 0.75) 100%);
 background: linear-gradient(to bottom, rgba(11, 9, 8, 0) 0%, rgba(11, 9, 8, 0.75) 100%);
 z-index: 1;
 -webkit-border-top-left-radius: 5px;
 border-top-left-radius: 5px;
 -webkit-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
}

.article-block__share {
 padding-top: 30px;
 margin-top: 30px;
 text-align: center;
 border-top: 1px solid rgba(235, 210, 149, 0.07);
}

.article-block__share-inner {
 display: inline-block;
 font-weight: normal;
}

.article-block__counters {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 padding: 7.5px 20px;
 display: table;
 width: 100%;
 z-index: 1;
}

.article-block__counters > * {
 display: table-cell;
 vertical-align: top;
}

.article-block__counters-left {
 width: 99%;
}

.article-block__counters-right {
 width: 1%;
 white-space: nowrap;
}

.article-block__heading {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: 30px 20px;
}

.article-block__heading > *:last-child {
 margin-bottom: 0 !important;
}

@media (max-width: 1500px) {
 .article-block__heading {
 position: relative;
 padding-top: 60px;
 }
}

.article-block__date {
 font-size: 14px;
}

.article-block__title {
 color: #ffc348;
 text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
 .article-block__title {
 line-height: 1.1;
 }
}

.article-block__title a {
 text-decoration: none;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 display: block;
}

.article-block__title a:hover {
 text-decoration: none;
}
div.article-block .article-block__content * {
 text-align: left !important;
}
.article-block__content {
 position: relative;
 color: #cec4ad;
}
.article-block__content img {
 display: none;
}

article.article-block .article-block__content img {
 display: inline-block;
}

.article-block__content > *:last-child {
 margin-bottom: 0 !important;
}

@media (max-width: 500px) {
 .article-block__content {
 font-size: 14px;
 }
}

.article-block__like {
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: #a3381a;
 position: absolute;
 right: 20px;
 top: -22.5px;
 width: 45px;
 height: 45px;
 line-height: 1;
 text-align: center;
 display: block;
 color: #f4e9cf;
 text-decoration: none;
 padding-top: 6px;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 z-index: 5;
}

.article-block__like:hover {
 color: #f4e9cf;
 background-color: #dd532c;
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.article-block__like i {
 display: block;
 font-size: 16px;
}

.article-block__like span {
 font-size: 12px;
}

.article-block:hover .article-block__bg-inner {
 -webkit-filter: blur(3px);
 filter: blur(3px);
 filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='3');
}

.articles .article-block__content {
 height: 89px;
 overflow: hidden;
}

@media (max-width: 1500px) {
 .articles .article-block__content {
 height: 100%;
 overflow: inherit;
 }
}

article.article-block {
 margin-bottom: 30px;
 margin-top: 15px;
}

article.article-block:hover .article-block__content {
 max-height: 100%;
 overflow: inherit;
}

article.article-block:hover .article-block__bg-inner {
 -webkit-filter: blur(0);
 filter: blur(0);
 filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='0');
}

article.article-block .article-block__heading {
 position: relative;
 padding-top: 180px;
}

article.article-block .article-block__top {
 height: auto;
}

article.article-block .article-block__top-inner {
 position: relative;
}


/* counters-list ***********************/

.counters-list {
 list-style: none;
 margin: 0;
 padding: 0;
}

.counters-list:after {
 content: '';
 display: block;
 width: 100%;
 clear: both;
}

.counters-list li {
 float: left;
 margin: 0 7.5px 0 0;
 padding: 4px 9.5px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
 background-color: rgba(0, 0, 0, 0.6);
 line-height: 1;
 display: table;
 text-transform: uppercase;
}

.counters-list li:last-child {
 margin-right: 0;
}

.counters-list li > * {
 display: table-cell;
 vertical-align: middle;
}

.counters-list li i {
 font-size: 16px;
 color: #ffc348;
 padding-right: 5px;
}

.counters-list li span {
 font-size: 12px;
 text-transform: uppercase;
}

.counters-list__download {
 text-decoration: none;
 display: table;
 line-height: 1;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.counters-list__download > * {
 display: table-cell;
 vertical-align: middle;
}

.counters-list__download, .counters-list__download i {
 color: #75c739 !important;
}

.counters-list__download:hover, .counters-list__download:hover i {
 color: #9fd875 !important;
}


/* nav-list ***********************/

.nav-list ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

.nav-list ul li {
 padding: 0;
 margin: 0;
 position: relative;
}

.nav-list ul li > a {
 display: table;
 width: 100%;
 padding: 15px 20px;
 border-top: 1px solid rgba(235, 210, 149, 0.07);
 text-decoration: none;
 color: #f4e9cf;
 line-height: 1;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.nav-list ul li > a i {
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.nav-list ul li > a > * {
 display: table-cell;
 vertical-align: middle;
}

.nav-list ul li:hover > a > i {
 color: #ffc348;
}

.nav-list__icon {
 width: 1%;
 font-size: 20px;
 padding-right: 15px;
 color: #625246;
 line-height: 1;
}

.nav-list__arrow {
 width: 1%;
 font-size: 20px;
 position: relative;
 right: -10px;
 padding-left: 7.5px;
 line-height: 1;
}

@media (max-width: 767px) {
 .nav-list__arrow {
 display: none !important;
 }
}

.nav-list__title {
 width: 98%;
}

.nav-list__dropdown {
 position: absolute;
 left: 100%;
 top: 0;
 z-index: 999;
 width: 280px;
 background-color: #30241d;
 margin-bottom: 15px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 display: none;
 -webkit-box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.3);
 box-shadow: 5px 2px 10px rgba(0, 0, 0, 0.3);
}

.nav-list__dropdown li:first-child a {
 border-top-color: transparent;
}

.nav-list__img {
 padding-right: 15px;
 width: 75px;
}

.nav-list__img a {
 display: block;
 text-decoration: none;
}

.nav-list__img img {
 max-width: 40px;
 max-height: 40px;
 width: 100%;
}

.nav-list__img_circle img {
 -webkit-border-radius: 50%;
 border-radius: 50%;
 width: 40px;
 height: 40px;
}

.nav-list__inner {
 line-height: 1.2;
}

.nav-list__inner > *:last-child {
 margin-bottom: 0 !important;
}

.nav-list__inner-title {
 font-size: 14px;
 color: #f4e9cf;
 text-decoration: none;
 display: block;
 margin-bottom: 4.16666667px;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.nav-list__inner-title:hover {
 color: #ffc348;
}

.nav-list__inner-title_large {
 font-size: 18px;
}

.nav-list__inner-subtitle {
 font-size: 12px;
 color: #af8530;
 text-decoration: none;
 display: block;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.nav-list__inner-subtitle:hover {
 color: #ffc348;
}

.nav-list_images li {
 display: table;
 width: 100%;
 border-top: 1px solid rgba(235, 210, 149, 0.07);
}

.nav-list_images li > * {
 display: table-cell;
 vertical-align: top;
 padding-top: 15px;
 padding-bottom: 15px;
}

.nav-list_images li > *:first-child {
 padding-left: 20px;
}

.nav-list_images li > *:last-child {
 padding-right: 20px;
}


/* screenshots-block ***********************/

.screenshots-block {
 position: relative;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.screenshots-block__img {
 display: block;
 -o-background-size: cover;
 background-size: cover;
 text-decoration: none;
 height: 150px;
}

.screenshots-block__add {
 color: #f4e9cf;
 display: table;
 width: 100%;
 line-height: 1;
 text-decoration: none;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.screenshots-block__add:hover {
 color: #f4e9cf;
}

.screenshots-block__add:hover i {
 color: #ffc348;
}

.screenshots-block__add > * {
 display: table-cell;
 vertical-align: middle;
}

.screenshots-block__add > *:first-child {
 padding-left: 20px;
}

.screenshots-block__add > *:last-child {
 padding-right: 20px;
}

.screenshots-block__add i {
 color: #625246;
 font-size: 30px;
 width: 1%;
 line-height: 1;
 padding-right: 15px;
 padding-top: 7.5px;
 padding-bottom: 7.5px;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.screenshots-block__add span {
 width: 99%;
 line-height: 1;
 padding-top: 7.5px;
 padding-bottom: 7.5px;
}


/* footer ***********************/

.footer {
 background-image: url(/design/img/bg_panel_footer.png);
 background-position: center top;
 background-repeat: repeat-x;
 text-align: center;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -moz-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -webkit-flex-direction: column;
 -moz-box-orient: vertical;
 -moz-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-top: 60px;
 padding-bottom: 15px;
 max-height: 194px;
 overflow: hidden;
}

@media (max-width: 500px) {
 .footer {
 font-size: 14px;
 }
}

.footer__layout {
 margin-bottom: 7.5px;
}

@media (max-width: 767px) {
 .footer__layout {
 display: block;
 }
}

.footer__layout:last-child {
 margin-bottom: 0;
}

.footer, .footer * {
 color: #8a7353;
}

.footer nav > ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

.footer nav > ul > li {
 display: inline-block;
 padding-right: 7.5px;
 padding-left: 7.5px;
 margin-bottom: 0;
 text-align: center;
}

.footer nav > ul > li > a {
 display: block;
}


/* sidebar ***********************/

@media (max-width: 767px) {
 [data-element="sidebar__panel"] {
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: rgba(0, 0, 0, 0.5);
 visibility: hidden;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 min-width: 290px;
 text-align: left;
 z-index: 999999;
 opacity: 0;
 }
 [data-element="sidebar__panel"].active {
 opacity: 1;
 visibility: visible;
 }
 [data-element="sidebar__panel"].active > ul {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 }
 [data-element="sidebar__panel"] > ul {
 -webkit-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
 background-color: #43332a;
 width: 80%;
 max-width: 320px;
 top: 0;
 bottom: 0;
 right: 0;
 z-index: 9999999;
 position: absolute;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 overflow: auto;
 display: block;
 -webkit-box-shadow: -2px 0 15px rgba(0, 0, 0, 0.3);
 box-shadow: -2px 0 15px rgba(0, 0, 0, 0.3);
 }
 [data-element="sidebar__panel"]__list {
 display: block;
 }
 [data-element="sidebar__panel"]__list > li > a {
 padding: 30px;
 border-bottom: 1px solid #30241d;
 color: #ffffff;
 }
 [data-element="sidebar__panel"]__list > li > a:hover {
 background-color: #30241d;
 }
 [data-element="sidebar__panel"]__list > li:last-child > a {
 border-bottom: none;
 }
}


/* person ***********************/

.person__img-inner {
 display: block;
 -o-background-size: cover;
 background-size: cover;
 background-position: center;
 width: 70px;
 height: 70px;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-left: auto;
 margin-right: auto;
}


/* comments-block ***********************/

.comments-block {
 background-color: #4a423e;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.comments-block__layout {
 border-bottom: 1px solid rgba(235, 210, 149, 0.07);
 padding: 30px 20px;
}

.comments-block__layout:after {
 content: '';
 display: block;
 width: 100%;
 clear: both;
}

.comments-block__layout:last-child {
 border-bottom: none;
}

.comments-block__layout-left {
 float: left;
 margin-right: 20px;
}

.comments-block__layout-right {
 overflow: hidden;
}

.comments-block .com-order-block {
 display: none;
}


/* post ***********************/

.post__info {
 margin-bottom: 10px;
}

.post__info:after {
 content: '';
 display: block;
 width: 100%;
 clear: both;
}

.post__info-left {
 float: left;
 display: table;
}

.post__info-left > * {
 display: table-cell;
 vertical-align: bottom;
 padding-right: 15px;
}

.post__info-left > *:last-child {
 padding-right: 0;
}

.post__info-right {
 float: right;
 display: table;
 position: relative;
}

.post__info-right > * {
 display: table-cell;
 vertical-align: middle;
 padding-left: 5px;
}

.post__info-right .u-mpanel {
 position: absolute;
 right: 65px;
}

.post__name {
 text-decoration: none;
 font-size: 18px;
}

.post__date {
 font-size: 14px;
}

.post__rate {
 display: table;
}

.post__rate > * {
 display: table-cell;
 vertical-align: middle;
}

.post__content {
 color: #cec4ad;
}

.btn, button, input[type="submit"], input[type="button"], input[type="reset"], #photoModalWrap input[type=button], #photoModalWrap input[type=submit], #photoModalWrap input[type=reset], #photoModalWrap .button {
 background: none;
 border: 1px solid #cec4ad;
 padding: 8px 18px;
 border-radius: 4px;
 color: #cec4ad;
 font-size: 15px;
 line-height: 1;
 -webkit-transition: background 0.2s ease-in-out;
 -moz-transition: background 0.2s ease-in-out;
 -ms-transition: background 0.2s ease-in-out;
 -o-transition: background 0.2s ease-in-out;
 transition: background 0.2s ease-in-out;
}

.btn:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
 background-color: rgba(0, 0, 0, 0.2);
}

#photoModalWrap input[type=button]:hover, #photoModalWrap input[type=submit]:hover, #photoModalWrap input[type=reset]:hover, #photoModalWrap .button:hover {
 color: #444 !important;
}

#selectPhotosBtn, #newPhtBt {
 width: auto !important;
 height: auto !important;
}

#iplus input {
 width: auto !important;
 padding-left: 10px;
 padding-right: 10px;
}

.calTable {
 width: 100%;
}

.calTable a {
 text-decoration: none;
}

.uauth-small-links {
 margin: 0 !important;
}

.u-combo {
 position: relative;
}

.u-combo tr:last-child td > div {
 top: 30px !important;
 left: 0 !important;
}

.catsTable {}

.catsTable .catNameActive {
 text-decoration: none;
}

.catsTable .catName {
 text-decoration: none;
 color: #f4e9cf;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.catsTable .catName:hover {
 color: #ffc348;
}

.catsTable .catNumData {
 color: #ffc348;
}

.catsTable .catsTd {
 padding-top: 5px;
 padding-bottom: 5px;
}

.sorting {
 margin-top: 10px;
 margin-bottom: 10px;
}

.sorting a {
 text-decoration: none;
}

.article-block__download {
 margin-top: 20px;
 text-align: center;
}

.article-block__download a .material-icons {
 font-size: 24px;
 line-height: 0;
 position: relative;
 top: 5px;
 margin-right: 5px;
}

.article-block__download a {
 background-color: #549424;
 color: #fff;
 text-decoration: none;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 display: inline-block;
 padding: 12px 16px;
 line-height: 1;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 text-transform: uppercase;
}

.ph-wrap .ph-link {
 background: none !important;
 background-color: rgba(11, 9, 8, 0.8) !important;
 color: #fff !important;
}

.photo-block, .photo-eblock {
 background-color: #4a423e !important;
}

.fancybox-outer {
 background-color: #4a423e !important;
 color: #cec4ad !important;
}

#photoModalWrap a, #photoModalWrap a:hover {
 color: #ffc348 !important;
}

#mphoto-addcmt {
 background-color: transparent !important;
}

.articles #uEntriesList .article-block__bottom {
 padding-top: 15px;
 padding-bottom: 15px;
}

.articles #uEntriesList {
 border-collapse: inherit !important;
}

.articles #uEntriesList .entryBlock {
 display: block;
}

.articles .photo-title {
 margin: 0 !important;
 padding: 0 !important;
 width: 100%;
 white-space: inherit !important;
 text-overflow: inherit !important;
 -o-text-overflow: inherit !important;
 font: inherit !important;
 font-size: 20px !important;
 font-weight: bold !important;
}

.photo-edescr {
 text-align: center !important;
}

#phtOtherThumbs {
 margin-bottom: 30px !important;
}

.photo-block, .photo-eblock {
 background: none !important;
 background-color: #4a423e !important;
}

.photo-expand img, .ph-wrap img {
 margin-left: auto;
 margin-right: auto;
}

.com-order-block {
 display: none !important;
}

.manTable * {
 font-size: 14px !important;
}

select {
 border-radius: 4px;
 padding: 5px 10px;
 color: #8a7353;
 background-color: rgba(11, 9, 8, 0.4);
 border: 0px solid #5d534e;
 height: 31px !important;
}

select option {
 background-color: #fff;
 padding: 5px 10px;
 color: #8a7353;
}

#sFltLst {
 position: static !important;
}

.codeButtons {
 border-color: #5d5551 !important;
 font-size: 12px !important;
}

.block-content {
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-color: #4a423e;
 padding: 30px 20px;
}

img {
 display: initial;
}

.popup {
 -webkit-border-radius: 5px;
 border-radius: 5px;
 background-color: #4a423e;
 padding: 20px;
 margin: 20px;
 font-size: 14px;
}

.popup__title {
 font-size: 24px;
 text-align: center;
 color: #ffc348;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 padding-bottom: 15px;
 margin-bottom: 30px;
}

.popup .user_avatar img {
 border-radius: 50%;
 -webkit-border-radius: 50%;
}

.popup .udtb {
 text-align: left;
 padding: 0 0 15px;
}

.popup .udtlb {
 padding-right: 10px;
 width: 200px;
}

.popup .uSearchFl, .popup form input {
 display: initial;
 height: auto;
 padding: 5px 5px;
}

.popup .allUsersBtn, .popup .uSearchFlSbm {
 width: auto !important;
}

.catPages1, .catPages2, .pagesBlock1, .pagesBlock2, .pagesBlockuz1, .pagesBlockuz2 {
 padding: 35px 0px 10px 0px;
}

span.catPages1, span.catPages2, span.pagesBlock1, span.pagesBlock2, span.pagesBlockuz1, span.pagesBlockuz2 {
 display: inline-block;
}

.catPages1 a, .catPages2 a, .pagesBlock1 a, .pagesBlock2 a, .pagesBlockuz1 a, .pagesBlockuz2 a, .catPages1 b, .catPages2 b, .pagesBlock1 b, .pagesBlock2 b, .pagesBlockuz1 b, .pagesBlockuz2 b {
 padding: 8px 12px;
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 color: #ccc;
 background: #4a423e;
 text-decoration: none;
 font-size: 12px;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -ms-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

.catPages1 b, .catPages2 b, .pagesBlock1 b, .pagesBlock2 b, .pagesBlockuz1 b, .pagesBlockuz2 b {
 color: #000;
 background: #ffc348;
}

.catPages1 a:hover, .catPages2 a:hover, .pagesBlock1 a:hover, .pagesBlock2 a:hover, .pagesBlockuz1 a:hover, .pagesBlockuz2 a:hover {
 color: #ccc;
 background: #43332a;
}

.swchItemDots {
 letter-spacing: 1px;
 color: #828e96;
 font-size: 11px;
}

.codeButtons {
 width: auto !important;
}
.catDescr {
 font-size: 12px;
 opacity: 0.5;
 margin-top: 3px;
}
.wndMaterialEdited {
 top: 50% !important;
}
.x-selectable {
 color: initial !important;
}
.commFl {
 width: 100%;
}

.replaceTable {position: relative; text-align: center !important; margin-left:auto !important; margin-right:auto !important; top:30% !important; display: block !important; width !important; 290px !important;} 
.xw-body button,
.xw-body input,
.xw-body textarea,
.uadm-iparent * {
 border-color: initial;
 color: initial;
}

html {
 overflow-x: hidden;
}
body {
 background-image: url(http://www.wow-game.ru/design/img/bg_header-back-legion.jpg);
 background-repeat: repeat-x;
 background-position: center top;
}
.header {
 right: auto;
 overflow: visible;
}
@media (max-width: 1024px) {
 html {
 overflow-x: visible;
 }
 body {
 background-image: none;
 }
 .header {
 right: 0;
 overflow: hidden;
 }
}