@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

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

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal; }

em, strong {
  font-style: normal;
  display: inline; }

ul {
  list-style: none; }

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

q:before, q:after {
  content: ""; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  -webkit-appearance: none; }

input, textarea, select {
  *font-size: 100%; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  color: #fff; }

* {
  outline: none; }

img {
  display: block;
  width: 100%;
  height: auto; }

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

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

.c:after {
  clear: both; }

.c {
  zoom: 1; }

.pa {
  position: absolute;
  z-index: 5; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.bs100 {
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#player-container-id_html5_api {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  /* Chrome 和 Safari */
  -moz-backface-visibility: hidden;
  /* Firefox */
  -ms-backface-visibility: hidden;
  /* Internet Explorer */
  -webkit-perspective: 0;
  -webkit-transform: translate3d(0, 0, 0);
  visibility: visible; }

html, body {
  color: #fff;
  background-color: #000;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.2rem; }

.wrap {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 16.0rem auto;
  background-position: 50% 50%;
  position: relative; }
  .wrap .main {
    width: 16.0rem;
    height: 11.36rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    overflow: hidden; }
    .wrap .main .part {
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      display: none; }
      .wrap .main .part .btns {
        width: 100%;
        -webkit-box-sizing: border-box;
                box-sizing: border-box; }
        .wrap .main .part .btns a {
          width: 1.93rem;
          height: 0.63rem;
          margin: 0 0.15rem;
          font-size: 0.31rem;
          font-weight: bold;
          text-transform: uppercase;
          position: relative;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          padding-bottom: 0.06rem; }
          .wrap .main .part .btns a span {
            position: relative; }
            .wrap .main .part .btns a span:before {
              content: attr(data-text);
              position: absolute;
              -webkit-text-fill-color: transparent;
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-stroke: 0;
              display: none; }
          .wrap .main .part .btns a.btn-go {
            background-image: url(../images/btn-go.png); }
            .wrap .main .part .btns a.btn-go span {
              color: #45190a;
              text-shadow: 0 0 1px #fff38a,0 0 1px #fff38a,0 0 1px #f2ffff;
              /*-webkit-text-stroke: 1px #fff38a;*/
              /*&:before{
              	background-image: linear-gradient(to bottom,#45190a,#7f2c10);
              }*/ }
          .wrap .main .part .btns a.btn-share {
            background-image: url(../images/btn-share.png); }
            .wrap .main .part .btns a.btn-share span {
              color: #001a32;
              text-shadow: 0 0 1px #f2ffff,0 0 1px #f2ffff,0 0 1px #f2ffff;
              /*-webkit-text-stroke: 1px #f2ffff;
              &:before{
              	background-image: linear-gradient(to bottom ,#001a32,#003a75);
              }*/ }
      .wrap .main .part .spritespin {
        width: 100% !important;
        height: 100% !important; }
      .wrap .main .part .btn-vid {
        background: url(../images/btn-vid2.gif) no-repeat 100%/100%;
        width: 1.0rem;
        height: 1.0rem;
        top: 50%;
        left: 50%;
        margin: -0.5rem 0 0 -0.5rem; }
    .wrap .main .part1 .slogan {
      width: 3.46rem;
      height: 1.94rem;
      top: 2.86rem;
      left: 50%;
      margin-left: -1.73rem; }
    .wrap .main .part1 .btn-vid {
      top: 5.28rem;
      left: 7.52rem;
      margin: 0;
      -webkit-transform: scale(0.67);
              transform: scale(0.67); }
    .wrap .main .part1 .role {
      position: relative; }
      .wrap .main .part1 .role li {
        width: 5.24rem;
        text-align: center;
        position: absolute;
        text-transform: uppercase; }
        .wrap .main .part1 .role li .st {
          display: block;
          color: #ffedd2;
          font-size: 0.3rem;
          line-height: 0.4rem; }
        .wrap .main .part1 .role li .star {
          display: block;
          width: 1.43rem;
          height: 0.22rem;
          margin: -0.06rem auto 0; }
        .wrap .main .part1 .role li .text {
          color: #cfc2a5;
          font-size: 0.18rem;
          line-height: 0.2rem;
          margin-top: 0.03rem;
          padding: 0 1.6rem; }
        .wrap .main .part1 .role li .btn-more {
          background: url(../images/btn-more.png?11) no-repeat;
          background-size: 1.7rem auto;
          background-position: 0 0;
          width: 1.7rem;
          height: 0.65rem;
          color: #cfc2a5;
          font-size: 0.36rem;
          margin: 0 auto;
          -webkit-transform: scale(0.73);
                  transform: scale(0.73);
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0; }
          .wrap .main .part1 .role li .btn-more .ico-jt {
            background-image: url(../images/ico-jt.png);
            width: 0.22rem;
            height: 0.24rem;
            margin-left: 0.06rem; }
        .wrap .main .part1 .role li:nth-child(1) {
          top: 6.27rem;
          left: 1.32rem; }
          .wrap .main .part1 .role li:nth-child(1) .star {
            background-image: url(../images/star-cleopatra.png); }
          .wrap .main .part1 .role li:nth-child(1) .btn-more {
            margin-top: 0.07rem; }
        .wrap .main .part1 .role li:nth-child(2) {
          top: 5.97rem;
          left: 9.39rem; }
          .wrap .main .part1 .role li:nth-child(2) .star {
            background-image: url(../images/star-pharaoh.png); }
          .wrap .main .part1 .role li:nth-child(2) .btn-more {
            margin-top: 0.05rem; }
    .wrap .main .part1 .btns {
      top: 7.58rem; }
    .wrap .main .part2 .cleopatra {
      width: 5.24rem;
      height: 5.85rem;
      top: 2.4rem;
      left: 2.09rem; }
      .wrap .main .part2 .cleopatra .star {
        background-image: url(../images/p2-star-cleopatra.png);
        width: 0.36rem;
        height: 1.62rem;
        top: 0.5rem;
        left: 0.97rem;
        pointer-events: none; }
      .wrap .main .part2 .cleopatra .img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
      .wrap .main .part2 .cleopatra .jt {
        background-image: url(../images/p2-jt.png);
        width: 4.14rem;
        height: 0.42rem;
        top: 4.91rem;
        left: 0.6rem;
        pointer-events: none; }
      .wrap .main .part2 .cleopatra .node {
        background-image: url(../images/p2-cleopatra-node.png?11);
        width: 2.92rem;
        height: 3.35rem;
        top: 0.76rem;
        left: 0.94rem;
        pointer-events: none; }
        .wrap .main .part2 .cleopatra .node a {
          background: url(../images/btn-add.png) no-repeat 100%/100%;
          width: 0.45rem;
          height: 0.45rem;
          pointer-events: auto;
          position: absolute;
          z-index: 5; }
          .wrap .main .part2 .cleopatra .node a:nth-child(1) {
            top: 1.48rem;
            left: -0.44rem; }
          .wrap .main .part2 .cleopatra .node a:nth-child(2) {
            top: 2.92rem;
            left: -0.41rem; }
          .wrap .main .part2 .cleopatra .node a:nth-child(3) {
            top: 0.34rem;
            right: -0.43rem; }
          .wrap .main .part2 .cleopatra .node a:nth-child(4) {
            top: 2.2rem;
            right: -0.43rem; }
      .wrap .main .part2 .cleopatra .btns {
        padding-left: 0.14rem;
        top: 5.53rem; }
        .wrap .main .part2 .cleopatra .btns a {
          -webkit-transform: scale(0.855);
                  transform: scale(0.855);
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0;
          margin: 0; }
      .wrap .main .part2 .cleopatra-detail {
        width: 4.36rem;
        height: 3.6rem;
        top: 3.55rem;
        left: 7.78rem;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        padding-top: 1px; }
        .wrap .main .part2 .cleopatra-detail-body {
          width: 1.64rem;
          height: 2.05rem;
          top: 0.77rem;
          left: -1.26rem; }
        .wrap .main .part2 .cleopatra-detail-text {
          width: 3.5rem;
          height: 1.0rem;
          border-top: solid 1px #a37646;
          color: #ffead2;
          font-size: 0.2rem;
          line-height: 0.25rem;
          text-align: center;
          margin: 2.31rem 0.2rem 0 0.51rem;
          padding-top: 0.14rem;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box;
          overflow: hidden;
          overflow-y: auto; }
          .wrap .main .part2 .cleopatra-detail-text::-webkit-scrollbar {
            width: 0.08rem; }
          .wrap .main .part2 .cleopatra-detail-text::-webkit-scrollbar-track {
            background-color: #a37646; }
          .wrap .main .part2 .cleopatra-detail-text::-webkit-scrollbar-thumb {
            background-color: #ffead2; }
          .wrap .main .part2 .cleopatra-detail-text .text {
            display: none; }
      .wrap .main .part2 .cleopatra-vids {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        top: 3.98rem;
        left: 6.98rem; }
        .wrap .main .part2 .cleopatra-vids li {
          background-repeat: no-repeat;
          background-size: 100% 100%;
          width: 0.97rem;
          height: 2.9rem;
          margin-right: 0.1rem;
          position: relative;
          opacity: 0; }
          .wrap .main .part2 .cleopatra-vids li a {
            display: block;
            width: 100%;
            height: 100%; }
          .wrap .main .part2 .cleopatra-vids li .btn-vid {
            background-image: url(../images/btn-vid2.gif);
            -webkit-transform: scale(0.53);
                    transform: scale(0.53); }
          .wrap .main .part2 .cleopatra-vids li .name {
            width: 1.07rem;
            font-size: 0.22rem;
            line-height: 0.24rem;
            text-align: center;
            background: -webkit-linear-gradient(#dac09b, #dac09b);
            -webkit-background-clip: text;
            -webkit-text-fill-color: #301b08;
            -webkit-text-stroke: 1px transparent;
            text-transform: uppercase;
            left: -0.05rem;
            top: 2.97rem;
            word-break: break-all; }
          .wrap .main .part2 .cleopatra-vids li:nth-child(1) {
            background-image: url(../images/p2-vid-fmt1.jpg?11); }
          .wrap .main .part2 .cleopatra-vids li:nth-child(2) {
            background-image: url(../images/p2-vid-fmt2.jpg?11);
            margin-top: 0.5rem; }
          .wrap .main .part2 .cleopatra-vids li:nth-child(3) {
            background-image: url(../images/p2-vid-fmt3.jpg?11); }
          .wrap .main .part2 .cleopatra-vids li:nth-child(4) {
            background-image: url(../images/p2-vid-fmt4.jpg?11);
            margin-top: 0.5rem; }
          .wrap .main .part2 .cleopatra-vids li:nth-child(5) {
            background-image: url(../images/p2-vid-fmt5.jpg?11); }
    .wrap .main .part3 .pharaoh {
      width: 5.24rem;
      height: 5.85rem;
      top: 2.35rem;
      right: 2.72rem; }
      .wrap .main .part3 .pharaoh .star {
        background-image: url(../images/p3-star-pharaoh.png);
        width: 0.36rem;
        height: 1.76rem;
        top: 1.23rem;
        right: 1.06rem;
        pointer-events: none; }
      .wrap .main .part3 .pharaoh .img {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        pointer-events: none; }
      .wrap .main .part3 .pharaoh .jt {
        background-image: url(../images/p3-jt.png);
        width: 3.7rem;
        height: 0.45rem;
        top: 4.89rem;
        left: 0.73rem;
        pointer-events: none; }
      .wrap .main .part3 .pharaoh .btns {
        padding-right: 0.15rem;
        top: 5.56rem; }
        .wrap .main .part3 .pharaoh .btns a {
          -webkit-transform: scale(0.855);
                  transform: scale(0.855);
          -webkit-transform-origin: 50% 0;
                  transform-origin: 50% 0;
          margin: 0; }
    .wrap .main .part3 .pharaoh-video {
      width: 7.88rem;
      height: 4.57rem;
      top: 3.0rem;
      left: 2.06rem;
      overflow: hidden;
      -webkit-transform: scale(0.76);
              transform: scale(0.76); }
      .wrap .main .part3 .pharaoh-video:before {
        content: "";
        background: url(../images/p3-pharaoh-vid.png?11) no-repeat 100%/100%;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        pointer-events: none; }
      .wrap .main .part3 .pharaoh-video .pharaoh-kv {
        width: 7.6rem !important;
        height: 4.3rem !important;
        margin: 0.13rem 0 0 0.14rem; }
    .wrap .main .part4 {
      background: none; }
      .wrap .main .part4 .scene {
        width: 100%;
        height: 100%; }
  .wrap .side-nav {
    width: 0.67rem;
    /*height: 2.98rem;
    margin-top: -1.69rem;*/
    position: fixed;
    top: 50%;
    right: 0.6rem;
    z-index: 9;
    height: 2.2rem;
    margin-top: -1.1rem;
    display: none; }
    .wrap .side-nav .nav {
      width: 100%;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .wrap .side-nav .nav a {
        background: url(../images/nav.png) no-repeat;
        background-size: 2.55rem auto;
        width: 0.67rem;
        height: 0.67rem; }
        .wrap .side-nav .nav a:nth-child(1) {
          background-position: -0.09rem -0.09rem; }
          .wrap .side-nav .nav a:nth-child(1).on {
            background-position: -0.94rem -0.09rem; }
        .wrap .side-nav .nav a:nth-child(2) {
          background-position: -0.09rem -0.94rem; }
          .wrap .side-nav .nav a:nth-child(2).on {
            background-position: -0.94rem -0.94rem; }
        .wrap .side-nav .nav a:nth-child(3) {
          background-position: -1.79rem -0.09rem; }
          .wrap .side-nav .nav a:nth-child(3).on {
            background-position: -1.79rem -0.94rem; }
        .wrap .side-nav .nav a:nth-child(4) {
          background-position: -0.09rem -1.79rem; }
          .wrap .side-nav .nav a:nth-child(4).on {
            background-position: -0.94rem -1.79rem; }

.fb .wrap {
  background-size: 7.5rem auto; }
  .fb .wrap .role {
    display: none; }
  .fb .wrap .main .part1 .btns {
    top: 7.28rem; }
  .fb .wrap .main .part .btns a {
    margin: 0 0.1rem; }

.pop_mask {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 299;
  cursor: pointer; }

.pop {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
  outline: none;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .pop img {
    display: block;
    width: 100%;
    height: auto; }
  .pop .pop-clo {
    background: url(../images/pop-clo.png) no-repeat 100%/100%;
    right: -0.5rem;
    top: 0;
    width: 0.46rem;
    height: 0.45rem; }
  .pop.pop-video {
    width: 100%;
    height: 100%;
    padding: 0; }
    .pop.pop-video .pop-video-box {
      width: 100%;
      height: 100%; }
      .pop.pop-video .pop-video-box .playwrap {
        width: 100%;
        height: 100%; }
        .pop.pop-video .pop-video-box .playwrap .player-container-id-dimensions {
          width: 100% !important;
          height: 100% !important; }
    .pop.pop-video .pop-clo {
      top: 0.4rem;
      right: 0.8rem; }
    .pop.pop-video .version-tip {
      position: absolute;
      bottom: 5%;
      left: 0;
      width: 100%;
      text-align: center;
      color: #fffffe;
      font-size: 0.4rem;
      text-transform: uppercase;
      line-height: 0.5rem;
      display: none; }
  .pop.pop-share {
    background-image: url(../images/pop-bg.png);
    width: 6.4rem;
    height: 3.65rem; }
    .pop.pop-share .pop-share-pt {
      padding-top: 1.02rem; }
      .pop.pop-share .pop-share-pt a {
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 1.47rem;
        height: 1.56rem;
        margin: 0 0.44rem; }
        .pop.pop-share .pop-share-pt a img {
          width: 0.88rem;
          height: 0.88rem; }
        .pop.pop-share .pop-share-pt a:nth-child(1) {
          background-image: url(../images/ico-fb.png); }
          .pop.pop-share .pop-share-pt a:nth-child(1):hover {
            background-image: url(../images/ico-fb-hover.png); }
        .pop.pop-share .pop-share-pt a:nth-child(2) {
          background-image: url(../images/ico-twi.png); }
          .pop.pop-share .pop-share-pt a:nth-child(2):hover {
            background-image: url(../images/ico-twi-hover.png); }

/* 英语 */
@font-face {
  font-family: 'all';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/all.ttf") format("truetype"); }
/* 俄语 */
@font-face {
  font-family: 'ru';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ru.ttf") format("truetype"); }
/* 泰语 */
@font-face {
  font-family: 'th';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/th.ttf") format("truetype"); }
/* 越南语 */
@font-face {
  font-family: 'vi';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/vi.ttf") format("truetype"); }
/* 土耳其语 */
@font-face {
  font-family: 'tr';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/tr.otf") format("truetype"); }
/* 阿拉伯语 */
@font-face {
  font-family: 'ar';
  src: url("https://www.pubgmobile.com/act/resource/long_cache_30d/fonts/ar.ttf") format("truetype"); }
/* lang_zh */
.lang_zh .wrap, .lang_zh .pop {
  font-family: "Noto Sans SC", 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_zh .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-zh.png); }
.lang_zh .wrap .main .part2 .cleopatra-vids li .name {
  width: 1.27rem;
  left: -0.15rem; }
.lang_zh .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_en */
.lang_en .wrap, .lang_en .pop {
  font-family: "all",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

.lang_en .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-en.png); }
.lang_en .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_ru */
.lang_ru .wrap, .lang_ru .pop {
  font-family: "ru",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

.lang_ru .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-ru.png); }
.lang_ru .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_de */
.lang_de .wrap, .lang_de .pop {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_de .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-de.png); }
.lang_de .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_hk */
.lang_hk .wrap, .lang_hk .pop {
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_hk .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-hk.png); }
.lang_hk .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_tw */
.lang_tw .wrap, .lang_tw .pop {
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', 'PingFangTC-Regular', sans-serif;
  letter-spacing: 0; }

.lang_tw .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-tw.png); }
.lang_tw .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_th */
.lang_th .wrap, .lang_th .pop {
  font-family: "th",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

.lang_th .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-th.png); }
.lang_th .wrap .main .part1 .role li .st {
  font-size: 0.36rem; }
.lang_th .wrap .main .part1 .role li .text {
  font-size: 0.24rem; }
.lang_th .wrap .main .part .btns a {
  font-size: 0.4rem; }
.lang_th .wrap .main .part2 .cleopatra-detail-text {
  font-size: 0.24rem; }
.lang_th .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_vi */
.lang_vi .wrap, .lang_vi .pop {
  font-family: "vi",Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

.lang_vi .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-vi.png); }
.lang_vi .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_id */
.lang_id .wrap, .lang_id .pop {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_id .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-id.png); }
.lang_id .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_pt */
.lang_pt .wrap, .lang_pt .pop {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_pt .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-pt.png); }
.lang_pt .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_fr */
.lang_fr .wrap, .lang_fr .pop {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_fr .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-fr.png); }
.lang_fr .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_es */
.lang_es .wrap, .lang_es .pop {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_es .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-es.png); }
.lang_es .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_tr */
.lang_tr .wrap, .lang_tr .pop {
  font-family: 'tr',Arial,Helvetica,sans-serif;
  letter-spacing: 0; }

.lang_tr .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-tr.png); }
.lang_tr .wrap .part1 .role li, .lang_tr .wrap .part .btns a, .lang_tr .wrap .part2 .cleopatra-vids li .name {
  text-transform: none; }
.lang_tr .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_ar */
.lang_ar .wrap, .lang_ar .pop {
  font-family: "ar",Arial,Helvetica,sans-serif;
  unicode-bidi: bidi-override;
  direction: rtl;
  letter-spacing: 0; }

.lang_ar .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-ar.png?111); }
.lang_ar .wrap .main .part2 .cleopatra-detail-text {
  margin: 2.31rem 0.21rem 0 0; }
.lang_ar .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

/* lang_my */
.lang_my .wrap, .lang_my .pop {
  font-family: "all",Arial,Helvetica,sans-serif; }

.lang_my .wrap .main .part1 .slogan {
  background-image: url(../images/slogan-ms.png); }
.lang_my .wrap .main .part1 .role li .btn-more {
  font-family: "all"; }

@media screen and (min-aspect-ratio: 1024 / 480) {
  .wrap {
    background-size: cover; } }