:root {
  --max-width: 100vw;
  --max-device: 2465;
}

@media screen and (min-width: 3600px) {
  :root {
    --max-width: 3600px;
  }
}
@media screen and (max-width: 1400px) and (min-device-width: 1026px) {
  :root {
    --max-width: 1400px;
  }
}
@media screen and (max-device-width: 1025px) {
  :root {
    --max-device: 2465;
  }
}
body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
  margin: 0;
  padding: 0;
}

body {
  font: 12px/1.5 tahoma, "Microsoft YaHei", sans-serif;
  background: #121824;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

em,
b,
i {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  border: 0;
}

div {
  outline: none;
}

button,
input,
select,
textarea {
  font-size: 100%;
  outline: none;
}

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

td,
th,
ul,
ol {
  padding: 0;
  list-style-type: none;
}

.clearfix:after {
  content: " ";
  height: 0;
  display: block;
  clear: both;
}

.hidden {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.wrap {
  width: calc(2437 / var(--max-device) * var(--max-width));
  overflow: hidden;
  position: relative;
}

.spr {
  display: block;
  text-indent: -99999px;
}

* {
  user-select: unset;
}

img[src=""],
img:not([src]),
img[src=undefined] {
  display: none !important;
  opacity: 0;
  border: none;
  outline: none;
  pointer-events: none;
}

/* head */
.head,
.content {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

/* content */
@font-face {
  font-family: "industry";
  src: url("../font/Industry-Demi.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "industrybold";
  src: url("../font/Industry-Bold.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "videobold";
  src: url("../font/Video-Bold.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "video";
  src: url("../font/Video-Medium.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "industrymedium";
  src: url("../font/Industry-Medium.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "jaapokkisubtract";
  src: url("../font/jaapokkisubtract-regular.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "SourceHanSansCN";
  src: url("../font/SourceHanSansCN-Regular.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "NotoSansCJKkr";
  src: url("../font/NotoSansCJKkr-Black.ttf");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Industry-Book";
  src: url("../font/Industry-Book.ttf");
  font-weight: normal;
  font-style: normal;
}
.wrap {
  width: calc(2437 / var(--max-device) * var(--max-width));
  position: relative;
  font-family: "industry";
  padding-bottom: calc(44 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: 0 auto;
}
.lang_ru .wrap {
  font-family: "video";
}

.lang_tr .wrap {
  font-family: "video";
}

.twitch_wrap {
  width: calc(2437 / var(--max-device) * var(--max-width));
  position: relative;
  padding-bottom: calc(44 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: 0 auto;
  font-family: "industry";
}
.lang_ru .twitch_wrap {
  font-family: "video";
}

.lang_tr .twitch_wrap {
  font-family: "video";
}

.twitch_wrap .w_inner {
  width: calc(1400 / var(--max-device) * var(--max-width));
  position: relative;
  z-index: 10;
  padding-top: 0;
}

.twitch_bgbox {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
.twitch_bgbox div {
  width: 100%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: -1px;
}

.twitch_bg1 {
  height: calc(1013 / var(--max-device) * var(--max-width));
  background-image: url(../images/twitch/twitch_01.jpg);
}

.twitch_bg2 {
  height: calc(1012 / var(--max-device) * var(--max-width));
  background-image: url(../images/twitch/twitch_02.jpg);
}

.twitch_bg3 {
  height: calc(1013 / var(--max-device) * var(--max-width));
  background-image: url(../images/twitch/twitch_03.jpg);
}

.twitch_bg4 {
  height: calc(1262 / var(--max-device) * var(--max-width));
  background-image: url(../images/twitch/twitch_04.jpg);
}

.hd_bg {
  width: 100%;
  height: calc(1307 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  overflow: hidden;
  background: url(../images/bg_01.jpg) no-repeat;
  background-size: 100% auto;
  -webkit-mask-image: url(../images/hdmask.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
.hd_bg .vbg2 {
  display: block;
  width: 100%;
  height: calc(1430 / var(--max-device) * var(--max-width));
  object-fit: cover;
  background: url(../images/hd_vmask.png) no-repeat;
  background-size: 100% auto;
  -webkit-mask-image: url(../images/hd_vmask.png);
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
}
.hd_bg .vbg2 video,
.hd_bg .vbg2 .vbg_dt {
  display: block;
  width: calc(1840 / var(--max-device) * var(--max-width));
  height: calc(1200 / var(--max-device) * var(--max-width));
  object-fit: cover;
  object-position: 20% 10%;
  position: absolute;
  left: calc(598 / var(--max-device) * var(--max-width));
  top: 0;
  z-index: 10;
}
.hd_bg .vbg2 .vbg_dt {
  background: url(../images/hd_bg2.jpg) no-repeat;
  background-size: cover;
  background-position: 20% 10%;
  z-index: 0;
}
.hd_bg .vbg1 {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.bg_box {
  width: 100%;
  height: calc(5160 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
}
.bg_box div.bg1 {
  height: calc(1533 / var(--max-device) * var(--max-width));
  background: url(../images/bg_01.jpg) no-repeat;
  background-size: 100% 100%;
}
.bg_box div.bg2 {
  height: calc(1534 / var(--max-device) * var(--max-width));
  background: url(../images/bg_02.jpg) no-repeat;
  background-size: 100% 100%;
}
.bg_box div.bg3 {
  height: calc(2633 / var(--max-device) * var(--max-width));
  background: url(../images/bg_03.jpg) no-repeat;
  background-size: 100% 100%;
}

.top_nav_logo,
.top_nav_ibtn {
  display: none;
}

.hd_linemask {
  display: block;
  width: calc(1000 / var(--max-device) * var(--max-width));
  height: calc(337 / var(--max-device) * var(--max-width));
  background: url(../images/hd_linemask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: calc(163 / var(--max-device) * var(--max-width));
  z-index: 0;
  transform-origin: calc(498 / var(--max-device) * var(--max-width)) 0;
  animation: color-animate 2s 1 both;
}

.hd_vmask_bot {
  display: block;
  width: 100%;
  height: calc(275 / var(--max-device) * var(--max-width));
  background: url(../images/v_mask_bottom.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: calc(-62 / var(--max-device) * var(--max-width));
  z-index: 20;
}

@keyframes vmaskbot {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.hd_color1 {
  display: block;
  width: calc(239 / var(--max-device) * var(--max-width));
  height: calc(376 / var(--max-device) * var(--max-width));
  background: url(../images/color_icon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(1021 / var(--max-device) * var(--max-width));
  top: calc(71 / var(--max-device) * var(--max-width));
  animation: color-animate3 1s 0.5s linear 1 both;
}

.hd_color2 {
  display: block;
  width: calc(422 / var(--max-device) * var(--max-width));
  height: calc(664 / var(--max-device) * var(--max-width));
  background: url(../images/color_icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(831 / var(--max-device) * var(--max-width));
  top: calc(104 / var(--max-device) * var(--max-width));
  animation: color-animate2 1s linear 1 both;
}

.hd_color3 {
  width: calc(183 / var(--max-device) * var(--max-width));
  height: calc(130 / var(--max-device) * var(--max-width));
  background: url(../images/color_icon3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(957 / var(--max-device) * var(--max-width));
  top: calc(630 / var(--max-device) * var(--max-width));
  z-index: 20;
  animation: color-animate3 1s 1s linear 1 both;
}

@keyframes color-animate {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes color-animate2 {
  0% {
    transform: translate(calc(-422 / var(--max-device) * var(--max-width)), calc(-664 / var(--max-device) * var(--max-width)));
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes color-animate3 {
  0% {
    transform: translate(calc(-339 / var(--max-device) * var(--max-width)), calc(-376 / var(--max-device) * var(--max-width)));
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes color-animate4 {
  0% {
    transform: translate(calc(-183 / var(--max-device) * var(--max-width)), calc(-130 / var(--max-device) * var(--max-width)));
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.hd_line1 {
  display: block;
  width: calc(730 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(520 / var(--max-device) * var(--max-width));
  top: 0;
  transform-origin: 0 0;
  transform: rotate(49deg);
  z-index: 20;
  animation: line-animate 2.5s linear infinite;
}

.hd_line2 {
  display: block;
  width: calc(226 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(867 / var(--max-device) * var(--max-width));
  top: calc(148 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
  z-index: 20;
  animation: line-animate2 1s linear 1 both;
}

.hd_line3 {
  display: block;
  width: calc(228 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(1244 / var(--max-device) * var(--max-width));
  top: calc(234 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
  z-index: 20;
  animation: line-animate3 5s linear infinite;
}

.hd_line4 {
  display: block;
  width: calc(536 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(1156 / var(--max-device) * var(--max-width));
  top: calc(104 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
  z-index: 20;
  animation: line-animate3 7.5s linear infinite;
}

.hd_line5 {
  display: block;
  width: calc(462 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(778 / var(--max-device) * var(--max-width));
  top: calc(806 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
  z-index: 20;
  animation: line-animate5 5.5s linear infinite;
}

@keyframes line-animate {
  0% {
    transform: translate(calc(-486 / var(--max-device) * var(--max-width)), calc(-550 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    transform: translate(calc(1403 / var(--max-device) * var(--max-width)), calc(1647 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes line-animate2 {
  0% {
    transform: translate(calc(-444 / var(--max-device) * var(--max-width)), calc(-516 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
}
@keyframes line-animate3 {
  0% {
    transform: translate(calc(-456 / var(--max-device) * var(--max-width)), calc(-515 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  100% {
    transform: translate(calc(912 / var(--max-device) * var(--max-width)), calc(1031 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes line-animate4 {
  0% {
    transform: translate(calc(-700 / var(--max-device) * var(--max-width)), calc(-812 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    transform: translate(calc(1050 / var(--max-device) * var(--max-width)), calc(1217 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes line-animate5 {
  0% {
    transform: translate(calc(-1204 / var(--max-device) * var(--max-width)), calc(-1404 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    transform: translate(calc(602 / var(--max-device) * var(--max-width)), calc(702 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
#hdcanvas {
  display: block;
  width: calc(1412 / var(--max-device) * var(--max-width));
  height: calc(550 / var(--max-device) * var(--max-width));
  position: absolute;
  right: calc(86 / var(--max-device) * var(--max-width));
  top: calc(108 / var(--max-device) * var(--max-width));
  z-index: 50;
}

.static_icon {
  display: block;
  width: calc(261 / var(--max-device) * var(--max-width));
  height: calc(106 / var(--max-device) * var(--max-width));
  background: url(../images/static_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(1115 / var(--max-device) * var(--max-width));
  top: calc(185 / var(--max-device) * var(--max-width));
  z-index: 50;
}

.w_sloganbox {
  width: calc(750 / var(--max-device) * var(--max-width));
  height: calc(166 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(65 / var(--max-device) * var(--max-width));
  top: calc(395 / var(--max-device) * var(--max-width));
  z-index: 20;
}

.w_title {
  width: calc(746 / var(--max-device) * var(--max-width));
  height: calc(107 / var(--max-device) * var(--max-width));
  background: url(../images/logo.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  transform-origin: 0 0;
  z-index: 20;
}
.w_title.fixed {
  position: fixed;
  left: calc(65 / var(--max-device) * var(--max-width));
  top: 0;
  z-index: 250;
}

.w_para {
  width: calc(705 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(250 / var(--max-device) * var(--max-width));
  top: calc(565 / var(--max-device) * var(--max-width));
  font-size: calc(17.3 / var(--max-device) * var(--max-width));
  color: #ffffff;
  letter-spacing: calc(5.6 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  z-index: 50;
}

.v_play {
  display: block;
  width: calc(387 / var(--max-device) * var(--max-width));
  height: calc(161 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(186 / var(--max-device) * var(--max-width));
  top: calc(746 / var(--max-device) * var(--max-width));
  z-index: 50;
  box-sizing: border-box;
  padding: calc(136 / var(--max-device) * var(--max-width)) 0 0 calc(64 / var(--max-device) * var(--max-width));
  font-size: calc(31 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-transform: uppercase;
  line-height: calc(31 / var(--max-device) * var(--max-width));
  letter-spacing: calc(10 / var(--max-device) * var(--max-width));
  white-space: nowrap;
}
.v_play:before {
  content: "";
  width: calc(387 / var(--max-device) * var(--max-width));
  height: calc(161 / var(--max-device) * var(--max-width));
  background: url(../images/vplay_icon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.5s;
  transform-origin: calc(64 / var(--max-device) * var(--max-width)) calc(58 / var(--max-device) * var(--max-width));
}
.v_play:after {
  content: "";
  width: calc(387 / var(--max-device) * var(--max-width));
  height: calc(161 / var(--max-device) * var(--max-width));
  background: url(../images/vplay_icon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.v_play .vplay_line {
  display: block;
  width: calc(56 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: 0;
  top: calc(109 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}
.v_play:hover .vplay_line {
  animation: vplay-lineanimate 1s linear infinite;
}
.v_play:hover:after {
  animation: vplay-staranimate 4s linear infinite;
}
.v_play:hover:before {
  transform: scale(1.1);
}

@keyframes vplay-lineanimate {
  0% {
    transform: translate(calc(-31 / var(--max-device) * var(--max-width)), calc(-37 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(0 / var(--max-device) * var(--max-width)), calc(0 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(31 / var(--max-device) * var(--max-width)), calc(37 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes vplay-staranimate {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.wishlist_btn {
  width: calc(481 / var(--max-device) * var(--max-width));
  height: calc(101 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(152 / var(--max-device) * var(--max-width));
  top: calc(980 / var(--max-device) * var(--max-width));
  display: flex;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #121823;
  text-transform: uppercase;
  box-sizing: border-box;
  padding: calc(34 / var(--max-device) * var(--max-width)) 0 0 calc(180 / var(--max-device) * var(--max-width));
  line-height: calc(48 / var(--max-device) * var(--max-width));
  letter-spacing: calc(-1 / var(--max-device) * var(--max-width));
  z-index: 50;
}
.wishlist_btn:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/wishlist_btn_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
}
.wishlist_btn:hover:after {
  animation: wishlist_btn 2s linear infinite;
}
.wishlist_btn:hover .wishlist_line1 {
  animation: wishlist-animate 2s linear infinite;
}
.wishlist_btn:hover .wishlist_line2 {
  animation: wishlist-animate2 4s linear infinite;
}
.wishlist_btn:hover .wishlist_line3 {
  animation: wishlist-animate3 1s linear infinite;
}
.wishlist_btn:hover .wishlist_bg {
  transform: scale(1.05);
}

.lang_ru .wishlist_btn {
  font-size: calc(22 / var(--max-device) * var(--max-width));
}

.lang_esla .wishlist_btn, .lang_tr .wishlist_btn, .lang_pl .wishlist_btn {
  width: calc(501 / var(--max-device) * var(--max-width));
}

.wishlist_bg {
  width: calc(481 / var(--max-device) * var(--max-width));
  height: calc(101 / var(--max-device) * var(--max-width));
  background: url(../images/wishlist_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all 0.5s;
}

.wishlist_line1 {
  display: block;
  width: calc(41 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(22 / var(--max-device) * var(--max-width));
  top: calc(13 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}

.wishlist_line2 {
  display: block;
  width: calc(94 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(36 / var(--max-device) * var(--max-width));
  top: calc(18 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}

.wishlist_line3 {
  display: block;
  width: calc(30 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(97 / var(--max-device) * var(--max-width));
  top: calc(25 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}

@keyframes wishlist-animate {
  0% {
    transform: translate(calc(-26 / var(--max-device) * var(--max-width)), calc(-29 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(26 / var(--max-device) * var(--max-width)), calc(29 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(52 / var(--max-device) * var(--max-width)), calc(58 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes wishlist-animate2 {
  0% {
    transform: translate(calc(-61 / var(--max-device) * var(--max-width)), calc(-71 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(0 / var(--max-device) * var(--max-width)), calc(0 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(61 / var(--max-device) * var(--max-width)), calc(71 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes wishlist-animate3 {
  0% {
    transform: translate(calc(-40 / var(--max-device) * var(--max-width)), calc(-46 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(calc(0 / var(--max-device) * var(--max-width)), calc(0 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(40 / var(--max-device) * var(--max-width)), calc(46 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes wishlist_btn {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
.wishlist_icon {
  display: block;
  width: calc(35 / var(--max-device) * var(--max-width));
  height: calc(35 / var(--max-device) * var(--max-width));
  background: url(../images/steam_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(5 / var(--max-device) * var(--max-width)) calc(6 / var(--max-device) * var(--max-width)) 0 0;
}

.w_inner {
  width: calc(1200 / var(--max-device) * var(--max-width));
  margin: 0 auto;
  position: relative;
  padding: calc(1244 / var(--max-device) * var(--max-width)) 0 0 0;
  z-index: 20;
}

.w_cont1 {
  height: calc(1040 / var(--max-device) * var(--max-width));
  position: relative;
}

.w_ct1 {
  display: block;
  font-size: calc(66 / var(--max-device) * var(--max-width));
  height: calc(116 / var(--max-device) * var(--max-width));
  line-height: calc(116 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industrybold";
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.lang_ru .w_ct1 {
  font-family: "videobold";
}

.lang_tr .w_ct1 {
  font-family: "videobold";
}

.w_ctpara {
  width: calc(1000 / var(--max-device) * var(--max-width));
  margin: calc(30 / var(--max-device) * var(--max-width)) auto 0;
  text-align: center;
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #c3c3c3;
  font-family: "industrymedium";
  line-height: calc(32 / var(--max-device) * var(--max-width));
}
.lang_ru .w_ctpara {
  font-family: "video";
}

.lang_tr .w_ctpara {
  font-family: "video";
}

.w_cbox {
  width: calc(615 / var(--max-device) * var(--max-width));
  height: calc(400 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(305 / var(--max-device) * var(--max-width));
  top: calc(311 / var(--max-device) * var(--max-width));
  background: #080b0f;
}
.w_cbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
}
.w_cbox:before {
  content: "";
  width: calc(677 / var(--max-device) * var(--max-width));
  height: calc(454 / var(--max-device) * var(--max-width));
  background: url(../images/c1_k_mask1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-38 / var(--max-device) * var(--max-width));
  top: calc(-10 / var(--max-device) * var(--max-width));
  z-index: 10;
  pointer-events: none;
}
.w_cbox:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/c1_g_mask1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: none;
}

.w_img_in {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: calc(16 / var(--max-device) * var(--max-width));
  z-index: 10;
  padding-top: calc(60 / var(--max-device) * var(--max-width));
}
.w_img_in:before {
  content: "";
  width: 100%;
  height: calc(400 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  bottom: calc(-16 / var(--max-device) * var(--max-width));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.4) 65%, rgba(0, 0, 0, 0.4) 100%);
}

.lang_ru .w_img_in:before, .lang_tr .w_img_in:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.6) 45%, rgba(0, 0, 0, 0.6) 100%);
}

.w_img_ctitle {
  font: 12px/1.5 tahoma, "Microsoft YaHei", sans-serif;
  display: block;
  height: calc(44 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(16 / var(--max-device) * var(--max-width));
  top: 0;
  z-index: 10;
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #f7f714;
  max-width: 100%;
  line-height: calc(44 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  font-weight: bold;
}
.w_img_ctitle:before {
  content: "";
  width: 82%;
  position: absolute;
  left: 0;
  top: 0;
  border-top: #f7f714 solid 1px;
}
.w_img_ctitle:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: #f7f714 solid 1px;
}
.w_img_ctitle span {
  display: inline-block;
  width: 100%;
  height: 120%;
  padding-right: calc(40 / var(--max-device) * var(--max-width));
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: calc(-10 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-top: calc(10 / var(--max-device) * var(--max-width));
}
.w_img_ctitle span:after {
  content: "";
  width: calc(51 / var(--max-device) * var(--max-width));
  height: calc(50 / var(--max-device) * var(--max-width));
  background: url(../images/c1_t_mask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.lang_ja .w_img_ctitle {
  font-size: calc(20 / var(--max-device) * var(--max-width));
}

.lang_es .w_img_ctitle, .lang_fr .w_img_ctitle, .lang_de .w_img_ctitle, .lang_it .w_img_ctitle, .lang_pt .w_img_ctitle, .lang_ko .w_img_ctitle, .lang_esla .w_img_ctitle, .lang_ru .w_img_ctitle {
  font-size: calc(20 / var(--max-device) * var(--max-width));
}

.lang_en .w_img_ctitle {
  font-family: "industrybold";
}
.lang_ru .lang_en .w_img_ctitle {
  font-family: "videobold";
}

.lang_tr .lang_en .w_img_ctitle {
  font-family: "videobold";
}

.w_img_para {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc(16 / var(--max-device) * var(--max-width));
  font-family: "industrymedium";
  line-height: calc(26 / var(--max-device) * var(--max-width));
  position: relative;
  z-index: 10;
}
.lang_ru .w_img_para {
  font-family: "video";
}

.lang_tr .w_img_para {
  font-family: "video";
}

.floating_box {
  display: block;
  width: calc(20 / var(--max-device) * var(--max-width));
  height: calc(100 / var(--max-device) * var(--max-width));
  margin-top: calc(44 / var(--max-device) * var(--max-width));
  margin-left: calc(20 / var(--max-device) * var(--max-width));
}

.w_cbox2 {
  width: calc(518 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(358 / var(--max-device) * var(--max-width));
  top: calc(794 / var(--max-device) * var(--max-width));
  padding: calc(60 / var(--max-device) * var(--max-width)) 0 0 0;
}
.w_cbox2 .w_img_ctitle {
  left: 0;
}
.w_cbox2 .w_img_para {
  width: 124%;
  padding: 0;
}
.w_cbox2 .w_img_para:before {
  content: "";
  float: left;
  width: calc(84 / var(--max-device) * var(--max-width));
  height: calc(176 / var(--max-device) * var(--max-width));
  clip-path: polygon(0 0, 100% 0, 0 100%);
  shape-outside: polygon(0 0, 100% 100%, 0 100%);
}
.w_cbox2 .w_img_para span:before {
  content: "";
  float: right;
  width: calc(84 / var(--max-device) * var(--max-width));
  height: calc(150 / var(--max-device) * var(--max-width));
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  shape-outside: polygon(0 0, 100% 0, 100% 100%);
}

.w_cbox3 {
  width: calc(442 / var(--max-device) * var(--max-width));
  height: calc(584 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(1004 / var(--max-device) * var(--max-width));
  top: calc(367 / var(--max-device) * var(--max-width));
  background: #080b0f;
}
.w_cbox3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 65%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
}
.w_cbox3:before {
  content: "";
  width: calc(515 / var(--max-device) * var(--max-width));
  height: calc(600 / var(--max-device) * var(--max-width));
  background: url(../images/c1_k_mask2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-33 / var(--max-device) * var(--max-width));
  top: calc(-10 / var(--max-device) * var(--max-width));
  z-index: 10;
  pointer-events: none;
}
.w_cbox3 .w_img_ctitle {
  left: unset;
  right: calc(-9 / var(--max-device) * var(--max-width));
  top: calc(-64 / var(--max-device) * var(--max-width));
}
.w_cbox3 .w_img_in:before {
  height: calc(584 / var(--max-device) * var(--max-width));
}
.w_cbox3 .w_img_in:after {
  content: "";
  width: 100%;
  height: calc(600 / var(--max-device) * var(--max-width));
  background: url(../images/c1_g_mask2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  bottom: calc(-16 / var(--max-device) * var(--max-width));
  z-index: 10;
  pointer-events: none;
}

.w_cont1_swip {
  display: none;
}

.w_cont2 {
  height: calc(1220 / var(--max-device) * var(--max-width));
  position: relative;
  box-sizing: border-box;
  padding-left: calc(700 / var(--max-device) * var(--max-width));
  padding-top: 1px;
}

.w_stay_box {
  width: calc(811 / var(--max-device) * var(--max-width));
  height: calc(478 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(-212 / var(--max-device) * var(--max-width));
  top: 0;
}

.w_stay {
  width: calc(811 / var(--max-device) * var(--max-width));
  height: calc(478 / var(--max-device) * var(--max-width));
  background: url(../images/stay_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  color: #f5f5f5;
  font-family: "industrybold";
  box-sizing: border-box;
  white-space: nowrap;
  padding-top: calc(140 / var(--max-device) * var(--max-width));
  font-size: calc(70 / var(--max-device) * var(--max-width));
  line-height: calc(96 / var(--max-device) * var(--max-width));
}
.lang_ru .w_stay {
  font-family: "videobold";
}

.lang_tr .w_stay {
  font-family: "videobold";
}

.w_stay span {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.w_stay span:nth-child(1) {
  transform: translate(-20%);
}
.w_stay span:nth-child(2) {
  transform: translate(6%);
}

.w_stay_para {
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #ffffff;
  text-align: center;
  letter-spacing: calc(2 / var(--max-device) * var(--max-width));
  margin: calc(20 / var(--max-device) * var(--max-width)) auto 0;
}

.w_input {
  width: calc(530 / var(--max-device) * var(--max-width));
  height: calc(90 / var(--max-device) * var(--max-width));
  margin: calc(78 / var(--max-device) * var(--max-width)) 0 0 calc(108 / var(--max-device) * var(--max-width));
  position: relative;
}
.w_input:before {
  content: "";
  width: 100%;
  height: 100%;
  border: #f7f714 solid calc(3 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  clip: rect(0, calc(512 / var(--max-device) * var(--max-width)), calc(50 / var(--max-device) * var(--max-width)), 0);
}
.w_input:after {
  content: "";
  width: 100%;
  height: 100%;
  border: #f7f714 solid calc(3 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  clip: rect(calc(40 / var(--max-device) * var(--max-width)), calc(530 / var(--max-device) * var(--max-width)), calc(90 / var(--max-device) * var(--max-width)), calc(20 / var(--max-device) * var(--max-width)));
}
.w_input input {
  background: none;
  border: none;
  outline: none;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industry";
  box-sizing: border-box;
  padding: 0 calc(10 / var(--max-device) * var(--max-width));
  position: relative;
  z-index: 20;
}
.lang_ru .w_input input {
  font-family: "video";
}

.lang_tr .w_input input {
  font-family: "video";
}

.w_input input:not(:empty) + p {
  display: none;
}
.w_input p {
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #f7f714;
  text-align: center;
  line-height: calc(96 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.w_sign_btn {
  display: block;
  width: calc(530 / var(--max-device) * var(--max-width));
  height: calc(68 / var(--max-device) * var(--max-width));
  position: relative;
  margin: calc(34 / var(--max-device) * var(--max-width)) 0 0 calc(106 / var(--max-device) * var(--max-width));
  font-family: "industry";
}
.lang_ru .w_sign_btn {
  font-family: "video";
}

.lang_tr .w_sign_btn {
  font-family: "video";
}

.w_sign_btn:before {
  content: "";
  width: calc(550 / var(--max-device) * var(--max-width));
  height: calc(92 / var(--max-device) * var(--max-width));
  background: url(../images/sign_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: calc(-19 / var(--max-device) * var(--max-width));
  z-index: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.w_sign_btn:after {
  content: "";
  width: calc(629 / var(--max-device) * var(--max-width));
  height: calc(201 / var(--max-device) * var(--max-width));
  background: url(../images/sign_btn_mask1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: calc(-44 / var(--max-device) * var(--max-width));
  z-index: 10;
  pointer-events: none;
}
.w_sign_btn span {
  display: block;
  width: 100%;
  height: 100%;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  text-align: center;
  line-height: calc(66 / var(--max-device) * var(--max-width));
  color: #242a37;
  position: relative;
  z-index: 20;
  text-transform: uppercase;
  box-sizing: border-box;
}
.w_sign_btn:hover:before {
  transform: scale(1.05);
}
.w_sign_btn:hover:after {
  animation: wishlist_btn 2s linear infinite;
}
.w_sign_btn:hover .w_sign_line {
  animation: sign-animate 1.5s linear infinite;
}
.w_sign_btn:hover .w_sign_line2 {
  animation: sign-animate 1.5s 0.5s linear infinite;
}
.w_sign_btn:hover .w_sign_line3 {
  animation: sign-animate 1.5s 0.7s linear infinite;
}
.w_sign_btn:hover .w_sign_line4 {
  animation: sign-animate 1.5s linear infinite;
}
.w_sign_btn:hover .w_sign_line5 {
  animation: sign-animate 1.5s 0.5s linear infinite;
}
.w_sign_btn:hover .w_sign_line6 {
  animation: sign-animate 1.5s 0.1s linear infinite;
}
.w_sign_btn:hover .w_sign_line7 {
  animation: sign-animate 1.5s 0.8s linear infinite;
}
.w_sign_btn.grey {
  filter: grayscale(1);
  opacity: 0.7;
  pointer-events: none;
}

.w_sign_line {
  display: block;
  width: calc(41 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(-56 / var(--max-device) * var(--max-width));
  top: calc(-19 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
}
.w_sign_line2 {
  width: calc(94 / var(--max-device) * var(--max-width));
  left: calc(-40 / var(--max-device) * var(--max-width));
  top: calc(-14 / var(--max-device) * var(--max-width));
}
.w_sign_line3 {
  width: calc(47 / var(--max-device) * var(--max-width));
  left: calc(84 / var(--max-device) * var(--max-width));
  top: calc(53 / var(--max-device) * var(--max-width));
}
.w_sign_line4 {
  width: calc(46 / var(--max-device) * var(--max-width));
  left: calc(420 / var(--max-device) * var(--max-width));
  top: calc(-19 / var(--max-device) * var(--max-width));
}
.w_sign_line5 {
  width: calc(46 / var(--max-device) * var(--max-width));
  left: calc(488 / var(--max-device) * var(--max-width));
  top: calc(19 / var(--max-device) * var(--max-width));
}
.w_sign_line6 {
  width: calc(59 / var(--max-device) * var(--max-width));
  left: calc(475 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.w_sign_line7 {
  width: calc(90 / var(--max-device) * var(--max-width));
  left: calc(550 / var(--max-device) * var(--max-width));
  top: 0;
}

.w_sign_wline {
  display: block;
  width: calc(196 / var(--max-device) * var(--max-width));
  border-top: #f7f714 solid 1px;
  position: absolute;
  left: calc(380 / var(--max-device) * var(--max-width));
  top: calc(76 / var(--max-device) * var(--max-width));
  transform-origin: 0 0;
  transform: rotate(49deg);
  animation: signstay-animate 1.5s linear infinite;
}
.w_sign_wline2 {
  width: calc(210 / var(--max-device) * var(--max-width));
  left: calc(583 / var(--max-device) * var(--max-width));
  top: calc(374 / var(--max-device) * var(--max-width));
  animation: signstay-animate 1.5s 0.5s linear infinite;
}
.w_sign_wline3 {
  width: calc(134 / var(--max-device) * var(--max-width));
  left: calc(734 / var(--max-device) * var(--max-width));
  top: calc(174 / var(--max-device) * var(--max-width));
  animation: signstay-animate 1.5s 1s linear infinite;
}

@keyframes signstay-animate {
  0% {
    transform: translate(calc(-132 / var(--max-device) * var(--max-width)), calc(-148 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(132 / var(--max-device) * var(--max-width)), calc(148 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes signstay-animate2 {
  0% {
    transform: translate(calc(-139 / var(--max-device) * var(--max-width)), calc(-160 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(139 / var(--max-device) * var(--max-width)), calc(160 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes signstay-animate3 {
  0% {
    transform: translate(calc(-92 / var(--max-device) * var(--max-width)), calc(-101 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(92 / var(--max-device) * var(--max-width)), calc(101 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate {
  0% {
    transform: translate(calc(-26 / var(--max-device) * var(--max-width)), calc(-32 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(26 / var(--max-device) * var(--max-width)), calc(32 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate2 {
  0% {
    transform: translate(calc(-61 / var(--max-device) * var(--max-width)), calc(-71 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(61 / var(--max-device) * var(--max-width)), calc(71 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate3 {
  0% {
    transform: translate(calc(-31 / var(--max-device) * var(--max-width)), calc(-38 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(31 / var(--max-device) * var(--max-width)), calc(38 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate4 {
  0% {
    transform: translate(calc(-31 / var(--max-device) * var(--max-width)), calc(-39 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(38 / var(--max-device) * var(--max-width)), calc(39 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate5 {
  0% {
    transform: translate(calc(-31 / var(--max-device) * var(--max-width)), calc(-38 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(31 / var(--max-device) * var(--max-width)), calc(38 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate6 {
  0% {
    transform: translate(calc(-39 / var(--max-device) * var(--max-width)), calc(-44 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(39 / var(--max-device) * var(--max-width)), calc(44 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
@keyframes sign-animate7 {
  0% {
    transform: translate(calc(-59 / var(--max-device) * var(--max-width)), calc(-68 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
  50% {
    transform: translate(0, 0) rotate(49deg);
    opacity: 1;
  }
  100% {
    transform: translate(calc(59 / var(--max-device) * var(--max-width)), calc(68 / var(--max-device) * var(--max-width))) rotate(49deg);
    opacity: 0;
  }
}
.w_check_tips {
  width: calc(720 / var(--max-device) * var(--max-width));
  margin: calc(62 / var(--max-device) * var(--max-width)) 0 0 calc(74 / var(--max-device) * var(--max-width));
  letter-spacing: calc(1.8 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-left: calc(37 / var(--max-device) * var(--max-width));
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(30 / var(--max-device) * var(--max-width));
  position: relative;
  text-align: justify;
  cursor: pointer;
  font-family: "industrymedium";
  font-weight: normal;
}
.lang_ru .w_check_tips {
  font-family: "video";
}

.lang_tr .w_check_tips {
  font-family: "video";
}

.w_check_tips2 {
  margin-top: calc(20 / var(--max-device) * var(--max-width));
}
.w_check_tips.spetips {
  margin-top: 0;
  padding-left: calc(32 / var(--max-device) * var(--max-width));
}
.w_check_tips label {
  cursor: pointer;
  font-weight: normal;
}
.w_check_tips input {
  display: inline;
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: 0;
}
.w_check_tips input:checked + .checkbox_icon {
  display: block;
  width: calc(22 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  background-image: url(../images/check_ticon2.png);
  background-size: 100% 100%;
}
.w_check_tips span {
  display: block;
  width: 100%;
}
.w_check_tips .checkbox_icon {
  display: block;
  width: calc(22 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  background-image: url(../images/check_ticon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: calc(4 / var(--max-device) * var(--max-width));
}
.w_check_tips a {
  color: #ffffff;
  text-decoration: underline;
}
.w_check_tips i {
  max-width: 85%;
  font-size: calc(14 / var(--max-device) * var(--max-width));
  display: block;
}

.lang_de .w_check_tips span[data-lang=lang15s] {
  text-align: left;
}

.w_cont3 {
  height: calc(1114 / var(--max-device) * var(--max-width));
  position: relative;
}

.w_ct2 {
  display: block;
  font-size: calc(66 / var(--max-device) * var(--max-width));
  height: calc(116 / var(--max-device) * var(--max-width));
  line-height: calc(116 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industrybold";
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}
.lang_ru .w_ct2 {
  font-family: "videobold";
}

.lang_tr .w_ct2 {
  font-family: "videobold";
}

.w_ct1:after {
  content: "";
  width: calc(1212 / var(--max-device) * var(--max-width));
  height: calc(114 / var(--max-device) * var(--max-width));
  background: url(../images/title_mask1.png) no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  margin-left: calc(-594 / var(--max-device) * var(--max-width));
}

.w_ct2:after {
  content: "";
  width: calc(697 / var(--max-device) * var(--max-width));
  height: calc(115 / var(--max-device) * var(--max-width));
  background: url(../images/title_mask4.png) no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  margin-left: calc(-348.5 / var(--max-device) * var(--max-width));
}
.w_ct2_wish {
  position: absolute;
  left: 13%;
  top: 0;
  transform: translate(-50%, 0);
}

.lang_tw .w_task_detailbtn, .lang_tw .w_task_rewardbtn, .lang_cn .w_task_detailbtn, .lang_cn .w_task_rewardbtn, .lang_ja .w_task_detailbtn, .lang_ja .w_task_rewardbtn, .lang_ko .w_task_detailbtn, .lang_ko .w_task_rewardbtn, .lang_zh .w_task_detailbtn, .lang_zh .w_task_rewardbtn {
  font-weight: bold;
}

.lang_fr .w_ct2_wish, .lang_it .w_ct2_wish, .lang_pt .w_ct2_wish {
  height: auto;
  line-height: calc(70 / var(--max-device) * var(--max-width));
  top: calc(-30 / var(--max-device) * var(--max-width));
}
.lang_fr .w_ct2_wish:after, .lang_it .w_ct2_wish:after, .lang_pt .w_ct2_wish:after {
  top: unset;
  bottom: calc(-10 / var(--max-device) * var(--max-width));
}

.lang_ja .w_ct2_wish {
  font-size: calc(54 / var(--max-device) * var(--max-width));
}

.lang_ja .w_ct1,
.lang_ja .w_ct2,
.lang_ja .w_news_more,
.lang_ja .wishlist_btn,
.lang_ja .w_sign_btn,
.lang_ja .dia_para,
.lang_ja .top_nav_list li,
.lang_zh .w_ct1,
.lang_zh .w_ct2,
.lang_zh .w_news_more,
.lang_zh .wishlist_btn,
.lang_zh .w_sign_btn,
.lang_zh .dia_para,
.lang_zh .top_nav_list li,
.lang_zhfz .w_ct1,
.lang_zhfz .w_ct2,
.lang_zhfz .w_news_more,
.lang_zhfz .wishlist_btn,
.lang_zhfz .w_sign_btn,
.lang_zhfz .dia_para,
.lang_zhfz .top_nav_list li,
.lang_ko .w_ct1,
.lang_ko .w_ct2,
.lang_ko .w_news_more,
.lang_ko .wishlist_btn,
.lang_ko .w_sign_btn,
.lang_ko .dia_para,
.lang_ko .top_nav_list li {
  font-weight: bold;
}

.w_news_box {
  width: calc(1837 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: space-between;
  margin: calc(68 / var(--max-device) * var(--max-width)) 0 0 calc(-319 / var(--max-device) * var(--max-width));
}

.w_news_left {
  width: calc(980 / var(--max-device) * var(--max-width));
  height: calc(594 / var(--max-device) * var(--max-width));
  position: relative;
  box-sizing: border-box;
  border: #323232 solid 1px;
  overflow: hidden;
}
.w_news_left:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15;
  background: url(../images/c_news_mask1.png) no-repeat;
  background-size: auto 100%;
}
.w_news_left:hover {
  filter: brightness(1.2);
}
.w_news_left:hover img {
  transform: scale(1.2);
}

.w_news_img {
  width: 100%;
  height: 100%;
  position: relative;
  background-size: 100% 100%;
}
.w_news_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.w_news_img:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.1);
}
.w_news_img:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 75%, rgb(0, 0, 0) 100%);
}

.w_news_playicon {
  display: block;
  width: calc(93 / var(--max-device) * var(--max-width));
  height: calc(80 / var(--max-device) * var(--max-width));
  background: url(../images/news_playicon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
}

.w_news_info {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 calc(26 / var(--max-device) * var(--max-width)) calc(20 / var(--max-device) * var(--max-width));
  z-index: 30;
}

.w_news_title {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(34 / var(--max-device) * var(--max-width));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "industrybold";
  word-break: break-word;
}
.lang_ru .w_news_title {
  font-family: "videobold";
}

.lang_tr .w_news_title {
  font-family: "videobold";
}

.w_news_para {
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(34 / var(--max-device) * var(--max-width));
  margin: calc(10 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "industrymedium";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.lang_ru .w_news_para {
  font-family: "video";
}

.lang_tr .w_news_para {
  font-family: "video";
}

.w_news_right {
  width: calc(806 / var(--max-device) * var(--max-width));
}

.w_news_link {
  width: 100%;
  height: calc(219 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(48 / var(--max-device) * var(--max-width));
}
.w_news_link:hover {
  filter: brightness(1.2);
}
.w_news_link:hover img {
  transform: scale(1.1);
}
.w_news_link:nth-child(2) {
  margin-bottom: 0;
}

.w_news_img2 {
  width: calc(347 / var(--max-device) * var(--max-width));
  height: calc(195.1875 / var(--max-device) * var(--max-width));
  position: relative;
  box-sizing: border-box;
  border: #323232 solid 1px;
  overflow: hidden;
  background-size: 100% 100%;
}
.w_news_img2 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}
.w_news_img2:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.1);
}
.w_news_img2 .w_news_playicon {
  width: calc(58 / var(--max-device) * var(--max-width));
  height: calc(54 / var(--max-device) * var(--max-width));
}

.w_news_info2 {
  width: calc(420 / var(--max-device) * var(--max-width));
}

.w_news_title2 {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(34 / var(--max-device) * var(--max-width));
  font-family: "industrybold";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  word-break: break-word;
}
.lang_ru .w_news_title2 {
  font-family: "videobold";
}

.lang_tr .w_news_title2 {
  font-family: "videobold";
}

.w_news_para2 {
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(34 / var(--max-device) * var(--max-width));
  margin: calc(16 / var(--max-device) * var(--max-width)) 0 0 0;
  font-family: "industrymedium";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: normal;
}
.lang_ru .w_news_para2 {
  font-family: "video";
}

.lang_tr .w_news_para2 {
  font-family: "video";
}

.w_news_more {
  display: block;
  width: calc(782 / var(--max-device) * var(--max-width));
  height: calc(104 / var(--max-device) * var(--max-width));
  background: url(../images/news_more.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: calc(104 / var(--max-device) * var(--max-width));
  font-size: calc(32 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industrybold";
  margin-top: calc(14 / var(--max-device) * var(--max-width));
  transition: all 0.5s;
}
.lang_ru .w_news_more {
  font-family: "videobold";
}

.lang_tr .w_news_more {
  font-family: "videobold";
}

.w_news_more:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: calc(19 / var(--max-device) * var(--max-width));
  height: calc(19 / var(--max-device) * var(--max-width));
  background: url(../images/news_moreicon.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(42 / var(--max-device) * var(--max-width)) 0 0 calc(14 / var(--max-device) * var(--max-width));
}
.w_news_more:hover {
  transform: scale(1.05);
}

.footer {
  width: calc(1770 / var(--max-device) * var(--max-width));
  margin: calc(100 / var(--max-device) * var(--max-width)) 0 0 calc(-285 / var(--max-device) * var(--max-width));
}

.w_sm_list {
  width: auto;
  box-sizing: border-box;
  display: flex;
  margin: 0 auto 0;
  display: flex;
  align-items: center;
  padding: calc(45 / var(--max-device) * var(--max-width)) 0 calc(18 / var(--max-device) * var(--max-width)) 0;
}
.w_sm_list2 {
  margin-bottom: calc(20 / var(--max-device) * var(--max-width));
}
.w_sm_list3 {
  margin-top: calc(122 / var(--max-device) * var(--max-width));
}
.w_sm_list a {
  display: block;
  width: calc(90 / var(--max-device) * var(--max-width));
  height: calc(84 / var(--max-device) * var(--max-width));
}
.w_sm_list a.discord_icon {
  background: url(../images/discord_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.facebook_icon {
  background: url(../images/facebook_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.ig_icon {
  background: url(../images/ig_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.tiktok_icon {
  background: url(../images/tiktok_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.twitch_icon {
  background: url(../images/twitch_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.x_icon {
  background: url(../images/x_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.youtube_icon {
  background: url(../images/youtube_icon.png) no-repeat;
  background-size: 100% 100%;
}
.w_sm_list a.bilibili_icon {
  width: calc(140 / var(--max-device) * var(--max-width));
  background: url(../images/bili_icon.png) no-repeat;
  background-size: 100% 100%;
}

.cp_bwrap {
  position: relative;
  padding-top: calc(38 / var(--max-device) * var(--max-width));
  padding-bottom: calc(32 / var(--max-device) * var(--max-width));
  border-top: #373940 solid 1px;
  border-bottom: #373940 solid 1px;
}

.footer_jxbox {
  height: calc(100.8 / var(--max-device) * var(--max-width));
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  right: 0;
  top: calc(-132 / var(--max-device) * var(--max-width));
}
.footer_jxbox span {
  display: block;
  width: calc(226.8 / var(--max-device) * var(--max-width));
  height: calc(100.8 / var(--max-device) * var(--max-width));
  margin-left: calc(18 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon.png) no-repeat;
  background-size: 100% 100%;
  display: none;
}
.footer_jxbox span.footer_jx1 {
  width: calc(226.8 / var(--max-device) * var(--max-width));
  height: calc(100.8 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx2 {
  width: calc(103.2 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon2.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx3 {
  width: calc(103.2 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon3.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx4 {
  width: calc(103.2 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon4.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx5 {
  width: calc(84 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon5.png) no-repeat;
  background-size: 100% 100%;
}
.footer_jxbox span.footer_jx6 {
  width: calc(88.8 / var(--max-device) * var(--max-width));
  height: calc(103.2 / var(--max-device) * var(--max-width));
  background: url(../images/six_icon6.png) no-repeat;
  background-size: 100% 100%;
}

.lang_en .footer_jxbox span.footer_jx1, .lang_esla .footer_jxbox span.footer_jx1, .lang_tw .footer_jxbox span.footer_jx1, .lang_zhfz .footer_jxbox span.footer_jx1, .lang_ja .footer_jxbox span.footer_jx1, .lang_ru .footer_jxbox span.footer_jx1, .lang_zh .footer_jxbox span.footer_jx1 {
  display: block;
}

.lang_de .footer_jxbox span.footer_jx2, .lang_de .footer_jxbox span.footer_jx3, .lang_de .footer_jxbox span.footer_jx4, .lang_de .footer_jxbox span.footer_jx5, .lang_fr .footer_jxbox span.footer_jx2, .lang_fr .footer_jxbox span.footer_jx3, .lang_fr .footer_jxbox span.footer_jx4, .lang_fr .footer_jxbox span.footer_jx5, .lang_es .footer_jxbox span.footer_jx2, .lang_es .footer_jxbox span.footer_jx3, .lang_es .footer_jxbox span.footer_jx4, .lang_es .footer_jxbox span.footer_jx5, .lang_it .footer_jxbox span.footer_jx2, .lang_it .footer_jxbox span.footer_jx3, .lang_it .footer_jxbox span.footer_jx4, .lang_it .footer_jxbox span.footer_jx5, .lang_pt .footer_jxbox span.footer_jx2, .lang_pt .footer_jxbox span.footer_jx3, .lang_pt .footer_jxbox span.footer_jx4, .lang_pt .footer_jxbox span.footer_jx5, .lang_tr .footer_jxbox span.footer_jx2, .lang_tr .footer_jxbox span.footer_jx3, .lang_tr .footer_jxbox span.footer_jx4, .lang_tr .footer_jxbox span.footer_jx5, .lang_pl .footer_jxbox span.footer_jx2, .lang_pl .footer_jxbox span.footer_jx3, .lang_pl .footer_jxbox span.footer_jx4, .lang_pl .footer_jxbox span.footer_jx5 {
  display: block;
}

.lang_ko .footer_jxbox span.footer_jx6 {
  display: block;
}

.footer_link {
  position: relative;
  padding: calc(22 / var(--max-device) * var(--max-width)) 0 calc(44 / var(--max-device) * var(--max-width)) 0;
}

.w_cpbox {
  display: flex;
  width: 100%;
  align-items: center;
  margin: 0 0 0 0;
}
.w_cpbox2 {
  margin: calc(30 / var(--max-device) * var(--max-width)) 0 0 0;
}
.w_cpbox a {
  display: block;
  margin: 0 calc(55 / var(--max-device) * var(--max-width)) 0 0;
}
.w_cpbox a.w_cpicon1 {
  width: calc(224 / var(--max-device) * var(--max-width));
  height: calc(56 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon2 {
  width: calc(308 / var(--max-device) * var(--max-width));
  height: calc(57 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon3 {
  width: calc(373 / var(--max-device) * var(--max-width));
  height: calc(52 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon4 {
  width: calc(292 / var(--max-device) * var(--max-width));
  height: calc(53 / var(--max-device) * var(--max-width));
}
.w_cpbox a.w_cpicon5 {
  width: calc(183 / var(--max-device) * var(--max-width));
  height: calc(56 / var(--max-device) * var(--max-width));
}
.w_cpbox a img {
  display: block;
  width: 100%;
  height: 100%;
}

.w_agreenment {
  width: calc(1278 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  text-align: center;
  display: flex;
  font-family: "Industry-Book";
  font-weight: normal;
  flex-wrap: wrap;
}
.lang_ru .w_agreenment {
  font-family: "video";
}

.lang_tr .w_agreenment {
  font-family: "video";
}

.w_agreenment a {
  color: #ffffff !important;
  margin: 0 calc(34 / var(--max-device) * var(--max-width)) calc(10 / var(--max-device) * var(--max-width)) 0 !important;
  border: none !important;
  line-height: calc(32 / var(--max-device) * var(--max-width)) !important;
  background: none !important;
  font-size: calc(26 / var(--max-device) * var(--max-width)) !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.w_copyright {
  font-size: calc(16 / var(--max-device) * var(--max-width));
  color: #b4b2b2;
  text-align: right;
  position: absolute;
  right: 0;
  top: calc(26 / var(--max-device) * var(--max-width));
}

.lang_zh .w_cpicon1 {
  display: none;
}
.lang_zh .w_copyright span {
  display: none;
}

.w_register {
  width: calc(216 / var(--max-device) * var(--max-width));
  height: calc(48 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(47 / var(--max-device) * var(--max-width));
  bottom: calc(342 / var(--max-device) * var(--max-width));
  z-index: 30;
}
.w_register:before {
  content: "";
  width: calc(234 / var(--max-device) * var(--max-width));
  height: calc(83 / var(--max-device) * var(--max-width));
  background: url(../images/languagebg.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-16 / var(--max-device) * var(--max-width));
  top: calc(-17 / var(--max-device) * var(--max-width));
  z-index: 0;
}
.w_register:hover .w_register_wp {
  display: block;
}

.setspace {
  display: inline-block;
  width: calc(1 / var(--max-device) * var(--max-width));
}

.w_register_btn {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: calc(48 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  text-transform: uppercase;
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  font-family: "industrybold";
}
.lang_ru .w_register_btn {
  font-family: "videobold";
}

.lang_tr .w_register_btn {
  font-family: "videobold";
}

.lang_esla .w_register_btn {
  line-height: calc(22 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-top: calc(2 / var(--max-device) * var(--max-width));
}

.w_language {
  left: unset;
  right: calc(-420 / var(--max-device) * var(--max-width));
  bottom: calc(-64 / var(--max-device) * var(--max-width));
}
.w_language .w_register_p {
  left: calc(58 / var(--max-device) * var(--max-width));
}
.w_language:hover .w_language_list {
  display: block;
}
.w_language.show .w_language_list {
  display: block;
}

.w_language_list {
  width: calc(190 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(8 / var(--max-device) * var(--max-width));
  bottom: calc(60 / var(--max-device) * var(--max-width));
  z-index: 50;
  background: #000000;
  box-sizing: border-box;
  border: #344056 solid 1px;
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  font-family: "industrybold";
  display: none;
}
.lang_ru .w_language_list {
  font-family: "videobold";
}

.lang_tr .w_language_list {
  font-family: "videobold";
}

.w_language_list li {
  height: calc(48 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-left: calc(24 / var(--max-device) * var(--max-width));
  line-height: calc(44 / var(--max-device) * var(--max-width));
  cursor: pointer;
  position: relative;
}
.w_language_list li span {
  position: relative;
  z-index: 20;
}
.w_language_list li.wryh {
  font-family: "SourceHanSansCN";
  line-height: calc(48 / var(--max-device) * var(--max-width));
}
.w_language_list li.krs {
  font-family: "NotoSansCJKkr";
  line-height: calc(48 / var(--max-device) * var(--max-width));
}
.w_language_list li.kru {
  font-family: "video";
  line-height: calc(48 / var(--max-device) * var(--max-width));
}
.w_language_list li.esla {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(22 / var(--max-device) * var(--max-width));
  display: flex;
  align-items: center;
}
.w_language_list li:hover {
  color: #f7f714;
}
.w_language_list li.cur {
  color: #000000;
}
.w_language_list li.cur:after {
  content: "";
  width: calc(256 / var(--max-device) * var(--max-width));
  height: calc(45 / var(--max-device) * var(--max-width));
  background: url(../images/lan_cur.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-38 / var(--max-device) * var(--max-width));
  top: 0;
  pointer-events: none;
}

.w_register_wp {
  width: calc(340 / var(--max-device) * var(--max-width));
  height: calc(214 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(-42 / var(--max-device) * var(--max-width));
  bottom: calc(60 / var(--max-device) * var(--max-width));
  background: #000;
  box-sizing: border-box;
  border: #f7f714 solid calc(2 / var(--max-device) * var(--max-width));
  z-index: 50;
  display: none;
}

.w_register_user {
  width: 100%;
  height: calc(90 / var(--max-device) * var(--max-width));
  line-height: calc(90 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding: 0 calc(20 / var(--max-device) * var(--max-width));
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  font-family: "jaapokkisubtract";
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.w_register_user:after {
  content: "";
  width: calc(268 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background: rgba(51, 65, 86, 0.65);
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: calc(-134 / var(--max-device) * var(--max-width));
}

.w_loginout {
  display: block;
  width: calc(260 / var(--max-device) * var(--max-width));
  height: calc(44 / var(--max-device) * var(--max-width));
  margin: calc(34 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
}
.w_loginout:before {
  content: "";
  width: calc(385 / var(--max-device) * var(--max-width));
  height: calc(101 / var(--max-device) * var(--max-width));
  background: url(../images/li_pass.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-124 / var(--max-device) * var(--max-width));
  top: calc(-34 / var(--max-device) * var(--max-width));
  z-index: 0;
}
.w_loginout span {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: calc(44 / var(--max-device) * var(--max-width));
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #121823;
  text-transform: uppercase;
  position: relative;
  z-index: 20;
  box-sizing: border-box;
  padding-left: calc(10 / var(--max-device) * var(--max-width));
  font-family: "industry";
}
.lang_ru .w_loginout span {
  font-family: "video";
}

.lang_tr .w_loginout span {
  font-family: "video";
}

.dia {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
}

.dia_in {
  width: calc(700 / var(--max-device) * var(--max-width));
  height: auto;
  padding-bottom: calc(42 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #000000;
  border: #f7f714 solid calc(2 / var(--max-device) * var(--max-width));
}
.dia_in:before {
  content: "";
  width: calc(335 / var(--max-device) * var(--max-width));
  height: calc(213 / var(--max-device) * var(--max-width));
  background: url(../images/dia_cicon1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: calc(-189 / var(--max-device) * var(--max-width));
  pointer-events: none;
  z-index: 50;
}
.dia_in:after {
  content: "";
  width: calc(335 / var(--max-device) * var(--max-width));
  height: calc(328 / var(--max-device) * var(--max-width));
  background: url(../images/dia_cicon2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: calc(-22 / var(--max-device) * var(--max-width));
  left: calc(-62 / var(--max-device) * var(--max-width));
  pointer-events: none;
  z-index: 50;
}

.dia_in2 {
  width: calc(1116 / var(--max-device) * var(--max-width));
  height: calc(716 / var(--max-device) * var(--max-width));
  background: url(../images/new_diabg.png) no-repeat;
  background-size: 100% 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding-left: calc(28 / var(--max-device) * var(--max-width));
  padding-right: calc(28 / var(--max-device) * var(--max-width));
}

.d_close2 {
  width: calc(70 / var(--max-device) * var(--max-width));
  height: calc(70 / var(--max-device) * var(--max-width));
  background: url(../images/new_dialog_close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-49 / var(--max-device) * var(--max-width));
  top: calc(-43 / var(--max-device) * var(--max-width));
  text-indent: -9999px;
}

.dia_sign_btn {
  margin: 0 auto 0;
}
.dia_sign_btn:before, .dia_sign_btn:after {
  transition: unset;
}
.dia_sign_btn2 {
  margin: calc(70 / var(--max-device) * var(--max-width)) auto 0;
}
.dia_sign_btn span {
  box-sizing: border-box;
  padding-left: calc(40 / var(--max-device) * var(--max-width));
}
.lang_es .dia_sign_btn span {
  font-size: calc(24 / var(--max-device) * var(--max-width));
}
.lang_es .dia_sign_btn2 span {
  font-size: calc(30 / var(--max-device) * var(--max-width));
}

.dia_sign_btn.grey {
  filter: grayscale(1);
  opacity: 0.7;
  pointer-events: none;
}

.dia_logo {
  display: block;
  width: calc(339 / var(--max-device) * var(--max-width));
  height: calc(48 / var(--max-device) * var(--max-width));
  background: url(../images/dia_login_logo.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 0;
}

.dia_check_tipsbox {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.dia_check_tips {
  width: calc(826 / var(--max-device) * var(--max-width));
  margin: calc(70 / var(--max-device) * var(--max-width)) auto 0;
  letter-spacing: calc(1.8 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-left: calc(37 / var(--max-device) * var(--max-width));
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(30 / var(--max-device) * var(--max-width));
  position: relative;
  cursor: pointer;
  font-family: "Industry-Book";
  font-weight: normal;
}
.lang_ru .dia_check_tips {
  font-family: "video";
}

.lang_tr .dia_check_tips {
  font-family: "video";
}

.dia_check_tips span {
  text-align: left;
}
.lang_en .dia_check_tips {
  font-size: calc(24 / var(--max-device) * var(--max-width));
}

.dia_check_tips2 {
  margin-top: calc(16 / var(--max-device) * var(--max-width));
}
.dia_check_tips.spetips {
  margin-top: 0;
  padding-left: calc(32 / var(--max-device) * var(--max-width));
}
.dia_check_tips label {
  cursor: pointer;
  font-weight: normal;
}
.dia_check_tips input {
  display: inline;
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: 0;
}
.dia_check_tips input:checked + .checkbox_icon {
  display: block;
  width: calc(22 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  background-image: url(../images/check_ticon2.png);
}
.dia_check_tips span {
  display: block;
  width: 100%;
}
.dia_check_tips .checkbox_icon {
  display: block;
  width: calc(22 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  background-image: url(../images/check_ticon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: calc(4 / var(--max-device) * var(--max-width));
}
.dia_check_tips a {
  color: #ffffff;
  text-decoration: underline;
}
.dia_check_tips i {
  font-size: calc(14 / var(--max-device) * var(--max-width));
  display: block;
}

.dia_check_tips3 {
  width: 100%;
  text-align: left;
  font-size: calc(18 / var(--max-device) * var(--max-width));
  display: block;
  color: #ffffff;
  margin: calc(10 / var(--max-device) * var(--max-width)) 0 0 calc(37 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
  font-weight: normal;
}
.lang_ru .dia_check_tips3 {
  font-family: "video";
}

.lang_tr .dia_check_tips3 {
  font-family: "video";
}

.dia_check_tipsbox_in {
  max-width: 90%;
}

.dia_check_tips4 {
  max-width: 90%;
  padding-left: 0;
  text-align: center;
  margin: calc(40 / var(--max-device) * var(--max-width)) auto 0;
  cursor: unset;
}
.dia_check_tips4 strong {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 0 calc(40 / var(--max-device) * var(--max-width)) 0;
}

.lang_en .dia_check_tips {
  width: calc(826 / var(--max-device) * var(--max-width));
}

.dia_vin {
  width: calc(1200 / var(--max-device) * var(--max-width));
  height: calc(800 / var(--max-device) * var(--max-width));
  padding-bottom: 0;
}
.dia_vin:after {
  display: none;
}
.dia_vin video {
  display: block;
  width: 100%;
  height: 100%;
}

.d_close {
  display: block;
  width: calc(37 / var(--max-device) * var(--max-width));
  height: calc(37 / var(--max-device) * var(--max-width));
  background: url(../images/dia_close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  right: calc(-58 / var(--max-device) * var(--max-width));
  z-index: 60;
  text-indent: -9999px;
}

.dia_success {
  display: block;
  width: calc(131 / var(--max-device) * var(--max-width));
  height: calc(96 / var(--max-device) * var(--max-width));
  background: url(../images/success_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(74 / var(--max-device) * var(--max-width)) auto 0;
}

.dia_para {
  text-align: center;
  font-size: calc(35 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "jaapokkisubtract";
  text-transform: uppercase;
  margin: calc(24 / var(--max-device) * var(--max-width)) auto 0;
  letter-spacing: calc(2.5 / var(--max-device) * var(--max-width));
}

.dia_line {
  display: block;
  width: calc(514 / var(--max-device) * var(--max-width));
  height: calc(2 / var(--max-device) * var(--max-width));
  background: rgba(51, 65, 86, 0.5);
  margin: calc(40 / var(--max-device) * var(--max-width)) auto 0;
}

.dia_para2 {
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  line-height: calc(40 / var(--max-device) * var(--max-width));
  margin: calc(60 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "industry";
}
.lang_ru .dia_para2 {
  font-family: "video";
}

.lang_tr .dia_para2 {
  font-family: "video";
}

.dia_para2.dia_para3 {
  margin: calc(30 / var(--max-device) * var(--max-width)) auto 0;
}

.dia_para4 {
  height: calc(300 / var(--max-device) * var(--max-width));
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  line-height: calc(40 / var(--max-device) * var(--max-width));
  margin: calc(30 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "industry";
  display: flex;
  justify-content: center;
  align-items: center;
}
.lang_ru .dia_para4 {
  font-family: "video";
}

.lang_tr .dia_para4 {
  font-family: "video";
}

.d_sm_list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: calc(48 / var(--max-device) * var(--max-width)) auto 0;
}
.d_sm_list a {
  display: block;
  width: calc(61 / var(--max-device) * var(--max-width));
  height: calc(49 / var(--max-device) * var(--max-width));
  margin: 0 calc(6 / var(--max-device) * var(--max-width));
  background-image: url(../images/mes_icon_spr.png);
  background-repeat: no-repeat;
  background-size: calc(427 / var(--max-device) * var(--max-width)) calc(49 / var(--max-device) * var(--max-width));
}
.d_sm_list a.d_icon1 {
  background-position: 0 0;
}
.d_sm_list a.d_icon2 {
  background-position: calc(-61 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon3 {
  background-position: calc(-122 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon4 {
  background-position: calc(-183 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon5 {
  background-position: calc(-244 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon6 {
  background-position: calc(-305 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon7 {
  background-position: calc(-366 / var(--max-device) * var(--max-width)) 0;
}
.d_sm_list a.d_icon8 {
  background-image: url(../images/bili_icon.png);
  background-repeat: no-repeat;
  background-size: calc(61 / var(--max-device) * var(--max-width)) calc(49 / var(--max-device) * var(--max-width));
  display: none;
}
.d_sm_list a.d_icon9 {
  background-position: calc(-366 / var(--max-device) * var(--max-width)) 0;
  display: none;
}

.tips {
  width: 60%;
  padding: calc(18 / var(--max-device) * var(--max-width)) 0;
  position: fixed;
  left: 50%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  background: #000;
  border: #f7f714 solid calc(2 / var(--max-device) * var(--max-width));
  max-width: calc(1000 / var(--max-device) * var(--max-width));
  opacity: 0;
}
.tips:before {
  content: "";
  width: calc(183 / var(--max-device) * var(--max-width));
  height: calc(96 / var(--max-device) * var(--max-width));
  background: url(../images/tips_left.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-42 / var(--max-device) * var(--max-width));
  bottom: calc(-25 / var(--max-device) * var(--max-width));
  z-index: 20;
  pointer-events: none;
}
.tips:after {
  content: "";
  width: calc(23 / var(--max-device) * var(--max-width));
  height: calc(41 / var(--max-device) * var(--max-width));
  background: url(../images/tips_right.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
  pointer-events: none;
}
.tips p {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #E73132;
  font-family: "industry";
}
.lang_ru .tips p {
  font-family: "video";
}

.lang_tr .tips p {
  font-family: "video";
}

.top_nav {
  width: calc(2416 / var(--max-device) * var(--max-width));
  height: 0;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  transform-origin: 0 0;
  padding-left: calc(50vw - 1219 / var(--max-device) * var(--max-width));
  padding-right: calc(50vw - 1219 / var(--max-device) * var(--max-width));
}
.top_nav:after {
  content: "";
  width: 100%;
  height: calc(122 / var(--max-device) * var(--max-width));
  background: url(../images/top_nav.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: -1;
}

.top_nav_list {
  display: flex;
  padding-right: calc(36 / var(--max-device) * var(--max-width));
  float: right;
  max-width: 85%;
}
.top_nav_list li {
  height: calc(80 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  font-size: calc(26 / var(--max-device) * var(--max-width));
  line-height: calc(26 / var(--max-device) * var(--max-width));
  font-family: "industrybold";
  color: #ffffff;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
}
.lang_ru .top_nav_list li {
  font-family: "videobold";
}

.lang_tr .top_nav_list li {
  font-family: "videobold";
}

.top_nav_list li a {
  display: inline-block;
  padding: calc(30 / var(--max-device) * var(--max-width)) calc(36 / var(--max-device) * var(--max-width)) 0;
  color: #ffffff;
  white-space: nowrap;
}
.top_nav_list li.light {
  color: #121823 !important;
  display: flex;
  align-items: center;
  margin-left: calc(50 / var(--max-device) * var(--max-width));
}
.top_nav_list li.light a {
  display: flex;
  width: 100%;
  height: calc(46 / var(--max-device) * var(--max-width));
  background: #f7f714;
  padding: 0;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  color: #121823 !important;
  position: relative;
  z-index: 10;
}
.top_nav_list li.light a:before {
  content: "";
  display: block;
  width: calc(35 / var(--max-device) * var(--max-width));
  height: calc(35 / var(--max-device) * var(--max-width));
  background: url(../images/steam_icon.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 calc(6 / var(--max-device) * var(--max-width)) 0 0;
}
.top_nav_list li.light:before {
  content: "";
  width: calc(74 / var(--max-device) * var(--max-width));
  height: calc(72 / var(--max-device) * var(--max-width));
  position: absolute;
  left: calc(-62 / var(--max-device) * var(--max-width));
  top: 50%;
  background: url(../images/top_steam_btnleft.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  transform: translate(0, -48%);
  z-index: 0;
}
.top_nav_list li.light:after {
  content: "";
  width: calc(74 / var(--max-device) * var(--max-width));
  height: calc(72 / var(--max-device) * var(--max-width));
  position: absolute;
  right: calc(-42 / var(--max-device) * var(--max-width));
  top: 50%;
  background: url(../images/top_steam_btnright.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
  transform: translate(0, -48%);
  z-index: 0;
}
.top_nav_list li.clight {
  color: #f7f714;
}
.top_nav_list li.clight a {
  color: #f7f714;
}
.top_nav_list li.clight:after {
  content: "";
  width: calc(101 / var(--max-device) * var(--max-width));
  height: calc(41 / var(--max-device) * var(--max-width));
  position: absolute;
  right: calc(20 / var(--max-device) * var(--max-width));
  top: calc(11 / var(--max-device) * var(--max-width));
  background: url(../images/nav_mask.png) no-repeat;
  background-size: 100% 100%;
  pointer-events: none;
}
.top_nav_list li:hover {
  color: #f7f714;
}
.top_nav_list li:hover a {
  color: #f7f714;
}
.top_nav_list li.nhov:hover {
  color: #fff;
}
.top_nav_list li.nhov:hover a {
  color: #fff;
}
.top_nav_list li.nhov:hover .top_nav_xl {
  display: block;
}

.lang_ru .top_nav_list li, .lang_tr .top_nav_list li, .lang_esla .top_nav_list li {
  font-size: calc(22 / var(--max-device) * var(--max-width));
}

.wrap .top_nav_list li.cpva1 a,
.wrap .top_nav_list li.cpva2 a {
  pointer-events: none;
  outline: none;
}

.top_nav_p {
  width: 100%;
  height: calc(80 / var(--max-device) * var(--max-width));
  line-height: calc(26 / var(--max-device) * var(--max-width));
  padding: calc(30 / var(--max-device) * var(--max-width)) calc(36 / var(--max-device) * var(--max-width)) 0;
  box-sizing: border-box;
  white-space: nowrap;
}
.top_nav_p:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: calc(12 / var(--max-device) * var(--max-width));
  height: calc(7 / var(--max-device) * var(--max-width));
  background: url(../images/top_nav_xlicon.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  margin-top: calc(10 / var(--max-device) * var(--max-width));
  margin-left: calc(8 / var(--max-device) * var(--max-width));
}

.top_nav_xl {
  white-space: nowrap;
  padding: 0 calc(30 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: calc(80 / var(--max-device) * var(--max-width));
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
.top_nav_xl a {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #fff;
  display: flex !important;
  width: 100%;
  align-items: center;
  border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
  box-sizing: border-box;
  padding: calc(30 / var(--max-device) * var(--max-width)) calc(22 / var(--max-device) * var(--max-width)) !important;
}
.top_nav_xl a:last-child {
  border: none;
}
.top_nav_xl a:hover {
  color: #f7f714 !important;
}
.top_nav_xl a:hover a {
  color: #f7f714 !important;
}

.news_wrap {
  width: calc(2437 / var(--max-device) * var(--max-width));
  position: relative;
  background: url(../images/news_bg.jpg) no-repeat #04070c;
  background-size: 100% auto;
  padding-top: calc(610 / var(--max-device) * var(--max-width));
  padding-bottom: calc(30 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: 0 auto;
  font-family: "industry";
}
.lang_ru .news_wrap {
  font-family: "video";
}

.lang_tr .news_wrap {
  font-family: "video";
}

.news_wrap .w_inner {
  width: calc(1848 / var(--max-device) * var(--max-width));
  padding: 0;
  position: relative;
  z-index: 20;
}
.news_wrap .news_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: calc(688 / var(--max-device) * var(--max-width));
  z-index: 0;
  background: url(../images/news_bg_repeat.jpg) repeat-y;
  background-size: 100% calc(4111 / var(--max-device) * var(--max-width));
}
.news_wrap .news_media_bg {
  background: url(../images/news_media_bg.jpg) no-repeat #000;
  background-size: 100% calc(1811 / var(--max-device) * var(--max-width));
}
.news_wrap.news_detail_wrap {
  padding-top: calc(508 / var(--max-device) * var(--max-width));
}

.lang_zh .news_wrap .w_inner {
  padding: 0;
}

.news_big_titlebox {
  width: 100%;
  text-align: center;
}

.news_title {
  display: block;
  font-size: calc(76 / var(--max-device) * var(--max-width));
  color: #f7f714;
  position: absolute;
  left: calc(434 / var(--max-device) * var(--max-width));
  top: calc(206 / var(--max-device) * var(--max-width));
  font-family: "industrybold";
  z-index: 20;
}
.lang_ru .news_title {
  font-family: "videobold";
}

.lang_tr .news_title {
  font-family: "videobold";
}

.news_title:after {
  content: "";
  width: 40%;
  border-bottom: #f7f714 solid 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}

.news_big {
  width: calc(1848 / var(--max-device) * var(--max-width));
  margin: 0 auto;
  position: relative;
}

.news_big_title {
  display: inline-block;
  text-align: center;
  font-size: calc(44 / var(--max-device) * var(--max-width));
  color: #f7f714;
  position: relative;
  font-family: "industrybold";
  white-space: normal;
  word-break: normal;
}
.lang_ru .news_big_title {
  font-family: "videobold";
}

.lang_tr .news_big_title {
  font-family: "videobold";
}

.news_big_title:before {
  content: "";
  width: 50%;
  height: calc(60 / var(--max-device) * var(--max-width));
  background: url(../images/news_tbg.png) no-repeat left top;
  background-size: auto 100%;
  position: absolute;
  left: calc(-50 / var(--max-device) * var(--max-width));
  top: 50%;
  transform: translate(0, -60%);
  z-index: -1;
}
.news_big_title:after {
  content: "";
  width: 50%;
  height: calc(60 / var(--max-device) * var(--max-width));
  background: url(../images/news_tbg.png) no-repeat right top;
  background-size: auto 100%;
  position: absolute;
  right: calc(-50 / var(--max-device) * var(--max-width));
  top: 50%;
  transform: translate(0, -60%);
}

.news_bgdetail {
  width: calc(1845 / var(--max-device) * var(--max-width));
  height: calc(811 / var(--max-device) * var(--max-width));
  margin: calc(32 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
}
.news_bgdetail:after {
  content: "";
  width: calc(1865 / var(--max-device) * var(--max-width));
  height: calc(832 / var(--max-device) * var(--max-width));
  background: url(../images/news_bg_mask2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-10 / var(--max-device) * var(--max-width));
  top: calc(-10 / var(--max-device) * var(--max-width));
  z-index: 30;
  pointer-events: none;
}
.news_bgdetail a {
  display: block;
  width: 100%;
  height: 100%;
}
.news_bgdetail a:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.news_bgdetail a:after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../images/news_bg_mask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  pointer-events: none;
}
.news_bgdetail a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(to bottom, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: 100% auto;
  -webkit-mask-repeat: no-repeat;
}

.news_big_botinfo {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: calc(15 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding: 0 calc(40 / var(--max-device) * var(--max-width));
  z-index: 15;
}

.news_big_botp1 {
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(46 / var(--max-device) * var(--max-width));
}
.news_big_botp1 span {
  color: #f7f714;
}

.news_big_botp2 {
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #999999;
}

.news_change_list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto 0;
}
.news_change_list li {
  padding: 0 0;
  margin: 0 calc(15 / var(--max-device) * var(--max-width));
  height: calc(46 / var(--max-device) * var(--max-width));
  font-size: calc(30 / var(--max-device) * var(--max-width));
  min-width: calc(150 / var(--max-device) * var(--max-width));
  text-align: center;
  color: #ffffff;
  max-width: calc(500 / var(--max-device) * var(--max-width));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "industry";
  cursor: pointer;
  position: relative;
}
.lang_ru .news_change_list li {
  font-family: "video";
}

.lang_tr .news_change_list li {
  font-family: "video";
}

.news_change_list li:hover {
  color: #f7f714;
}
.news_change_list li.cur {
  color: #05070c;
  background: #f7f714;
  padding-left: calc(56 / var(--max-device) * var(--max-width));
  padding-right: calc(19 / var(--max-device) * var(--max-width));
  background: url(../images/news_cgbg_ct.png) no-repeat;
  background-size: calc(100% - 75 / var(--max-device) * var(--max-width)) 100%;
  background-position: calc(56 / var(--max-device) * var(--max-width)) 50%;
}
.news_change_list li.cur:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(56 / var(--max-device) * var(--max-width));
  height: calc(46 / var(--max-device) * var(--max-width));
  background: url(../images/news_cgbg_left.png) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}
.news_change_list li.cur:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: calc(20 / var(--max-device) * var(--max-width));
  height: calc(46 / var(--max-device) * var(--max-width));
  background: url(../images/news_cgbg_right.png) no-repeat;
  background-size: 100% 100%;
  z-index: -1;
}

.news_listbox {
  width: 100%;
  margin: calc(70 / var(--max-device) * var(--max-width)) auto 0;
}

.news_list {
  width: 100%;
}
.news_list li {
  height: calc(514 / var(--max-device) * var(--max-width));
  position: relative;
  padding-left: calc(968 / var(--max-device) * var(--max-width));
  margin-bottom: calc(242 / var(--max-device) * var(--max-width));
}
.news_list li:nth-child(2n) {
  padding-left: 0;
  padding-right: calc(968 / var(--max-device) * var(--max-width));
}
.news_list li:nth-child(2n) .news_img {
  left: calc(984 / var(--max-device) * var(--max-width));
}
.news_list li:nth-child(2n) .news_d_time {
  left: 0;
}
.news_list li:nth-child(2n) .news_d_readmore {
  left: 0;
}

.news_img {
  width: calc(865 / var(--max-device) * var(--max-width));
  height: calc(501 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: calc(8 / var(--max-device) * var(--max-width));
}
.news_img:after {
  content: "";
  width: calc(882 / var(--max-device) * var(--max-width));
  height: calc(547 / var(--max-device) * var(--max-width));
  background: url(../images/news_d_mask.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  pointer-events: none;
}

.news_img_in {
  width: calc(865 / var(--max-device) * var(--max-width));
  height: calc(501 / var(--max-device) * var(--max-width));
  position: relative;
  overflow: hidden;
}
.news_img_in img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
  opacity: 0.9;
}
.news_img_in:hover img {
  transform: scale(1.1);
}

.news_titlebox {
  width: 100%;
  position: relative;
  height: calc(72 / var(--max-device) * var(--max-width));
}

.news_d_title {
  display: block;
  max-width: calc(805 / var(--max-device) * var(--max-width));
  height: calc(72 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(72 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  font-weight: bold;
  font-family: "industrybold";
}
.lang_ru .news_d_title {
  font-family: "videobold";
}

.lang_tr .news_d_title {
  font-family: "videobold";
}

.news_d_title:before {
  content: "";
  width: 82%;
  position: absolute;
  left: 0;
  top: 0;
  border-top: #f7f714 solid 1px;
}
.news_d_title:after {
  content: "";
  width: calc(51 / var(--max-device) * var(--max-width));
  height: calc(50 / var(--max-device) * var(--max-width));
  background: url(../images/news_ticon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: calc(-17 / var(--max-device) * var(--max-width));
}
.news_d_title span {
  display: block;
  width: 100%;
  height: 100%;
  padding-right: calc(30 / var(--max-device) * var(--max-width));
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.news_d_title span:after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: #f7f714 solid 1px;
}

.news_d_detail {
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #ffffff;
  margin-top: calc(34 / var(--max-device) * var(--max-width));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  word-break: normal;
}

.news_d_time {
  position: absolute;
  left: calc(981 / var(--max-device) * var(--max-width));
  top: calc(353 / var(--max-device) * var(--max-width));
  font-size: calc(28 / var(--max-device) * var(--max-width));
  color: #999999;
  white-space: nowrap;
}

.news_d_readmore {
  display: block;
  width: calc(364 / var(--max-device) * var(--max-width));
  height: calc(105 / var(--max-device) * var(--max-width));
  background: url(../images/news_read_more.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(974 / var(--max-device) * var(--max-width));
  top: calc(410 / var(--max-device) * var(--max-width));
  font-size: calc(34 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(105 / var(--max-device) * var(--max-width));
  font-family: "industrybold";
  text-align: center;
  text-transform: uppercase;
}
.lang_ru .news_d_readmore {
  font-family: "videobold";
}

.lang_tr .news_d_readmore {
  font-family: "videobold";
}

.news_morenews {
  display: block;
  font-size: calc(42 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(39 / var(--max-device) * var(--max-width));
  font-family: "industrybold";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lang_ru .news_morenews {
  font-family: "videobold";
}

.lang_tr .news_morenews {
  font-family: "videobold";
}

.news_morenews:before, .news_morenews:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  margin: 0 calc(30 / var(--max-device) * var(--max-width)) 0;
  width: calc(76 / var(--max-device) * var(--max-width));
  border-top: #535353 solid 1px;
}

.more_news_icon {
  display: inline-block;
  vertical-align: top;
  width: calc(26 / var(--max-device) * var(--max-width));
  height: calc(26 / var(--max-device) * var(--max-width));
  background: url(../images/news_moreicon.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(4 / var(--max-device) * var(--max-width)) 0 0 calc(16 / var(--max-device) * var(--max-width));
}

.top_page_logo {
  display: block;
  width: calc(287 / var(--max-device) * var(--max-width));
  height: calc(41 / var(--max-device) * var(--max-width));
  background: url(../images/page_logo.png) no-repeat;
  background-size: 100% 100%;
  transform: scale(0.9);
  transform-origin: 0 0;
  margin-left: calc(23 / var(--max-device) * var(--max-width));
  margin-top: calc(32 / var(--max-device) * var(--max-width));
  float: left;
}

.news_position {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #999999;
  line-height: calc(36 / var(--max-device) * var(--max-width));
  padding-bottom: calc(24 / var(--max-device) * var(--max-width));
  border-bottom: rgba(192, 192, 192, 0.3) solid 1px;
}
.news_position a {
  color: #999999;
}
.news_position .news_position_jt {
  padding: 0 calc(14 / var(--max-device) * var(--max-width));
}
.news_position:before {
  content: "";
  width: calc(30 / var(--max-device) * var(--max-width));
  height: calc(28 / var(--max-device) * var(--max-width));
  background: url(../images/home_icon.png) no-repeat;
  background-size: 100% 100%;
  margin-right: calc(18 / var(--max-device) * var(--max-width));
}

.news_content {
  width: 100%;
  position: relative;
  margin: calc(108 / var(--max-device) * var(--max-width)) auto 0;
  padding-bottom: calc(60 / var(--max-device) * var(--max-width));
}

.news_c_t {
  display: block;
  text-align: center;
  font-size: calc(60 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(64 / var(--max-device) * var(--max-width));
  word-break: normal;
}

.news_c_time {
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #999999;
  line-height: calc(28 / var(--max-device) * var(--max-width));
  margin: calc(20 / var(--max-device) * var(--max-width)) auto 0;
}

.news_c_imgdetail {
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: calc(32 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.news_c_imgdetail .news_c_imgin {
  display: inline-block;
  max-width: 100%;
  position: relative;
}
.news_c_imgdetail .news_c_imgin:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.news_c_imgdetail img {
  display: block;
  max-width: 100%;
  object-fit: contain;
}

.news_c_para {
  font-size: calc(27 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  margin: calc(32 / var(--max-device) * var(--max-width)) auto 0;
}

.news_c_in {
  padding: 0 calc(348 / var(--max-device) * var(--max-width));
  font-size: calc(27 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: 1.3;
  font-family: "Industry-Book";
  font-weight: normal;
  text-align: justify;
}
.lang_ru .news_c_in {
  font-family: "video";
}

.lang_tr .news_c_in {
  font-family: "video";
}

.news_c_in iframe,
.news_c_in video {
  max-width: 100% !important;
  object-fit: contain;
}
.news_c_in strong {
  font-family: "industry";
}
.lang_ru .news_c_in strong {
  font-family: "video";
}

.lang_tr .news_c_in strong {
  font-family: "video";
}

.news_c_in img {
  max-width: 100% !important;
  object-fit: contain;
  height: auto !important;
}
.news_c_in p {
  font-size: calc(27 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: 1.3;
  margin: calc(32 / var(--max-device) * var(--max-width)) auto 0;
}
.news_c_in * {
  max-width: 100% !important;
  word-break: normal;
}
.news_c_in ul,
.news_c_in ol {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: disc;
  padding-inline-start: 30px !important;
}
.news_c_in a {
  color: #ffffff;
}
.news_c_in a:active, .news_c_in a:visited {
  color: #ffffff !important;
}
.news_c_in table {
  margin-top: calc(32 / var(--max-device) * var(--max-width));
  color: #ffffff;
}
.news_c_in table td,
.news_c_in table th {
  padding: calc(10 / var(--max-device) * var(--max-width)) calc(10 / var(--max-device) * var(--max-width)) !important;
  box-sizing: border-box;
  border: rgba(192, 192, 192, 0.3) solid 1px !important;
}
.news_c_in table * {
  margin: 0;
}

.twitch_header {
  height: calc(1428 / var(--max-device) * var(--max-width));
  position: relative;
}

.twitch_slogan {
  width: calc(1198 / var(--max-device) * var(--max-width));
  height: calc(140 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/slogan.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: calc(200 / var(--max-device) * var(--max-width));
  margin-left: calc(-599 / var(--max-device) * var(--max-width));
  text-indent: -9999px;
}

.twitch_hd_para {
  width: calc(1116 / var(--max-device) * var(--max-width));
  text-align: center;
  position: absolute;
  left: 50%;
  top: calc(390 / var(--max-device) * var(--max-width));
  margin-left: calc(-558 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #eaeaea;
  text-shadow: rgba(0, 0, 0, 0.9) 0 1px calc(16 / var(--max-device) * var(--max-width));
}

.twich_loginbox {
  width: calc(1220 / var(--max-device) * var(--max-width));
  height: calc(680 / var(--max-device) * var(--max-width));
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  left: 50%;
  top: calc(604 / var(--max-device) * var(--max-width));
  margin-left: calc(-610 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-right: calc(4 / var(--max-device) * var(--max-width));
}
.twich_loginbox li {
  background: #1d1d1d;
  border-bottom: #323232 solid 1px;
  min-height: calc(150 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding: calc(36 / var(--max-device) * var(--max-width)) 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.twich_loginbox li:last-child {
  border: none;
}
.twich_loginbox li.show {
  background: #272727;
}
.twich_loginbox li.show .twich_logpara {
  color: #f7f714;
}
.twich_loginbox li.show .tw_xh {
  background: url(../images/twitch/tw_xh_s.png) no-repeat;
  background-size: 100% 100%;
}
.twich_loginbox li.show .twitch_logdet {
  display: block;
}
.twich_loginbox li.show:before {
  content: "";
  width: 100%;
  height: calc(117 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/twitch_mask_top.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.twich_loginbox li.show:after {
  content: "";
  width: 100%;
  height: calc(117 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/twitch_mask_bot.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.twich_loginbox::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.twich_loginbox::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.twich_loginbox::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #ceb591;
}

.twich_logpara {
  display: flex;
  margin-left: calc(48 / var(--max-device) * var(--max-width));
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #e5e3e1;
}

.tw_xh {
  display: block;
  width: calc(43 / var(--max-device) * var(--max-width));
  height: calc(43 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/tw_xh.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  line-height: calc(43 / var(--max-device) * var(--max-width));
  color: #272727;
  margin-right: calc(16 / var(--max-device) * var(--max-width));
}

.twitch_logdet {
  width: calc(1034 / var(--max-device) * var(--max-width));
  margin: calc(14 / var(--max-device) * var(--max-width)) 0 0 calc(110 / var(--max-device) * var(--max-width));
  display: none;
}

.twitch_logdet_p {
  font-family: "Industry-Book";
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(34 / var(--max-device) * var(--max-width));
}
.lang_ru .twitch_logdet_p {
  font-family: "video";
}

.lang_tr .twitch_logdet_p {
  font-family: "video";
}

.twitch_logdet_p a {
  color: #fff;
  text-decoration: underline;
}
.twitch_logdet_p2 {
  margin-left: calc(38 / var(--max-device) * var(--max-width));
}

.twitch_logbtn {
  display: flex;
  margin: calc(20 / var(--max-device) * var(--max-width)) 0 0 0;
  align-items: center;
}
.twitch_logbtn a {
  height: calc(87 / var(--max-device) * var(--max-width));
  position: relative;
  margin-left: calc(80 / var(--max-device) * var(--max-width));
}

.twitch_logp {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(87 / var(--max-device) * var(--max-width));
  min-width: calc(150 / var(--max-device) * var(--max-width));
  line-height: calc(28 / var(--max-device) * var(--max-width));
  font-size: calc(25 / var(--max-device) * var(--max-width));
  color: #272727;
  padding: 0 calc(10 / var(--max-device) * var(--max-width));
  position: relative;
  z-index: 20;
}
.twitch_logp .twitch_icon {
  width: calc(28 / var(--max-device) * var(--max-width));
  height: calc(29 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/twitch_icon.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: top;
  margin-right: calc(12 / var(--max-device) * var(--max-width));
}

.twitch_btnbox {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(87 / var(--max-device) * var(--max-width));
  z-index: 0;
}
.twitch_btnbox:before {
  content: "";
  width: calc(111 / var(--max-device) * var(--max-width));
  height: 100%;
  background: url(../images/twitch/twitch_btnleft.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-80 / var(--max-device) * var(--max-width));
  top: 0;
}
.twitch_btnbox span {
  width: 100%;
  height: 100%;
  background: url(../images/twitch/twitch_btnct.png) no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.twitch_btnbox:after {
  content: "";
  width: calc(58 / var(--max-device) * var(--max-width));
  height: 100%;
  background: url(../images/twitch/twitch_btnright.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  position: absolute;
  right: calc(-57 / var(--max-device) * var(--max-width));
  top: 0;
}

.twitch_logot_icon {
  display: block;
  width: calc(104 / var(--max-device) * var(--max-width));
  height: calc(96 / var(--max-device) * var(--max-width));
  background: url(../images/twitch_icon.png) no-repeat;
  background-size: 100% 100%;
  margin-left: calc(-20 / var(--max-device) * var(--max-width));
}

.twitch_username {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #fff;
  margin-left: calc(20 / var(--max-device) * var(--max-width));
  padding-right: calc(40 / var(--max-device) * var(--max-width));
}

.twich_check_tips {
  letter-spacing: calc(1.8 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding-left: calc(37 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(38 / var(--max-device) * var(--max-width));
  position: relative;
  text-align: justify;
  cursor: pointer;
  font-family: "industrymedium";
  font-weight: normal;
  display: flex;
  align-items: center;
}
.lang_ru .twich_check_tips {
  font-family: "video";
}

.lang_tr .twich_check_tips {
  font-family: "video";
}

.twich_check_tips2 {
  margin-top: calc(20 / var(--max-device) * var(--max-width));
}
.twich_check_tips label {
  cursor: pointer;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.twich_check_tips input {
  display: inline;
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 0;
  visibility: hidden;
  position: absolute;
  left: -9999px;
  top: 0;
}
.twich_check_tips input:checked + .checkbox_icon {
  display: block;
  width: calc(22 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  background-image: url(../images/check_ticon_spr.png);
  background-size: calc(44 / var(--max-device) * var(--max-width)) calc(22 / var(--max-device) * var(--max-width));
  background-repeat: no-repeat;
  background-position: calc(-23 / var(--max-device) * var(--max-width)) calc(-1 / var(--max-device) * var(--max-width));
}
.twich_check_tips span {
  display: block;
  width: 100%;
}
.twich_check_tips .checkbox_icon {
  display: block;
  width: calc(22 / var(--max-device) * var(--max-width));
  height: calc(21 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  border: #f7f714 solid calc(1 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: calc(6 / var(--max-device) * var(--max-width));
}
.twich_check_tips a {
  color: #ffffff;
  text-decoration: underline;
}
.twich_check_tips i {
  max-width: 85%;
  font-size: calc(14 / var(--max-device) * var(--max-width));
  display: block;
  margin-top: calc(20 / var(--max-device) * var(--max-width));
}

.twitch_rewbox {
  height: calc(1108 / var(--max-device) * var(--max-width));
  position: relative;
}

.twitch_t {
  height: calc(82 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  font-size: calc(54 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industrybold";
  text-transform: uppercase;
  position: relative;
}
.lang_ru .twitch_t {
  font-family: "videobold";
}

.lang_tr .twitch_t {
  font-family: "videobold";
}

.twitch_t:before {
  content: "";
  width: calc(64 / var(--max-device) * var(--max-width));
  border-bottom: #f7f714 solid calc(2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: calc(-32 / var(--max-device) * var(--max-width));
}
.twitch_t span {
  position: relative;
}
.twitch_t span:before {
  content: "";
  width: calc(138 / var(--max-device) * var(--max-width));
  height: calc(82 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/r_left.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-120 / var(--max-device) * var(--max-width));
  top: 0;
}
.twitch_t span:after {
  content: "";
  width: calc(138 / var(--max-device) * var(--max-width));
  height: calc(82 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/r_right.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-40 / var(--max-device) * var(--max-width));
  top: 0;
}

.twitch_rew {
  width: calc(1270 / var(--max-device) * var(--max-width));
  height: calc(807 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/twitch_rewbg.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(56 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
  overflow: hidden;
}

.twitch_rewlist {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: calc(58 / var(--max-device) * var(--max-width)) auto 0;
}
.twitch_rewlist li {
  width: calc(246 / var(--max-device) * var(--max-width));
  height: calc(303 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/rewbg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  margin: 0 calc(16 / var(--max-device) * var(--max-width));
}

.twitch_rewimg {
  width: 100%;
  height: calc(246 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.twitch_rewimg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.twitch_tpara {
  width: 100%;
  text-align: center;
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  line-height: calc(40 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  text-transform: uppercase;
  margin: calc(46 / var(--max-device) * var(--max-width)) auto 0;
}

.twitch_tpara2 {
  text-align: center;
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  line-height: calc(38 / var(--max-device) * var(--max-width));
  margin: calc(30 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "Industry-Book";
}
.lang_ru .twitch_tpara2 {
  font-family: "video";
}

.lang_tr .twitch_tpara2 {
  font-family: "video";
}

.twitch_rewbtn {
  display: block;
  width: calc(356 / var(--max-device) * var(--max-width));
  height: calc(84 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #f7f714;
  background: url(../images/twitch/rewbtn.png) no-repeat;
  background-size: 100% 100%;
  margin: calc(36 / var(--max-device) * var(--max-width)) auto 0;
}

.twitch_fqabox {
  height: calc(794 / var(--max-device) * var(--max-width));
  position: relative;
}

.twitch_fqalist {
  width: calc(1220 / var(--max-device) * var(--max-width));
  height: calc(658 / var(--max-device) * var(--max-width));
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: calc(38 / var(--max-device) * var(--max-width));
  padding-left: calc(48 / var(--max-device) * var(--max-width));
  background: #000000;
  margin: calc(54 / var(--max-device) * var(--max-width)) auto 0;
  border: #323232 solid calc(1 / var(--max-device) * var(--max-width));
}
.twitch_fqalist::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.twitch_fqalist::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #d1cdc6;
}
.twitch_fqalist::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #ceb591;
}
.twitch_fqalist li {
  min-height: calc(92 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: calc(32 / var(--max-device) * var(--max-width)) 0;
  border-bottom: #30363f solid calc(1 / var(--max-device) * var(--max-width));
  position: relative;
  cursor: pointer;
}
.twitch_fqalist li:after {
  content: "";
  width: calc(27 / var(--max-device) * var(--max-width));
  height: calc(14 / var(--max-device) * var(--max-width));
  background: url(../images/twitch/zk_icon.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.twitch_fqalist li .twitch_logdet,
.twitch_fqalist li .twich_logpara {
  margin-left: 0;
}
.twitch_fqalist li .twich_logpara {
  font-size: calc(24 / var(--max-device) * var(--max-width));
}
.twitch_fqalist li .twitch_logdet_p {
  font-size: calc(22 / var(--max-device) * var(--max-width));
}
.twitch_fqalist li.show .twich_logpara {
  color: #f7f714;
}
.twitch_fqalist li.show .twitch_logdet {
  display: block;
}
.twitch_fqalist li.show:after {
  background: url(../images/twitch/ss_icon.png) no-repeat;
  background-size: 100% 100%;
}

.ot-floating-button {
  display: none !important;
}

.lang_de .wishlist_btn, .lang_tr .wishlist_btn {
  font-size: calc(18 / var(--max-device) * var(--max-width));
}
.lang_de .w_ctpara, .lang_tr .w_ctpara {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_de .w_check_tips, .lang_tr .w_check_tips {
  width: calc(670 / var(--max-device) * var(--max-width));
}
.lang_de .w_img_ctitle, .lang_tr .w_img_ctitle {
  font-size: calc(22 / var(--max-device) * var(--max-width));
}
.lang_de .w_stay, .lang_tr .w_stay {
  font-size: calc(60 / var(--max-device) * var(--max-width));
}
.lang_de .w_stay span:nth-child(1), .lang_tr .w_stay span:nth-child(1) {
  transform: translate(-35%);
}
.lang_de .w_stay span:nth-child(2), .lang_tr .w_stay span:nth-child(2) {
  transform: translate(-30%);
}

.lang_fr .wishlist_btn, .lang_esla .wishlist_btn, .lang_pl .wishlist_btn {
  font-size: calc(16 / var(--max-device) * var(--max-width));
}
.lang_fr .w_ctpara, .lang_esla .w_ctpara, .lang_pl .w_ctpara {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_fr .w_check_tips, .lang_esla .w_check_tips, .lang_pl .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}
.lang_fr .w_stay, .lang_esla .w_stay, .lang_pl .w_stay {
  font-size: calc(55 / var(--max-device) * var(--max-width));
}
.lang_fr .w_stay span:nth-child(1), .lang_esla .w_stay span:nth-child(1), .lang_pl .w_stay span:nth-child(1) {
  transform: translate(-35%);
}
.lang_fr .w_stay span:nth-child(2), .lang_esla .w_stay span:nth-child(2), .lang_pl .w_stay span:nth-child(2) {
  transform: translate(-30%);
}

.lang_es .wishlist_btn {
  font-size: calc(16 / var(--max-device) * var(--max-width));
}
.lang_es .w_ctpara {
  width: calc(1100 / var(--max-device) * var(--max-width));
}
.lang_es .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}
.lang_es .w_register_btn.login_btn {
  font-size: calc(14 / var(--max-device) * var(--max-width));
}
.lang_es .w_stay span:nth-child(1) {
  transform: translate(-38%);
}
.lang_es .w_stay span:nth-child(2) {
  transform: translate(-26%);
}

.media_in {
  padding-bottom: calc(150 / var(--max-device) * var(--max-width));
}

.news_mediabox {
  width: calc(1608 / var(--max-device) * var(--max-width));
  height: calc(922 / var(--max-device) * var(--max-width));
  margin: calc(54 / var(--max-device) * var(--max-width)) auto 0;
  position: relative;
}
.news_mediabox img {
  display: block !important;
}
.news_mediabox ul {
  width: 10000%;
  height: calc(922 / var(--max-device) * var(--max-width));
  display: flex;
}
.news_mediabox ul li {
  width: calc(1608 / var(--max-device) * var(--max-width));
  height: calc(922 / var(--max-device) * var(--max-width));
  background: url(../images/media_box.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  opacity: 0.5;
  cursor: pointer;
  pointer-events: none;
  transition: opacity 2s !important;
}
.news_mediabox ul li.swiper-slide-active {
  opacity: 1;
  pointer-events: inherit;
}
.news_mediabox ul li.swiper-slide-active .media_cont {
  opacity: 1;
}
.news_mediabox ul li.swiper-slide-active:after {
  opacity: 1;
}
.news_mediabox ul li:hover img {
  transform: scale(1.05);
}
.news_mediabox.isempty {
  background: #151516;
}
.news_mediabox.isempty:after {
  content: "";
  width: calc(115 / var(--max-device) * var(--max-width));
  height: calc(147 / var(--max-device) * var(--max-width));
  background: url(../images/empdata.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.mediaswip ul li img {
  opacity: 0.8;
}
.media_cont {
  width: calc(1555 / var(--max-device) * var(--max-width));
  height: calc(874.6875 / var(--max-device) * var(--max-width));
  margin: calc(10 / var(--max-device) * var(--max-width)) 0 0 calc(32 / var(--max-device) * var(--max-width));
  overflow: hidden;
  position: relative;
  opacity: 0.5;
}
.media_cont img,
.media_cont video,
.media_cont iframes {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.5s;
}

.media_detail {
  display: block;
  width: calc(46 / var(--max-device) * var(--max-width));
  height: calc(44 / var(--max-device) * var(--max-width));
  position: absolute;
  right: calc(28 / var(--max-device) * var(--max-width));
  top: calc(25 / var(--max-device) * var(--max-width));
  z-index: 30;
  background: url(../images/media_detail.png) no-repeat;
  background-size: 100% 100%;
}

.media_vbtn {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 30;
  background: url(../images/media_vicon.png) no-repeat center center;
  background-size: calc(113 / var(--max-device) * var(--max-width)) calc(97 / var(--max-device) * var(--max-width));
}

.media_prev,
.media_next {
  display: block;
  width: calc(39 / var(--max-device) * var(--max-width));
  height: calc(80 / var(--max-device) * var(--max-width));
  background: url(../images/media_prev.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: calc(374 / var(--max-device) * var(--max-width));
  z-index: 50;
}

.media_prev {
  left: calc(-116 / var(--max-device) * var(--max-width));
}
.media_prev.mdp3 {
  left: 50%;
  margin-left: calc(-887 / var(--max-device) * var(--max-width));
}

.media_next {
  transform: scale(-1, 1);
  right: calc(-116 / var(--max-device) * var(--max-width));
}
.media_next.mdn3 {
  right: unset;
  left: 50%;
  margin-left: calc(887 / var(--max-device) * var(--max-width));
}

.dia .media_prev {
  left: calc(316 / var(--max-device) * var(--max-width));
}
.dia .media_prev.mdp3 {
  left: 50%;
}
.dia .media_next {
  right: calc(316 / var(--max-device) * var(--max-width));
}
.dia .media_next.mdn3 {
  right: unset;
  left: 50%;
}

.media_prg {
  width: 100%;
  display: flex;
  position: absolute;
  left: 0;
  top: calc(944 / var(--max-device) * var(--max-width));
  justify-content: center;
  text-align: center;
  font-size: calc(32 / var(--max-device) * var(--max-width));
  color: #f7f714;
  align-items: center;
  z-index: 30;
}
.media_prg span {
  border-radius: 0;
  margin: 0 calc(7 / var(--max-device) * var(--max-width)) !important;
  margin-top: 0 !important;
  transition: all 0.5s;
  opacity: 1 !important;
  text-align: center;
  font-size: calc(32 / var(--max-device) * var(--max-width));
  color: #f7f714;
}

.prg1prev,
.prg1next {
  display: block;
  width: calc(26 / var(--max-device) * var(--max-width));
  height: calc(50 / var(--max-device) * var(--max-width));
  background: url(../images/prg1prev.png) no-repeat;
  background-size: calc(13 / var(--max-device) * var(--max-width)) calc(25 / var(--max-device) * var(--max-width));
  background-position: 50% 50%;
  margin: 0 calc(20 / var(--max-device) * var(--max-width));
}

.prg1next {
  transform: scale(-1, 1);
}

.media_vdia {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
}

.vdia_box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.vdia_box img {
  display: block !important;
}
.vdia_box ul {
  width: 10000%;
  display: flex;
}
.vdia_box ul li {
  width: calc(2437 / var(--max-device) * var(--max-width));
  position: relative;
}
.vdia_box ul li.swiper-slide-active {
  mask: none;
}
.vdia_box ul li.swiper-slide-active .media_cont {
  opacity: 1;
}
.vdia_box ul li.swiper-slide-active:after {
  opacity: 1;
}
.vdia_box ul .vdia_box_in {
  width: calc(1608 / var(--max-device) * var(--max-width));
  height: calc(920 / var(--max-device) * var(--max-width));
  background: url(../images/media_box.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.vdia_box ul .media_cont {
  opacity: 1;
}

.vdia_box_close {
  display: block;
  width: calc(57 / var(--max-device) * var(--max-width));
  height: calc(57 / var(--max-device) * var(--max-width));
  background: url(../images/v_close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: calc(807 / var(--max-device) * var(--max-width));
  z-index: 60;
  text-indent: -9999px;
}

.vida_downpara {
  width: 100%;
  text-align: center;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(42 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  margin: calc(10 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "industrymedium";
}
.lang_ru .vida_downpara {
  font-family: "video";
}

.lang_tr .vida_downpara {
  font-family: "video";
}

.vida_downlink {
  width: calc(1742 / var(--max-device) * var(--max-width));
  font-size: calc(34 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(42 / var(--max-device) * var(--max-width));
  margin: calc(28 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "industrymedium";
  text-align: center;
}
.lang_ru .vida_downlink {
  font-family: "video";
}

.lang_tr .vida_downlink {
  font-family: "video";
}

.vida_downlink a {
  display: inline-block;
  vertical-align: top;
  color: #f7f714;
  position: relative;
  text-align: center;
  margin: 0 calc(10 / var(--max-device) * var(--max-width)) calc(10 / var(--max-device) * var(--max-width));
  position: relative;
  box-sizing: border-box;
  padding-left: calc(42 / var(--max-device) * var(--max-width));
  word-break: break-word;
  min-width: calc(248 / var(--max-device) * var(--max-width));
  max-width: 100%;
}
.vida_downlink a span {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.vida_downlink a:hover span:after {
  content: "";
  width: calc(100% + 33 / var(--max-device) * var(--max-width));
  border-bottom: #f7f714 solid 1px;
  position: absolute;
  right: 0;
  bottom: 0;
}
.vida_downlink a:hover:before {
  content: "";
  width: calc(33 / var(--max-device) * var(--max-width));
  height: calc(33 / var(--max-device) * var(--max-width));
  background: url(../images/media_dnbtn.png) no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: calc(8 / var(--max-device) * var(--max-width));
  margin-right: tvow(8);
}

.top_login {
  float: left;
}

.top_login_in {
  display: flex;
  padding-top: calc(20 / var(--max-device) * var(--max-width));
  padding-left: calc(56 / var(--max-device) * var(--max-width));
  position: relative;
}
.top_login_in:hover .top_login_email {
  display: block;
}

.top_login_img {
  width: calc(56 / var(--max-device) * var(--max-width));
  height: calc(56 / var(--max-device) * var(--max-width));
  overflow: hidden;
  border-radius: 50%;
  cursor: default;
  position: relative;
  z-index: 20;
}
.top_login_img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.top_login_img p {
  width: 400%;
  height: 400%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #f7f714;
  font-size: calc(152 / var(--max-device) * var(--max-width));
  line-height: 1;
  text-align: center;
  color: #020204;
  text-transform: uppercase;
  cursor: default;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(0.25) translate(-50%, -50%);
  transform-origin: 0 0;
  font-family: "video";
}

.login_btn .top_login_img {
  cursor: pointer;
}

.top_login_p {
  margin-left: calc(20 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  line-height: calc(56 / var(--max-device) * var(--max-width));
  cursor: pointer;
}

.top_login_email {
  width: calc(300 / var(--max-device) * var(--max-width));
  height: calc(48 / var(--max-device) * var(--max-width));
  padding: 0 calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(48 / var(--max-device) * var(--max-width));
  text-align: center;
  position: absolute;
  left: calc(56 / var(--max-device) * var(--max-width));
  top: calc(86 / var(--max-device) * var(--max-width));
  border: #7b7d81 solid 1px;
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #f5f5f5;
  display: none;
  white-space: nowrap;
  background: #0a1218;
  float: left;
  z-index: 0;
  cursor: pointer;
}
.top_login_email:before {
  content: "";
  width: 100%;
  height: calc(10 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: calc(-10 / var(--max-device) * var(--max-width));
}

.top_nav_join {
  width: calc(234 / var(--max-device) * var(--max-width));
  height: calc(82 / var(--max-device) * var(--max-width));
  background: url(../images/btn_test.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  box-sizing: border-box;
  padding: calc(17 / var(--max-device) * var(--max-width)) 0 calc(16 / var(--max-device) * var(--max-width)) calc(18 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #e7e713;
  margin: calc(14 / var(--max-device) * var(--max-width)) 0 0 calc(34 / var(--max-device) * var(--max-width));
}

.w_taskbar {
  width: calc(1005 / var(--max-device) * var(--max-width));
  height: calc(824 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/task_bar.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-362 / var(--max-device) * var(--max-width));
  top: calc(152 / var(--max-device) * var(--max-width));
  z-index: 20;
}

.w_taskbar_top {
  height: calc(136 / var(--max-device) * var(--max-width));
  position: relative;
  box-sizing: border-box;
  padding-top: 1px;
  display: flex;
  align-items: center;
}

.w_task_topleft {
  width: calc(590 / var(--max-device) * var(--max-width));
  margin-left: calc(52 / var(--max-device) * var(--max-width));
}

.w_task_toptit {
  width: 100%;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #f7f714;
  display: flex;
  align-items: center;
  font-size: calc(30 / var(--max-device) * var(--max-width));
}

.w_task_help {
  display: block;
  width: calc(32 / var(--max-device) * var(--max-width));
  height: calc(32 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/task_help.png) no-repeat;
  background-size: 100% 100%;
  margin-left: calc(6 / var(--max-device) * var(--max-width));
  margin-top: calc(4 / var(--max-device) * var(--max-width));
  text-indent: -9999px;
  font-family: "industry";
}
.lang_ru .w_task_help {
  font-family: "video";
}

.lang_tr .w_task_help {
  font-family: "video";
}

.w_task_toppara {
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(26 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
}
.lang_ru .w_task_toppara {
  font-family: "video";
}

.lang_tr .w_task_toppara {
  font-family: "video";
}

.w_task_topright {
  width: calc(290 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: end;
  flex-direction: column;
}

.w_task_rewardbtn {
  display: block;
  min-width: calc(142 / var(--max-device) * var(--max-width));
  padding: 0 calc(34 / var(--max-device) * var(--max-width));
  height: calc(44 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/taskbtn.png) no-repeat;
  background-size: 100% 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #f7f754;
  font-size: calc(20 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}
.w_task_rewardbtn:before {
  content: "";
  width: 80%;
  height: calc(24 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 0;
  top: 0;
  border-left: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
  border-top: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
}
.w_task_rewardbtn:after {
  content: "";
  width: 80%;
  height: calc(24 / var(--max-device) * var(--max-width));
  position: absolute;
  right: 0;
  bottom: 0;
  border-right: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
  border-bottom: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
}

.w_task_linkacc {
  font-size: calc(22 / var(--max-device) * var(--max-width));
  color: #f7f754;
  text-decoration: underline;
  text-align: right;
  margin-top: calc(6 / var(--max-device) * var(--max-width));
}
.w_task_linkacc:hover {
  text-decoration: underline;
}

.w_task_list {
  width: calc(910 / var(--max-device) * var(--max-width));
  height: calc(594 / var(--max-device) * var(--max-width));
  margin: calc(34 / var(--max-device) * var(--max-width)) 0 0 calc(56 / var(--max-device) * var(--max-width));
  overflow: hidden;
  position: relative;
}
.w_task_list .swiper-slide {
  height: auto;
}
.w_task_list ul {
  width: calc(872 / var(--max-device) * var(--max-width));
}
.w_task_list ul li {
  height: calc(184 / var(--max-device) * var(--max-width));
  overflow: hidden;
  position: relative;
  display: flex;
  margin-bottom: calc(34 / var(--max-device) * var(--max-width));
  border-bottom: #232d3d solid 1px;
}
.w_task_list ul li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.scbar {
  width: calc(2 / var(--max-device) * var(--max-width));
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  background-color: #2b303a;
}
.scbar .swiper-scrollbar-drag {
  width: 100%;
  background-color: #f7f754;
}

.w_task_rewbox {
  width: calc(152 / var(--max-device) * var(--max-width));
  height: calc(152 / var(--max-device) * var(--max-width));
  position: relative;
  background: #292f3b;
  box-sizing: border-box;
  border: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
}
.w_task_rewbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.w_task_rewbox:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/taskbar/rew_img_mask.png) no-repeat;
  background-size: 100% 100%;
  z-index: 50;
  pointer-events: none;
}

.w_task_detail {
  width: calc(684 / var(--max-device) * var(--max-width));
  margin-left: calc(30 / var(--max-device) * var(--max-width));
}

.w_task_detail_t {
  width: 100%;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #ffffff;
}
.w_task_detail_t span {
  color: #f7f714;
}
.w_task_detail_t strong {
  font-family: "industrybold";
  font-weight: normal;
}
.lang_ru .w_task_detail_t strong {
  font-family: "videobold";
}

.lang_tr .w_task_detail_t strong {
  font-family: "videobold";
}

.w_task_detail_para {
  width: calc(484 / var(--max-device) * var(--max-width));
  color: rgba(238, 238, 238, 0.5);
  font-family: "Industry-Book";
  font-size: calc(20 / var(--max-device) * var(--max-width));
  line-height: calc(26 / var(--max-device) * var(--max-width));
}
.lang_ru .w_task_detail_para {
  font-family: "video";
}

.lang_tr .w_task_detail_para {
  font-family: "video";
}

.w_task_detailbtn {
  display: block;
  width: calc(200 / var(--max-device) * var(--max-width));
  height: calc(44 / var(--max-device) * var(--max-width));
  position: absolute;
  right: 0;
  top: calc(54 / var(--max-device) * var(--max-width));
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #242a37;
  background: #f7f754;
  text-transform: uppercase;
  cursor: pointer;
}
.w_task_detailbtn.gray {
  color: #242a37;
  background: #b6b6b6;
}

.lang_cn .w_task_detailbtn, .lang_tw .w_task_detailbtn, .lang_zhfz .w_task_detailbtn {
  font-weight: bold;
}

.dia_task_in {
  width: calc(1043 / var(--max-device) * var(--max-width));
  height: calc(614 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/pop1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  padding-left: calc(24 / var(--max-device) * var(--max-width));
}
.dia_task_in2 {
  height: calc(623 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/pop2.png) no-repeat;
  background-size: 100% 100%;
}

.d_close3 {
  width: calc(70 / var(--max-device) * var(--max-width));
  height: calc(70 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/dia_close.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-49 / var(--max-device) * var(--max-width));
  top: calc(-43 / var(--max-device) * var(--max-width));
  text-indent: -9999px;
}

.dia_task_t {
  display: block;
  width: 100%;
  text-align: center;
  font-size: calc(56 / var(--max-device) * var(--max-width));
  line-height: calc(60 / var(--max-device) * var(--max-width));
  color: #f7f714;
  font-family: "industrybold";
  margin: calc(84 / var(--max-device) * var(--max-width)) auto 0;
}
.lang_ru .dia_task_t {
  font-family: "videobold";
}

.lang_tr .dia_task_t {
  font-family: "videobold";
}

.dia_task_para {
  text-align: center;
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: rgba(255, 255, 255, 0.5);
  margin: calc(10 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "Industry-Book";
}
.lang_ru .dia_task_para {
  font-family: "video";
}

.lang_tr .dia_task_para {
  font-family: "video";
}

.dia_task_box {
  width: calc(886 / var(--max-device) * var(--max-width));
  height: calc(340 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: calc(26 / var(--max-device) * var(--max-width)) 0 0 calc(104 / var(--max-device) * var(--max-width));
  overflow-y: auto;
}
.dia_task_box::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_task_box::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_task_box::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #f7f754;
}
.dia_task_box ul {
  width: calc(806 / var(--max-device) * var(--max-width));
  background: rgba(40, 47, 60, 0.78);
}
.dia_task_box ul li {
  height: calc(114 / var(--max-device) * var(--max-width));
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: #283342 solid 1px;
}
.dia_task_box ul li:last-child {
  border-bottom: none;
}
.dia_task_box.isempty {
  width: calc(796 / var(--max-device) * var(--max-width));
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dia_task_box.isempty ul {
  display: none;
}
.dia_task_box.isempty .dia_isempty {
  display: block;
  font-size: calc(32 / var(--max-device) * var(--max-width));
  color: #fff;
  text-align: center;
}

.dia_isempty {
  display: none;
}

.dia_task_rewbox {
  width: calc(78 / var(--max-device) * var(--max-width));
  height: calc(78 / var(--max-device) * var(--max-width));
  position: relative;
  background: #292f3b;
  box-sizing: border-box;
  border: #f7f754 solid calc(2 / var(--max-device) * var(--max-width));
  margin-left: calc(92 / var(--max-device) * var(--max-width));
}
.dia_task_rewbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.dia_task_rewbox:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/taskbar/rew_img_mask.png) no-repeat;
  background-size: 100% 100%;
  z-index: 50;
  pointer-events: none;
}

.dia_task_rewname {
  width: calc(404 / var(--max-device) * var(--max-width));
  margin-left: calc(48 / var(--max-device) * var(--max-width));
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  font-family: "industry";
}
.lang_ru .dia_task_rewname {
  font-family: "video";
}

.lang_tr .dia_task_rewname {
  font-family: "video";
}

.dia_task_rewnum {
  width: calc(126 / var(--max-device) * var(--max-width));
  text-align: center;
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  font-family: "industry";
}
.lang_ru .dia_task_rewnum {
  font-family: "video";
}

.lang_tr .dia_task_rewnum {
  font-family: "video";
}

.dia_fqa_box {
  width: calc(932 / var(--max-device) * var(--max-width));
  height: calc(314 / var(--max-device) * var(--max-width));
  overflow: hidden;
  margin: calc(40 / var(--max-device) * var(--max-width)) 0 0 calc(60 / var(--max-device) * var(--max-width));
  overflow-y: auto;
}
.dia_fqa_box::-webkit-scrollbar {
  width: calc(4 / var(--max-device) * var(--max-width));
  height: calc(4 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_fqa_box::-webkit-scrollbar-track {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #2b303a;
}
.dia_fqa_box::-webkit-scrollbar-thumb {
  border-radius: calc(2 / var(--max-device) * var(--max-width));
  background-color: #f7f754;
}
.dia_fqa_box .dia_fqa_list {
  width: calc(894 / var(--max-device) * var(--max-width));
}
.dia_fqa_box .dia_fqa_list li {
  padding-left: calc(32 / var(--max-device) * var(--max-width));
  padding-top: calc(30 / var(--max-device) * var(--max-width));
  padding-bottom: calc(30 / var(--max-device) * var(--max-width));
  position: relative;
  border-bottom: #31363e solid 1px;
  cursor: pointer;
}
.dia_fqa_box .dia_fqa_list li:after {
  content: "";
  width: calc(27 / var(--max-device) * var(--max-width));
  height: calc(14 / var(--max-device) * var(--max-width));
  background: url(../images/taskbar/ss_btn.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: calc(42 / var(--max-device) * var(--max-width));
}
.dia_fqa_box .dia_fqa_list li.show:after {
  background: url(../images/taskbar/zk_btn.png) no-repeat;
  background-size: 100% 100%;
}
.dia_fqa_box .dia_fqa_list li.show p:nth-child(3) {
  display: block;
}
.dia_fqa_box .dia_fqa_list li.dia_fqa_norm {
  cursor: unset;
}
.dia_fqa_box .dia_fqa_list li.dia_fqa_norm:after {
  display: none;
}
.dia_fqa_box .dia_fqa_list li.dia_fqa_norm .dia_fqa_para {
  display: none;
}
.dia_fqa_box .dia_fqa_list a {
  color: #f7f754;
  text-decoration: underline;
}
.dia_fqa_box .dia_fqa_list p {
  width: calc(778 / var(--max-device) * var(--max-width));
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(30 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
}
.lang_ru .dia_fqa_box .dia_fqa_list p {
  font-family: "video";
}

.lang_tr .dia_fqa_box .dia_fqa_list p {
  font-family: "video";
}

.dia_fqa_box .dia_fqa_list p:nth-child(3) {
  margin-top: calc(16 / var(--max-device) * var(--max-width));
  display: none;
}
.dia_fqa_box .dia_fqa_list a {
  text-decoration: underline;
  color: #f7f714;
}

.dia_fqa_xh {
  display: block;
  font-size: calc(30 / var(--max-device) * var(--max-width));
  color: #ffffff;
  font-family: "industry";
  position: absolute;
  left: 0;
  top: calc(24 / var(--max-device) * var(--max-width));
  white-space: nowrap;
}
.lang_ru .dia_fqa_xh {
  font-family: "video";
}

.lang_tr .dia_fqa_xh {
  font-family: "video";
}

.lang_it .wishlist_btn {
  font-size: calc(16 / var(--max-device) * var(--max-width));
}
.lang_it .w_ctpara {
  width: calc(1000 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_it .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}

.lang_pt .wishlist_btn {
  font-size: calc(17 / var(--max-device) * var(--max-width));
}
.lang_pt .w_ctpara {
  width: calc(1000 / var(--max-device) * var(--max-width));
  font-size: calc(18 / var(--max-device) * var(--max-width));
  line-height: calc(30 / var(--max-device) * var(--max-width));
}
.lang_pt .w_check_tips {
  width: calc(650 / var(--max-device) * var(--max-width));
  text-align: left;
}
.lang_pt .w_stay span:nth-child(1) {
  transform: translate(-34%);
}
.lang_pt .w_stay span:nth-child(2) {
  transform: translate(-12%);
}

.lang_ja .wishlist_btn {
  font-size: calc(18 / var(--max-device) * var(--max-width));
}

.lang_zh .news_change_list,
.lang_zhfz .news_change_list {
  font-family: tahoma, "Microsoft YaHei", sans-serif;
}
.lang_zh .news_change_list li,
.lang_zhfz .news_change_list li {
  font-family: tahoma, "Microsoft YaHei", sans-serif;
}
.lang_zh .w_stay span:nth-child(1),
.lang_zhfz .w_stay span:nth-child(1) {
  transform: translate(-36%);
}
.lang_zh .w_stay span:nth-child(2),
.lang_zhfz .w_stay span:nth-child(2) {
  transform: translate(-12%);
}

*:focus {
  outline: none;
}

*:focus-visible {
  outline: none;
}

.addfocus {
  outline-offset: 1px;
  outline: #fff solid 1px;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler,
#onetrust-banner-sdk #onetrust-pc-btn-handler {
  font-weight: normal !important;
}

#onetrust-banner-sdk #onetrust-accept-btn-handler,
#onetrust-banner-sdk #onetrust-reject-all-handler {
  min-width: 140px !important;
  font-weight: normal;
  position: relative;
  border: #f7f714 solid 1px !important;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler:before,
#onetrust-banner-sdk #onetrust-reject-all-handler:before {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  top: calc(-9.6 / var(--max-device) * var(--max-width));
  background: url(../images/com_btntop.png) no-repeat left top;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}
#onetrust-banner-sdk #onetrust-accept-btn-handler:after,
#onetrust-banner-sdk #onetrust-reject-all-handler:after {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  bottom: calc(-13.6 / var(--max-device) * var(--max-width));
  background: url(../images/com_btnbot.png) no-repeat right bottom;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}

#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn),
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn {
  font-weight: normal !important;
  font-size: 0.75em !important;
  border: #f7f714 solid 1px !important;
  position: relative;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):before,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:before {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  top: calc(-12.8 / var(--max-device) * var(--max-width));
  background: url(../images/com_btntop.png) no-repeat left top;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}
#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):after,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:after {
  content: "";
  width: 80%;
  height: calc(27.2 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 10%;
  bottom: calc(-12 / var(--max-device) * var(--max-width));
  background: url(../images/com_btnbot.png) no-repeat right bottom;
  background-size: auto 100%;
  z-index: 10;
  pointer-events: none;
}

#onetrust-consent-sdk #onetrust-pc-sdk button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):not([aria-expanded]):not(.ot-link-btn):focus,
#onetrust-consent-sdk #onetrust-pc-sdk .ot-leg-btn-container .ot-active-leg-btn:focus {
  outline: none !important;
}

#onetrust-consent-sdk #onetrust-banner-sdk *:focus {
  outline: none !important;
}

#onetrust-banner-sdk.otFlat {
  border: none !important;
  border: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk {
  border: #f7f714 solid 1px !important;
}

#onetrust-consent-sdk *:focus {
  outline: none !important;
}

#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item {
  border: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk .ot-pc-header {
  position: relative;
  border-bottom: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk .ot-pc-footer {
  position: relative;
  border-top: #f7f714 solid 1px !important;
}

#onetrust-pc-sdk .ot-pc-footer button {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-family: "industrybold";
  font-weight: normal;
  text-transform: uppercase;
}

#onetrust-consent-sdk {
  font-family: "industry";
  font-weight: normal;
}

#onetrust-pc-sdk .ot-switch-nob {
  background: none !important;
  border: #f7f714 solid 1px !important;
}
#onetrust-pc-sdk .ot-switch-nob:before {
  background: #f7f714 !important;
}

#onetrust-pc-sdk .ot-chkbox input:focus,
#onetrust-pc-sdk .ot-tgl input:focus {
  outline: none !important;
}

#onetrust-pc-sdk .ot-tgl input:focus + .ot-switch .ot-switch-nob {
  outline: none !important;
}

#onetrust-pc-sdk .ot-ven-item > button,
#onetrust-pc-sdk .ot-host-item > button,
#onetrust-pc-sdk .ot-accordion-layout.ot-cat-item > button,
#onetrust-pc-sdk .ot-acc-cntr > button {
  color: #fff !important;
}

#ot-pc-desc,
.ot-category-desc,
.ot-cat-header,
#onetrust-policy-text,
#onetrust-policy-text a {
  color: #fff !important;
}

@media screen and (max-device-width: 1025px) {
  .wishlist_bg {
    width: calc(501 / var(--max-device) * var(--max-width));
  }
  .dia_in {
    transform-origin: 0 0;
    transform: scale(0.8) translate(-50%, -50%);
  }
  .top_nav {
    position: fixed;
    font-family: "industry";
  }
  .dia_in {
    border: #f7f714 solid 2px;
  }
  .top_nav_list li:hover,
  .top_nav_list li:hover a {
    color: #ffffff;
  }
  .top_nav_list li:active,
  .top_nav_list li:active a {
    color: #f7f714;
  }
  body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100% !important;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -webkit-touch-callout: none;
    word-break: break-word;
    word-wrap: break-word;
  }
  .w_register_btn {
    line-height: calc(52 / var(--max-device) * var(--max-width));
  }
}
#onetrust-button-group-parent {
  padding-left: 3% !important;
  padding-right: 4% !important;
  margin-left: 0 !important;
}

.ot-sdk-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

#onetrust-banner-sdk.vertical-align-content #onetrust-button-group-parent {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateY(0) !important;
}

.ish5 {
  display: none;
}

.poster_btn {
  cursor: pointer !important;
}

.w_sm_list a.bilibili_icon {
  display: none;
}

.dia_code {
  display: block;
  width: calc(233 / var(--max-device) * var(--max-width));
  height: calc(231 / var(--max-device) * var(--max-width));
  margin: calc(40 / var(--max-device) * var(--max-width)) auto 0;
}

.dia_code_para {
  width: 100%;
  text-align: center;
  font-size: calc(20 / var(--max-device) * var(--max-width));
  color: #ffffff;
  line-height: calc(26 / var(--max-device) * var(--max-width));
  margin: calc(16 / var(--max-device) * var(--max-width)) auto 0;
}

.lang_zh .calendar_btnbox {
  display: none;
}
.lang_zh .d_sm_list a {
  display: none;
}
.lang_zh .d_sm_list a.d_icon8 {
  display: block;
}
.lang_zh .d_sm_list a.d_icon9 {
  display: block;
}

.news_wrap .footer {
  margin: calc(30 / var(--max-device) * var(--max-width)) auto 0;
}

.calendar_box {
  width: calc(2432 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/bg.jpg) no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: calc(66 / var(--max-device) * var(--max-width));
  font-family: "industry";
}
.lang_ru .calendar_box {
  font-family: "video";
}

.lang_tr .calendar_box {
  font-family: "video";
}

.calendar_in {
  width: calc(1822 / var(--max-device) * var(--max-width));
  margin: 0 auto;
}
.calendar_in .footer {
  margin: 0 auto;
}

.calendar_part1,
.calendar_part2,
.calendar_part3 {
  height: calc(1232 / var(--max-device) * var(--max-width));
  position: relative;
  padding-top: 1px;
}

.calendar_part2 {
  height: calc(1070 / var(--max-device) * var(--max-width));
}
.calendar_part2 .w_news_box {
  margin-left: 0;
}
.calendar_part2 .w_news_img:before {
  background: rgba(0, 0, 0, 0.2);
}
.calendar_part2 .w_news_img2:after {
  background: rgba(0, 0, 0, 0.2);
}
.calendar_part2 .w_news_more {
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar_part2 .w_news_more:after {
  margin: calc(4 / var(--max-device) * var(--max-width)) 0 0 calc(14 / var(--max-device) * var(--max-width));
  display: none;
}

.calendar_part3 {
  height: calc(778 / var(--max-device) * var(--max-width));
}

.calendar_title {
  display: block;
  width: calc(1822 / var(--max-device) * var(--max-width));
  height: calc(129 / var(--max-device) * var(--max-width));
  position: relative;
  margin: calc(180 / var(--max-device) * var(--max-width)) auto 0;
}
.calendar_title i {
  display: block;
  width: calc(2126 / var(--max-device) * var(--max-width));
  height: calc(163 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title.png) no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
  position: absolute;
  left: calc(-63 / var(--max-device) * var(--max-width));
  top: calc(-34 / var(--max-device) * var(--max-width));
}
.lang_ja .calendar_title i {
  width: calc(1757 / var(--max-device) * var(--max-width));
  height: calc(172 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_ja.png) no-repeat;
  background-size: 100% 100%;
  left: calc(83 / var(--max-device) * var(--max-width));
  top: calc(34 / var(--max-device) * var(--max-width));
}

.lang_zh .calendar_title i {
  width: calc(892 / var(--max-device) * var(--max-width));
  height: calc(172 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_cn.png) no-repeat;
  background-size: 100% 100%;
  left: calc(556 / var(--max-device) * var(--max-width));
}

.lang_de .calendar_title i {
  width: calc(2126 / var(--max-device) * var(--max-width));
  height: calc(163 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_de.png) no-repeat;
  background-size: 100% 100%;
}

.lang_es .calendar_title i {
  width: calc(2126 / var(--max-device) * var(--max-width));
  height: calc(145 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_es.png) no-repeat;
  background-size: 100% 100%;
  top: calc(14 / var(--max-device) * var(--max-width));
}

.lang_fr .calendar_title i {
  width: calc(2295 / var(--max-device) * var(--max-width));
  height: calc(146 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_fr.png) no-repeat;
  background-size: 100% 100%;
  left: calc(-163 / var(--max-device) * var(--max-width));
}

.lang_zhfz .calendar_title i {
  width: calc(1051 / var(--max-device) * var(--max-width));
  height: calc(172 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_hk.png) no-repeat;
  background-size: 100% 100%;
  left: calc(476 / var(--max-device) * var(--max-width));
}

.lang_it .calendar_title i {
  width: calc(2099 / var(--max-device) * var(--max-width));
  height: calc(129 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_it.png) no-repeat;
  background-size: 100% 100%;
  top: calc(14 / var(--max-device) * var(--max-width));
}

.lang_ko .calendar_title i {
  width: calc(1271 / var(--max-device) * var(--max-width));
  height: calc(172 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_ko.png) no-repeat;
  background-size: 100% 100%;
  left: calc(376 / var(--max-device) * var(--max-width));
}

.lang_pt .calendar_title i {
  width: calc(2294 / var(--max-device) * var(--max-width));
  height: calc(165 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_pt.png) no-repeat;
  background-size: 100% 100%;
  left: calc(-183 / var(--max-device) * var(--max-width));
}

.lang_esla .calendar_title i {
  width: calc(2216 / var(--max-device) * var(--max-width));
  height: calc(145 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_esla.png) no-repeat;
  background-size: 100% 100%;
  left: calc(-100 / var(--max-device) * var(--max-width));
}

.lang_pl .calendar_title i {
  width: calc(2183 / var(--max-device) * var(--max-width));
  height: calc(145 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_pl.png) no-repeat;
  background-size: 100% 100%;
  left: calc(-103 / var(--max-device) * var(--max-width));
}

.lang_tr .calendar_title i {
  width: calc(1823 / var(--max-device) * var(--max-width));
  height: calc(163 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_tr.png) no-repeat;
  background-size: 100% 100%;
  left: calc(60 / var(--max-device) * var(--max-width));
}

.lang_ru .calendar_title i {
  width: calc(1843 / var(--max-device) * var(--max-width));
  height: calc(165 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_title_ru.png) no-repeat;
  background-size: 100% 100%;
  left: calc(80 / var(--max-device) * var(--max-width));
}

.calendar_change {
  width: 100%;
  height: calc(514 / var(--max-device) * var(--max-width));
  position: relative;
  margin: calc(104 / var(--max-device) * var(--max-width)) auto 0;
}
.calendar_change.type2 .calendar_change_in ul li {
  margin: 0 calc(40 / var(--max-device) * var(--max-width));
}
.calendar_change.type2 .calendar_change_in ul li:nth-child(1) {
  margin-left: 0;
}
.calendar_change.type2 .calendar_change_in ul li:last-child {
  margin-right: 0;
}

.calendar_change_in {
  width: 100%;
  height: calc(514 / var(--max-device) * var(--max-width));
  overflow: hidden;
}
.calendar_change_in .swiper-wrapper {
  min-width: calc(1822 / var(--max-device) * var(--max-width));
  white-space: nowrap;
  height: calc(514 / var(--max-device) * var(--max-width));
  text-align: center;
  display: block;
}
.calendar_change_in .swiper-wrapper li {
  display: inline-block;
  vertical-align: top;
  width: calc(391 / var(--max-device) * var(--max-width));
  height: calc(514 / var(--max-device) * var(--max-width));
  position: relative;
  border: #f7f714 solid 3px;
  box-sizing: border-box;
  padding: calc(6 / var(--max-device) * var(--max-width));
  margin-right: calc(80 / var(--max-device) * var(--max-width));
}

.calendar_imgbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.calendar_imgbox img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.calendar_imgbox:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  background: url(../images/calendar/calendar_mask.png) no-repeat;
  background-size: 100% 100%;
}
.calendar_imgbox.disable {
  pointer-events: none;
}

.calendar_info {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: calc(24 / var(--max-device) * var(--max-width));
  box-sizing: border-box;
  padding: 0 calc(24 / var(--max-device) * var(--max-width));
  text-align: left;
  z-index: 30;
}

.calendar_info_title {
  font-family: "industry";
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(32 / var(--max-device) * var(--max-width));
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
  margin-bottom: calc(6 / var(--max-device) * var(--max-width));
}
.lang_ru .calendar_info_title {
  font-family: "video";
}

.lang_tr .calendar_info_title {
  font-family: "video";
}

.calendar_info_time {
  font-size: calc(18 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  line-height: calc(24 / var(--max-device) * var(--max-width));
  font-family: "Industry-Book";
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  white-space: normal;
}

.w_news_box,
.w_news_right {
  height: calc(600 / var(--max-device) * var(--max-width));
}

.calendar_prev,
.calendar_next {
  width: calc(26 / var(--max-device) * var(--max-width));
  height: calc(59 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_prev.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: calc(226 / var(--max-device) * var(--max-width));
}
.calendar_prev:hover,
.calendar_next:hover {
  background: url(../images/calendar/calendar_prev_hov.png) no-repeat;
  background-size: 100% 100%;
}

.calendar_prev {
  left: calc(-86 / var(--max-device) * var(--max-width));
}

.calendar_next {
  right: calc(-86 / var(--max-device) * var(--max-width));
  transform: scale(-1, 1);
}

.calendar_btnbox {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: calc(76 / var(--max-device) * var(--max-width)) auto 0;
}
.calendar_btnboxs {
  margin: calc(26 / var(--max-device) * var(--max-width)) auto 0;
}
.calendar_btnbox a {
  display: block;
  width: calc(576 / var(--max-device) * var(--max-width));
  height: calc(80 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calentdar_bot_btn.png) no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(26 / var(--max-device) * var(--max-width));
  color: #ffffff;
  font-family: "industrybold";
  font-weight: bold;
  text-transform: uppercase;
}
.lang_ru .calendar_btnbox a {
  font-family: "videobold";
}

.lang_tr .calendar_btnbox a {
  font-family: "videobold";
}

.calendar_prg {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: calc(80 / var(--max-device) * var(--max-width)) auto 0;
}
.calendar_prg span {
  display: block;
  width: calc(85 / var(--max-device) * var(--max-width));
  height: calc(10 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/calendar_prg.png) no-repeat;
  background-size: 100% 100%;
  margin: 0 calc(3 / var(--max-device) * var(--max-width));
  border-radius: 0;
  opacity: 1;
}
.calendar_prg span.swiper-pagination-bullet-active {
  background: url(../images/calendar/calendar_prg_light.png) no-repeat;
  background-size: 100% 100%;
  opacity: 1;
}

.hub_ct2 {
  display: block;
  font-size: calc(70 / var(--max-device) * var(--max-width));
  color: #f7f714;
  line-height: calc(94 / var(--max-device) * var(--max-width));
  text-transform: uppercase;
  text-align: center;
  font-family: "industrybold";
  position: absolute;
  left: 50%;
  top: calc(6 / var(--max-device) * var(--max-width));
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.lang_ru .hub_ct2 {
  font-family: "videobold";
}

.lang_tr .hub_ct2 {
  font-family: "videobold";
}

.hub_ct2:before {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/hub_ticon2_1.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: calc(-64 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.hub_ct2:after {
  content: "";
  width: calc(175 / var(--max-device) * var(--max-width));
  height: calc(76 / var(--max-device) * var(--max-width));
  background: url(../images/calendar/hub_ticon2_2.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: calc(-96 / var(--max-device) * var(--max-width));
  top: calc(-6 / var(--max-device) * var(--max-width));
}
.hub_ct2 i {
  display: block;
  width: calc(124 / var(--max-device) * var(--max-width));
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(-8 / var(--max-device) * var(--max-width));
  border-bottom: #f7f714 solid 1px;
}

.calendar_part3_list {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: calc(192 / var(--max-device) * var(--max-width)) auto 0;
}
.calendar_part3_list li {
  width: calc(591 / var(--max-device) * var(--max-width));
  height: calc(351 / var(--max-device) * var(--max-width));
  position: relative;
  margin: 0 calc(6 / var(--max-device) * var(--max-width));
}
.calendar_part3_list li:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/calendar/calendar_img_mask.png) no-repeat;
  background-size: 100% 100%;
}

.calendar_part3_imgin {
  width: calc(529 / var(--max-device) * var(--max-width));
  height: calc(296 / var(--max-device) * var(--max-width));
  margin: calc(11 / var(--max-device) * var(--max-width)) 0 0 calc(36 / var(--max-device) * var(--max-width));
  overflow: hidden;
  background: #242633;
  position: relative;
}
.calendar_part3_imgin img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.calendar_part3_imgtype {
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #ffffff;
  position: absolute;
  left: calc(28 / var(--max-device) * var(--max-width));
  bottom: calc(16 / var(--max-device) * var(--max-width));
  font-family: "industry";
}

.calendar_part3_para {
  text-align: center;
  font-size: calc(24 / var(--max-device) * var(--max-width));
  color: #eeeeee;
  font-family: "Industry-Book";
  margin: calc(56 / var(--max-device) * var(--max-width)) auto 0;
}

.calendar_part3_para2 {
  text-align: center;
  margin: calc(26 / var(--max-device) * var(--max-width)) auto 0;
  font-family: "industrybold";
  font-size: calc(32 / var(--max-device) * var(--max-width));
  color: #f7f714;
}
.lang_ru .calendar_part3_para2 {
  font-family: "videobold";
}

.lang_tr .calendar_part3_para2 {
  font-family: "videobold";
}

.calendar_part3_para2 a {
  color: #f7f714;
  text-decoration: underline;
}