@font-face {
    font-family: 'LidiaC';
    src:
        url('../fonts/LidiaC.eot?#iefix') format('eot'),
        url('../fonts/LidiaC.ttf') format('truetype'),
        url('../fonts/LidiaC.svg') format('svg'),
        url('../fonts/LidiaC.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Lidia Medium';
    src: url('../fonts/Lidia Medium.eot');
    src: local('☺'),
        url('../fonts/Lidia Medium.woff') format('woff'),
        url('../fonts/Lidia Medium.ttf') format('truetype'),
        url('../fonts/Lidia Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

html, button, input, select, textarea {
    font-family: sans-serif
}

body {
    margin: 0
}
a {
    cursor: pointer;
    text-decoration: none;
    color: #e7e7e7;
}

a:focus {
    outline: thin dotted;
    text-shadow: 0 0 2px #e0e0e0;
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h2 {
    font-size: 1.5em;
    margin: .83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .67em;
    margin: 2.33em 0
}

b, strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

p, pre {
    margin: 1em 0
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before, q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl, menu, ol, ul {
    margin: 1em 0
}

dd {
    margin: 0 0 0 40px
}

menu, ol, ul {
    padding: 0 0 0 40px
}

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

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

html, button, input, select, textarea {
    color: #222
}

body {
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

input::-ms-clear, input::-ms-reveal {
    display: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(105, 105, 105);
    margin: 1em 0;
    padding: 0;
    background: rgb(65, 65, 65);
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.push_left {
    float: left
}

.push_right {
    float: right
}

.row {
    margin-left: -1%;
    vertical-align: top;
    margin-top: 2%;
    margin-bottom: 2%
}

[class^="span1"], [class*=" span1"] {
    display: inline-block;
    vertical-align: top;
}

.span1_2 {
    width: 46.3%;
    padding: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
}

.span1_3 {
    width: 29.7%;
    padding: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
}

.span1_4 {
    width: 21.4%;
    padding: 1%;
    margin-left: 1%;
    margin-bottom: 1%;
}

.img-centered {
    display: block;
    margin: 0 auto 15px;
}

/* ==========================================================================
   Irod Styles

    Typography
   ========================================================================== */
.text_mini {
    font-size: 0.7em
}

.white {
    color: white;
}

li {
    list-style: none;
}

ol.upper-roman li {
    list-style: upper-roman !important;
}

body {
    color: #fffde8;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "LidiaC", serif;
    text-align: center;
    color: rgb(255, 232, 189);
    font-weight: normal;
    text-shadow: 0 0 2px #99774d;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #333;
    border-radius: 3px;
    background: #000;
    padding: 2px 6px;
    font-size: 14px;
    color: #999;
    -webkit-transition: all .3s ease;
    -moz-transition:    all .3s ease;
    transition:         all .3s ease;
    box-shadow: 0 0 2px #505050;
}

input[type="text"]:focus,
input[type="password"]:focus {
    box-shadow: 0 0 6px gold;
    color: #fff;
}

.link {
    font-size: 14px;
    color: #f4e1ac;
    text-shadow: 0 0 1px #f4e1ac;
    text-decoration: underline;
}

.link:hover {
    text-decoration: none;
}

.text_left {
    text-align: left;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

/* ==========================================================================
    UI
   ========================================================================== */

label {
    cursor: pointer;
}

[type="checkbox"].checkbox {
    display: none;
}

.ie8 [type="checkbox"].checkbox {
    display: inline-block;
}

.ie8 #authForm [type="checkbox"].checkbox {
    position: relative;
    top: -5px;
    left: -3px;
}

.ie8 .enter_form #authForm #aRemember.checkbox {
    left: -66px;
}

label.checkbox {
    display: inline-block;
    height: 8px;
    width: 8px;
    border: 1px solid #606060;
    border-radius: 2px;
    box-shadow: inset 0 0 4px 1px rgb(141, 0, 0);
    position: relative;
}

[type="checkbox"].checkbox:checked + label.checkbox:after {
    content: "";
    display: block;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 10;
    width: 15px;
    height: 14px;
    background: url(../images/checked.png);
    border-radius: 2px;
}

.btn {
    display: inline-block;
    border: none;
    background: url(../images/sprite.png) -2px -104px;
    width: 167px;
    height: 48px;
    font-family: "Times New Roman", serif;
    font-size: 18px;
    text-align: center;
    color: rgb(223, 181, 103);
    text-shadow: 0 0 2px rgb(176, 135, 88), 0 0 8px rgb(0, 0, 0);
    line-height: 40px;
    padding-right: 5px;
    text-transform: uppercase;
    cursor: pointer;
    -khtml-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.btn:hover {
    background-position: -2px -154px;
    text-shadow: 0 0 4px #fff;
}

.btn:active {
    background-position: -2px -205px;
    color: #78573c;
    text-shadow: none;
}

.btn.btn-mini {
    background-position: -411px -7px;
    width: 92px;
    height: 34px;
    font-size: 14px;
    line-height: 30px;
}

.btn.btn-mini:hover {
    background-position: -411px -43px;
    text-shadow: 0 0 4px #fff;
}

.btn.btn-mini:active {
    background-position: -411px -79px;
    color: #78573c;
    text-shadow: none;
}

.btn.btn-large {
    background-position: -180px -67px;
    width: 222px;
    height: 56px;
    font-size: 18px;
    line-height: 50px;
    padding-right: 0;
}

.btn.btn-large:hover {
    background-position: -180px -125px;
    text-shadow: 0 0 4px #fff;
}

.btn.btn-large:active {
    background-position: -180px -184px;
    color: #78573c;
    text-shadow: none;
}
.btn.padding-bottom {
    padding-bottom: 8px;
    display: block;
    margin: auto;
}

.art_btn {
    text-align: center;
}

.art_btn img {
    position: relative;
    z-index: 5;
    margin-bottom: -12px;
}

.art_btn .btn {
    position: relative;
    z-index: 10;
}

.art_btn:hover .btn {
    background-position: -2px -154px;
    text-shadow: 0 0 4px #fff;
}

.art_btn:active .btn {
    background-position: -2px -205px;
    color: #78573c;
    text-shadow: none;
}
#Servers .btn {
    margin: 8px 35px 5px;
    opacity: .85;
}
#Servers .btn.active {
    opacity: 1;
}

ul.nav {
    padding: 0;
}

ul.nav li {
    display: inline-block;
}

.radiobox {
    position: relative;
}
.radiobox input[type=radio],
.radiobox input[type=radio] + span,
.radiobox input[type=radio] + span::before,
.radiobox input[type=radio] + span::after {
    vertical-align: middle;
    display: inline-block;
}
.radiobox input[type=radio] {
    position: absolute;
    display: none;
}
.ie8 .radiobox input[type=radio] {
    position: relative;
    display: inline;
}
.radiobox input[type=radio] + span::before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 10px;
    border-radius: 50%;
    border: 1px rgb(95, 95, 95) solid;
    background: #32312f;
    margin-top: -2px;
    box-shadow: inset 0 0 10px #000;
}
.radiobox input[type=radio]:checked + span::after {
    text-indent: -9999px;
    position: absolute;
    content: "\2022";
    background: #fff;
    z-index: 1000;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 4px;
    top: 7px;
    box-shadow: 0 0 4px 1px #fbfbff;
}
.radiobox input[type=radio]:not(:checked):disabled + span::before {
    cursor: default;
    background: #e6e6e6;
}
.radiobox input[type=radio]:disabled + span::before {
    cursor: default;
    background: #ebebeb;
}
.radiobox:hover input[type=radio]:disabled + span::before {
    cursor: default;
    background: #e6e6e6;
}
/* ==========================================================================
   Главная - Вход
   ========================================================================== */
a, img, input {
    outline: none;
}

body {
    background: black;
    font-family: "Times New Roman", Tahoma, serif;
    min-width: 1250px;
}

.promo {
    height: 583px;
    position: relative;
    background: url(../images/irod_main.jpg) center no-repeat;
}

.flash_gate {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.irod_logo {
    width: 437px;
    height: 190px;
    margin: 0 auto;
    background: url(../images/irod_logo.png) no-repeat 0 -71px;
    position: relative;
    z-index: 2;
}

.enter_form {
    position: relative;
    z-index: 2;
    width: 146px;
    margin: 20px auto 0;
    text-align: center;
    padding-left: 1px;
}

.enter_form [type="text"],
.enter_form [type="password"] {
    background: rgba(122, 0, 3, .4);
    border: 1px solid rgba(244, 244, 244, .49);
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;

    color: #fff;
    text-align: center;
    font-size: 18px;
    font-family: "Times New Roman", serif;
    font-weight: normal;
    padding: 3px;
    width: 100%;
    margin-bottom: 7px;
    box-shadow: inset 0 0 8px 2px rgb(141, 0, 0);
}

.ie8 .enter_form [type="text"],
.ie8 .enter_form [type="password"] {
    background: none;
    border: 1px solid rgb(244, 244, 244);
}

.enter_form .helper {
    position: relative;
    height: 20px;
}

.enter_form .helper label {
    position: absolute;
    left: 14px;
    line-height: 10px;
}

.enter_form .helper label.checkbox {
    left: 0;
}

.ie8 .enter_form .helper label.checkbox {
    display: none;
}

.enter_form .helper a {
    position: absolute;
    right: -7px;
    letter-spacing: -0.05em;
    line-height: 10px;
    text-decoration: underline;
}

.enter_form .helper a:hover {
    text-decoration: none;
}

.enter_form img.safecode {
    float: left;
    border-radius: 2px;
    box-shadow: 0 0 8px 2px rgb(141, 0, 0);
    width: 65px;
    height: 32px;
}
.controls img.safecode {
    margin-left: 10px;
    width: 65px;
    height: 32px;
}

.enter_form img.safecode + input {
    width: 50%;
    margin-right: -12px;
}

.ie8 .enter_form img.safecode + input {
    width: 50%;
    margin-right: -12px;
    background: url(../images/pixel.gif) repeat;
}

.enter_form #btnAuth {
    width: 150px;
    height: 80px;
    background: url(../images/promo_btn.png) 0 -80px;
    border: none;
    display: block;
    outline: none;
}

.enter_form #btnAuth:hover {
    background-position: 0 0;
}

.enter_form #btnAuth:active {
    background-position: 0 -160px;
}

.promo .register_btn {
    display: block;
    margin: 30px auto 0;
    width: 320px;
    height: 80px;
    background: url(../images/promo_btn.png) -150px -80px;
    position: relative;
    z-index: 2;
}

.promo .register_btn:hover {
    background-position: -150px 0;
}

.promo .register_btn:active {
    background-position: -150px -160px;
}

.social {
    width: 240px;
    margin: auto;
    position: relative;
    text-align: center;
    z-index: 2;
}

.social > a {
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../images/sprite.png);
    vertical-align: -11px;
}

.social a.odkl {
    background-position: -28px 0;
}

.social a.mr {
    background-position: -57px 0;
}

/* ==========================================================================
   Основное меню
   ========================================================================== */

.main_nav {
    height: 136px;
    background: url(../images/main_nav_bg.jpg) repeat-x;
}

.main_nav > div > a {
    display: inline-block;
    text-align: center;
}
.main_nav .main_nav_wrap {
    width: 1220px;
    margin: auto;
}

.main_nav .img {
    height: 103px;
    width: 149px;
    background: url('../images/main_menu_items.png');
    display: inline-block;
    position: relative;
    z-index: 2;
}

.main_nav .nav1 .img {
    background-position: -3px 0;
}

.main_nav .nav2 .img {
    background-position: -175px 0;
}

.main_nav .nav3 .img {
    background-position: -315px 0;
}

.main_nav .nav4 .img {
    background-position: -480px 0;
}

.main_nav .nav5 .img {
    background-position: -677px 0;
}

.main_nav .nav6 .img {
    background-position: -857px 0;
}

.main_nav .nav7 .img {
    background-position: -1024px 0;
}

.main_nav .nav8 .img {
    background-position: -1192px 0;
}

.nav1:hover .img {
    background-position: -3px -104px;
}

.nav2:hover .img {
    background-position: -175px -104px;
}

.nav3:hover .img {
    background-position: -315px -104px;
}

.nav4:hover .img {
    background-position: -480px -104px;
}

.nav5:hover .img {
    background-position: -677px -104px;
}

.nav6:hover .img {
    background-position: -857px -104px;
}

.nav7:hover .img {
    background-position: -1024px -104px;
}

.nav8:hover .img {
    background-position: -1192px -104px;
}

.main_nav a .title {
    font-family: "LidiaC", serif;
    font-size: 20px;
    text-align: center;
    margin-top: -8px;
    color: #f2c46e;
    text-shadow: 0 0 3px #000;
    -webkit-transition: text-shadow .2s ease;
    -moz-transition:    text-shadow .2s ease;
    transition:         text-shadow .2s ease;
}

.main_nav > a:hover .title {
    text-shadow: 0 0 10px #ffc21d;
    color: #ffec90;
}

/* ==========================================================================
   Содержание
   ========================================================================== */

.wrap {
    background: url(../images/wrap_bg.jpg) repeat-y center top;
    padding-bottom: 60px;
}

.wrap .flags {
    height: 154px;
    background: url(../images/flags.jpg) no-repeat center top;
    text-align: center;
    position: relative;
    width: 1250px;
    margin: auto;
}

.wrap .flags ul {
    width: 200px;
    padding: 0;
    vertical-align: middle;
    position: absolute;
    top: 38px;
    left: 95px;
}
.wrap .flags .flag2 {
    left: 410px;
}
.wrap .flags .flag3 {
    left: 710px;
}
.wrap .flags .flag4 {
    left: 1023px;
}

.flags ul li {
    color: #f4d696;
    font-size: 14px;
    font-family: "Times New Roman", Georgia, serif;
    text-shadow: 0 0 1px #f4d696, 0 0 5px #000, 0 0 10px #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 18px;
}

.container {
    width: 1200px;
    margin: 0 auto;
    padding-top: 80px;
}

.side_bar {
    width: 250px;
    float: left;
}

.side_bar.right {
    float: right;
}

/* ==========================================================================
   Контент
   ========================================================================== */

.content {
    background: url(../images/pattern_opacity.png);
    background: rgba(0, 0, 0, .65);
    width: 910px;
    float: left;
    margin-left: 38px;
}

.content.inner {
    width: 625px;
}

.content .content_wrap {
    padding: 20px;
    position: relative;
}

#main_carousel .carousel-indicators {
    position: absolute;
    bottom: -26px;
    left: 22%;
    z-index: 5;
    margin: 0;
    list-style: none;
    top: auto;
    right: auto;
}

#main_carousel .carousel-indicators li {
    display: block;
    float: left;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    text-transform: uppercase;
    text-indent: 0;
    font-size: 18px;
    text-shadow: 0 0 2px gold, 0 0 5px #000;
    cursor: pointer;
    margin: 1px 16px 1px 0;
}

#main_carousel .carousel-indicators li.active {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 0 16px 0 0;
}

#main_carousel .carousel-control {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 40px;
    height: 40px;
    font-size: 60px;
    text-align: center;
    vertical-align: middle;
    background: #222222;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius:    50px;
    border-radius:         50px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    -moz-transition:    all .3s ease;
    transition:         all .3s ease;
    border: 1px solid transparent;
}

#main_carousel .carousel-control.right {
    left: auto;
    right: 10px;
}

#main_carousel:hover .carousel-control {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

#main_carousel .carousel-control:hover {
    filter: alpha(opacity=60);
    opacity: .6;
    border: 1px solid hsla(0, 0%, 100%, .6);
    -webkit-box-shadow: 0 0 2px hsla(0, 0%, 100%, .6);
    -moz-box-shadow:    0 0 2px hsla(0, 0%, 100%, .6);
    box-shadow:         0 0 2px hsla(0, 0%, 100%, .6);
}

#main_carousel .carousel-inner {
    max-height: 352px;
    overflow: hidden;
}

#main_carousel .carousel-inner > .item > img,
#main_carousel .carousel-inner > .item > a > img {
    width: 100%;
}

.content_wrap #cashier {
    width: 100%;
    height: 1100px;
}

.content_wrap .header {
    background: url(../images/sprite.png) 0 -253px;
    width: 225px;
    height: 73px;
    font-family: "LidiaC", serif;
    font-size: 20px;
    text-align: center;
    color: #f2c46e;
    text-shadow: 0 0 3px #000, 0 0 6px #000, 0 0 8px #fff;
    margin: -38px auto 0;
    line-height: 76px;
}

.content_wrap .text ul,
.content_wrap .text ol {
    margin-top: 0;
    padding: 0;
}

.content_wrap .text p {
    margin: 5px 0;
}

.content_wrap .text table {
    width: 600px;
    margin: auto;
}

.content_wrap .text td {
    text-align: center;
    border-top: 1px solid hsla(0, 0%, 100%, .25);
    border-bottom: 1px solid hsla(0, 0%, 100%, .25);
}

.content_wrap .text .red {
    text-indent: 25px;
    color: rgb(255, 232, 189);
}

.content_wrap .text .decimal li {
    list-style-type: decimal;
    list-style-position: inside;
}

.content_wrap .text .disc li {
    list-style-type: disc;
    list-style-position: inside;
}

.content_wrap .text .image-left {
    margin-right: 20px;
    float: left;
}

.content_wrap .text .herro {
    display: inline-block;
    width: 100%;
    margin: 4px 0;
}

.content_wrap .text.terms p,
.content_wrap .text.terms li {
    margin-bottom: 7px;
}

.content_wrap .text.terms ul {
    margin-left: 25px;
}

#call_me, #payment_history {
    position: absolute;
    top: 20px;
}

#call_me {
    left: 50px;
}

#payment_history {
    right: 50px;
}

.payment_cell {
    width: 100%;
    height: 78px;
    background: url(../images/payment_flag.png) center no-repeat;
    line-height: 78px;
}

.payment_wrap {
    width: 700px;
    margin: auto;
}

.payment_cell > a > img {
    width: 80%;
}

.news_container {
    margin-bottom: 60px;
}

.news_container h4 {
    color: #fff;
    margin-bottom: 4px;
}

.news_container .news_wrap {
    background: #000;
    border: 1px solid #4e4e4e;
    border-radius: 2px;
    padding: 10px;
    font-size: 14px;
    position: relative;
}

.news_container .news_wrap img {
    border: 1px solid #4e4e4e;
    box-shadow: 0 0 3px #4e4e4e;
    margin: 0 10px 10px 0;
}

.news_container .public_date {
    text-shadow: 0 0 2px #a3a3a3;
    font-size: 14px;
    margin-top: 4px;
}

.vertical_form {
    margin-top: 20px;
}

.vertical_form .input_group {
    margin-bottom: 10px;
}

.vertical_form .input_group label[for] {
    display: inline-block;
    width: 160px;
    text-align: right;
    text-shadow: 0 0 2px #828282;
    padding-right: 10px;
}

.vertical_form input {
    position: relative;
    z-index: 20;
}

.vertical_form .input_group input[type="text"],
.vertical_form .input_group input[type="password"] {
    width: 180px;
    padding: 4px 6px;
}

.input_group .controls {
    display: inline-block;
    position: relative;
}

.input_group .controls .b-socialID {
    margin-top: 3px;
}

#formProfile .input_group label[for] {
    width: 442px;
}

#formProfile .input_group input[type='button'] {
    display: inline-block;
    font-family: "Times New Roman", serif;
    text-align: center;
    color: rgb(223, 181, 103);
    text-shadow: 0 0 2px rgb(176, 135, 88), 0 0 8px rgb(0, 0, 0);
    text-transform: uppercase;
    height: 100%;
    background: #4f0000;
    padding: 4px 10px;
    border: 1px solid #3a0000;
    border-radius: 3px;
}

#formProfile .input_group input[type='button']:hover {
    background-position: -2px -154px;
    text-shadow: 0 0 4px #fff;
    background: #890000;
}

#formProfile .input_group input[type='button']:active {
    background: #4f0000;
    background-position: -2px -205px;
    color: #78573c;
    text-shadow: none;
}

#reg_safecode {
    width: 98px;
    text-align: center;
}
.captcha_input {
    display: inline-block;
    width: 191px;
    text-align: left;
}

label.checkbox.checkRule {
    width: 16px;
    height: 16px;
    box-shadow: none;
    border-color: #4c4c4c;
    vertical-align: middle;
    margin-right: 82px;
}

.ie8 label.checkbox.checkRule {
    display: none;
}

[type="checkbox"].checkbox:checked + label.checkbox.checkRule:after {
    width: 15px;
    height: 14px;
    background: url(../images/checked.png);
    top: 1px;
    left: 1px;
}

label[for="checkRule"] {
    font-size: 14px;
    text-shadow: 0 0 2px #b0b0b0;
}

.vertical_form .text_center .btn {
    margin-top: 40px;
}

.nav.about-game {
    text-align: center;
    padding: 0;
    margin: 0;
}

.nav.about-game li a {
    font-family: "LidiaC", serif;
    text-align: center;
    color: rgb(255, 232, 189);
    font-weight: normal;
    text-shadow: 0 0 2px #99774d;
    font-size: 1em;
    margin: 0 20px;
}

.nav.about-game li a:hover,
.nav.about-game li a.active {
    color: #fff;
    text-shadow: 0 0 2px #fffafe;
}

a.about_link img, a.about_link h4 {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition:    all .3s ease-in-out;
    -o-transition:      all .3s ease-in-out;
}

a.about_link:hover img {
    box-shadow: 0 0 4px gold;
    border-radius: 3px;
}

a.about_link:hover h4 {
    text-shadow: 0 0 10px #feff00;
}

.modal {
    background: url(../images/pattern_opacity.png);
    background: rgba(0, 0, 0, .65);
    width: 650px;
    padding: 10px;
    position: absolute;
    font-size: 16px;
    text-shadow: 0 0 2px #c8c8c8;
    box-shadow: 0 0 10px rgb(43, 43, 43);
}

.modal .header {
    margin: 0;
    position: absolute;
    top: -18px;
    left: 213px;
}

.modal .header ~ .modal_content {
    margin: 60px 0 0 0;
}

.modal .close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 17px;
    height: 20px;
    background: url(../images/sprite.png) -4px -34px;
    cursor: pointer;
}

.modal .modal_content {
    margin: 30px 0 0 0;
}

.modal .header ~ .modal_content {
    margin: 60px 0 0 0;
}

.modal input[type="text"],
.modal input[type="password"] {
    width: 200px;
    border-color: #848484;
    padding: 4px 6px;;
}
.modal_content .vertical_form .input_group {
    margin-right: 194px;
    margin-bottom: 20px;
}
.modal_content .vertical_form .input_group label[for] {
    text-shadow: 0 0 2px #fff;
}
.question_list {
    display: inline-block;
    width: 200px;
    text-align: left;
}
.question_list li {
    margin-bottom: 4px;
}
.date_picker {
    margin-top: 40px;
}

.date_picker .artSelect {
    margin: 0 3px;
}

/* ==========================================================================
   Виджеты
   ========================================================================== */

/* Карусель, bootstrap */

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition:    .6s ease-in-out left;
    -o-transition:      .6s ease-in-out left;
    transition:         .6s ease-in-out left;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    line-height: 1;
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
    display: block;
}

.carousel-inner > .active {
    left: 0;
}

.carousel-inner > .next,
.carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-inner > .next {
    left: 100%;
}

.carousel-inner > .prev {
    left: -100%;
}

.carousel-inner > .next.left,
.carousel-inner > .prev.right {
    left: 0;
}

.carousel-inner > .active.left {
    left: -100%;
}

.carousel-inner > .active.right {
    left: 100%;
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius:    23px;
    border-radius:         23px;
    filter: alpha(opacity=50);
    opacity: .5;
}

.carousel-control.right {
    left: auto;
    right: 15px;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    filter: alpha(opacity=90);
    opacity: .9;
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none;
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, .25);
    border-radius: 5px;
}

.carousel-indicators .active {
    background-color: #fff;
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, .75);
}

.carousel-caption h4,
.carousel-caption p {
    color: #ffffff;
    line-height: 20px;
}

.carousel-caption h4 {
    margin: 0 0 5px;
}

.carousel-caption p {
    margin-bottom: 0;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition:    opacity .15s linear;
    -o-transition:      opacity .15s linear;
    transition:         opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition:    height .35s ease;
    -o-transition:      height .35s ease;
    transition:         height .35s ease;
}

.collapse.in {
    height: auto;
}

/*=== Статистика ===*/

.side_bar .widget {
    padding: 20px 15px 10px;
    background: url(../images/pattern_opacity.png);
    background: rgba(0, 0, 0, .65);
    margin-bottom: 40px;
}

.side_bar .widget .header {
    font-family: "LidiaC", serif;
    font-size: 18px;
    text-align: center;
    margin-top: -36px;
    color: #f2c46e;
    text-shadow: 0 0 3px #000, 0 0 6px #000, 0 0 8px #fff;
    background: url(../images/sprite.png) -106px 0;
    height: 58px;
    vertical-align: 20px;
    margin-bottom: 10px;
}

.widget .header span {
    vertical-align: -25px;
}

.selectors .sel_group {
    position: relative;
    text-align: right;
    margin: 4px 0;
}

.sel_group > span {
    color: #f4e1ac;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 0 2px #d9c699;
    margin-right: 8px;
}

.selectors select {
    width: 110px;
}

.artSelect {
    display: inline-block;
    position: relative;
}

.artSelect .dropDown {
    position: absolute;
    z-index: 2;
    border-radius: 3px;
    background: #101010;
    text-align: left;
    top: 10px;
    padding: 0;
    border: 2px solid #2f2f2f;
    left: -1px;
    box-shadow: inset 0 0 5px #000;
    overflow: hidden;
}

.artSelect .selectBox {
    border: 1px solid rgb(85, 85, 85);
    border-radius: 3px;
    padding: 2px 5px;
    text-align: left;
    color: #fff;
    font-size: 15px;
    position: relative;
    z-index: 1;
    text-shadow: 0 0 2px #fff;
    background: #000 url(../images/selectArrow_down.png) no-repeat 100% center;
    cursor: pointer;
}

.artSelect .dropDown li {
    cursor: pointer;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #000000;
    padding-left: 6px;
}

.artSelect .dropDown li:hover {
    background: #7c7c7c;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #7c7c7c 0%, #353535 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7c7c7c), color-stop(100%, #353535));
    background: -webkit-linear-gradient(top, #7c7c7c 0%, #353535 100%);
    background: -o-linear-gradient(top, #7c7c7c 0%, #353535 100%);
    background: -ms-linear-gradient(top, #7c7c7c 0%, #353535 100%);
    background: linear-gradient(to bottom, #7c7c7c 0%, #353535 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7c7c', endColorstr='#353535', GradientType=0);

    border-radius: 2px;

    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}
.dropDown .content {
    margin: 0;
    padding: 0;
}

.statistic table {
    text-align: center;
    margin-top: 16px;
    width: 100%;
}

.statistic table th {
    color: #f4e1ac;
    font-size: 14px;
    text-transform: uppercase;
    text-shadow: 0 0 1px #d9c699;
    font-weight: normal;
}

#tblTops{font-size:13px;}

/*=== Новости ===*/

.widget .last_news {
    font-family: "Times New Roman", Taahoma, serif;
    font-size: 14px;
    color: #ffeedc;
}

.last_news .news_wrap {
    margin-bottom: 10px;
}

.last_news .news_wrap:first-child:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    margin-top: 6px;
    background: #878787;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,  hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0.4) 20%, hsla(0,0%,100%,0.4) 80%, hsla(0,0%,100%,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,100%,0)), color-stop(20%,hsla(0,0%,100%,0.4)), color-stop(80%,hsla(0,0%,100%,0.4)), color-stop(100%,hsla(0,0%,100%,0)));
    background: -webkit-linear-gradient(left,  hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.4) 20%,hsla(0,0%,100%,0.4) 80%,hsla(0,0%,100%,0) 100%);
    background: -o-linear-gradient(left,  hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.4) 20%,hsla(0,0%,100%,0.4) 80%,hsla(0,0%,100%,0) 100%);
    background: -ms-linear-gradient(left,  hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.4) 20%,hsla(0,0%,100%,0.4) 80%,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(to right,  hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.4) 20%,hsla(0,0%,100%,0.4) 80%,hsla(0,0%,100%,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );

}

.last_news .news_wrap p {
    margin: 0;
}

.last_news .news_wrap .title {
    display: inline-block;
    text-transform: uppercase;
}

.last_news img {
    float: left;
    width: 73px !important;
    height: auto !important;
    box-shadow: 0 0 3px 1px #573e27;
    margin: 0 10px 0 0;
}

.last_news .date {
    color: #fff;
    font-size: 12px;
    float: left;
    display: inline;
}

.last_news .readmore {
    float: right;
}

.last_news .readmore:hover {
    text-decoration: underline;
}

.news_container .readmore {
    text-decoration: none;
}

.news_container .readmore:hover {
    text-decoration: underline;
}

.last_news .read_all_news {
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
    display: block;
}

.read_all_news:hover {
    text-decoration: none;
}

/*=== Авторизация юзера ===*/
.user_auth .input_group {
    margin: 12px 0;
    position: relative;
}

.user_auth .input_group label {
    display: inline-block;
    width: 76px;
    float: left;
    text-align: right;
    text-transform: uppercase;
    color: #f4e1ac;
    text-shadow: 0 0 1px #f4e1ac;
    margin-right: 10px;
    padding-top: 3px;
}

.input_group label.checkbox {
    width: 10px;
    height: 7px;
    box-shadow: none;
    float: left;
}

.ie8 .input_group label.checkbox {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.input_group label.checkbox span {
    position: absolute;
    font-size: 14px;
    right: -72px;
    top: -5px;
    font-family: "Times New Roman", Tahoma, serif;
    color: #fffde8;
    text-shadow: none;
    text-transform: lowercase;
}

.user_auth input[type="text"],
.user_auth input[type="password"] {
    width: 112px;
    padding: 4px 6px;
}

#safe_code_input {
    width: 33px;
    text-align: center;
    vertical-align: -1px;
}

.user_auth .input_group.submit_group {
    margin-right: -16px;
}

.user_auth .btn.btn-large {
    margin: 10px 0;
}

.user_auth .social {
    float: left;
    font-size: 11px;
    width: 138px;
    text-align: left;
    margin-left: -6px;
}

.user_auth .social > a {
    display: inline-block;
    margin-right: -7px;
}

.user_auth .forgot_password {
    font-size: 12px;
    text-decoration: underline;
    display: block;
    width: 87px;
    margin-right: -6px;
    float: right;
    margin-top: 5px;
}
.user_auth .forgot_password:hover {
    text-decoration: none;
}
.user_auth [type="checkbox"].checkbox:checked + label.checkbox:after {
    left: -2px;
}
/*=== Юзер авторизирован ===*/
.user_auth_success h4,
.user_auth_success h5 {
    margin: 0.5em 0;
}

.user_auth_success {
    text-align: center;
}

/* Карусель мини */

#main_carousel.mini .carousel-indicators {
    bottom: -23px;
    left: 2%;
}

#main_carousel.mini .carousel-indicators li {
    font-size: 14px;
    margin: 1px 4px;
}

#main_carousel.mini .carousel-indicators li.active {
    margin: 0 4px;
}

/* Скриншот */
#screenshot {
    position: fixed;
    left: 10%;
    top: 10%;
    z-index: 100;
    background: url(../images/pattern_opacity75.png);
    background: rgba(0, 0, 0, .75);
    padding: 20px;
    display: none;
}

#mask_overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 5;
}

/* ==========================================================================
   Подсказки для инпутов
   ========================================================================== */

.fieldTip {
    opacity: 0;
    height: 28px;
    margin: 0;
    padding-left: 7px;
    position: absolute;
    text-align: left;
    width: 250px;
    z-index: 5;
    left: 237px;
    top: -1px;
    -webkit-transition: all .2s ease-out;
    -moz-transition:    all .2s ease-out;
    -ms-transition:     all .2s ease-out;
    -o-transition:      all .2s ease-out;
    transition:         all .2s ease-out;
}

.fieldTip div:first-child {
    display: table;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.fieldTip span {
    display: table-cell;
    padding: 0 10px 0 5px;
    position: relative;
    vertical-align: middle
}

.fieldTip em {
    color: #fff;
    display: inline-block;
    font: 11px Tahoma, serif;
    position: relative;
    vertical-align: middle;
    width: 100%;
    line-height: 10px;
}

.fieldTip.about {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZiNDYyYyIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYjJjMTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(107, 70, 44, 0.93) 0%, rgba(59, 44, 24, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(107, 70, 44, 0.93)), color-stop(100%, rgba(59, 44, 24, 0)));
    background: -webkit-linear-gradient(left, rgba(107, 70, 44, 0.93) 0%, rgba(59, 44, 24, 0) 100%);
    background: -o-linear-gradient(left, rgba(107, 70, 44, 0.93) 0%, rgba(59, 44, 24, 0) 100%);
    background: -ms-linear-gradient(left, rgba(107, 70, 44, 0.93) 0%, rgba(59, 44, 24, 0) 100%);
    background: linear-gradient(to right, rgba(107, 70, 44, 0.93) 0%, rgba(59, 44, 24, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed6b462c', endColorstr='#003b2c18', GradientType=1);
}

.fieldTip.err, .fieldTip.exist, .fieldTip.db, .fieldTip.no_match, .fieldTip.double, .fieldTip.count {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E4MTcxMiIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhODE3MTIiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(168, 23, 18, 0.93) 0%, rgba(168, 23, 18, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(168, 23, 18, 0.93)), color-stop(100%, rgba(168, 23, 18, 0)));
    background: -webkit-linear-gradient(left, rgba(168, 23, 18, 0.93) 0%, rgba(168, 23, 18, 0) 100%);
    background: -o-linear-gradient(left, rgba(168, 23, 18, 0.93) 0%, rgba(168, 23, 18, 0) 100%);
    background: -ms-linear-gradient(left, rgba(168, 23, 18, 0.93) 0%, rgba(168, 23, 18, 0) 100%);
    background: linear-gradient(to right, rgba(168, 23, 18, 0.93) 0%, rgba(168, 23, 18, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eda81712', endColorstr='#00a81712', GradientType=1);
}

.fieldTip.suc {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE3NzUyNyIgc3RvcC1vcGFjaXR5PSIwLjkzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNzc1MjciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(23, 117, 39, 0.93) 0%, rgba(23, 117, 39, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(23, 117, 39, 0.93)), color-stop(100%, rgba(23, 117, 39, 0)));
    background: -webkit-linear-gradient(left, rgba(23, 117, 39, 0.93) 0%, rgba(23, 117, 39, 0) 100%);
    background: -o-linear-gradient(left, rgba(23, 117, 39, 0.93) 0%, rgba(23, 117, 39, 0) 100%);
    background: -ms-linear-gradient(left, rgba(23, 117, 39, 0.93) 0%, rgba(23, 117, 39, 0) 100%);
    background: linear-gradient(to right, rgba(23, 117, 39, 0.93) 0%, rgba(23, 117, 39, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed177527', endColorstr='#00177527', GradientType=1);
}

input:focus + .fieldTip,
.fieldTip.err,
.fieldTip.exist {
    display: block;
    opacity: 1;
    left: 207px;
}

.ie8 .fieldTip {
    display: none;
}


/* ==========================================================================
   Nano scroller
   ========================================================================== */
.nano {
    position : relative;
    width    : 100%;
    overflow : hidden;
}
.nano .content {
    position      : absolute;
    overflow      : scroll;
    overflow-x    : hidden;
    top           : 0;
    right         : 0;
    bottom        : 0;
    left          : 0;
}
.nano .content:focus {
    outline: thin dotted;
}
.nano .content::-webkit-scrollbar {
    visibility: hidden;
}
.has-scrollbar .content::-webkit-scrollbar {
    visibility: visible;
}
.nano > .pane {
    background: rgba(255, 255, 255, .25);
    position: absolute;
    width: 8px;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .3;
    -webkit-transition: .2s;
    -moz-transition:    .2s;
    -o-transition:      .2s;
    transition:         .2s;
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    border-radius:         5px;
}
.nano > .pane > .slider {
    background: #444;
    background: rgba(0,0,0,.5);
    position              : relative;
    margin                : 0;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
    border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
    opacity    : .99;
}

/* ==========================================================================
   Футер
   ========================================================================== */

.footer {
    background: url(../images/footer_bg.jpg) repeat-x;
    height: 139px;
}

.footer .footer_wrap {
    width: 1200px;
    margin: auto;
}

.footer .web_money {
    padding: 54px 0 0 90px;
    text-align: center;
    display: inline-block;
}

.footer .web_money span {
    display: block;
}

.footer .oficial_group {
    font-size: 14px;
    float: right;
    display: inline-block;
    text-align: center;
    padding: 50px 60px 0 0;
}

.oficial_group span {
    display: block;
    width: 240px;
    height: auto;
    background: none;
    text-shadow: 0 0 1px #fff;
}

.oficial_group > a {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/sprite.png);
    margin-right: 5px;
    margin-top: 10px;
    opacity: .75;
    -webkit-transition: all .2s ease;
    -moz-transition:    all .2s ease;
    transition:         all .2s ease;
}

.oficial_group > a:hover {
    opacity: 1;
}

.oficial_group .vkontakte {
    background-position: 0 -68px;
}

.oficial_group .facebook {
    background-position: -28px -68px;
}

.oficial_group .odnoklasniki {
    background-position: -57px -68px;
}

.oficial_group .mailru {
    background-position: -86px -68px;
}

.oficial_group .twitter {
    background-position: -116px -68px;
}

.oficial_group .livejournal {
    background-position: -147px -68px;
}

.footer .copyright {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    text-shadow: 0 0 2px #c1c1c1;
}





/*-----------------------------------------------------
                Dialog Styles
------------------------------------------------------*/

#mask {
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 21;
    display: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -khtml-opacity: .5;
    -moz-opacity:   .5;
    opacity:        .5;
}

#modalWin {
    display: none;
    position: fixed;
    width: 650px;
    min-height: 110px;
    word-wrap: break-word;
    z-index: 99;
    background: url(../images/pattern_opacity75.png);
    background: rgba(0, 0, 0, .75);
    padding: 10px;
    font-size: 16px;
    text-shadow: 0 0 2px #c8c8c8;
    box-shadow: 0 0 10px rgb(43, 43, 43);
    border: 1px solid #666;
    border: 1px solid hsla(0,0%,40%,.5);
}

#modalWin a {
    color: #FCE571;
}

#modalWin p {
    margin: 10px 0;
}

#modalWin .modal_icon {
    position: absolute;
    top: 5px;
    left: 5px;
}

.wrapWinMsg {
    position: relative;
    text-align: center;
    color: #FFF;
    font: 16px "Times New Roman", Tahoma, serif;
    z-index: 999;
}

.wrapWinMsg .tblWinMsg {
    position: relative;
    display: table;
    height: 80px;
    width: 100%;
    vertical-align: middle;
}

.wrapWinMsg .tdWinMsg {
    position: relative;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.wrapWinMsg .tdWinMsg .winMsg {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin: 1em 0;
}

.ie7 .wrapWinMsg .tblWinMsg {
    display: block;
}
#ChoiceAuth .inline_block {
    width: 170px;
    margin: 10px 30px 0;
    display: inline-block;
}
#ChoiceAuth .inline_block img {
    display: block;
}
#ChoiceAuth .inline_block input{
    position: relative;
    bottom: 7px;
    display: block;
    margin: 0 auto;
}

.b-ExtAuthBind, .b-ExtAuthCreate {
    display: none;
}

.ie7 .wrapWinMsg .tdWinMsg {
    display: block;
    z-index: expression(runtimeStyle.zIndex = 1, insertAdjacentHTML('beforeEnd', '<div class="auxiliary"></div>'));
}

.ie7 .wrapWinMsg .winMsg {
    display: inline;
    zoom: 1;
}

#ico-modal {
    position: absolute;
    left: -23px;
    top: -50px;
    width: 130px;
    height: 138px;
    background: url(../images/modal_icon2.png) no-repeat;
    z-index: 999;
}
#ico-modal2 {
    background: url(../images/bg/bgModal2.png) no-repeat scroll left top transparent;
    bottom: 96px;
    height: 253px;
    left: 9px;
    margin: -112px 0px;
    position: absolute;
    width: 177px;
    z-index: 999;
}
#ico-modal3 {
    background: url(../images/bg/bgModal3.png) no-repeat scroll left top transparent;
    bottom: 96px;
    height: 253px;
    left: 30px;
    margin: -117px -55px;
    position: absolute;
    width: 290px;
}
.close {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 21px;
    width: 18px;
    cursor: pointer;
    z-index: 999;
    background: url(../images/sprite.png) -4px -34px;
}

.msgAttention {
    margin: 25px 0;
    text-align: center;
    color: #F9D14D;
    font: 15px Tahoma, sans-serif;
}

#modalWin .validMsg {
    margin: 5px 0 10px;
    color: red;
    text-align: center;
    font: 12px Tahoma, sans-serif;
    text-shadow: none;
}

/*------------------------------------------
                PLAY
-------------------------------------------*/

#WrapGames {
    width: 100%;
    min-height: 100%;
    background: #000;
    text-align: center;
}

#WrapGames .serverTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1000px;
    margin-left: -500px;
    margin-top: 310px;
    text-align: left;
    z-index: 999;
}

#WrapGames .serverTitle span {
    color: #FF7E00;
    font: 13px Tahoma, sans-serif;
}

#WrapGames .serverTitle em {
    color: #3A993A;
    font: 13px Tahoma, sans-serif;
}

#WrapGames .wiki-link {
    position: absolute;
    right: 0;
    color: #FF7E00;
    font: 13px Tahoma, sans-serif;
    text-decoration: none;
}

#WrapGames .wiki-link:hover {
    text-decoration: underline;
}

#frameGame {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    margin-top: -310px;
    width:1000px;
    height:650px;
}

/*------------------------------------------
                SELECT LINK
-------------------------------------------*/
.ik_select_link{border:1px solid #555;border-radius:3px;padding:2px 5px;text-align:left;color:#fff;font-size:15px;position:relative;z-index:1;text-shadow:0 0 2px #fff;background:#000 url(../images/selectArrow_down.png) no-repeat 100% center;cursor:pointer;width:106px;display:inline-block}.ik_select_link:after,.intro-select2-link .ik_select_link_inner:after{position:absolute;top:50%;right:10px;font-size:20px;line-height:24px;margin-top:-11px}.ik_select_link.ik_select_link_disabled{opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50)}.ik_select_link_text{display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ik_select_dropdown{top:41px;background:#101010;-webkit-border-radius:3px;border-radius:3px;text-align:left;padding:0;border:2px solid #2f2f2f;box-shadow:inset 0 0 5px #000;overflow:hidden}.ik_select_dropdown p{margin:0;padding:5px 15px}.ik_select_filter_wrap,.ik_select_nothing_found{padding:5px 15px}.ik_select_filter{padding:3px 14px;border:1px solid #333;-webkit-border-radius:5px;border-radius:5px;font-weight:300}.ik_select_filter:focus{outline:none}.ik_select_list{color:#fff}.ik_select_list .ik_select_option{padding:0 8px;background:#101010;text-align:left;border-bottom:1px solid #2f2f2f;overflow:hidden}.ik_select_list .ik_select_option.ik_select_hover{background:#7c7c7c;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top,#7c7c7c 0%,#353535 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7c7c7c),color-stop(100%,#353535));background:-webkit-linear-gradient(top,#7c7c7c 0%,#353535 100%);background:-o-linear-gradient(top,#7c7c7c 0%,#353535 100%);background:-ms-linear-gradient(top,#7c7c7c 0%,#353535 100%);background:linear-gradient(to bottom,#7c7c7c 0%,#353535 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c7c7c',endColorstr='#353535',GradientType=0);border-radius:2px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;cursor:pointer}.ik_select_list .ik_select_option_disabled{opacity:.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50)}.ik_select_list .ik_select_optgroup{padding:5px 15px}.ik_select_list .ik_select_optgroup .ik_select_option{margin:0 -15px;padding:0 30px}.ik_select_list .ik_select_optgroup_label{padding-bottom:2px;font-size:12px;color:rgba(255,255,255,0.5)}.ik_select_list{cursor:default}.ik_select_list_inner ul{margin:0;padding:0}.ik_select{display:inline-block}

/*------------------------------------------
fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
-------------------------------------------*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:transparent;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../images/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(../images/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(../images/fancybox/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(../images/fancybox/fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(../images/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(../images/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}