@font-face {
  font-family: "Poppins-SemiBold";
  src: url(/ac8d04b620e54be9b0f0.ttf);
}

@font-face {
  font-family: "Poppins-Medium";
  src: url(/673ed42382ab264e0bf5.ttf);
}

@font-face {
  font-family: "Poppins-Regular";
  src: url(/35d26b781dc5fda684cc.ttf);
}

@font-face {
  font-family: "BOXING";
  src: url(/fa95041eb411c240bb12.otf);
}

@font-face {
  font-family: "Montserrat-Light";
  src: url(/dcccd61bf06aba5c5c99.otf);
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url(/fc95a2b78f36289e1b66.otf);
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url(/87bf4560553a05452419.otf);
}

.home1,
.home2 {
  background: url(e3028e5d81975d35c922.png);
  background-size: 100% 100%;
  height: 25rem;
  padding: 4rem 1rem 0;
  width: 100% !important;
}

html {
  font-size: 16px
}

@media(min-width: 768px) {
  html {
    font-size: 16px
  }
}

.nav-link {
  padding: 0
}

.nav-item a {
  padding: 0 .5rem
}

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05)
}

.error {
  color: red;
  font-weight: bold
}

.tiles {
  flex: 1;
  height: 100%;
  position: relative;
  overflow: visible
}

.tiles .tile {
  display: flex;
  position: relative
}

.tiles .tile.cols-1 {
  grid-column: span 1;
  width: 70px
}

.home6 {
  background-color: #09090b;
  padding: 15.5rem 1rem 5.0625rem !important;
  width: 100%;
  height: 100%;
}

.tiles .tile.rows-1 {
  grid-row: span 1;
  height: 70px
}

.tiles .tile.cols-2 {
  grid-column: span 2;
  width: 150px
}

.tiles .tile.rows-2 {
  grid-row: span 2;
  height: 150px
}

.tiles .tile.cols-3 {
  grid-column: span 3;
  width: 230px
}

.tiles .tile.rows-3 {
  grid-row: span 3;
  height: 230px
}

.tiles .tile.cols-4 {
  grid-column: span 4;
  width: 310px
}

.tiles .tile.rows-4 {
  grid-row: span 4;
  height: 310px
}

.tiles .tile.cols-5 {
  grid-column: span 5;
  width: 390px
}

.tiles .tile.rows-5 {
  grid-row: span 5;
  height: 390px
}

.tiles .tile.cols-6 {
  grid-column: span 6;
  width: 470px
}

.tiles .tile.rows-6 {
  grid-row: span 6;
  height: 470px
}

.tiles .tile.cols-7 {
  grid-column: span 7;
  width: 550px
}

.tiles .tile.rows-7 {
  grid-row: span 7;
  height: 550px
}

.tiles .tile.cols-8 {
  grid-column: span 8;
  width: 630px
}

.tiles .tile.rows-8 {
  grid-row: span 8;
  height: 630px
}

.tiles .tile:hover {
  outline: rgba(29, 29, 29, .1) solid 4px
}

.tiles .tile .teaser {
  font-size: 1.2em;
  padding: 1em;
  background: #f8f9fa
}

.notifications {
  position: fixed;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  right: 2em;
  bottom: 2em
}

.notification-toast {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: left;
  padding: .8em;
  background-color: #fff;
  max-width: 500px;
  position: relative;
  box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, .2)
}

.notification-toast+.notification-toast {
  margin-top: 1em
}

.notification-toast.success:before {
  background-color: #2bde3f
}

.notification-toast.error:before {
  background-color: #e7431a
}

.notification-toast.info:before {
  background-color: #1d72f3
}

.notification-toast.warning:before {
  background-color: #ffc007
}

.notification-toast:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px
}

.notification-toast .notification-toast-details {
  flex: 1
}

.notification-toast .notification-toast-details .notification-toast-title {
  color: #3e3e3e;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 8px
}

.notification-toast .notification-toast-details .notification-toast-description {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 0;
  color: #878787
}

.notification-toast .notification-toast-close {
  width: 14px;
  cursor: pointer;
  height: 14px;
  fill: #878787;
  margin-left: 1.2em;
  background: url("data:image/svg+xml;utf8,<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 15.642 15.642\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" enable-background=\"new 0 0 15.642 15.642\"><path fill-rule=\"evenodd\" d=\"M8.882,7.821l6.541-6.541c0.293-0.293,0.293-0.768,0-1.061  c-0.293-0.293-0.768-0.293-1.061,0L7.821,6.76L1.28,0.22c-0.293-0.293-0.768-0.293-1.061,0c-0.293,0.293-0.293,0.768,0,1.061  l6.541,6.541L0.22,14.362c-0.293,0.293-0.293,0.768,0,1.061c0.147,0.146,0.338,0.22,0.53,0.22s0.384-0.073,0.53-0.22l6.541-6.541  l6.541,6.541c0.147,0.146,0.338,0.22,0.53,0.22c0.192,0,0.384-0.073,0.53-0.22c0.293-0.293,0.293-0.768,0-1.061L8.882,7.821z\"></path></svg>") no-repeat center center
}

.navHeader {
  position: fixed;
  top: 0;
  z-index: 1000;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4rem;
  background-color: #000;
  padding: 0.75rem 1rem
}

.navHeader .navLogo {
  width: 5rem;
  height: 2.5rem
}

.navHeader .navLogo img {
  width: 100%;
  height: 100%
}

.navHeader .navMenu img {
  width: 2rem;
  height: 2rem
}

.ant-drawer-body {
  padding: 0 !important;
  background-color: #09090b
}

.ant-drawer-body .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 4rem;
  padding: 0.75rem 1rem
}

.ant-drawer-body .head .navLogo {
  width: 5rem;
  height: 2.5rem
}

.ant-drawer-body .head .navLogo img {
  width: 100%;
  height: 100%
}

.ant-drawer-body .head .navMenu img {
  width: 2rem;
  height: 2rem
}

.ant-drawer-body .navcon {
  width: 100%;
  height: calc(100% - 4rem);
  overflow-y: auto;
  scrollbar-width: none;
  background-color: #09090b
}

.ant-drawer-body .navcon ::-webkit-scrollbar {
  display: none
}

.ant-drawer-body .navcon a {
  text-decoration: none !important
}

.ant-drawer-body .navcon a:hover {
  color: #fff !important
}

.ant-drawer-body .navcon .ant-menu {
  background-color: #09090b;
  color: #fff
}

.ant-drawer-body .navcon .ant-menu .ant-menu-item {
  border-bottom: 0.0625rem solid #2e2e2e;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #fff
}

.ant-drawer-body .navcon .ant-menu .ant-menu-item:active {
  background-color: rgba(0, 0, 0, 0) !important
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu {
  border-bottom: rgba(0, 0, 0, 0)
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
  border-bottom: 0.0625rem solid #2e2e2e;
  color: #fff !important
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu-open:not(.ant-menu-submenu-active) .ant-menu-submenu-title {
  color: #fff
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu {
  background-color: #09090b
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu :active {
  background-color: #09090b
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu:hover {
  color: #fff !important
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
  height: 3.5rem;
  line-height: 3.5rem
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu .ant-menu-submenu-title :active {
  background-color: #09090b
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu .ant-menu-submenu-title:hover {
  color: #fff !important
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu-selected>.ant-menu-submenu-title {
  color: #51e0cf
}

.ant-drawer-body .navcon .ant-menu .ant-menu-submenu-selected:not(.ant-menu-item-active)>.ant-menu-submenu-title {
  color: #fff !important
}

.ant-drawer-body .navcon .ant-menu .ant-menu-item-selected {
  color: #51e0cf;
  background-color: #1c1c20;
  border-radius: 0%
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item {
  border-bottom: 0.0625rem solid #2e2e2e;
  padding-left: 1.625rem !important;
  height: auto;
  line-height: 1.5rem;
  padding: 1.25rem 0
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item:hover {
  color: #fff !important
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item div {
  display: flex
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item .jump {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
  margin-top: 0.4375rem;
  background: url(/f08efae7fcafd79bb143.png);
  background-size: 100% 100%
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item .fireIcon {
  display: inline-block;
  width: 1.1875rem;
  height: 1.375rem;
  margin-left: 0.5rem;
  margin-top: 0.3125rem;
  background: url(/5d3c9e10714c88614170.png);
  background-size: 100% 100%
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item .jumpgrey {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.5rem;
  margin-top: 0.4375rem;
  background: url(/fc6c3b1b7399e796095d.png);
  background-size: 100% 100%
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item .commingsoon {
  display: inline-block;
  width: 6rem;
  height: 1.25rem;
  margin-left: 0.5rem;
  margin-top: 0.25rem;
  background: url(/949c4a52d9370f99de31.png);
  background-size: 100% 100%
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item .grey {
  display: flex
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item .grey span:nth-child(1) {
  font-family: Montserrat, Montserrat;
  font-weight: 500;
  color: #a2a2a2
}

.ant-drawer-body .navcon .ant-menu .ant-menu-sub .ant-menu-item p {
  height: auto;
  width: 100%;
  font-size: 0.75rem;
  font-family: Montserrat, Montserrat;
  font-weight: 300;
  color: #a2a2a2;
  line-height: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-right: 1.5rem;
  white-space: pre-wrap
}

.ant-drawer-body .navcon .ant-menu-submenu-title:hover,
.ant-drawer-body .navcon .ant-menu-item-selected a,
.ant-drawer-body .navcon .ant-menu-item-selected a:hover {
  color: #51e0cf
}

.ant-drawer-body .navcon .ant-menu-submenu-selected {
  color: #51e0cf
}

.ant-drawer-body .navcon .ant-menu-submenu-selected .ant-menu-item-selected,
.ant-drawer-body .navcon .ant-menu-submenu-selected .ant-menu-item-selected:hover {
  color: #51e0cf
}

.ant-drawer-body .navcon .ant-menu-submenu-selected .ant-menu-inline .ant-menu-item::after {
  border-right: none
}

.footer {
  position: relative;
  background-color: #09090b;
  padding: 1.5rem 0 0
}

.footer .movie {
  position: absolute;
  width: 100%;
  height: 0.125rem;
  top: 0px;
  overflow: hidden
}

.footer .movie>div {
  position: absolute;
  width: 5rem;
  height: 0.125rem;
  background: linear-gradient(90deg, rgba(9, 9, 11, 0) 0%, #2ad1fb 16%, #0ff2ea 75%, rgba(9, 9, 11, 0) 100%);
  animation: moveAnimation 2s infinite linear alternate
}

@keyframes moveAnimation {
  0% {
    left: -2.5rem
  }

  100% {
    left: calc(100% - 2.5rem)
  }
}

.footer .logo {
  padding: 0 1rem
}

.footer .logo img {
  width: 5rem;
  height: 2.5rem
}

.footer .link {
  font-size: 0.875rem;
  font-family: Montserrat, Montserrat;
  font-weight: 500;
  color: #a2a2a2;
  line-height: 0.875rem;
  padding: 0 1.5rem;
  margin: 1rem 0 1.5rem
}

.footer .icon {
  width: 90%;
  height: 2.875rem;
  background: #17171b;
  border-radius: 0.5rem;
  display: flex;
  padding: 0 1rem;
  margin: 0 auto
}

.footer .icon a {
  display: inline-block;
  flex: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer
}

.footer .icon a img {
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.625rem auto 0
}

.footer .icon a:link,
.footer .icon a:visited,
.footer .icon a:focus,
.footer .icon a:hover {
  text-decoration: none !important
}

.footer .content {
  padding: 0 1.5rem;
  margin-top: 1.5rem
}

.footer .content .item {
  margin-bottom: 1.25rem
}

.footer .content p {
  font-size: 0.875rem;
  font-family: Montserrat, Montserrat;
  font-weight: 500;
  color: #fff;
  line-height: 0.875rem
}

.footer .content .text {
  width: 100%
}

.footer .content .text a {
  display: inline-block;
  width: 50%;
  font-size: 0.875rem;
  font-family: Montserrat, Montserrat;
  font-weight: 300;
  color: #a2a2a2;
  line-height: 0.875rem;
  margin-bottom: 1.25rem;
  position: relative;
  text-decoration: none
}

.footer .content .text a .jump {
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-left: 0.25rem;
  background: url(/fc6c3b1b7399e796095d.png);
  background-size: 100% 100%;
  position: absolute;
  top: 0.125rem
}

.footer .copyright {
  height: 3.625rem;
  border-top: 0.0625rem solid #2e2e2e;
  text-align: center;
  font-size: 0.625rem;
  font-family: Montserrat, Montserrat;
  font-weight: 300;
  color: #a2a2a2;
  line-height: 3.625rem;
  margin-bottom: 0
}

.loading-wrapper {
  width: 100vw;
  height: 100vh;
  position: relative;
  background-color: #09090b
}

.loading-wrapper .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.loading-wrapper .loading>img {
  width: 5rem;
  height: 5rem
}