/*
Theme Name: ufaslot356
Theme URI: https://www.ufaslot356.com/
Author: ufaslot356
Author URI: https://www.ufaslot356.com/
Description: The Best Website No.1 Slot Online TEXAS8BET.Co on Thailand Apply for deposits and withdrawals through the automatically system. Supports all Thai banks True wallet support, Open 24hrs
Tags: JokerSlot, JokerSlotWallet, TEXAS8BET, Joker Gaming, Betting, Casino Online, Gambling Online
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: TEXAS8BET.CO
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
  
  @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;800;900&display=swap');
  body {
      font-family: 'kanit', sans-serif;
      color: white;
      font-size: 15px;
      position: relative;
      /*overflow-x: hidden;*/
      height: 100%!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important;
      display: -ms-flexbox!important;
      display: flex!important;
  }
  
  @media(max-width: 768px) {
      body {
          padding-bottom: 68px;
      }
  }
  /*
    DEMO STYLE
*/
  
  img {
      height: auto;
  }
  
  a,
  a:hover,
  a:focus {
      color: inherit;
      text-decoration: none;
      transition: all 0.3s;
  }
  
  .navbar {
      padding: 15px 10px;
      background: #fff;
      border: none;
      border-radius: 0;
      margin-bottom: 40px;
      box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  }
  
  .navbar-btn {
      box-shadow: none;
      outline: none !important;
      border: none;
  }
  
  .line {
      width: 100%;
      height: 1px;
      border-bottom: 1px dashed #ddd;
      margin: 40px 0;
  }
  /* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
  
  #sidebar {
      width: 250px;
      position: fixed;
      top: 0;
      left: -250px;
      height: 100vh;
      z-index: 999;
      background: #12121b7a;
      -webkit-backdrop-filter: blur(5px);
      backdrop-filter: blur(5px);
      color: #fff;
      transition: all 0.3s;
      overflow-y: scroll;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
  }
  
  #sidebar img {
      width: 104px;
      height: auto;
  }
  
  #sidebar.active {
      left: 0;
  }
  
  #dismiss {
      width: 35px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      background: black;
      border-radius: 20px;
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 999999999;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
  }
  
  #dismiss:hover {
      background: #fff;
      color: #565656;
  }
  
  .overlay {
      display: none;
      position: fixed;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.7);
      z-index: 998;
      opacity: 0;
      transition: all 0.5s ease-in-out;
  }
  
  .overlay.active {
      display: block;
      opacity: 1;
  }
  
  #sidebar .sidebar-header {
      padding: 15px;
      background: #212121;
  }
  
  #sidebar ul.components {
      border-bottom: aliceblue;
  }
  
  #sidebar ul p {
      color: #fff;
      padding: 10px;
  }
  
  #sidebar ul li a {
      padding: 18px;
      font-size: 15px;
      display: block;
  }
  
  #sidebar ul li a:hover {
      color: gold;
      padding: 30px;
      background: #333;
  }
  
  a[data-toggle="collapse"] {
      position: relative;
  }
  
  .dropdown-toggle::after {
      display: block;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
  }
  
  ul ul a {
      font-size: 0.9em !important;
      padding-left: 30px !important;
      background: #6d7fcc;
  }
  
  ul.CTAs {
      padding: 20px;
  }
  
  ul.CTAs a {
      text-align: center;
      font-size: 0.9em !important;
      display: block;
      border-radius: 5px;
      margin-bottom: 5px;
  }
  
  .download {
      background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
      color: white;
      font-size: 20px !important;
      font-weight: bold;
  }
  
  .download:hover {
      background: radial-gradient(ellipse farthest-corner at left top, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at right bottom, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%) !important;
      color: white !important;
      font-size: 17px !important;
  }
  
  a.article {
      background-color: #262626;
      color: white;
      font-weight: bold;
  }
  
  a.article:hover {
      background: #565656 !important;
      color: #fff !important;
      font-size: 17px !important;
  }
  /* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
  
  #content {
      width: 100%;
      min-height: 100vh;
      transition: all 0.3s;
      position: absolute;
      top: 0;
      right: 0;
  }
  /*footer*/
  
  .bankfootercontainer {
      width: 100%;
      max-width: 800px;
      padding: 0 10px;
      padding-top: 20px;
      margin: 0 auto;
  }
  
  .bankfooter img {
      display: block;
  }
  
  .bankfooter h2 {
      font-size: 18px;
  }
  
  @media (max-width:450px) {
      .bankfooter h2 {
          font-size: 4vw;
      }
  }
  
  .fxline {
      position: fixed;
      top: 50%;
      right: 10px;
      width: 110px;
      height: auto;
      z-index: 9;
      cursor: pointer;
      transition: all .3s;
  }
  
  .fxline button {
      padding: 5px 10px;
      padding-bottom: 1px;
      position: absolute;
      top: -15px;
      right: 5px;
      border: none;
      background: transparent;
      color: #fb6c42;
      font-size: 25px;
      border-radius: 20px;
  }
  
  .fxline i {
      font-size: 25px;
  }
  
  .fxline img {
      width: 110px;
      height: auto;
  }
  
  .fxline:hover {
      display: block;
      -webkit-filter: drop-shadow(0 0 10px rgba(255, 204, 0, .3));
      filter: drop-shadow(0 0 10px rgba(255, 204, 0, .3));
      transition: -webkit-filter .3s;
      transition: filter .3s;
      transition: filter .3s, -webkit-filter .3s;
  }
  
  .footersocial p {
      margin: 0;
      padding: 0;
      font-size: 16px;
  }
  
  .x-tab-hrft {
      margin: 0;
      border: none;
      width: 100%;
      height: 2px;
      position: relative;
      background: #ffc87f;
  }
  
  .footermobile {
      display: none;
  }
  
  @media(max-width: 768px) {
      .fxline {
          display: none;
      }
      .footermobile {
          position: fixed;
          display: block;
          bottom: 0;
          width: 100%;
          height: 68px;
          background: linear-gradient(178deg, #4d050b, #030101);
          padding-bottom: 3px;
          font-size: 14px;
          z-index: 5;
      }
      .footermobile h5 {
          position: absolute;
          bottom: 0;
          font-weight: 100;
          font-size: 15px;
          left: 0;
          right: 0;
          margin: 0 auto;
      }
      .footermobile td {
          width: 20%;
          height: 60px;
          white-space: nowrap;
          border-right: 1px solid #000000;
          transition: all .3s;
          cursor: pointer;
          position: relative;
          vertical-align: top;
      }
      .footermobile td:hover {
          background: #00000099;
          border-radius: 10px;
      }
      .footermobile img {
          height: 36px !important;
          width: auto;
          margin: 0 auto;
          display: block;
      }
  }
  
  .buttonpost {
      padding: 10px;
      border-radius: 5px;
      border: none;
      color: white;
      font-weight: bold;
      text-shadow: 0 0 5px white;
      box-shadow: 3px 3px 10px #0000007a;
      background: linear-gradient(180deg, #bb131bb8 30%, #792b0cbd);
  }
  
  .buttonpost2 {
      padding: 10px;
      border-radius: 5px;
      border: none;
      color: white;
      font-weight: 400;
      text-shadow: 0 0 5px white;
      box-shadow: 3px 3px 10px #0000007a;
      background: linear-gradient(180deg, #f93b3b 30%, #e80404) !important;
  }
  
  .footerright {
      position: relative;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      justify-content: center;
      transform: scale(1.2);
  }
  
  .linefixed {
      position: fixed;
      text-align: center;
      padding-top: 13px;
      right: 0;
      top: 50%;
      width: 50px;
      border-bottom-left-radius: 10px;
      border-top-left-radius: 10px;
      height: 140px;
      background: #15132b;
      border-left: 2px solid #8776ce;
      border-top: 2px solid #8776ce;
      border-bottom: 2px solid #8776ce;
      box-shadow: 0 0 5px 1px #8776ce;
      z-index: 10;
      transition: .3s;
      cursor: pointer;
      text-shadow: 0 0 5px white;
  }
  
  .linefixed:hover {
      background: #15132b;
      border-left: 2px solid #8776ce;
      border-top: 2px solid #8776ce;
      border-bottom: 2px solid #8776ce;
      box-shadow: 0 0 20px 1px #8776ce;
  }
  /*.linefixed i{
  color: #f45696;
  font-size: 25px;
  border: 1px solid #89586f;
  padding: 4px;
  border-radius: 20px;
  }*/
  
  .linefixed h5 {
      font-weight: bold;
      font-size: 19px;
      margin-top: 18px;
      color: white;
      white-space: nowrap;
      transform: rotate(90deg);
      transition: .3s;
  }
  
  .linefixed:hover h5 {
      text-shadow: 0 0 5px white, 0 0 10px white;
  }
  
  .disfooterct {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  }
  
  @media (max-width: 768px) {
      .disfooterct {
          display: grid;
          grid-template-columns: 1fr;
      }
  }
  
  footer {
      color: white;
      padding: 0 10px;
      padding-bottom: 50px;
      background: #000000b5;
  }
  
  @media (max-width: 768px) {
      .footer {
          padding-bottom: 62px;
      }
  }
  
  .footercontain {
      width: 100%;
      max-width: 1150px;
      margin: 0 auto;
  }
  
  @-webkit-keyframes scroll {
      0% {
          transform: translateX(0);
      }
      100% {
          transform: translateX(calc(-250px * 7));
      }
  }
  
  @keyframes scroll {
      0% {
          transform: translateX(0);
      }
      100% {
          transform: translateX(calc(-250px * 7));
      }
  }
  
  .footercontain {
      width: 100%;
      max-width: 1150px;
      margin: 0 auto;
  }
  
  .slider {
      background: transparent;
      box-shadow: inset 0 0 10px black;
      height: 65px;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 100%;
      margin: 0 auto;
      border-radius: 10px;
  }
  
  .slider img {
      width: 68px;
      height: 60px;
  }
  
  .slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg);
  }
  
  .slider::before {
      left: 0;
      top: 0;
  }
  
  .slider .slide-track {
      -webkit-animation: scroll 40s linear infinite;
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(250px * 14);
  }
  
  .slider .slide {
      width: 90px;
  }
  
  .containdtfooter {
      padding-bottom: 50px;
  }
  
  @media (max-width:768px) {
      .containdtfooter {
          padding-bottom: 30px;
      }
  }
  
  .footergrid {
      margin: 0 auto;
      width: 100%;
  }
  
  .infootergrid {
      display: block;
      padding-left: 10px;
      word-break: break-word;
      font-weight: 200;
      font-size: 14px;
      margin-bottom: -31px;
  }
  
  .infootergrid img {
      display: block;
      margin: 0 auto;
  }
  
  .infootergrid h2 {
      text-align: center;
      font-size: 28px;
      font-weight: 300;
      margin-top: 20px;
  }
  
  @media (max-width:991px) {
      .infootergrid {}
  }
  
  .infootergrid:nth-child(2) {}
  
  .leftheadfooter {
      font-size: 25px;
      font-weight: bold;
  }
  
  .leftheadfooter img {
      width: auto !important;
      height: 40px !important;
      margin-top: -10px;
  }
  
  .footerdetail {
      color: #bcbcbc;
  }
  
  .footersocial {
      padding: 3px 0;
  }
  
  .footersocial span {
      cursor: pointer;
  }
  
  .menufooter {
      padding: 5px 0;
      font-weight: bold;
  }
  
  .menufooter b {
      padding: 2px 10px;
  }
  
  .menufooter span {
      cursor: pointer;
      transition: .3s;
      padding: 2px 10px;
      border-radius: 10px;
  }
  
  .menufooter span:hover {
      cursor: pointer;
      background: linear-gradient(140deg, #af500c94 0%, rgb(130 78 22) 100%);
      padding: 2px 10px;
      border-radius: 10px;
  }
  
  .menufooter:nth-child(1) {
      color: #bcbcbc;
  }
  
  .infootergrid .menu-menu-container ul {
      padding: none;
      margin: 0;
      padding: 0;
      padding-left: 10px;
  }
  
  .infootergrid .menu-menu-container li {
      list-style: none;
      font-size: 15px;
      padding-bottom: 4px;
  }
  
  .footertrshow {
      display: none;
  }
  
  .footerjoin {
      margin-top: 0;
      margin: 0 auto;
  }
  
  .copyrighttext {
      font-size: 13px;
      color: gray;
  }
  
  .cursorp {
      cursor: pointer;
  }
  
  .cutcolor {
      background: linear-gradient( 180deg, #e9b134 20%, #ffe5aa 50%, #ffd84b 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  
  .x-tab-hr {
      margin: 0;
      border: none;
      width: 100%;
      height: 4px;
      position: relative;
      background: white;
      box-shadow: 0 0 5px #fa2121, 0 0 15px #fa2121, 0 0 20px #ff0f0f;
  }
  
  .x-tab-hr2 {
      margin: 0;
      border: none;
      width: 100%;
      height: 4px;
      position: relative;
      background: #ffc87f;
  }
  
  .x-tab-hr3 {
      margin: 0;
      border: none;
      width: 100%;
      height: 2px;
      position: relative;
      background: #ffe27e;
  }
  
  .wrapper-menu {
      background-color: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      padding: 0;
      outline: none;
      position: absolute;
      left: -50px;
      top: 8px;
      z-index: 1000;
      transition: all .5s;
  }
  
  @media (max-width: 768px) {
      .wrapper-menu {
          left: 10px;
          top: 17px;
          position: fixed;
      }
  }
  
  @media (max-width:768px) {
      .wrapper-menu.loginwphd {
          margin-top: 42px;
      }
  }
  
  @media (max-width:576px) {
      .wrapper-menu {
          left: 7px;
          top: 23px;
          transform: scale(.9);
      }
  }
  
  @media (max-width:409px) {
      .wrapper-menu {
          left: 6px;
          transform: scale(.8);
      }
  }
  
  @media (max-width:409px) {
      .wrapper-menu {
          top: 23px;
      }
  }
  
  .wrapper-menu2 {
      background-color: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      padding: 0;
      outline: none;
  }
  
  .wrapper-menu.hamopen {
      position: fixed;
      left: 200px;
      top: 8px;
  }
  
  .line {
      fill: none;
      stroke: #fff;
      stroke-width: 3;
      transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
  }
  
  .line1 {
      stroke-dasharray: 60 207;
      stroke-width: 3;
      animation: lineone 2s ease 0s infinite normal none;
  }
  
  @keyframes lineone {
      0.0% {}
      50.1% {
          transform: scale3d(1.2, 1, 1) translate(-10px);
      }
  }
  
  .line2 {
      stroke-dasharray: 60 60;
      stroke-width: 3;
      animation: linetwo 2s ease 0s infinite normal none;
  }
  
  @keyframes linetwo {
      0.0% {}
      50.1% {
          transform: scale3d(.8, 1, 1) translate(10px);
      }
  }
  
  .line3 {
      stroke-dasharray: 60 207;
      stroke-width: 3;
      animation: linetree 2s ease 0s infinite normal none;
  }
  
  @keyframes linetree {
      0.0% {}
      50.1% {
          transform: scale3d(1.2, 1, 1) translate(-10px);
      }
  }
  
  .open .line1 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 3;
      animation: yourAnimation 3s ease 0s infinite normal none;
  }
  
  .open .line2 {
      stroke-dasharray: 1 60;
      stroke-dashoffset: -30;
      stroke-width: 3;
      animation: yourAnimation 3s ease 0s infinite normal none;
  }
  
  .open .line3 {
      stroke-dasharray: 90 207;
      stroke-dashoffset: -134;
      stroke-width: 3;
      animation: yourAnimation 3s ease 0s infinite normal none;
  }
  
  @keyframes yourAnimation {
      0.0% {}
      50.1% {}
  }
  /*Navbar*/
  
  #sidebar .menu-menu-container li {
      list-style: none;
  }
  
  #sidebar .menu-menu-container ul {
      padding: 0;
      margin: 0;
  }
  
  .containnav .menu-menu-container {
      margin-top: 15.5px;
  }
  
  @media (max-width:991px) {
      .containnav .menu-menu-container {
          margin-top: 11.5px;
      }
  }
  
  .containnav .menu-menu-container ul {
      display: flex;
      padding: 0;
      margin: 0;
  }
  
  .containnav .menu-menu-container li {
      padding: 7px;
      float: left;
      list-style: none;
      font-size: 15px;
      font-weight: 300;
  }
  
  @media (max-width:991px) {
      .containnav .menu-menu-container li {
          padding: 5px;
          float: left;
          list-style: none;
          font-size: 1.5vw;
          font-weight: 300;
          margin-top: 4px;
      }
  }
  
  @media (max-width:768px) {
      .containnav .menu-menu-container {
          display: none;
      }
  }
  
  .navbarjk {
      width: 100%;
      position: fixed;
      width: 100%;
      padding: 20px 35px;
      padding-top: 5px;
      background: #0c0d0d8c;
      box-shadow: 0 0 10px #0000002b;
      height: 78px;
      z-index: 5;
  }
  
  @media (max-width:768px) {
      .navbarjk {
          position: fixed;
          background: #0c0d0db8;
      }
  }
  
  .containnav {
      position: relative;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
  }
  
  .logolefth img {
      width: auto;
      height: 50px !important;
      margin-top: 7px;
      margin-right: 10px;
      transition: all .3s;
  }
  
  .sidebar-header .logolefth img {
      width: 94px !important;
      height: auto !important;
      margin: 20px 0 !important;
      margin-top: 10px !important;
  }
  
  .headeritem {
      padding-top: 12px;
      padding-right: 20px;
      font-weight: bold;
      white-space: nowrap;
      cursor: pointer;
      margin-top: 7px;
      transition: all .3s;
  }
  
  .headeritem span {
      background: transparent;
      transition: all .3s;
      padding: 0;
      border-radius: 10px;
  }
  
  .headeritem:hover span {
      padding: 5px 10px;
      background: linear-gradient(140deg, #af500c94 0%, rgb(130 78 22) 100%);
      text-shadow: 0 0 5px white, 0 0 20px white;
      border-radius: 10px;
  }
  
  .headeritem:hover i {
      text-shadow: 0 0 5px white, 0 0 20px #ffffff1f;
  }
  
  .headeritem i {
      text-shadow: 0 0 15px #ffffff1a, 0 0 20px #ffd02636, 0 0 50px #000000;
  }
  
  .headeritem img {
      width: 20px;
      height: 20px;
  }
  
  .navright {
      position: absolute;
      display: flex;
      right: 0;
      top: 13px;
  }
  
  .loginnav button {
      margin-right: 5px;
      font-size: 0.9rem;
      position: relative;
      -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
      filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
      border-radius: 12px;
      border: 2px solid transparent;
      background-image: linear-gradient(180deg, #000, #121212 51.68%, #313131), linear-gradient(90deg, #9c6727, #fdf6ae 31.53%, #bd8d42 64.87%, #fdf6ae);
      background-origin: border-box;
      background-clip: content-box, border-box;
      padding: 0!important;
      transition: -webkit-filter .2s;
      transition: filter .2s;
      transition: filter .2s, -webkit-filter .2s;
      line-height: 22px;
      color: white;
      font-weight: 400;
  }
  
  .loginnav button a {
      padding: 7px;
      display: block;
  }
  
  .btnloginh2 {
      background: linear-gradient(180deg, #f93b3b 30%, #e80404) !important;
  }
  
  .loginnav {
      font-weight: bold;
  }
  
  .regisnav .textwidget {
      border: none;
      border-radius: 5px;
      color: #ff6e43;
      font-weight: bold;
      padding: 0 10px;
      text-shadow: 0 0 5px black;
      margin-top: 8px;
      background: transparent;
  }
  
  footer .regisnav .textwidget {
      margin-top: -2px;
  }
  
  @media (max-width: 950px) {
      .navbarjk {
          width: 100%;
          padding: 20px 15px;
          padding-top: 10px;
      }
      .logolefth img {
          height: auto;
          margin-top: 5px;
      }
      .headeritem i {
          font-size: 2vw;
      }
  }
  
  @media (max-width:768.9px) {
      .headeritem {
          display: none !important;
      }
      .logolefth img {
          height: auto;
          margin-top: 2px;
          margin-right: 20px;
          margin-left: 35px;
      }
      .regisnav .textwidget {
          border: none;
      }
      .navright {
          top: 4px;
      }
  }
  
  @media (max-width:576px) {
      .navbarjk {
          padding: 15px 0px;
          padding-left: 20px;
          padding-bottom: 15px;
          box-shadow: none;
      }
      .logolefth img {
          width: auto;
          height: auto;
          margin-top: 4px;
          margin-right: 20px;
          margin-left: 27px;
      }
  }
  
  @media (max-width:509px) {
      .logolefth img {
          width: auto;
          height: auto;
          margin-top: 2px;
          margin-right: 20px;
          margin-left: 30px;
      }
      .loginnav {
          font-size: 3vw;
          margin-top: 2px;
      }
      .regisnav .textwidget {
          font-size: 3vw;
          margin-top: 9px;
      }
  }
  
  @media (max-width:460px) {
      .loginnav {
          font-size: 3vw;
          margin-top: 3px;
      }
      .regisnav .textwidget {
          font-size: 3vw;
          margin-top: 3vw;
      }
  }
  
  @media (max-width:430px) {
      .logolefth img {
          height: auto;
          margin-top: 10px;
          width: auto;
          margin-right: 20px;
          margin-left: 25px;
      }
  }
  
  @media (max-width:409px) {
      .logolefth img {
          margin-left: 22px;
          margin-top: 3px;
      }
  }
  
  @media (max-width:390px) {
      .loginnav {
          font-size: 3vw;
          margin-top: -2px;
      }
      .regisnav .textwidget {
          font-size: 3vw;
          margin-top: 4.5vw;
      }
      .navright {
          top: 6px;
      }
  }
  /*Navbar*/
  /*Section01*/
  
  .buttonregister {
      position: relative;
  }
  
  .section01 {
      background-size: cover !important;
  }
  
  .containsec01 {
      padding-top: 250px;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      overflow: hidden;
      z-index: 11;
      position: relative;
  }
  
  .welcometext {
      text-align: center;
      font-size: 30px;
  }
  
  .headsec01 {
      margin-top: -5px;
      font-size: 25px;
      white-space: nowrap;
      line-height: 40px;
      font-weight: 300;
      position: relative;
  }
  
  .headsec01 .textwidget {
      display: inline
  }
  
  @media (max-width:400px) {
      .headsec01 {
          margin-top: -5px;
          font-size: 6vw;
          white-space: nowrap;
          line-height: 40px;
          position: relative;
      }
  }
  
  .detailsec01 {
      margin: 5px 0;
      margin-bottom: 20px;
      font-size: 17px;
      line-height: 28px;
      word-break: break-word;
      color: #ffffff;
      width: 100%;
      max-width: 499px;
      margin: 0px auto;
      margin-bottom: 30px;
      position: relative;
      font-weight: 200;
  }
  
  @media (max-width:450px) {
      .detailsec01 {
          margin: 5px 0;
          margin-bottom: 15px;
          font-size: 4vw;
          font-weight: 300;
          color: #d2d2d2;
      }
  }
  
  .logosec01 {}
  
  .logosec01 img {
      width: 376px;
      height: auto;
      -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
      filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
      margin-bottom: 0px;
  }
  
  @media (max-width: 991px) {
      .logosec01 img {
          margin-bottom: 20px;
      }
  }
  
  @keyframes logotopanimate {
      0.0% {
          -webkit-filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
          filter: drop-shadow(0px 0px 2px rgba(255, 195, 0, 1));
      }
      50.0% {
          transform: scale3d(1.1, 1.1, 1.1);
          -webkit-filter: drop-shadow(0px 0px 7px rgba(255, 195, 0, 1));
          filter: drop-shadow(0px 0px 7px rgba(255, 195, 0, 1));
      }
  }
  
  .animate02 {
      position: absolute;
      width: 70px;
      height: auto;
      left: 150px;
      top: 140px;
      animation: animate01 10s ease 0s infinite normal none;
  }
  
  .animate01 {
      position: absolute;
      width: 70px;
      height: auto;
      right: 150px;
      top: 50px;
      animation: animate01 15s ease 0s infinite normal none;
  }
  
  @keyframes animate01 {
      0.0% {}
      100% {}
      49.7% {
          transform: translate(0px, -20px);
      }
  }
  
  @keyframes animate02 {
      0.0% {}
      100% {}
      49.7% {
          transform: translate(30px, 20px);
      }
  }
  
  @media (max-width: 1299px) {
      .animate02 {
          left: 50px;
          top: 140px;
      }
      .animate01 {
          right: 50px;
          top: 50px;
      }
  }
  
  @media (max-width: 991px) {
      .animate02 {
          left: 20%;
          top: 140px;
      }
      .animate01 {
          right: 20%;
          top: 50px;
      }
  }
  
  @media (max-width: 768px) {
      .animate02 {
          left: 10%;
          top: 140px;
      }
      .animate01 {
          right: 10%;
          top: 50px;
      }
  }
  
  @media (max-width: 470px) {
      .animate02 {
          left: 20px;
          top: 140px;
      }
      .animate01 {
          right: 20px;
          top: 50px;
      }
  }
  
  .registext a {
      z-index: 2;
      color: #fff;
      font-weight: 300;
      font-size: 22px;
      border: none;
      background: none;
      position: absolute;
      display: block;
      width: 100%;
      max-width: 300px;
      padding: 10px 0;
      left: 50%;
      top: 50%;
      margin-left: 30px;
      transform: translate(-50%, -50%);
      text-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 20px #ff9300, 0 0 40px #ff9300, 0 0 0 #ff9300, 0 0 44px #ff9300, 0 0 75px #ff9300;
  }
  
  .imgglow {
      width: 100%;
      max-width: 320px;
      animation: registerglow 1.5s infinite alternate;
      margin: 0 auto;
  }
  
  @keyframes registerglow {
      from {
          -webkit-filter: drop-shadow(0px 0px -1px rgba(255, 195, 0, 1));
          filter: drop-shadow(0px 0px -1px rgba(255, 195, 0, 1));
      }
      to {
          -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 195, 0, 1));
          filter: drop-shadow(0px 0px 5px rgba(255, 195, 0, 1));
      }
  }
  
  .leftsection01 {
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
  }
  
  .rightimgsec1 {
      position: relative;
  }
  
  .spinheader {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: linear-gradient(129deg, #d1303bd9, #3b1712);
      padding: 10px 30px;
      border-radius: 30px;
      font-size: 22px;
      box-shadow: black 0px 0px 5px, black 0px 0px 15px;
      cursor: pointer;
      text-shadow: 0 0 25px white, 0 0 25px red, 0 0 35px #ff0404;
      transition: .3s;
      cursor: pointer;
  }
  
  .spinheader:hover {
      background: linear-gradient(129deg, #ff3744d9, #56140a);
      text-shadow: 0 0 25px white, 0 0 25px white, 0 0 35px #ffffff;
  }
  
  .rightimgsec1 img {
      width: 450px !important;
      height: 550px !important;
      margin: 0 auto;
      object-fit: cover;
      object-position: 100% 0;
      -webkit-filter: drop-shadow(0px 0px 15px rgb(0 0 0));
      filter: drop-shadow(0px 0px 15px rgb(0 0 0));
  }
  
  .anigirl {
      position: absolute;
      width: 100%;
      height: auto;
      margin-top: 70px;
      left: 0;
      right: 0;
      animation: anigirl 8s ease 0s infinite normal none;
  }
  
  @keyframes anigirl {
      0.0% {}
      100% {}
      49.6% {
          transform: translate(0px, 0px) scale(1.2);
      }
  }
  
  .anigirl img {
      width: 80%;
  }
  
  @media (max-width: 991px) {
      .rightimgsec1 img {
          width: 50%;
          height: auto;
          left: 0;
          right: 0;
          margin: 0 auto;
          margin-top: 20px;
      }
      .anigirl img {
          width: 45%;
      }
  }
  
  @media (max-width: 768px) {
      .rightimgsec1 img {
          width: 298px !important;
          height: 371px !important;
          left: 0;
          right: 0;
          margin: 0 auto;
          margin-top: 20px;
      }
      .anigirl img {
          width: 80%;
      }
  }
  
  .night {
      top: 0;
      opacity: .2;
      position: absolute;
      width: 10%;
      left: -40px;
      height: 100%;
      transform: rotateZ(45deg);
  }
  
  @media (max-width:380px) {
      .night {
          display: none;
      }
  }
  
  .shooting_star {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 2px;
      background: linear-gradient(-45deg, #ffffff, rgba(0, 0, 255, 0));
      border-radius: 999px;
      filter: drop-shadow(0 0 6px #699bff);
      -webkit-animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
      animation: tail 3000ms ease-in-out infinite, shooting 3000ms ease-in-out infinite;
  }
  
  .shooting_star::before {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      right: 0;
      height: 2px;
      background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #fcbe32, rgba(0, 0, 255, 0));
      transform: translateX(50%) rotateZ(45deg);
      border-radius: 100%;
      -webkit-animation: shining 3000ms ease-in-out infinite;
      animation: shining 3000ms ease-in-out infinite;
  }
  
  .shooting_star::after {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      right: 0;
      height: 2px;
      background: linear-gradient(-45deg, rgba(0, 0, 255, 0), #fcbe32, rgba(0, 0, 255, 0));
      transform: translateX(50%) rotateZ(45deg);
      border-radius: 100%;
      -webkit-animation: shining 3000ms ease-in-out infinite;
      animation: shining 3000ms ease-in-out infinite;
      transform: translateX(50%) rotateZ(-45deg);
  }
  
  .shooting_star:nth-child(1) {
      top: calc(50% - -35px);
      left: calc(50% - 171px);
      -webkit-animation-delay: 8883ms;
      animation-delay: 8883ms;
  }
  
  .shooting_star:nth-child(1)::before,
  .shooting_star:nth-child(1)::after {
      -webkit-animation-delay: 8883ms;
      animation-delay: 8883ms;
  }
  
  .shooting_star:nth-child(2) {
      top: calc(50% - -175px);
      left: calc(50% - 46px);
      -webkit-animation-delay: 4147ms;
      animation-delay: 4147ms;
  }
  
  .shooting_star:nth-child(2)::before,
  .shooting_star:nth-child(2)::after {
      -webkit-animation-delay: 4147ms;
      animation-delay: 4147ms;
  }
  
  .shooting_star:nth-child(3) {
      top: calc(50% - 143px);
      left: calc(50% - 19px);
      -webkit-animation-delay: 1625ms;
      animation-delay: 1625ms;
  }
  
  .shooting_star:nth-child(3)::before,
  .shooting_star:nth-child(3)::after {
      -webkit-animation-delay: 1625ms;
      animation-delay: 1625ms;
  }
  
  .shooting_star:nth-child(4) {
      top: calc(50% - 199px);
      left: calc(50% - 110px);
      -webkit-animation-delay: 5973ms;
      animation-delay: 5973ms;
  }
  
  .shooting_star:nth-child(4)::before,
  .shooting_star:nth-child(4)::after {
      -webkit-animation-delay: 5973ms;
      animation-delay: 5973ms;
  }
  
  .shooting_star:nth-child(5) {
      top: calc(50% - 183px);
      left: calc(50% - 128px);
      -webkit-animation-delay: 5975ms;
      animation-delay: 5975ms;
  }
  
  .shooting_star:nth-child(5)::before,
  .shooting_star:nth-child(5)::after {
      -webkit-animation-delay: 5975ms;
      animation-delay: 5975ms;
  }
  
  .shooting_star:nth-child(6) {
      top: calc(50% - 200px);
      left: calc(50% - 259px);
      -webkit-animation-delay: 9747ms;
      animation-delay: 9747ms;
  }
  
  .shooting_star:nth-child(6)::before,
  .shooting_star:nth-child(6)::after {
      -webkit-animation-delay: 9747ms;
      animation-delay: 9747ms;
  }
  
  .shooting_star:nth-child(7) {
      top: calc(50% - 142px);
      left: calc(50% - 256px);
      -webkit-animation-delay: 9399ms;
      animation-delay: 9399ms;
  }
  
  .shooting_star:nth-child(7)::before,
  .shooting_star:nth-child(7)::after {
      -webkit-animation-delay: 9399ms;
      animation-delay: 9399ms;
  }
  
  .shooting_star:nth-child(8) {
      top: calc(50% - 71px);
      left: calc(50% - 297px);
      -webkit-animation-delay: 4996ms;
      animation-delay: 4996ms;
  }
  
  .shooting_star:nth-child(8)::before,
  .shooting_star:nth-child(8)::after {
      -webkit-animation-delay: 4996ms;
      animation-delay: 4996ms;
  }
  
  .shooting_star:nth-child(9) {
      top: calc(50% - 113px);
      left: calc(50% - 295px);
      -webkit-animation-delay: 6090ms;
      animation-delay: 6090ms;
  }
  
  .shooting_star:nth-child(9)::before,
  .shooting_star:nth-child(9)::after {
      -webkit-animation-delay: 6090ms;
      animation-delay: 6090ms;
  }
  
  .shooting_star:nth-child(10) {
      top: calc(50% - -174px);
      left: calc(50% - 181px);
      -webkit-animation-delay: 8193ms;
      animation-delay: 8193ms;
  }
  
  .shooting_star:nth-child(10)::before,
  .shooting_star:nth-child(10)::after {
      -webkit-animation-delay: 8193ms;
      animation-delay: 8193ms;
  }
  
  @-webkit-keyframes tail {
      0% {
          width: 0;
      }
      30% {
          width: 100px;
      }
      100% {
          width: 0;
      }
  }
  
  @keyframes tail {
      0% {
          width: 0;
      }
      30% {
          width: 100px;
      }
      100% {
          width: 0;
      }
  }
  
  @-webkit-keyframes shining {
      0% {
          width: 0;
      }
      50% {
          width: 30px;
      }
      100% {
          width: 0;
      }
  }
  
  @keyframes shining {
      0% {
          width: 0;
      }
      50% {
          width: 30px;
      }
      100% {
          width: 0;
      }
  }
  
  @-webkit-keyframes shooting {
      0% {
          transform: translateX(0);
      }
      100% {
          transform: translateX(300px);
      }
  }
  
  @keyframes shooting {
      0% {
          transform: translateX(0);
      }
      100% {
          transform: translateX(300px);
      }
  }
  
  @-webkit-keyframes sky {
      0% {
          transform: rotate(45deg);
      }
      100% {
          transform: rotate(405deg);
      }
  }
  
  @keyframes sky {
      0% {
          transform: rotate(45deg);
      }
      100% {
          transform: rotate(405deg);
      }
  }
  /*END SECTION01*/
  /*Section02*/
  
  .tapservice {
      background-size: cover !important;
      padding: 5px 0;
      position: relative;
  }
  
  .containsec02 {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
  }
  
  .gridsec02 {
      display: grid;
      height: 100%;
      grid-template-columns: 1fr 1fr 1fr;
  }
  
  .ingridsec02 {
      height: 100%;
      text-align: center;
      font-size: 15px;
      font-weight: 300;
      padding-bottom: 10px;
  }
  
  .ingridsec02 span {
      font-size: 16px;
      font-weight: 600;
      white-space: nowrap;
      display: block;
      margin-bottom: 3px;
  }
  
  .ingridsec02 {
      text-align: center;
  }
  
  .ingridsec02 table {
      width: 100%;
  }
  
  .ingridsec02 img {
      height: auto;
      min-width: 90px;
      width: 107px !important;
  }
  
  @media (max-width: 768px) {
      .tapservice {
          /*background: url('images/bg/bg4.png')bottom center;*/
          background-size: 300%;
          padding: 10px 0;
      }
      .gridsec02 {
          display: grid;
          height: 100%;
          grid-template-columns: 1fr;
      }
      .ingridsec02 table {
          width: 100%;
      }
      .ingridsec02 {
          height: 100%;
          text-align: center;
          font-size: 16px;
          padding-left: 10px;
      }
  }
  /*END Section02*/
  /*Section03*/
  
  .homepagepost {
      padding-bottom: 20px;
      padding-top: 20px;
      width: 100%;
      max-width: 1160px;
      margin: 0 auto;
  }
  
  .homepagepost img {
      height: auto;
      display: block;
      margin: 0 auto;
  }
  
  .section03 {
      background-size: cover !important;
      width: 100%;
      box-shadow: 0 0 20px #0000009e;
  }
  
  .container03 {
      width: 100%;
      max-width: 1300px;
      margin: 0 auto;
  }
  
  .-section-wrapper-1 {
      padding: 2rem 0;
      padding-top: 15px;
      overflow: hidden;
      padding-bottom: 0;
  }
  
  .-row-wrapper {
      align-items: center;
  }
  
  .-box-wrapper {
      position: relative;
      padding: 2rem 12rem 2rem 3rem;
      background: linear-gradient( 90deg, #1f1f1f9e 40%, #180c16);
      border-radius: 40px;
      border: 3px solid #515151;
      box-shadow: -5px -5px 10px #000000;
      margin-left: 107px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
  }
  
  .-title {
      font-size: 28px;
      font-weight: 500;
      font-weight: 500;
  }
  
  @media (max-width:460px) {
      .-title {
          font-size: 8vw;
      }
  }
  
  .-description {
      font-size: 15px;
      font-weight: 300;
      color: #d6d6d6;
  }
  
  .-box-wrapper:after {
      content: "";
      position: absolute;
      top: -5px;
      right: -3px;
      width: 30%;
      height: calc(100% + 6px);
      z-index: 1;
      background: linear-gradient( 90deg, transparent, #0f0717 70%);
      border-radius: 20px;
  }
  
  .-banner-img img {
      position: relative;
      left: -19%;
      z-index: 3;
      height: auto;
      width: 100% !important;
      max-width: 100% !important;
  }
  
  .-row-wrapper {
      align-items: center;
  }
  
  @media (max-width: 991.98px) {
      .-right-container {
          order: 0;
      }
      .-banner-img img {
          left: 50%;
          top: -9px;
          width: 60% !important;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
      }
      .-box-wrapper:after {
          top: unset;
          right: unset;
          left: -3px;
          bottom: -4px;
          width: calc(100% + 6px);
          height: 130px;
          background: linear-gradient( 180deg, transparent, #0e0716 60%);
      }
      .-description {
          position: relative;
          z-index: 2;
      }
      .-box-wrapper {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding: 4rem 1rem;
          text-align: center;
          background: linear-gradient( 180deg, #1f1f1f66 40%, #190d16);
          box-shadow: none;
          z-index: 2;
          position: relative;
          top: 0;
          left: 0;
          transform: translate(0, 0);
      }
      .-left-container {
          order: 1;
          margin-top: -5rem;
      }
      .-section-wrapper-1 {
          padding: 2rem 0 0rem;
          padding-bottom: 50px;
      }
  }
  
  @media (max-width:500px) {
      .-box-wrapper {
          width: 100%;
      }
  }
  /*END Section03*/
  /* Section04*/
  
  .section04 {
      padding-top: 20px;
      padding-bottom: 20px;
      background-size: cover !important;
  }
  
  @media (max-width: 1300px) {
      .section04 {
          background-size: 150%;
      }
  }
  
  @media (max-width: 780px) {
      .section04 {
          background-size: 250%;
      }
  }
  
  @media (max-width:520px) {
      .section04 {
          background-size: 300%;
      }
  }
  
  .floatcard4 {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 600px;
      max-width: 1500px;
      margin: 0 auto;
      z-index: 0;
  }
  
  .floatcard4 img:nth-child(1) {
      position: absolute;
      width: 120px;
      left: 10%;
      top: 10px;
      opacity: 1;
  }
  
  .floatcard4 img:nth-child(2) {
      position: absolute;
      width: 120px;
      right: 10%;
      top: 10px;
      opacity: .2;
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
  }
  
  @media (max-width: 991px) {
      .floatcard4 {
          height: 550px;
      }
      .floatcard4 img:nth-child(1) {
          position: absolute;
          width: 90px;
          left: 10px;
          top: 10px;
          opacity: 1;
      }
      .floatcard4 img:nth-child(2) {
          position: absolute;
          width: 90px;
          right: 10px;
          top: 10px;
          opacity: .2;
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
      }
  }
  
  .headsec04 {
      text-align: center;
      position: relative;
      display: flex;
      font-size: 30px;
      align-items: center;
      justify-content: center;
  }
  
  .headsec04 .textwidget p {
      margin-top: 10px;
  }
  
  .headsec04 td:nth-child(2) {
      vertical-align: middle;
      padding-top: 20px;
      padding-left: 20px;
  }
  
  .headsec04 span {
      font-size: 30px;
  }
  
  .headsec04 img {
      width: 100px;
      animation: amtwo 7s ease-in-out infinite;
      margin-right: 10px;
  }
  
  @keyframes amtwo {
      0.0% {
          transform: scale(1);
      }
      50% {
          transform: scale(1.2);
      }
      100.0% {
          transform: scale(1);
      }
  }
  
  @media (max-width:540px) {
      .floatcard4 img:nth-child(1) {
          position: absolute;
          width: 15vw;
          left: 10px;
          top: 0;
          opacity: 1;
          z-index: -5;
      }
      .floatcard4 img:nth-child(2) {
          position: absolute;
          width: 15vw;
          right: 10px;
          top: 0;
          opacity: .3;
          -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
          z-index: -5;
      }
  }
  
  @media (max-width: 445px) {
      .headsec04 img {
          width: 70px;
          animation: amtwo 3s ease-in-out infinite;
      }
      .headsec04 span {
          font-size: 7vw;
      }
  }
  
  .swiper-container {
      width: 100%;
      max-width: 1500px;
      height: 100%;
      padding: 15px 0;
      padding-bottom: 40px;
      overflow: hidden;
  }
  
   :root {
      --swiper-theme-color: #ffeb68;
  }
  
  .swiper-pagination-bullet {
      width: 13px !important;
      height: 13px !important;
      display: inline-block;
      border-radius: 50%;
      background: #fecc46 !important;
      opacity: .2;
  }
  
  .swiper-pagination-bullet-active {
      opacity: 1;
      background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  
  .swiper-button-next,
  .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: calc(var(--swiper-navigation-size)/ 44 * 27);
      height: var(--swiper-navigation-size);
      margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
      z-index: 10;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: white;
  }
  
  .swiper-button-prev {
      left: 30px;
  }
  
  .swiper-button-next {
      right: 30px;
  }
  
  .swiper-slide {
      text-align: center;
      font-size: 18px;
      border-radius: 20px;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      opacity: .4;
      max-width: 330px;
  }
  
  .swiper-slide.swiper-slide-active {
      opacity: 1;
  }
  
  .swiper-slide img {
      width: 100%;
      max-width: 330px !important;
      height: auto;
      padding: 5px;
      background: #ffb6565e;
      border-radius: 20px;
  }
  
  @media (max-width:400px) {
      .swiper-slide img {
          width: 100%;
          max-width: 300px !important;
          padding: 5px;
          background: #ffb6565e;
          border-radius: 20px;
      }
  }
  
  .swiper-slide {
      width: fit-content;
  }
  
  .swiper-container-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
      bottom: 0px;
      left: 0;
      width: 100%;
  }
  /*END Section04*/
  /* Section05*/
  
  .section05 {
      padding: 0 20px;
      background-size: cover !important;
      padding-bottom: 30px;
      position: relative;
  }
  
  .containsec05 {
      padding-top: 20px;
  }
  
  .headsec05 {
      font-size: 21px;
      margin-top: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  
  @media (max-width:400px) {
      .headsec05 {
          font-size: 7vw;
      }
  }
  
  .headsec05 p {
      font-size: 30px !important;
      margin-top: 10px;
  }
  
  .headsec05 img {
      height: 60px !important;
      width: auto;
      margin-right: 5px;
  }
  
  .headsec05 table {
      margin: 0 auto;
      white-space: nowrap;
  }
  
  @media (max-width: 500px) {
      .section05 {
          padding: 0 5px;
          padding-bottom: 30px;
      }
  }
  
  .postslide .swiper-slide img {
      width: 100%;
      max-width: 420px !important;
      height: auto;
      padding: 5px;
      background: #181119;
      border-radius: 20px;
      padding-bottom: 70px;
  }
  
  .postslide .swiper-slide {
      position: relative;
      margin: 0 15px;
      width: 100%;
      max-width: 420px !important;
  }
  
  .headerpostsl {
      position: absolute;
      width: 100%;
      background: #181119;
      bottom: 0;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      padding: 10px;
      white-space: normal;
  }
  
  .swiper-pagination2 {
      position: absolute;
      text-align: center;
      transition: .3s opacity;
      transform: translate3d(0, 0, 0);
      z-index: 10;
  }
  /*END Section05*/
  /*Single Post*/
  /*Post*/
  
  .marginsinglepost .category-post h2 {
      display: none;
  }
  
  .marginsinglepost .category-post ul {
      padding: 0;
      margin: 0;
  }
  
  .marginsinglepost .category-post li {
      list-style: none;
      padding: 0;
      margin: 0;
  }
  
  .marginsinglepost .category-post li.current-cat a {
      background: linear-gradient(180deg, #e4c175 30%, #644b19);
  }
  
  .marginsinglepost .category-post ul li a {
      padding: 11px 3px;
      margin-bottom: 9px;
      display: block;
      color: #fff;
      background: #00000063;
      border-radius: 9px;
      font-size: 15px;
  }
  
  @media (max-width:767px) {
      .marginsinglepost .category-post ul {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
      }
      .marginsinglepost .category-post ul li a {
          padding: 10px 5px;
          margin: 0 5px;
          margin-bottom: 10px;
          height: 100%;
          display: flex;
          text-align: center;
          align-content: center;
          justify-content: center;
          flex-direction: column;
          flex-wrap: nowrap;
      }
  }
  
  .marginsinglepost .pages-post {
      text-align: center;
      margin-top: 10px;
  }
  
  .marginsinglepost .pages-post a,
  .marginsinglepost .pages-post span {
      display: inline-block;
      background: linear-gradient(180deg, #505050 30%, #262626);
      padding: 10px;
      border-radius: 10px;
  }
  
  .marginsinglepost .pages-post span {
      background: linear-gradient(180deg, #f52867 30%, #bf001d);
  }
  
  .wp-block-image img {
      border-radius: 15px !important;
  }
  
  .containsingle {
      width: 100%;
      max-width: 1300px;
      margin: 0 auto;
  }
  
  .backsingle {
      color: white;
      font-size: 20px;
      width: 100%;
      max-width: 1500px;
      margin: 0 auto;
      margin-top: 10px;
      margin-bottom: 10px;
      cursor: pointer;
      padding-left: 10px;
  }
  
  .solidnav {
      border-right: 1px solid #ccc;
  }
  
  .tdpostnav {
      width: 25%;
      font-size: 18px;
      white-space: nowrap;
      border-radius: 5px;
      cursor: pointer;
  }
  
  .tdpostnav:hover {
      background: rgba(0, 0, 0, .5);
      border-radius: 5px;
  }
  
  .imgpost {
      text-align: center;
  }
  
  .imgpost img {
      width: 50%;
      height: auto;
  }
  
  .marginsinglepost {
      color: white;
      margin-top: 10px;
  }
  
  hr {
      width: 30%;
      margin-left: auto;
      margin-right: auto;
  }
  
  main {
      margin-top: 20px;
      border-radius: 10px;
      margin-bottom: 20px;
      font-size: 23px;
  }
  
  main p {
      font-size: 16px;
      color: white;
      font-weight: 100;
  }
  
  main img {
      display: block;
      margin: auto;
      height: auto;
      width: 100%;
  }
  
  strong {}
  
  h1,
  h2,
  h3,
  h4,
  h5 {}
  
  @media (max-width: 991px) {
      .marginsinglepost {
          margin-top: 0px;
      }
  }
  
  @media (max-width: 768px) {
      main img {
          display: block;
          height: auto;
          margin: auto;
          width: 100% !important;
      }
  }
  /*END Single Post*/
  /*POST*/
  
  .postcontainer {
      width: 100%;
      max-width: 1500px;
      margin: 0 auto;
  }
  
  .posthead {}
  
  .nav-link {
      font-size: 16px;
  }
  
  .p-post {
      padding: 0 5px !important;
  }
  
  .nav-link {
      line-height: 25px;
      padding: 20px 0;
  }
  
  .nav-link i {
      width: 40px;
  }
  
  .nav-pills .nav-link {
      border-radius: .25rem;
      margin-top: 5px;
      background: #4c1b1f91;
      box-shadow: 0 0 10px #000000b8;
  }
  
  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
      color: #fff;
      background-color: #a72d36;
      text-shadow: 0 0 5px white;
  }
  
  .gridpost {
      width: 100%;
      display: grid;
      grid-template-columns: 1fr 1fr;
  }
  
  .ingridpost {
      padding: 5px;
      text-align: center;
      font-size: 18px;
      width: 100%;
  }
  
  .iningridpost {
      width: 100%;
      background: #6363633b;
      padding: 5px;
      border-radius: 10px;
      cursor: pointer;
      height: 100%;
  }
  
  .ingridpost img {
      width: 100%;
      height: auto;
      padding-bottom: 5px;
      border-radius: 10px;
  }
  
  @media (max-width: 991px) {
      .p-post {
          padding: 0 5px !important;
      }
  }
  
  @media (max-width: 768px) {
      .gridpost {
          width: 100%;
          display: grid;
          grid-template-columns: 1fr;
      }
  }
  
  @media (max-width: 575px) {
      .nav-pills .nav-link {
          border-radius: .25rem;
          margin-top: 5px;
          background: transparent;
          word-break: break-word;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
      }
      .postmenu {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
      }
      .nav-link {
          padding: 10px 0 !important;
      }
      .gridmenu {
          padding: 3px;
      }
      .nav-link .inpostmenu {
          width: 100%;
          height: 100%;
          padding-top: 10px;
          border-radius: 5px;
      }
      .nav-link.active .inpostmenu {
          width: 100%;
          height: 100%;
          background: transparent;
          padding-top: 10px;
          border-radius: 5px;
      }
  }
  
  .head06 img {
      width: 90px;
      -webkit-filter: drop-shadow(0px 0px 7px #b59951);
      filter: drop-shadow(0px 0px 7px #b59951);
  }
  
  .head06 {
      padding-top: 15px;
      font-size: 26px;
      white-space: nowrap;
      text-align: center;
  }
  /*END POST*/
  
  .infootergrid:empty {
      display: none;
  }
  /*Comment*/
  
  .headcomment {
      font-weight: 300;
      padding: 10px;
      background: linear-gradient(181deg, #760909 30%, #a73e00);
      color: white;
      border-radius: 20px;
      font-size: 25px;
      padding-left: 20px;
      position: relative;
      text-align: center;
  }
  
  .containcomment {
      padding: 0 10px;
      margin-top: -10px;
  }
  
  @media (max-width:500px) {
      .containcomment {
          padding: 0 10px;
      }
  }
  
  @media (max-width:390px) {
      .containcomment {
          padding: 0 5px;
      }
  }
  
  .commentct {
      background: #f1f1f121;
      padding: 15px 0;
      border-radius: 10px;
      padding-left: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  
  .comment-author.vcard {
      border-radius: 20px;
      background: #190f17;
      margin-right: 10px;
      padding: 7px 0;
      padding-left: 7px;
  }
  
  .comment-author.vcard img {
      display: none;
  }
  
  .commentct ol {
      margin: 0;
      padding: 0;
      padding-left: 15px;
  }
  
  .comment-meta.commentmetadata {
      bottom: 0;
      font-size: 14px;
      color: #c7c7c7;
  }
  
  .commentct li {
      margin: 0;
      padding: 0;
      height: 105px;
      position: relative;
      margin-bottom: 20px;
  }
  
  .commentct h3 {
      display: none;
  }
  
  .commentct .comment-author img {
      display: none;
  }
  
  .commentct p {
      margin-bottom: 30px;
      padding-top: 7px;
      font-size: 18px;
      padding-left: 10px;
  }
  
  .paginationrv {
      text-align: center;
      font-size: 22px;
  }
  
  .prev.page-numbers {
      color: #c5c5c5;
  }
  
  .next.page-numbers {
      color: #c5c5c5;
  }
  
  .page-numbers.current {
      color: white;
  }
  
  .page-numbers {
      color: gray;
  }
  
  .reviewcontain {
      font-size: 15px;
  }
  
  .headercomment {
      white-space: nowrap;
  }
  
  .headercomment img {
      display: inline !important;
      width: 18px !important;
      margin-top: -8px;
  }
  
  @media (max-width: 390px) {
      .headercomment img {
          display: inline !important;
          width: 14px !important;
          margin-top: -4px;
      }
  }
  
  .datetimerv {
      font-size: 14px;
      color: #c7c7c7;
  }
  
  .datetimerv span {
      font-size: 14px;
      color: #d07070;
  }
  
  .contentcomment {
      font-size: 18px;
  }
  
  .comments-area {
      display: none;
  }
  
  .logged-in .comments-area {
      display: inline;
  }
  
  .headercommentbox {
      text-align: center;
      padding: 10px;
      margin: 10px;
      font-size: 18px;
      border-radius: 15px;
      transition: all .3s;
      background: #ecc22e;
  }
  
  .headercommentbox:hover {
      background: #b2a14d;
      text-shadow: 0 0 5px white, 0 0 10px white;
  }
  
  .commentbox {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      display: none;
  }
  
  .commentbox textarea {
      height: 150px;
      max-width: 100%;
      margin-left: -5px;
  }
  
  .commentbox input {
      background: #ffffff;
      border: none;
  }
  
  .comment-form-url {
      display: none;
  }
  
  .commentbox label {
      width: 90px
  }
  
  .commentbox .comment-form-cookies-consent {
      display: none;
  }
  
  .commentbox .submit {
      background: linear-gradient(180deg, #f9d73b 30%, #e88904);
      border: none;
      border-radius: 10px;
      color: white;
      padding: 10px 0;
      width: 100%;
  }
  
  .commentbox .form-submit {
      text-align: center;
  }
  
  .commentbox .commentlist {
      display: none;
  }
  
  .commentbox h3 {
      display: none;
  }
  
  .commentbox .commentInputer {
      font-size: 16px;
  }
  
  .commentInputer input {
      width: 275px;
  }
  
  .comment-form-comment {
      margin: 0;
      padding: 0;
  }
  
  .commentbox .saswp-average-rating {
      display: none;
  }
  /*END Comment*/
  /*Fixed BG*/
  
  .fixedbgback {
      position: fixed !important;
      right: 0 !important;
      bottom: 0 !important;
      min-width: 100% !important;
      min-height: 100% !important;
      width: auto !important;
      height: auto !important;
      z-index: -100 !important;
      margin: 0 !important;
      -webkit-background-size: cover !important;
      -moz-background-size: cover !important;
      -o-background-size: cover !important;
      background-size: cover !important;
  }
  /*Fixed BG*/
  /*Tab Racommed*/
  
  .tagcontainer {
      text-align: center;
      border-bottom: 1px solid #191919;
  }
  
  .tagcontainer span {
      display: inline-block;
  }
  
  .tagfooter {
      background: #900619;
      margin: 5px 2px;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 5px;
  }
  
  .tagfooter:hover {
      background: #a70f23;
      text-shadow: 0 0 5px white, 0 0 10px white;
  }
  /*Tab Racommed*/
  /*Nav Bar-----------------------------------*/
  
  #sidebar .menu-menu-container li {
      list-style: none;
  }
  
  #sidebar .menu-menu-container ul {
      padding: 0;
      margin: 0;
  }
  
  .sidebarbtn {
      background: transparent;
      border: none;
      color: white;
      font-size: 30px;
      width: 40px;
      transition: all .3s;
      padding-left: 15px;
      display: none;
      padding: 0;
      padding-left: 25px;
  }
  
  .navbarstk {
      position: absolute;
      z-index: 99;
      width: 100%;
      margin: 0 auto;
      height: 97px;
      left: 0;
      right: 0;
      top: 110px;
      padding: 3px 10px;
      padding-top: 5px;
      transition: all .3s;
  }
  
  .navbarstk.fixedtop {
      position: fixed;
      top: 22px;
  }
  
  .navcontainer {
      width: 100%;
      max-width: 1200px;
      height: 100%;
      margin: 0px auto;
      position: relative;
      display: flex;
      padding: 2px 10px;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: flex-start;
      justify-content: center;
      text-align: left;
      border-radius: 30px;
      background-color: transparent;
      background-image: linear-gradient(#1e0303c4 0%, #a30606b8 100%);
      border-style: solid;
      border-width: 5px 10px 10px 5px;
      border-color: #00000000;
      border-radius: 50px;
  }
  
  .navbarstk.sticky {
      background: #13182af7;
      box-shadow: 0 0 15px #00000094;
  }
  
  .navbarstk img {
      width: 432px;
      height: auto;
  }
  
  @media (max-width:991px) {
      .navbarstk img {
          width: 380px;
          height: auto;
      }
  }
  
  .navbarstk ul {
      margin: 0;
      padding: 0;
      display: flex;
      margin-left: 20px;
  }
  
  @media (max-width:991px) {
      .sidebarbtn {
          display: block;
          padding-left: 20px;
      }
      .navbarstk ul {
          display: none;
      }
  }
  
  .navbarstk li {
      margin: 0;
      padding: 0;
      list-style: none;
      padding: 5px 0;
  }
  
  .navbarstk ul a {
      display: block;
      padding: 10px;
      border-radius: 10px;
      color: white;
      font-weight: 400;
      text-decoration: none;
  }
  
  .navbarstk ul a:hover {
      background: #acacac33;
      text-shadow: 0 0 5px white, 0 0 20px white;
  }
  
  .loginregishead {
      position: absolute;
      right: 0px;
      margin: 2px;
      display: flex;
  }
  
  @media (max-width:991.86px) {
      .loginregishead {
          margin: 13px;
      }
  }
  
  @media (max-width:767.86px) {
      .loginregishead {
          display: none;
      }
  }
  
  .loginbtn {
      border-radius: 5px;
      border: none;
      padding: 10px 15px;
      color: white;
      background: linear-gradient(134deg, #ff2e2e, #610f0f);
      box-shadow: rgb(255 255 255) 0px 0px 0px 1.5px inset;
  }
  
  .registerbtn {
      border-radius: 5px;
      border: none;
      padding: 10px 10px;
      margin-left: 5px;
      color: white;
      box-shadow: rgb(255 255 255) 0px 0px 0px 1.5px inset;
      background: linear-gradient(168deg, rgba(65, 75, 108, 0.82) 0%, rgb(19, 24, 42) 100%);
  }
  
  @media (max-width: 520px) {
      .navbarstk img {}
      .navbarstk {}
      .loginregishead {
          margin: 0;
          right: 10px;
      }
      .loginbtn {
          font-size: 14px;
      }
      .registerbtn {
          font-size: 14px;
      }
  }
  
  @media (max-width: 450px) {
      .navbarstk {}
      .loginregishead {
          margin: 0;
          right: 5px;
      }
      .loginbtn {
          font-size: 12px;
      }
      .registerbtn {
          font-size: 12px;
      }
  }
  
  @media (max-width: 390px) {
      .navbarstk {
          padding: 5px;
      }
      .loginregishead {
          margin: 0;
          right: 5px;
      }
      .loginbtn {
          font-size: 12px;
      }
      .registerbtn {
          font-size: 12px;
          margin-left: 2px;
      }
  }
  
  .btn-primary {
      margin-bottom: 1rem;
      font-size: 0.9rem;
      position: relative;
      -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
      filter: drop-shadow(0 4px 4px rgba(0, 0, 0, .5));
      border-radius: 12px;
      border: 2px solid transparent;
      background-image: linear-gradient(161deg, #3e3c56, #1a1a1a 51.68%, #150e21), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
      background-origin: border-box;
      background-clip: content-box, border-box;
      padding: 0!important;
      transition: -webkit-filter .2s;
      transition: filter .2s;
      transition: filter .2s, -webkit-filter .2s;
      line-height: 22px;
      box-shadow: 0 0 5px #ffffff, 0 0 10px #e7b54d, 0 0 15px #fae792;
  }
  
  .loginregishead button:nth-child(2) {
      background-image: linear-gradient(171deg, #d9c693, #f0bd50 51.68%, #926e2d), linear-gradient(90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
  }
  
  @media (max-width:991.86px) {
      .btn-primary {
          margin: 0px 10px;
      }
      .btn-primary:nth-child(2) {
          margin: 0px 0px;
      }
  }
  
  .btn-primary:hover {
      -webkit-filter: saturate(2);
      filter: saturate(2);
      border-color: #ffffff;
      background-image: linear-gradient( 180deg, #121212, #121212 51.68%, #121212), linear-gradient( 90deg, #ffffff, #ffffff 31.53%, #ffffff 64.87%, #ffffff);
  }
  
  .btn-primary:after {
      width: 100%;
      height: 2px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      content: "";
      mix-blend-mode: screen;
      bottom: -4px;
  }
  
  .btn-primary:before {
      width: 100%;
      height: 2px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      content: "";
      mix-blend-mode: screen;
      top: -4px;
  }
  
  .btn-primary a {
      display: block;
      padding: 8px;
      width: 95px;
      color: #ffffff;
      text-decoration: none !important;
      cursor: pointer;
      white-space: nowrap;
  }
  
  .headleftmenu {
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
  }
  
  .headcenterlogo {
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      top: 50%;
  }
  
  .headrightmenu {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 245px;
  }
  
  .navbarstk .headleftmenu li {
      margin-right: 10px;
  }
  
  .navbarstk .headrightmenu li {
      margin-left: 10px;
  }
  
  @media (max-width:450px) {
      .btn-primary {
          font-size: 3vw
      }
  }
  /*Nav Bar-----------------------------------*/
  /* Header Game */
  
  #othergamect {
      position: absolute;
      left: 0;
      right: 0;
      overflow: auto;
      scroll-behavior: smooth;
      transition: all .3s;
      z-index: 1;
      background: linear-gradient(180deg, #000000bd 0%, transparent 70%);
  }
  
  .inothergame {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      width: 100%;
      max-width: 1299px;
      margin: 0 auto;
      padding: 0 10px;
  }
  
  .imgheadgame {
      padding: 15px;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
  }
  
  .imgheadgame img {
      width: 100px;
      max-width: 100%;
      height: auto;
      min-width: 90px;
  }
  
  @media (max-width: 1080px) {
      .imgheadgame {
          padding: 10px;
      }
  }
  
  .leftbtnhead,
  .rightbtnhead {
      position: absolute;
      left: 10px;
      top: 23px;
      display: none;
      background: none;
      padding: 5px;
      border: none;
      color: white;
      font-size: 40px;
      z-index: 2;
      text-shadow: 0 0 5px black, 0 0 15px black, 0 0 25px black, 0 0 35px black;
  }
  
  .rightbtnhead {
      right: 10px;
      left: auto;
  }
  
  @media (max-width: 991px) {
      .leftbtnhead,
      .rightbtnhead {
          display: block;
      }
  }
  /* Header Game */
  /* WP Admin */
  
  .navbarstk.wpadmin.fixedtop {
      top: 43px;
  }
  
  #sidebar.wpadmin {
      margin-top: 32px;
  }
  
  .navbarstk.wpadmin {}
  
  @media (max-width: 782px) {
      #sidebar.wpadmin {
          margin-top: 46px;
      }
      .navbarstk.wpadmin.fixedtop {
          top: 66px;
      }
  }
  
  @media (max-width: 600px) {
      .navbarstk.wpadmin.fixedtop {
          top: 30px;
      }
      #wpadminbar {
          margin-top: -46px;
      }
      #sidebar.wpadmin {
          margin-top: 46px;
      }
      #sidebar.mobilewp {
          margin-top: 0px;
      }
      .navbarstk.mobilewp {
          margin-top: -46px;
      }
      .overlay.mobilewp {
          margin-top: -46px;
      }
  }
  /* WP Admin */
  /* LINE BOX */
  
  .linecutbt01:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px;
      z-index: 9;
      background: white;
      box-shadow: 0 0 5px #fa2121, 0 0 15px #fa2121, 0 0 20px #ff0f0f;
  }
  
  .linecutbt02:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px;
      z-index: 9;
      background: white;
      box-shadow: 0 0 5px #7ff1ec, 0 0 15px #31fde7, 0 0 25px #56ffec;
  }
  
  .linecutbt03:before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 4px;
      z-index: 9;
      background: white;
      box-shadow: 0 0 5px #7ff1ec, 0 0 15px #31fde7, 0 0 25px #56ffec;
  }
  /* LINE BOX */
  /*Footer*/
  
  .footercontain {
      width: 100%;
      max-width: 1150px;
      margin: 0 auto;
  }
  
  .disfooterct {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  }
  
  .infootergrid {
      display: flex;
      padding: 0 10px;
      word-break: break-word;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
  }
  
  .infootergrid:empty {
      display: none;
  }
  
  .fotterctn {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
  }
  
  .infootergrid:empty {
      display: none;
  }
  
  .rightmenu {
      font-size: 30px;
  }
  
  .infootergrid {
      text-align: center;
  }
  
  .infootergrid img {
      border-radius: 0;
      max-width: 300px !important;
      width: 100%;
  }
  
  .infootergrid h2 {
      color: #ecbd7b;
  }
  
  .infootergrid ul {
      padding: none;
      margin: 0;
      display: flex;
      padding: 0;
      padding-left: 10px;
      justify-content: center;
  }
  
  .infootergrid li {
      list-style: none;
      font-size: 23px;
      padding: 8px;
      padding-bottom: 4px;
  }
  
  .trueimg img {
      display: block;
      width: 250px;
      max-width: 100%;
      margin: 0 auto;
      margin-bottom: 10px;
  }
  
  .headerbt {
      display: block;
      color: #ecbd7b;
      font-size: 30px;
  }
  
  .bankcontainer {
      text-align: center;
  }
  
  .bankcontainer .gallery-item {
      width: auto;
  }
  
  .bankcontainer .gallery {
      margin: auto;
      display: flex;
      flex-direction: row !important;
      flex-wrap: wrap !important;
      justify-content: center !important;
      align-content: center !important;
  }
  
  .bankcontainer img {
      width: 40px;
      margin: 5px;
      height: auto;
      border: none !important;
  }
  
  .bankcontainer .gallery-item {
      width: auto !important;
      margin-top: 0 !important;
  }
  
  @media (max-width: 440px) {
      .bankcontainer img {
          width: 10vw;
          margin: 5px;
          height: auto;
      }
      .infootergrid li {
          list-style: none;
          font-size: 5vw;
          padding: 8px;
          padding-bottom: 4px;
      }
  }
  
  @media (max-width:991px) {
      .bankcontainer img {
          width: 40px;
          margin: 5px;
          height: auto;
      }
      .disfooterct {
          display: grid;
          grid-template-columns: 1fr;
          text-align: center;
      }
      .infootergrid h2 {
          margin-top: 20px;
      }
  }
  /*Footer*/
  /* Single Page */
  
  .headerppp {
      text-align: center;
      width: 100%;
      max-width: 750px;
      margin: 0 auto;
      display: flex;
      padding: 2px;
      margin-top: -38px;
      margin-bottom: 15px;
      border-radius: 10px;
      background-image: linear-gradient(180deg, #901e19, #390606), linear-gradient(90deg, #9c6727, #fdf6ae 31.53%, #bd8d42 64.87%, #fdf6ae);
      background-origin: border-box;
      background-clip: content-box, border-box;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
  }
  
  .headerppp h1 {
      font-size: 23px;
      padding: 5px;
      margin: 0;
  }
  
  .containpage {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      margin-top: 260px;
      margin-bottom: 20px;
      padding: 10px;
      border-radius: 10px;
      background: #00000075;
  }
  /* Single Page */
  /* LOGIN MODAL */
  
  .modaldiv {
      display: none;
      position: fixed;
      z-index: 100;
      bottom: 0;
      right: 0;
      top: 0;
      left: 0;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      padding: 0 10px;
  }
  
  .contentmodal {
      width: 100%;
      max-width: 500px;
      height: auto;
      z-index: 2;
      position: relative;
      margin: 0 auto;
      background: linear-gradient(142deg, #951a1ab3 0%, #090101a8);
      border-radius: 20px;
      padding: 10px;
  }
  
  .contentmodal iframe {
      height: 100%;
      width: 100%;
      border: none;
  }
  
  .contentmodal button {
      position: absolute;
      right: 2px;
      top: -10px;
      border-radius: 50px;
      border: none;
      width: 30px;
      height: 30px;
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      text-align: center;
      background: #ff4c4c;
      padding: 0;
  }
  
  .contentmodal button i {
      display: block;
      margin: 0 auto;
      color: white;
  }
  
  .overlaymodal {
      position: fixed;
      bottom: 0;
      right: 0;
      top: 0;
      left: 0;
      background: #00000070;
      z-index: -1;
  }
  
  .contentmodal.animate__animated.animate__bounceInDown {
      --animate-duration: .6s;
  }
  
  .contentmodal .login h1 {
      text-align: center;
      font-size: 20px;
      margin-top: 10px;
  }
  
  .contentmodal .login {
      padding: 0 20px;
  }
  
  .contentmodal .login img {
      width: 100%;
      max-width: 200px;
      height: auto;
      margin: 0 auto;
      display: block;
      margin-top: 15px;
  }
  
  .contentmodal .login input {
      background: #00000085;
      width: 100%;
      border-radius: 9px;
      border: none;
      padding: 10px;
      outline: none;
      color: white;
      box-shadow: 0 0 2px white, 0 0 15px #0000009e;
  }
  
  .contentmodal .login a.btnLogin {
      width: 100%;
      max-width: 200px;
      padding: 10px;
      background: linear-gradient(171deg, #ff3737 0%, #620101);
      display: block;
      margin: 20px auto;
      text-align: center;
      border-radius: 20px;
      color: white;
      text-decoration: none;
  }
  /* LOGIN MODAL */
  /* 404 Not found */
  
  .containerror {
      margin-top: 260px;
  }
  
  .incontainerror {
      text-align: center;
      font-size: 40px;
  }
  /* 404 Not found */
  /* Roulette Spin */
  
  .containroulette {
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 10px;
      top: 10px;
      z-index: -1;
  }
  
  .roulette {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
  }
  
  .roulette .wheel img {
      transition: transform 10s cubic-bezier(0.3, 1, 0.7, 1), 10s filter cubic-bezier(0.1, 1, 0.8, 1), 10s -webkit-filter cubic-bezier(0.1, 1, 0.8, 1);
      will-change: transform;
      border-radius: 50%;
      box-shadow: 0 0 100px rgba(0, 0, 0, 0.5);
      width: 100%;
      max-width: 600px;
      /* border:4px dashed rgba(255,255,255, .5); */
  }
  
  .roulette .arrow {
      width: 0;
      height: 0;
      border: 26px solid transparent;
      border-top: 39px solid #dec487;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -100px);
      z-index: 20;
      border-radius: 0.35em;
      top: 72px;
  }
  
  .spin {
      cursor: crosshair;
  }
  /* Roulette Spin */