* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: OPPOSans-M;
  src: url(../fonts/OPPOSans-M-2.ttf);
}

@font-face {
  font-family: OPPOSans-L;
  src: url(../fonts/OPPOSans-L.ttf);
}

@font-face {
  font-family: OPPOSans-R;
  src: url(../fonts/OPPOSans-R-2.ttf);
}

@font-face {
  font-family: OPPOSans-B;
  src: url(../fonts/OPPOSans-B-2.ttf);
}

@font-face {
  font-family: OPPOSans-H;
  src: url(../fonts/OPPOSans-H-2.ttf);
}

@font-face {
  font-family: Gilroy-Regular;
  src: url(../fonts/gilroy-regular-3.otf);
}

@font-face {
  font-family: Gilroy-Medium;
  src: url(../fonts/Gilroy-Medium.ttf);
}

@font-face {
  font-family: Gilroy-Bold;
  src: url(../fonts/gilroy-bold-4.otf);
}

@font-face {
  font-family: AvenirLTStd-Black;
  src: url(../fonts/AvenirLTStd-Black.otf);
}

.page ul {
  list-style: none;
}

.page a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.page .mobile {
  display: none !important;
}

.page .flex {
  display: flex;
}

.page .bw {
  justify-content: space-between;
}

.page .transformY {
  transform: translateY(-20px);
}

@media (max-width: 768px) {
  .page .mobile {
    display: block !important;
  }
  .page .mobile.flex {
    display: flex !important;
  }
  .page .pc {
    display: none !important;
  }
}