* {font-size: 100.01%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

.loading-layer {display: none !important;}

::selection {background: #D0D0D0;}
::-moz-selection {background: #D0D0D0;}
:focus {outline: 0;}


html {height: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeSpeed;}

body {height: 100%; background-color: #FFFBF6; color: #475055;}

ol, ul {list-style-type: none;}

table {border-collapse: collapse; border-spacing: 0;}

img {border: none; -ms-interpolation-mode: bicubic;}

body, input, textarea, select {font-family: BlogSans, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 100%; font-size: 15px;}

.clear {clear: both; height: 1px; margin-top: -1px;}

i {font-family: BlogSansI, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: normal;}
.bold, b {font-family: BlogSansB, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: normal;}
.bold i, b i, i b, i.bold {font-family: BlogSansBI, Tahoma, Verdana, Helvetica, Arial, sans-serif; font-weight: normal;}
.fontm {font-family: BlogSansM, Tahoma, Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal;}
.fontm i {font-family: BlogSansMI, Tahoma, Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal;}
.tahoma, .tahoma b {font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif !important;}
.alslight {font-family: ALSlight, Tahoma, Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal;}
.alslight b {font-family: ALSreg, Tahoma, Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal;}
.alsbold {font-family: ALSbold, Tahoma, Verdana, Helvetica, Arial, sans-serif !important; font-weight: normal;}

a {color: #0F0F0F;}
a:hover, a.active {color: #FFA000; text-decoration: none;}
a.js {text-decoration: none; border-bottom: 1px dotted}
a.js:hover {border-bottom: 1px dotted transparent}
.js img {text-decoration: none; border-bottom: 0px}

h1, h2, h3, .h1, .h2, .h3 {font-family: LytigaC, Tahoma, Verdana, Helvetica, Arial, sans-serif; margin-left: -1px; color: #383838; line-height: 120%; font-weight: normal;}
h1 i, h2 i, h3 i, .h1 i, .h2 i, .h3 i, i.h1, i.h2, i.h3 {font-family: LytigaCI, Tahoma, Verdana, Helvetica, Arial, sans-serif; color: #383838;}

h4, h5, h6, h7, .h4, .h5, .h6, .h7 {font-weight: normal; line-height: 120%;}

h1 a, h2 a, h3 a, .h1 a, .h2 a, .h3 a {text-decoration: none; border-bottom: solid 1px;}
h1 a:hover, h2 a:hover, h3 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover {border-bottom: none;}
a.icon {border-bottom: none !important; }

h1 {margin-top: 30px; line-height: 100%;}
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 17px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}
h7, .h7 {font-size: 10px;}

.text h2, .text h3, .text h4 {margin-top: 20px; float: left; width: 100%;}

.svg .icon {font-size: 15px; width: 15px; height: 15px;}
.svg .icon.h1 {width: 30px; height: 30px; font-size: 30px;}
.svg .icon-spin.h1 {width: 26px; height: 34px; font-size: 28px;}
.svg .icon.h2 {width: 25px; height: 25px; font-size: 25px;}
.svg .icon.h3 {width: 20px; height: 20px; font-size: 20px;}
.svg .icon.h4 {width: 17px; height: 17px; font-size: 17px;}
.svg .icon.h5 {width: 14px; height: 14px; font-size: 14px;}
.svg .icon.h6 {width: 12px; height: 12px; font-size: 12px;}

.no-svg .icon {display: block; width: 16px; height: 16px;}


.black-block {color: #fff;}
.black-block a {color: #ffa000; text-decoration: none;}
.black-block a:hover {border-bottom: solid 1px;}
.black-block a.icon {color: #fff;}
.black-block a.icon:hover {color: #ffa000; border: none;}
.black-block h1, .black-block h2, .black-block h3, .black-block h4, .black-block h5, .black-block h6, .black-block .h1, .black-block .h2, .black-block .h3, .black-block .h4, .black-block .h5, .black-block .h6 {color: #fff;}

p {line-height: 130%; margin-top: 0.8em;}

pre {white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 14px;}
ins {text-decoration: none;}

textarea {padding: 5px 10px; background: #fff; border: solid 1px #979797;}
input[type=text], input[type=email], input[type=password] {padding: 3px 10px; border: solid 1px #979797;}
input[type=text]:hover, textarea:hover, input[type=email]:hover, input[type=password]:hover {border: solid 1px #404040;}
input[type=button], input[type=submit], button {padding: 5px 20px; border-radius: 2px; border: solid 1px #9ea0a5; background: linear-gradient(to top, #0C0C0C, #5f5f5f); color: #dedede; cursor: pointer;}
input[type=button]:hover, input[type=submit]:hover, button:hover {color: #ffa000; background: linear-gradient(to top, #000000, #545454);}

input[type=button].red, input[type=submit].red, input[type=password].red, button.red {background: linear-gradient(to top, #820000, #d20909); color: #fff !important; border-color: #800000;}
input[type=button].red:hover, input[type=submit].red:hover, input[type=password].red:hover, button.red:hover {background: linear-gradient(to top, #500000, #b70707); color: #ffa000 !important;}

input[type=button]:disabled, input[type=submit]:disabled {color: #A9A9A9; opacity: 0.7;}
input[type=checkbox] {margin-right: 5px;}

.radio-styled input[type=radio], .checkbox-styled input[type=checkbox] {display: none;}
.radio-styled label, .checkbox-styled label {display: inline-block; cursor: pointer; position: relative; padding-left: 22px;}
.radio-styled label:before, .checkbox-styled label:before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; bottom: 3px; background-color: #dedede; box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 0 0 rgba(255, 255, 255, 0.8);}
.checkbox-styled label:before {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.checkbox-styled input[type=checkbox]:checked + label:before {content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size: 22px; font-weight: bold; color: #ffa000; text-align: center; line-height: 10px; background-color: #4c4c4c; letter-spacing: -4px;}
.radio-styled label:before {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;}
.radio-styled input[type=radio]:checked + label:before {content: "\2022"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-size: 13px; font-weight: bold; color: #ffa000; text-align: center; line-height: 15px; background-color: #4c4c4c;}

.caps {text-transform: uppercase;}
.capital {text-transform: capitalize;}
.white {color: #fff !important;}
.black {color: #000 !important;}
.grey {color: #979797 !important;}
.orange {color: #FFA000 !important;}
.red {color: #D80000 !important;}

.rdbg1 {background-color:#FF7F7F !important;}
.rdbg2 {background-color:#FF9F51 !important;}
.rdbg3 {background-color:#FFFA84 !important;}
.rdbg4 {background-color:#D6F572 !important;}
.rdbg5 {background-color:#82F994 !important;}
.rdbg6 {background-color:#9AFFFE !important;}
.rdbg7 {background-color:#89DAFF !important;}
.rdbg8 {background-color:#8D97FB !important;}
.rdbg9 {background-color:#BA88FF !important;}
.rdbg10 {background-color:#F68BFF !important;}
.rdbg11 {background-color:#ECECEC !important;}
.rdbg12 {background-color:#C8C9D8 !important;}

.small {font-size: 0.85em;}

.full, .list {width: 100%; float: left;}
.list li.full {width: 100% !important;}
.full.text {max-width: 750px;}
.inline-mid {display: inline-block; vertical-align: middle;}
.list li {float: left;}

ol, ul {list-style-type: none;}
ul.inline li, .inline-top {display: inline-block; vertical-align: top;}
ul.normal {list-style-type: disc; margin-top: 10px;}
ol.normal {list-style-type: decimal; margin-top: 10px;}
ul.normal li, ol.normal li {margin-left: 25px; margin-bottom: 8px;}

.left {float: left !important;}
.right {float: right !important;}
.center {text-align: center !important; margin: 0 auto;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}

.top {margin-top: 5px;}
.nomargin {margin: 0 !important;}
.last  { margin-right: 0 !important;}

.pr {position: relative;}
.pa {position: absolute;}
.oa {overflow: auto;}
.oh {overflow: hidden;}
.dn {display: none;}
.db {display: block;}

.table {display: table;}
.tab-cel {display: table-cell; vertical-align: top;}

.one-third {width: 32%; margin-right: 2%; float: left;}
.two-thirds {width: 64%; margin-right: 2%; float: left;}
.half {width: 48%; margin-right: 2%; float: left;}

.button {padding: 5px 20px;}

.form input[type=text], .form input[type=email], .form input[type=password], .form select, .form textarea {margin-top: 3px; padding: 5px 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;}
.form input[type=submit] {margin-top: 10px;}


/* z-index */
.z1 {z-index: 1}
.z10 {z-index: 10}
.z100 {z-index: 100}

/* Разделители */
.line_5, .line_10, .line_15, .line_20, .line_25, .line_30, .line_40, .line_50, .line_60, .line_70, .line_80 {width: 100%; float: left;}
.line_5 {height: 5px;}
.line_10 {height: 10px;}
.line_15 {height: 15px;}
.line_20 {height: 20px;}
.line_25 {height: 25px;}
.line_30 {height: 30px;}
.line_40 {height: 40px;}
.line_50 {height: 50px;}
.line_60 {height: 60px;}
.line_70 {height: 70px;}
.line_80 {height: 80px;}

 /* Радиусы */
.r3 {border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;} 
.r4 {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;} 
.r5 {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;} 
.r6 {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px;} 
.r8 {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px;} 
.r10 {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;} 
.r50 {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%;}

/* Постраничник */

.pages span, .pages a {display: block; float: left; margin-right: 10px; padding: 2px 8px; letter-spacing: -1px; text-align: center;}

.pages span {color: #fff; border-radius: 4px; background-color: #0F0F0F;}

.pages a {color: #0F0F0F; border-radius: 4px; text-decoration: none;}

.pages a:hover {border: solid 1px #0F0F0F; color: #0F0F0F; margin: -1px 9px 0 -1px;}



.code input {font-size: 1.8em;}
.code img {margin-top: 10px}

/* Ajax */
.ajax-block {position: relative;}
.ajax-block #mpajax_cover {position: absolute;}

#mpajax_cover {z-index: 19 !important;}
#mpajax_cover.layout {background: rgba(0,0,0,0.5) !important;}
.no-rgba #mpajax_cover.layout {background-image: url('/design/images/main-design/opacity-bg-black.png') !important;}
.svg #mpajax_cover img {display: none;}
.svg #mpajax_cover:after {top: 50%; left: 50%; position: absolute; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; display: inline-block; font-size: 30px; color: #000; text-shadow: 0px 0px 8px #fff; margin-top: -15px; margin-left: -15px;}
.svg #mpajax_cover.layout:after {color: #fff; margin-top: -35px; margin-left: -35px; font-size: 68px; text-shadow: 0px 0px 10px #000;}

.ajax-block.black #mpajax_cover {background: rgba(0,0,0,0.5) !important;}
.no-rgba .ajax-block.black #mpajax_cover {background-image: url('/design/images/main-design/opacity-bg-black.png') !important;}
.svg .ajax-block.black #mpajax_cover:after {color: #fff;}

/* Tooltip */
.no-rgba #tooltip {background-image: url('/design/images/main-design/opacity-bg-black.png') !important;}
#tooltip {background-color: rgba(0,0,0,0.7) !important; color: #ededed !important; padding: 3px 6px !important; position: absolute; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.25) !important; border: 1px solid #B2B2B2 !important; z-index: 1001 !important; max-width: 250px !important; min-width: 85px; font-family: BlogSans, Tahoma, Verdana, Helvetica, Arial, sans-serif !important; font-size: 16px !important; text-align: left !important; margin: -15px 0 0 5px; white-space: normal !important;}
#tooltip h3 {font-size: 18px; line-height: 17px; padding: 0; margin: 0}
#tooltip b {font-family: BlogSansB; font-weight: normal;}

.systemAlert {box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 0px !important; background-color: rgba(0, 0, 0, 0.6) !important;}

/* Модальный блок */
#modal-overlay {position: fixed; top: 0; width: 100%; display: none; height: 100%; z-index: 1000; background-color: rgba(0,0,0,0.7);}
.no-rgba #modal-overlay {background-image: url('/design/images/main-design/opacity-bg-black.png');}
#modal-overlay #modal {margin: 5% auto 0 auto; min-width: 790px; width: 50%; background: #FFFBF6; box-shadow: 0 0 8px 0px #000;}
#modal-overlay #modal-close {margin-top: 5px; margin-right: 5px;}
#modal-overlay #modal-content {padding: 0 20px 30px 20px; height: 80%; overflow: hidden;}

#sitestat {display: none;}
.counters {visibility: hidden;}
.sape {font-size: 9px; padding: 0 20px;}


.pageup {position: fixed; width: 50px; height: 35px; bottom: 50px; right: 20px; z-index: 999; border-radius: 4px; box-shadow: 0 0 3px #000; background-color: rgba(255,255,255,0.7);}
#footer-block.player ~ .pageup {bottom: 70px;}
.pageup ins:before {top: 3px; left: 10px; position: absolute; display: inline-block; font-size: 30px; color: #000;}
.pageup:hover ins:before {color: #ffa000;}