/* Load font */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;700&display=swap");

/* root font size */
html {
  font-family: Roboto, sans-serif;
  font-size: 1.22vw;
  margin: 0;
  padding: 0;
}

strong,
b {
  font-family: Roboto, sans-serif;
  font-weight: bold;
}

body {
  margin: 0;
  background-color: #fff;
  color: #666666;
  max-width: 61.11vw;
  margin-left: auto;
  margin-right: auto;
  /* border: 1px solid red; */
}
.bd-stop-scrolling {
  height: 100%;
  overflow: hidden;
}
table {
  border-collapse: collapse;
}

table td,
table th {
  padding: 0;
}

a,
a:visited,
a:active,
a:link {
  text-decoration: none;
  color: inherit;
  padding: 0;
  margin: 0;
}

/* Some other stuff */

.clear {
  clear: both;
}

.underline {
  text-decoration: underline;
}

/****************** Banners ******************/

.banner {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  position: relative;
  overflow: hidden;
}

.banner img {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
}

/****************** Contents ******************/

.contents {
  position: relative;
}

.contents_inner {
  /*background-color: #c5c8ca; */
  /*background-color: #ffffff;*/
  line-height: 1.43rem;
}

.centered_contents {
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.centered_contents.nbp {
  padding-bottom: 0px;
}

/****************** Product page ******************/

.contents_product {
  display: block;
  width: 95%;
  max-width: 450px;
  margin: 0 auto;
}

.contents_product .poster_wrapper {
  position: relative;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
}

.contents_product .poster {
  display: inline-block;
  width: 100%;
}

.contents_product .product_info {
  width: 90%;
  margin: 0 auto;
}

.contents_product .game_title_buttons {
  display: block;
  padding-top: 16px;
}

/** Product rating **/

.contents_product .product_rating strong {
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.contents_product .game_rating {
  display: inline-block;
  height: 19px;
  vertical-align: middle;
}

/* .contents_product .product_rating {
} */

/** Age rating stuff **/

.contents_product .age_rating {
  font-family: OpenSans, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.contents_product .age_rating .highlight {
  color: #129170;
}

/** Description section **/

.contents_product .game_desc_title {
  font-family: OpenSans, sans-serif;
  font-weight: bold;
  color: #0796f0;
  text-transform: uppercase;
}

/****************** Prebuy page ******************/

.centered_contents.payment {
  background-color: transparent;
}

.payment .payment_method {
  color: #ffffff;
  margin: 0 auto;
  padding: 0 10px;
}

.payment .method_info {
  text-align: center;
}

.payment .method_info .description {
  color: #000000;
  padding-top: 10px;
  font-size: 0.8em;
}

.payment .payment_method .method_image_vertical {
  float: left;
}

.payment .method_info .method_text {
  font-family: OpenSans, sans-serif;
  color: #b2ddf8;
  font-weight: bold;
}

.payment .method_info .method_contents {
  margin-top: 8px;
}

.payment .method_info .inline_image {
  float: left;
}

/*** Common styles with the Gameloft Club login page and the MyDownloads page ***/

.payment .method_info .method_button,
.login .method_button,
.downloads .method_button {
  display: inline-block;
  float: right;
  margin-left: 5px;
}

.payment .outer_input,
.login .outer_input,
.downloads .outer_input {
  width: 60%;
  float: left;
  margin-right: 8px;
}

.payment .outer_input .styled_input,
.login .outer_input .styled_input,
.downloads .outer_input .styled_input {
  width: 100%;
}

.payment .method_button.special,
.login .method_button.special,
.downloads .method_button.special {
  display: inline-block;
  float: left;
  margin-left: 5px;
}

.payment .btn_bblue_bg,
.login .btn_bblue_bg,
.downloads .btn_bblue_bg {
  padding: 8px;
}

/****************** Gameloft Club Login page ******************/

.login {
  color: #ffffff;
}

.login .container_button_bg {
  padding-left: 30px;
  padding-right: 30px;
}

.login .outer_input {
  width: 50%;
}

.login .method_button.special {
  margin-left: 10px;
}

/****************** GA Promote ******************/

.promote_option {
  float: left;
  width: 50%;
}

/****************** Game image, button, title ******************/

.game_image {
  text-align: center;
  min-height: 56px;
  position: relative;
}

.game_image img {
  border: 0px !important;
  width: 79px;
  height: 79px;
  border-radius: 15px;
}

/****************** Game listing *******************/

#game_list {
  width: 101%;
  margin-left: -3px;
  padding: 0;
}

/*** default 2 games per page ***/

#game_list .game_box {
  display: inline-block;
  margin: 0;
  float: left;
  width: 50%;
  color: #312f2f;
}

#game_list .game_contents {
  height: 110px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
  padding-right: 3px;
  /*border-right: 2px solid #e5e5e5;*/
}

#game_list .game_box:nth-child(even) > div {
  border-right: 0px !important;
}

#game_list .game_rating {
  position: relative;
  float: left;
  left: 58px;
  bottom: 7px;
}

#game_list .game_rating img {
  width: 11px;
}

/* common style  */
.common-more-games {
  width: 95.56vw;
  height: 16.11vw;
  box-sizing: border-box;
  margin: 0 2.22vw;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #ffffff;
  border: 1px solid #1890ff;
  border-radius: 1.11vw;

  font-family: Open Sans;
  font-style: normal;
  font-weight: 600;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-align: center;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1890ff;
}
.line-break-32 {
  width: 100%;
  height: 4.44vw;
  margin: 2.22vw 0 2.22vw;

  background-color: #eee;
}
body {
  --zi-side-menu: 1000;
  --zi-overlay-profile-menu: 900;
  --zi-overlay: 900;
  --zi-ath-pop-up: 900;
  --zi-siufpu-pop-up: 22;
  --zi-ghs-pop-up: 21;
  --zi-overlay-pop-up: 20;
  --zi-stack-pop-up: 19;
  --zi-sticky-ads: 11;
  --zi-nx1-content: 10;
  --zi-nx1-extend: 9;
}
svg {
  --primary-color: #000;
  --secondary-color: #2196f3;
}
/* common style  end*/

/* uck add games-grid-nx3 (row * col): ex.: popular games */
.game-grid-nx3 {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.game-grid-nx3 .game-grid-box {
  float: left;
  width: 28.88%;
  height: 40vw;
  margin-left: 2.22%;
  margin-right: 2.22%;
  margin-top: 0px;
  margin-bottom: 16px;
  color: #312f2f;
}
.game-grid-nx3 .game-grid-contents {
  height: auto;
}
.game-grid-nx3 .game-grid-pill {
  height: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.game-grid-nx3 .game-grid-pill-padding {
  padding: 4px;
}
.game-grid-nx3 .game-grid-image {
  position: relative;
  text-align: center;
}
.game-grid-image img {
  width: 100%;
  height: auto;
}
.game-grid-nx3 .game-grid-title {
  margin-top: 2.22vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 0.85rem;
  line-height: 1.14rem;
  text-align: left;
  text-transform: capitalize;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.game-grid-nx3 .game-grid-n-play {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.71rem;
  line-height: 0.85rem;
  text-align: left;
  text-transform: uppercase;
  color: #595959;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* uck end games-grid-nx3*/

/* category-container */
.category-container1 {
  width: 61.11vw;
  margin: 1.39vw 0 0.69vw 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #F5F5F5;
}
.cc1-text {
  margin-left: 1.39vw;
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.86rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.category-container2 {
}
.category-game-item {
  float: left;
  width: 11.28vw;
  height: 15.28vw;
  box-sizing: border-box;
  margin-right: 0.95vw;
  color: #312f2f;
  border: 1px solid #E3E3E3;
  border-radius: 0.69vw;
}
.category-game-item:nth-child(5n) {
  margin-right: 0;
}
.category-game-item:hover {
  border: 0.17vw solid #1890FF;
}
a.cgi-image {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.69vw;
}
.cgi-image img {
  border-radius: 0.35vw;
  width: 100%;
  height: auto;
}
.cgi-title {
  margin: 0.87vw 0.69vw 0.35vw 0.87vw;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);
}
.cgi-n-play {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.71rem;
  line-height: 0.86rem;
  text-transform: uppercase;
  color: rgba(38, 38, 38, 0.75);
  margin: 0 0 0.87vw 0.87vw;
}
a.cc2-view-all-container {
  float: left;
  width: 11.28vw;
  height: 15.28vw;
  background: #FFFFFF;
  border: 0.17vw solid #1890FF;
  box-sizing: border-box;
  border-radius: 0.69vw;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
a.cc2-view-all-container:hover {
  background: #1890FF;
}
.cc2-vac-on-hover {
  display: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
a.cc2-view-all-container:hover .cc2-vac-on-hover{
  display: flex;
}
.cc2-vacoh-text {
  margin: 0.87vw 0 2.78vw 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.14rem;
  text-align: center;
  color: #FFFFFF;
}
.cc2-vac-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cc2-vacf-text {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  color: #1890FF;
}
a.cc2-view-all-container:hover .cc2-vacf-text{
  color: #fff;
  text-decoration-line: underline;
}
a.cc2-view-all-container:hover svg path{
  fill: white;
}
/* category-container end*/

/* featured games */
.feature-games-heading {
  position: relative;
  height: 4.17vw;
  margin: 2.08vw 0 2.78vw 0;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 0.69vw;
  background: linear-gradient(180deg, #FFD159 0%, #FFAD33 100%);
}
.fgh-text {
  margin-left: 2.08vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #553E04;
}
.fgh-arrow {
  position: absolute;
  width: 1.04vw;
  height: 1.04vw;
  left: 1.39vw;
  top: 3.65vw;

  background: linear-gradient(225deg, #FFB137 31.63%, #EB981C 100.47%);
  transform: rotate(-45deg);
}
.feature-game-item {
  float: left;
  width: 19.53vw;
  height: 13.02vw;
  margin: 0 1.22vw 1.39vw 0;
  padding: 0.69vw;

  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 0.69vw;
}
.feature-game-item:hover {
  border: 0.17vw solid #1890FF;
}
.feature-game-item:nth-child(3n) {
  margin-right: 0;
}
.fgi-flex1 {
  position: relative;
  margin-bottom: 0.69vw;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.fgi-f1-icon {
  width: 2.78vw;
  height: 2.78vw;
  margin-right: 0.69vw;
}
.fgi-f1-icon img {
  width: 100%;
  height: auto;
  border-radius: 0.35vw;
}
.fgi-f1c-title {
  width: 11.28vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fgi-f1c-n-play {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.71rem;
  line-height: 0.86rem;
  text-transform: uppercase;
  color: rgba(38, 38, 38, 0.75);
}
.feature-game-item .like-game-template {
  width: 2.08vw;
  height: 2.08vw;
  right: 0;
}
.feature-game-item .lgt-svg {
  width: 2.08vw;
  height: 2.08vw;
}
.fgi-f2-img {
  width: 18.06vw;
  height: 8.33vw;
}
.fgi-f2-img img {
  width: 100%;
  height: 100%;
  border-radius: 0.35vw;
}
/* featured games end*/

/* more-recommended */
.more-recommended-layout {
  display: flex;
}
.mrl-left {
  width: 34.03vw;
}
.mrl-l-heading {
  margin: 1.74vw 0 0.69vw 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mrl-lh-text-0 {
  width: 25.69vw;
  margin-left: 1.39vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.86rem;
  color: rgba(0, 0, 0, 0.87);
}
.mrl-lh-text-1 {
  margin-right: 0.69vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  text-align: right;
  color: #1890FF;
}
.mrl-right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.more-recommended-game-item {
  margin-bottom: 1.39vw;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #E3E3E3;
  box-sizing: border-box;
  border-radius: 0.35vw;
}
.more-recommended-game-item:hover {
  border: 0.17vw solid #1890FF;
}
.mrgi-flex-1 {
  width: 4.86vw;
  height: 4.86vw;
  margin: 0.69vw;
}
.more-recommended-game-item img {
  width: 100%;
  height: auto;

  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 0.35vw;
}
.mrgi-flex-2 {
  width: 18.58vw;
}
.mrgi-f2-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);
}
.mrgi-f2-n-play {
  margin-top: 0.35vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.14rem;
  text-transform: uppercase;
  color: rgba(38, 38, 38, 0.75);
}
a.mrgi-flex-3 {
  margin-right: 1.04vw;
  padding: 0.17vw 0.69vw;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #1890FF;
  border: 0.17vw solid #1890FF;
  border-radius: 0.69vw;  
}
.mrgi-f3-svg svg {
  width: 2.08vw;
  height: 2.08vw;
}
.mrgi-f3-text {
  margin-left: 0.52vw;
  display: flex;
  align-items: center;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.71rem;  
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #FFFFFF;
}
/* more-recommended end*/

/* all-categories */
.all-categories {
  padding: 2.08vw 0 0.69vw;

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: #F5F5F5;
}
.ac-item {
  margin: 0px 0.87vw 1.39vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.14rem;
  letter-spacing: 0.05em;
  color: #000000;
}
/* all-categories end */

/* footer */
.footer-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #1890FF;
}
.ft-text0 {
  margin: 1.04vw 0.35vw 1.04vw 2.78vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
.ft-text1 {
  margin-right: 28.30vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-transform: capitalize;
  color: #FFFFFF;
}
.ft-svg svg {
  width: 4.17vw;
  height: auto;
}
.footer-box {
  padding-bottom: 2.08vw;
  background: #F5F5F5;
}
.fb-flex1 {
  padding-top: 1.39vw;

  display: flex;
  justify-content: flex-start;
}
.fb-f1-stay-connneted {
  width: 16.32vw;
  margin: 0 4.17vw 0 2.78vw;
}
.fb-f1sc-text0 {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
.fb-f1sc-text1 {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.71rem;
  color: rgba(0, 0, 0, 0.87);
}
.fb-f1sc-svgs {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
a.fb-f1scs-svg1 {
  margin-left: 0.69vw;
}
.fb-f1-popular-games {
  width: 35.24vw;
}
.fb-f1pg-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
.fb-f1pg-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.footer-game-item {
  width: 16.32vw;
  margin-bottom: 0.35vw;

  display: flex;
  justify-content: flex-start;
  align-items: center;  
}
.footer-game-item:hover {
  text-decoration: underline;
}
.fgi-icon {
  width: 2.78vw;
  height: 2.78vw;
  margin-right: 0.69vw;
}
.fgi-icon img {
  width: 100%;
  height: auto;
}
.fgi-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.14rem;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);
}
.fb-f2-browse {
  width: 55.56vw;
  padding: 1.04vw 0;
  margin: 1.39vw auto;

  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
}
.fb-f2b-name {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
a.fb-f2b-value {
  margin-left: 1.04vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.14rem;
  color: rgba(38, 38, 38, 0.75);
}
a.fb-f2b-value:hover {
  text-decoration: underline;
}
.fb-f3-container1 {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.fb-f3c1-text {
  padding: 0 1.22vw;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.04rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.fb-f3c1-text:nth-child(n+2) {
  border-left: 1px solid rgba(0, 0, 0, 0.87);
}
.fb-f3-container2 {
  margin: 0.69vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.04rem;
  text-align: center;
  color: rgba(38, 38, 38, 0.75);
}
/* footer end */

/* uck add games-list-nx1 (row * col). ex.: our choices */
.game-list-nx1 {
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.game-list-nx1 .game-list-box {
  z-index: var(--zi-nx1-content);
  position: relative;
  display: flex;
  margin: 0 2.22vw 2.22vw;
  width: 95.55vw;
  height: 20vw;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
.game-list-nx1 .game-list-flex1 {
  flex: 74;
  padding: 0;
}
.game-list-flex1 .flex1-padding-rect {
  padding: 2.22vw;
}
.flex1-padding-rect img {
  width: 100%;
  height: auto;
}
.game-list-nx1 .game-list-flex2 {
  flex: 152;
  padding: 0;
  font-family: Roboto;
  font-style: normal;
}
.game-list-flex2 .flex2-padding-rect {
  height: 100%;
  box-sizing: border-box;
  padding-left: 2.22vw;
}
.flex2-padding-rect .flex2-container {
  height: 100%;
  width: 42.22vw;
  display: flex;
  flex-direction: column;
}
.flex2-padding-rect .flex2-title {
  flex: 1;
  min-width: 0;
  display: flex;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.14rem;
  text-transform: capitalize;
  color: #000000;
}
.flex2-title .tilte-text {
  margin-top: 2.27vw;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flex2-padding-rect .flex2-category {
  flex: 1;
  font-weight: 500;
  font-size: 0.71rem;
  line-height: 0.85rem;
  text-transform: uppercase;
  color: #595959;
}
.flex2-category .category-text {
  margin-top: 1.9vw;
}
.flex2-padding-rect .flex2-n-play {
  flex: 1;
  font-weight: 500;
  font-size: 0.85rem;
  line-height: 0.85rem;
  text-transform: uppercase;
  color: #262626;
}
.flex2-n-play .n-play-text {
  margin-top: 0;
}
.game-list-nx1 .game-list-flex3 {
  flex: 120;
  display: flex;
  justify-content: center;
  align-items: center;
}
.glnx1-f3-gi-button {
  width: 30.00vw;
  height: 8.89vw;
  right: 2.22vw;
  top: 5.56vw;
  background: #1890FF;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 2.22vw;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.glnx1-f3-gib-svg {
  width: 6.66vw;
  height: 6.66vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/icon/game-white.svg)
}
.glnx1-f3-gib-text {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 2.29rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
.absolute-right {
  position: absolute;
  right: 0;
}
.game-extend {
  z-index: var(--zi-nx1-extend);
  width: 100%;
  display: none;
}
.absolute-top {
  position: absolute;
  top: 0;
}
.extend-padding-box {
  width: 95.55vw;
  box-sizing: border-box;
  margin: 0 2.22vw 2.22vw;
  padding-bottom: 4.44vw;

  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px rgba(0, 0, 0, 0.12);
}
.extend-padding-box .about-title-text {
  padding-top: 24.44vw;
  margin-left: 4.44vw;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  color: #000000;
  text-transform: uppercase;
}
.extend-padding-box .about-content-box {
  width: 86.66vw;
  max-height: 88vw;
  margin: 0.29rem auto 0.43rem;
  box-sizing: border-box;
  overflow-y: auto;
}
.about-content-box .about-content-text {
  overflow: hidden;
  position: relative;
  line-height: 1.71rem;
  text-align: left;
  margin-right: -1em;
  padding-right: 1em;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.02em;
  color: #000000;
}
.about-content-text:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
.about-content-text:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #ffffff;
}
.extend-padding-box .about-categories {
  padding-left: 4.44vw;
}
.about-categories .cat-box {
  display: inline-block;
}
.cat-box .cat-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.11vw;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-transform: lowercase;
  color: #ffffff;
  background: #000000;
  border-radius: 1px;
}
.extend-padding-box .about-buttons-box {
  margin-top: 3.89vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.about-buttons-box .about-btn-share {
  margin-left: 4.44vw;
}
.about-buttons-box .about-share {
  margin-left: 2.22vw;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
}
.about-buttons-box .about-play-now-box {
  width: 63.61vw;
  height: 11.11vw;
  margin-left: 4.44vw;
  margin-right: 2.22vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1890ff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.about-play-now-box .about-btn-play {
  margin-right: 1.11vw;
}
.about-play-now-box .about-play-now-text {
  margin-left: 1.11vw;
  display: flex;
  align-items: center;
  text-align: center;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e6f7ff;
}

/* .oc-more-games inherit from .common-more-games */
/* uck end games-list-nx1 */

/* game-h-scroll */
.game-h-scroll {
  width: 100%;
}
.game-h-scroll .h-scroll-padding-box {
  margin-left: 2.44vw;
  box-sizing: border-box;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.h-scroll-padding-box::-webkit-scrollbar {
  display: none;
}
.ghs-item-padding {
  margin-right: 2.22vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}
.ghs-item-padding .item-rect {
  width: 62.22vw;
  background: #ffffff;
  border-radius: 8px;
  border: 2px solid #bfe0ff;
}
.item-rect .game-preview-rect {
  width: 100%;
  position: relative;
  border-radius: 8px;
}
.game-preview-rect img {
  width: 100%;
  height: auto;
}
.like-game-template {
  display: none;
  width: 6.67vw;
  height: 6.67vw;
  position: absolute;
  
  display: flex;
  justify-content: center;
  align-items: center;

  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
.like-game-template.enabled {
  display: flex;
}
.game-h-scroll .like-game-template {
  top: 2.22vw;
  right: 2.22vw;
}
.game-grid-nx3 .like-game-template {
  top: 0;
  right: 0;
}
.lgt-svg {
  width: 4.44vw;
  height: 4.44vw;

  background-image: url("../images/icon/heart-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.like-game-template.enabled .lgt-svg {
  background-image: url("../images/icon/heart-red-fill.svg");
}

.item-rect .icon-name-plus {
  display: flex;
  width: 62.22vw;
  height: 13.33vw;
}
.icon-name-plus .inp-flex1 {
  flex: 48;
  padding: 0;
}
.inp-flex1 .flex1-padding-rect {
  padding: 2.22vw;
}

.icon-name-plus .inp-flex2 {
  flex: 136;
  padding: 0;
}
.inp-flex2 .inp-flex2-padding-rect {
  height: 100%;
  box-sizing: border-box;
  padding-left: 0vw;
}
.inp-flex2 .inp-flex2-container {
  width: 37.78vw;
  padding-top: 2vw;
  display: flex;
  flex-direction: column;
}
.inp-flex2-container .inp-flex2-title {
  min-width: 0;
  display: flex;
}
.inp-flex2-title .inp-tilte-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inp-flex2-n-play .inp-n-play-text {
  margin-top: 0;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.71rem;
  line-height: 0.86rem;
  text-transform: uppercase;
  color: #000000;
}
.icon-name-plus .inp-flex3 {
  flex: 40;
}
.inp-flex3 .ghs-inp-flex3-padding-rect {
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* game-h-scroll end */

/* game-h-scroll pop up */
.game-h-scroll-popup {
  position: fixed;
  width: 100%;
  padding: 0px;
  margin: 0px;
  top: auto;
  left: 0;
  z-index: var(--zi-ghs-pop-up);

  display: none;
}
.ghspu-extend-padding-box {
  width: 95.55vw;
  box-sizing: border-box;
  margin: 0 2.22vw 2.22vw;
  padding-bottom: 4.44vw;

  background: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
.ghspu-top-rect {
  position: relative;
  width: 100%;
}
.ghspu-top-rect img {
  width: 100%;
  height: auto;

  border-radius: 4px;
}
.ghspu-top-rect-plus {
  position: absolute;
  top: 1vw;
  right: 1vw;
}
.ghspu-about-title-text {
  padding-top: 5.55vw;
  margin-left: 4.44vw;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  color: #000000;
  text-transform: uppercase;
}
.ghspu-about-content-box {
  width: 86.66vw;
  overflow-y: auto;
  max-height: 46vw;
  margin: 0.29rem auto 0.43rem;
  box-sizing: border-box;
}
.ghspu-about-content-text {
  overflow: hidden;
  position: relative;
  line-height: 1.71rem;
  text-align: left;
  /* margin-right: -1em;
  padding-right: 1em; */
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  letter-spacing: 0.02em;
  color: #3a3b3c;
}
.ghspu-about-content-text:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ghspu-about-content-text:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: #ffffff;
}
.ghspu-about-categories {
  padding-left: 4.44vw;
}
.ghspu-cat-box {
  display: inline-block;
}
.ghspu-cat-text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.11vw;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-transform: lowercase;
  color: #ffffff;
  background: #000000;
  border-radius: 1px;
}
.ghspu-about-buttons-box {
  margin-top: 3.89vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ghspu-about-btn-share {
  margin-left: 4.44vw;
}
.ghspu-about-share {
  margin-left: 2.22vw;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #000000;
}
.game-h-scroll-popup .ghspu-about-play-now-box {
  width: 63.61vw;
  height: 11.11vw;
  margin-left: 4.44vw;
  margin-right: 2.22vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #1890ff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
}
.ghspu-about-btn-play {
  margin-right: 1.11vw;
}
.ghspu-about-play-now-text {
  margin-left: 1.11vw;
  display: flex;
  align-items: center;
  text-align: center;
  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #e6f7ff;
}

/* game-h-scroll pop up end*/

/* new hot games */
.anchor-bookmark {
  display: block;
  height: 56;
  margin-top: -56;
  visibility: hidden;
}
.nhg-heading {
  width: 61.11vw;
  margin: 1.39vw 0 0.69vw 0;

  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #F5F5F5;
}
.nhg-h-flex1 {
  display: flex;
  align-items: center;
}
.nhg-hf1-label {
  margin-left: 1.39vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.86rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.nhg-c-item:hover {
  border: 0.17vw solid #1890FF;
}
.nhg-c-item {
  float: left;
  width: 19.44vw;
  height: 16.84vw;
  margin: 0 1.38vw 1.39vw 0;
  box-sizing: border-box;

  background: #FFFFFF;
  border: 0.17vw solid #E3E3E3;
  border-radius: 0.69vw;
}
.nhg-c-item:nth-child(3n) {
  margin-right: 0;
}
.nhg-ci-preview {
  width: 18.06vw;
  height: 11.46vw;
  margin: 0.69vw 0.69vw 1.04vw 0.69vw;
}
.nhg-ci-preview img{
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.nhg-ci-brief {
  margin-left: 1.39vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.87);
}

.nhg-cib-tilte {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nhg-cib-n-play {
  margin: 0.35vw 0 1.04vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.71rem;
  line-height: 0.86rem;
  text-transform: uppercase;
  color: rgba(38, 38, 38, 0.75);
}
/* new hot games end */

/* test */

/* .game-h-scroll div {
  border: 1px solid #f00;
} */

/* test end */

/** For download page, for example **/

.container_button_bg {
  border-radius: 6px;
  padding: 10px 15px 10px 15px;
  background: #ffffff;
  /* Old browsers */
  background: white;
  border: 1px solid #eee;
}

.game_title {
  height: 25px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/****************** Delimiters ******************/

.delimiter {
  height: 3px;
}

.delimiter_6 {
  height: 6px;
}

.delimiter_12 {
  height: 12px;
}

.delimiter_border_1 {
  height: 1px;
  width: 100%;
  background-color: #d4d4d4;
}

.delimiter_border_2 {
  height: 2px;
  width: 100%;
  background-color: #c2c2c2;
}

/**************** FROM V2.5 ****************/

/* Gameloft Account Button CSS */

.ga_button {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Buttons */

.center {
  margin-right: auto !important;
  margin-left: auto !important;
}

.green_button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  font: 18px/100% OpenSans, sans-serif;
  padding: 0.5em 0em !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  position: relative;
  width: 100%;
  color: #ffffff !important;
  border: solid 0px #33cc33;
  background: #33cc33;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#2eb82e),
    to(#47d147)
  );
  background: -moz-linear-gradient(top, #2eb82e, #47d147);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2EB82E', endColorstr='#47D147');
}

.red_button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none !important;
  font: 18px/100% OpenSans, sans-serif;
  padding: 0.5em 0em !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  position: relative;
  width: 100%;
  color: #ffffff !important;
  border: solid 0px #eb474b;
  background: #db1d1d;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#b82e2e),
    to(#d14747)
  );
  background: -moz-linear-gradient(top, #b82e2e, #d14747);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#B82E2E', endColorstr='#D14747');
}

.button_80 {
  width: 80px !important;
  padding: 9px !important;
}

.button {
  width: auto !important;
  padding: 9px !important;
}

.btext {
  position: relative;
  z-index: 100;
}

/*****************************************************************************************************/

/*                                          MENU STYLES                                              */

/*****************************************************************************************************/

/* General styles for all menus */

.cbp-spmenu {
  background: #ffffff;
  position: fixed;
}

.cbp-spmenu-3d {
  box-shadow: 0.5em 0 0.7em 0 rgba(2, 3, 3, 0.2);
}

.cbp-spmenu h3 {
  color: #e8e8e8;
  font-size: 1.9em;
  padding: 15px;
  margin: 0;
  font-weight: 300;
  background: #0d77b6;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
  width: 66.67vw;
  height: calc(100% - 11.11vw);
  top: 11.11vw;
  z-index: var(--zi-side-menu);
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.sm-menu-item-box {
  height: 15.56vw;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.sm-item-icon {
  width: 6.67vw;
  margin-left: 5.56vw;
  margin-right: 4.44vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sm-item-icon svg {
  width: 100%;
  height: auto;
}
.sm-item-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  /* identical to box height, or 150% */

  letter-spacing: 0.02em;
  text-transform: capitalize;

  color: #000000;
}
.sm-mli-box {
  width: 100%;
  height: 33.33vw;
  box-sizing: border-box;
  padding-top: 10vw;
  padding-bottom: 5.56vw;
}
.sm-mli-1st-line {
  width: 27.78vw;
  height: 0;

  margin-left: 19.44vw;
  border: 2px solid #d9d9d9;
}
.sm-mli-2nd-line {
  margin-top: 2.22vw;

  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-align: center;
  color: #262626;
}
.sm-mli-3rd-line {
  margin-top: 2.22vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-align: center;
  color: #8c8c8c;
}
/* Vertical menu that slides from the left */
.cbp-spmenu-left {
  left: -66.67vw;
}
.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right {
  right: -66.67vw;
}
.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
  overflow-x: hidden;
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  right: -240px;
}

.cbp-spmenu-push-toleft {
  left: -240px;
}

/* header */
.header {
  width: 100%;
  padding: 0px;
  position: fixed;
  z-index: var(--zi-side-menu);
  top: 0px;
  left: 0px;
  right: 0px;

  overflow: hidden;
  background-color: #000;
  color: #ffffff;
}
.header-adapter {
  height: 4.86vw;
  display: flex;
  background: #067BE7;
  box-shadow: 0px 22px 106px rgba(0, 0, 0, 0.07), 0px 9.19px 44.28px rgba(0, 0, 0, 0.0503), 0px 4.91px 23.68px rgba(0, 0, 0, 0.0417), 0px 2.75px 13.27px rgba(0, 0, 0, 0.035), 0px 1.46px 7.05px rgba(0, 0, 0, 0.0283), 0px 0.61px 2.93px rgba(0, 0, 0, 0.0197);
}
.ha-flex0 {
  padding: 0 2.78vw;
  display: flex;
  justify-content: center;
  align-items: center;
  
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.haf0-svg {
  width: 2.08vw;
  height: 1.39vw;
  margin: 0 0.69vw;

  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/icon/console-white.svg);
}
a.haf0-text {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.43rem;
  line-height: 2.29rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
.ha-flex1 {
  padding: 0 1.39vw;
  display: flex;
  justify-content: center;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  color: #FFFFFF;  
}
a.haf1-text-template {
  margin-right: 2.78vw;
}
a.haf1-text-template:hover {
  text-decoration: underline;
}
.haf1-svg {
  margin: 0 2.78vw 0 -2.08vw;
}
.haf1-svg svg:nth-child(1) {
  display: none;
}
.haf1-search-flex {
  width: 18.75vw;
  height: 2.78vw;
  margin-left: 4.34vw;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #FFFFFF;
  border-radius: 8.68vw;
}
input.haf1-sf-input {
  margin-left: 1.39vw;
  width: 14.58vw;
  outline: none;
  border-style: hidden;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.14rem;
  display: flex;
  align-items: center;
  color: #A3A3A3;
}
.haf1-sf-svg {
  width: 2.78vw;
  height: 2.78vw;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../images/icon/search-blue.svg);
}
/* header end*/

/* side left right */
.side-left {
  position: fixed;
  width: 13.54vw;
  height: calc(100% - 4.86vw);
  top: 4.86vw;
  left: 0;
}
.side-left img {
  width: auto;
  height: 100%;
}
.side-right {
  position: fixed;
  width: 19.53vw;
  height: calc(100% - 4.86vw);
  top: 4.86vw;
  right: 0;
  text-align: right;
}
.side-right img {
  width: auto;
  height: 100%;
}
/* side left right end */

/* header browse */
.header-browse-overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 4.86vw;
  left: 0;
  background: rgba(0, 0, 0, 0.52);
  z-index: var(--zi-side-menu);
}
.header-browse {
  display: none;
  width: 17.36vw;
  position: fixed;
  top: 4.86vw;
  left: 18.75vw;
  bottom: 0;
  overflow-y: scroll;

  box-sizing: border-box;
  z-index: var(--zi-side-menu);
  background-color: #fff;
  border-radius: 0.69vw;
  border: 1px solid #DADADA;
}
.hb-container-1 {
  height: 9.03vw;
}
.hb-c-title-template {
  padding: 0.35vw 0 0.35vw 1.39vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.71rem;
  line-height: 1.14rem;
  display: flex;
  align-items: center;
  
  color: #6E6E6E;
  background: #F5F5F5;
}
a.hb-c1-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.52vw  1.39vw 0.52vw 1.39vw;
}
a.hb-c1-item:hover {
  background: #E6F7FF;
}
.hb-c1i-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.87);
}
a.hb-c2-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.69vw 1.39vw;
}
a.hb-c2-item:hover {
  background: #E6F7FF;
}
.hb-c2i-svg svg {
  width: 1.04vw;
  height: 1.04vw;
}
.hb-c2i-text {
  width: 11.63vw;
  margin-left: 1.04vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.87);
}
.hb-container-2 {
  height: 32.64vw;
  margin-top: 0.52vw;
}
.hb-container-3 {
  height: 3.82vw;
}
a.hb-c3-all {
  width: 14.58vw;
  height: 2.78vw;

  background: #1890FF;
  border-radius: 0.69vw;
  margin: auto;
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.71rem;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.03em;
  color: #FFFFFF;  
}
.header-browse-detail {
  display: none;
  width: 35.76vw;
  height: 46.18vw;
  position: fixed;
  z-index: var(--zi-side-menu);
  top: 4.86vw;
  left: 36.11vw;

  border-bottom-right-radius: 0.69vw;
  border-top-right-radius: 0.69vw;  
  box-sizing: border-box;
  border-bottom: 1px solid #dadada;
  border-right: 1px solid;
  background-color: #fff;
}
.hbd-c1-category {
  display: none;
}
.hbd-c1-heading {
  height: 2.78vw;
  background: #1890FF;
  display: flex;
  align-items: baseline;
  border-top-right-radius: 0.69vw;
}
.hbd-c1h-svg svg {
  margin-left: 1.39vw;
  width: 1.39vw;
  height: 1.39vw;
}
.hbd-c1h-svg path {
  fill: #fff;
}
.hbd-c1h-text {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.43rem;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  margin: 0 0.87vw;
}
.hbd-c1h-game-count {
  margin-top: 1.04vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 0.93rem;
  color: #FFFFFF;
}
a.hbd-c1-game-item {
  display: flex;
  align-items: center;
  margin: 1.39vw 0 1.39vw 1.74vw;
}
.hbd-c1gi-icon {
  width: 2.78vw;
  height: 2.78vw;
}
.hbd-c1gi-icon img {
  width: 100%;
  height: auto;
}
.hbd-c1gi-title {
  width: 23.09vw;
  margin-left: 0.69vw;
  
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  color: #000000;
  }
.hbd-c1gi-playCount {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-align: right;
  color: rgba(38, 38, 38, 0.75);
}
a.hbd-c2-all {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  text-align: right;
  color: #1890FF;
  margin-right: 1.39vw;
}
a.hbd-c2-all:hover {
  text-decoration: underline;
}
/* header browse end */

/* ath-sticky-bar */
.ath-sticky-bar {
  display: none;
  justify-content: space-between;
  align-items: center;
  background: #FFFFFF;
}
.athsb-img {
  width: 7.66vw;
  height: 7.66vw;
  background-image: url("../images/icon/game1-blue.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 4.44vw;
}
.athsb-text {
  font-family: Roboto;
  font-style: normal;
  font-weight: 600;
  font-size: 1REM;
  line-height: 3.5REM;
  color: #1890FF;
  margin-left: -2.5vw;
  LETTER-SPACING: 0.02rem;
}
.athsb-btn {
  width: 27.78vw;
  height: 7.78vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2.22vw;
  background: #1890FF;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 1.11vw;
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 2.29rem;
  color: #FFFFFF;
}
/* ath-sticky-bar end */

.menu-right {
  width: 5vw;
  height: 3.33vw;
  margin-right: 3.33vw;
}

.menu-right svg {
  width: 100%;
  height: auto;
}

/* profile-menu */
.overlay-profile-menu{
  position: fixed;
  z-index: var(--zi-overlay-profile-menu);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  display: none;
  opacity: 0.5;  
}
.profile-menu {
  width: 66.67vw;
  position: fixed;
  top: 11.11vw;
  z-index: var(--zi-side-menu);;
  
  transition: right 0.3s ease;
  right: -66.67vw;

  background: #ffffff;
  border-radius: 2.22vw;
}
.pml-title-sign-button {
  height: 24.44vw;
  display: flex;

  flex-flow: column;
  justify-content: space-evenly;
  align-items: center;
}
.pmltsb-title {
  font-family: Quicksand;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-align: center;
  color: #000000;
}
.pmltsb-sign-button {
  width: 63.89vw;
  height: 8.89vw;
  display: flex;

  justify-content: center;
  align-items: center;

  background: #1890ff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 2.22vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 2.29rem;
  text-transform: uppercase;
  color: #ffffff;
}
.pmet-entry-flex {
  height: 15.56vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.pmet-ef-svg {
  width: 5.55vw;
  height: 5.55vw;

  margin-left: 6.11vw;

  background-repeat: no-repeat;
  background-size: contain;
}
.profile-menu-login .pmet-ef-profile-svg {
  background-image: url("../images/icon/user-grey.svg");  
}
.profile-menu-login .pmet-ef-setting-svg {
  background-image: url("../images/icon/cog-grey.svg");  
}
.profile-menu-login .pmet-ef-log-out-svg {
  background-image: url("../images/icon/sign-out-grey.svg");  
}
.profile-menu-user .pmet-ef-profile-svg {
  background-image: url("../images/icon/user-blue.svg");  
}
.profile-menu-user .pmet-ef-setting-svg {
  background-image: url("../images/icon/cog-blue.svg");  
}
.profile-menu-user .pmet-ef-log-out-svg {
  background-image: url("../images/icon/sign-out-blue.svg");  
}
.pmet-ef-text {
  margin-left: 5vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}
.profile-menu-login .pmet-ef-text {  
  color: #dadada;
}
.profile-menu-user .pmet-ef-text {  
  color: #000000;
}
.pmet-ath-flex {
  height: 15.56vw;

  display: none;
  justify-content: center;
  align-items: center;

  background: #1D88E9;
  border-radius: 0 0 2.22vw 2.22vw;
}
.pmet-athf-text {
  width: 25.56vw;

  display: flex;
  align-items: center;
  text-transform: uppercase;

  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;

  color: #FFFFFF;
}
.pmet-athf-ath-button {
  width: 27.78vw;
  margin-left: 1.11vw;
  
  display: flex;
  justify-content: center;
  align-items: center;

  background: #FFFFFF;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 2.22vw;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 2.29rem;
  text-align: center;
  text-transform: uppercase;

  color: #1890FF;
}
.pmu-title {
  width: 100%;
  height: 8.89vw;
  padding: 0 0 0 4.44vw;
  box-sizing: border-box;

  display: flex;
  justify-content: flex-start;
  align-items: center;

  border-radius: 2.22vw 2.22vw 0 0;
  background: #EBEBEB;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-transform: uppercase;
  color: #6E6E6E;
}
/* profile-menu end*/

/* CSS3 Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
  -webkit-transition: left 0.3s ease;
  -moz-transition: left 0.3s ease;
  transition: left 0.3s ease;
}

.overlay {
  position: fixed;
  z-index: var(--zi-overlay);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  display: none;
  opacity: 0.5;
}
.overlay-pop-up {
  position: fixed;
  z-index: var(--zi-overlay-pop-up);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  display: none;
  opacity: 0.5;
}
.add-to-home-pop-up {
  position: fixed;
  bottom: 22.22vw;
  z-index: var(--zi-ath-pop-up);
  left: 2.22vw;

  display: none;

  background: #fafafa;
  box-shadow: 0px 22px 106px rgba(0, 0, 0, 0.07),
    0px 9.19px 44.28px rgba(0, 0, 0, 0.0503),
    0px 4.91px 23.68px rgba(0, 0, 0, 0.0417),
    0px 2.75px 13.27px rgba(0, 0, 0, 0.035),
    0px 1.46px 7.05px rgba(0, 0, 0, 0.0283),
    0px 0.61px 2.93px rgba(0, 0, 0, 0.0197);
  border-radius: 4px;
}
.ath-container {
  width: 95.56vw;
  height: 20vw;

  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.athc-lines {
  margin-right: 3.33vw;

  display: flex;
  flex-flow: column;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
}
.athcl-title {
  font-weight: normal;
  color: #595959;
}
.athcl-description {
  font-weight: bold;
  color: #262626;
}
.athc-add-button {
  width: 27.78vw;
  height: 8.89vw;
  margin-right: 3.33vw;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #1890ff;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 8px;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 2.29rem;
  color: #ffffff;

  text-transform: uppercase;
}
.ath-close-button {
  box-sizing: border-box;
  height: 6.66vw;
  width: 6.66vw;
  position: absolute;
  top: 0vw;
  padding: 1.67vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ath-close-button svg {
  width: 100%;
  height: auto;
}

/* sign in up forget pop up */
.sign-in-up-forget-pop-up {
  display: none;
  position: fixed;
  top: 11.11vw;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  
  z-index: var(--zi-siufpu-pop-up);
  width: 100%;
  box-sizing: border-box;
  background: #FFFFFF;
}
.siufpu-danger-description-template {
  width: 100%;
  margin: 4.44vw 0 4.44vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.71rem;
  text-align: center;
  letter-spacing: 0.01em;

  color: #FF1818;
}
.siufpu-title {
  width: 100%;
  margin: 4.44vw 0 4.44vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.71rem;
  text-align: center;
  letter-spacing: 0.01em;
  text-transform: capitalize;

  color: #424242;
}
.siufpu-input-template {
  position: relative;
  width: 91.11vw;
  height: 15.56vw;

  margin: 4.44vw 4.44vw 0;

  display: flex;
  justify-content: left;
  align-items: center;

  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 2.22vw;
}
.siufpu-create-account.user-exits .siufpu-input-template.email {
  border: 1px solid #FF1818;
}
.siufpu-create-account.pass-if .siufpu-input-template.password {
  border: 1px solid #FF1818;
}
.siufpu-create-account.pass-if .siufpu-input-template.confirm-password {
  border: 1px solid #FF1818;
}
.siufpu-it-input {
  width: 72.22vw;
  margin: 0 1.11vw 0 6.66vw;

  outline: none;
  border-style: hidden;
}
.siufpu-it-email-svg{
  width: 5.55vw;
  height: 3.89vw;

  background-image: url("../images/icon/email-black.svg"); 
  background-repeat: no-repeat;
  background-size: contain;
}
.siufpu-it-label {
  position: absolute;
  height: 4.44vw;
  top: -2.22vw;
  left: 4.44vw;

  display: flex;
  justify-content: center;
  align-items: center;
  
  background: #FFFFFF;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-transform: uppercase;
  color: #A3A3A3;
}
.siufpu-it-label.email {
  width: 14.44vw;
}
.siufpu-it-label.password {
  width: 22.22vw;
}
.siufpu-create-account.user-exits .siufpu-it-label.email {
  color: #FF1818;
}
.siufpu-create-account.pass-if .siufpu-it-label.password {
  color: #FF1818;
}
.siufpu-it-label.confirm-password {
  width: 37.78vw;
}
.siufpu-create-account.pass-if .siufpu-it-label.confirm-password {
  color: #FF1818;
}
.siufpu-it-label.yob {
  width: 27.78vw;
}
.siufpu-email-exits {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  color: #FF1818;
  width: 82.22vw;
  height: 8.88vw;
  margin-left: 8.88vw;
  display: none;
}
.siufpu-create-account.user-exits .siufpu-email-exits {
  display: inline;
}
.siufpu-create-account.user-exits .siufpu-email-exits.action {
  margin-left: 0.2rem;
  color: #1890FF;
}
.siufpu-it-lock-svg{
  width: 6.66vw;
  height: 6.66vw;

  background-image: url("../images/icon/show-password-black.svg"); 
  background-repeat: no-repeat;
  background-size: contain;
}
.siufpu-create-account.pass-if .siufpu-it-lock-svg {
  background-image: url("../images/icon/show-password-red.svg");
}
.siufpu-si-forgot-password-flex {
  display: flex;
  justify-content: flex-end;
}
.siufpu-si-forgot-password {
  margin-right: 4.44vw;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-align: right;
  text-decoration-line: underline;
  color: #1890FF;
}
.siufpu-it-calendar-svg {
  width: 6.66vw;
  height: 6.66vw;

  background-image: url("../images/icon/calendar-grey.svg"); 
  background-repeat: no-repeat;
  background-size: contain;
}
.siufpu-password-description {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  color: #6E6E6E;
  width: 82.22vw;
  height: 8.88vw;
  margin-left: 8.88vw;
}
.siufpu-create-account.pass-if .siufpu-password-description {
  color: #FF1818;
}
.siufpu-ask-action-small-template {  
  width: 100%;
  margin-left: 8.88vw;

  display: flex;
  justify-content: flex-start;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
}
.siufpu-aast-ask {
  margin: 0 2.22vw 0;
  color: #6E6E6E;
}
.siufpu-aast-action {
  text-decoration-line: underline;
  color: #067BE7;
}
.g-recaptcha {
  display: flex;
  justify-content: center;
  margin-top: 5.55vw;
}
.siufpu-button-template {
  width: 91.11vw;
  height: 15.56vw;
  margin: 4.44vw 4.44vw 4.44vw;
  border-radius: 1.11vw;

  display: flex;
  justify-content: center;
  align-items: center;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
}
.siufpu-button-template.sign-in {
  background: #C6C6C6;
}
.siufpu-button-template.sign-in.enabled {
  background: #1890FF;
}
.siufpu-button-template.create-account {
  background: #C6C6C6;
}
.siufpu-button-template.create-account.enabled {
  background: #1890FF;
}
.siufpu-button-template.reset-password {
  background: #C6C6C6;
}
.siufpu-button-template.reset-password.enabled {
  background: #1890FF;
}
.siufpu-si-or {
  margin: 4.44vw 4.44vw 0;

  display: flex;
  justify-content: flex-start;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-align: center;
  text-transform: lowercase;
  color: #000000;
}
.siufpu-gg-sign-in-template {
  margin: 0 4.44vw 4.44vw;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.siufpu-footer-ask-action-template {  
  width: 100%;
  margin: 6.66vw 0 4.44vw;

  display: flex;
  justify-content: center;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
}
.siufpu-faat-ask {
  margin: 0 2.22vw 0;
  color: #959595;
}
.siufpu-faat-action {
  text-decoration-line: underline;
  color: #1890FF;
}
.siufpu-highlight-description-template {
  width: 95.56vw;
  height: 17.78vw;
  box-sizing: border-box;
  padding: 2.22vw;
  margin: 6.66vw 2.22vw 6.66vw;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #E5FFDE;
  border-radius: 1.11vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.71rem;
  text-align: center;
  letter-spacing: 0.01em;
  color: #042508;
}
.siufpu-highlight-description-template.red {
  background: #FFF2F2;
}
.siufpu-ask-action-template {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
}
.siufpu-aat-ask {
  margin: 0 2.22vw 0;
  color: #959595;
}
.siufpu-aat-action {
  text-decoration-line: underline;
  color: #1890FF;
}
.siufpu-av-loading-text-box {
  width: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}
.siufpu-av-ltb-loading-svg {
  width: 5.55vw;
  height: 5.55vw;
  margin-right: 4.44vw;

  background-image: url("../images/icon/loading-blue.png");  
  background-repeat: no-repeat;
  background-size: contain;

  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.siufpu-av-ltb-text {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #111111;
}
.siufpu-fp-instructions {
  width: 95.56vw;
  height: 17.78vw;
  box-sizing: border-box;
  padding: 2.22vw;
  margin: 6.66vw 2.22vw 6.66vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.11vw;
  
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-align: center;
  color: #656565;
}

.siufpu-ca-age-pop-up {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.52);
  height: 100%;
  width: 100%;
  display: none;
}
.siufpu-caapu-box {
  width: 95.56vw;
  height: 53.33vw;
  margin: 42.22vw 2.22vw 0;

  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;

  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  box-shadow: 0px 22px 106px rgba(0, 0, 0, 0.07), 0px 9.19px 44.28px rgba(0, 0, 0, 0.0503), 0px 4.91px 23.68px rgba(0, 0, 0, 0.0417), 0px 2.75px 13.27px rgba(0, 0, 0, 0.035), 0px 1.46px 7.05px rgba(0, 0, 0, 0.0283), 0px 0.61px 2.93px rgba(0, 0, 0, 0.0197);
  border-radius: 2.22vw;  
}
.siufpu-caapub-x {
  width: 4.44vw;
  height: 4.44vw;
  background-image: url("../images/icon/cancel-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 1.11vw 0 0 88.88vw;
}
.siufpu-caapub-svg {
  width: 6.66vw;
  height: 6.66vw;
  background-image: url("../images/icon/aware-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 2.22vw 0 0 0px;
}
.siufpu-caapub-description {
  width: 66.11vw;
  height: 13.33vw;
  margin-top: 2.22vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  text-align: center;
  color: #000000;
}
.siufpu-caapub-text {
  width: 82.22vw;
  height: 13.33vw;
  margin-top: 2.22vw;

  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.71rem;
  text-align: center;
  color: #6E6E6E;
}
span.siufpu-caapubt-link {
  color: #1890FF;
}

.siufpu-sign-in {
  display: none;
}
.siufpu-create-account {
  display: none;
}
.siufpu-create-account-check-email {
  display: none;
}
.siufpu-account-verified {
  display: none;
}
.siufpu-forgot-password {
  display: none;
}
.siufpu-reset-password-check-email {
  display: none;
}
.siufpu-reset-password-new-pass {
  display: none;
}
/* sign in up forget pop up end */

/* stack pop up */
.stack-pop-up {
  display: none;
  position: fixed;
  top: 11.11vw;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  z-index: var(--zi-stack-pop-up);
  width: 100%;
  box-sizing: border-box;
  background: #0000007f;
}
.spu-tm-sign-in-successful {
  width: 88.89vw;
  margin: 27.78vw 5.56vw;
  background: #FFFFFF;
  border-radius: 2.22vw;
}
.spu-title-template {
  background: #067BE7;
  border-radius: 2.22vw 2.22vw 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  color: #E6F7FF;
  position: relative;
}
.spu-close-btn-template {
  width: 6.66vw;
  height: 6.66vw;
  background-image: url("../images/icon/close-circle-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 0;
}
.spu-mid-box-template {
  background: #FFFFFF;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 2.22vw;
  margin: 2.78vw 3.33vw;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.spu-tmsismb-img {
  width: 17.22vw;
  height: 23.89vw;
  background-image: url("../images/pop-up/congratulations.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 2.78vw;
}
.spu-big-text-template {
  font-family: Quicksand;
  font-style: normal;
  font-weight: 500;
  font-size: 1.29rem;
  line-height: 1.71rem;
  color: rgba(0, 0, 0, 0.87);
  margin: 1.11vw;
}
.spu-small-text-template {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.14rem;
  text-align: center;
  color: rgba(38, 38, 38, 0.75);
}
.spu-tmsismb-claim-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFFFFF;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  border-radius: 2.22vw;
  margin: 3.33vw;
  padding: 1.11vw 2.22vw;
}
.spu-tmsismbcf-text {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.71rem;
  line-height: 2.29rem;
  color: rgba(38, 38, 38, 0.75);
}
.spu-tmsismbcf-img {
  width: 6.66vw;
  height: 6.66vw;
  background-image: url("../images/user-avatar/48/ava1.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0.55vw;
}
.spu-tmsismbcf-img1 {
  width: 6.66vw;
  height: 6.66vw;
  background-image: url("../images/user-avatar/48/ava2.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0.55vw;
}
.spu-tmsismbcf-img2 {
  width: 6.67vw;
  height: 6.67vw;
  background: #E3E3E3;
  border-radius: 27.78vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spu-tmsismbcf-text1 {
  margin: 0.55vw;
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  color: rgba(38, 38, 38, 0.75);
}
.spu-tmsismbcf-text2 {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.14rem;
  line-height: 1.71rem;
  color: rgba(38, 38, 38, 0.75);
}
.spu-tmsismbcf-img3 {
  width: 4.44vw;
  height: 4.44vw;
  background-image: url("../images/icon/gcoin.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 1.11vw;
}
.spu-tmsis-bot-box {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  display: flex;
  text-align: center;
  justify-content: center;
  height: 8.33vw;
  color: #067BE7;
}
/* stack pop up end */

/* email-welcome */
.email-welcome {
  
}
.ew-logo {
  width: 84px;
  height: 24px;
  margin: auto;
  background-image: url();

  background-repeat: no-repeat;
  background-size: contain;
}
.ew-title {
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #1890FF;
}
.ew-description {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}
.ew-verify-btn {
  background: #1890FF;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  width: 131px;
  height: 2.78vw;
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 12px;
  line-height: 2.78vw;
  text-align: center;
  color: #FFFFFF;
  margin: auto;
}
.ew-splash {
  width: 320px;
  height: 128px;
  margin: auto;
  
  background-repeat: no-repeat;
  background-size: contain;
}
.ew-warning {
  font-family: Roboto;
  font-style: italic;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #6E6E6E;
}
.ew-footer {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 8px;
  line-height: 12px;
  text-align: center;
  color: #000000;
}
.ew-footer span{
  text-decoration-line: underline;
  color: #1890FF;
}
/* email-welcome end */

/* Inits */

/*************************** RESPONSIVE LISTING FOR GAME LISTING ***************************/

/* 3 game per row with bigger height */

@media screen and (max-width: 255px) {
  #game_list .game_contents {
    height: 140px;
  }
}

@media screen and (min-width: 300px) {
  #game_list .game_box {
    width: 33.3%;
  }
}

/* Some text adjustments */

@media screen and (max-width: 240px), screen and (max-width: 320px) {
  #game_list .game_title {
    word-break: break-all;
  }
}

/* 4 games per row */

@media screen and (min-width: 430px) {
  #game_list .game_box {
    width: 33.3%;
  }
}
/* 5 games per row or more */

@media screen and (min-width: 1000px) {
  /****************** Game listing ******************/
  #game_list .game_box {
    width: 33.3%;
  }
}

/* Responsive MENU CSS */

/* menu responsive styles */

@media screen and (max-width: 600px) {
  #game_list {
    width: 100%;
    margin: 0px;
    padding: 0;
  }
}

/* Game Pill CSS - describing the plates for a game **/

.game-pill {
  height: 100%;
  background: white;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  overflow: hidden;
  /* do not show the last part of the long game names */
}

.game-pill-padding {
  padding: 4px;
}

/* Lazy loade CSS */

.loader-wait-container {
  position: relative;
  display: none;
  padding: 5px;
}

.loader-wait-anim {
  top: 50%;
  left: 50%;
  margin-left: -22px;
  position: relative;
  background-image: url("data:image/gif;base64,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")
    no-repeat;
  width: 25px;
  height: 25px;
}

/* footer */

/* footer end */

.hidden {
  display: none;
}

/* Section Heading uck modify */

.section-heading {
  display: flex;
}

.sh-category-label {
  font-family: Quicksand;
  font-style: normal;
  font-weight: normal;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-transform: uppercase;
  color: #595959;
  margin-left: 8px;
  flex: 240;
}

.sh-more-games {
  flex: 32;
}

.sh-more-games-box {
  font-family: "Roboto", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  text-align: center;
  color: #e6f7ff;
  background: #1890ff;
  border-radius: 100px;
}

.section-heading .sh-view-all {
  flex: 72;
  margin-right: 8px;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  font-family: Open Sans;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  /* text-align: right; */
  color: #595959;
}
.sh-svg-arrow {
  margin-left: 2.22vw;
}

/* More Link */

.more-link {
  outline: none;
  margin-top: 5px;
  cursor: pointer;
  text-decoration: underline;
  text-align: center;
}

.disable-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.game_desc {
  overflow: hidden;
}

/* Carousel CSS (Swiper) */

.s0 {
  margin: 0 auto;
}

/* Added styling ( */

.plate-shape-1 {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Sections */

.basic-section {
  background: #ffffff;
  padding: 5px;
}

.basic-section a {
  display: block;
}

.promote-plate {
  width: 95%;
  background: #ffffff;
  margin: 0 auto;
}

.promote-plate > div {
  padding: 15px;
}

.promote-option .button {
  width: auto !important;
  padding: 5px !important;
}

/* Plate Wrappers */

.nf-plate-wrapper {
  width: 95%;
  margin: 0 auto;
}

.nf-plate-wrapper > div {
  padding: 10px;
}

.sub-plate {
  background: #ffffff;
}

.inline-center {
  text-align: center;
}

.heavy {
  font-weight: bold;
}

.logo-image {
  width: auto !important;
  height: 17px;
  padding-top: 7px;
  padding-right: 5px;
}

.small_center_text {
  font-size: 75%;
  text-align: center;
  width: 100%;
}

.medium_center_text {
  font-size: 87%;
  text-align: center;
  width: 100%;
}

.normal_center_text {
  font-size: 100%;
  text-align: center;
  width: 100%;
}

.normal_center_text a {
  text-decoration: underline !important;
}

.big_link {
  font-weight: bold;
  text-decoration: underline !important;
}

/*************************** TRIANGLE PLAY BUTTON ***************************/

/*container for triangle button used on the banners*/

/* the banner triangle */

/* If you want to use the triangle as a link to different location than the banner location, use triangle_css3, of course, there are small issues with IE browser.*/

.triangle {
  /*triangle*/
  width: 0 !important;
  height: 0 !important;
  border-style: solid;
  border-width: 0 0 20px 30px;
  border-color: transparent transparent #47d147 transparent;
  height: 100%;
  line-height: 0px;
  /*triangle form for IE*/
  _border-color: #000000 #000000 #47d147 #000000;
  _filter: progid: DXImageTransform.Microsoft.Chroma(color='#000000');
  /*position*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  /*web layout*/
  cursor: pointer;
}

/* the banner triangle, compatible with most browsers except IE versions older than 9 */

.triangle_css3 {
  /*triangle*/
  background: none repeat scroll 0 0 #47d147;
  height: 50%;
  width: 40%;
  -ms-transform: rotate(-30deg);
  /* IE 9 */
  -ms-transform-origin: 100% 0 0;
  /* IE 9 */
  -webkit-transform: rotate(-30deg);
  /* Chrome, Safari, Opera */
  -webkit-transform-origin: 100% 0 0;
  /* Chrome, Safari, Opera */
  transform: rotate(-30deg);
  /* general case */
  transform-origin: 100% 0 0;
  /* general case */
  /*position*/
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  /*web layout*/
  cursor: pointer;
}

.triangle_link {
  /*position*/
  position: absolute;
  font-weight: bold;
  bottom: 2px;
  right: 3px;
  color: #ffffff !important;
  display: block !important;
  /* used to increase the clickable area */
  white-space: nowrap;
  font-size: 100%;
  text-align: right;
  z-index: 150;
  text-shadow: 1px 2px 3px #666;
  width: auto;
  height: auto;
}

@media screen and (max-width: 300px) {
  .triangle_link {
    bottom: 1px;
    right: 1px;
  }
}

.special_section {
  width: 100% !important;
  text-align: center !important;
  color: #ffffff !important;
  font-size: 75% !important;
  background-color: rgba(0, 0, 0, 0.5);
}

.poster_center {
  display: block !important;
  margin-right: auto !important;
  margin-left: auto !important;
  width: 100%;
  max-width: 450px;
}

.optin {
  height: 20px;
  width: 20px;
}

.optin_text {
  font-size: 110%;
  vertical-align: middle;
}

/* Pagination */

.pagination {
  position: relative;
  background-color: #ffffff;
  border-top: 1px solid #d1d1d3;
  border-bottom: 1px solid #d1d1d3;
  border-left: 0px;
  border-right: 0px;
  border-width: 0px !important;
  font-size: 1.14rem;
  text-align: center;
  color: #144877 !important;
  display: inline-block;
  padding: 17px !important;
  vertical-align: middle;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  margin-left: 0px !important;
  font-weight: bold;
}

.pagination_active {
  background-color: #eeeeee;
  border-top-color: #eeeeee;
}

.pagination_container {
  text-align: center;
  background: #ffffff;
  margin-top: 7px;
  margin-bottom: 7px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.pagination-separator {
  width: 1px;
  background: #d1d1d3;
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 17px !important;
  padding-bottom: 17px !important;
  margin: 0px;
  border: 0px;
}

.pagination-window {
  display: inline-block;
  position: relative;
}

.paginator-slider {
  display: inline-block;
}

.pagination-nav-right {
  border: 0px !important;
  border-right: 1px solid #d1d1d3 !important;
}

.pagination-nav-left {
  border: 0px !important;
  border-left: 1px solid #d1d1d3 !important;
}

.pagination-nav-inactive {
  color: #cccccc !important;
}

.intex_logo {
  width: auto !important;
  height: 17px;
  padding-top: 7px;
  padding-right: 5px;
}

.middleText {
  text-align: center;
  position: absolute;
  top: 30%;
  font-size: 1.5em;
  font-weight: bold;
  margin: 10px;
}

/*************************** ./category ***************************/
.category-heading {
  margin: 3.04vw 0 2.43vw;
}
.ch-breadcrumb {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 0.86rem;
  line-height: 1rem;
  color: #6E6E6E;
}
.ch-breadcrumb span:nth-child(1):hover {
  text-decoration: underline;
}
.ch-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-size: 1.71rem;
  line-height: 2.86rem;
  color: #000000;
}
.category-container {
  display: flex;
}
.cc-menu-container {
  width: 19.44vw;
}
.cc-mcb-name {
  padding: 0.52vw 0 0.52vw 1.39vw;
  
  background: #F4F4F4;
  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 0.86rem;
  line-height: 1.14rem;
  display: flex;
  align-items: center;
  color: #6E6E6E;
}
.cc-mcb-row.is-curr {
  background: #E6F7FF;
}
.cc-mcb-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E3E3E3;
}
.cc-mcbr-svg {
  margin: 1.39vw 1.04vw 1.39vw 1.74vw;
}
.cc-mcbr-title {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 1.14rem;
  line-height: 1.71rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.87);
}
.cc-game-container {
  width: 41.67vw;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
}
.cc-gc-game-item {
  position: relative;
  width: 12.67vw;
  height: 17.36vw;
  margin: 0 0 1.39vw 1.04vw;
  box-sizing: border-box;

  border: 1px solid #E3E3E3;
  border-radius: 0.69vw;
}
.cc-gc-game-item:nth-child(n + 18) {
  display: none;
}
.cc-gcgi-icon img {
  width: 100%;
  height: auto;

  border-top-left-radius: 0.69vw;
  border-top-right-radius: 0.69vw;
}
.cc-gcgi-content {
  position: absolute;
  width: 100%;
  margin-top: -0.69vw;
  padding-left: 1.04vw;
  box-sizing: border-box;
  
  border-top-left-radius: 0.69vw;
  border-top-right-radius: 0.69vw;
  border-top: 1px solid #E3E3E3;
  background: #fff;
}
.cc-gcgic-title {
  width: 11.28vw;
  margin: 1.04vw 0 0.35vw;
  
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.14rem;
  letter-spacing: 0.02em;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cc-gcgic-n-play {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  font-size: 0.71rem;
  line-height: 0.86rem;
  color: rgba(38, 38, 38, 0.75);
}
.cc-gc-ads {
  width: 26.04vw;
  height: 21.70vw;
  margin: 0 1.04vw 1.39vw 0;

  box-sizing: border-box;
}
.cc-gc-load-more {
  width: 29.86vw;
  height: 4.86vw;
  margin-left: 5.82vw;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;

  font-family: Quicksand;
  font-style: normal;
  font-weight: bold;
  font-size: 1.29rem;
  line-height: 1.71rem;  
  
  text-align: center;
  letter-spacing: 0.03em;
  color: #1890FF;  
  
  border: 2px solid #1890FF;
  border-radius: 0.69vw;
}
.cc-gc-load-more:hover {
 cursor: pointer;
}
/*************************** ./category end***************************/