@charset "UTF-8";
/* GLOBAL */
@font-face {
  font-family: 'beaufort-for-lol-bold';
  src: url(../fonts/beaufort-for-lol-bold.ttf);
}
@media screen and (max-width: 1000px) and (-webkit-min-device-pixel-ratio: 0) {
  select, textarea, input {
    font-size: 16px !important;
  }
}
input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="number"], input[type="search"],
input[type="tel"], input[type="time"], input[type="url"],
input[type="month"], input[type="week"] {
  position: relative;
  display: block;
  width: 100%;
  height: 35px;
  background: #ffffff;
  border: 1px solid #0080FF;
  color: #ff0000;
  font-size: 12px;
  padding: 0 15px;
  font-family: "beaufort-for-lol-bold";
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="date"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder,
input[type="month"]:-moz-placeholder, input[type="week"]:-moz-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder,
input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
input[type="text"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="date"]:focus::-webkit-input-placeholder,
input[type="datetime"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder, input[type="time"]:focus::-webkit-input-placeholder, input[type="url"]:focus::-webkit-input-placeholder,
input[type="month"]:focus::-webkit-input-placeholder, input[type="week"]:focus::-webkit-input-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
input[type="text"]:focus:-moz-placeholder, input[type="password"]:focus:-moz-placeholder, input[type="date"]:focus:-moz-placeholder,
input[type="datetime"]:focus:-moz-placeholder, input[type="number"]:focus:-moz-placeholder, input[type="search"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder, input[type="time"]:focus:-moz-placeholder, input[type="url"]:focus:-moz-placeholder,
input[type="month"]:focus:-moz-placeholder, input[type="week"]:focus:-moz-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
input[type="text"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="date"]:focus::-moz-placeholder,
input[type="datetime"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder, input[type="time"]:focus::-moz-placeholder, input[type="url"]:focus::-moz-placeholder,
input[type="month"]:focus::-moz-placeholder, input[type="week"]:focus::-moz-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
input[type="text"]:focus:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, input[type="date"]:focus:-ms-input-placeholder,
input[type="datetime"]:focus:-ms-input-placeholder, input[type="number"]:focus:-ms-input-placeholder, input[type="search"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder, input[type="time"]:focus:-ms-input-placeholder, input[type="url"]:focus:-ms-input-placeholder,
input[type="month"]:focus:-ms-input-placeholder, input[type="week"]:focus:-ms-input-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}

select {
  position: relative;
  display: block;
  width: 100%;
  height: 35px;
  background: #ffffff;
  border: 1px solid #0080FF;
  color: #ff0000;
  font-size: 12px;
  padding: 0 15px;
  font-family: "beaufort-for-lol-bold";
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 35px;
  background: #ffffff;
  border: 1px solid #0080FF;
  color: #ff0000;
  font-size: 12px;
  padding: 0 15px;
  font-family: "beaufort-for-lol-bold";
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
textarea::-webkit-input-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
textarea:-moz-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
textarea::-moz-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
textarea:-ms-input-placeholder {
  color: #ff0000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
textarea:focus::-webkit-input-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
textarea:focus:-moz-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
textarea:focus::-moz-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}
textarea:focus:-ms-input-placeholder {
  transform: translateY(-100%);
  visibility: hidden;
  opacity: 0;
}

div, section {
  position: relative;
  display: block;
}

b, th, strong, h1, h2, h3, h4, h5, h6, button {
  font-family: "beaufort-for-lol-bold";
}

label.checked {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
label.checked i {
  position: relative;
  display: flex;
  width: 14px;
  height: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #0080FF;
}
label.checked i + * {
  margin-left: 7px;
}
label.checked i:before {
  content: '';
  position: relative;
  display: none;
  width: 6px;
  height: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #ff0000;
  margin: auto;
}
label.checked span {
  position: relative;
  display: block;
  color: #979797;
  font-size: 12px;
  line-height: 14px;
}
label.checked input {
  display: none !important;
}
label.checked input:checked + i:before {
  display: block !important;
}

.all-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: max-content;
  height: 35px;
  padding: 0 10px 2px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: none;
  border: none;
  z-index: 1;
  font-weight: 400;
  font-family: "beaufort-for-lol-bold";
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.all-btn:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: #dd6e3d;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  filter: hue-rotate(0deg);
  z-index: -1;
}
.all-btn.green {
  padding: 0 5px 2px;
  filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.33));
}
.all-btn.green:before {
  background: url(../images/btn-reg.png) no-repeat center;
  background-size: 100% 100%;
  filter: hue-rotate(0deg);
}
.all-btn.orange {
  width: 134px;
  height: 33px;
  font-size: 14px;
  filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.33));
}
.all-btn.orange:before {
  background: url(../images/btn-login.png) no-repeat center;
  background-size: 100% 100%;
  filter: hue-rotate(0deg);
}
@media (min-width: 1000px) {
  .all-btn:hover:before {
    filter: hue-rotate(-45deg);
  }
}

* {
  margin: 0px;
  padding: 0px;
  outline: none;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

body {
  background: #ffffff;
  font-family: "beaufort-for-lol-bold";
  font-size: 14px;
  color: #272727;
}
body.overflow-hidden {
  overflow: hidden;
}
body.overflow-hidden #main-content .wrapper .inner .container {
  z-index: 1 !important;
}

::-webkit-scrollbar {
  width: 3px;
  height: 2px;
}

::-webkit-scrollbar-thumb {
  background-color: #f3346f;
}

a {
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-decoration: none;
  cursor: pointer;
}

#main-content {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1920px;
  min-height: 100vh;
  overflow: hidden;
  margin: 0 auto;
}
#main-content .wrapper {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 100vh;
  margin: 0 auto;
  flex-direction: column;
}
#main-content .wrapper .inner {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
#main-content .wrapper .inner .container {
  position: relative;
  display: block;
  width: calc(100% - 20px);
  max-width: 1120px;
  margin: 0 auto;
  z-index: 2;
}
#main-content .wrapper .inner.content {
  flex-grow: 3;
}

.content-title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 auto 20px;
}
.content-title .text {
  position: relative;
  display: block;
  padding-right: 20px;
}
.content-title .text span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 30px;
  line-height: 32px;
}
.content-title .text p {
  position: relative;
  display: block;
  color: #acacac;
  font-size: 14px;
  line-height: 16px;
  margin-top: 4px;
}
.content-title .all-btn {
  margin-left: auto;
}
.content-title .all-btn.green {
  width: 129px;
  height: 34px;
  padding: 0 5px 2px;
}
.content-title .all-btn.green:before {
  background: url(../images/btn-reg.png) no-repeat center;
  background-size: 100% 100%;
}
.content-title .pagine-title {
  position: relative;
  display: flex;
  margin-left: auto;
  align-items: center;
}
.content-title .pagine-title a {
  position: relative;
  display: block;
  width: 17px;
  height: 18px;
  background-color: #ffffff !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.content-title .pagine-title a.start {
  background: url(../images/pagine-prev-2.png) no-repeat center right 4px;
}
.content-title .pagine-title a.prev {
  background: url(../images/pagine-prev-1.png) no-repeat center right 6px;
}
.content-title .pagine-title a.next {
  background: url(../images/pagine-next-1.png) no-repeat center;
}
.content-title .pagine-title a.end {
  background: url(../images/pagine-next-2.png) no-repeat center;
}
.content-title .pagine-title a.disabled{
	opacity:0.5 !important;
}
@media (min-width: 1000px) {
  .content-title .pagine-title a:hover {
    background-color: #d8d8d8 !important;
  }
}
.content-title .pagine-title span {
  position: relative;
  display: block;
  color: #000000;
  font-size: 12px;
  text-align: center;
  margin: 0 12px;
}
@media (max-width: 1120px) {
  .content-title {
    flex-direction: column;
  }
  .content-title .text {
    text-align: center;
    padding: 0;
  }
  .content-title .all-btn {
    margin: 20px auto 0;
  }
  .content-title .pagine-title {
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px auto 0;
  }
  .content-title .pagine-title span {
    width: 100%;
    order: -5;
    margin-bottom: 10px;
  }
  .content-title .pagine-title a {
    width: 37px;
    height: 22px;
    background-color: #d8d8d8 !important;
    background-position: center !important;
    margin: 0 2px;
  }
}

.all-table-box {
  position: relative;
  display: block;
  width: 100%;
  overflow: auto hidden;
  padding-bottom: 5px;
}
.all-table-box table.table-first {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2px;
}
.all-table-box table.table-first thead tr th {
  color: #acacac;
  font-size: 12px;
  font-family: "beaufort-for-lol-bold";
  padding: 10px 15px;
  white-space: nowrap;
}
.all-table-box table.table-first tbody tr {
  background: rgba(151, 151, 151, 0.1);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 1000px) {
  .all-table-box table.table-first tbody tr:hover {
    background: rgba(151, 151, 151, 0.2);
  }
}
.all-table-box table.table-first tbody tr td {
  color: #272727;
  font-size: 12px;
  font-family: "beaufort-for-lol-bold";
  padding: 9px 15px;
}

.list-sitemap-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
}
.list-sitemap-box li {
  position: relative;
  display: block;
  margin: 5px 10px;
}
.list-sitemap-box li a.all-btn {
  width: 200px;
  height: 40px;
}

@media (min-width: 1120px) {
  #main-menu {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 1920px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
  }
  #main-menu .wrapper {
    position: relative;
    display: block;
    width: calc(100% - 20px);
    max-width: 1120px;
    height: 140px;
    margin: 0 auto;
  }
  #main-menu .wrapper:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    left: -20px;
    right: 238px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
  }
  #main-menu .wrapper:after {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    left: calc(100% - 107px);
    right: -20px;
    bottom: 0;
    background: rgba(255, 255, 255, 0.4);
  }
  #main-menu .wrapper .login-box {
    position: relative;
    display: block;
    width: 100%;
    height: 78px;
  }
  #main-menu .wrapper .login-box .form {
    position: relative;
    display: flex;
    align-items: center;
    height: inherit;
  }
  #main-menu .wrapper .login-box .form .text {
    position: relative;
    display: block;
    color: #979797;
    font-size: 12px;
  }
  #main-menu .wrapper .login-box .form .text + * {
    margin-left: 27px;
  }
  #main-menu .wrapper .login-box .form .text a {
    position: relative;
    display: inline-block;
    color: #0080FF;
    text-decoration: underline;
  }
}
@media (min-width: 1120px) and (min-width: 1000px) {
  #main-menu .wrapper .login-box .form .text a:hover {
    text-decoration: none;
  }
}
@media (min-width: 1120px) {
  #main-menu .wrapper .login-box .form .item {
    position: relative;
    display: block;
    width: 150px;
    height: 35px;
  }
  #main-menu .wrapper .login-box .form .item + * {
    margin-left: 10px;
  }
  #main-menu .wrapper .login-box .form .item input {
    text-align: center;
    padding: 0 5px;
  }
  #main-menu .wrapper .login-box .form .all-btn {
    width: 134px;
    height: 33px;
    margin-left: 18px;
    padding-bottom: 1px;
    filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.13));
  }
  #main-menu .wrapper .login-box .form .all-btn:before {
    background: url(../images/btn-login.png) no-repeat;
  }
  #main-menu .wrapper .login-box .logged-box {
    position: relative;
    display: flex;
    align-items: center;
    height: inherit;
  }
  #main-menu .wrapper .login-box .logged-box .name {
    position: relative;
    display: block;
    color: #606060;
    font-size: 14px;
    margin-right: 20px;
  }
  #main-menu .wrapper .login-box .logged-box .name span {
    position: relative;
    display: inline-block;
    color: #fb2b42;
    text-decoration: underline;
  }
  #main-menu .wrapper .login-box .logged-box .name a {
    position: relative;
    display: inline-block;
    color: #fb2b42;
    text-decoration: underline;
  }
}
@media (min-width: 1120px) and (min-width: 1000px) {
  #main-menu .wrapper .login-box .logged-box .name a:hover {
    text-decoration: none;
  }
}
@media (min-width: 1120px) {
  #main-menu .wrapper .login-box .logged-box .all-btn {
    flex: none;
  }
  #main-menu .wrapper .menu-box {
    position: relative;
    display: block;
    width: 100%;
    height: 62px;
    margin: 0 auto;
  }
  #main-menu .wrapper .menu-box ul.list {
    position: relative;
    display: flex;
    width: 100%;
    height: inherit;
    justify-content: space-between;
    align-items: center;
  }
  #main-menu .wrapper .menu-box ul.list li {
    position: relative;
    display: block;
  }
  #main-menu .wrapper .menu-box ul.list li:last-child {
    display: flex;
    width: 220px;
    padding-left: 100px;
    justify-content: center;
  }
  #main-menu .wrapper .menu-box ul.list li:last-child:before {
    content: '';
    position: absolute;
    display: none;
    width: 201px;
    height: 123px;
    top: calc(100% + 3px);
    transform: translateY(-50%);
    left: -39px;
    background: url(../images/logo.png) no-repeat;
    background-size: contain;
    pointer-events: none;
  }
  #main-menu .wrapper .menu-box ul.list li a {
    position: relative;
    display: block;
    color: #272727;
    font-size: 14px;
    z-index: 1;
  }
  #main-menu .wrapper .menu-box ul.list li a:before {
    content: '';
    position: absolute;
    display: block;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -6px;
    background: #66B2FF;
    z-index: -1;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    visibility: hidden;
    opacity: 1;
    transform: skew(-15deg);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #main-menu .wrapper .menu-box ul.list li a.force:before {
    visibility: visible;
    opacity: 0.75;
  
  }
  #main-menu .wrapper .menu-box ul.list li a:hover {
    color: #ffffff;
  }
  #main-menu .wrapper .menu-box ul.list li a:hover:before {
    visibility: visible;
    opacity: 1;
    left: -15px;
    right: -15px;
  }
  #main-menu.fixed {
    top: -78px;
    position: fixed;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  }
  #main-menu.fixed .wrapper:before, #main-menu.fixed .wrapper:after {
    display: none;
  }
  #main-menu.fixed .wrapper .menu-box ul.list li:last-child:before {
    display: block;
  }
}
.mobile-menu {
  position: fixed;
  display: none;
  width: 100%;
  height: 70px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  padding: 0 15px;
  z-index: 110;
  align-items: center;
}
.mobile-menu .logo {
  position: relative;
  display: block;
  width: 121px;
  height: inherit;
}
.mobile-menu .logo:before {
  content: '';
  position: absolute;
  display: block;
  width: 121px;
  height: 89px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  left: 0;
  background: url(../images/logo.png) no-repeat;
  background-size: contain;
  pointer-events: none;
}
.mobile-menu .navi-button {
  position: relative;
  display: block;
  width: 30px;
  height: 21px;
  margin-left: auto;
}
@media (max-width: 1000px) {
  .mobile-menu .navi-button {
    display: block;
  }
}
.mobile-menu .navi-button:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: #dd6e3d;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.mobile-menu .navi-button:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: #dd6e3d;
  bottom: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0);
}
.mobile-menu .navi-button span {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background: #dd6e3d;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mobile-menu .navi-button.toggle:before {
  -webkit-transform: rotate(45deg) translate(1px, -50%);
  -ms-transform: rotate(45deg) translate(1px, -50%);
  transform: rotate(45deg) translate(1px, -50%);
  top: 50%;
}
.mobile-menu .navi-button.toggle:after {
  -webkit-transform: rotate(-45deg) translate(1px, 50%);
  -ms-transform: rotate(-45deg) translate(1px, 50%);
  transform: rotate(-45deg) translate(1px, 50%);
  top: 50%;
}
.mobile-menu .navi-button.toggle span {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  visibility: hidden;
  opacity: 0;
}

@media (max-width: 1120px) {
  .mobile-menu {
    display: flex;
  }

  #main-menu {
    position: fixed;
    display: flex;
    width: 100%;
    height: calc(100% - 70px);
    z-index: 100;
    top: 70px;
    left: 0;
    padding: 15px 10px;
    overflow: hidden auto;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(40px);
  }
  #main-menu.toggle {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  #main-menu .wrapper {
    position: relative;
    display: block;
    width: 100%;
    max-width: 320px;
    margin: auto;
  }
  #main-menu .wrapper .login-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #main-menu .wrapper .login-box .form {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    padding: 15px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 0.4);
  }
  #main-menu .wrapper .login-box .form .text {
    position: relative;
    display: block;
    color: #979797;
    font-size: 12px;
    text-align: center;
  }
  #main-menu .wrapper .login-box .form .text + * {
    margin-top: 20px !important;
  }
  #main-menu .wrapper .login-box .form .text a {
    position: relative;
    display: inline-block;
    color: #0080FF;
    text-decoration: underline;
  }
}
@media (max-width: 1120px) and (min-width: 1000px) {
  #main-menu .wrapper .login-box .form .text a:hover {
    text-decoration: none;
  }
}
@media (max-width: 1120px) {
  #main-menu .wrapper .login-box .form .item {
    position: relative;
    display: block;
    width: 250px;
    height: 35px;
    margin: 0 auto;
  }
  #main-menu .wrapper .login-box .form .item + * {
    margin-top: 10px;
  }
  #main-menu .wrapper .login-box .form .item input {
    text-align: center;
    padding: 0 5px;
  }
  #main-menu .wrapper .login-box .form .checked {
    width: max-content;
    margin: 15px auto;
  }
  #main-menu .wrapper .login-box .form .all-btn {
    width: 134px;
    height: 33px;
    margin: 0 auto;
    padding-bottom: 1px;
    filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.13));
  }
  #main-menu .wrapper .login-box .form .all-btn:before {
    background: url(../images/btn-login.png) no-repeat;
  }
  #main-menu .wrapper .login-box .logged-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    padding: 15px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(151, 151, 151, 0.4);
  }
  #main-menu .wrapper .login-box .logged-box .name {
    position: relative;
    display: block;
    color: #606060;
    font-size: 14px;
    text-align: left;
    text-align: center;
  }
  #main-menu .wrapper .login-box .logged-box .name span {
    position: relative;
    display: block;
    color: #fb2b42;
    font-size: 24px;
    text-decoration: underline;
    margin-top: 2px;
  }
  #main-menu .wrapper .login-box .logged-box .name a {
    position: relative;
    display: block;
    color: #fb2b42;
    font-size: 24px;
    text-decoration: underline;
    margin-top: 2px;
  }
}
@media (max-width: 1120px) and (min-width: 1000px) {
  #main-menu .wrapper .login-box .logged-box .name a:hover {
    text-decoration: none;
  }
}
@media (max-width: 1120px) {
  #main-menu .wrapper .login-box .logged-box .all-btn {
    flex: none;
    margin: 20px auto 0;
  }
  #main-menu .wrapper .menu-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 25px auto 0;
  }
  #main-menu .wrapper .menu-box ul.list {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #main-menu .wrapper .menu-box ul.list li {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #main-menu .wrapper .menu-box ul.list li + li {
    margin-top: 5px;
  }
  #main-menu .wrapper .menu-box ul.list li a {
    position: relative;
    display: flex;
    width: 230px;
    height: 44px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px;
    color: #ffffff;
    font-size: 14px;
    z-index: 1;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    margin: 0 auto;
  }
  #main-menu .wrapper .menu-box ul.list li a:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/account/btn-true.png) no-repeat center;
    background-size: 100% 100%;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    transition: all 0.1s ease;
    z-index: -1;
  }
}
@media (max-width: 1120px) and (min-width: 1000px) {
  #main-menu .wrapper .menu-box ul.list li a:hover:before {
    filter: hue-rotate(45deg);
  }
}

.header {
  background: url(../images/bg-1-min.jpg?v=7) no-repeat center top;
  padding-top: 158px;
  padding-bottom: 80px;
}
.header:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 1238px;
  background: url(../images/cloud.png) no-repeat center top;
  left: 0;
  bottom: -495px;
  z-index: 1;
}
@media (max-width: 1120px) {
  .header {
    padding-top: 110px;
    padding-bottom: 110px;
    background: url(../images/bg-1-mobile-min.jpg?v=2) no-repeat center top;
    background-size: cover;
  }
  .header:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/bg-char.png?v=5) no-repeat center top 50px;
    top: 0;
    left: 0;
    opacity: 0.8;
  }
}
.header .container {
  z-index: 3 !important;
}
.header .box {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 1fr auto 1fr;
  grid-gap: 25px;
}
.header .box .status {
  position: relative;
  display: block;
  justify-self: center;
  align-self: center;
}
.header .box .status .title {
  position: relative;
  display: block;
  text-align: center;
  width: 100%;
  color: #404040;
  font-size: 16px;
}
.header .box .status .ico {
  position: relative;
  display: block;
  width: 130px;
  height: 96px;
  margin: -4px auto 0;
}
.header .box .status .ico:before {
  content: '';
  position: absolute;
  display: block;
  width: 130px;
  height: 106px;
  background: url(../images/status.png) no-repeat;
  bottom: -10px;
  left: 0;
}
.header .box .status .ico:after {
  content: attr(data-ico);
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: -1px;
  text-align: center;
  color: #404040;
  font-size: 16px;
  text-transform: uppercase;
}
.header .box .status .ico span {
  position: relative;
  display: block;
  width: 91px;
  height: 105px;
  bottom: 7px;
  left: 0;
  right: 0;
  margin: auto;
}
.header .box .status .ico[data-ico="on"] span {
  background: url(../images/ico-on.png) no-repeat;
}
.header .box .status .ico[data-ico="off"] span {
  background: url(../images/ico-off.png) no-repeat;
  left: 1px;
}
.header .box .status .desc {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  font-size: 12px;
  margin: 20px auto 0;
}
.header .box .status .text {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  color: #606060;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  font-size: 12px;
  margin: 2px auto 0;
}
.header .box .status .text a {
  position: relative;
  display: inline-block;
  color: #0080FF;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .header .box .status .text a:hover {
    text-decoration: none;
  }
}
.header .box .status .all-btn {
  width: 227px;
  height: 40px;
  color: #ffffff;
  font-size: 14px;
  filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.33));
  margin: 18px auto 0;
}
.header .box .status .all-btn:before {
  background: url(../images/btn-reg.png) no-repeat;
}
.header .box .logo {
  position: relative;
  display: block;
  width: 100%;
  max-width: 412px;
  grid-column: 2;
  justify-self: center;
  align-self: center;
}
.header .box .logo img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 1000px) {
  .header .box .logo:hover img {
    transform: scale(0.9);
  }
}
.header .box .logo span {
  position: absolute;
  display: block;
  width: 100%;
  top: calc(100% - 2px);
  text-align: center;
  left: 0;
  color: #ffffff;
  font-size: 12px;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
}
@media (max-width: 1120px) {
  .header .box {
    grid-template-columns: 1fr;
  }
  .header .box > * {
    min-width: 0;
  }
  .header .box .logo {
    grid-column: unset;
    grid-row: 1;
  }
  .header .box .status .title {
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.7);
  }
  .header .box .status .ico:after {
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  }
}
.header .box-about {
  position: relative;
  display: flex;
  width: 100%;
  margin: 50px auto 0;
  z-index: 1;
}
.header .box-about .left-row {
  position: relative;
  display: block;
  flex: 1;
  padding-right: 40px;
}
.header .box-about .left-row .title {
  position: relative;
  display: block;
  padding-left: 40px;
  max-width: 500px;
}
.header .box-about .left-row .title span {
  position: relative;
  display: block;
  color: #1f1f1f;
  font-size: 24px;
}
.header .box-about .left-row .title span:before {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 52px;
  background: url(../images/ico-htar.png) no-repeat;
  top: -7px;
  right: calc(100% + 1px);
}
.header .box-about .left-row .title p {
  position: relative;
  display: block;
  color: #727272;
  font-size: 12px;
  line-height: 18px;
  margin-top: 7px;
}
.header .box-about .left-row ul {
  position: relative;
  display: block;
  padding-left: 40px;
  margin-top: 42px;
}
.header .box-about .left-row ul li {
  position: relative;
  display: block;
  color: #000000;
  font-size: 12px;
  line-height: 18px;
}
.header .box-about .left-row ul li + li {
  margin-top: 12px;
}
.header .box-about .left-row ul li a {
  position: relative;
  display: inline-block;
  color: #f3346f;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .header .box-about .left-row ul li a:hover {
    text-decoration: none;
  }
}
.header .box-about .left-row ul li span {
  color: #f3346f;
  text-decoration: underline;
}
.header .box-about .left-row ul li.done:before {
  content: '';
  position: absolute;
  display: block;
  width: 19px;
  height: 19px;
  background: url(../images/ico-hok.png) no-repeat;
  top: -1px;
  right: calc(100% + 16px);
}
.header .box-about .right-row {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 496px;
  flex-direction: column;
}
.header .box-about .right-row > * {
  flex: none;
}
.header .box-about .right-row .all-games{
  position: relative;
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
  z-index: 2;
}
.custom_bars{
	display:block;
}
.custom_bars .all-games {
  position: relative;
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  align-items: center;
  max-width: 100%;
  flex-wrap: wrap;
  z-index: 2;
  margin-top:-30px;
  margin-left:-250px;
}
.desc_custom{color:#3399FF;}
.desc_custom span{color:black;}
.header .box-about .right-row .all-games:hover, .custom_bars .all-games:hover {
  z-index: 10;
}
.header .box-about .right-row .all-games + .all-games, .custom_bars .all-games + .all-games {
  margin-top: 5px;
}

.header .box-about .right-row .all-games .text, .custom_bars .all-games .text  {
  position: relative;
  display: block;
  color: #ffffff;
  font-size: 12px;
  flex: none;
  margin: 5px 0;
  text-align: right;
  background:rgba(0,0,0,0.6);
  border-radius:5px;
  padding:3px;
}

.header .box-about .right-row .all-games .games, .custom_bars .all-games .games {
  position: relative;
  display: block;
  height: 30px;
  max-width: 100%;
  margin-left: 14px;
}
.header .box-about .right-row .all-games .games .current , .custom_bars .all-games .games .current {
  position: relative;
  display: flex;
  width: max-content;
  max-width: 100%;
  min-width: 156px;
  height: 30px;
  padding: 0 25px 0 10px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  align-items: center;
  color: #99CCFF;
  font-size: 12px;
  cursor: pointer;
  background:rgba(0, 0, 0, 0.4);
}
.header .box-about .right-row .all-games .games .current span , .custom_bars .all-games .games .current span{
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.header .box-about .right-row .all-games .games .current:before , .custom_bars .all-games .games .current:before {
  content: '';
  position: absolute;
  display: block;
  width: 6px;
  height: 5px;
  background: #ffb422;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.header .box-about .right-row .all-games .games .current .ico , .custom_bars .all-games .games .current .ico{
  position: relative;
  display: block;
  width: 50px;
  flex: none;
  margin-left: -15px;
}
.header .box-about .right-row .all-games .games .current .ico img , .custom_bars .all-games .games .current .ico img {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: calc(100% - 6px);
  height: auto;
}
.header .box-about .right-row .all-games .games .droplist , .custom_bars .all-games .games .droplist{
  position: absolute;
  display: block;
  width: 100%;
  top: 100%;
  left: 0;
  padding-top: 2px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  z-index: 10;
}
.header .box-about .right-row .all-games .games .droplist li , .custom_bars .all-games .games .droplist li {
  position: relative;
  display: block;
}
.header .box-about .right-row .all-games .games .droplist li + li , .custom_bars .all-games .games .droplist li + li{
  margin-top: 2px;
}
.header .box-about .right-row .all-games .games .droplist li a , .custom_bars .all-games .games .droplist li a{
  position: relative;
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 156px;
  height: 30px;
  padding: 0 5px 0 10px;
  overflow: hidden;
  background: rgba(39, 39, 39, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  align-items: center;
  color: #3399FF;
  font-size: 12px;
  cursor: pointer;
}
.header .box-about .right-row .all-games .games .droplist li a span, .custom_bars .all-games .games .droplist li a span {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.header .box-about .right-row .all-games .games .droplist li a .ico  , .custom_bars .all-games .games .droplist li a .ico{
  position: relative;
  display: block;
  width: 50px;
  flex: none;
  margin-left: -15px;
}
.header .box-about .right-row .all-games .games .droplist li a .ico img , .custom_bars .all-games .games .droplist li a .ico img{
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: calc(100% - 6px);
  height: auto;
}
@media (min-width: 1000px) {
  .header .box-about .right-row .all-games .games .droplist li a:hover , .custom_bars .all-games .games .droplist li a:hover{
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.header .box-about .right-row .all-games .games:hover , .custom_bars .all-games .games:hover {
  z-index: 10;
}
.header .box-about .right-row .all-games .games:hover .current , .custom_bars .all-games .games:hover .current{
  background: rgba(39, 39, 39, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.header .box-about .right-row .all-games .games:hover .droplist , .custom_bars .all-games  .games:hover .droplist{
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
  pointer-events: visible;
}
.header .box-about .right-row .promo-row {
  position: relative;
  display: block;
  width: 100%;
  margin: 35px 0 0;
}
.header .box-about .right-row .promo-row .frame {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.header .box-about .right-row .promo-row .frame .play {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.header .box-about .right-row .promo-row .frame .play img {
  position: absolute;
  display: block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .box-about .right-row .promo-row .frame .play:before {
  content: '';
  position: absolute;
  display: block;
  width: 54px;
  height: 54px;
  background: url(../images/play.png) no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 1000px) {
  .header .box-about .right-row .promo-row .frame .play:hover img {
    transform: translate(-50%, -50%) scale(1.2);
  }
  .header .box-about .right-row .promo-row .frame .play:hover:before {
    transform: scale(0.9);
  }
}
.header .box-about .right-row .promo-row .frame iframe {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}
.header .box-about .right-row .text-row {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-top: 12px;
  width: 100%;
}
.header .box-about .right-row .text-row p {
  position: relative;
  display: block;
  color: #acacac;
  font-size: 16px;
  text-align: right;
  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.header .box-about .right-row .text-row .all-btn {
  height: 30px;
  padding: 0 19px 2px;
  font-size: 16px;
  text-align: center;
  margin-left: 45px;
}
.header .box-about .right-row .text-row .all-btn:before {
  background: #fb2b42;
}
@media (max-width: 1120px) {
  .header .box-about {
    flex-direction: column;
    align-items: center;
  }
  .header .box-about .left-row {
    flex: none;
    width: 100%;
    max-width: 490px;
    padding: 0;
    z-index: 1;
  }
  .header .box-about .left-row ul:before {
    content: '';
    position: absolute;
    display: block;
    top: -250px;
    left: -100px;
    right: -100px;
    bottom: -50px;
    background: url(../images/cloudl.png) no-repeat center top;
    background-size: 100% 100%;
    pointer-events: none;
    z-index: -1;
  }
  .header .box-about .left-row .title span {
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
  }
  .header .box-about .right-row {
    width: 100%;
    max-width: 495px;
    margin-top: 30px;
  }
  .header .box-about .right-row .all-games {
    flex-direction: column;
    align-items: center;
    justify-content: unset;
    width: 100%;
  }
  .header .box-about .right-row .promo-row {
    margin-top: 25px;
  }
  .header .box-about .right-row .text-row {
    flex-direction: column;
    text-align: center;
  }
  .header .box-about .right-row .text-row .all-btn {
    margin: 10px auto 0;
  }
}

.footer {
  margin-top: 55px !important;
  padding: 35px 0 40px;
}
.footer:before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  height: 1px;
  left: -20px;
  right: -20px;
  background: rgba(186, 186, 186, 0.4);
}
.footer .box {
  position: relative;
  display: flex;
  width: 100%;
}
.footer .box .list {
  position: relative;
  display: block;
  flex: 1;
  margin-right: 20px;
}
.footer .box .list .title {
  position: relative;
  display: block;
  color: #ff0000;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 17px;
}
.footer .box .list ul {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
@media (min-width: 1120px) {
  .footer .box .list ul {
    display: flex !important;
  }
}
.footer .box .list ul.row-1 li {
  width: 100%;
}
.footer .box .list ul.row-2 li {
  width: 50%;
  padding-right: 10px;
}
.footer .box .list ul li {
  position: relative;
  display: block;
  margin: 3px 0;
}
.footer .box .list ul li a {
  position: relative;
  display: inline-block;
  color: #151515;
  font-size: 12px;
}
@media (min-width: 1000px) {
  .footer .box .list ul li a:hover span {
    text-decoration: underline;
  }
}
.footer .box .copyright {
  position: relative;
  display: flex;
  flex: none;
  flex-direction: column;
  margin-top: auto;
  padding-bottom: 5px;
}
.footer .box .copyright .coolness {
  position: relative;
  display: block;
  width: 122px;
  height: 31px;
  background: url(../images/coolness.png) no-repeat;
  margin-left: auto;
}
@media (min-width: 1000px) {
  .footer .box .copyright .coolness:hover {
    opacity: 0.5;
  }
}
.footer .box .copyright span {
  position: relative;
  display: block;
  margin-top: 16px;
  color: #ff0000;
  font-size: 12px;
}
.footer .box .copyright span a {
  color: #ff0000;
}
@media (min-width: 1000px) {
  .footer .box .copyright span a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 1120px) {
  .footer .box {
    flex-direction: column;
    align-items: center;
  }
  .footer .box .list {
    flex: none;
    width: 100%;
    margin: 0;
  }
  .footer .box .list + .list {
    margin: 10px 0 0;
  }
  .footer .box .list .title {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  .footer .box .list ul {
    display: none;
    width: 100%;
    margin: 0 auto;
    flex-direction: column;
    padding-top: 10px;
  }
  .footer .box .list ul li {
    text-align: center;
    width: 100% !important;
    padding: 0 !important;
  }
  .footer .box .list ul li a {
    font-size: 0;
  }
  .footer .box .list ul li a span {
    font-size: 12px;
  }
  .footer .box .copyright {
    align-items: center;
    margin-top: 25px;
    padding-top: 25px;
  }
  .footer .box .copyright:before {
    content: '';
    position: absolute;
    display: block;
    width: 150px;
    height: 1px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: rgba(255, 84, 0, 0.5);
  }
  .footer .box .copyright .coolness {
    margin: 0 auto;
  }
  .footer .box .copyright span {
    text-align: center;
  }
}

/* CONTENT */
.content {
  background: url(../images/bg-2-min.jpg?v=2) repeat center bottom;
  background-size: auto;
}
.content .flex-container {
  position: relative;
  display: flex;
  width: 100%;
}
.content .flex-container .left-container {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 735px;
  padding-right: 20px;
  margin-right: 25px;
}
.content .flex-container .left-container.full_width {
	max-width: 100%;
}
.content .flex-container .left-container .news {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .left-container .news .title {
  position: relative;
  display: block;
  padding-left: 124px;
  color: #272727;
  font-size: 30px;
  line-height: 32px;
  z-index: 1;
}
.content .flex-container .left-container .news .title:before {
  content: '';
  position: absolute;
  display: block;
  width: 113px;
  height: 99px;
  background: url(../images/ico-title-0.png) no-repeat;
  top: calc(50% - 15px);
  transform: translateY(-50%);
  left: -14px;
  z-index: -1;
  pointer-events: none;
}
.content .flex-container .left-container .news .title span {
  color: #f3346f;
}
.content .flex-container .left-container .news .box {
  position: relative;
  display: flex;
  width: 100%;
  margin: 60px 0 0;
}
.content .flex-container .left-container .news .box .img {
  position: relative;
  display: block;
  width: 220px;
  flex: none;
  margin-right: 14px;
}
.content .flex-container .left-container .news .box .img img {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
}
.content .flex-container .left-container .news .box .text {
  position: relative;
  display: block;
  flex: 1;
  color: #272727;
  font-size: 14px;
  line-height: 17px;
}
.content .flex-container .left-container .news .box .text ul {
  position: relative;
  display: block;
}
.content .flex-container .left-container .news .box .text ul li {
  position: relative;
  display: block;
}
.content .flex-container .left-container .news .box .text ul li + li {
  margin-top: 8px;
}
.content .flex-container .left-container .news .box .text a {
  color: #f3346f;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .content .flex-container .left-container .news .box .text a:hover {
    text-decoration: none;
  }
}
.content .flex-container .left-container .side-box {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-top: 50px;
  margin-top: auto;
}
.content .flex-container .left-container .side-box .block {
  position: relative;
  display: block;
  flex: 1;
  max-width: 305px;
}
.content .flex-container .left-container .side-box .block + .block {
  margin-left: 30px;
}
.content .flex-container .left-container .side-box .block .title-block {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 24px;
}
.content .flex-container .left-container .side-box .block .title-block .ico {
  position: relative;
  display: flex;
  width: 50px;
  height: 30px;
  flex: none;
  align-items: center;
  justify-content: flex-start;
}
.content .flex-container .left-container .side-box .block .title-block .ico img {
  position: relative;
  display: block;
}
.content .flex-container .left-container .side-box .block .title-block .text {
  position: relative;
  display: block;
}
.content .flex-container .left-container .side-box .block .title-block .text span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 24px;
  line-height: 26px;
}
.content .flex-container .left-container .side-box .block .title-block .text p {
  position: relative;
  display: block;
  color: #acacac;
  font-size: 14px;
  line-height: 17px;
  margin-top: 1px;
}
.content .flex-container .left-container .side-box .block .top-table {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .left-container .side-box .block .top-table .head {
  position: relative;
  display: block;
  margin-bottom: 8px;
}
.content .flex-container .left-container .side-box .block .top-table .head .item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 3px;
}
.content .flex-container .left-container .side-box .block .top-table .head .item > * + * {
  margin-left: 10px;
}
.content .flex-container .left-container .side-box .block .top-table .head .item .left {
  position: relative;
  display: block;
  color: #f3346f;
  font-size: 14px;
}
.content .flex-container .left-container .side-box .block .top-table .head .item .right {
  position: relative;
  display: block;
  color: #f3346f;
  font-size: 14px;
}
.content .flex-container .left-container .side-box .block .top-table .body {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .left-container .side-box .block .top-table .body .item {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f7f7f7;
  padding: 2px 3px;
  width: 100%;
  max-width: 100%;
}
.content .flex-container .left-container .side-box .block .top-table .body .item:nth-child(even) {
  background: #ffffff;
}
.content .flex-container .left-container .side-box .block .top-table .body .item > * + * {
  margin-left: 10px;
}
.content .flex-container .left-container .side-box .block .top-table .body .item .left {
  position: relative;
  display: flex;
  color: #272727;
  font-size: 14px;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.content .flex-container .left-container .side-box .block .top-table .body .item .left .ico {
  position: relative;
  display: block;
  width: 27px;
  flex: none;
}
.content .flex-container .left-container .side-box .block .top-table .body .item .left .ico img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
.content .flex-container .left-container .side-box .block .top-table .body .item .left .name {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content .flex-container .left-container .side-box .block .top-table .body .item .right {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
.content .flex-container .left-container .side-box .block .social-btn-list {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-top: 15px;
}
.content .flex-container .left-container .side-box .block .social-btn-list > * + * {
  margin-left: 5px;
}
.content .flex-container .left-container .side-box .block .social-btn-list li {
  position: relative;
  display: block;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 91px;
  height: 155px;
  padding: 34px 0 12px;
  box-shadow: 0px 6px 18px 0px rgba(150, 86, 255, 0.58);
}
.content .flex-container .left-container .side-box .block .social-btn-list li a .ico {
  position: relative;
  display: flex;
  width: 100%;
  height: 80px;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a .ico img {
  position: relative;
  display: block;
  margin: auto;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a .text {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  margin-top: auto;
  word-break: break-all;
  line-height: 16px;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  filter: hue-rotate(0deg);
}
.content .flex-container .left-container .side-box .block .social-btn-list li a.btn-1:before {
  background: url(../images/btn-s-1.png) no-repeat center;
  background-size: cover;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a.btn-2:before {
  background: url(../images/btn-s-2.png) no-repeat center;
  background-size: cover;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a.btn-3:before {
  background: url(../images/btn-s-3.png) no-repeat center;
  background-size: cover;
}
.content .flex-container .left-container .side-box .block .social-btn-list li a.btn-1 {
  box-shadow: 0px 6px 18px 0px rgba(150, 86, 255, 0.58);
}
.content .flex-container .left-container .side-box .block .social-btn-list li a.btn-2 {
  box-shadow: 0px 6px 18px 0px rgba(86, 185, 255, 0.58);
}
.content .flex-container .left-container .side-box .block .social-btn-list li a.btn-3 {
  box-shadow: 0px 6px 18px 0px rgba(255, 86, 86, 0.58);
}
.content .flex-container .left-container .side-box .block .social-btn-list li a:hover:before {
  filter: hue-rotate(-45deg);
}
.content .flex-container .right-container {
  position: relative;
  display: block;
  width: 360px;
  flex: none;
}
.content .flex-container .right-container .side-box {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .right-container .side-box .block {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .right-container .side-box .block + .block {
  margin-top: 35px;
}
.content .flex-container .right-container .side-box .block .title-block {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 34px;
}
.content .flex-container .right-container .side-box .block .title-block .ico {
  position: relative;
  display: flex;
  width: 50px;
  height: 30px;
  flex: none;
  align-items: center;
  justify-content: flex-start;
}
.content .flex-container .right-container .side-box .block .title-block .ico img {
  position: relative;
  display: block;
}
.content .flex-container .right-container .side-box .block .title-block .text {
  position: relative;
  display: block;
}
.content .flex-container .right-container .side-box .block .title-block .text span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 24px;
  line-height: 26px;
}
.content .flex-container .right-container .side-box .block .title-block .text p {
  position: relative;
  display: block;
  color: #acacac;
  font-size: 14px;
  line-height: 17px;
  margin-top: 1px;
}
.content .flex-container .right-container .side-box .block ul.events-list {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .right-container .side-box .block ul.events-list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  padding: 4px 5px 4px 8px;
  background: #ffffff;
}
.content .flex-container .right-container .side-box .block ul.events-list li:nth-child(even) {
  background: rgba(255, 255, 255, 0);
}
.content .flex-container .right-container .side-box .block ul.events-list li .left {
  position: relative;
  display: block;
  flex: 1;
  color: #272727;
  font-size: 14px;
}
.content .flex-container .right-container .side-box .block ul.events-list li .right {
  position: relative;
  display: block;
  flex: none;
  padding-left: 10px;
  color: #979797;
  font-size: 14px;
  white-space: nowrap;
}
.content .flex-container .right-container .side-box .block ul.events-list li .right span {
  color: #ff0000;
}
.content .flex-container .right-container .side-box .block .stats-table {
  position: relative;
  display: block;
  width: 100%;
  overflow: auto hidden;
  padding-bottom: 5px;
}
.content .flex-container .right-container .side-box .block .stats-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0;
}
.content .flex-container .right-container .side-box .block .stats-table table tbody tr td {
  padding: 4px 10px 4px 0;
}
.content .flex-container .right-container .side-box .block .stats-table table tbody tr td.left {
  color: #272727;
  font-size: 18px;
  white-space: nowrap;
}
.content .flex-container .right-container .side-box .block .stats-table table tbody tr td.right {
  color: #f3346f;
  font-size: 18px;
}
.content .flex-container .right-container .side-box .block .stats-table table tbody tr td.right .rate {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
}
.content .flex-container .right-container .side-box .block .stats-table table tbody tr td.right .rate span {
  position: relative;
  display: inline-block;
  width: max-content;
  min-width: 124px;
  padding: 5px 5px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background: #fb2b42;
  margin-left: 11px;
}
.content .flex-container .right-container .side-box .block .stats-table table.rate-table tbody tr td {
  padding: 2px 0;
}
.content .flex-container .right-container .side-box .block .faction-box {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table {
  position: relative;
  display: block;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table + .top-table {
  margin-left: 0;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .head {
  position: relative;
  display: block;
  margin-bottom: 8px;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .head .item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0px 3px;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .head .item .title {
  position: relative;
  display: block;
  color: #f3346f;
  font-size: 14px;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .body {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .body .item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 3px 3px;
  width: 100%;
  max-width: 100%;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .body .item .ico {
  position: relative;
  display: block;
  width: 27px;
  flex: none;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .body .item .ico img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
.content .flex-container .right-container .side-box .block .faction-box .top-table .body .item .name {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus {
  position: relative;
  display: flex;
  width: 100%;
  margin-top: 15px;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li {
  position: relative;
  display: flex;
  align-items: center;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li + li {
  margin-left: 9px;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li img {
  position: relative;
  display: block;
  margin-right: 9px;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li .desc {
  position: relative;
  display: block;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li .desc span {
  position: relative;
  display: block;
  color: #fb2b42;
  font-size: 14px;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li .desc span i {
  color: #989898;
  font-size: 10px;
  font-style: normal;
}
.content .flex-container .right-container .side-box .block ul.rate-bonus li .desc p {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
  margin-top: -2px;
}
@media (max-width: 1120px) {
  .content .flex-container {
    flex-direction: column;
  }
  .content .flex-container .left-container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
  }
  .content .flex-container .left-container .news .title {
    text-align: center;
    padding: 0;
  }
  .content .flex-container .left-container .news .title:before {
    right: 0;
    left: 0;
    margin: auto;
    top: unset;
    transform: unset;
    bottom: calc(100% - 4px);
  }
  .content .flex-container .left-container .news .box {
    margin-top: 30px;
  }
  .content .flex-container .left-container .side-box {
    flex-direction: column;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  }
  .content .flex-container .left-container .side-box .block {
    width: 100%;
    flex: none;
    max-width: unset;
  }
  .content .flex-container .left-container .side-box .block + .block {
    margin: 35px 0 0;
  }
  .content .flex-container .right-container {
    width: 100%;
    max-width: 360px;
    margin: 40px auto 0;
  }
}
@media (max-width: 700px) {
  .content .flex-container .left-container .news .box .img {
    display: none;
  }
  .content .flex-container .left-container .news .box .text {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 400px) {
  .content .flex-container .right-container .side-box .block .faction-box .top-table .body .item .name {
    font-size: 12px;
  }
  .content .flex-container .right-container .side-box .block ul.rate-bonus {
    flex-direction: column;
  }
  .content .flex-container .right-container .side-box .block ul.rate-bonus li {
    flex: none;
    width: 100%;
    padding: 5px 10px;
    background: #f7f7f7;
  }
  .content .flex-container .right-container .side-box .block ul.rate-bonus li + li {
    margin: 3px 0 0;
  }
}

.content .flex-container .left-container .rankings-box .all-table-box table.table-first thead tr th:first-child {
  padding-left: 30px;
}
.content .flex-container .left-container .rankings-box .all-table-box table.table-first tbody tr td:first-child {
  padding-left: 0;
}
.content .flex-container .left-container .rankings-box .all-table-box table.table-first tbody tr td .user {
  position: relative;
  display: flex;
  align-items: center;
}
.content .flex-container .left-container .rankings-box .all-table-box table.table-first tbody tr td .user .num {
  width: 28px;
  flex: none;
  text-align: right;
  color: #272727;
  font-size: 12px;
}
.content .flex-container .left-container .rankings-box .all-table-box table.table-first tbody tr td .user .ico {
  position: relative;
  display: block;
  width: 30px;
  flex: none;
}
.content .flex-container .left-container .rankings-box .all-table-box table.table-first tbody tr td .user .ico img {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
.content .flex-container .left-container .rankings-box .all-table-box table.table-first tbody tr td .user .name {
  position: relative;
  display: block;
  color: #fb2b42;
  font-size: 12px;
}

.content .flex-container .left-container .pages-text-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  color: black;
  font-size: 14px;
  line-height: 18px;
  padding-top: 10px;
  background:white;
  padding:30px;
}
.content .flex-container .left-container .pages-text-box a {
  color: #272727;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .content .flex-container .left-container .pages-text-box a:hover {
    text-decoration: none;
  }
}
.content .flex-container .left-container .pages-text-box img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
.content .flex-container .left-container .pages-text-box iframe {
  max-width: 100%;
}
.content .flex-container .left-container .pages-text-box ul, .content .flex-container .left-container .pages-text-box ol {
  position: relative;
  display: block;
}
.content .flex-container .left-container .pages-text-box ul li, .content .flex-container .left-container .pages-text-box ol li {
  position: relative;
  display: block;
  color: black;
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 1120px) {
  .content .flex-container .left-container .pages-text-box {
    text-align: center;
  }
}

.content .flex-container .left-container .halloffame-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0;
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr {
  background: rgba(151, 151, 151, 0.3);
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr.done {
  background: rgba(143, 212, 44, 0.3);
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr td {
  color: #272727;
  font-size: 12px;
  padding: 5px 18px;
  border-bottom: 1px solid #ffffff;
  white-space: nowrap;
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr td span {
  color: #53791d;
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr td b {
  color: #fb2b42;
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr td a {
  position: relative;
  display: inline-block;
  color: #fb2b42;
  font-size: 12px;
}
@media (min-width: 1000px) {
  .content .flex-container .left-container .halloffame-box .all-table-box table.listed tr td a:hover {
    text-decoration: underline;
  }
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr.empty {
  visibility: hidden;
}
.content .flex-container .left-container .halloffame-box .all-table-box table.listed tr.empty td {
  height: 10px;
  font-size: 0;
}

.content .flex-container .left-container .events-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .events-box .all-table-box table.table-first.table-events thead tr th:first-child {
  text-align: left;
}
.content .flex-container .left-container .events-box .all-table-box table.table-first.table-events tbody tr td {
  color: #272727;
  text-align: center;
  padding: 11px 15px;
  white-space: nowrap;
}
.content .flex-container .left-container .events-box .all-table-box table.table-first.table-events tbody tr td:first-child {
  text-align: left;
  border-left: 5px solid #ea2bfb;
}
.content .flex-container .left-container .events-box .all-table-box table.table-first.table-events tbody tr td .event-name {
  position: relative;
  display: block;
}
.content .flex-container .left-container .events-box .all-table-box table.table-first.table-events tbody tr td .event-name span {
  position: relative;
  display: block;
  color: #5a8e26;
  font-size: 12px;
}
.content .flex-container .left-container .events-box .all-table-box table.table-first.table-events tbody tr td .event-name p {
  position: relative;
  display: block;
  color: #ea2bfb;
  font-size: 12px;
}

.content .flex-container .left-container .game-info-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .game-info-box ul.listed {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px 12px;
}
.content .flex-container .left-container .game-info-box ul.listed li {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .left-container .game-info-box ul.listed li a {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 70px;
  padding: 10px 5px;
  background: url(../images/btn-info.png) no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #272727;
  font-size: 16px;
  line-height: 20px;
}
.content .flex-container .left-container .game-info-box ul.listed li a:before {
  content: '';
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  background: #f3346f;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  transform: scaleX(0.96);
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 1000px) {
  .content .flex-container .left-container .game-info-box ul.listed li a:hover {
    color: #ffffff;
  }
  .content .flex-container .left-container .game-info-box ul.listed li a:hover:before {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
}
@media (max-width: 1120px) {
  .content .flex-container .left-container .game-info-box ul.listed {
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .content .flex-container .left-container .game-info-box ul.listed {
    grid-template-columns: repeat(auto-fill, minmax(200px, 230px));
  }
}

.content .flex-container .left-container .download-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .download-box .flex {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .download-box .flex .load-row {
  position: relative;
  display: block;
  width: 330px;
  margin-right: 35px;
  flex: none;
}
.content .flex-container .left-container .download-box .flex .load-row ul {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .left-container .download-box .flex .load-row ul + ul {
  margin-top: 34px;
}
.content .flex-container .left-container .download-box .flex .load-row ul .title {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  margin-bottom: 14px;
}
.content .flex-container .left-container .download-box .flex .load-row ul .desc {
  position: relative;
  display: block;
  color: #979797;
  font-size: 12px;
}
.content .flex-container .left-container .download-box .flex .load-row ul .desc + * {
  margin-top: 4px;
}
.content .flex-container .left-container .download-box .flex .load-row ul li {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.content .flex-container .left-container .download-box .flex .load-row ul li + li {
  margin-top: 15px;
}
.content .flex-container .left-container .download-box .flex .load-row ul li .text {
  position: relative;
  display: block;
  line-height: 16px;
  padding: 0 5px 0 12px;
  margin-right: auto;
}
.content .flex-container .left-container .download-box .flex .load-row ul li .text span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
.content .flex-container .left-container .download-box .flex .load-row ul li .text span:before {
  content: '»';
  position: absolute;
  display: block;
  top: 0;
  right: calc(100% + 4px);
  color: #272727;
  font-size: 14px;
}
.content .flex-container .left-container .download-box .flex .load-row ul li .text p {
  position: relative;
  display: block;
  color: #fb2b42;
  font-size: 14px;
}
.content .flex-container .left-container .download-box .flex .load-row ul li .all-btn {
  width: 129px;
  height: 34px;
  margin-top: -14px;
}
.content .flex-container .left-container .download-box .flex .info-row {
  position: relative;
  display: block;
  flex: 1;
}
.content .flex-container .left-container .download-box .flex .info-row .pages-text-box {
  color: #272727;
  text-align: left;
}
.content .flex-container .left-container .download-box .flex .info-row .pages-text-box ul li, .content .flex-container .left-container .download-box .flex .info-row .pages-text-box ol li {
  color: #272727;
}
@media (max-width: 700px) {
  .content .flex-container .left-container .download-box .flex {
    flex-direction: column;
  }
  .content .flex-container .left-container .download-box .flex .load-row {
    width: 100%;
    margin: 0 auto;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul {
    width: 100%;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul .title {
    text-align: center;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul .desc {
    text-align: center;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul .desc + * {
    margin-top: 10px;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul li {
    flex-direction: column;
    align-items: center;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul li + li {
    margin-top: 20px;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul li .text {
    padding: 0;
    text-align: center;
    margin: 0 auto;
  }
  .content .flex-container .left-container .download-box .flex .load-row ul li .all-btn {
    margin: 10px auto 0;
  }
  .content .flex-container .left-container .download-box .flex .info-row {
    text-align: center;
    width: 100%;
    flex: none;
    margin: 30px auto 0;
  }
  .content .flex-container .left-container .download-box .flex .info-row .pages-text-box {
    text-align: center;
  }
}
.content .flex-container .left-container .download-box .requirements-box {
  position: relative;
  display: block;
  margin-top: 34px;
  width: 100%;
}
.content .flex-container .left-container .download-box .requirements-box .box {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px;
  background: #ffffff;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box {
  padding: 5px 0;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 0;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements thead tr th {
  padding: 12px 17px;
  color: #979797;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements thead tr th:first-child {
  position: relative;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements thead tr th:first-child:before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  top: 0;
  bottom: 0;
  background: #fb2b42;
  right: 0;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements thead tr:first-child td:first-child:before {
  top: -5px;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements tbody tr {
  background: #f6f6f6;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements tbody tr:nth-child(even) {
  background: #ffffff;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements tbody tr td {
  text-align: center;
  color: #272727;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 15px;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements tbody tr td:first-child {
  font-size: 16px;
  white-space: nowrap;
  position: relative;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements tbody tr td:first-child:before {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  top: 0;
  bottom: 0;
  background: #fb2b42;
  right: 0;
}
.content .flex-container .left-container .download-box .requirements-box .box .all-table-box table.table-requirements tbody tr:last-child td:first-child:before {
  bottom: -5px;
}

.content .flex-container .left-container .faction-info-box {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .faction-info-box .show-tabs {
  position: relative;
  display: none;
  width: 230px;
  height: 44px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  color: #ffffff;
  font-size: 14px;
  z-index: 1;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  margin: 0 auto 36px;
}
.content .flex-container .left-container .faction-info-box .show-tabs:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/account/btn-true.png) no-repeat center;
  background-size: 100% 100%;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  z-index: -1;
}
.content .flex-container .left-container .faction-info-box .faction-content {
  position: relative;
  display: block;
  flex: 1;
  max-width: 474px;
  margin-right: 20px;
  overflow: hidden;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab {
  position: relative;
  display: none;
  width: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab.active {
  display: block;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-name {
  position: relative;
  display: block;
  color: #fb2b42;
  font-size: 35px;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 10px auto 0;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc .child {
  position: relative;
  display: block;
  margin-right: 25px;
  font-size: 14px;
  color: #272727;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc .child:last-child {
  margin-right: 0;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc .child span {
  color: #fb2b42;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-text {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  margin: 10px auto 0;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-text p {
  position: relative;
  display: block;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-text p + p {
  margin-top: 2px;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-char {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #bababa;
  margin: 37px auto 0;
}
.content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-char img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.content .flex-container .left-container .faction-info-box .faction-list {
  position: relative;
  display: block;
  width: 232px;
  flex: none;
  padding-top: 54px;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs {
  position: relative;
  display: block;
  width: 100%;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li {
  position: relative;
  display: block;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li + li {
  margin-top: 4px;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li + li.title {
  margin-top: 22px;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li.title + li {
  margin-top: 13px;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a {
  position: relative;
  display: flex;
  width: 230px;
  height: 44px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  color: #0b0b0b;
  font-size: 14px;
  z-index: 1;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/account/btn-false.png) no-repeat center;
  background-size: 100% 100%;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  z-index: -1;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a .ico {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  top: 0;
  left: 17px;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a .ico img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
  margin: 0 auto;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a .name {
  position: relative;
  display: block;
}
@media (min-width: 1000px) {
  .content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a:hover {
    color: #ffffff;
  }
  .content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a:hover:before {
    background: url(../images/account/btn-true.png) no-repeat center;
  }
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a.active {
  color: #ffffff;
}
.content .flex-container .left-container .faction-info-box .faction-list ul.tabs li a.active:before {
  background: url(../images/account/btn-true.png) no-repeat center;
}
@media (max-width: 800px) {
  .content .flex-container .left-container .faction-info-box {
    flex-direction: column;
  }
  .content .flex-container .left-container .faction-info-box .show-tabs {
    display: flex;
  }
  .content .flex-container .left-container .faction-info-box .faction-list {
    position: fixed;
    display: flex;
    width: 100%;
    height: calc(100% - 70px);
    top: 70px;
    left: 0;
    z-index: 150;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: translateY(40px);
    overflow: hidden auto;
  }
  .content .flex-container .left-container .faction-info-box .faction-list.toggle {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }
  .content .flex-container .left-container .faction-info-box .faction-list ul {
    margin: auto;
    max-width: 232px;
  }
  .content .flex-container .left-container .faction-info-box .faction-list ul li.title {
    text-align: center;
  }
  .content .flex-container .left-container .faction-info-box .faction-content {
    flex: none;
    margin: 0 auto;
    width: 100%;
  }
  .content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-name {
    text-align: center;
  }
  .content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc {
    text-align: center;
    flex-direction: column;
  }
  .content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc .child {
    width: 100%;
    margin: 0;
  }
  .content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-desc .child * + .child {
    margin-top: 5px;
  }
  .content .flex-container .left-container .faction-info-box .faction-content .faction-tab .faction-text {
    text-align: center;
  }
}

/* ACCOUNT */
.account-head {
  position: relative;
  display: block;
  width: 100%;
}
.account-head .title {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.account-head .title .text {
  position: relative;
  display: block;
  color: #272727;
  font-size: 30px;
  line-height: 32px;
}
.account-head .title .text span {
  position: relative;
  display: inline-block;
  color: #de9e14;
  text-decoration: underline;
}
.account-head .title .all-btn {
  width: 134px;
  height: 33px;
  margin-left: auto;
  padding-bottom: 1px;
  filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.23));
}
.account-head .title .all-btn:before {
  background: url(../images/btn-login.png) no-repeat;
}
.account-head .info {
  position: relative;
  display: flex;
  margin: 15px auto 0;
  align-items: flex-end;
  z-index: 1;
}
.account-head .info .left {
  position: relative;
  display: block;
}
.account-head .info .left .child {
  position: relative;
  display: flex;
  align-items: center;
}
.account-head .info .left .child + .child {
  margin-top: 4px;
}
.account-head .info .left .child .text {
  position: relative;
  display: block;
  color: #acacac;
  font-size: 14px;
}
.account-head .info .left .child .help {
  position: relative;
  display: block;
  margin-left: 4px;
}
.account-head .info .left .child .help span {
  position: relative;
  display: block;
  color: #de9e14;
  font-size: 14px;
  cursor: pointer;
}
.account-head .info .left .child .help a {
  position: relative;
  display: block;
  color: #de9e14;
  font-size: 14px;
}
@media (min-width: 1000px) {
  .account-head .info .left .child .help a:hover {
    text-decoration: underline;
  }
}
.account-head .info .left .child .help .label {
  position: absolute;
  display: block;
  width: 220px;
  padding: 8px;
  font-size: 12px;
  color: #272727;
  line-height: 14px;
  background: #f6f6f6;
  box-shadow: 0 0 10px rgba(186, 186, 186, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  bottom: calc(100% + 5px);
  pointer-events: none;
  left: 50%;
  transform: translate(-50%, -10px);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  text-align: justify;
}
.account-head .info .left .child .help:hover .label {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0px);
}
.account-head .info .right {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -4px 0;
  margin-left: 40px;
}
.account-head .info .right .child {
  position: relative;
  display: flex;
  align-items: center;
  color: #272727;
  font-size: 14px;
  margin: 4px 0;
  margin-right: 34px;
}
.account-head .info .right .child:last-child {
  margin-right: 0;
}
.account-head .info .right .child img {
  position: relative;
  display: block;
  margin-right: 12px;
}
.account-head .info .right .child span {
  position: relative;
  display: inline-block;
  color: #272727;
  font-size: 14px;
}
.account-head .info .right .child span a {
  color: #3399FF;
  font-size: 14px;
}
@media (min-width: 1000px) {
  .account-head .info .right .child span a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1000px) {
  .account-head .info .right .child[href]:hover {
    text-decoration: underline;
  }
}
@media (max-width: 800px) {
  .account-head .title {
    flex-direction: column;
  }
  .account-head .title .text {
    text-align: center;
  }
  .account-head .title .all-btn {
    margin: 15px auto 0;
  }
  .account-head .info {
    flex-direction: column;
  }
  .account-head .info .left {
    text-align: center;
    width: 100%;
    margin: 0;
  }
  .account-head .info .left .child {
    flex-direction: column;
    justify-content: center;
  }
  .account-head .info .left .child .help span {
    font-size: 24px;
  }
  .account-head .info .right {
    margin: 25px auto 0;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  .account-head .info .right .child {
    width: 100%;
    max-width: 230px;
    height: 40px;
    background: #f8f8f8;
    margin: 0 !important;
    box-shadow: 0 0 3px rgba(39, 39, 39, 0.1);
  }
  .account-head .info .right .child + .child {
    margin-top: 2px !important;
  }
  .account-head .info .right .child img {
    width: 18px;
    height: auto;
    margin: 0 15px;
  }
}

.account-body {
  position: relative;
  display: flex;
  width: 100%;
  margin: 36px auto 0;
}
.account-body .show-tabs {
  position: relative;
  display: none;
  width: 230px;
  height: 44px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  color: #ffffff;
  font-size: 14px;
  z-index: 1;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  margin: 0 auto 36px;
}
.account-body .show-tabs:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/account/btn-true.png) no-repeat center;
  background-size: 100% 100%;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  z-index: -1;
}
.account-body .account-tabs {
  position: relative;
  display: block;
  width: 230px;
  flex: none;
}
.account-body .account-tabs ul {
  position: relative;
  display: block;
  width: 230px;
}
.account-body .account-tabs ul li {
  position: relative;
  display: block;
  width: 100%;
}
.account-body .account-tabs ul li + li {
  margin-top: 6px;
}
.account-body .account-tabs ul li a {
  position: relative;
  display: flex;
  width: 230px;
  height: 44px;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  color: #0b0b0b;
  font-size: 14px;
  z-index: 1;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.account-body .account-tabs ul li a:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/account/btn-false.png) no-repeat center;
  background-size: 100% 100%;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  transition: all 0.1s ease;
  z-index: -1;
}
@media (min-width: 1000px) {
  .account-body .account-tabs ul li a:hover {
    color: #ffffff;
  }
  .account-body .account-tabs ul li a:hover:before {
    background: url(../images/account/btn-true.png) no-repeat center;
  }
}
.account-body .account-tabs ul li a.active {
  color: #ffffff;
}
.account-body .account-tabs ul li a.active:before {
  background: url(../images/account/btn-true.png) no-repeat center;
}
.account-body .account-block {
  position: relative;
  display: block;
  flex: 1;
  margin-left: 30px;
  margin-right: -20px;
}
@media (max-width: 1120px) {
  .account-body .account-block {
    
    margin-right: 0;
  }
}
@media (max-width: 800px) {
  .account-body .account-block {
    max-width: 100%;
  }
}
.account-body .account-block .block-title {
  position: relative;
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin: 0 auto 22px;
}
.account-body .account-block .block-title .text {
  position: relative;
  display: block;
  padding-right: 10px;
}
.account-body .account-block .block-title .text span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 24px;
  line-height: 26px;
}
.account-body .account-block .block-title .text p {
  position: relative;
  display: block;
  color: #606060;
  font-size: 14px;
  line-height: 17px;
  margin-top: 10px;
}
.account-body .account-block .block-title .text b {
  position: relative;
  display: block;
  color: #b07541;
  font-size: 12px;
  line-height: 15px;
  margin-top: 2px;
}
.account-body .account-block .block-title .desc {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
  line-height: 15px;
  margin-left: auto;
  flex: none;
  max-width: 220px;
  padding: 5px 0;
}
.account-body .account-block .account-body-block {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.account-body .account-block .account-body-block .text-row {
  position: relative;
  display: block;
  width: 100%;
  color: #272727;
  font-size: 12px;
  line-height: 22px;
}
.account-body .account-block .account-body-block .pagine-title {
  position: relative;
  display: flex;
  align-items: center;
  margin: 22px auto;
}
.account-body .account-block .account-body-block .pagine-title a {
  position: relative;
  display: block;
  width: 17px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0) !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.account-body .account-block .account-body-block .pagine-title a.start {
  background: url(../images/pagine-prev-2.png) no-repeat center right 4px;
}
.account-body .account-block .account-body-block .pagine-title a.prev {
  background: url(../images/pagine-prev-1.png) no-repeat center right 6px;
}
.account-body .account-block .account-body-block .pagine-title a.next {
  background: url(../images/pagine-next-1.png) no-repeat center;
}
.account-body .account-block .account-body-block .pagine-title a.end {
  background: url(../images/pagine-next-2.png) no-repeat center;
}
.account-body .account-block .account-body-block .pagine-title a.disabled{
	opacity:0.5 !important;
}
@media (min-width: 1000px) {
  .account-body .account-block .account-body-block .pagine-title a:hover {
    background-color: #d8d8d8 !important;
  }
}
.account-body .account-block .account-body-block .pagine-title span {
  position: relative;
  display: block;
  color: #000000;
  font-size: 12px;
  text-align: center;
  margin: 0 12px;
}
.account-body .account-block .account-body-block .claim-text {
  position: relative;
  display: block;
  width: 100%;
  color: #000000;
  font-size: 12px;
}
.account-body .account-block .account-body-block .claim-text a {
  position: relative;
  display: inline-block;
  color: #de9e14;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .account-body .account-block .account-body-block .claim-text a:hover {
    text-decoration: none;
  }
}
@media (max-width: 800px) {
  .account-body .account-block .account-body-block .text-row, .account-body .account-block .account-body-block .claim-text {
    text-align: center;
  }
  .account-body .account-block .account-body-block .pagine-title {
    flex-wrap: wrap;
    justify-content: center;
  }
  .account-body .account-block .account-body-block .pagine-title span {
    width: 100%;
    order: -5;
    margin-bottom: 10px;
  }
  .account-body .account-block .account-body-block .pagine-title a {
    width: 37px;
    height: 22px;
    background-color: #d8d8d8 !important;
    background-position: center !important;
    margin: 0 2px;
  }
}
@media (max-width: 800px) {
  .account-body {
    flex-direction: column;
  }
  .account-body .show-tabs {
    display: flex;
  }
  .account-body .account-tabs {
    position: fixed;
    display: flex;
    width: 100%;
    height: calc(100% - 70px);
    top: 70px;
    left: 0;
    z-index: 150;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: translateY(40px);
    overflow: hidden auto;
  }
  .account-body .account-tabs.toggle {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
  }
  .account-body .account-tabs ul {
    margin: auto;
  }
  .account-body .account-block {
    margin: 0 auto;
    width: 100%;
  }
  .account-body .account-block .block-title {
    flex-direction: column;
  }
  .account-body .account-block .block-title .text {
    text-align: center;
    margin: 0 auto 20px;
    padding: 0;
  }
  .account-body .account-block .block-title .desc {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
  }
  .account-body .account-block .account-body-block .text-row {
    text-align: center;
  }
}

.account-body-block .all-table-box table.table-account-1 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2px;
}
.account-body-block .all-table-box table.table-account-1 thead tr th {
  padding: 10px 15px;
  color: #272727;
  font-size: 14px;
  font-family: "beaufort-for-lol-bold";
  white-space: nowrap;
}
.account-body-block .all-table-box table.table-account-1 tbody tr {
  background: #f8f8f8;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.account-body-block .all-table-box table.table-account-1 tbody tr:hover {
  background: #e9e9e9;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td {
  padding: 8px 15px;
  font-size: 14px;
  color: #272727;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td ul.icon-list {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: 84px;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td ul.icon-list.left {
  justify-content: flex-start;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td ul.icon-list.center {
  justify-content: center;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td ul.icon-list.center li {
  margin: 2px !important;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td ul.icon-list li {
  position: relative;
  display: block;
  margin: 2px 0 2px 4px;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td ul.icon-list li img {
  position: relative;
  display: block;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-text {
  position: relative;
  display: block;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item {
  position: relative;
  display: flex;
  align-items: center;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item img {
  position: relative;
  display: block;
  margin-right: 9px;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item span {
  position: relative;
  display: block;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item.right {
  width: max-content;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item.right img {
  margin: 0 0 0 6px;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item .point {
  position: relative;
  display: block;
  font-size: 14px;
  color: #fb2b42;
  margin-right: 10px;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item.link {
  width: max-content;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .td-item.link span {
  color: #378e15;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .account-body-block .all-table-box table.table-account-1 tbody tr td .td-item.link:hover span {
    text-decoration: none;
  }
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .all-btn.btn-table {
  min-width: 67px;
  height: 26px;
  font-size: 12px;
  padding: 0 3px 2px;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .all-btn.btn-table:before {
  background: #378e15;
}
.account-body-block .all-table-box table.table-account-1 tbody tr td .all-btn.btn-table.yellow:before {
  background: #ff9000;
}
.account-body-block .all-table-box table.table-account-1 tbody tr.tr-info {
  background: #378e15;
}
.account-body-block .all-table-box table.table-account-1 tbody tr.tr-info.orange {
  background: #f99918;
}
.account-body-block .all-table-box table.table-account-1 tbody tr.tr-info td {
  padding: 3px 8px;
  text-align: left;
  font-size: 10px;
  color: #ffffff;
}
.account-body-block .all-table-box table.table-account-1 tbody tr.tr-empty {
  opacity: 0;
}
.account-body-block .all-table-box table.table-account-1 tbody tr.tr-empty td {
  padding: 0px;
  font-size: 6px;
}
.account-body-block .all-table-box table.table-account-1.low thead tr td, .account-body-block .all-table-box table.table-account-1.low thead tr th, .account-body-block .all-table-box table.table-account-1.low tbody tr td, .account-body-block .all-table-box table.table-account-1.low tbody tr th {
  padding: 8px 8px;
}
.account-body-block .all-table-box table.table-account-1.low thead tr td:first-child, .account-body-block .all-table-box table.table-account-1.low thead tr th:first-child, .account-body-block .all-table-box table.table-account-1.low tbody tr td:first-child, .account-body-block .all-table-box table.table-account-1.low tbody tr th:first-child {
  padding-left: 15px;
  padding-right: 4px !important;
}
.account-body-block .all-table-box table.table-account-1.low thead tr td:last-child, .account-body-block .all-table-box table.table-account-1.low thead tr th:last-child, .account-body-block .all-table-box table.table-account-1.low tbody tr td:last-child, .account-body-block .all-table-box table.table-account-1.low tbody tr th:last-child {
  padding-right: 15px;
}
.account-body-block .all-table-box table.table-account-1 ul.member-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 3px -2px -2px;
}
.account-body-block .all-table-box table.table-account-1 ul.member-list li {
  position: relative;
  display: flex;
  margin: 2px;
  align-items: center;
  padding: 3px 10px 3px 3px;
  background: #f9f9f9;
}
.account-body-block .all-table-box table.table-account-1 ul.member-list li .ico {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  flex: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 8px;
  background: #756969;
}
.account-body-block .all-table-box table.table-account-1 ul.member-list li .ico img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  min-height: 100%;
}
.account-body-block .all-table-box table.table-account-1 ul.member-list li .name {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
}
.account-body-block .all-table-box table.table-account-2 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2px;
}
.account-body-block .all-table-box table.table-account-2 thead tr th {
  padding: 10px 15px;
  color: #272727;
  font-size: 12px;
  font-family: "beaufort-for-lol-bold";
  white-space: nowrap;
}
.account-body-block .all-table-box table.table-account-2 tbody tr {
  background: #ffffff;
}
.account-body-block .all-table-box table.table-account-2 tbody tr td {
  padding: 10px 15px;
  color: #272727;
  font-size: 12px;
  font-family: "beaufort-for-lol-bold";
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
}
.account-body-block .all-table-box table.table-account-2 tbody tr td:first-child {
  border-left: 1px solid #bababa;
}
.account-body-block .all-table-box table.table-account-2 tbody tr td:last-child {
  border-right: 1px solid #bababa;
}

.account-body-block ul.account-block-tabs {
  position: relative;
  display: flex;
  width: 100%;
  border-bottom: 2px solid #e9e9e9;
  align-items: flex-end;
}
.account-body-block ul.account-block-tabs + * {
  margin-top: 22px;
}
.account-body-block ul.account-block-tabs li {
  position: relative;
  display: block;
}
.account-body-block ul.account-block-tabs li + li {
  margin-left: 2px;
}
.account-body-block ul.account-block-tabs li a {
  position: relative;
  display: flex;
  width: max-content;
  height: 37px;
  padding: 0 17px;
  background: rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #272727;
  font-size: 14px;
  border: 2px solid rgba(255, 255, 255, 0);
  border-bottom: none !important;
}
.account-body-block ul.account-block-tabs li a:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #f6f6f6;
  top: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 1000px) {
  .account-body-block ul.account-block-tabs li a:hover {
    background: #f6f6f6;
    border: 2px solid #e9e9e9;
  }
  .account-body-block ul.account-block-tabs li a:hover:before {
    visibility: visible;
    opacity: 1;
  }
}
.account-body-block ul.account-block-tabs li a.active {
  background: #f6f6f6;
  border: 2px solid #e9e9e9;
  padding: 0 23px;
}
.account-body-block ul.account-block-tabs li a.active:before {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 800px) {
  .account-body-block ul.account-block-tabs {
    justify-content: center;
    border-bottom: none;
    flex-wrap: wrap;
  }
  .account-body-block ul.account-block-tabs li {
    margin: 1px !important;
  }
  .account-body-block ul.account-block-tabs li a {
    background: #f6f6f6 !important;
    border: 2px solid #e9e9e9 !important;
    padding: 0 17px;
  }
  .account-body-block ul.account-block-tabs li a:before {
    display: none !important;
  }
  .account-body-block ul.account-block-tabs li a.active {
    background: #e9e9e9 !important;
    border: 2px solid #dcdcdc !important;
  }
}

.account-body-block .account-content-tabs {
  position: relative;
  display: block;
  width: 100%;
}
.account-body-block .account-content-tabs .tabs-block {
  position: relative;
  display: none;
  width: 100%;
}
.account-body-block .account-content-tabs .tabs-block.active {
  display: block;
}
.account-body-block .account-content-tabs .tabs-block .text-1 {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
  line-height: 16px;
}
.account-body-block .account-content-tabs .tabs-block .text-2 {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 800px) {
  .account-body-block .account-content-tabs .tabs-block .text-1, .account-body-block .account-content-tabs .tabs-block .text-2 {
    text-align: center;
  }
}

.account-body-block .acc-all-form {
  position: relative;
  display: flex;
  align-items: center;
}
.account-body-block .acc-all-form > * + * {
  margin-left: 15px;
}
.account-body-block .acc-all-form label {
  position: relative;
  display: block;
  color: #606060;
  font-size: 12px;
}
.account-body-block .acc-all-form input {
  position: relative;
  display: block;
  width: 200px;
  flex: none;
  height: 37px;
  padding: 0 14px;
  color: #272727;
  font-size: 14px;
  background: #f8f8f8;
  border: 1px solid #606060;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.account-body-block .acc-all-form input::-webkit-input-placeholder {
  color: #272727;
}
.account-body-block .acc-all-form input:-moz-placeholder {
  color: #272727;
}
.account-body-block .acc-all-form input::-moz-placeholder {
  color: #272727;
}
.account-body-block .acc-all-form input:-ms-input-placeholder {
  color: #272727;
}
.account-body-block .acc-all-form select {
  position: relative;
  display: block;
  width: 300px;
  flex: none;
  height: 37px;
  padding: 0 14px 0 14px;
  color: #272727;
  font-size: 14px !important;
  font-family: "beaufort-for-lol-bold";
  background: #f8f8f8 url(../images/select.png) no-repeat center right 10px;
  border: 1px solid #606060;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none !important;
  -moz-appearance: none;
}
.account-body-block .acc-all-form .all-btn {
  width: 95px;
  height: 23px;
  padding-bottom: 1px;
  filter: drop-shadow(0 3px 4px rgba(103, 46, 41, 0.23));
  font-size: 10px;
}
.account-body-block .acc-all-form .all-btn:before {
  background: url(../images/btn-login.png) no-repeat;
  background-size: 100% 100%;
}
.account-body-block .acc-all-form .all-btn.strong-btn {
  width: 134px;
  height: 33px;
  font-size: 14px;
}
.account-body-block .acc-all-form.strong {
  flex-wrap: wrap;
}
.account-body-block .acc-all-form.strong label {
  font-size: 14px;
  width: 100%;
  margin-bottom: 10px;
}
.account-body-block .acc-all-form.strong select, .account-body-block .acc-all-form.strong input {
  margin-left: 0;
}
.account-body-block .acc-all-form.strong .all-btn {
  width: 134px;
  height: 33px;
  font-size: 14px;
}
.account-body-block .acc-all-form.table-min-form {
  flex-direction: column;
}
.account-body-block .acc-all-form.table-min-form select, .account-body-block .acc-all-form.table-min-form input {
  margin-left: 0;
  width: 116px;
  height: 26px;
  font-size: 11px !important;
  padding-left: 6px !important;
  background-position: center right 7px !important;
}
.account-body-block .acc-all-form.table-min-form .all-btn {
  width: max-content;
  min-width: 67px;
  height: 26px;
  font-size: 12px;
  padding: 0 3px 3px !important;
  margin: 6px auto 0 !important;
}
.account-body-block .acc-all-form.table-min-form .all-btn.min:before {
  background: #ff9000;
}
@media (max-width: 800px) {
  .account-body-block .acc-all-form {
    flex-direction: column;
    width: 100%;
  }
  .account-body-block .acc-all-form > * + * {
    margin: 10px 0 0;
  }
  .account-body-block .acc-all-form label {
    text-align: center;
  }
  .account-body-block .acc-all-form .all-btn {
    margin: 15px auto 0;
  }
  .account-body-block .acc-all-form.strong label {
    margin-bottom: 0;
  }
}

.donate-block .dtext {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
.donate-block .dtext + * {
  margin-top: 22px;
}
.donate-block .dtext span {
  color: #fb2b42;
}
.donate-block .text-row {
  margin-top: 18px;
}
@media (max-width: 800px) {
  .donate-block .dtext {
    text-align: center;
  }
}

.logs-block table.table-account-1 thead tr th, .logs-block table.table-account-1 thead tr td, .logs-block table.table-account-1 tbody tr th, .logs-block table.table-account-1 tbody tr td {
  font-size: 12px !important;
}

.bfs-block .bfs-list {
  position: relative;
  display: block;
  width: 100%;
}
.bfs-block .bfs-list + * {
  margin-top: 30px !important;
}
.bfs-block .bfs-list li {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
}
.bfs-block .bfs-list li + li {
  margin-top: 8px;
}
.bfs-block .bfs-list li span {
  color: #fb2b42;
}
@media (max-width: 800px) {
  .bfs-block .bfs-list li {
    text-align: center;
  }
}
.bfs-block .fight-box {
  position: relative;
  display: block;
  width: 100%;
  margin: 37px auto 0;
}
.bfs-block .fight-box.first {
  margin-top: 0;
}
.bfs-block .fight-box .claim-text {
  font-size: 16px !important;
  margin-bottom: 15px;
}
.bfs-block .fight-box .text-row {
  font-size: 14px !important;
  margin-bottom: 10px;
}
.bfs-block .fight-box table.table-account-1 thead tr th, .bfs-block .fight-box table.table-account-1 thead tr td, .bfs-block .fight-box table.table-account-1 tbody tr th, .bfs-block .fight-box table.table-account-1 tbody tr td, .bfs-block .fight-box table.table-account-2 thead tr th, .bfs-block .fight-box table.table-account-2 thead tr td, .bfs-block .fight-box table.table-account-2 tbody tr th, .bfs-block .fight-box table.table-account-2 tbody tr td {
  font-size: 12px;
}

.vip-block .vip-list {
  position: relative;
  display: block;
  width: 100%;
}
.vip-block .vip-list + * {
  margin-top: 30px !important;
}
.vip-block .vip-list li {
  position: relative;
  display: flex;
  align-items: center;
}
.vip-block .vip-list li + li {
  margin-top: 2px;
}
.vip-block .vip-list li .ico {
  position: relative;
  display: block;
  width: 40px;
  height: 30px;
  margin-right: 8px;
  flex: none;
  align-items: center;
  justify-content: center;
}
.vip-block .vip-list li .ico img {
  position: relative;
  display: block;
}
.vip-block .vip-list li .text {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
}
@media (max-width: 800px) {
  .vip-block .vip-list li {
    width: 100%;
    max-width: 230px;
    padding: 10px;
    background: #f8f8f8;
    margin: 0 auto;
  }
  .vip-block .vip-list li + li {
    margin-top: 2px;
  }
}

.sporsor-block .claim-text + * {
  margin-top: 20px;
}
.sporsor-block .item {
  position: relative;
  display: block;
  width: 100%;
  padding: 17px 25px 20px;
  border: 1px solid #fb2b42;
  background: #ffffff;
  margin: 20px auto 0;
}
.sporsor-block .item + .item {
  margin-top: 11px;
}
.sporsor-block .item .title {
  position: relative;
  display: block;
  width: 100%;
  color: #0b0b0b;
  font-size: 16px;
}
.sporsor-block .item .title + * {
  margin-top: 8px;
}
.sporsor-block .item .desc {
  position: relative;
  display: block;
  color: #606060;
  font-size: 14px;
}
.sporsor-block .item .desc + * {
  margin-top: 8px;
}
.sporsor-block .item ul.rates {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.sporsor-block .item ul.rates + * {
  margin-top: 18px;
}
.sporsor-block .item ul.rates li {
  position: relative;
  display: block;
  color: #606060;
  font-size: 14px;
  margin: 3px 40px 3px 0;
}
.sporsor-block .item ul.rates li:last-child {
  margin-right: 0;
}
.sporsor-block .item ul.rates li span {
  color: #fb2b42;
}
@media (max-width: 800px) {
  .sporsor-block .stext {
    text-align: center;
  }
  .sporsor-block .item {
    width: 100%;
    max-width: 500px;
  }
  .sporsor-block .item .title {
    text-align: center;
  }
  .sporsor-block .item .desc {
    text-align: center;
  }
  .sporsor-block .item ul.rates {
    justify-content: center;
    text-align: center;
  }
  .sporsor-block .item ul.rates li {
    margin: 3px 15px !important;
  }
}

.stash-block .stext {
  position: relative;
  display: block;
  width: 100%;
  margin: 25px auto 0;
  color: #272727;
  font-size: 12px;
  line-height: 15px;
}
.stash-block .checked.destroy-mode {
  width: max-content;
  margin: 20px 0;
}
@media (max-width: 800px) {
  .stash-block .claim-btn {
    margin: 0 auto;
  }
}
.stash-block .account-content-stash {
  position: relative;
  display: block;
  width: 100%;
  margin: 25px auto 0;
}
.stash-block .account-content-stash .stash-note {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  margin: 0 auto;
}
.stash-block .account-content-stash .stash-note + * {
  margin-top: 25px !important;
}
.stash-block .account-content-stash .stash-button {
  position: relative;
  display: flex;
  margin: 25px auto 0;
  align-items: center;
}
.stash-block .account-content-stash .stash-button .all-btn {
  margin-left: auto;
}
.stash-block .account-content-stash .stash-items-select {
  position: relative;
  display: flex;
  margin: -3px;
  flex-wrap: wrap;
  max-height: calc(100vh - 100px);
  overflow: hidden auto;
}
.stash-block .account-content-stash .stash-items-select .item {
  position: relative;
  display: flex;
  width: calc(25% - 2px);
  align-items: center;
  margin: 1px;
  min-height: 36px;
  background: #f8f8f8;
  padding: 3px 5px 3px 3px;
}
.stash-block .account-content-stash .stash-items-select .item .child {
  position: relative;
  display: flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  overflow: hidden;
  color: #378e15;
  padding-right: 10px;
  font-size: 11px;
}
.stash-block .account-content-stash .stash-items-select .item .child img {
  position: relative;
  display: block;
  margin-right: 5px;
  max-width: 22px;
  height: auto;
}
.stash-block .account-content-stash .stash-items-select .item .child span {
  position: relative;
  display: block;
  text-decoration: underline;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stash-block .account-content-stash .stash-items-select .item .all-btn {
  min-width: 67px;
  height: 26px;
  font-size: 12px;
  padding: 0 3px 2px;
  margin-left: auto;
}
.stash-block .account-content-stash .stash-items-select .item .all-btn:before {
  background: #378e15;
}
.stash-block .account-content-stash .stash-items-select .item .all-btn.yellow:before {
  background: #ff9000;
}
.stash-block .account-content-stash .stash-items-select .item .checked {
  margin: 0 0 0 auto;
}
@media (max-width: 600px) {
  .stash-block .account-content-stash .stash-items-select {
    width: 100%;
    margin: 0 auto;
  }
  .stash-block .account-content-stash .stash-items-select .item {
    width: calc(33% - 2px);
  }
}
@media (max-width: 400px) {
  .stash-block .account-content-stash .stash-items-select .item {
    width: calc(50% - 2px);
  }
}
@media (max-width: 800px) {
  .stash-block .stext {
    text-align: center;
  }
  .stash-block .checked.destroy-mode {
    margin: 20px auto;
  }
  .stash-block .account-content-stash .stash-note {
    text-align: center;
  }
  .stash-block .account-content-stash .stash-button {
    flex-direction: column;
  }
  .stash-block .account-content-stash .stash-button > * + * {
    margin-top: 15px !important;
  }
  .stash-block .account-content-stash .stash-button .all-btn {
    margin: 0 auto;
  }
}

.lotteries-block .claim-text + * {
  margin-top: 20px !important;
}
.lotteries-block .item {
  position: relative;
  display: flex;
  width: 100%;
  padding: 15px 30px 10px 15px;
  background: #f8f8f8;
  margin: 0 auto;
}
.lotteries-block .item + .item {
  margin-top: 11px;
}
.lotteries-block .item .left {
  position: relative;
  display: block;
  width: 80px;
  flex: none;
  margin-right: 15px;
}
.lotteries-block .item .left > * + * {
  margin-top: 7px;
}
.lotteries-block .item .left .img {
  position: relative;
  display: block;
  width: 100%;
}
.lotteries-block .item .left .img img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.lotteries-block .item .left input {
  position: relative;
  display: block;
  width: 100%;
  border: none;
  background: #ffffff;
  height: 26px;
  color: #fb2b42;
  font-size: 14px;
  text-align: center;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.lotteries-block .item .left input::-webkit-outer-spin-button, .lotteries-block .item .left input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.lotteries-block .item .left input[type='number'] {
  -moz-appearance: textfield;
}
.lotteries-block .item .left input:focus {
  background: #e9e9e9;
}
.lotteries-block .item .left .all-btn {
  height: 26px;
  font-size: 12px;
  width: 100%;
  padding: 0 3px 1px;
}
.lotteries-block .item .left .all-btn:before {
  background: #378e15;
}
.lotteries-block .item .right {
  position: relative;
  display: block;
  flex: 1;
}
.lotteries-block .item .right .title {
  position: relative;
  display: flex;
  align-items: center;
}
.lotteries-block .item .right .title .name {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #0b0b0b;
  font-size: 16px;
  padding-right: 10px;
}
.lotteries-block .item .right .title .count {
  position: relative;
  display: flex;
  align-items: center;
  color: #606060;
  font-size: 12px;
  margin-left: auto;
}
.lotteries-block .item .right .title .count p {
  position: relative;
  display: block;
}
.lotteries-block .item .right .title .count span {
  color: #fb2b42;
}
.lotteries-block .item .right .title .count img {
  position: relative;
  display: block;
  margin-left: 8px;
}
.lotteries-block .item .right .box {
  position: relative;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.lotteries-block .item .right .box .child {
  position: relative;
  display: block;
  width: 50%;
  padding-right: 10px;
  margin: 16px 0 0;
}
.lotteries-block .item .right .box .child .text {
  position: relative;
  display: block;
  color: #0b0b0b;
  font-size: 12px;
}
.lotteries-block .item .right .box .child .text span {
  color: #fb2b42;
}
.lotteries-block .item .right .box .child ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 6px -2px -2px;
}
.lotteries-block .item .right .box .child ul li {
  position: relative;
  display: block;
  margin: 2px;
}
.lotteries-block .item .right .box .child ul li img {
  position: relative;
  display: block;
}
@media (max-width: 800px) {
  .lotteries-block .ltext {
    text-align: center;
  }
  .lotteries-block .item {
    max-width: 500px;
  }
}
@media (max-width: 500px) {
  .lotteries-block .item {
    padding: 10px;
    max-width: 340px;
  }
  .lotteries-block .item .right .title {
    flex-direction: column;
    align-items: flex-start;
  }
  .lotteries-block .item .right .title .count {
    margin: 5px 0 0;
  }
  .lotteries-block .item .right .title .count img {
    order: -3;
    margin: 0 8px 0 0;
  }
  .lotteries-block .item .right .box {
    flex-direction: column;
  }
  .lotteries-block .item .right .box .child {
    width: 100%;
    padding: 5px;
    background: #efefef;
  }
  .lotteries-block .item .right .box .child + .child {
    margin-top: 5px;
  }
}

.rewards-block .stats {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.rewards-block .stats .text {
  position: relative;
  display: block;
  color: #606060;
  font-size: 14px;
  margin: 5px 40px 5px 0;
}
.rewards-block .stats .text:last-child {
  margin-right: 0;
}
.rewards-block .stats .text span {
  color: #fb2b42;
}
.rewards-block .claim-text {
  font-size: 14px !important;
  margin: 15px auto 0 !important;
}
.rewards-block .account-content-tabs {
  margin-top: 40px;
}
.rewards-block .all-table-box table.table-account-1 tbody tr td, .rewards-block .all-table-box table.table-account-1 tbody tr th, .rewards-block .all-table-box table.table-account-1 thead tr td, .rewards-block .all-table-box table.table-account-1 thead tr th {
  font-size: 12px;
}
.rewards-block .all-table-box table.table-account-1 tbody tr td .all-btn, .rewards-block .all-table-box table.table-account-1 thead tr td .all-btn {
  height: 26px;
  font-size: 12px;
}
.rewards-block .all-table-box table.table-account-1 tbody tr td .all-btn:before, .rewards-block .all-table-box table.table-account-1 thead tr td .all-btn:before {
  background: #378e15;
}
@media (max-width: 800px) {
  .rewards-block .stats {
    justify-content: center;
  }
  .rewards-block .stats .text {
    margin: 5px 15px !important;
  }
}

.redeem-events .all-table-box + .block-title {
  margin-top: 36px;
}
.redeem-events .all-table-box table.table-account-1 tbody tr td, .redeem-events .all-table-box table.table-account-1 tbody tr th, .redeem-events .all-table-box table.table-account-1 thead tr td, .redeem-events .all-table-box table.table-account-1 thead tr th {
  font-size: 12px;
  white-space: nowrap;
}
.redeem-events .all-table-box table.table-account-1 tbody tr td .td-text, .redeem-events .all-table-box table.table-account-1 tbody tr th .td-text, .redeem-events .all-table-box table.table-account-1 thead tr td .td-text, .redeem-events .all-table-box table.table-account-1 thead tr th .td-text {
  min-width: 80px;
  line-height: 16px;
  white-space: normal;
}
.redeem-events .pve-text {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.redeem-events .pve-text + * {
  margin-top: 36px !important;
}
.redeem-events .pve-text > * {
  margin-top: 10px;
}
.redeem-events .pve-text .item {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.redeem-events .pve-text .item > * {
  margin-right: 14px;
}
.redeem-events .pve-text .item > *:last-child {
  margin-right: 0;
}
.redeem-events .pve-text p + p {
  margin-top: 5px !important;
}
@media (max-width: 800px) {
  .redeem-events .pve-text {
    text-align: center;
  }
  .redeem-events .pve-text .item {
    justify-content: center;
  }
  .redeem-events .pve-text .item > * {
    margin: 3px 7px !important;
  }
}
.redeem-events .reward-item {
  position: relative;
  display: flex;
  width: 100%;
  margin: 0 auto;
  align-items: center;
}
.redeem-events .reward-item + * {
  margin-top: 36px !important;
}
.redeem-events .reward-item .text {
  position: relative;
  display: block;
  font-size: 14px;
  color: #272727;
  flex: none;
}
.redeem-events .reward-item .text > * {
  margin-top: 10px;
}
.redeem-events .reward-item .text p + p {
  margin-top: 5px !important;
}
.redeem-events .reward-item .subchallenge{
	float:left;
	margin:2px;
	background:rgba(0,0,0,0.1);
	height:170px;
	padding:2px;
}
.redeem-events .reward-item .subitem {
  position: relative;
  display: flex;
  align-items: center;
  margin-left: 14px;
  flex: 1;
  width: 100%;
  border: 1px solid #bababa;
  padding: 5px 5px 5px 0;
}
.redeem-events .reward-item .items .num {
  position: relative;
  display: flex;
  width: 46px;
  min-width: 26px;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #929292;
  font-size: 14px;
  flex: none;
}
.redeem-events .reward-item .items ul {
  position: relative;
  display: flex;
  margin: -2px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.redeem-events .reward-item .items ul li {
  position: relative;
  display: block;
  margin: 2px;
}
.redeem-events .reward-item .items ul li img {
  position: relative;
  display: block;
}

@media (max-width: 800px) {
  .redeem-events .reward-item {
    flex-direction: column;
  }
  .redeem-events .reward-item .text {
    text-align: center;
  }
  .redeem-events .reward-item .items {
    margin: 15px auto 0;
    flex-direction: column;
    padding: 5px;
  }
  .redeem-events .reward-item .items .num {
    width: 100%;
    padding: 10px 10px 15px;
  }
  .redeem-events .reward-item .items ul {
    justify-content: center;
  }
}

.trader-block .info-trader {
  position: relative;
  display: block;
  width: 100%;
}
.trader-block .info-trader + * {
  margin-top: 18px;
}
.trader-block .info-trader .text {
  position: relative;
  display: block;
  color: #606060;
  font-size: 14px;
}
.trader-block .info-trader .info {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px 0 -4px;
}
.trader-block .info-trader .info .child {
  position: relative;
  display: flex;
  align-items: center;
  color: #272727;
  font-size: 14px;
  margin: 4px 0;
  margin-right: 34px;
}
.trader-block .info-trader .info .child:last-child {
  margin-right: 0;
}
.trader-block .info-trader .info .child img {
  position: relative;
  display: block;
  margin-right: 12px;
}
.trader-block .info-trader .info .child span {
  position: relative;
  display: inline-block;
  color: #272727;
  font-size: 14px;
}
.trader-block .info-trader .info .child span a {
  color: #272727;
  font-size: 14px;
}
@media (min-width: 1000px) {
  .trader-block .info-trader .info .child span a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 1000px) {
  .trader-block .info-trader .info .child[href]:hover {
    text-decoration: underline;
  }
}
@media (max-width: 800px) {
  .trader-block .info-trader .text {
    text-align: center;
  }
  .trader-block .info-trader .info {
    margin: 15px auto 0;
    width: 100%;
    flex-direction: column;
  }
  .trader-block .info-trader .info .child {
    width: 100%;
    max-width: 230px;
    height: 40px;
    background: #f8f8f8;
    margin: 0 !important;
    box-shadow: 0 0 3px rgba(39, 39, 39, 0.1);
  }
  .trader-block .info-trader .info .child + .child {
    margin-top: 2px !important;
  }
  .trader-block .info-trader .info .child img {
    width: 18px;
    height: auto;
    margin: 0 15px;
  }
}
.trader-block table.table-account-1.donate-table tbody tr td, .trader-block table.table-account-1.donate-table tbody tr th, .trader-block table.table-account-1.donate-table thead tr td, .trader-block table.table-account-1.donate-table thead tr th {
  font-size: 14px;
  white-space: nowrap;
}
.trader-block table.table-account-1.donate-table tbody tr td input, .trader-block table.table-account-1.donate-table tbody tr th input, .trader-block table.table-account-1.donate-table thead tr td input, .trader-block table.table-account-1.donate-table thead tr th input {
  position: relative;
  display: block;
  width: 68px;
  border: none;
  background: #ffffff;
  height: 26px;
  color: #fb2b42;
  font-size: 14px;
  text-align: center;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.trader-block table.table-account-1.donate-table tbody tr td input::-webkit-outer-spin-button, .trader-block table.table-account-1.donate-table tbody tr td input::-webkit-inner-spin-button, .trader-block table.table-account-1.donate-table tbody tr th input::-webkit-outer-spin-button, .trader-block table.table-account-1.donate-table tbody tr th input::-webkit-inner-spin-button, .trader-block table.table-account-1.donate-table thead tr td input::-webkit-outer-spin-button, .trader-block table.table-account-1.donate-table thead tr td input::-webkit-inner-spin-button, .trader-block table.table-account-1.donate-table thead tr th input::-webkit-outer-spin-button, .trader-block table.table-account-1.donate-table thead tr th input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.trader-block table.table-account-1.donate-table tbody tr td input[type='number'], .trader-block table.table-account-1.donate-table tbody tr th input[type='number'], .trader-block table.table-account-1.donate-table thead tr td input[type='number'], .trader-block table.table-account-1.donate-table thead tr th input[type='number'] {
  -moz-appearance: textfield;
}
.trader-block table.table-account-1.donate-table tbody tr td .all-btn, .trader-block table.table-account-1.donate-table tbody tr th .all-btn, .trader-block table.table-account-1.donate-table thead tr td .all-btn, .trader-block table.table-account-1.donate-table thead tr th .all-btn {
  width: 95px;
  height: 23px;
  font-size: 12px;
}
.trader-block .info-item {
  position: relative;
  display: block;
  width: 100%;
  margin: 26px auto 0;
}
.trader-block .info-item + * {
  margin-top: 30px;
}
.trader-block .info-item .item {
  position: relative;
  display: flex;
  width: 100%;
}
.trader-block .info-item .item + .item {
  margin-top: 24px;
}
.trader-block .info-item .item .ico {
  position: relative;
  display: flex;
  width: 14px;
  height: 15px;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
}
.trader-block .info-item .item .text {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
  line-height: 16px;
}
.trader-block .info-item .item .text font {
  position: relative;
  display: inline-block;
}
@media (max-width: 800px) {
  .trader-block .info-item {
    max-width: 500px;
  }
}
.trader-block .text-row {
  font-size: 14px !important;
}
.trader-block .text-row + * {
  margin-top: 15px;
}
.trader-block table.table-account-1.offer-table thead tr th {
  font-size: 12px;
  padding: 5px 11px;
}
.trader-block table.table-account-1.offer-table thead tr th:first-child {
  padding-left: 40px;
}
.trader-block table.table-account-1.offer-table tbody tr td {
  font-size: 12px;
  padding: 8px 11px;
}
.trader-block table.table-account-1.offer-table tbody tr td:first-child .td-item {
  min-width: 165px;
}
.trader-block table.table-account-1.offer-table tbody tr td .all-btn {
  height: 19px;
  font-size: 12px;
  padding: 0 4px 2px;
}
.trader-block table.table-account-1.offer-table tbody tr td .all-btn:before {
  background: #378e15;
}

.gjs-block .acc-all-form + * {
  margin-top: 20px;
}
.gjs-block .account-content-tabs .gjs-note {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
@media (max-width: 800px) {
  .gjs-block .account-content-tabs .gjs-note {
    text-align: center;
  }
}
.gjs-block .filter-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -2px;
}
.gjs-block .filter-list + * {
  margin-top: 19px !important;
}
.gjs-block .filter-list li {
  position: relative;
  display: block;
  margin: 2px;
}
.gjs-block .filter-list li a {
  position: relative;
  display: flex;
  width: max-content;
  white-space: nowrap;
  color: #272727;
  font-size: 14px;
  background: #f8f8f8;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 33px;
  padding: 0 14px;
}
.gjs-block .filter-list li a.active {
  color: #fb2b42;
}
@media (min-width: 1000px) {
  .gjs-block .filter-list li a:hover {
    color: #fb2b42;
  }
}
@media (max-width: 800px) {
  .gjs-block .filter-list {
    justify-content: center;
  }
}
.gjs-block .gjs-table table tbody tr td .item {
  position: relative;
  display: flex;
  min-width: 180px;
  align-items: center;
}
.gjs-block .gjs-table table tbody tr td .item .img {
  position: relative;
  display: block;
  width: 30px;
  flex: none;
  margin-right: 8px;
}
.gjs-block .gjs-table table tbody tr td .item .img img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.gjs-block .gjs-table table tbody tr td .item .text {
  position: relative;
  display: block;
  line-height: 16px;
}
.gjs-block .gjs-table table tbody tr td .item .text span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
.gjs-block .gjs-table table tbody tr td .item .text p {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
.gjs-block .gjs-table table tbody tr td .count {
  position: relative;
  display: flex;
  align-items: center;
}
.gjs-block .gjs-table table tbody tr td .count img {
  position: relative;
  display: block;
  flex: none;
  margin-right: 5px;
}
.gjs-block .gjs-table table tbody tr td .count span {
  position: relative;
  display: block;
  color: #272727;
  font-size: 14px;
}
.gjs-block .gjs-table table tbody tr td input {
  width: 54px;
  height: 24px;
  text-align: center;
  padding: 0 5px;
  color: #272727;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.gjs-block .gjs-table table tbody tr td input::-webkit-outer-spin-button, .gjs-block .gjs-table table tbody tr td input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.gjs-block .gjs-table table tbody tr td input[type='number'] {
  -moz-appearance: textfield;
}
.gjs-block .gjs-table table tbody tr td .all-btn {
  min-width: 67px;
  height: 26px;
  font-size: 12px;
}
.gjs-block .gjs-table table tbody tr td .all-btn:before {
  background: #378e15;
}

.vote-block .vote-items {
  position: relative;
  display: flex;
  margin: -11px;
  flex-wrap: wrap;
}
.vote-block .vote-items + * {
  margin-top: 30px !important;
}
.vote-block .vote-items .item {
  position: relative;
  display: block;
  width: 137px;
  margin: 11px;
}
.vote-block .vote-items .item .link {
  position: relative;
  display: flex;
  width: 100%;
  height: 62px;
  background: url(../images/account/vote.png) no-repeat;
  background-size: 100% 100% !important;
}
.vote-block .vote-items .item .link img {
  position: relative;
  display: block;
  margin: auto;
  max-width: calc(100% - 8px);
  max-height: calc(100% - 8px);
  height: auto;
}
.vote-block .vote-items .item .link:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/btn-info.png) no-repeat;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-size: 100% 100% !important;
}
@media (min-width: 1000px) {
  .vote-block .vote-items .item .link:hover:before {
    visibility: visible;
    opacity: 1;
  }
}
.vote-block .vote-items .item .title {
  position: relative;
  display: block;
  text-align: center;
  color: #272727;
  font-size: 12px;
  margin-top: 10px;
}
.vote-block .vote-items .item .count {
  position: relative;
  display: flex;
  align-items: center;
  color: #fb2b42;
  font-size: 14px;
  margin-top: 5px;
  justify-content: center;
}
.vote-block .vote-items .item .count img {
  position: relative;
  display: block;
  margin-right: 8px;
}
.vote-block .vote-items .item .time {
  position: relative;
  display: block;
  text-align: center;
  color: #606060;
  font-size: 12px;
  margin-top: 3px;
}
.vote-block .vote-items .item .info {
  position: relative;
  display: block;
  text-align: center;
  color: #272727;
  font-size: 14px;
  margin-top: 12px;
}
.vote-block .vote-items .item .img {
  position: relative;
  display: block;
  width: 100%;
}
.vote-block .vote-items .item .img + .info {
  margin-top: 5px;
}
.vote-block .vote-items .item .img img {
  position: relative;
  display: block;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .vote-block .vote-items {
    margin: 0;
    width: 100%;
    justify-content: center;
  }
  .vote-block .vote-items .item {
    width: 157px;
    padding: 10px;
    background: #f8f8f8;
    box-shadow: 0 0 5px rgba(39, 39, 39, 0.2);
    margin: 7px;
  }
}
.vote-block .block-title {
  margin-bottom: 40px !important;
}
@media (max-width: 800px) {
  .vote-block .block-title {
    margin-bottom: 10px !important;
  }
}

.character-block .character-status {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.character-block .character-status .label {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  color: #606060;
  font-size: 14px;
}
.character-block .character-status .text {
  position: relative;
  display: inline-block;
  font-size: 14px;
}
.character-block .character-status .text a {
  position: relative;
  display: inline-block;
  color: #de9e14;
  text-decoration: underline;
}
@media (min-width: 1000px) {
  .character-block .character-status .text a:hover {
    text-decoration: none;
  }
}
.character-block .character-status .text span {
  position: relative;
  display: inline-block;
}
.character-block .character-status .text span.on {
  color: #378e15;
}
.character-block .character-status .text span.off {
  color: #fb2b42;
}
@media (max-width: 800px) {
  .character-block .character-status {
    text-align: center;
  }
  .character-block .character-status .label {
    width: 100%;
    margin-bottom: 5px;
  }
  .character-block .character-status .text {
    width: 100%;
  }
}
.character-block .claim-text {
  font-size: 14px !important;
  margin: 24px auto !important;
}
.character-block .checked-items {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.character-block .checked-items .item {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.character-block .checked-items .item + .item {
  margin-top: 15px;
}
.character-block .checked-items .item label {
  position: relative;
  display: flex;
  width: 100%;
  cursor: pointer;
}
.character-block .checked-items .item label input {
  display: none;
}
.character-block .checked-items .item label i {
  position: relative;
  display: flex;
  width: 18px;
  height: 18px;
  border: 1px solid #272727;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  flex: none;
  margin-right: 14px;
}
.character-block .checked-items .item label i:before {
  content: '';
  position: relative;
  display: none;
  width: 10px;
  height: 10px;
  background: #fb2b42;
  margin: auto;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.character-block .checked-items .item label input[type="radio"]:checked ~ i:before {
  display: block;
}
.character-block .checked-items .item label .desc {
  position: relative;
  display: block;
}
.character-block .checked-items .item label .desc span {
  position: relative;
  display: block;
  color: #000000;
  font-size: 14px;
}
.character-block .checked-items .item label .desc p {
  position: relative;
  display: block;
  color: #606060;
  font-size: 12px;
  margin-top: 3px;
}
.character-block .checked-items .all-btn {
  margin-top: 27px;
}
@media (max-width: 800px) {
  .character-block .checked-items {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .character-block .checked-items .all-btn {
    margin: 27px auto 0;
  }
}

.banker-block .claim-text {
  font-size: 16px !important;
}
.banker-block .claim-text + * {
  margin-top: 5px !important;
}
.banker-block .claim-text font {
  font-size: 14px !important;
}
.banker-block .banker-table thead tr th {
  font-size: 12px !important;
}
.banker-block .banker-table tbody tr td {
  font-size: 14px;
}
.banker-block .banker-table tbody tr td .price {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #272727;
  font-size: 14px;
  padding: 4px 0;
  width: max-content;
}
.banker-block .banker-table tbody tr td .price > * + * {
  margin-left: 4px;
}
.banker-block .banker-table tbody tr td .price img {
  margin-left: 6px;
}
.banker-block .banker-table tbody tr td .form {
  position: relative;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
}
.banker-block .banker-table tbody tr td .form label {
  position: relative;
  display: block;
  color: #272727;
  font-size: 12px;
  margin-right: 12px;
  flex: none;
}
.banker-block .banker-table tbody tr td .form input {
  width: 54px;
  height: 24px;
  text-align: center;
  padding: 0 5px;
  color: #272727;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  margin-right: 5px;
  flex: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.banker-block .banker-table tbody tr td .form input::-webkit-outer-spin-button, .banker-block .banker-table tbody tr td .form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.banker-block .banker-table tbody tr td .form input[type='number'] {
  -moz-appearance: textfield;
}
.banker-block .banker-table tbody tr td .form img {
  position: relative;
  display: block;
  margin-right: 10px;
  flex: none;
}
.banker-block .banker-table tbody tr td .form .all-btn {
  min-width: 67px;
  height: 26px;
  font-size: 12px;
  flex: none;
}
.banker-block .banker-table tbody tr td .form .all-btn:before {
  background: #378e15;
}
.banker-block .all-table-box + * {
  margin-top: 35px !important;
}
.banker-block .offer-banker-form {
  position: relative;
  display: block;
  width: 100%;
  margin: 15px auto 0 !important;
}
.banker-block .offer-banker-form + * {
  margin-top: 35px !important;
}
.banker-block .offer-banker-form .box {
  position: relative;
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #bababa;
  padding: 13px 18px;
  margin: 0 auto;
}
.banker-block .offer-banker-form .box .desc {
  position: relative;
  display: flex;
  white-space: nowrap;
  align-items: center;
  color: #272727;
  font-size: 14px;
  margin-right: 14px;
  flex: none;
}
.banker-block .offer-banker-form .box .desc img {
  position: relative;
  display: block;
  margin-left: 6px;
  flex: none;
}
.banker-block .offer-banker-form .box .input {
  position: relative;
  display: flex;
  align-items: center;
  flex: none;
  margin-right: 17px;
}
.banker-block .offer-banker-form .box .input label {
  position: relative;
  display: block;
  color: #606060;
  font-size: 14px;
  margin-right: 6px;
  flex: none;
}
.banker-block .offer-banker-form .box .input input {
  width: 54px;
  height: 24px;
  text-align: center;
  padding: 0 5px;
  color: #272727;
  font-size: 14px;
  background: #ffffff;
  border: 1px solid #c9c9c9;
  margin-right: 5px;
  flex: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.banker-block .offer-banker-form .box .input input::-webkit-outer-spin-button, .banker-block .offer-banker-form .box .input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.banker-block .offer-banker-form .box .input input[type='number'] {
  -moz-appearance: textfield;
}
.banker-block .offer-banker-form .box .all-btn {
  margin-left: auto;
}
@media (min-width: 500px) {
  .banker-block .offer-banker-form .box .all-btn {
    width: 95px;
    height: 23px;
    font-size: 12px;
  }
}
@media (max-width: 500px) {
  .banker-block .offer-banker-form .box {
    width: 100%;
    max-width: 400px;
    flex-direction: column;
  }
  .banker-block .offer-banker-form .box .desc {
    justify-content: center;
  }
  .banker-block .offer-banker-form .box .input {
    margin: 15px 0 0;
    width: 100%;
    flex-direction: column;
  }
  .banker-block .offer-banker-form .box .input label {
    text-align: center;
    margin: 0 0 6px;
  }
  .banker-block .offer-banker-form .box .input input {
    width: 100%;
    max-width: 350px;
    height: 44px;
  }
  .banker-block .offer-banker-form .box .all-btn {
    margin: 25px auto 0;
  }
}
.banker-block .offer-banker-form .code {
  position: relative;
  display: flex;
  width: 100%;
  margin: 5px auto 0;
}
.banker-block .offer-banker-form .code img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
@media (max-width: 800px) {
  .banker-block .offer-banker-form .code {
    justify-content: center;
  }
  .banker-block .offer-banker-form .code img {
    margin: 0 auto;
  }
}
#lang-box{display:block; position:absolute; right:0px;}
.lang_sel{
	position:absolute;
	display:none;
	background:rgba(0,0,0,0.6);
	width:100px;
	z-index:999;
	padding:20px;
}
.lang_sel a{color:white;}
#lang_trig{
	text-transform:uppercase;
	display:inline-block;
	cursor:pointer;
}
#lang_trig:hover{
	color:red;
}
#lang_trig img{
	vertical-align:middle;
}

/*# sourceMappingURL=style.css.map */
.orange{
	color:orange !important;
}
.red{
	color:red !important;
}
.blue{
	color:lightblue;
}
.dblue{
	color:blue;
}
.green2{
	color:green;
}
.pink{
	color:pink !important;
}
.all_videos .vid_frame{
	float:left;
	width:470px;
	margin:2px;
}
.reward_item{
	width:40px;
	height:40px;
	float:left;
	margin:2px;
	position:relative;
}
.reward_item span{
	position:absolute;
	bottom:6px;
	left:6px;
	color:white;
	font-size:11px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.reward_item.disabled{
	opacity:0.5;
}
table tr.disabled{
	opacity:0.5 !important;
}
.kom{
	width:600px;
	border:1px solid grey;
	padding:3px;
	margin:auto;
	position:fixed;
	top:150px;
	left:0;
	right:0;
	cursor:pointer;
	z-index:89956545448;
}
.kom div{
	background:linear-gradient(rgba(255,229,204,0.9),rgba(255,128,0,0.8));
	padding:10px;
	text-shadow:0px 0px 1px #000;
}
.kom.red div{
	border-top:5px solid red;
	animation:komfail 0.4s infinite;
}
@keyframes komfail { 
	0% {border-top:5px solid red;}
	50% {border-top:5px solid orange;}
	100% {border-top:5px solid red;}
}
.eclass.c1{background:grey;}
.eclass.c2{background:#CCCC00;}
.eclass.c3{background:#D79AFF;}
.eclass.c4{background:#CC6600;}
.eclass.c5{background:#6666FF;}
.eclass.c6{background:#990000;}
.eclass.c7{background:#F7F12D; animation: divineclass1 2s infinite;}

.xclass.c1{background:linear-gradient(to right,rgba(255,255,255,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c2{background:linear-gradient(to right,rgba(255,255,0,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c3{background:linear-gradient(to right,rgba(255,153,255,0.3) 0%,rgba(0,0,0,0) 50%);}
.xclass.c4{background:linear-gradient(to right,rgba(255,153,51,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c5{background:linear-gradient(to right,rgba(102,102,255,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c6{background:linear-gradient(to right,rgba(255,102,102,0.6) 0%,rgba(0,0,0,0) 50%);}
.xclass.c7{background:linear-gradient(to right,rgba(247,241,45,0.6) 0%,rgba(0,0,0,0) 50%);}
.event_desc{
	background:rgba(0,0,0,0.13);
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	width:620px;
	float:left;
}
.btn2{
	background:none;
	border:none;
	color:yellow;
}
.event_rewards{
	float:right;
	background:rgba(0,0,0,0.2);
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	width:350px;
}
.event_rewards > div{
	background:rgba(0,0,0,0.1);
	padding:10px;
	color:black;
	text-transform:uppercase;
	font-size:11px;
}
.top_reward{
	text-transform:uppercase;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
	 color:white;
	 font-size:18px;
}
.event_group{
	background:linear-gradient(black,grey) !important;
	border-bottom:2px solid black;
}
.kill_log{
	padding:10px;
	border-style: solid; 
	border-width: 7px; 
	-moz-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-webkit-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	-o-border-image: url('../gfx/ramka_kontener.png') 7 stretch; 
	border-image: url('../gfx/ramka_kontener.png') 7 fill stretch;
	border-radius:5px;
	background:rgba(0,0,0,0.2);
	color:black;
	width:620px;
	padding:5px;
}
.kill_log .killer{
	color:#00ff99;
}
.kill_log .corpse{
	color:#ff3300;
}
.kill_log span{
	color:grey;
}
.kill_log table.event_table{
	width:100%;
	margin-top:20px;
	background:none;
}
.kill_log table.event_table td{
	padding:5px;
}
.kill_log table.event_table td.kills{
	color:lime;
}
.kill_log table.event_table td.death{
	color:red;
}
.clr{
	clear:both;
}

.vote-items .status0 span{
	color:red !important;
}

.vote-items .status2{
	opacity:0.5;
}
.vote-items .status2 span{
	color:black !important;
}
.initial_hide{
	display:none;
}
.smallTxtInput{max-width:100px; display:inline-block !important; }
.money_icon{
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-left:5px;
	display:inline-block;
}
.money_icon.jaden{
	background:url(../gfx/money.png) 0 0;
}
.money_icon.gold{
	background:url(../gfx/money.png) 0 -64px;
}
.money_icon.event{
	background:url(../gfx/money.png) 0 -80px;
}
.claimed{
	opacity:0.5;
}	
#launcher{
	background: url(../images/bg-2-min.jpg?v=1) repeat left top;
	background-size: auto;
	padding:3px;
	margin:0px;
}
.lnews{
	width:520px;
	position:relative;
	top:5px;
	left:5px;
	margin-top:-25px;
}
.lnews .news_titty{
	font-size:15px;
	color:#994C00;
	text-transform:uppercase;
}
.lnews span{
	font-size:13px;
	color:grey;
}
.lnews p{
	background:white;
	padding:5px;
	font-size:12px;
	color:black;
	padding:10px;
}
.lnews i{
	display:block;
	font-style:normal;
	background:#F2F1EA;
	padding:3px;
}
.simple_inp{display:inline-block !important; max-width:300px;}
.small_input{
	display:inline-block !important;
	background:linear-gradient(silver,white) !important;
	width:100px !important;
}
.admin_opt{
	float:left;
	background:rgba(0,0,0,0.4);
	padding:3px;
	margin:4px;
}
.old_input{
	background:linear-gradient(silver,white);
	width:450px;
	padding:5px;
}
.old_price{
	text-decoration: line-through;
	color:red !important;
	margin-right:5px;
}
#char_editor{
	width:1200px;
	min-height:800px;
	background:white;
	color:black;
	border:1px solid green;
	position:absolute;
	top:30px;
	left:0;
	right:0;
	margin:auto;
	padding:20px;
	z-index:9999;
}
#editor_handler{
	overflow-x:auto;
	height:700px;
	background:rgba(0,0,0,0.05);
}
.option{
	cursor:pointer;
	color:blue;
	font-weight:bold;
}
.editor_btn{
	width:150px;
	color:black;
	font-size:12px;
	padding:10px;
}
.editor_btn.active{
	background:#3399FF;
}
.data_editor{
	width:500px;
	min-height:300px;
	border:1px solid silver;
	padding:5px;
	position:absolute;
	margin:auto;
	background:yellow;
	left:0;
	right:0;
	top:50px;
	font-size:12px;
}
.aitem{
	width:36px;
	height:36px;
	position:relative;
	float:left;
	margin:3px;
}
.aitem .icon{
	float:left; 
	margin-right:3px;
	cursor:pointer;
	width:36px;
	height:36px;
}
.aitem span{
	position:absolute;
	display:block;
	bottom:-3px;
	left:3px;
	color:white;
	font-size:12px;
	pointer-events:none;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.section{
	background:silver;
	padding:5px;
	float:left;
	margin:3px;
	font-size:12px;
	
}
.section > div{
	width:300px;
	clear:both;
	border-bottom:1px solid grey;
}
.section input{
	font-size:12px;
	width:100px;
	float:right;
	display:inline-block;
}
.section input.octets{
	width:300px;
	color:grey;
}
.section span{
	display:inline-block;
	width:200px;
	height:28px;
	line-height:28px;
}
.section span u{
	color:blue;
}
.section.bag{
	width:270px;
}
.section .bag{
	width:270px;
}
.add_item{
	background:url('../gfx/slot.png');
	width:36px;
	height:36px;
}
.role_json{
	position:fixed;
	width:400px;
	height:400px;
	background:#3399FF;
	color:black;
	font-size:12px;
	z-index:99999;
}
.role_json textarea{
	width:400px;
	height:370px;
	font-size:12px;
	color:black;
}
.new_offer{
	position:absolute;
	top:-20px;
	left:-20px;
	width:40px;
	height:40px;
	background:url(../gfx/new.png);
	pointer-events:none;
}
.itsme td{
	color:yellow;
	background: rgba(0,255,128,0.2);
}
.ibn{
	display:inline-block !important;
	width:70px !important;
}
.lotto_reward{
	position:fixed;
	text-align:center;
	padding:5px;
	width:100px;
	height:100px;
	padding-top:10px;
	z-index:678786786;
}
.lotto_reward.grade0{
	background:yellow;
}
.lotto_reward.grade1{
	background:#3399FF;
}
.lotto_reward.grade2{
	background:silver;
}
.lotto_reward.grade3{
	background:grey;
}
.stash_item{
	width:40px;
	height:60px;
	float:left;
	margin:2px;
	position:relative;
	background:#f8f8f8;
	padding-top:1px;
	text-align:center;
}
.stash_item span{
	position:absolute;
	top:20px;
	left:6px;
	color:white;
	font-size:11px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000;
}
.stash_item.disabled{
	opacity:0.3;
	pointer-events:none;
}
.stash_item.bounder{
	background:linear-gradient(45deg, #f8f8f8, #3399FF);
}
.stash_item.expiring{background:linear-gradient(45deg, #f8f8f8, red);}
.stash_item label {margin-left:12px; margin-top:3px;}
@keyframes divineclass1 {
  0% {background:#F7F12D;}
  50% {background:#23D5DB;}
  100% {background:#F7F12D;}
}
.event{text-shadow:0px 0px 1px #000; text-transform:uppercase;}
.event.c1{color:grey !important;}
.event.c2{color:#CCCC00 !important;}
.event.c3{color:#D79AFF!important;}
.event.c4{color:#CC6600 !important;}
.event.c5{color:#6666FF !important;}
.event.c6{color:#990000 !important;}
.event.c7{color:#F7F12D; animation: divineclass2 2s infinite;}

.vip{
	width:40px;
	height:30px;
	display:inline-block;
	vertical-align:middle;
}
.vip.lvl1{background:url(../gfx/vipsymbol.png) 0 0;}
.vip.lvl2{background:url(../gfx/vipsymbol.png) 0 -30px;}
.vip.lvl3{background:url(../gfx/vipsymbol.png) 0 -60px;}
.vip.lvl4{background:url(../gfx/vipsymbol.png) 0 -90px;}
.vip.lvl5{background:url(../gfx/vipsymbol.png) 0 -120px;}
.vip.lvl6{background:url(../gfx/vipsymbol.png) 0 -150px;}
.vip.lvl7{background:url(../gfx/vipsymbol.png) 0 -180px;}
.vip.lvl8{background:url(../gfx/vipsymbol.png) 0 -210px;}
.admindata{
	background:white;
	padding:5px;
	border:1px solid black;
	color:black;
}
.admindata i{
	color:green;
}

.server_presentation{
	margin-bottom:10px;
}
.server_presentation img{
	border-radius:5px;
}
.server_presentation span{
	color:#3399FF;
	font-size:20px;
	text-shadow:
	0px 0px 2px #000,  
    0px 0px 2px #000,
    0px 0px 2px #000,
     0px 0px 2px #000; 
}
.server_presentation .all-btn
{
	text-align:center;
	display:inline-block;
	line-height:30px;
}
@keyframes divineclass2 {
  0% {color:#F7F12D ;}
  50% {color:#23D5DB ;}
  100% {color:#F7F12D ;}
}
.race{
	width:20px;
	height:20px;
	background-image:url('../gfx/profession.png?v=3');
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:1;
	border-radius:20px;
}
.quote{
	background: white;
	padding:10px;
}

.race.a4{box-shadow:0 0 8px #FFFF00;}
.race.a2{box-shadow:0 0 8px #FF66FF;}
.race.a1{box-shadow:0 0 8px #99FF99;}
.race.r0{background-position:0 0;}
.race.r1{background-position:0 -20px;}
.race.r2{background-position:0 -40px;}
.race.r3{background-position:0 -60px;}
.race.r4{background-position:0 -80px;}
.race.r5{background-position:0 -100px;}
.race.r6{background-position:0 -120px;}
.race.r7{background-position:0 -140px;}
.race.r8{background-position:0 -160px;}
.race.r9{background-position:0 -180px;}
.race.r10{background-position:0 -200px;}
.race.r11{background-position:0 -220px;}
.race.r12{background-position:0 -240px;}
.race.r13{background-position:0 -260px;}
.race.r14{background-position:0 -280px;}
.race.r15{background-position:0 -300px;}
.race.r16{background-position:0 -320px;}
.race.r17{background-position:0 -340px;}
.race.r18{background-position:0 -360px;}
.race.r19{background-position:0 -380px;}
.race.r20{background-position:0 -400px;}
.race.r21{background-position:0 -420px;}
.race.r22{background-position:0 -440px;}
.race.r23{background-position:0 -460px;}
.race.r24{background-position:0 -480px;}
.race.r25{background-position:0 -500px;}
.race.r26{background-position:0 -520px;}
.race.r27{background-position:0 -540px;}
.race.r28{background-position:0 -560px;}
.race.r29{background-position:0 -580px;}
.race.r30{background-position:0 -600px;}
.race.r31{background-position:0 -620px;}
.race.r32{background-position:0 -640px;}
.race.r33{background-position:0 -660px;}
.race.r34{background-position:0 -680px;}
.race.r35{background-position:0 -700px;}
.race.r36{background-position:0 -720px;}
.race.r37{background-position:0 -740px;}
.race.r38{background-position:0 -760px;}
.race.r39{background-position:0 -780px;}
.race.r40{background-position:0 -800px;}
.race.r41{background-position:0 -820px;}
.race.r42{background-position:0 -840px;}
.race.r43{background-position:0 -860px;}
.race.r44{background-position:0 -880px;}
.race.r45{background-position:0 -900px;}
.race.r46{background-position:0 -920px;}
.race.r47{background-position:0 -940px;}
.race.r48{background-position:0 -960px;}
.race.r49{background-position:0 -980px;}
.race.r50{background-position:0 -1000px;}
.race.r51{background-position:0 -1020px;}
.race.r52{background-position:0 -1040px;}
.race.r53{background-position:0 -1060px;}
.race.r54{background-position:0 -1080px;}
.race.r55{background-position:0 -1100px;}
.race.r56{background-position:0 -1120px;}
.race.r57{background-position:0 -1140px;}
.race.r58{background-position:0 -1160px;}
.race.r59{background-position:0 -1180px;}
.race.r60{background-position:0 -1200px;}
.race.r61{background-position:0 -1220px;}
.race.r62{background-position:0 -1240px;}
.race.r63{background-position:0 -1260px;}
.race.r64{background-position:0 -1280px;}
.race.r65{background-position:0 -1300px;}
.race.r66{background-position:0 -1320px;}
.race.r67{background-position:0 -1340px;}
.race.r68{background-position:0 -1360px;}
.race.r69{background-position:0 -1380px;}
.race.r70{background-position:0 -1400px;}
.race.r71{background-position:0 -1420px;}
.race.r72{background-position:0 -1440px;}
.race.r73{background-position:0 -1460px;}
.race.r74{background-position:0 -1480px;}
.race.r75{background-position:0 -1500px;}
.race.r76{background-position:0 -1520px;}
.race.r77{background-position:0 -1540px;}
.race.r78{background-position:0 -1560px;}
.race.r79{background-position:0 -1580px;}
.race.r80{background-position:0 -1600px;}
.race.r81{background-position:0 -1620px;}
.race.r82{background-position:0 -1640px;}
.race.r83{background-position:0 -1660px;}
.race.r84{background-position:0 -1680px;}
.race.r85{background-position:0 -1700px;}
.race.r86{background-position:0 -1720px;}
.race.r87{background-position:0 -1740px;}
.race.r88{background-position:0 -1760px;}
.race.r89{background-position:0 -1780px;}
.race.r90{background-position:0 -1800px;}
.race.r91{background-position:0 -1820px;}
.race.r92{background-position:0 -1840px;}
.race.r93{background-position:0 -1860px;}
.race.r94{background-position:0 -1880px;}
.race.r95{background-position:0 -1900px;}
.race.r96{background-position:0 -1920px;}
.race.r97{background-position:0 -1940px;}
.race.r98{background-position:0 -1960px;}
.race.r99{background-position:0 -1980px;}
.race.r100{background-position:0 -2000px;}
.race.r101{background-position:0 -2020px;}
.race.r102{background-position:0 -2040px;}
.race.r103{background-position:0 -2060px;}
.race.r104{background-position:0 -2080px;}
.race.r105{background-position:0 -2100px;}
.race.r106{background-position:0 -2120px;}
.race.r107{background-position:0 -2140px;}
.race.r108{background-position:0 -2160px;}
.race.r109{background-position:0 -2180px;}
.race.r110{background-position:0 -2200px;}
.race.r111{background-position:0 -2220px;}
.race.r112{background-position:0 -2240px;}
.race.r113{background-position:0 -2260px;}
.race.r114{background-position:0 -2280px;}
.race.r115{background-position:0 -2300px;}
.race.r116{background-position:0 -2320px;}
.race.r117{background-position:0 -2340px;}
.race.r118{background-position:0 -2360px;}
.race.r119{background-position:0 -2380px;}
.race.r120{background-position:0 -2400px;}
.race.r121{background-position:0 -2420px;}
.race.r122{background-position:0 -2440px;}
.race.r123{background-position:0 -2460px;}
.race.r124{background-position:0 -2480px;}
.race.r125{background-position:0 -2500px;}
.race.r126{background-position:0 -2520px;}
.race.r127{background-position:0 -2540px;}
.race.r128{background-position:0 -2560px;}
.race.r129{background-position:0 -2580px;}
.race.r213{background-position:0 -2600px;}
.race.r214{background-position:0 -2620px;}
.race.r215{background-position:0 -2640px;}
.race.r216{background-position:0 -2660px;}
.race.r217{background-position:0 -2680px;}
.race.r218{background-position:0 -2700px;}
.race.r219{background-position:0 -2720px;}
.race.r221{background-position:0 -2740px;}
.race.r222{background-position:0 -2760px;}
.race.r223{background-position:0 -2780px;}
.race.r224{background-position:0 -2800px;}
.race.r225{background-position:0 -2820px;}
.race.r226{background-position:0 -2840px;}
.race.r227{background-position:0 -2860px;}
.race.r228{background-position:0 -2880px;}
.race.r229{background-position:0 -2900px;}
.race.r230{background-position:0 -2920px;}
.race.r231{background-position:0 -2940px;}
.race.r232{background-position:0 -2960px;}
.race.r233{background-position:0 -2980px;}
.race.r235{background-position:0 -3000px;}
.race.r236{background-position:0 -3020px;}
.race.r237{background-position:0 -3040px;}
.race.r238{background-position:0 -3060px;}
.race.r239{background-position:0 -3080px;}
.race.r240{background-position:0 -3100px;}
.race.r243{background-position:0 -3120px;}
.race.r244{background-position:0 -3140px;}
.race.r245{background-position:0 -3160px;}
.race.r246{background-position:0 -3180px;}
.race.r247{background-position:0 -3200px;}
.race.r248{background-position:0 -3220px;}
.race.r249{background-position:0 -3240px;}
.race.r250{background-position:0 -3260px;}
.race.r251{background-position:0 -3280px;}
.race.r252{background-position:0 -3300px;}
.race.r253{background-position:0 -3320px;}
.race.r254{background-position:0 -3340px;}
.race.r255{background-position:0 -3360px;}