html, body {     height: 100%;   	overflow-x: hidden; }  body {     margin: 0px;     padding: 0px;     color: rgb(255, 255, 255);     font-family: "Arial";     background: rgb(0, 0, 0) none repeat scroll 0% 0%;     min-width: 1272px;     font-size: 14px; }  .title-star.m_b_0 {     margin-bottom: 0px; }  .btn {     display: block;     text-decoration: none;     border: medium none;     outline: medium none;     color: rgb(255, 255, 255);     font-weight: bold;     text-align: center;     cursor: pointer;     font-family: "Arial"; }  .btn.green {     border: 1px solid rgb(28, 149, 24);     text-shadow: 1px 1px 1px rgb(25, 112, 5), -1px -1px 1px rgb(25, 112, 5), -1px 1px 1px rgb(25, 112, 5), 1px -1px 1px rgb(25, 112, 5); }  .btn.blue {     border: 1px solid rgb(22, 46, 135);     text-shadow: 1px 1px 1px rgb(5, 51, 124), -1px -1px 1px rgb(5, 51, 124), -1px 1px 1px rgb(5, 51, 124), 1px -1px 1px rgb(5, 51, 124); }  .btn.h44 {     height: 44px;     line-height: 44px;     font-size: 22px;     font-weight: bold; }  .btn.h44.green {     background: #008000; } .btn.h37 {     height: 37px;     line-height: 37px;     font-size: 18px;     font-weight: bold; }  .btn.h37.blue {     background: rgb(0, 29, 109); } .btn.h44.blue {     background: rgb(2, 110, 221);     border: 2px solid rgb(2, 110, 221);     margin: 20px 0px; } .btn.green:hover, .btn.orange:hover, .btn.blue:hover {     background-position: 0px 100%; }  .fl_l {     float: left; }  .fl_r {     float: right; }  .clearfix::after {     content: "";     display: block;     clear: both; }  a {    /* color: rgb(255, 255, 255);*/   color: rgb(106, 154, 247);     text-decoration: none; }  ul {     margin: 0px;     padding: 0px;     list-style: outside none none; }  p {     font-size: 14px;     line-height: 16px; }  h3 {     font-size: 15px;     font-weight: bold;     font-family: "Verdana", "Arial";     color: rgb(101, 188, 70); }  .wrapper {     background: #0b042f;     min-height: 100%; } .center {     width: 1272px;     margin: 0px auto; }  .header {     position: fixed;     left: 0px;     top: 0px;     right: 0px;     height: 99px;      background: #000000 url(/uploads/372/bg_header.png) repeat-x scroll 0% 0%;     z-index: 2; } .header .head_inner {     width: 1272px;     margin: 0px auto;     position: relative; }  .header .head_top {     height: 47px; }  .header .logo {     position: absolute;     left: 50%;     margin-left: -95px;     top: 0px; }  .header .box_run_line {     overflow: hidden;     font-size: 14px;     font-weight: bold;     color: rgb(158, 230, 253);     text-transform: uppercase; }  .header .box_run_line .tit_line, .header .box_run_line .wrap_line {     display: inline-block;     vertical-align: middle;     height: 47px;     line-height: 47px; }  .header .box_run_line .wrap_line {     width: 340px;     overflow: hidden; }  .header .box_run_line .wrap_line span {     color: rgb(253, 82, 104); }  .box_main_menu { }  .box_main_menu ul li {     float: left; }  .box_main_menu ul.left li {     margin-right: 25px; }  .box_main_menu ul.right li {     margin-left: 25px; }  .box_main_menu ul li a {     display: block;     position: relative;     text-transform: uppercase;     font-size: 16px;     font-weight: bold;     color: rgb(255, 255, 255);     height: 53px;     line-height: 60px;     padding-left: 41px; }  .box_main_menu ul li a:hover {     color: rgb(175, 241, 126); }  .box_main_menu ul li a::after {     content: "";     position: absolute;     height: 34px;     width: 37px;     left: 0px;     top: 11px;     border-radius: 50%;     background: transparent url(/uploads/372/icons_menu.png) no-repeat scroll 0px 0px; } .box_main_menu ul li.menu-item-714 a::after {     background-position: 0px 0px; }  .box_main_menu ul li.menu-item-714 a:hover::after {     background-position: 0px 100%; }  .box_main_menu ul li.menu-item-715 a::after {     background-position: -40px 0px; }  .box_main_menu ul li.menu-item-715 a:hover::after {     background-position: -40px 100%; }  .box_main_menu ul li.menu-item-716 a::after {     background-position: -81px 0px; }  .box_main_menu ul li.menu-item-716 a:hover::after {     background-position: -81px 100%; }  .box_main_menu ul li.menu-item-711 a::after {     background-position: -119px 0px; }  .box_main_menu ul li.menu-item-711 a:hover::after {     background-position: -119px 100%; }  .box_main_menu ul li.menu-item-712 a::after {     background-position: -155px 0px; }  .box_main_menu ul li.menu-item-712 a:hover::after {     background-position: -155px 100%; }  .box_main_menu ul li.menu-item-713 a::after {     background-position: -192px 0px; }  .box_main_menu ul li.menu-item-713 a:hover::after {     background-position: -192px 100%; }  .header .box_reg {     padding-top: 8px; }  .header .box_reg .bt_reg {     display: inline-block;     vertical-align: top;     background: #008000;     line-height: 32px;     text-transform: uppercase;     font-weight: bold;     font-size: 14px;     text-shadow: 1px 1px 0px rgb(37, 65, 20);     padding: 0 15px;     cursor: pointer; } .header .box_reg .bt_reg span {     margin-left: 10px; }  .header .box_reg .bt_reg:hover {     background-position: 0px 100%; }  .main-th-col {     position: relative;     padding-top: 99px; }  .main-th-col .center-col {     width: 920px;     background: transparent url(/uploads/372/bg-center-col.png) repeat scroll 0% 0%;     margin: 0px auto; } .main-th-col .in-center-col {     padding-left: 20px;     padding-right: 20px;     background: transparent url(/uploads/372/bg-in-center.png) repeat-y scroll 50% 0px;     padding-top: 0px;     position: relative;     z-index: 1; } .main-th-col .in-center-col .in-pad {     padding-left: 14px;     padding-right: 14px; }  .title-star {     height: 53px;     line-height: 53px;     text-align: center;     font-size: 18px;     font-weight: bold;     font-family: "Verdana", "Arial";     background: url(/uploads/372/line-long.png) no-repeat scroll 50% 100%, transparent url(/uploads/372/bg-tit-star.png) no-repeat scroll 0% 0%;     margin: 0px 0px 19px; } .title-star.t_l {     height: auto;     line-height: inherit;     padding-top: 5px;     padding-bottom: 5px;     background: url(/uploads/372/line-long.png) no-repeat scroll 50% 100%,                 url(/uploads/372/line-long.png) no-repeat scroll 50% 0px, transparent url(/uploads/372/bg-tit-star.png) no-repeat scroll 0% 0%;     margin-top: 15px;     margin-bottom: 20px; } .jcarousel {     position: relative;     overflow: hidden; }  .jcarousel ul {     width: 20000em;     position: relative;     margin: 0px;     padding: 0px; }  .jcarousel li {     float: left; }  .main-slider .jcarousel {     width: 880px;     overflow: hidden;     background: transparent url(/uploads/372/line-long.png) no-repeat scroll 50% 100%;     padding-bottom: 1px; } .main-slider .jcarousel ul li {     width: 880px;     height: 256px;     background: rgb(9, 13, 57) none repeat scroll 0% 0%;     position: relative;     overflow: hidden; }  .main-slider .jcarousel ul li .back_sl {     position: absolute;     left: 0px;     top: 0px;     max-width: 100%;     max-height: 100%; }  .main-slider .jcarousel ul li .box_slide {     position: relative;     text-align: center;     width: 345px;     float: right;     margin-right: 25px;     font-size: 38px;     font-weight: bold;     font-family: "Verdana", "Arial";     padding-top: 30px; }  .main-slider .jcarousel ul li .box_slide .text {     margin-bottom: 20px; }  .main-slider .jcarousel ul li .box_slide .text span {     color: rgb(255, 218, 44); }  .main-slider .jcarousel-prev {     background: transparent url(/uploads/372/main-pag.png) no-repeat scroll 0px 0px;     width: 33px;     height: 69px;     position: absolute;     left: 0px;     top: 50%;     margin-top: -34px; } .main-slider .jcarousel-next {     background: transparent url(/uploads/372/main-pag.png) no-repeat scroll 0px 100%;     width: 33px;     height: 69px;     position: absolute;     right: 0px;     top: 50%;     margin-top: -34px; } .main-slider .jcarousel-pagination {     display: none;     position: absolute;     width: 100%;     left: 0px;     bottom: 0px;     height: 22px;     text-align: center; }  .main-slider .jcarousel-pagination a {     display: inline-block;     margin-left: 5px;     margin-right: 5px;     width: 6px;     height: 6px;     border: 2px solid rgb(180, 160, 201);     background: rgb(180, 160, 201) none repeat scroll 0% 0%;     border-radius: 50%; }  .main-slider .jcarousel-pagination a.active {     background: rgb(24, 40, 115) none repeat scroll 0% 0%; }  .panel_jp {     margin-bottom: 12px;     border: 1px solid rgb(105, 217, 236);     background: rgb(13, 34, 113) none repeat scroll 0% 0%; }  .panel_jp .jp {     float: left;     height: 60px;     line-height: 60px;     font-size: 24px;     font-weight: bold;     font-family: "Verdana", "Arial";     padding: 0px 15px;     background: rgb(255, 53, 101) none repeat scroll 0% 0%;     text-shadow: 1px 1px 0px rgb(179, 35, 66);     position: relative; }  .panel_jp .jp::after {     content: "";     position: absolute;     background: transparent url(/uploads/372/bg_cor_jp.png) no-repeat scroll 0% 0%;     width: 21px;     height: 61px;     right: -21px;     top: 0px; } .panel_jp .list_win {     padding-top: 5px; }  .panel_jp .list_win .one_win {     float: left;     width: 202px;     overflow: hidden; }  .panel_jp .list_win .one_win img {     width: 48px;     height: 48px;     border: 1px solid rgb(0, 189, 255);     float: left; }  .panel_jp .list_win .one_win .r_col {     display: block;     padding-left: 61px;     text-transform: uppercase;     font-size: 11px; }  .panel_jp .list_win .n_g, .panel_jp .list_win .n_p, .panel_jp .list_win .sum {     display: block;     width: 140px;     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     margin-bottom: 4px; }  .panel_jp .list_win .sum {     color: rgb(175, 241, 126);     margin-bottom: 0px; }  .panel_jp .list_win {     width: 405px; }  .mask {     display: none;     position: absolute;     width: 100%;     height: 100%;     left: 0px;     top: 0px;     background: transparent url(/uploads/372/bg-mask-white.png) repeat scroll 0% 0%;     box-sizing: border-box; } .box-game {     width: 190px;     text-align: center; }  .box-game .img {     background: transparent url(/uploads/372/bg-img-box-game.jpg) no-repeat scroll 0% 0%;     padding: 5px 6px;     height: 140px;     position: relative; } .box-game .img img {     border: 1px solid rgb(12, 0, 80);     width: 178px;     height: 138px; }  .box-game .name {     height: 35px;     font-size: 14px;     font-weight: bold;     font-family: "Verdana", "Arial";     text-transform: uppercase;     display: table-cell;     width: 190px;     vertical-align: middle;     line-height: 14px; }  .box-game .btn {     display: inline-block; }  .box-game .green {     width: 165px;     margin-top: 23px;     margin-bottom: 5px; }  .box-game .blue {     width: 115px; }  .box-game .mask {     width: 178px;     height: 138px;     margin: 6px; }  .box-game:hover .mask {     display: block; }  .wrap-box-game {     width: 105%;     padding-top: 17px; }  .wrap-box-game .box-game {     float: left;     margin-right: 31px; }  .con-two-col p {     text-align: justify; }  .con-two-col .left {     width: 416px;   float: left; }  .con-two-col .right {     width: 416px;   float: left; } .con-two-col-text .left, .con-two-col-text .right {   width: 100%;   float: none; }  .con-two-col .bun-img {     height: 231px;     border: 2px solid rgb(0, 196, 255);     position: relative; }  .con-two-col .bun-img img {     width: 100%;     height: 100%; }  .con-two-col .bun-img .btn {     width: 330px;     position: absolute;     bottom: 17px;     left: 32px; }  .con-two-col h3 {     text-align: justify; }  .footer {     background: transparent url(/uploads/372/line-long.png) no-repeat scroll 50% 0px;     margin-top: 70px;     padding-top: 17px;     text-align: center;     font-family: "Verdana", "Arial";     overflow: hidden; } .footer-info {     padding-top: 17px;     padding-bottom: 5px; }  .foot-menu {     display: inline-block; }  .foot-menu li {     display: inline-block;     margin-left: 7px; }  .foot-menu li a {     padding-right: 8px;     background: transparent url(/uploads/372/foot-menu-a.png) no-repeat scroll 100% 50%;     font-size: 12px; } .foot-menu li:last-child a {     background: transparent none repeat scroll 0% 0%; }  .foot-menu li a:hover {     text-decoration: underline; }  .foot-war {     margin-top: 10px;     margin-bottom: 25px; }  .list_win img {     height: 50px;     width: 50px; }  .btn-club-wulcan {     display: inline-block;     box-sizing: border-box; }  .btn-club-wulcan .btn-login {     cursor: pointer;     outline: medium none;     text-decoration: none;     display: block;     line-height: 32px;     background: rgb(39 140 255);     text-transform: uppercase;     font-size: 14px;     font-weight: bold;     font-family: Arial, sans-serif;     color: rgb(255, 255, 255);     text-align: center;     padding: 0 15px;     box-sizing: border-box; } .btn-club-wulcan .btn-login:hover {     box-shadow: 0px 0px 10px 1px rgb(13, 183, 247); }  @font-face {     font-family: "Allods-West";     font-style: normal;     font-weight: normal;     src: url(/uploads/372/allods-west.eot) format("embedded-opentype"),          url(/uploads/372/allods-west.woff2) format("woff2"),          url(/uploads/372/allods-west.woff) format("woff"),          url(/uploads/372/allods-west.ttf) format("truetype"),          url(/uploads/372/allods-west.svg) format("svg"); } .modal, .modal *, .modal *::after, .modal *::before {     box-sizing: border-box; }  /*23.02.2018 by Roman*/ @media screen and (max-width: 1300px) {     body {         min-width: 100%     }      .center, .header .head_inner {         width: 100%;     }      #menu-mainright {         padding-right: 12px;     } }  @media screen and (max-width: 1200px) {     .box_main_menu ul.right li, .box_main_menu ul.left li {         margin: 0;     }      .box_main_menu ul li a {         padding-left: 32px;     } }  @media screen and (max-width: 992px) {     .main-th-col .center-col, .main-slider .jcarousel, #menu-mainright, #menu-mainleft, .main-slider .jcarousel ul li, .con-two-col .left, .con-two-col .right {         width: 100%;     }      .box_main_menu ul.right li, .box_main_menu ul.left li {         width: 33%;     }      .box_main_menu ul li a {         text-align: center;     }      .header {         height: initial;         position: initial;     }      .con-two-col .bun-img {         width: 60%;         margin: 0 auto;     }      .main-th-col, #menu-mainright {         padding: 0;     }      .panel_jp .jp, .panel_jp .list_win {         float: none;         text-align: center;     } } @media screen and (max-width: 910px) {    .wrap-box-game {       width: 100%;       padding-top: 17px;       display: flex;       flex-wrap: wrap;      justify-content: space-between;   }   .wrap-box-game .box-game {       float: none;       margin-right: 5px; 	} }  @media screen and (max-width: 768px) {     .header .box_run_line .wrap_line {         width: 288px;     }      .header .box_reg {         padding-top: 73px;     }      .main-slider .jcarousel ul li .box_slide {         margin-top: 95px;         margin-right: 37px;     }      .wrap-box-game .box-game {         width: 192px;         margin: 0 auto;         float: none;     }      .main-th-col .in-center-col .in-pad {         padding: 0;     }      .box-game .img {         background-position: 50%;     }      .box-game .name {         display: block;         margin: 0 auto;     }      .con-two-col .bun-img {         width: 90%;     }      .main-th-col .in-center-col {         padding: 0 15px;     } }  @media screen and (max-width: 480px) {     .con-two-col .bun-img .btn {         width: 228px;     }      .panel_jp .list_win, #menu-mainright, #menu-mainleft, .jcarousel li, .header .box_run_line .wrap_line {         width: 100%;     }      .header .box_reg {         text-align: center;     }      .panel_jp .jp {         width: 84%;         font-size: 15px;     }      .box_main_menu ul.right li, .box_main_menu ul.left li {         float: none;         width: 100%;         text-align: center;     }      .header .box_reg .bt_reg span {         margin-left: 50px;     }      .header .box_reg {         padding-top: 50px;     }      .header .box_reg .bt_reg {         padding: 0;     }      .header .box_run_line .tit_line {         display: none;     }      .con-two-col .bun-img .btn {         left: 15px;     } }  .mob-btn {     width: 29px;     height: 18px;     display: none;     flex-direction: column;     justify-content: space-between;     cursor: pointer;     position: absolute; }  .mob-btn span {     width: 100%;     height: 2px;     display: block;     background: #fff;     transition: all .4s ease; }  .mob-btn.active {     margin-top: 10px; }  .mob-btn.active span:nth-child(1) {     transform: rotate(45deg);     position: absolute; }  .mob-btn.active span:nth-child(2) {     display: none; }  .mob-btn.active span:nth-child(3) {     transform: rotate(-45deg); }  @media screen and (max-width: 1200px) {     .header .box_run_line .wrap_line {         width: 240px;     } }  @media screen and (max-width: 1024px) {     .mob-btn {         display: flex;         z-index: 9999;     }      .box_main_menu {         display: none;         position: absolute;         width: 100%;         height: auto;         left: 0;         top: 100%;         background: #0a0126;         z-index: 9999;     }      .header .box_run_line {         display: none;     }      .header .logo {         left: 2%;         margin-left: 0;         z-index: 9999;     }      .head_bot {         display: flex;         flex-wrap: wrap;         align-items: center;         justify-content: flex-end;         padding: 25px;     }      .box_main_menu ul li a {         text-align: left;         padding-left: 45px;     }      .box_main_menu ul.right li, .box_main_menu ul.left li {         width: 100%;         text-align: left;         display: inline-block;         border-bottom: 1px solid rgba(0, 0, 0, .1);         box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, .1);     }      .box-game .img {         width: 180px;     }      .box-game .name {         display: block;         margin: 10px auto 0;     }      .btn.h44 {         height: 40px;         line-height: 40px;         font-size: 17px;     }      .box-game .img {         width: 180px;     }      .btn.h37 {         height: 35px;         line-height: 33px;         font-size: 15px;     }      .footer-info {         width: 100%;         height: auto;     }      .jcarousel ul {         width: auto;     }      .main-slider .jcarousel ul li .back_sl {         width: 100%;         height: 100%;         object-fit: cover;     }      .main-slider {         width: 100%;         box-sizing: border-box;     }      .panel_jp .jp::after {         display: none;     } }  @media screen and (max-width: 768px) {     .header .box_reg {         position: fixed;         width: 100%;         display: flex;         justify-content: space-between;         padding: 10px 20px;         bottom: 0;         z-index: 9999;         box-sizing: border-box;         background: rgb(35, 44, 72);         background: -webkit-linear-gradient(top, rgba(70, 209, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(70, 209, 255, 1) 2%, rgba(33, 118, 187, 1) 3%, rgba(39, 140, 255, 1) 3%, rgba(34, 84, 142, 1) 4%, rgba(35, 44, 72, 1) 5%, rgba(35, 44, 72, 1) 100%);         background: linear-gradient(to bottom, rgba(70, 209, 255, 1) 0%, rgba(255, 255, 255, 1) 1%, rgba(70, 209, 255, 1) 2%, rgba(33, 118, 187, 1) 3%, rgba(39, 140, 255, 1) 3%, rgba(34, 84, 142, 1) 4%, rgba(35, 44, 72, 1) 5%, rgba(35, 44, 72, 1) 100%);     }      .header {         height: initial;         position: initial;         background: #020a49;     }      .mob-btn {         top: calc(50% - 9px);         right: 20px;     }      .footer {         margin: 70px 0 55px;     }      .footer-payment {         width: 100%;     }      .wrap-box-game {         width: auto;         display: flex;         flex-wrap: wrap;         justify-content: center;     }      .main-slider .jcarousel ul li .box_slide {         margin: 25px auto;         font-size: 27px;         float: none;         width: auto;     }      .main-th-col .in-center-col .in-pad {         padding: 0;     } }  @media screen and (max-width: 480px) {     .footer-payment {         display: none;     }      .header .box_reg {         text-align: left;         padding: 10px 5px;     }      .header .box_reg .bt_reg {         padding: 0px 7px;         border: 1px solid #bfde68;         text-align: center;         width: auto;     }      .header .box_reg .bt_reg span {         display: none;     } }  @media screen and (max-width: 375px) { }