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

.hidden-element {
    display: none;
    visibility: hidden;
}

.info, .caret-down, .arrow-up {
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.info:before {
    content: "\69";
}

.caret-down:before {
    content: "\25be";
    font-size: 10px;
}

.arrow-up:before {
    content: "\2191";
}

.clear-both {
    clear: both;
}

.body           { padding-top: 50px; background: #0a0a08 url("../images/bg-main-summer-01.jpg?v=1") 50% 0 no-repeat; font-family: Tahoma, sans-serif;}
/*body.visited    { background-image: url("../images/bg-main-hd.jpg") }*/

.clear  { display: block; position: relative; overflow: hidden; font-size: 0px; line-height: 0px; height: 1px; float: none; clear: both; margin-top: -1px; }

.footer-links-placeholder       { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; font-size: 17.5px; display: block; }



.carousel.my-carousel               { height: 250px; overflow: hidden; position: relative; z-index: 10; }


.art-placer                         { height: 190px; }


.profile-form-container form { margin: 0 0 10px; }



.profile-form-container .help-block { font-size: 0.9em; margin: 5px 0; text-align: center; }

.profile-form-container .help-block a { color: #ffffff; font-weight: 800; }

.profile-form-container input { background: url('../images/input-box.png'); text-align: center; color: #ffffff; border: none; height: 22px; padding: 4px 7px; border-radius: 0; box-shadow: none; transition: none;  }
.profile-form-container input:focus { border: 0; box-shadow: none; outline: none; }

.placeholder-block                  { text-align: center; background: #eeeeee; padding: 10px; }
.community-block-container, .latest-forum-container, .profile-block-container,
.facebook-likes-container, .video-container, .screenshots-container, .faq-container, .question-pool-container
                                    {margin-bottom: 10px;}

.landing-actions-container          { min-height: 45px; margin-bottom: 10px; z-index: 20; position: relative; }
.landing-actions-container.startpage{ min-height: inherit; }
.play-button-container              { display: block; }
.landing-actions-container .play-button-container
                                    { position: absolute; top: -70px; right: 20px; }
.landing-actions-container .breadcrumb
                                    { position: absolute; bottom: 0; left: 0; margin: 0; }


.news-thumbnails .media-image-container         { position: relative; }
.news-thumbnails .media-image-container .label  { position: absolute; top: 0; left: 0; }
.news-pager-container                           { padding-top: 10px; }


.tag-cloud          {  }
.tag-cloud a        { padding-right: 2px; }



.profile-block              { margin-bottom: 10px; }
.profile-block-avatar       { float: left; margin-right: 10px; padding: 5px 6px; height: 54px; width: 52px; background: url('../images/frames-sprite.png') -50px 0 no-repeat;}
.profile-block-nickname     { margin-bottom: 8px; padding-top: 5px; padding-bottom: 5px; color: #ffd987; text-shadow: 0px 1px 1px #000; font-weight: bold; }
.profile-block-data         {  }
.profile-block-data .btn-important.btn-success { min-width: 73px; }
.profile-block-data .btn-important.btn-danger { min-width: 30px; }

.community-block-container                  {  }
.community-block-container  .media          { font-size: 0.9em; line-height: 1.1em; position: relative; overflow: visible; }
.community-block-container  .media-body     { overflow: visible; }
.community-block-container  .media-heading  { font-size: 1.1em; line-height: 1em; }
.community-block-container  hr              { margin: 0; }


.community-block-container  .media-active   { position: absolute; top: 30%; right: -10px; overflow: auto;  }

.community-article-container h2 small       { line-height: 40px; }


.blogSlider                     { padding-left: 50px; padding-right: 50px; }
.blogSlider .item               { min-height: 100px; }
.blogSlider .thumbnails         { margin-left: -10px; margin-bottom: 0px; }
.blogSlider .thumbnails > li    { margin-left: 10px; }
.blogSlider div.thumbnail       { font-size: 0.9em; line-height: 1.2em; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.blogSlider .span3              { width: 193px; margin-bottom: 0px; }
.blogSlider .carousel-control   { top: 65px; left: 0px; }
.blogSlider .carousel-control.right  { right: 0px; left: auto; }

.info-icon {
    background: url('../images/icons.png') 0 -140px no-repeat transparent;
    height: 28px;
    width: 34px;
    margin: -1px auto 0 auto;
}

.level-1-icon {
    background: url('../images/icons.png') 0 0px no-repeat transparent;
    height: 28px;
    width: 34px;
    margin: -1px auto 0 auto;
}

.level-2-icon {
    background: url('../images/icons.png') 0 -28px no-repeat transparent;
    height: 28px;
    width: 34px;
    margin: -1px auto 0 auto;
}

.tactics-on-icon {
    background: url('../images/icons.png') 0 -56px no-repeat transparent;
    height: 28px;
    width: 34px;
    margin: -1px auto 0 auto;
}

.tactics-off-icon {
    background: url('../images/icons.png') 0 -56px no-repeat transparent;
    height: 28px;
    width: 34px;
    margin: -1px auto 0 auto;
}

.pvp-icon {
    background: url('../images/icons.png') 0 -84px no-repeat transparent;
    height: 28px;
    width: 35px;
    margin: -1px auto 0 auto;
}

.pve-icon {
    background: url('../images/icons.png') 0 -112px no-repeat transparent;
    height: 28px;
    width: 35px;
    margin: -1px auto 0 auto;
}


/* PROFILE */
.profile-header                     { position: relative; }
.profile-header .profile-actions    { float: right; }
.profile-header h2                  { float: left; }

.profile-summary-container                          { color: #92492a; }
.profile-summary-container .help-block              { color: #92492a; font-size: 0.80em; margin-bottom: 0; position: relative; top: -7px; }
.profile-summary-container .accordion-inner         { border: none; }
.profile-summary-container .statistics-container, .profile-summary-container .achievements-container
                                                    { padding: 0; background: 0; }

.achievements-container .media                      { margin-top: 0px; margin-bottom: 15px; font-size: 0.9em; line-height: 1em; overflow: hidden; }
.achievements-container .span8                      {  }


.profile-edit-container         { padding-left: 10px; width: 620px;}

.last-searched                  { color: #92492a; font-size: 13px; }
.last-searched .pill-frame      { display: inline-block; *display: inline; zoom: 1; margin-left: 5px; }

.profile-description-container  { margin-left: 80px; position: relative; }
.profile-description-container .nav { margin-bottom: 0; position: absolute; left: 0; right: 0; }
.profile-data-container         { padding-top: 40px; }
.profile-person-data-container,
.profile-person-data-edit-container  { padding-left: 80px; }
.profile-person-data-container .media-body,
.profile-person-data-edit-container .media-body { min-height: 35px }
.profile-person-data-container .news-separator,
.profile-person-data-edit-container .news-separator { position: relative; left: -80px; width: 656px; }

.profile-person-data-container .media  { }
.profile-person-avatar          { position: absolute;margin-top: -40px; margin-left: -80px; padding: 5px 6px; height: 54px; width: 52px; background: url('../images/frames-sprite.png') -50px 0 no-repeat;}

.profile-description-text-container { display: inline-block; *display: inline; border: 1px solid #000; border-radius: 3px; }
.profile-description-text           { width: 550px; color: #92492a; font-size: 14px; padding: 10px; margin:0; white-space: pre-wrap;
                                      border: 1px solid #adadad; background: #fedc91 url('../images/profile-textarea-bg-main.png');
                                      position: relative; z-index: 1; border-radius: 2px;
                                      -moz-box-shadow: inset 0 0 3px 1px #6e582f; -webkit-box-shadow: inset 0 0 3px 1px #6e582f; box-shadow: inset 0 0 3px 1px #6e582f; }
textarea.profile-description-text:focus { border-color: #adadad;
                                      -webkit-box-shadow: inset 0 0 1px 0px #6e582f; -moz-box-shadow: inset 0 0 1px 0px #6e582f; box-shadow: inset 0 0 1px 0px #6e582f; }

.span-profile-data              { width: 245px; }

.profile-description-view       { margin: 0; }
.profile-description-view a     { color: #92492a; text-decoration: underline; }
.profile-description-view a:hover{ text-decoration: none; }
.profile-description-view dt    { margin: 0 5px 0 0; font-size: 14px; font-weight: bold; line-height: 20px; }
.profile-description-view dd    { font-size: 14px; font-weight: normal; line-height: 20px; margin: 0 0 10px 0; }

/* FORM elements */
.styled-input-text-container     { border: 1px solid #000; display: inline-block; *display: inline; border-radius: 4px; position: relative; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; }


input.styled-input-text,
input.styled-input-text:focus    { border: 1px solid #c3c3c3; background: #4d4a47 url('../images/input-bg-main.png'); color: #fff; margin:0; position: relative; z-index: 1;
                                   padding-top: 3px; padding-bottom: 3px;
                                   -webkit-box-shadow: inset 0 0 4px 0px #000; -moz-box-shadow: inset 0 0 4px 0px #000; box-shadow: inset 0 0 4px 0px #000; }
.styled-input-text-container:before,
.styled-input-text-container:after  { content: ""; position: absolute; z-index: 5; top: -1px; height: 30px; width: 15px;
                                      background: url('../images/input-text-sprite.png') -100% -100% no-repeat; }
.styled-input-text-container:before { left: -10px; background-position: 0 -30px; }
.styled-input-text-container:after  { right: -10px; background-position: 100% -30px; }

.styled-select-container        { border: 1px solid #000; display: inline-block; *display: inline; border-radius: 4px; position: relative; margin-bottom: 10px; margin-left: 10px; margin-right: 0px; vertical-align: top; }
.styled-select-container select { margin-bottom: 0; }
.styled-select,
select.styled-select,
select.styled-select:focus:required:invalid:focus,
select.styled-select:focus      { display: block; border: 1px solid #c3c3c3; background: #4d4a47 url('../images/input-bg-main.png'); color: #fff; margin: 0px; margin-bottom: 0px; position: relative; z-index: 1;
                                  padding: 3px 6px; line-height: 20px;  outline: none; *background: #4d4a47;
                                  -webkit-box-shadow: inset 0 0 4px 0px #000; -moz-box-shadow: inset 0 0 4px 0px #000; box-shadow: inset 0 0 4px 0px #000; }
select.styled-select            { height: 28px; }
select.styled-select option     { color: #fff; background: #4d4a47; margin: 0px; }
.styled-select-container:before,
.styled-select-container:after  { content: ""; position: absolute; z-index: 5; top: -1px; height: 30px; width: 15px;
    background: url('../images/input-text-sprite.png') -100% -100% no-repeat; }
.styled-select-container:before { left: -10px; background-position: 0 -30px; }
.styled-select-container:after  { right: -10px; background-position: 100% -30px; }

/* Side selection container */
.side-select-container {
    width: 634px;
    margin: 0 auto;
}

.side-select-container h2 {
    margin: 0 0 10px;
    color: #603c28;
    font-size: 24px;
    font-weight: 800;
    font-family: Tahoma, Geneva, sans-serif;
    text-align: center;
}

.side-select ul {
    list-style-type: none;
    text-align: center;
    margin: 0 0 15px;
}

.side-select ul li {
    display: inline-block;
    height: 64px;
    width: 43px;
}

.side-select ul li a {
    display: inline-block;
    height: 64px;
    width: 43px;
}

.side-select ul li a:focus {
    outline: none;
}

.side-select .neutral {
    background: transparent url('../images/blue.png') 1px 0 no-repeat;
}

.side-select .active {
    height: 64px;
    width: 43px;
    background: url('../images/selected.png');
}

.side-select .flag {
    margin-top: 3px;
    height: 35px;
    width: 35px;
}

.side-desc {
    width: 634px;
    height: 362px;
    margin: 0 auto;
    background: url('../images/bg_side.jpg') 0 27px no-repeat;
}

.side-desc .map {
    float: right;
    width: 260px;
    height: 201px;
    text-align: center;
    margin: 10px;
}

.side-desc .desc{
    width: 327px;
    height: 200px;
    background: url('../images/bg_side_desc.jpg');
    float: left;
    margin: 10px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}

.side-desc .desc .scrollable {
    height: 200px;
}

.side-desc .side-title {
    background: url('../images/side_title.png') 0 0 no-repeat transparent;
    text-align: center;
    height: 27px;
    width: 100%;
    line-height: 27px;
    color: #ffffff;
}

.side-desc .btn {
    width: 200px;
    margin: 30px auto 0px;
}

.jspDrag {
    background: url('../images/scroll_sprite.png') -13px 0 no-repeat transparent;
    width: 13px;
    min-height: 50px;
}

.jspVerticalBar {
    background: none;
    width: 13px;
}

.jspTrack {
    background: url('../images/scroll_sprite.png') 0 0 repeat-y transparent;
}

.jspArrowUp {
    background: url('../images/scroll_sprite.png') -26px 0 no-repeat transparent;
    width: 13px;
    height: 15px;
}

.jspArrowDown {
    background: url('../images/scroll_sprite.png') -26px -15px no-repeat transparent;
    width: 13px;
    height: 15px;
}

.desc .flag {
    float: left;
    width: 140px;
    padding: 40px 20px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.desc .flag img {
    border: double #000;
    width: 94px;
}

.desc .text {
    float: right;
    width: 170px;
    padding: 5px 5px 5px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* ====================
 * decorations
 * ==================== */

/* Popover */
.popover {
    width: 250px;
    padding: 0;
    background: url("../images/bg-login-popup.png") 0px 0px repeat-y transparent;
}

.popover-title {
    padding: 0;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    text-shadow: -1px 1px 1px #000;
    background: url("../images/headings-sprite.png") 0 0 repeat-x;
}

.popover-content {
    padding: 18px 14px 5px 14px;
}

.popover-bottom {
    height: 5px;
    background: url("../images/bg-login-popup.png") 250px 6px;
}

/* Drop-down languages */
.dropdown-menu {
    padding: 0;
}

.dropdown-menu-top {
    width: 170px;
    height: 7px;
    background: url('../images/bg-lang.png') 0 0 repeat-y transparent;
}

.dropdown-menu-bottom {
    width: 170px;
    height: 7px;
    background: url('../images/bg-lang.png') -340px 0 repeat-y transparent;
}

.dropdown-menu li {
    width: 170px;
    height: 27px;
    padding: 0;
    background: url('../images/bg-lang.png') -170px 0 repeat-y transparent;
}

.dropdown-menu li a,
.dropdown-menu .active a {
    color: #ffffff;
    padding: 3px 13px;
    background: url('../images/bg-lang.png') -170px 0 repeat-y transparent;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu .active a:hover,
.dropdown-menu .active a:focus {
    color: #ffffff;
    text-decoration: underline;
    background: url('../images/bg-lang.png') -170px 0 repeat-y transparent;
}

/* Fancybox register popup */
.register-popup-top {
    background: url('../images/bg-register.png') -1320px 0 no-repeat transparent;
    height: 45px;
}

.register-popup-bottom {
    background: url('../images/bg-register.png') 0 0 no-repeat transparent;
    height: 45px;
}

.register-popup-main {
    background: url('../images/bg-register.png') -660px -26px repeat-y transparent;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none;
}

.profile-edit-container {
    margin: -20px 0;
    color: #92492a;
}

.profile-edit-container h3 {
    padding-left: 40px;
}

.profile-edit-container .alert {
    margin: 0 40px 20px;
    color: #c60f0f;
    border: 1px solid #000000;
    background: #fdda8f;
    box-shadow: inset 0 0 2px 1px #836938;
    text-shadow: none;
}

.profile-edit-container .alert .close {
    opacity: 1;
    color: #92492a;
    text-shadow: none;
}

.profile-edit-container input[type=text],
.profile-edit-container input[type=password]{
    background: url('../images/input-box.png');
    text-align: center;
    color: #ffffff;
    border: none;
    height: 22px;
    padding: 4px 7px;
    border-radius: 0;
    box-shadow: none;
    transition: none;
}

.profile-edit-container .span4 {
    padding-left: 40px;
    width: 260px;
}

.profile-edit-container .span8 {
    padding-left: 40px;
    width: 580px;
}

.profile-edit-container .span8 .error-1100ad {
    margin-right: 40px;
}

.profile-edit-container hr {
    border-top: 1px solid #dac28b;
    border-bottom: 0px solid transparent;
    box-shadow: 0px 2px 2px #dac28b;
}

.profile-edit-container .btn-small {
    background-image: url('../images/btn-sprite.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    border: 2px solid #080F05;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    padding: 5px 20px;
    min-width: 120px;
    margin-right: 40px;
    text-shadow: none;
}

.profile-edit-container .right-float {
    text-align: right;
}

.profile-edit-container a {
    color: #92492a;
    text-decoration: underline;
}

.icon-question-sign:before {
    font-family: 'Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\3f";
}

.icon-question-sign {
    background: none;
}

/* Password recovery popup */
.pass-recovery-top {
    background: url('../images/bg-pass-recovery.png') -692px 0 no-repeat transparent;
    height: 24px;
}

.pass-recovery-main {
    background: url('../images/bg-pass-recovery.png') 0 0px repeat-y transparent;
}

.pass-recovery-bottom {
    background: url('../images/bg-pass-recovery.png') -346px 0 no-repeat transparent;
    height: 24px;
}

.pass-recovery {
    text-align: center;
    width: 300px;
}

.pass-recovery h3 {
    padding: 20px 0 0 0;
    line-height: 26px;
}

.pass-recovery .row {
    margin-left: 20px;
    text-align: center;
}

.pass-recovery .btn-small {
    display: inline-block;
    margin: 10px 0 0;
}

/* Main menu */
.main-menu-container .navbar-fixed-top              { right: inherit; left: inherit;
                                                      -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
                                                      -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
                                                      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
.main-menu-container .navbar                        { color: #ffffff; }
.main-menu-container .social-container,
.main-menu-container .navbar .nav > li > a          { color: #ffffff; text-shadow: -1px 1px 0 #000000; }
.main-menu-container .navbar .nav > li > span       { float: none; padding: 10px 15px; color: #ffffff; text-shadow: -1px 1px 0 #000000; display: block; }
.main-menu-container .social-container              { padding: 5px 15px 0px 0px; text-align: right;}
.main-menu-container .social-container .social-link-label
                                                    { display: inline-block; margin-right: 3px; height: 29px; line-height: 29px; vertical-align: top; *display: inline;  }
.main-menu-container .social-container .social-link { margin-left: 4px; margin-right: 3px; }
.social-link                                        { height: 29px; width: 29px; background: url('../images/social-sprite.png') 0 0 no-repeat;  display: inline-block; *display: inline; zoom: 1; }
.social-link.social-fb                              { background-position: 0 0; }
.social-link.social-fb:hover                        { background-position: 0 -30px; }
.social-link.social-vk                              { background-position: -30px 0; }
.social-link.social-vk:hover                        { background-position: -30px -30px; }
.social-link.social-tw                              { background-position: -60px 0; }
.social-link.social-tw:hover                        { background-position: -60px -30px; }
.social-link.social-ok                              { background-position: -90px 0; }
.social-link.social-ok:hover                        { background-position: -90px -30px; }
.social-link.social-mr                              { background-position: -120px 0; }
.social-link.social-mr:hover                        { background-position: -120px -30px; }

.main-menu-container .navbar-inner                  {
    height: 42px;
    background-color: #3f2318;
    background-image: url('../images/menu-sprite.png');

    background-repeat: repeat-x;
    border: none;
    filter: none;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
}
.main-menu-container .navbar-decorator-left,
.main-menu-container .navbar-decorator-right    { width: 40px; height: 47px; position: absolute; top: 0px; background: url('../images/menu-sprite.png') 0 0 no-repeat; }
.main-menu-container .navbar-decorator-left     { left: -40px; background-position: 0px -84px; }
.main-menu-container .navbar-decorator-right    { right: -40px; background-position: 0px -131px; }
.main-menu-container .navbar .divider-vertical  { height: 42px; margin: 0; border: none; width: 2px; background: #775e51 url('../images/menu-sprite.png') 0 -42px no-repeat; }
.main-menu-container .navbar .nav > li > a:focus,
.main-menu-container .navbar .nav > li > a:hover,
.main-menu-container .navbar .nav > li > span:hover,
.main-menu-container .navbar .nav > .active > a,
.main-menu-container .navbar .nav > .active > a:hover,
.main-menu-container .navbar .nav > .active > a:focus,
.main-menu-container .navbar .nav > .active > span,
.main-menu-container .navbar .nav > .active > span:hover {
    color: #ffd987;
    text-decoration: none;
    background-color: transparent;
}
.main-menu-container .navbar .nav li.dropdown.open > .dropdown-toggle,
.main-menu-container .navbar .nav li.dropdown.active > .dropdown-toggle,
.main-menu-container .navbar .nav li.dropdown.open.active > .dropdown-toggle    { background-color: #3f2318; }

/* Side block */
.side-block-container                   { position: relative; left: -13px; width: 247px; background: #56311f; color: #ffffff; }
.side-block-container .sidebar-info-block .sidebar-heading { position: relative; left: -11px; width: 246px;  }
.side-block-decorator-main-box          { background: url('../images/bg-side-sprite.png') 0 0 repeat-y; }
.side-block-decorator-main-content      { padding: 0 15px; position: relative; }

.side-block-decorator-top-box           { height: 18px; overflow: hidden; background: url('../images/bg-side-sprite.png') -247px 0 no-repeat; }
.side-block-decorator-bottom-box        { height: 18px; overflow: hidden; background: url('../images/bg-side-sprite.png') -247px 100% no-repeat; }


.sidebar-info-block                     {
    position: relative;
}
.sidebar-info-block .sidebar-heading {
    color: inherit;
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 10px;
    text-rendering: optimizeLegibility;
    position: relative;
    height: 25px;
    line-height: 24px;
    background: url('../images/headings-sprite.png') 0 0 repeat-x;
    text-align: center;
    text-shadow: -1px 1px 1px #000;
    -moz-box-shadow:    0px -5px 15px -1px #000;
    -webkit-box-shadow: 0px -5px 15px -1px #000;
    box-shadow:         0px -2px 15px -1px #000;
}
.sidebar-info-block .sidebar-heading .heading-decorator   {
                                        display: block; position: absolute; top: 0px; left: -8px; height: 25px; width: 16px; background: url('../images/headings-sprite.png') 0 -25px no-repeat; }
.side-block-container .sidebar-info-block:first-child .sidebar-heading    {
                                        -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.side-block-container .sidebar-info-block:first-child .sidebar-heading .heading-decorator { display: none; }
.side-block-container .sidebar-info-block:first-child { margin-bottom: -18px; top: -18px; }

.keyword-container {
    margin: 20px 30px 10px;
    color: #ffffff;
    text-align: center;
    font-size: 12px;
}

.keyword-container ul {
    list-style-type: none;
    margin-left: 0;
}

.keyword-container ul a {
    color: #fff;
}

/* Social connect */
.connect-social-container    { text-align: center; margin-top: 1px; margin-bottom: 5px; height: 30px;}
.connect-social {display: inline-block;}
.connect-social div {height: 30px; line-height: 30px; float: left;}
.connect-social .socials {margin-left: 10px;}


/* Videos */
.video-thumbnail                        { padding: 1px; border: 1px solid #000000; display: block; background: #adadad; text-align: center; position: relative;
                                          -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.video-thumbnail img                    { border: 1px solid #886d3b; width: 211px; }
.video-thumbnail .play-video-btn        { position: absolute; top: 50%; left: 50%; margin-left: -19px; margin-top: -22px; }

/* Content block */
.content-block-container                { position: relative; left: -8px;margin-top: -11px; width: 715px; }
.content-block-decorator-main-box       { padding-left: 9px; padding-right: 9px; background: #f9e3aa url('../images/bg-side-sprite.png') -1924px 0 repeat-y; }
.content-block-decorator-main-content   { position: relative; top: -34px; margin-bottom: -40px; }

.content-block-decorator-top-box, .content-block-decorator-hr
                                        { height: 45px; overflow: hidden; background: url('../images/bg-side-sprite.png') -494px 1px no-repeat; }
.content-block-decorator-bottom-box     { height: 45px; background: url('../images/bg-side-sprite.png') -1209px 100% no-repeat; }

.content-block-decorator-hr             { height: 45px; overflow: hidden; background: url('../images/bg-side-sprite.png') -494px 1px no-repeat; position: relative; left: -30px; width: 715px; }
.content-block-container h2             { margin: 0 0 10px 0; color: #92492a; font-size: 18px; }


/* Footer */
.footer                                 { font-size: 0.9em; margin-top: 170px; position: relative; left: -13px; color: white; }
.footer a                               { color: white; }
.footer-block-container                 { position: relative; width: 960px; }
.footer-block-decorator-main-box        { padding-left: 30px; padding-right: 30px; background: #56311F url('../images/bg-side-sprite.png') -2639px 0 repeat-y; }
.footer-block-decorator-main-content    { position: relative; }

.footer-block-decorator-top-box         { height: 22px; overflow: hidden; background: url('../images/bg-side-sprite.png') -3599px 100% no-repeat; }


.footer .hr                             { background-image: url(../images/footer-hr.png); background-repeat: repeat-x; height: 10px; background-position: 0 4px; font-size: 0; line-height: 0; }
.footer .copyright                      { text-align: center; padding: 5px 0 15px 0; }
.footer h4                              { font-size: 18px; margin-bottom: 7px; }
.footer .span2                          { width: 190px; }

.connect-social-fb-container    { padding-bottom: 10px; }

/* corners */
/*.main-corner.corner-top.corner-left {}*/
.main-corner                    { display: block; position: absolute; z-index: 10; background: url('../images/corners-main-sprite.png') -100% 0 no-repeat; width: 55px; height: 60px; }
.main-corner.corner-top-left    { top:-7px; left: -17px; background-position: -55px -60px; }
.main-corner.corner-top-right   { top:-7px; right: -17px; background-position: 0px -60px; }
.main-corner.corner-bottom-left { bottom:-7px; left: -17px; background-position: -55px 0px; }
.main-corner.corner-bottom-right{ bottom:-7px; right: -17px; background-position: 0px 0px; }
.close-button { position: absolute; top: -52px; right: -17px; width: 56px; height: 61px; background: url('../images/close-button.png') 0 0 no-repeat transparent; }

/* Buttons */
.btn-connect-fb                 { display: block; min-width: 190px; height: 30px; overflow: hidden;
                                  margin-left: -3px; background: url('../images/btn-fb-login-sprite.png') 0 0 no-repeat; padding-left: 35px;
                                  text-decoration: none; color: #ffffff; font-size: 12px; font-family: Helvetica, Arial; text-shadow: -1px 1px 0px #000; }
.btn-connect-fb:hover           { text-decoration: none; color: #ffffff; }
.btn-connect-fb span            { display: block; background-image: url('../images/btn-fb-login-sprite.png'); }
.btn-connect-fb > span          { padding-right: 5px; background-position: 100% -30px; background-repeat: no-repeat; }
.btn-connect-fb > span > span   { padding-right: 10px; background-position: 0 -60px; background-repeat: repeat-x;  line-height: 30px; text-align: center; }




.btn-container {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 1px;
    background-color: #888888;
    display: inline-block; *display: inline;
}
.btn-container.btn-block-container {
    display: block;
}


.btn.btn-large.btn-success.btn-important   {
    border: 2px solid #080f05;
    background-image: url('../images/btn-sprite.png');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    text-shadow: -1px 1px 4px #000;
}
.btn.btn-large.btn-success.btn-important:hover   {
    background-image: url('../images/btn-sprite-hover.png');
}
.btn.btn-mini.btn-important   {
    border: 1px solid #080f05;
    background-image: url('../images/btn-small-sprite.png');
    background-position: 0 0;
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 19px;
    font-size: 12px;
    font-weight: bold;
    text-shadow: -1px 1px 4px #000;
}
.btn.btn-mini.btn-success.btn-important   {
    background-image: url('../images/btn-small-sprite.png');
    background-position: 0 0;
    background-repeat: repeat-x;
}
.btn.btn-mini.btn-danger.btn-important   {
    background-position: 0 -20px;
}

#myCarousel a.left, #myCarousel a.right {
    bottom: 22px;
    top: auto;
    font-size: 0;
    color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    width: 26px;
    height: 23px;
    opacity: 0.9;
    background-color: transparent;
    border: none;
}

#myCarousel a.left:hover, #myCarousel a.right:hover {
    opacity: 1;
}

#myCarousel a.left {
    background-image: url('../images/slider-left.png');
    left: 22px;
}

#myCarousel a.right {
    background-image: url('../images/slider-right.png');
    right: 22px;
}

#myCarousel {
    margin-bottom: 4px;
}

.news-first-page {
    color: #92492a;
}

.news-first-page .h1 {
	font-size: 28.5px;
	line-height: 40px;
	font-weight: bold;
}

.news-first-page .lead {
    font-weight: bold;
}

.news-first-page .news-caption-global {
    font-weight: bold;
    font-size: 26px;
    padding-bottom: 15px;
}

.news-first-page .news-block {
    position: relative;
}

.news-first-page .news-date {
    position: relative;
    font-size: 14px;
}

.news-first-page .news-body {
    font-size: 13px;
    line-height: 16px;
    color: #643019;
    padding: 15px 0 15px 0;
}

.news-first-page a {
    text-decoration: underline;
    color: #92492a;
}

.news-first-page .news-caption {
    font-size: 18px;
    font-weight: bold;
}

.news-first-page .news-readmore {
    background-image: url(../images/readmore-bg.png);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    padding-left: 15px;
}

.news-first-page .news-readmore a {
    color: #92492a;
    font-weight: bold;
    font-size: 13px;
}

.news-separator {
    background-image: url(../images/news-separator.png);
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.news-left {
    float: left;
    width: 160px;
}

.news-right {
    float: right;
    width: 490px;
}

.news-lead-image {
    width: 137px;
    height: 137px;
    position: relative;
}

.news-lead-text {
    position: absolute;
    font-size: 12px;
    color: #e9d68a;
    line-height: 16px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
    right: 0;
    top: 0;
    width: 120px;
    height: 16px;
    text-shadow: 1px 1px 1px #111;
}

.news-lead-image-default {
    background-image: url(../images/news-lead-default.png);
}
.news-lead-image-bug {
    background-image: url(../images/news-lead-bug.png);
}
.news-lead-image-bugfix {
    background-image: url(../images/news-lead-bugfix.png);
}
.news-lead-image-contest {
    background-image: url(../images/news-lead-contest.png);
}
.news-lead-image-news {
    background-image: url(../images/news-lead-news.png);
}
.news-lead-image-spotlight {
    background-image: url(../images/news-lead-spotlight.png);
}
.news-lead-image-update {
    background-image: url(../images/news-lead-update.png);
}
.news-lead-image-promo {
    background-image: url(../images/news-lead-promo.png);
}

.content-block-padder {
    padding: 20px 20px 0 20px;
}

.tutorial-container {
    text-align: center;
    padding: 9px 0px 20px 0px;
}

.tutorial-button {
    background-image: url(../images/tutorial-button.png);
    width: 220px;
    height: 30px;
    margin-top: -3px;
    font-size: 14px;
    text-shadow: -1px 1px 2px #111;
    line-height: 30px;
    cursor: pointer;
}

.tutorial-button:hover, .tutorial-button-active {
    background-image: url(../images/tutorial-button-hover.png);
}

.tutorial-item-title {
    color: #603c28;
    font-weight: bold;
    font-size: 24px;
}

.tutorial-image-container {
    padding: 30px 0 15px 0;
}

.tutorial-text {
    font-size: 15px;
    color: #603c28;
    line-height: 19px;
}

.tutorial-pager {
    padding-top: 30px;
}

.tutorial-pager .left {
    float: left;
    width: 90px;
}

.tutorial-pager .right {
    float: left;
    width: 90px;
}

.tutorial-pager .center {
    float: left;
    text-align: center;
    width: 470px;
}

.tutorial-pager .left .button, .tutorial-pager .right .button {
    width: 87px;
    height: 22px;
    cursor: pointer;
}

.tutorial-pager .left .button {
    background-image: url(../images/tutorial-pager-left.png);
}

.tutorial-pager .right .button {
    background-image: url(../images/tutorial-pager-right.png);
}

.square-button {
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url(../images/square-button.png);
    text-align: center;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 1px #111;
}

.news-pager {
    padding-top: 30px;
}

.news-pager .left {
    float: left;
}

.news-pager .right {
    float: right;
}

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

.news-pager .left .button, .news-pager .right .button {
    height: 23px;
    display: block;
    line-height: 22px;
    min-width: 57px;
    text-align: center;
}

.news-pager .left .button-container, .news-pager .right .button-container {
    background: url('../images/news-button-sprite.png') 0 0 no-repeat;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    color: white;
    text-decoration: none;
    font-size: 13px;
}

.news-pager .left .button-container {
    padding-left: 34px;
    background-position: 0 -46px;
}
.news-pager .right .button-container {
    background-position: 100% 0;
    padding-right: 34px;
}

.news-pager .left .button {
    background: url(../images/news-button-sprite.png) 100% -69px no-repeat;
    padding-right: 8px;
}

.news-pager .right .button {
    background: url(../images/news-button-sprite.png) 0 -23px no-repeat;
    padding-left: 8px;
}

.news-pager .left .button-arrow, .news-pager .right .button-arrow {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 23px;
    line-height: 22px;
    width: 26px;
}
.news-pager .left .button-arrow {
    background: url('../images/slider-left.png') 0 0 no-repeat;
}
.news-pager .right .button-arrow {
    background: url('../images/slider-right.png') 0 0 no-repeat;
}


.news-pager .news-square-button {
    width: 23px;
    height: 23px;
    display: inline-block;
    background-image: url(../images/news-button-inactive.png);
    text-align: center;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 1px #111;
    text-decoration: none;
    line-height: 20px;
    font-size: 13px;
}

.news-pager .news-square-button-active, .news-pager .news-square-button:hover {
    background-image: url(../images/news-button-active.png);
    text-decoration: underline;
}

.news-pager .news-round-button {
    width: 23px;
    height: 23px;
    display: inline-block;
    background: url(../images/square-button.png) 0 0 no-repeat;
    text-align: center;
    color: white;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 1px 1px #111;
    text-decoration: none;
    line-height: 22px;
    font-size: 13px;
}

.news-pager .news-round-button-active, .news-pager .news-round-button:hover {
    background-image: url(../images/square-button-active.png);
    text-decoration: none;
}

.error-1100ad {
    background: #f2daaa url(../images/error-bg-main.png) 0 0 repeat;
    color: #512e1d;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    text-align: left;
    -webkit-border-radius:  5px;
    -moz-border-radius:     5px;
    border-radius:          5px;
    -moz-box-shadow:    inset 0 3px 10px #cdb68d;
    -webkit-box-shadow: inset 0 3px 10px #cdb68d;
    box-shadow:         inset 0 3px 10px #cdb68d;
}

.error-1100ad > div {
    background: url('../images/error-icon.png') 0 0 no-repeat;
    padding-left: 29px;
}

.error-1100ad > div > div {
    /*background-image: url(../images/error-middle.png);*/
    /*background-repeat: repeat-x;*/
    /*background-position: left top;*/
    min-height: 19px;
    /*color: #512e1d;*/

    /*font-size: 13px;*/
    /*line-height: 37px;*/
}


.language-selector {
    text-transform: capitalize;
}


.input-text-container           { position: relative; }
.input-text-container label     { margin: 0px; padding: 5px 10px; width: 200px; position: absolute; top: 0px; text-align: center; font-size: 14px; color: #b5b4b3; display: none; display: none; }



.btn.pill-button,
.nav-pills > li > a.pill-button { border: 1px solid #000000; position: relative; z-index: 1; background: #51a351 url('../images/btn-middle-sprite.png') 0 0 repeat-x;
                                          font-size: 13px; line-height: 14px; font-weight: bold; color: #ffffff; text-shadow: -1px 1px 1px #000; margin-left: 2px; padding: 5px 12px 7px 12px; }
.btn.pill-button:hover,
.btn.pill-button:active,
.btn.pill-button.active,
.nav-pills > li > a.pill-button:hover,
.nav-pills > li > a.pill-button:active,
.nav-pills > li > a.pill-button.active,
.nav-pills > li.active > a.pill-button
                                { color: #ffffff; background-color: #5bb75b; background-position: 0 -30px;
                                  -webkit-transition: none;
                                  -moz-transition: none;
                                  -o-transition: none;
                                  transition: none; }
.active.pill-button:before
.nav-pills > li > a.pill-button:before
                                { content: ""; position: absolute; z-index: 0; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 1px solid #767676; border-radius: 7px; }


.active.pill-button.button-warning,
.nav-pills > li > a.pill-button.button-warning          { background-color: #f89406; background-position: 0 -60px;}

.active.pill-button.button-warning:hover,
.active.pill-button.button-warning:active,
.active.pill-button.button-warning.active,
.nav-pills > li > a.pill-button.button-warning:hover,
.nav-pills > li > a.pill-button.button-warning:active,
.nav-pills > li > a.pill-button.button-warning.active,
.nav-pills > li.active > a.pill-button.button-warning   { background-color: #faa732; background-position: 0 -90px; }




.nav-pills > li >a.pill-frame       { border: 1px solid #775246; color: #92492a; font-size: 14px; padding: 4px 8px;
                                      background: rgb(225, 199, 145); background: rgba(140, 98, 57, 0.22);
                                      -webkit-box-shadow: inset 0 0px 1px #b39e73; -moz-box-shadow: inset 0 0px 1px #b39e73; box-shadow: inset 0px 0px 1px #b39e73;
                                      -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.nav-pills > li > a.pill-frame:hover,
.nav-pills > li > a.pill-frame:active,
.nav-pills > li > a.pill-frame.active,
.nav-pills > li.active > a.pill-frame   { color: #92492a; background: rgb(233, 208, 152); background: rgba(140, 98, 57, 0.15); }


.pill-frame .close                  { color: #92492a; float: none; line-height: 12px;  opacity: 0.5; }
.pill-frame .close:hover            { opacity: 1; }

.play-video-btn               { display: inline-block; *display: inline; zoom: 1;  background: url('../images/btn-play-video-sprite.png') 0 0 no-repeat; width: 38px; height: 44px;  }
.play-video-btn:hover         { background-position: 0 -45px;  }

/* STATISTICS */
.statistics-container           {  }
.statistics-container h2 small  { color: inherit; font-size: 14px; float: right; margin: 15px 0px 5px 7px; }
.statistics-container h2        { overflow: hidden; padding-left: 3px; }


/*.statistics-list                {  }*/
/*.statistics-content             { max-height: 350px; overflow: auto; }*/

/*.statistics-content .table th:first-child, .statistics-content .table td:first-child*/
        /*{ text-align: right; white-space: nowrap; width: 1%; }*/
/*.statistics-content .table tbody tr:first-child td*/
        /*{ font-weight: bold; }*/

.servers {
    overflow: hidden;
    color: #6e3016;
}

.servers h2 {
    /* Position */
    margin: 5px 0 10px;
    /* Styling */
    font-weight: 800;
    text-align: center;
    color: #6e3016;
}

.server-header {
    /* Size */
    width: 657px;
    height: 35px;
}

.server-header div {
    /* Position */
    float: left;
    height: 35px;
    line-height: 35px;
    /* Styling */
    text-align: center;
}

.server {
    /* Position */
    margin: -1px 0 0;
    /* Size */
    width: 657px;
    height: 34px;
    /* Styling */
    background: url('../images/server_bg.png') 0 0 no-repeat;
    cursor: pointer;
}

.server div {
    /* Position */
    float: left;
    height: 32px;
    line-height: 32px;
}

.server-online {
    /* Size */
    width: 50px;
}

.server-online .on {
    /* Position */
    margin: 13px 21px;
    /* Size */
    width: 8px;
    height: 8px;
    /* Styling */
    background: url('../images/online_indicators.png') 0 0 no-repeat;
}

.server-online .off {
    /* Position */
    margin: 13px 21px;
    /* Size */
    width: 8px;
    height: 8px;
    /* Styling */
    background: url('../images/online_indicators.png') 0 -8px no-repeat;
}

.server-name {
    /* Size */
    width: 200px;
}

.server-gameplay {
    /* Size */
    width: 70px;
    /* Styling */
    text-align: center;
}

.server-level {
    /* Size */
    width: 120px;
    /* Styling */
    text-align: center;
}

.server-tactics {
    /* Size */
    width: 70px;
    /* Styling */
    text-align: center;
}

.server-info {
    /* Size */
    width: 30px;
    padding-left: 10px;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.server-play {
    /* Size */
    width: 90px;
}

.server-play a {
    /* Position */
    display: inline-block;
    /* Size */
    width: 86px;
    height: 20px;
    line-height: 22px;
    /* Styling */
    text-align: center;
    border: 1px solid #916741;
    border-radius: 3px;
    color: #916741;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.server:hover,
.opened {
    background: url('../images/server_bg.png') 0 -34px no-repeat;
}

.enabled:hover,
.server-desc .enabled {
    /* Styling */
    background: url('../images/button_bg.png');
    border: 1px solid #1c5e05;
    color: #f8f8f8;
}

.disabled:hover,
.server-desc .disabled {
    /* Styling */
    background-image: linear-gradient(bottom, rgb(166,16,16) 15%, rgb(152,19,19) 50%, rgb(152,19,19) 85%);
    background-image: -o-linear-gradient(bottom, rgb(166,16,16) 15%, rgb(152,19,19) 50%, rgb(152,19,19) 85%);
    background-image: -moz-linear-gradient(bottom, rgb(166,16,16) 15%, rgb(152,19,19) 50%, rgb(152,19,19) 85%);
    background-image: -webkit-linear-gradient(bottom, rgb(166,16,16) 15%, rgb(152,19,19) 50%, rgb(152,19,19) 85%);
    background-image: -ms-linear-gradient(bottom, rgb(166,16,16) 15%, rgb(152,19,19) 50%, rgb(152,19,19) 85%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(166,16,16)),
        color-stop(0.5, rgb(152,19,19)),
        color-stop(0.85, rgb(152,19,19))
    );
    border: 1px solid #580905;
    color: #f8f8f8;
}

.server:hover .server-info,
.opened .server-info {
    /* Styling */
    color: #3f8721;
}

.server:hover .server-name,
.opened .server-name {
    /* Styling */
    font-weight: 800;
}

.server-desc {
    /* Position */
    margin: 5px 23px 10px 27px;
}

.server-desc-title {
    /* Position */
    /* Styling */
    font-weight: 800;
    text-align: center;
}

.server-desc-body {
    /* Position */
    margin: 0 0 5px;
    /* Size */
    padding: 0 34px 0 24px;
}

.server-desc .server-play {
    /* Position */
    position: relative;
    left: 50%;
    margin-left: -44px;
}

.label {
    /* Position */
    position: absolute;
    right: 0;
    margin-top: -29px;
    /* Size */
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    /* Styling */
    background-image: linear-gradient(bottom, #508F1D 0%, #589720 50%, #6FB22B 100%);
    background-image: -o-linear-gradient(bottom, #508F1D 0%, #589720 50%, #6FB22B 100%);
    background-image: -moz-linear-gradient(bottom, #508F1D 0%, #589720 50%, #6FB22B 100%);
    background-image: -webkit-linear-gradient(bottom, #508F1D 0%, #589720 50%, #6FB22B 100%);
    background-image: -ms-linear-gradient(bottom, #508F1D 0%, #589720 50%, #6FB22B 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #508F1D),
        color-stop(0.5, #589720),
        color-stop(1, #6FB22B)
    );
    border: 1px solid #000;
    border-radius: 3px;
    color: #f8f8f8;
    font-weight: 800;
    font-size: 11px;
}

.label:before {
    /* Position*/
    position: absolute;
    top: 9px;
    left: -4px;
    transform: rotate(135deg) skewX(-10deg) skewY(-10deg);
    -ms-transform: rotate(135deg) skewX(-10deg) skewY(-10deg);
    -webkit-transform: rotate(135deg) skewX(-10deg) skewY(-10deg);
    /* Size */
    width: 5px;
    height: 5px;
    /* Styling */
    background-image: linear-gradient(right , #51911D 0%, #54951F 50%, #5C9D23 100%);
    background-image: -o-linear-gradient(right , #51911D 0%, #54951F 50%, #5C9D23 100%);
    background-image: -moz-linear-gradient(right , #51911D 0%, #54951F 50%, #5C9D23 100%);
    background-image: -webkit-linear-gradient(right , #51911D 0%, #54951F 50%, #5C9D23 100%);
    background-image: -ms-linear-gradient(right , #51911D 0%, #54951F 50%, #5C9D23 100%);
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(0, #51911D),
        color-stop(0.5, #54951F),
        color-stop(1, #5C9D23)
    );
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    content: '';
}

.content-block-padder .new:after {
    /* Position */
    position: relative;
    right: -5px;
    top: 3px;
    width: 15px;
    /* Styling */
    content: url('../images/new.png');
}

.content-block-padder .rec:after {
    /* Position */
    position: relative;
    right: -5px;
    top: 3px;
    width: 15px;
    /* Styling */
    content: url('../images/rec.png');
}

.social-login {
    background: url('../images/social_sprite.jpg') 0 0 no-repeat transparent;
    width: 30px;
    height: 30px;
    display: inline-block;
}

.social-login-fb {
    background: url('../images/icons/social_connect_facebook30.png') 0 0 no-repeat transparent;
}

.social-login-google {
    background-position: -30px 0;
}

.social-login-mailru {
    background: url('../images/icons/social_connect_mailru30.png') 0 0 no-repeat transparent;
}

.social-login-vk {
    background: url('../images/icons/social_connect_vkontakte30.png') 0 0 no-repeat transparent;
}

.navbar .nav > li > a.chrome-container {
    background: url('../images/chrome.png') 100% 50% no-repeat transparent;
    padding-right: 36px;
}

.error404 {
    text-align: center;
    color: #92492A;
}

.error404 .header {
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
    text-align: center;
}

.error404 .text {
    font-size: 12px;
}

.scriptLink {
    cursor: pointer;
}

.footer .scriptLink:hover {
    text-decoration: underline;
}

.battle {
    background-image: linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -o-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -moz-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -webkit-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -ms-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
}

.battle:before {
    background-image: linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -o-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -moz-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -webkit-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
    background-image: -ms-linear-gradient(bottom, #1c1c91 0%, #2f2f95 50%, #495c9d 100%);
}

.agreement-checkbox {
    display: block;
    min-height: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.agreement-checkbox .checkbox label {
    display: inline;
    font-weight: normal;
    cursor: pointer;
    min-height: 20px;
    margin-bottom: 0;
}