:root {
  --chocolate: #f16408;
  --black: black;
  --white: white;
  --dim-grey: #474747;
  --black-2: #262626;
  --dark-turquoise: #06bfc5;
  --white-smoke: #f3f3f3;
  --dim-grey-2: #636363;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #fff;
  background-color: #000;
  font-family: Kumbh Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Baumans, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 118px;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Baumans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

label {
  margin-bottom: 0;
  font-weight: 300;
  display: block;
}

.section-content {
  padding-bottom: 100px;
  position: relative;
}

.section-content.v-home {
  padding-top: 100px;
}

.section-content.v-nobanner {
  padding-top: 190px;
}

.container {
  max-width: none;
  padding-left: 40px;
  padding-right: 40px;
}

.container.v-1440 {
  max-width: 1440px;
}

.container.relative {
  position: relative;
}

.container.v-1320 {
  max-width: 1320px;
}

.btn-toggle {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  transition: color .5s;
  display: inline-block;
}

.btn-toggle:hover {
  color: var(--chocolate);
}

.btn-toggle.v-txt-item {
  margin-top: 7px;
}

.btn-toggle.v-black {
  color: var(--black);
}

.btn-toggle.v-black:hover {
  color: var(--chocolate);
}

.btn-toggle-txt {
  margin-right: 15px;
}

.btn-toggle-wrap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.btn-toggle-track {
  border: 2px solid var(--white);
  background-color: var(--black);
  border-radius: 2000px;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 80px;
  height: 40px;
  display: flex;
}

.btn-toggle-track.v-small {
  width: 60px;
  height: 30px;
}

.btn-toggle-track.v-black {
  border-color: var(--black);
  background-color: #0000;
}

.btn-toggle-img-b {
  width: 50%;
  padding-left: 4px;
  padding-right: 4px;
}

.img-full {
  width: 100%;
  display: block;
}

.all {
  position: relative;
  overflow: hidden;
}

.all.overflow-visible {
  overflow: visible;
}

.home-banner-b {
  perspective: 2000px;
  perspective-origin: 50% 100%;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-bottom: 8vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-banner-content {
  width: 100%;
  position: relative;
}

.home-banner-headline-txt {
  letter-spacing: 8px;
  text-transform: uppercase;
  font-family: Baumans, sans-serif;
  font-size: 100px;
  font-weight: 400;
  line-height: 140px;
}

.home-banner-headline-txt.v-line-2 {
  margin-right: 5vw;
}

.home-banner-headline-line-1 {
  float: right;
  clear: both;
}

.home-banner-headline-line-2 {
  float: left;
  clear: both;
  text-align: left;
  transform-style: preserve-3d;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  transform: translate3d(0, 0, 100px);
}

.home-banner-subtitles {
  letter-spacing: 2px;
  text-transform: uppercase;
  transform-style: preserve-3d;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 30px;
  transform: translate3d(0, 0, 100px);
}

.header {
  z-index: 2000;
  background-color: #0000;
  background-image: linear-gradient(#00000080, #0000);
  width: 100%;
  position: fixed;
  inset: 0% auto auto 0%;
}

.nav-menu {
  display: none;
}

.header-brand {
  width: 250px;
  height: 145px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.header-logo-b {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}

.header-logo-deco {
  position: absolute;
  inset: auto auto 0% 0%;
}

.home-banner-link {
  color: #fff;
  transition: color .8s;
}

.home-banner-link:hover {
  color: var(--chocolate);
}

.banner-graphics {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.scroll-tape {
  z-index: 1;
  background-image: linear-gradient(to right, var(--dim-grey), var(--black) 44%);
  justify-content: flex-start;
  align-items: center;
  width: 1440px;
  margin-bottom: 5vh;
  margin-left: -50px;
  font-family: Baumans, sans-serif;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
  overflow: hidden;
  transform: rotate(10deg);
}

.scroll-tape-track {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.track-tape-gp {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.scroll-down-txt {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-right: 60px;
  line-height: 20px;
}

.scroll-tape-mask {
  background-image: linear-gradient(to right, #0000, #000 53%);
  width: 500px;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.scroll-link {
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  transition: color .8s;
  display: flex;
  position: relative;
}

.scroll-link:hover {
  color: var(--chocolate);
}

.seasonal-banner-b {
  z-index: 1;
  width: 50%;
  max-width: 720px;
  margin-top: -20vh;
  margin-left: auto;
  position: relative;
}

.section-div {
  margin-bottom: 100px;
}

.section-div.bottom-0 {
  margin-bottom: 0;
}

.section-div.home-reachus {
  min-height: 700px;
  margin-top: -14vw;
  position: relative;
}

.html-embed-b {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.seasonal-banner-link {
  display: block;
}

.seasonal-banner-img-b {
  position: relative;
}

.seasonal-banner-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.seasonal-banner-img.v-new-year {
  background-image: url('../images/home-banner-seasonal-1-m2x.jpg');
}

.seasonal-banner-deco {
  background-image: linear-gradient(270deg, black, var(--dim-grey));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(-5deg);
}

.seasonal-banner-btn-row {
  text-align: right;
  margin-top: -20px;
  padding-right: 60px;
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.banner-graphic-gp {
  opacity: .5;
  width: 30vw;
  position: relative;
}

.banner-w-s {
  width: 25%;
  margin-left: 5%;
  position: relative;
}

.banner-w-y {
  width: 20%;
  margin-top: 20%;
  margin-left: 79%;
  position: relative;
}

.banner-w-d {
  width: 18%;
  margin-top: 2%;
  margin-left: 5%;
  position: relative;
}

.banner-o-y {
  width: 25%;
  margin-top: -13%;
  margin-left: 71%;
  position: relative;
}

.banner-w {
  position: relative;
}

.banner-o {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.banner-o-d {
  width: 25%;
  margin-top: 11%;
  margin-left: 47%;
  position: relative;
}

.banner-graphic-row {
  justify-content: flex-start;
  align-items: center;
  width: 200%;
  display: flex;
}

.banner-graphic-row.v-row-2 {
  margin-top: 5%;
  margin-left: -12%;
}

.vid-perspective {
  perspective: 2000px;
}

.banner-o-s {
  width: 18%;
  margin-top: 11%;
  margin-left: 33%;
  position: relative;
}

.banner-line {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.banner-line-y {
  width: 15%;
  margin-top: 1%;
  margin-left: 46%;
  position: relative;
}

.banner-line-d {
  width: 18%;
  margin-top: 29%;
  margin-left: 10%;
  position: relative;
}

.banner-line-s {
  width: 15%;
  margin-top: -40%;
  margin-left: 79%;
  position: relative;
}

.banner-graphic-mask {
  background-image: linear-gradient(#0000, #000);
  width: 100%;
  height: 150px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.section-heading-b {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20vw;
  position: relative;
  overflow: hidden;
}

.section-heading-b.v-detail-first {
  margin-top: -10vw;
}

.section-heading-b.v-contact {
  z-index: 1;
}

.section-heading-b.v-home-client {
  margin-top: -12vw;
}

.section-h2 {
  white-space: nowrap;
}

.section-heading-line-1 {
  flex: none;
  display: flex;
}

.section-heading-line-2 {
  flex: none;
  margin-top: -14px;
  margin-left: -100px;
  display: flex;
}

.section-heading-wrap {
  transform-origin: 100% 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  transform: rotate(-10deg);
}

.section-heading-wrap.v-black {
  color: var(--black);
}

.showcase-img-list {
  flex-wrap: wrap;
  place-content: flex-start;
  align-items: flex-start;
  margin-bottom: -80px;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
}

.home-client-b {
  margin-top: -50px;
  padding-bottom: 50px;
}

.showcase-img-item {
  width: 33%;
  margin-bottom: 80px;
  padding-left: 25px;
  padding-right: 25px;
}

.showcase-img-item-link {
  color: var(--white);
  transition: color .5s;
  display: block;
}

.showcase-img-item-link:hover {
  color: var(--chocolate);
}

.showcase-item-img-b {
  margin-bottom: 40px;
  position: relative;
}

.showcase-item-img {
  border: 2px solid var(--white);
  position: relative;
  overflow: hidden;
  transform: rotate(10deg);
}

.showcase-item-img-backdrop {
  background-image: linear-gradient(to right, black, var(--dim-grey));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.showcase-img-item-title-b {
  justify-content: space-between;
  display: flex;
}

.showcase-img-item-txt {
  margin-right: 15px;
  font-size: 24px;
}

.showcase-item-tag-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 15px;
  display: flex;
}

.showcase-item-tag {
  color: var(--chocolate);
  margin-right: 20px;
  transition: all .5s;
}

.showcase-item-tag:hover {
  transform: scale(1.1);
}

.home-reachus-btn-b {
  text-align: right;
}

.slope-white {
  background-image: url('../images/slope-w-top.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -2px;
  margin-bottom: -2px;
  padding-top: 18.6%;
}

.slope-white.v-bottom {
  background-image: url('../images/slope-w-bottom.svg');
}

.white-b {
  background-color: var(--white);
  padding-top: 1px;
  padding-bottom: 1px;
}

.carousel {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.carousel.v-about-brand {
  flex-wrap: nowrap;
}

.client-logo {
  width: 200px;
  padding: 0;
  display: inline-block;
  position: static;
}

.mobile-hide {
  display: block;
}

.home-client-row {
  padding-bottom: 30px;
}

.footer-menu-b {
  z-index: 1000;
  text-transform: uppercase;
  position: sticky;
  bottom: 0;
}

.footer-menu-showcase-b {
  background-color: var(--chocolate);
  justify-content: center;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 15px;
  padding-bottom: 15px;
  transform: rotate(3deg);
}

.footer-menu-showcase-wrap {
  z-index: 1500;
  justify-content: space-between;
  align-items: center;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  position: relative;
}

.footer-menu-showcase-link {
  color: var(--black);
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  display: block;
}

.footer-menu-showcase-item {
  padding-left: 10px;
  padding-right: 10px;
}

.btn-search {
  width: 30px;
  transition: all .5s;
  display: block;
}

.btn-search:hover {
  transform: scale(.8);
}

.footer-menu-site-b {
  background-color: var(--black-2);
  padding-top: 15px;
  padding-bottom: 15px;
}

.footer-menu-site-wrap {
  justify-content: flex-start;
  align-items: center;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.foooter-menu-site-item {
  padding-left: 15px;
  padding-right: 15px;
}

.footer-menu-site-link {
  color: var(--white);
  transition: color .5s;
  display: block;
}

.footer-menu-site-link:hover {
  color: var(--chocolate);
}

.footer-b {
  z-index: 900;
  text-align: center;
  font-size: 16px;
  line-height: 26px;
  position: relative;
}

.footer-wrap {
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.footer-social-b {
  width: 27.5%;
}

.footer-social-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-social-item {
  margin-right: 25px;
}

.footer-social-link {
  width: 30px;
  display: block;
}

.footer-copyright-b {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.footer-privacy-b {
  text-align: right;
  width: 27.5%;
}

.footer-txt-link {
  color: var(--white);
  transition: color .5s;
}

.footer-txt-link:hover {
  color: var(--chocolate);
}

.bg-sphere-l {
  opacity: 1;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
}

.sphere-big {
  opacity: .3;
  width: 800px;
  max-width: 50%;
  margin-top: 100px;
  margin-left: -100px;
}

.reachus-bg {
  z-index: -1;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.sphere-reachus {
  opacity: .3;
  width: 700px;
  max-width: 50%;
  margin-bottom: -5vw;
}

.footer-m-angle-b, .footer-m-tip, .mobile-menu {
  display: none;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.search-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: #0000;
  background-image: url('../images/icon-search.svg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 32px;
  border-radius: 0;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 0 10px 42px;
  font-size: 20px;
  line-height: 25px;
  transition: all .5s;
}

.search-field:focus {
  border-bottom-color: var(--chocolate);
}

.search-field::placeholder {
  color: #ffffffb3;
}

.hide {
  display: none;
}

.ysd-bb-b {
  z-index: 1100;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 90px;
  margin-left: auto;
  margin-right: 0;
  transition: opacity .5s;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.ysd-bb-b:hover {
  opacity: .6;
}

.ysd-bb {
  width: 150px;
  position: relative;
}

.ysd-bb-msg {
  flex: none;
  width: 250px;
  max-width: none;
  position: relative;
}

.home-game-b {
  background-image: linear-gradient(#000c, #000c), url('../images/home-game-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 50px 80px;
  position: relative;
  overflow: hidden;
}

.footer-menu-wrap {
  padding-top: 3vw;
  overflow: hidden;
}

.mobile-menu-b {
  z-index: 1200;
  margin-bottom: -80px;
  display: none;
  position: sticky;
  bottom: 80px;
}

.popup-search {
  z-index: 3000;
  opacity: 0;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

._100-b {
  width: 100%;
}

.btn-popclose {
  width: 24px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.popup-search-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: auto;
}

.ysdbb-wrap {
  justify-content: flex-end;
  align-items: flex-start;
  padding-right: 40px;
  display: flex;
}

.home-game-description {
  margin-bottom: 50px;
  font-size: 50px;
  line-height: 60px;
  transform: rotate(-10deg);
}

.home-game-img-b {
  border-radius: 50%;
  width: 500px;
  max-width: 60%;
  overflow: hidden;
}

.home-game-graphic-b {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.home-game-link {
  display: block;
  position: relative;
}

.home-game-arrow-b {
  width: 30%;
  max-width: 400px;
  margin-top: 50px;
  margin-left: 50px;
  margin-right: 50px;
}

.home-game-playnow {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  font-size: 24px;
  line-height: 26px;
  display: flex;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.home-game-playnow-circle {
  background-image: url('../images/menu-sphere.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.home-game-playnow-txt {
  position: relative;
  transform: rotate(10deg);
}

.minigame-title-marquee-b {
  justify-content: flex-start;
  align-items: center;
  width: 60px;
  margin-left: 50px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.minigame-title-marquee-b.v-2nd {
  margin-left: 0;
  margin-right: 50px;
  inset: auto 0% 0% auto;
  transform: rotate(180deg);
}

.minigame-title-track {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  transition: opacity .5s;
  display: block;
}

.minigame-title-track:hover {
  opacity: .6;
}

.mobile-only {
  display: none;
}

.innerpage-banner-b {
  background-color: var(--black);
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
  overflow: hidden;
}

.innerpage-intro-b {
  margin-top: -6vw;
  position: relative;
}

.innerpage-intro {
  padding-left: 50%;
}

.innerpage-intro.v-center {
  text-align: center;
  padding-left: 17%;
  padding-right: 17%;
}

.innerpage-intro.v-600 {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
}

.common-txt-link {
  color: var(--chocolate);
  transition: color .5s;
}

.common-txt-link:hover {
  color: #ff9048;
}

.content-gp-heading-b {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 50px;
}

.ec-item {
  border-bottom: 1px solid var(--white);
}

.ec-open-link {
  color: var(--white);
  transition: color .5s;
  display: block;
}

.ec-open-link:hover {
  color: var(--chocolate);
}

.ec-open-link.ec-close {
  display: none;
}

.ec-title-wrap {
  place-content: flex-start space-between;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.ec-title-wrap.v-home {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ec-title-txt {
  padding-right: 15px;
  font-size: 24px;
}

.ec-icon {
  background-color: var(--white);
  background-image: url('../images/icon-ec-expand.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  flex: none;
  width: 30px;
  height: 30px;
}

.ec-icon.v-close {
  background-image: url('../images/icon-ec-collapse.svg');
}

.ec-expand-b {
  overflow: hidden;
}

.ec-expand-wrap {
  padding: 25px 15px 50px;
}

.ec-expand-wrap.v-home {
  padding-top: 10px;
  padding-bottom: 10px;
}

.career-detail-b {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -30px;
  margin-right: -30px;
  display: flex;
}

.career-detail-col {
  width: 50%;
  padding-left: 30px;
  padding-right: 30px;
}

.career-detail-subtitle {
  margin-bottom: 20px;
  font-weight: 400;
}

.bullet-list-item {
  background-image: url('../images/bullet-icon.svg');
  background-position: 0 14px;
  background-repeat: no-repeat;
  background-size: 19px;
  margin-bottom: 20px;
  padding-left: 40px;
}

.career-btn-b {
  text-align: center;
  margin-top: 20px;
}

.logo-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: -25px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.logo-item-b {
  width: 20%;
  margin-bottom: 25px;
  padding-left: 10px;
  padding-right: 10px;
}

.sphere-bottom {
  opacity: .3;
  width: 600px;
  max-width: 40%;
  margin-bottom: 200px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.txt-align-l {
  text-align: right;
}

.list {
  padding-left: 21px;
}

.list.v-ordered {
  list-style-type: decimal;
}

.list-item {
  margin-bottom: 10px;
  padding-left: 10px;
}

.max-1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.showcase-listing-highlight-b {
  margin-top: -150px;
  margin-bottom: 100px;
  position: relative;
}

.showcase-highlight-list {
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.showcase-highlight-item {
  flex: none;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  transform: scale(.8);
}

.showcase-highlight-item.slick-item.slick-current {
  transform: scale(1);
}

.showcase-item-slider {
  background-color: var(--white);
  height: auto;
}

.showcase-highlight-link {
  color: var(--white);
  transition: color .5s;
  display: block;
  position: relative;
}

.showcase-highlight-link:hover {
  color: var(--chocolate);
}

.showcase-highlight-img-b {
  border: 4px solid var(--white);
  margin-bottom: 15px;
  overflow: hidden;
}

.showcase-highlight-item-title {
  font-size: 30px;
  line-height: 36px;
}

.highlight-indicator {
  z-index: 10;
  opacity: 0;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  font-family: Baumans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
  transition: opacity .5s;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.highlight-indicator-txt {
  position: relative;
  transform: rotate(18deg);
}

.highlight-indicator-img {
  background-image: url('../images/highlight-circle.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.showcase-highlight-arrow-b {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.showcase-highlight-arrow {
  width: 60px;
  margin-left: 20px;
  margin-right: 20px;
}

.showcase-highlight-deco {
  background-image: linear-gradient(to right, black, var(--dim-grey));
  width: 120%;
  height: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%)rotate(-10deg);
}

.showcase-highlight-wrap {
  position: relative;
}

.showcase-highlight-deco-b {
  width: 100%;
  height: 140%;
  margin-top: -8%;
  padding-top: 10vw;
  padding-bottom: 10vw;
  position: absolute;
  inset: 0% auto auto 0%;
  overflow: hidden;
}

.listing-search-b {
  margin-bottom: 90px;
}

.form-b {
  margin-bottom: 0;
}

.max-600 {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.listing-filter-b {
  margin-top: 50px;
}

.filter-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.filter-list.v-mobile {
  margin-left: 0;
  margin-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.listing-filter-item-wrap {
  background-image: url('../images/bullet-icon.svg');
  background-position: 0 13px;
  background-repeat: no-repeat;
  background-size: 19px;
  padding-left: 30px;
  font-size: 20px;
  line-height: 24px;
}

.listing-filter-link {
  color: var(--white);
  transition: color .5s;
}

.listing-filter-link:hover, .listing-filter-link.w--current {
  color: var(--chocolate);
}

.listing-filter-item {
  width: 33.3%;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.listing-filter-item.v-50 {
  width: 50%;
}

.listing-filter-item.v-100 {
  width: auto;
}

.listing-filter-mobile-b {
  display: none;
}

.filter-dropdown {
  z-index: 1;
  background-image: linear-gradient(to right, #47474780, var(--black));
  border-radius: 5px;
  display: block;
}

.filter-dropdown-toggle {
  color: var(--white);
  padding: 12px 30px 12px 10px;
  font-size: 20px;
  display: block;
}

.filter-dropdown-icon-b {
  margin-right: 10px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.filter-dropdown-list {
  z-index: 1;
  background-color: #0000;
  position: relative;
  overflow: hidden;
}

.dropdown-filter-title-txt {
  z-index: 10;
  margin-top: -12px;
  margin-left: 10px;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ad-detail-banner-b {
  padding-top: 150px;
  position: relative;
  overflow: hidden;
}

.ad-detail-banner-bg-b {
  background-color: var(--dark-turquoise);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ad-detail-banner-img {
  opacity: .3;
  /*background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');*/
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 44.4%;
  display: block;
}

.ad-detail-banner-img.v-gniib {
  /* background-image: url('../images/gniib-detail-banner1.5x.jpg'); */
}

.ad-detail-banner-img-b {
  position: relative;
}

.ad-detail-banner-mask {
  background-image: linear-gradient(to bottom, #06bfc500, var(--dark-turquoise));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ad-detail-banner-content-b {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.ad-detail-banner-heading {
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 50px;
  font-family: Baumans, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 70px;
}

.ad-detail-banner-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.ad-detail-banner-logo-b {
  flex: 1;
  max-width: 400px;
  margin-right: 100px;
}

.ad-detail-banner-intro {
  width: 60%;
}

.ad-detail-shortcut-b {
  z-index: 10;
  margin-top: -9.7vw;
  margin-bottom: 10vw;
  position: relative;
}

.page-shortcut-bar {
  background-color: var(--black);
  margin-left: -30px;
  margin-right: -30px;
  padding: 40px 30px;
  position: relative;
  transform: rotate(-10deg);
}

.page-shortcut-bar.v-about {
  background-color: var(--black-2);
}

.ad-detail-shortcut-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -15px;
  padding-right: 300px;
  display: flex;
  position: relative;
}

.page-shortcut-item {
  margin-bottom: 15px;
  margin-right: 40px;
  font-size: 20px;
  line-height: 24px;
}

.page-shortcut-item-wrap {
  background-image: url('../images/bullet-icon.svg');
  background-position: 0 12px;
  background-repeat: no-repeat;
  background-size: 19px;
  padding-left: 30px;
}

.page-shortcut-link {
  color: var(--white);
  transition: color .5s;
}

.page-shortcut-link:hover {
  color: var(--chocolate);
}

.ad-detail-banner-bottom {
  background-image: url('../images/detail-shortcut-mask.svg');
  background-position: 50% 0;
  background-size: cover;
  margin-top: 80px;
  padding-top: 18.61%;
  position: relative;
}

.ad-detail-banner-bottom.v-about.v-bottom {
  display: none;
}

.ad-detail-logoguide-b {
  background-color: var(--white);
  margin-bottom: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.shortcut-circle-b {
  z-index: 10;
  text-align: center;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  font-family: Baumans, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 50px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  transform: translate(0, -50%);
}

.shortcut-circle-img {
  background-image: url('../images/detail-menu-circle.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.shortcut-circle-img.v-about {
  background-image: url('../images/about-menu-circle.svg');
}

.shortcut-circle-txt {
  position: relative;
}

.ad-detail-logoguide-content {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.ad-detail-logoguide-col {
  width: 50%;
}

.ad-detail-logoguide-col.col-logo {
  padding-top: 100px;
}

.ad-detail-para-b {
  margin-bottom: 100px;
  padding-left: 50%;
}

.ad-detail-para-b.v-item-detail {
  margin-bottom: 50px;
  padding-left: 40%;
}

.ad-detail-item-list {
  margin-bottom: -40px;
}

.ad-detail-item-b {
  margin-bottom: 40px;
}

.ad-detail-item-click {
  cursor: pointer;
  transition: color .5s;
}

.ad-detail-item-click:hover {
  color: var(--chocolate);
}

.ad-detail-item-click.ec-close {
  display: none;
}

.ad-detail-item-img-b {
  overflow: hidden;
}

.ad-detail-item-title-b {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.ad-detail-item-btn-gp {
  justify-content: flex-end;
  margin-left: 20px;
  display: flex;
}

.ad-ext-link-b {
  margin-right: 15px;
}

.ad-detail-item-title-txt {
  font-size: 24px;
  line-height: 30px;
}

.ad-detail-item-expand {
  overflow: hidden;
}

.ad-detail-item-expand-wrap {
  padding-top: 40px;
  padding-left: 25px;
  padding-right: 25px;
}

.ad-detail-img-b {
  margin-bottom: 50px;
}

.btn-toggle-img {
  width: 100%;
  display: block;
}

.ad-detail-txt-item-list {
  margin-bottom: 100px;
}

.ad-detail-txt-item {
  margin-bottom: 20px;
}

.ad-detail-txt-item-link {
  color: var(--white);
  font-size: 40px;
  line-height: 45px;
  transition: color .5s;
  display: block;
  position: relative;
}

.ad-detail-txt-item-link:hover {
  color: var(--chocolate);
}

.ad-detail-txt-item-link-wrap {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  padding-left: 25px;
  display: flex;
}

.txt-item-link-bottom-line {
  background-color: var(--white);
  position: relative;
  overflow: hidden;
}

.txt-item-link-line-move {
  background-color: var(--black);
  width: 100px;
  height: 2px;
  position: relative;
  overflow: hidden;
}

.txt-item-link-line-vert {
  background-color: var(--white);
  width: 2px;
  height: 40px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.txt-item-link-title {
  margin-right: 15px;
}

.max-800 {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.contact-address-b {
  text-align: center;
  margin-bottom: 50px;
}

.contact-link {
  color: var(--white);
  transition: color .5s;
}

.contact-link:hover {
  color: var(--chocolate);
}

.contact-wrap {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.contact-col-b {
  text-align: center;
  width: 33.3%;
  padding-left: 20px;
  padding-right: 20px;
}

.contact-col-title {
  text-transform: uppercase;
  margin-bottom: 20px;
  text-decoration: underline;
}

.contact-qr-link {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .5s;
  display: block;
}

.contact-qr-link:hover {
  opacity: .8;
}

.slope-cream {
  background-image: url('../images/contact-slope-top.svg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -2px;
  margin-bottom: -2px;
  padding-top: 18.6%;
}

.slope-cream.v-bottom {
  background-image: url('../images/contact-slope-bottom.svg');
}

.contact-enquiry-b {
  background-color: var(--white-smoke);
  color: var(--black);
}

.contact-form-b {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.contact-field-label {
  color: var(--dim-grey-2);
  text-transform: uppercase;
  transition: all .5s;
  position: absolute;
  inset: 0% 0% auto;
}

.contact-textfield {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--black);
  background-color: #0000;
  border-radius: 0;
  height: auto;
  margin-bottom: 0;
  padding: 0 0 10px;
  font-size: 18px;
  line-height: 30px;
  transition: all .5s;
}

.contact-textfield:focus {
  border-bottom-color: var(--chocolate);
}

.contact-textfield::placeholder {
  color: #63636300;
  text-transform: uppercase;
}

.contact-input-b {
  margin-bottom: 40px;
  position: relative;
}

.contact-form-col {
  width: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.contact-form-col.v-full {
  width: 100%;
}

.contact-form-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
}

.copyright-txt {
  padding-left: 4px;
  padding-right: 4px;
}

.contact-textarea {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--black);
  background-color: #0000;
  border-radius: 0;
  min-width: 100%;
  max-width: 100%;
  height: 250px;
  min-height: 250px;
  padding: 0 0 10px;
  font-size: 18px;
  line-height: 30px;
  transition: all .5s;
}

.contact-textarea:focus {
  border-bottom-color: var(--chocolate);
}

.contact-textarea::placeholder {
  color: #63636300;
  text-transform: uppercase;
}

.btn-contact-upload {
  border: 1px solid var(--black);
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 50px 25px;
  line-height: 24px;
  display: block;
}

.contact-upload-img-b {
  width: 60px;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
}

.contact-uploaded-item {
  border: 1px solid var(--black);
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  padding: 10px 20px;
  display: flex;
}

.contact-uploaded-item-title {
  background-image: url('../images/icon-uploaded_files.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto 30px;
  padding-left: 40px;
  padding-right: 20px;
}

.btn-upload-cancel {
  flex: none;
  width: 22px;
}

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

.form-input-title {
  text-transform: uppercase;
  margin-bottom: 15px;
}

.contact-checkbox-gp {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.form-checkbox-field {
  margin-bottom: 0;
  padding-left: 0;
  transition: color .5s;
}

.form-checkbox-field:hover {
  color: var(--chocolate);
}

.form-checkbox-label {
  background-image: url('../images/form-checkbox-off.svg');
  background-position: 0 2px;
  background-repeat: no-repeat;
  background-size: 25px;
  min-height: 25px;
  padding-left: 35px;
  font-weight: 300;
}

.contact-checkboc-item {
  width: 33.3%;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.checkboc-txtfield-b {
  padding-left: 35px;
}

.contact-map-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 65vw;
  position: relative;
  overflow: hidden;
}

.contact-map-area {
  transform-style: preserve-3d;
  background-image: linear-gradient(to right, #000, #0000 10% 92%, #000), linear-gradient(#000, #0000 27% 69%, #000), url('../images/contact-map2x.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  width: 100%;
  padding-top: 76.9%;
  position: relative;
  transform: translate3d(0, 0, -200px)rotateX(46deg)rotateY(0)rotateZ(-14deg);
}

.contact-map-route-tww {
  width: 11.5%;
  margin-top: 22.5%;
  margin-left: 25.8%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact-lottie {
  width: 100%;
  position: relative;
}

.contact-map-pt-des {
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 22.5%;
  margin-left: 26.7%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-50%, -50%);
}

.map-pt-des-circle-s {
  background-color: var(--chocolate);
  border-radius: 50%;
  width: 40%;
  padding-top: 40%;
  position: relative;
}

.map-pt-des-circle-l {
  background-color: #f1640880;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.map-start-dot {
  background-color: var(--white);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-top: 221%;
  margin-left: 5%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate(-50%, -50%);
}

.map-start-dot.v-tw {
  margin-top: 18%;
  margin-left: 99%;
}

.contact-map-route-tw {
  width: 43%;
  margin-top: 11.5%;
  margin-left: 26.2%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.contact-map-locator-des {
  width: 5%;
  margin-top: 23.8%;
  margin-left: 21%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.relative {
  position: relative;
}

.contact-map-locator-st-tww {
  transform-style: preserve-3d;
  width: 2.5%;
  margin-top: 45.5%;
  margin-left: 28%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate3d(0, 0, 100px);
}

.contact-map-locator-st-tw {
  width: 2.5%;
  margin-top: 19.1%;
  margin-left: 62.2%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.map-landmark {
  z-index: 1;
  transform-style: preserve-3d;
  margin-top: 0%;
  margin-left: 0%;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate3d(-50%, -50%, 100px);
}

.map-landmark:hover {
  z-index: 2;
}

.map-landmark.tww-1 {
  margin-top: 41%;
  margin-left: 36%;
}

.map-landmark.tww-2 {
  margin-top: 40%;
  margin-left: 29%;
}

.map-landmark.carpark-1 {
  margin-top: 32%;
  margin-left: 26%;
}

.map-landmark.carpark-2 {
  margin-top: 31%;
  margin-left: 21%;
}

.map-landmark-indicator {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.map-landmark-indicator.v-carpark {
  height: auto;
}

.map-landmark-circle-l {
  background-color: #f1640880;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.map-landmark-circle-s {
  background-color: var(--chocolate);
  border-radius: 50%;
  width: 40%;
  padding-top: 40%;
  position: relative;
}

.map-landmark-content-b {
  opacity: 0;
  color: var(--white);
  background-color: #f16408;
  border-radius: 10px;
  width: 200px;
  margin-top: -10px;
  padding: 10px;
  font-size: 16px;
  line-height: 20px;
  display: none;
  position: absolute;
  inset: 0% auto auto 50%;
  transform: translate(-50%, -100%);
}

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

.map-landmark-content-img-b {
  margin-bottom: 10px;
}

.contact-map-b {
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: -25vw;
  position: relative;
  overflow: hidden;
}

.contact-map-options {
  margin-right: 40px;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0, -50%);
}

.contact-map-option-item.v-first {
  border-bottom: 1px solid var(--white);
}

.map-option-link {
  color: var(--white);
  text-align: right;
  flex-wrap: wrap;
  place-content: center flex-end;
  align-items: center;
  min-height: 100px;
  line-height: 24px;
  transition: color .5s;
  display: flex;
  position: relative;
}

.map-option-link:hover {
  color: var(--chocolate);
}

.map-option-txt-b {
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.map-option-txt-time {
  margin-left: 5px;
}

.map-option-active-img {
  opacity: 0;
  width: 140px;
  margin-right: -15px;
  display: block;
  position: absolute;
  inset: 50% 0% auto auto;
  transform: translate(0%, -50%);
}

.route-tw {
  opacity: 0;
  display: none;
}

.route-tww {
  opacity: 1;
  display: block;
}

.contact-map-indicator {
  width: 100vw;
  height: 65vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-detail-banner-b {
  padding-top: 200px;
  position: relative;
  overflow: hidden;
}

.about-intro-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-intro-col-l {
  width: 50%;
  max-width: 300px;
}

.about-intro-col-r {
  width: 50%;
}

.about-story-b {
  height: 200vw;
}

.about-story-sticky {
  position: sticky;
  top: 200px;
  overflow: hidden;
}

.about-story-content {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.about-story-intro-b {
  flex: none;
  width: 40vw;
  padding-right: 100px;
}

.about-story-timeline-b {
  flex: 1;
  justify-content: flex-start;
  display: block;
}

.about-timeline-item {
  flex: none;
  width: 50vw;
  padding-right: 10vw;
}

.about-story-timeline-wrap {
  border-bottom: 1px solid var(--white);
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 70px;
  display: flex;
  position: relative;
}

.about-timeline-title-b {
  position: relative;
}

.timeline-txt-year {
  margin-bottom: 10px;
  font-family: Baumans, sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 75px;
  position: relative;
}

.timeline-txt-title {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-size: 30px;
  line-height: 36px;
  position: relative;
}

.timeline-item-circle {
  width: 200px;
  margin-top: -50px;
  margin-left: -50px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.inner-detail-para-b {
  margin-bottom: 100px;
  padding-left: 50%;
}

.about-story-desktop-track {
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.timeline-arrow-b {
  width: 25px;
  margin-left: 40vw;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: translate(0, 50%);
}

.about-belief-b {
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.about-belief-content-b {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.about-belief-slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  position: static;
}

.about-belief-slider-arrow {
  width: 30px;
  inset: auto 0% 0% auto;
}

.about-belief-slider-arrow.v-left {
  margin-right: 50px;
}

.about-belief-slider-nav {
  inset: auto auto 0% 0%;
}

.about-belief-slide-title {
  text-transform: uppercase;
  margin-bottom: 25px;
  font-size: 30px;
  line-height: 36px;
}

.about-belief-graphic-b {
  order: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 700px;
  padding-left: 100px;
  display: flex;
}

.about-belief-graphic {
  width: 100%;
  padding-top: 100%;
  position: relative;
}

.about-belief-thumb {
  width: 100%;
  display: block;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.about-belief-thumb.v-philo {
  z-index: 2;
  width: 76.45%;
}

.about-belief-thumb.v-value {
  z-index: 3;
  width: 52.58%;
}

.about-belief-thumb.v-goal {
  z-index: 4;
  width: 29.03%;
}

.about-belief-off {
  position: relative;
}

.about-belief-on {
  opacity: 0;
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-belief-on.active {
  opacity: 1;
}

.belief-arrow {
  background-image: url('../images/about-belief-tip-l.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-left: 2px;
  position: absolute;
  inset: 50% auto auto 0%;
  transform: translate(-60%, -50%);
}

.about-passion-i-love {
  text-align: center;
  margin-bottom: 45px;
  font-size: 30px;
  line-height: 36px;
}

.about-passion-row {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 50px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.about-passion-row.v-odd {
  padding-left: 0;
}

.about-passion-row.v-even {
  padding-right: 0;
}

.about-passion-graphic-b {
  width: 50%;
  padding-left: 0;
  padding-right: 50px;
}

.about-passion-txt-b {
  width: 50%;
  position: relative;
}

.about-passion-circle-b {
  position: relative;
}

.about-passion-circle-1 {
  border: 1px solid var(--white);
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.about-passion-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 100% 0 0;
}

.about-passion-img.img-1 {
  background-image: url('../images/about-passion-12x.png');
}

.about-passion-img.layer-1 {
  background-size: 100%;
}

.about-passion-img.layer-2 {
  background-size: 151.5%;
}

.about-passion-img.layer-3 {
  background-size: 303%;
}

.about-passion-img.img-2 {
  background-image: url('../images/about-passion-22x.png');
}

.about-passion-img.img-3 {
  background-image: url('../images/about-passion-32x.png');
}

.about-passion-circle-2 {
  border: 1px solid var(--white);
  border-radius: 50%;
  width: 66%;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.about-passion-circle-3 {
  border: 1px solid var(--white);
  border-radius: 50%;
  width: 33%;
  position: absolute;
  inset: 50% auto auto 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.about-passion-b {
  background-image: linear-gradient(#0000, #000 10%);
}

.about-brand-intro-b {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-brand-intro-col {
  width: 50%;
}

.about-brand-intro-col.col-btn {
  text-align: right;
}

.about-brand-gallery-wrap {
  margin-left: -60px;
  margin-right: -60px;
  transform: rotate(-10deg);
}

.about-brand-gallery-item {
  flex: none;
  width: 530px;
}

.about-brand-gallery-b {
  margin-bottom: -10vw;
  padding-top: 10vw;
  padding-bottom: 10vw;
  overflow: hidden;
}

.about-team-b {
  overflow: hidden;
}

.about-team-lead-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
}

.about-team-lead-item {
  width: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.about-team-lead-item-content {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.about-team-lead-img-b {
  border-radius: 50%;
  width: 60%;
  max-width: 400px;
  position: relative;
  overflow: hidden;
}

.about-team-lead-txt-b {
  z-index: 1;
  border-bottom: 1px solid var(--white);
  text-shadow: 3px 3px #000;
  margin-left: -40px;
  margin-right: -40px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.about-team-lead-item-name {
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
}

.about-team-lead-item-role {
  margin-top: 5px;
  line-height: 120%;
}

.about-team-img-mask {
  background-color: var(--black);
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.about-team-img-mask.v-lead {
  background-color: var(--chocolate);
  border-radius: 50%;
}

.about-team-list {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
}

.about-team-item {
  width: 25%;
  margin-bottom: 20px;
}

.about-team-item-content {
  justify-content: flex-start;
  align-items: center;
  display: block;
  position: relative;
}

.about-team-img-b {
  position: relative;
  overflow: hidden;
}

.about-team-txt-b {
  padding: 20px;
  position: relative;
}

.about-team-item-role {
  margin-top: 5px;
  font-size: 16px;
  line-height: 120%;
}

.about-team-item-name {
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.ads-filter-b {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 100px;
  display: flex;
}

.ads-filter-col {
  width: 50%;
  padding-left: 60px;
  padding-right: 60px;
}

.ads-filter-col.col-l {
  border-right: 1px solid var(--white);
  padding-left: 0;
}

.ads-filter-col.col-r {
  padding-right: 0;
}

.ads-filter-subcol {
  width: 50%;
  padding-left: 25px;
  padding-right: 25px;
}

.ads-filter-subcol-wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
}

.ads-filter-subcol-title {
  margin-bottom: 10px;
  font-weight: 600;
}

.textfield {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 0;
  height: 50px;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 20px;
  line-height: 25px;
  transition: all .5s;
}

.textfield:focus {
  border-bottom-color: var(--chocolate);
}

.textfield::placeholder {
  color: #ffffffb3;
}

.textfield.v-budge {
  padding-left: 20px;
}

.budget-field-b {
  position: relative;
}

.budget-field-unit {
  margin-bottom: 10px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.ad-listing-b {
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  margin-left: -3px;
  margin-right: -3px;
  display: flex;
}

.ad-listing-b.v-ad-detail {
  margin-bottom: 50px;
}

.ad-listing-item {
  border: 1px solid var(--white);
  width: 25%;
  margin-bottom: -1px;
  margin-right: -1px;
}

.ad-listing-item.v-long {
  width: 50%;
}

.ad-item-link {
  color: var(--white);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  transition: background-color .5s, color .5s;
  display: flex;
}

.ad-item-link:hover {
  background-color: var(--white);
  color: var(--black);
}

.ad-item-img-b {
  flex: none;
  overflow: hidden;
}

.ad-item-content-b {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
  display: flex;
}

.ad-item-title {
  font-size: 24px;
  font-weight: 600;
}

.ad-item-subtitle {
  margin-top: 5px;
}

.ad-item-bottom-b {
  border-top: 1px solid var(--white);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  transition: border-color .5s;
  display: flex;
}

.ad-detail-content-b {
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.ad-detail-col {
  width: 50%;
}

.ad-detail-col.col-l {
  border-right: 1px solid var(--white);
  order: -1;
}

.ad-detail-col.col-enquiry-r {
  background-color: var(--white-smoke);
  color: var(--black);
  padding-top: 40px;
  padding-bottom: 40px;
}

.ad-detail-img-row {
  margin-bottom: 10px;
}

.ad-detail-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.ad-detail-subheading {
  font-size: 24px;
  line-height: 110%;
}

.ad-detail-heading {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Baumans, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 70px;
}

.ad-detail-heading.margin-bottom-0 {
  margin-bottom: 0;
}

.ad-detail-heading-b {
  padding-bottom: 40px;
}

.ad-detail-heading-b.v-enquiry {
  text-align: center;
}

.ad-detail-price-b {
  border-style: solid none;
  border-width: 1px;
  border-color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 30px;
  line-height: 110%;
}

.ad-detail-info-b {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ad-detail-gp {
  margin-bottom: 50px;
}

.form-radio-btn-field {
  cursor: pointer;
  padding-left: 0;
  transition: color .5s;
}

.form-radio-btn-field:hover {
  color: var(--chocolate);
}

.radio-button-content {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.radio-button-circle {
  border: 1px solid var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  margin-top: 3px;
  margin-right: 15px;
  display: flex;
}

.radio-button-circle-active {
  background-color: var(--chocolate);
  opacity: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 11px;
  height: 11px;
  transition: all .5s;
  display: flex;
  transform: scale(0);
}

.ad-detail-gp-title {
  margin-bottom: 15px;
  font-weight: 600;
}

.tick-point-list.v-services-list {
  margin-bottom: 50px;
}

.tick-point {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.tick-point-icon-b {
  background-image: url('../images/ads-point-circle.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  width: 27px;
  height: 27px;
  margin-top: 2px;
  margin-right: 15px;
  position: relative;
}

.tick-point-tick {
  background-image: url('../images/ads-point-tick.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ad-detail-subgp {
  margin-bottom: 25px;
}

.ad-detail-subgp-title {
  margin-bottom: 5px;
  font-weight: 600;
}

.services-item {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 50px;
  position: relative;
}

.services-item-title-b {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -45px;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
  position: relative;
}

.services-item-title-b.v-detail {
  margin-bottom: 50px;
  padding-right: 45%;
}

.services-item-title-txt-b {
  text-transform: uppercase;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  font-family: Baumans, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  display: flex;
}

.services-item-title-line {
  background-color: var(--white);
  flex: 1;
  max-width: 50%;
  height: 1px;
  margin-left: 25px;
  margin-right: 25px;
}

.services-item-title-num {
  color: var(--chocolate);
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 20px;
  font-family: Baumans, sans-serif;
  font-size: 150px;
  line-height: 100%;
}

.services-item-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
  position: relative;
}

.services-item-banner {
  overflow: hidden;
}

.services-item-col {
  padding-left: 25px;
  padding-right: 25px;
}

.services-item-col.col-img, .services-item-col.col-txt {
  width: 50%;
}

.services-detail-wrap {
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 100px;
  display: flex;
}

.services-detail-col {
  position: relative;
}

.services-detail-col.col-img {
  order: 1;
  width: 40%;
  max-height: 100vh;
  margin-top: -190px;
  position: sticky;
  top: 50px;
}

.services-detail-col.col-txt {
  width: 60%;
  padding-right: 50px;
}

.services-detail-circle {
  border-radius: 50%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.services-detail-circle-img {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.services-detail-circle-img.v-webdesign {
  background-image: url('../images/services-detail-circle-webdesign2x.png');
}

.service-detail-intro {
  margin-bottom: 50px;
}

.services-detail-orange-b {
  border-top-left-radius: 1000px;
  border-top-right-radius: 1000px;
  margin-left: 15%;
  margin-right: 15%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.services-detail-blur-img {
  filter: blur(8px);
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  margin: -15px;
  position: absolute;
  inset: 0%;
}

.services-detail-blur-img.v-webdesign {
  background-image: url('../images/services-detail-circle-webdesign2x.png');
}

.services-detail-orange-mask {
  background-color: var(--chocolate);
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.popup-cookies {
  z-index: 3000;
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
  overflow: hidden;
}

.popup-cookies.edit {
  display: none;
}

.popup-cookies-content {
  text-align: center;
  width: 100%;
}

.font-color-orange {
  color: var(--chocolate);
}

.cookies-img-b {
  flex: none;
  width: 100px;
  max-width: 100%;
  margin-right: 20px;
  position: relative;
}

.cookies-move {
  width: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.ad-enquiry-b {
  background-color: var(--white-smoke);
  color: var(--black);
  margin-bottom: 50px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.lang-dropdown {
  margin-top: 20px;
  margin-right: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.lang-dropdown-toggle {
  background-color: var(--chocolate);
  color: var(--white);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 8px 15px;
  font-size: 16px;
  line-height: 120%;
  transition: background-color .5s;
  display: flex;
}

.lang-dropdown-toggle:hover {
  background-color: #cf4c00;
}

.lang-dropdown-arrow {
  width: 10px;
  margin-left: 5px;
}

.lang-dropdown-list.w--open {
  background-color: #0000;
}

.lang-dropdown-link {
  color: var(--white);
  text-align: center;
  padding: 8px 10px;
  font-size: 16px;
  line-height: 120%;
  transition: background-color .5s;
  display: block;
}

.lang-dropdown-link:hover {
  background-color: #0000004d;
}

.lang-dropdown-wrap {
  background-color: var(--chocolate);
  border-radius: 10px;
  margin-top: 5px;
}

.lang-line {
  background-color: var(--white);
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}

.home-about-b {
  max-width: 800px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.home-banner-word {
  display: inline-block;
}

.btn-music {
  width: 40px;
  margin-top: 20px;
  margin-left: 20px;
  transition: opacity .5s;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.btn-music:hover {
  opacity: .5;
}

.popup-cookies-wrap {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.popup-cookies-main {
  text-align: left;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
  display: flex;
}

html.w-mod-js [data-ix="common-fade-from-bottom"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="common-fade-from-left"] {
  opacity: 0;
  transform: translate(-50px);
}

html.w-mod-js [data-ix="common-zoom-out"] {
  opacity: 0;
  transform: scale(1.1);
}

html.w-mod-js [data-ix="home-banner-interaction"] {
  opacity: 0;
}

html.w-mod-js [data-ix="banner-graphic-animation"] {
  opacity: 0;
  transform: scale(1.2);
}

html.w-mod-js [data-ix="init-nav-menu"] {
  opacity: 0;
}

html.w-mod-js [data-ix="ec-ad-item-scroll"], html.w-mod-js [data-ix="txt-item-scroll"], html.w-mod-js [data-ix="about-team-lead-interaction"], html.w-mod-js [data-ix="about-team-interaction"] {
  opacity: 0;
  transform: translate(0, 50px);
}

html.w-mod-js [data-ix="tick-point-animation"] {
  opacity: 0;
  transform: translate(0, 30px);
}

@media screen and (min-width: 1280px) {
  .home-banner-headline-txt {
    font-size: 120px;
    line-height: 160px;
  }

  .section-div.home-reachus {
    margin-top: -12vw;
  }

  .showcase-img-list {
    margin-left: -20px;
    margin-right: -20px;
  }

  .showcase-img-item {
    width: 25%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-menu-site-wrap {
    margin-left: -25px;
    margin-right: -25px;
  }

  .foooter-menu-site-item {
    padding-left: 25px;
    padding-right: 25px;
  }

  .footer-wrap {
    justify-content: space-between;
    align-items: center;
  }

  .footer-social-b {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-social-list {
    justify-content: flex-start;
    align-items: center;
  }

  .footer-social-item {
    margin-right: 30px;
  }

  .ysd-bb-b {
    margin-bottom: 85px;
  }

  .ec-expand-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-item-b {
    width: 16.6%;
  }

  .showcase-highlight-item {
    padding-left: 50px;
    padding-right: 50px;
  }

  .showcase-highlight-deco-b {
    margin-top: -10%;
  }

  .listing-filter-item {
    width: 25%;
  }

  .about-passion-row {
    padding-left: 150px;
    padding-right: 150px;
  }

  .about-team-item {
    width: 20%;
  }

  .services-item-title-b {
    z-index: 1;
  }

  .services-item-col {
    width: 30%;
  }
}

@media screen and (min-width: 1440px) {
  .container {
    padding-left: 60px;
    padding-right: 60px;
  }

  .seasonal-banner-b {
    margin-right: 5vw;
  }

  .section-div.bottom-0 {
    margin-bottom: 0;
  }

  .section-div.home-reachus {
    min-height: 900px;
  }

  .showcase-img-item {
    width: 20%;
  }

  .footer-menu-b {
    padding-bottom: 1vw;
    bottom: -1vw;
  }

  .footer-b {
    position: relative;
  }

  .ysd-bb-b {
    margin-bottom: 90px;
  }

  .home-game-b {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .career-detail-b {
    margin-left: -50px;
    margin-right: -50px;
  }

  .career-detail-col {
    padding-left: 50px;
    padding-right: 50px;
  }

  .logo-item-b {
    width: 12.5%;
  }

  .showcase-highlight-list {
    width: 40%;
  }

  .showcase-highlight-deco-b {
    height: 160%;
  }

  .listing-filter-item {
    width: 20%;
  }

  .ad-detail-banner-b {
    padding-top: 200px;
  }

  .contact-map-options {
    margin-right: 60px;
  }

  .about-detail-banner-b {
    padding-top: 200px;
  }

  .about-passion-row {
    padding-left: 200px;
    padding-right: 200px;
  }

  .about-passion-graphic-b {
    padding-right: 90px;
  }

  .about-team-item {
    width: 16.66%;
  }

  .ad-listing-item {
    width: 20%;
  }

  .ad-listing-item.v-long {
    width: 40%;
  }

  .ad-detail-padding {
    padding-left: 60px;
    padding-right: 60px;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 17px;
    line-height: 28px;
  }

  h2 {
    font-size: 80px;
    line-height: 90px;
  }

  .section-content.v-nobanner {
    padding-top: 150px;
  }

  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .btn-toggle.v-txt-item {
    margin-top: 3px;
  }

  .home-banner-headline-txt {
    letter-spacing: 6px;
    font-size: 80px;
    line-height: 90px;
  }

  .home-banner-headline-line-2 {
    flex-wrap: wrap;
  }

  .home-banner-subtitles {
    flex: 1;
    min-width: 300px;
  }

  .header-brand {
    width: 200px;
    height: 120px;
  }

  .header-logo-b {
    width: 100px;
  }

  .banner-graphics {
    align-content: flex-start;
  }

  .scroll-tape {
    width: 991px;
  }

  .seasonal-banner-b {
    width: 70%;
  }

  .section-div.home-reachus {
    min-height: 500px;
    margin-top: -22vw;
  }

  .seasonal-banner-btn-row {
    padding-right: 5vw;
  }

  .banner-graphic-gp {
    width: 50vw;
  }

  .section-heading-b.v-reachus {
    margin-top: 10vw;
  }

  .section-heading-line-2 {
    margin-top: -10px;
  }

  .showcase-img-list {
    margin-bottom: -60px;
    margin-left: -3vw;
    margin-right: -3vw;
  }

  .home-client-b {
    margin-top: -25px;
    padding-bottom: 25px;
  }

  .showcase-img-item {
    width: 50%;
    margin-bottom: 60px;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .mobile-hide {
    display: block;
  }

  .footer-menu-showcase-wrap {
    margin-left: -5px;
    margin-right: -5px;
  }

  .footer-menu-showcase-link {
    font-size: 20px;
    line-height: 24px;
  }

  .footer-menu-showcase-item {
    padding-left: 5px;
    padding-right: 5px;
  }

  .footer-menu-site-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }

  .foooter-menu-site-item {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-menu-site-link {
    font-size: 16px;
    line-height: 20px;
  }

  .footer-social-item {
    margin-right: 15px;
  }

  .footer-social-link {
    width: 25px;
  }

  .sphere-big {
    margin-left: 0;
  }

  .ysd-bb-b {
    margin-bottom: 90px;
    margin-right: 0;
  }

  .ysd-bb {
    width: 120px;
  }

  .ysdbb-wrap {
    padding-right: 0;
  }

  .home-game-description {
    font-size: 30px;
    line-height: 36px;
  }

  .home-game-arrow-b {
    margin-left: 30px;
    margin-right: 30px;
  }

  .home-game-playnow {
    width: 100px;
    height: 100px;
    font-size: 20px;
    line-height: 22px;
  }

  .minigame-title-marquee-b {
    width: 50px;
    margin-left: 2vw;
  }

  .minigame-title-marquee-b.v-2nd {
    margin-right: 2vw;
  }

  .innerpage-banner-b {
    padding-bottom: 25px;
  }

  .innerpage-intro {
    padding-left: 40%;
  }

  .ec-icon {
    width: 25px;
    height: 25px;
    margin-top: 2px;
  }

  .logo-list {
    margin-bottom: -20px;
  }

  .logo-item-b {
    width: 25%;
    margin-bottom: 20px;
  }

  .sphere-bottom {
    margin-left: 0;
  }

  .showcase-listing-highlight-b {
    margin-top: -80px;
    margin-bottom: 80px;
  }

  .showcase-highlight-list {
    width: 70%;
  }

  .showcase-highlight-item {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .showcase-highlight-item-title {
    font-size: 24px;
    line-height: 30px;
  }

  .highlight-indicator {
    width: 150px;
    height: 150px;
    margin-top: -75px;
    font-size: 24px;
    line-height: 30px;
  }

  .showcase-highlight-arrow-b {
    margin-top: 30px;
  }

  .showcase-highlight-arrow {
    width: 40px;
  }

  .listing-filter-item.v-50 {
    width: 100%;
  }

  .ad-detail-banner-heading {
    font-size: 50px;
    line-height: 60px;
  }

  .ad-detail-banner-logo-b {
    margin-right: 8vw;
  }

  .ad-detail-banner-intro {
    width: 50%;
  }

  .ad-detail-shortcut-list {
    padding-right: 250px;
  }

  .ad-detail-banner-bottom {
    margin-top: 60px;
  }

  .shortcut-circle-b {
    width: 250px;
    height: 250px;
    font-size: 40px;
    line-height: 45px;
  }

  .ad-detail-para-b {
    padding-left: 30%;
  }

  .ad-detail-para-b.v-item-detail {
    padding-left: 20%;
  }

  .ad-detail-txt-item {
    margin-bottom: 15px;
  }

  .ad-detail-txt-item-link {
    font-size: 30px;
    line-height: 36px;
  }

  .ad-detail-txt-item-link-wrap {
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .about-story-b {
    height: auto;
  }

  .about-story-sticky {
    position: relative;
    top: auto;
  }

  .about-story-content {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }

  .about-story-intro-b {
    width: auto;
    padding-left: 30%;
    padding-right: 0;
  }

  .about-story-timeline-b {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 50px;
    display: block;
    position: sticky;
    top: 100px;
  }

  .about-timeline-item {
    width: 100%;
    margin-bottom: 100px;
    padding-right: 0;
  }

  .about-story-timeline-wrap {
    border-bottom-style: none;
    padding-bottom: 0;
    display: block;
  }

  .inner-detail-para-b {
    padding-left: 30%;
  }

  .about-story-desktop-track {
    flex: 0 auto;
    display: block;
  }

  .timeline-arrow-b {
    display: none;
  }

  .about-belief-graphic-b {
    padding-left: 5vw;
  }

  .about-passion-row {
    padding-left: 0;
    padding-right: 0;
  }

  .about-team-lead-list {
    margin-left: -3vw;
    margin-right: -3vw;
  }

  .about-team-lead-item {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .about-team-lead-img-b {
    width: 70%;
  }

  .ads-filter-col {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ads-filter-subcol {
    width: auto;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .ads-filter-subcol-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .ad-listing-item {
    flex: 1;
    width: 33.3%;
    min-width: 33.3%;
  }

  .ad-listing-item.v-long {
    width: 66.7%;
    min-width: 66.7%;
  }

  .ad-detail-col.col-l {
    width: 40%;
  }

  .ad-detail-col.col-r {
    width: 60%;
  }

  .ad-detail-padding {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ad-detail-heading {
    font-size: 50px;
    line-height: 60px;
  }

  .tick-point-list.v-services-list {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
    display: flex;
  }

  .tick-point.v-services-list {
    width: 33.3%;
    padding-right: 15px;
  }

  .services-item-title-b {
    margin-bottom: -15px;
  }

  .services-item-title-b.v-detail {
    padding-right: 35%;
  }

  .services-item-title-txt-b {
    font-size: 30px;
  }

  .services-item-title-num {
    padding-top: 0;
    font-size: 100px;
  }

  .services-item-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .services-item-col {
    padding-left: 0;
    padding-right: 0;
  }

  .services-item-col.col-img {
    width: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }

  .services-item-col.col-txt {
    width: auto;
    margin-top: 20px;
  }

  .services-detail-col.col-img {
    width: 30%;
    margin-top: -150px;
  }

  .services-detail-col.col-txt {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }

  h2 {
    font-size: 70px;
    line-height: 80px;
  }

  h3 {
    font-size: 24px;
    line-height: 30px;
  }

  .section-content {
    padding-bottom: 60px;
  }

  .section-content.v-home {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-content.v-nobanner {
    padding-top: 120px;
  }

  .container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .btn-toggle {
    font-size: 20px;
    line-height: 24px;
  }

  .btn-toggle.v-txt-item {
    margin-top: 0;
  }

  .btn-toggle-txt {
    margin-right: 10px;
  }

  .btn-toggle-track.v-small {
    width: 50px;
    height: 25px;
  }

  .home-banner-b {
    padding-bottom: 20vh;
  }

  .home-banner-headline-txt {
    letter-spacing: 5px;
    font-size: 60px;
    line-height: 70px;
  }

  .home-banner-headline-line-1 {
    float: none;
  }

  .home-banner-headline-line-2 {
    float: none;
    display: block;
  }

  .home-banner-subtitles {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
  }

  .header-brand {
    height: 95px;
  }

  .header-logo-b {
    width: 90px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .scroll-tape {
    width: 767px;
    transform: rotate(20deg);
  }

  .scroll-tape-track {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .seasonal-banner-b {
    width: 70%;
  }

  .section-div {
    margin-bottom: 60px;
  }

  .section-div.home-reachus {
    margin-top: -20vw;
  }

  .banner-graphic-mask {
    height: 100px;
  }

  .section-heading-b {
    padding-bottom: 30vw;
  }

  .section-heading-b.v-detail-first {
    margin-top: 0;
  }

  .section-heading-b.v-home-client {
    margin-top: -25vw;
  }

  .section-heading-b.v-reachus {
    margin-top: 0;
  }

  .section-heading-wrap {
    transform: rotate(-15deg);
  }

  .home-client-b {
    margin-top: 0;
  }

  .showcase-img-item {
    width: 50%;
  }

  .showcase-item-img-b {
    margin-bottom: 30px;
  }

  .showcase-img-item-txt {
    font-size: 20px;
    line-height: 24px;
  }

  .showcase-item-tag-list.v-highlight {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .showcase-item-tag {
    margin-right: 15px;
  }

  .home-reachus-btn-b {
    text-align: center;
  }

  .slope-white {
    background-image: url('../images/slope-w-top-m.svg');
    padding-top: 34.6%;
  }

  .slope-white.v-bottom {
    background-image: url('../images/slope-w-bottom-m.svg');
  }

  .client-logo {
    width: 160px;
  }

  .mobile-hide {
    display: none;
  }

  .footer-menu-b {
    justify-content: space-between;
    position: relative;
    bottom: auto;
    overflow: visible;
  }

  .footer-menu-showcase-b {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 25px;
    padding-bottom: 50px;
    transform: none;
  }

  .footer-menu-showcase-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .footer-menu-showcase-link {
    text-align: left;
    line-height: 28px;
  }

  .footer-menu-showcase-item {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menu-site-b {
    width: 50%;
    padding-top: 25px;
    padding-bottom: 50px;
  }

  .footer-menu-site-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .foooter-menu-site-item {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-menu-site-link {
    text-align: left;
    font-size: 20px;
    line-height: 28px;
  }

  .footer-b {
    z-index: 1000;
    background-color: var(--black);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: -15px;
    line-height: 20px;
  }

  .footer-wrap {
    padding-top: 25px;
    padding-bottom: 25px;
    display: block;
  }

  .footer-social-b {
    width: auto;
  }

  .footer-social-list {
    justify-content: center;
    margin-left: -14px;
    margin-right: -14px;
  }

  .footer-social-item {
    margin-right: 0;
    padding-left: 14px;
    padding-right: 14px;
  }

  .footer-social-link {
    width: 30px;
  }

  .footer-copyright-b {
    width: auto;
    margin-top: 25px;
    margin-bottom: 10px;
  }

  .footer-privacy-b {
    text-align: center;
    width: auto;
  }

  .bg-sphere-l {
    justify-content: flex-end;
    display: none;
  }

  .sphere-big {
    max-width: 80%;
    margin-right: -10vw;
  }

  .sphere-reachus {
    width: 70%;
    max-width: 400px;
    margin-bottom: -80px;
  }

  .footer-m-angle-b {
    justify-content: center;
    width: 100%;
    margin-top: 1px;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
    transform: translate(0, -100%);
  }

  .footer-angle-img {
    width: 50%;
    display: block;
  }

  .footer-m-tip {
    width: 40px;
    display: block;
    position: absolute;
    inset: 0% auto auto 50%;
    transform: translate(-50%, -100%);
  }

  .mobile-menu {
    z-index: 1500;
    background-color: #0000;
    width: 70px;
    height: 70px;
    margin-bottom: 110px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .btn-menu {
    z-index: 2000;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 0;
  }

  .btn-menu.w--open {
    background-color: #0000;
  }

  .btn-menu-bg {
    background-image: url('../images/menu-sphere.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .btn-menu-line-1 {
    background-color: var(--black);
    border-radius: 20px;
    width: 30px;
    height: 6px;
    padding: 0;
    position: relative;
  }

  .btn-menu-line-2 {
    background-color: var(--black);
    border-radius: 20px;
    width: 30px;
    height: 6px;
    margin-top: 8px;
    padding: 0;
    position: relative;
  }

  .btn-menu-wrap {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .nav-menu {
    background-color: var(--black);
    width: 100vw;
    height: 100vh;
    padding: 0 0 100px;
    position: fixed;
    inset: 0% auto auto 0%;
    overflow: auto;
  }

  .nav-menu-wrap {
    text-transform: uppercase;
    justify-content: center;
    display: flex;
    position: relative;
  }

  .v-nav {
    padding-top: 100px;
    padding-bottom: 30vw;
  }

  .menu-nav-deco {
    width: 100%;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .nav-search-b {
    margin-bottom: 25px;
  }

  .search-field::placeholder {
    color: #ffffffb3;
  }

  .ysd-bb-b {
    margin-top: -100px;
    margin-bottom: -46px;
    inset: 0% 0% auto auto;
  }

  .ysd-bb {
    margin-top: 30px;
  }

  .ysd-bb-msg {
    width: 220px;
  }

  .home-game-b {
    padding: 0;
  }

  .footer-menu-wrap {
    flex-flow: wrap;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    padding-top: 0;
    display: flex;
  }

  .mobile-menu-b {
    margin-bottom: -6vw;
    display: block;
    bottom: 20px;
  }

  .home-game-description {
    font-size: 24px;
    line-height: 30px;
  }

  .home-game-arrow-b {
    width: 40px;
    margin-top: 25px;
    margin-left: 0;
    margin-right: 15%;
  }

  .minigame-title-marquee-b {
    width: 1560px;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: 0;
    position: static;
    transform: none;
  }

  .minigame-title-marquee-b.v-2nd {
    margin-right: 0;
    transform: translate(-50%)rotate(180deg);
  }

  .mobile-only {
    display: block;
  }

  .innerpage-intro {
    padding-top: 20px;
    padding-left: 20%;
  }

  .ec-title-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ec-title-txt {
    font-size: 20px;
    line-height: 24px;
  }

  .ec-icon {
    width: 20px;
    height: 20px;
    margin-top: 3px;
  }

  .ec-expand-wrap {
    padding-top: 20px;
    padding-bottom: 30px;
  }

  .career-detail-b {
    display: block;
  }

  .career-detail-col {
    width: auto;
    margin-bottom: 30px;
  }

  .bullet-list-item {
    background-position: 0 11px;
  }

  .career-btn-b {
    margin-top: 0;
  }

  .logo-list {
    margin-bottom: -15px;
  }

  .logo-item-b {
    width: 33.3%;
    margin-bottom: 15px;
  }

  .sphere-bottom {
    width: 100%;
    max-width: none;
    margin-bottom: 100px;
    margin-left: -20%;
    inset: auto auto 0% 0%;
  }

  .showcase-listing-highlight-b {
    margin-top: -50px;
    margin-bottom: 50px;
  }

  .showcase-highlight-list {
    width: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .showcase-highlight-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    transform: none;
  }

  .showcase-highlight-img-b {
    border-width: 2px;
  }

  .showcase-highlight-item-title {
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 20px;
    line-height: 30px;
  }

  .showcase-highlight-arrow-b {
    margin-top: 20px;
  }

  .showcase-highlight-arrow {
    width: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }

  .showcase-highlight-deco {
    width: 130%;
    transform: translate(-50%)rotate(-15deg);
  }

  .showcase-highlight-deco-b {
    height: 120%;
    margin-top: -15%;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }

  .listing-search-b {
    margin-bottom: 50px;
  }

  .listing-filter-b {
    margin-top: 20px;
  }

  .filter-list {
    display: none;
  }

  .filter-list.v-mobile {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .listing-filter-item {
    width: auto;
    margin-bottom: 10px;
  }

  .listing-filter-mobile-b {
    display: block;
    position: relative;
  }

  .filter-dropdown {
    z-index: 1;
    background-image: linear-gradient(70deg, #47474780, var(--black));
    border-radius: 5px;
    display: block;
  }

  .filter-dropdown-toggle {
    color: var(--white);
    padding: 12px 30px 12px 10px;
    font-size: 20px;
    display: block;
  }

  .filter-dropdown-icon-b {
    margin-right: 10px;
    position: absolute;
    inset: 50% 0% auto auto;
    transform: translate(0, -50%);
  }

  .filter-dropdown-list {
    z-index: 1;
    background-color: #0000;
    position: relative;
    overflow: hidden;
  }

  .dropdown-filter-title-txt {
    z-index: 10;
    margin-top: -12px;
    margin-left: 10px;
    font-size: 14px;
    line-height: 20px;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .filter-dropdown-toggle-txt {
    overflow: hidden;
  }

  .ad-detail-banner-b {
    padding-top: 140px;
  }

  .ad-detail-banner-img {
    padding-top: 100%;
  }

  .ad-detail-banner-img.v-gniib {
    /* background-image: url('../images/gniib-detail-banner-m2x.jpg'); */
  }

  .ad-detail-banner-content-b {
    margin-left: 20vw;
    display: block;
  }

  .ad-detail-banner-heading {
    letter-spacing: 2px;
    margin-bottom: 30px;
    font-size: 45px;
    line-height: 50px;
  }

  .ad-detail-banner-logo-b {
    margin-bottom: 30px;
    margin-right: 0;
  }

  .ad-detail-banner-intro {
    width: auto;
  }

  .ad-detail-shortcut-b {
    margin-top: 0;
    margin-bottom: 0;
  }

  .page-shortcut-bar {
    padding-top: 20px;
    padding-bottom: 20px;
    transform: none;
  }

  .ad-detail-shortcut-list {
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 0;
  }

  .page-shortcut-item {
    width: 50%;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ad-detail-banner-bottom {
    background-image: url('../images/detail-shortcut-mask-m.svg');
    padding-top: 29.33%;
  }

  .ad-detail-banner-bottom.v-about {
    background-image: url('../images/about-shortcut-mask-m.svg');
  }

  .ad-detail-banner-bottom.v-about.v-bottom {
    background-image: url('../images/detail-shortcut-mask-m-bottom.svg');
    margin-top: 0;
    display: block;
  }

  .shortcut-circle-b {
    width: 40vw;
    height: 40vw;
    font-size: 6vw;
    line-height: 6vw;
    transform: translate(0, -100%);
  }

  .ad-detail-logoguide-content {
    display: block;
  }

  .ad-detail-logoguide-col {
    width: auto;
  }

  .ad-detail-logoguide-col.col-logo {
    padding-top: 0;
  }

  .ad-detail-para-b {
    margin-bottom: 50px;
    padding-left: 0%;
  }

  .ad-detail-para-b.v-item-detail {
    padding-left: 0%;
  }

  .ad-detail-item-list {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .ad-detail-item-b {
    margin-bottom: 20px;
  }

  .ad-detail-item-title-b {
    margin-top: 15px;
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .ad-detail-item-title-txt {
    font-size: 20px;
    line-height: 24px;
  }

  .ad-detail-item-expand-wrap {
    padding-top: 30px;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .ad-detail-img-b {
    margin-bottom: 20px;
    margin-right: -5vw;
    padding-left: 5vw;
  }

  .ad-detail-txt-item-list {
    margin-bottom: 50px;
  }

  .ad-detail-txt-item {
    margin-bottom: 10px;
  }

  .ad-detail-txt-item-link {
    font-size: 20px;
    line-height: 25px;
  }

  .ad-detail-txt-item-link-wrap {
    padding-bottom: 10px;
    padding-left: 0;
  }

  .txt-item-link-line-vert {
    display: none;
  }

  .contact-col-b {
    width: 50%;
  }

  .contact-col-b.col-email {
    width: 100%;
    margin-bottom: 50px;
  }

  .contact-col-b.col-wechat {
    order: -1;
    width: 100%;
    margin-bottom: 50px;
  }

  .slope-cream {
    background-image: url('../images/contact-slope-bottom-top.svg');
    padding-top: 34.6%;
  }

  .slope-cream.v-bottom {
    background-image: url('../images/contact-slope-bottom-m.svg');
  }

  .contact-textfield {
    font-size: 16px;
    line-height: 24px;
  }

  .contact-input-b {
    margin-bottom: 30px;
  }

  .contact-form-col {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-form-wrap {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .contact-textarea {
    height: 200px;
    min-height: 200px;
    font-size: 16px;
    line-height: 24px;
  }

  .btn-contact-upload {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .contact-uploaded-item-title {
    background-size: auto 25px;
    min-height: 25px;
  }

  .btn-upload-cancel {
    width: 16px;
  }

  .form-checkbox-label {
    padding-top: 3px;
  }

  .contact-checkboc-item {
    width: 50%;
  }

  .checkboc-txtfield-b {
    padding-left: 30px;
  }

  .contact-map-wrap {
    width: 140vw;
    height: 91vw;
    margin-left: -10vw;
  }

  .contact-map-pt-des {
    width: 40px;
    height: 40px;
  }

  .map-start-dot {
    width: 12px;
    height: 12px;
  }

  .map-landmark-indicator {
    width: 15px;
    height: 15px;
  }

  .map-landmark-content-b {
    width: 150px;
  }

  .contact-map-b {
    margin-top: -35vw;
  }

  .contact-map-options {
    margin-bottom: 50px;
    margin-right: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    display: flex;
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }

  .contact-map-option-item {
    width: 50%;
    padding-left: 15px;
    padding-right: 17px;
  }

  .contact-map-option-item.v-first {
    border-right: 1px solid var(--white);
    border-bottom-style: none;
  }

  .map-option-link {
    text-align: center;
    justify-content: center;
  }

  .map-option-txt-b {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .map-option-txt-time {
    margin-right: 5px;
  }

  .map-option-active-img {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .contact-map-indicator {
    width: 140vw;
    height: 91vw;
    margin-left: -10vw;
  }

  .about-detail-banner-b {
    padding-top: 140px;
  }

  .about-intro-b {
    display: block;
  }

  .about-intro-col-l {
    max-width: 200px;
  }

  .about-intro-col-r {
    width: 100%;
    margin-top: 30px;
    padding-left: 20%;
  }

  .about-story-intro-b {
    padding-left: 20%;
  }

  .timeline-txt-year {
    font-size: 50px;
    line-height: 55px;
  }

  .timeline-txt-title {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 30px;
  }

  .timeline-item-circle {
    width: 150px;
  }

  .inner-detail-para-b {
    margin-bottom: 50px;
    padding-left: 0%;
  }

  .inner-detail-para-b.v-about {
    padding-left: 20%;
  }

  .about-belief-b {
    display: block;
  }

  .about-belief-content-b {
    width: auto;
  }

  .about-belief-slide-title {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 30px;
  }

  .about-belief-graphic-b {
    width: auto;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }

  .belief-arrow {
    background-image: url('../images/about-belief-tip-d.svg');
    width: 11px;
    height: 11px;
    margin-left: 0;
    inset: auto auto 0% 50%;
    transform: translate(-50%, 50%);
  }

  .about-passion-i-love {
    text-align: left;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
  }

  .about-passion-row {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .about-passion-graphic-b {
    width: auto;
    margin-left: -5vw;
    margin-right: -5vw;
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .about-passion-graphic-b.v-even {
    padding-left: 0;
  }

  .about-passion-graphic-b.v-odd {
    padding-right: 0;
  }

  .about-passion-txt-b {
    background-image: linear-gradient(to top, #000 60%, #0000);
    width: auto;
    margin-top: -80px;
  }

  .about-brand-intro-b {
    display: block;
  }

  .about-brand-intro-col {
    width: auto;
  }

  .about-brand-intro-col.col-txt {
    margin-bottom: 20px;
    padding-left: 20%;
  }

  .about-brand-gallery-wrap {
    transform: rotate(-15deg);
  }

  .about-brand-gallery-item {
    width: 375px;
  }

  .about-brand-gallery-b {
    margin-bottom: -16vw;
    padding-top: 16vw;
    padding-bottom: 16vw;
  }

  .about-team-lead-item {
    width: 100%;
  }

  .about-team-lead-item-content.v-even {
    justify-content: flex-end;
  }

  .about-team-lead-img-b {
    max-width: 300px;
  }

  .about-team-lead-txt-b.v-even {
    text-align: right;
    order: -1;
  }

  .about-team-lead-item-name {
    text-shadow: 2px 2px #000;
    font-size: 24px;
  }

  .about-team-item {
    width: 33.3%;
  }

  .about-team-item-role {
    font-size: 14px;
  }

  .about-team-item-name {
    font-size: 20px;
  }

  .ads-filter-b {
    margin-bottom: 60px;
    display: block;
  }

  .ads-filter-col {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .ads-filter-col.col-l {
    border-right-style: none;
    margin-bottom: 20px;
  }

  .ads-filter-subcol {
    margin-bottom: 20px;
  }

  .textfield::placeholder {
    color: #ffffffb3;
  }

  .ad-listing-item {
    flex: 1;
  }

  .ad-item-title {
    font-size: 20px;
  }

  .ad-detail-content-b {
    display: block;
  }

  .ad-detail-col.col-l {
    border-right-style: none;
    width: auto;
  }

  .ad-detail-col.col-r, .ad-detail-col.col-enquirt-l {
    width: auto;
  }

  .ad-detail-subheading {
    font-size: 20px;
  }

  .ad-detail-heading {
    letter-spacing: 2px;
    font-size: 45px;
    line-height: 50px;
  }

  .ad-detail-price-b {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 24px;
  }

  .ad-detail-gp {
    margin-bottom: 25px;
  }

  .tick-point.v-services-list {
    width: 50%;
  }

  .tick-point-icon-b {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }

  .services-item-title-b {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px;
  }

  .services-item-title-b.v-detail {
    margin-bottom: 0;
    padding-right: 0%;
  }

  .services-item-title-txt-b {
    font-size: 24px;
  }

  .services-item-title-line {
    margin-left: 10px;
    margin-right: 10px;
  }

  .services-item-title-num {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 80px;
  }

  .services-detail-wrap {
    margin-bottom: 60px;
    display: block;
  }

  .services-detail-col.col-img {
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-height: none;
    margin-top: 0;
    margin-bottom: 20px;
    display: flex;
    position: relative;
    top: 0;
  }

  .services-detail-col.col-txt {
    width: auto;
    padding-right: 0;
  }

  .services-detail-circle {
    width: 200px;
    margin-left: auto;
    padding-top: 200px;
  }

  .services-detail-orange-b {
    border-radius: 1000px;
    margin: 20px 0;
  }

  .popup-cookies {
    width: 100%;
    display: none;
  }

  .popup-cookies.v-mobile {
    z-index: 1000;
    margin-top: -90px;
    display: block;
    position: relative;
    bottom: -22px;
  }

  .cookies-img-b {
    width: 80px;
  }

  .cookies-link {
    margin-top: 0;
  }

  .ad-enquiry-b {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lang-dropdown {
    margin-top: 15px;
    margin-right: 15px;
  }

  .lang-dropdown-link {
    font-size: 14px;
  }

  .btn-music {
    width: 35px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 60px;
    line-height: 70px;
  }

  .section-content {
    padding-bottom: 50px;
  }

  .section-content.v-home {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .home-banner-headline-txt {
    letter-spacing: 3px;
    font-size: 45px;
    line-height: 50px;
  }

  .home-banner-subtitles {
    letter-spacing: 1px;
    line-height: 24px;
  }

  .header-brand {
    width: 180px;
    height: 90px;
  }

  .header-logo-b {
    width: 80px;
  }

  .scroll-tape {
    width: 479px;
  }

  .section-div {
    margin-bottom: 50px;
  }

  .section-div.home-reachus {
    min-height: 100vw;
  }

  .banner-graphic-gp {
    width: 90vw;
  }

  .banner-graphic-row {
    flex: none;
    width: auto;
  }

  .banner-graphic-mask {
    height: 50px;
  }

  .showcase-img-list {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .showcase-img-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .reachus-bg {
    align-items: center;
  }

  .sphere-reachus {
    width: 90%;
    margin-bottom: -140px;
  }

  .ysd-bb {
    width: 100px;
    margin-top: 40px;
  }

  .ysd-bb-msg {
    width: 200px;
    margin-right: -15px;
  }

  .home-game-img-b {
    width: 80%;
    max-width: 300px;
    margin-left: auto;
  }

  .home-game-graphic-b {
    display: block;
  }

  .home-game-arrow-b {
    margin: 0 0% -15px 15%;
  }

  .home-game-playnow {
    font-size: 16px;
    line-height: 18px;
  }

  .minigame-title-marquee-b {
    width: 1200px;
  }

  .innerpage-intro {
    padding-left: 15%;
  }

  .ec-expand-wrap {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo-item-b {
    width: 50%;
  }

  .showcase-listing-highlight-b {
    margin-top: -30px;
  }

  .highlight-indicator {
    width: 120px;
    height: 120px;
    margin-top: -60px;
    font-size: 20px;
    line-height: 24px;
  }

  .listing-filter-b {
    margin-top: 15px;
  }

  .filter-dropdown {
    background-image: linear-gradient(70deg, #47474780, #171717);
  }

  .ad-detail-banner-content-b {
    margin-left: 15vw;
  }

  .ad-detail-banner-heading {
    font-size: 36px;
    line-height: 40px;
  }

  .ad-detail-shortcut-list {
    padding-right: 0;
  }

  .contact-col-b {
    width: 50%;
  }

  .contact-checkbox-gp {
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .contact-checkboc-item {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-map-wrap, .contact-map-indicator {
    width: 160vw;
    height: 104vw;
  }

  .about-story-sticky {
    position: relative;
  }

  .timeline-txt-year {
    margin-bottom: 5px;
  }

  .timeline-txt-title {
    margin-bottom: 20px;
  }

  .about-passion-txt-b {
    background-image: linear-gradient(to top, #000 80%, #0000);
  }

  .about-passion-b {
    overflow: hidden;
  }

  .about-team-item {
    width: 50%;
  }

  .ads-filter-b {
    margin-bottom: 50px;
  }

  .ads-filter-subcol-title {
    margin-bottom: 5px;
  }

  .ad-listing-item {
    width: 50%;
    min-width: 50%;
  }

  .ad-listing-item.v-long {
    width: 100%;
    min-width: 100%;
  }

  .ad-detail-heading {
    font-size: 36px;
    line-height: 40px;
  }

  .tick-point-list.v-services-list {
    display: block;
  }

  .tick-point.v-services-list {
    width: auto;
    padding-right: 0;
  }

  .services-item-title-line {
    max-width: 20%;
  }

  .services-item-title-num {
    font-size: 70px;
  }

  .services-detail-wrap {
    margin-bottom: 50px;
  }

  .services-detail-circle {
    width: 150px;
    padding-top: 150px;
  }

  .popup-cookies {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .popup-cookies.v-mobile {
    margin-top: -120px;
  }

  .ad-enquiry-b {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .lang-dropdown-toggle {
    padding: 5px 10px;
    font-size: 14px;
  }

  .popup-cookies-wrap {
    text-align: right;
    display: block;
  }

  .popup-cookies-main {
    margin-bottom: 10px;
    margin-right: 0;
  }
}