/*
Theme Name: ShootingFish
Theme URI: 
Author: ShootingFish
Author URI: 
*/

  @import url('https://fonts.googleapis.com/css2?family=Mitr:wght@300&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Sriracha&display=swap');

  body {
      font-family: 'Mitr', sans-serif;
      position: relative;
      color: white;
      overflow-x: hidden;
      height: 100% !important;
      -ms-flex-direction: column !important;
      flex-direction: column !important;
      display: -ms-flexbox !important;
      display: flex !important;
  }

  h1 {
      font-size: 2em;
  }

  .Postbg {
      background: linear-gradient(90deg, #0000007a, #a2040400),
          url(images/bg/bg12.jpg)fixed;
      background-size: cover;
  }

  /*body::after {
  content: "";
  background: rgb(0, 0, 0);
 background: radial-gradient(#9203035e, #000000ba),url(images/bg/bg14.jpg)right center;
background-size: cover;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
z-index: -5;
overflow-x: hidden;
}*/
  .cutcolor {
      color: #f6cf8c !important;
  }

  /*
@media (max-width: 670px){
    body::after {
  content: "";
  background: rgb(0, 0, 0);
 background: radial-gradient(#8000009c, #030101cf),url(images/bg/bg15.jpg)right center;
background-size: cover;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: fixed;
z-index: -5;
overflow-x: hidden;
}
}*/




  /* width */

  ::-webkit-scrollbar {
      width: 7px;
  }


  /* Track */

  ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px #4e4e4e;
      border-radius: 10px;
  }


  /* Handle */

  ::-webkit-scrollbar-thumb {
      background: #475ba8;
      border-radius: 10px;
  }


  /* Handle on hover */

  ::-webkit-scrollbar-thumb:hover {
      background: #657ede;
  }




  /*Wordpress*/

  @media screen and (max-width: 600px) {
      #wpadminbar {
          position: absolute;
          margin-top: -46px;
      }

      .navbarstk.wpadmin {
          margin-top: -46px;
      }

  }

  @media (max-width:600px) {
      .navbarstk.mobilewp {
          top: 0;
          transition: all .3s;
      }
  }


  /*Wordpress*/








  .cursorp {
      cursor: pointer;
  }


  .x-hr-border-glow {
      height: 2px;
      margin-top: 0;
      background: linear-gradient(90deg, transparent, #fcc53b 30%, #fcc53b 70%, transparent);
      width: 100% !important;
      text-align: center;
  }


  .x-hr-border-glow2 {
      height: 1px;
      margin-top: 0;
      background: white;
      width: 70%;
      text-align: center;
      box-shadow: 0 0 5px #ffaa06, 0 0 15px #ffec57, 0 0 20px #ffd46e;
  }


  footer {
      color: white;
      background: #000;
      padding: 10px 0;
  }

  @media (max-width: 768px) {
      footer {
          /* padding-bottom: 90px; */
      }
  }

  .wrapper-menu {
      background-color: transparent;
      border: none;
      cursor: pointer;
      display: flex;
      padding: 0;
      outline: none;
      position: absolute;
      left: 10px;
      top: 8px;
      z-index: 1000;
      transition: all .5s;
  }

  .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% {}
  }





  /*Nav Bar-----------------------------------*/
  #sidebar .menu-menu-container li {
      list-style: none;
  }

  #sidebar .menu-menu-container ul {
      padding: 0;
      margin: 0;
  }

  .sidebarbtn {
      height: 30px;
      margin-top: 19px;
      margin-left: 5px;
      background: transparent;
      border: none;
      color: white;
      font-size: 30px;
      transition: all .3s;
  }

  .navbarstk {
      position: fixed;
      z-index: 99;
      width: 100%;
      margin: 0 auto;
      height: 90px;
      left: 0;
      right: 0;
      padding: 3px 30px;
      padding-top: 5px;

      transition: all .3s;
  }

  .navcontainer {
      width: 100%;
      max-width: 1300px;
      height: 80px;
      margin: 0 auto;
      position: relative;
      display: flex;
  }

  .navbarstk.sticky {
      background: #62623100;
      box-shadow: 0 0 15px #00000094;
  }


  .navbarstk img {
      width: auto;
      height: 100%;
      margin-left: 0px !important;
      /* margin-left: 10px; */
  }

  .navbarstk ul {
      margin: 0;
      padding: 0;
      display: flex;
      margin-left: 20px;
  }

  @media (max-width:991px) {
      .navbarstk ul {
          display: none;
      }
  }

  .navbarstk li {
      margin: 0;
      padding: 0;
      list-style: none;
      padding: 5px 0;
  }

  .navbarstk ul a {
      display: block;
      padding: 20px;
      border-radius: 10px;
      font-weight: 900;
  }

  .navbarstk ul a:hover {
      background: #acacac33;
      text-shadow: 0 0 5px white, 0 0 20px white;
  }

  .loginregishead {
      position: absolute;
      right: 0;
      margin: 10px !important;
      display: flex;
  }

  .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, rgb(44 114 210) 0%, rgb(31 26 112) 100%);
  }

  @media (max-width: 520px) {
      .navbarstk {
          padding: 10px;
      }

      .loginregishead {
          margin: 0;
          margin-top: 13px;
          right: 10px;
      }

      .sidebarbtn {
          font-size: 25px;
          margin-top: 14px;
      }

      .loginbtn {
          font-size: 14px;
      }

      .registerbtn {
          font-size: 14px;
      }
  }

  @media (max-width: 450px) {
      .navbarstk {
          padding: 10px;
      }

      .loginregishead {
          margin: 0;
          margin-top: 14px;
          right: 5px;
      }

      .sidebarbtn {
          font-size: 25px;
          margin-top: 14px;
      }

      .loginbtn {
          font-size: 12px;
      }

      .registerbtn {
          font-size: 12px;
      }
  }

  @media (max-width: 390px) {
      .navbarstk img {
          height: 80%;
          width: auto;
          margin-top: 7px;
      }

      .navbarstk {
          padding: 5px;
      }

      .loginregishead {
          margin: 0;
          margin-top: 14px;
          right: 5px;
      }

      .sidebarbtn {
          font-size: 25px;
          margin-top: 14px;
          margin-left: 5px;
      }

      .loginbtn {
          font-size: 12px;
      }

      .registerbtn {
          font-size: 12px;
          margin-left: 2px;
      }
  }

  /*Nav Bar-----------------------------------*/




  /*Section1*/
  .section01 {
      position: relative;
      background: linear-gradient(180deg, #000000b5, transparent), url(images/bg/bg5.jpg)center;
      background-size: cover;
      position: relative;
  }

  .containsec01 {
      width: 100%;
      max-width: 1500px;
      margin: 0 auto;
      padding-top: 200px !important;
      position: relative;
      transition: all .5s;
  }

  .boxercontain {
      position: absolute;
      bottom: 0;
      width: 100%;
  }

  @media (max-width:1190px) {
      .boxercontain {
          opacity: .6;
      }
  }

  .vscenter {
      position: absolute;
      display: none;
  }

  .vscenter img {
      width: auto;
      height: 100% !important;
      z-index: 1;
  }

  .incontainer {
      position: relative;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      z-index: 2;
      text-align: center;
  }

  @media (max-width:950px) {
      .containsec01 {
          height: 1000px;
      }

      .boxercontain {
          opacity: 1;
      }

      .vscenter {
          position: absolute;
          display: block;
          width: 100%;
          height: 120px;
          z-index: 1;
          top: 50%;
          left: 50%;
          text-align: center;
          transform: translate(-50%, -50%);
      }

  }

  @media (max-width:890px) {
      .containsec01 {
          height: auto;
          padding-top: 120px !important;
      }

      .boxercontain {
          position: relative;
          width: 100%;
      }

      .incontainer {
          margin-bottom: 30px;
      }
  }

  @media (max-width:450px) {
      .vscenter {
          height: 80px;
      }
  }

  .headerSec01 {
      font-size: 40px;
      /* font-family: 'Sriracha', cursive; */
      color: white;
      text-shadow: 0 0 5px #e5b96b, 0 0 15px #e5b96b, 0 0 35px #e5b96b, 0 0 45px #e5b96b;
  }

  .logosection01 img {
      max-width: 250px;
      height: auto;
  }

  .leftboxing img {
      width: auto;
      max-width: 100%;
      max-height: 500px;
  }

  .centerright {
      display: flex;
      justify-content: center;
      align-items: center;
  }


  .btn-dark {
      background: #343a40;
      padding: 13px 40px;
      border-radius: 20px;
      text-shadow: 0 0 10px white, 0 0 20px white;
      background: -moz-linear-gradient(135deg, #403434 0%, #964141 50%, #5c2121 51%, #752020 71%, #ac2727 100%);
      background: -webkit-linear-gradient(135deg, #403434 0%, #964141 50%, #5c2121 51%, #752020 71%, #ac2727 100%);
      background: linear-gradient(135deg, #541111 0%, #964141 50%, #5c2121 51%, #752020 71%, #ac2727 100%);
      box-shadow: 5px 5px 10px black;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343a40', endColorstr='#343a40', GradientType=1);
      background-size: 400% 400%;
      -webkit-animation: AnimationName 5s ease infinite;
      -moz-animation: AnimationName 5s ease infinite;
      animation: AnimationName 5s ease infinite;
      -webkit-animation: AnimationName 5s ease infinite;
      -moz-animation: AnimationName 5s ease infinite;
      animation: AnimationName 5s ease infinite;
      border: medium none;
  }

  @-webkit-keyframes AnimationName {
      0% {
          background-position: 0% 31%
      }

      50% {
          background-position: 100% 70%
      }

      100% {
          background-position: 0% 31%
      }
  }

  @-moz-keyframes AnimationName {
      0% {
          background-position: 0% 31%
      }

      50% {
          background-position: 100% 70%
      }

      100% {
          background-position: 0% 31%
      }
  }

  @keyframes AnimationName {
      0% {
          background-position: 0% 31%
      }

      50% {
          background-position: 100% 70%
      }

      100% {
          background-position: 0% 31%
      }
  }



  /*Roulette-------------------------------------*/
  .logo-sec01 {
      text-align: center;
      width: 100%;
      z-index: 98;
      margin-bottom: 15px;
  }

  .logo-sec01 img {
      width: 100%;
      height: auto;
      max-width: 270px;
      position: relative;
  }

  .logo-sec01-right {
      text-align: center;
  }

  .logo-sec01-right img {
      width: 100%;
      max-width: 150px;
  }

  .headsec01 {
      font-size: 30px;
      margin: 5px 0;
      white-space: nowrap;
      line-height: 40px;
      font-weight: bold;
      position: relative;
      background: linear-gradient(180deg, #b3a22c 20%, #e8cd9b 50%, #b3772c 80%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }

  .detailsec01 {
      font-size: 15px;
      line-height: 28px;
      word-break: break-word;
      color: #ffffff;
      width: 100%;
      max-width: 450px;
      margin: 0 auto;
      margin-top: 10px;
      position: relative;
      text-align: center;
  }



  .-btn {
      position: relative;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin-top: 1rem;
      padding: 0;
      transition: all .2s
  }

  @media (min-width:992px) {
      .-btn:hover {
          -webkit-transform: scale(1.02);
          transform: scale(1.02)
      }
  }

  .-btn .-fake-bg {
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 40px;
      width: 96%;
      height: 88%;
      -webkit-transform: translate(-50%, -53%);
      transform: translate(-50%, -53%);
      z-index: 1;
  }

  .-btn .-img {
      width: 250px;
      height: auto;
  }

  .-btn .-text-wrapper {
      height: 77%;
      width: 93%;
      background: linear-gradient(180deg, #dddc24, #de7011);
      border-radius: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 9;
      font-size: 1.56rem;
      font-weight: 700;
      color: #030a21;
      -webkit-transform: translate(-50%, -55%);
      transform: translate(-50%, -55%);
  }

  .-btn .-text-wrapper .-text {
      position: relative;
      -webkit-filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .6));
      filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .6));
      display: inline-block;
      color: #fff;
      background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #dfac1b), to(#fff));
      background-position: -200px top;
      background-repeat: no-repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-animation-name: x-shimmer;
      animation-name: x-shimmer;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
  }

  @media (max-width:991.98px) {
      .-btn .-text-wrapper .-text {
          -webkit-animation-duration: 2s;
          animation-duration: 2s
      }
  }

  .-btn .-text-wrapper .-text.-ma {
      display: none
  }

  .-btn .-text-wrapper .-ic-img {
      width: 36px;
      margin-right: 10px
  }

  .-btn .-text-wrapper .-ic {
      margin-left: 10px;
      font-size: 20px;
      -webkit-animation: x-btn-arrow-mover .3s infinite alternate;
      animation: x-btn-arrow-mover .3s infinite alternate
  }

  .-btn .-twinkle {
      position: absolute;
      z-index: 9;
  }

  .-btn .-twinkle.-item-1 {
      top: -12px;
      right: 15px;
      width: 45px;
      -webkit-animation: x-wm-scale-up .4s linear infinite alternate;
      animation: x-wm-scale-up .4s linear infinite alternate;
  }

  @media (max-width:575.98px) {
      .-btn .-twinkle.-item-1 {
          top: -15px
      }
  }

  .-btn .-twinkle.-item-2 {
      top: 50px;
      right: -10px;
      width: 55px;
      -webkit-animation: x-wm-scale-up .4s linear .5s infinite alternate;
      animation: x-wm-scale-up .4s linear .5s infinite alternate;
  }

  @media (max-width:575.98px) {
      .-btn .-twinkle.-item-2 {
          top: 45px;
          right: -5px;
          width: 40px
      }
  }

  .-btn .-twinkle.-item-3 {
      top: 42px;
      left: -15px;
      width: 65px;
      -webkit-animation: x-wm-scale-up .4s linear 1s infinite alternate;
      animation: x-wm-scale-up .4s linear 1s infinite alternate
  }

  @media (max-width:575.98px) {
      .-btn .-twinkle.-item-3 {
          top: 38px;
          left: -12px;
          width: 50px
      }
  }

  .-btn.-cannot-entry {
      -webkit-filter: brightness(.4);
      filter: brightness(.4);
      pointer-events: none;
      cursor: not-allowed
  }

  .-btn.-cannot-entry .-text-wrapper .-text.-normal {
      display: none
  }

  .-btn.-cannot-entry .-text-wrapper .-text.-ma {
      display: block
  }

  .-btn.-cannot-entry .-text-wrapper .-ic {
      display: none
  }


  @media (max-width:991.98px) {
      .-title-wrapper {
          flex-direction: column
      }

      .-title-wrapper .-title {
          margin-top: .5rem;
          font-size: 2.5rem;
          text-align: center
      }

      .-title-wrapper .-logo-img {
          width: 120px
      }
  }

  @media (max-width:767.98px) {
      .-sub-title {
          font-size: 1.5rem;
          line-height: 1.3
      }
  }

  @media (max-width:575.98px) {
      .-title-wrapper .-title {
          font-size: 1.8rem
      }

      .-sub-title {
          font-size: 1.3rem
      }

      .-btn .-img {
          width: 210px
      }

      .-btn .-text-wrapper {
          font-size: 1.4rem
      }
  }

  @-webkit-keyframes x-shimmer {
      0% {
          background-position: -200px top
      }

      to {
          background-position: 200px top
      }
  }



  @-webkit-keyframes x-wm-scale-up {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1)
      }

      to {
          -webkit-transform: scale(1.75);
          transform: scale(1.75)
      }
  }

  @keyframes x-wm-scale-up {
      0% {
          -webkit-transform: scale(1);
          transform: scale(1)
      }

      to {
          -webkit-transform: scale(1.75);
          transform: scale(1.75)
      }
  }








  @media (max-width:768px) {
      .headsec01 {
          font-size: 25px;
      }

      .detailsec01 {
          font-size: 16px;
      }
  }


  /*Section1*/




























  /*Section 2*/

  .section02 {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      margin-top: -10px !important;
      /*margin-top: -60px;*/
      padding: 0 10px;
  }

  .floatimgsec2 img {
      position: absolute;
      width: 100px;
      margin-top: -50px;
      z-index: 1;
      animation: floatsectwo 10s ease 0s infinite normal none;
  }

  @keyframes floatsectwo {
      0.0% {
          transform: translate(0px, 0px) rotate(0deg) scale(.9);
      }

      100% {
          transform: translate(0px, 0px) rotate(0deg) scale(.9);
      }

      49.6% {
          transform: translate(0px, -20px) rotate(10deg) scale(1.1);
      }
  }

  .gridsec02 {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      border-radius: 10px;
  }

  .ingridsec02 {
      padding: 15px 5px;
  }

  @media (max-width:500px) {
      .ingridsec02 {
          padding: 3px;
      }

      .iningridsec02 {
          font-size: 3vw !important;
      }

      .ingridsec02 h5 {
          font-size: 4vw;
      }
  }

  .iningridsec02 {
      padding: 12px;
      text-align: center;
      font-size: 13px;
      background: #f0e5666b;
      height: 100%;
      color: #ffffff;
      word-break: break-word;
      border-radius: 20px;
      line-height: 20px;
      box-shadow: 3px 3px 10px black;
  }

  .iningridsec02 img {
      height: 80px !important;
      width: auto;
      margin-bottom: 6px;
  }

  @media (max-width: 768px) {
      .gridsec02 {
          width: 100%;
          margin: 0 auto;
          display: grid;
          grid-template-columns: 1fr 1fr;
      }
  }

  /*SEction2 */






  .bgsec23 {
      /*background: radial-gradient(#0505056b, #00000005),url(images/bg/bg6.jpg)center center;*/
      background-size: cover;
      /*box-shadow: inset 0 0 10px black,inset 0 0 20px black;*/
      position: relative;
      z-index: 1;
  }






  /*Section3*/
  #jarallax-container-0 {
      border-radius: 30px !important;
      border: 4px solid #fcc53b;
  }

  .headsec3 {
      font-size: 35px;
      font-weight: 900;
  }

  .detailsec03 {
      line-height: 30px;
      font-weight: 300;
      word-break: break-word;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      text-shadow: 0 0 5px black, 0 0 10px black, 0 0 15px black, 0 0 20px black;
  }

  .section03 {
      padding: 0 10px;
      margin-top: 40px;
      padding-top: 40px;
      padding-bottom: 30px;
  }

  .containsec3 {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      background: linear-gradient(89deg, rgb(0 0 0 / 18%) 0%, rgb(0 0 0 / 22%) 100%), url(images/bg/bg4.jpg)center;
      background-size: cover;
      border-radius: 20px;
      box-shadow: 0px 5px 15px black, 0px 5px 10px black;
  }

  @media (max-width: 991px) {
      .containsec3 {
          padding-bottom: 0;
          padding-bottom: .5px;
      }
  }

  .headersec3 {
      text-align: center;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      margin-top: -80px;
  }

  .headersec3 img {
      width: 200px;
      padding: 0px;
      height: auto;
      padding-bottom: 10px;
      border-radius: 50px;
      animation: logotopanimate 10s ease 0s infinite normal none;
      -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 1));
      filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 1));
  }

  .relasec3 {
      position: relative;
      margin: 40px 0px;
  }

  .sec03img1 {
      height: 400px;
  }

  .sec03img1 img {
      height: 500px !important;
      width: auto !important;
      margin: 0 auto;
      margin-top: -50px;
      animation: imgphone 8s ease 0s infinite normal none;
  }

  @keyframes imgphone {
      0.0% {
          transform: translate(0px, 10px);
      }

      100% {
          transform: translate(0px, 10px);
      }

      49.6% {
          transform: translate(0px, -10px);
      }
  }

  @media (max-width: 991px) {
      .sec03img1 img {
          width: 500px !important;
          height: 400px !important;
          margin: 0 auto;
          object-fit: cover;
          object-position: 100% 0;
          margin-top: 0px;
          animation: none;
      }
  }

  @media (max-width:500px) {
      .sec03img1 img {
          width: 100% !important;
          height: 300px !important;
          margin: 0 auto;
          object-fit: cover;
          object-position: 100% 0;
      }

      .sec03img1 {
          height: 300px;
      }
  }

  @media (max-width:385px) {
      .sec03img1 img {
          width: 400px !important;
          height: 200px !important;
          margin: 0 auto;
          object-fit: cover;
          object-position: 100% 0;
      }

      .sec03img1 {
          height: 200px;
      }
  }

  /*Section3*/








  /*Section04*/
  .section04 {
      background-size: cover;
      padding: 10px;
      padding-top: 30px;
      padding-bottom: 10px !important;
      /* background: linear-gradient(90deg, #00000036, #00000036),
    url(images/bg/bg12.jpg)center center;
    box-shadow: inset 0 0 10px black;*/
  }

  .containsec04 {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      /*background: #00000061;*/
      padding: 20px;
      border-radius: 10px;
      word-break: break-word;
  }

  .containsec04 .elementor p {
      display: block;
  }

  .containsec04 img {
      border-radius: 20px;
      max-width: 100%;
      height: auto;
  }

  /*Section04*/








  /*Section05*/
  .section05 {
      background: linear-gradient(45deg, transparent, transparent), url(images/bg/bg13.jpeg)center center;
      background-size: cover;
      padding-top: 80px;
  }

  .containsec05 {
      width: 100%;
      max-width: 1200px;
      margin: 0 auto;
      border-radius: 10px;
      padding-bottom: 30px;
      background-size: cover;
      position: relative;
      padding-top: 40px;
  }

  .tabpromotion {
      position: absolute;
      left: 50%;
      top: -70px;
      transform: translateX(-50%);
      white-space: nowrap;
      z-index: 10;
  }

  .btnpromotion {
      margin: 0;
      border-radius: 10px;
      border: none;
      width: 90px;
      height: 90px;
      box-shadow: 0 0 10px black;
      filter: grayscale(50%);
      color: white;
      background: linear-gradient(180deg, #dddc24, #de7011);
      transition: all .3s;
  }

  .btnpromotion:hover {
      filter: grayscale(0%);
  }

  .btnpromotion.active {
      filter: grayscale(0%);
      z-index: 10;
      position: relative;
      width: 110px;
      height: 110px;
      border: 5px solid white;
  }

  .tabpromotion img {
      width: 50px;
      height: auto;
  }

  .btnpost {
      margin: 0;
      border: none;
      border-radius: 10px;
      width: 90px;
      height: 90px;
      box-shadow: 0 0 10px black;
      filter: grayscale(50%);
      color: white;
      background: linear-gradient(168deg, rgb(220 43 47) 0%, rgb(76 17 20) 100%);
      transition: all .3s;
      position: relative;
  }

  .btnpost:hover {
      filter: grayscale(0%);
  }

  .btnpost.active {
      filter: grayscale(0%);
      z-index: 10;
      position: relative;
      width: 110px;
      height: 110px;
      border: 5px solid white;
  }

  .btnreview {
      margin: 0;
      border: none;
      border-radius: 10px;
      width: 90px;
      height: 90px;
      box-shadow: 0 0 10px black;
      filter: grayscale(50%);
      color: white;
      background: linear-gradient(168deg, rgb(83 183 226) 0%, rgb(43 64 153) 100%);
      transition: all .3s;
  }

  .btnreview:hover {
      filter: grayscale(0%);
  }

  .btnreview.active {
      filter: grayscale(0%);
      z-index: 10;
      position: relative;
      border: 5px solid white;
      width: 110px;
      height: 110px;
  }




  .containpro {
      display: none;
      animation: fadetop 0.3s ease 0s normal none;
  }

  .containpost {
      display: none;
      animation: fadetop 0.3s ease 0s normal none;
  }

  @keyframes fadetop {
      0.0% {
          transform: translate(0, -20px);
          opacity: 0;
      }

      100% {
          transform: translate(0, 0);
          opacity: 1;
      }
  }

  /*Section05*/






















  /*Section06*/
  .containsec06 {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
  }


  .containreview {
      display: none;
  }

  .section05 .containreview {
      margin-top: 40px;
  }

  /*Comment*/
  .headcomment {
      font-weight: bold;
      padding: 10px;
      background: linear-gradient(172deg, #3d91e8 30%, #203179);
      color: white;
      border-radius: 10px;
      font-size: 25px;
      padding-left: 20px;
      margin-top: 20px;
  }

  .containcomment {}

  @media (max-width:500px) {
      .containcomment {}
  }

  @media (max-width:390px) {
      .containcomment {
          padding: 0 5px;
      }
  }

  .commentct {
      background: white;
      padding: 15px 0px;
      color: black;
      border-radius: 6px;
  }

  .commentlist {
      background: transparent;


  }

  .comment-author.vcard {
      border-radius: 5px;
      background: #2b56a4;
      padding: 7px 0;
      padding-left: 5px;
      color: white;
  }

  .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;
      cursor: pointer;
      box-shadow: 3px 3px 5px #00000094;
      transition: all .3s;
      background: linear-gradient(168deg, rgb(44 114 210) 0%, rgb(31 26 112) 100%);
      color: white;
  }

  .headercommentbox:hover {
      background: #3c8fe5;
      text-shadow: 0 0 5px white, 0 0 10px white;
  }

  .commentbox {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      display: none;
      color: black;
  }

  .commentbox textarea {
      height: 150px;
      max-width: 100%;
      margin-left: -5px;
  }

  .commentbox input {
      background: #ffffff;
      border: none;
      border: 1px solid black;
      border-radius: 10px;
  }

  .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*/

  /*Section06*/






  /*Section07*/
  .imgsection7 img {
      width: auto;
      height: auto;
      display: block;
      margin: 0 auto;
      max-height: 400px;
  }

  @media (max-width:500px) {
      .imgsection7 img {
          width: 100%;
          height: auto;
      }
  }

  .textsection7 {
      display: flex;
      align-items: center;
      justify-items: center;
  }

  .-row-wrapper {
      align-items: center;
      justify-content: center;
  }

  .-inner-wrapper {
      margin-top: 6rem;
      padding-right: 3rem;
  }

  .-title {
      font-size: 2rem;
      font-weight: 600;
      color: white;
      text-shadow: 0 0 5px #dbaf61, 0 0 20px #dbaf61;
  }

  .-description {
      font-size: 20px;
      margin-top: 1rem;
      text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black;
  }

  .-description .textwidget {
      margin-top: 1rem;
      margin-bottom: 3rem !important;
  }

  .-col-img {
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .-img img {
      width: 350px;
      height: auto;
  }

  @media (max-width: 1199.98px) {
      .-inner-wrapper {
          margin-top: 2rem;
          padding-right: 0;
      }

      .-img img {
          width: 350px;
      }
  }

  @media (max-width: 767.98px) {
      .-title {
          font-size: 22px;
      }
  }

  @media (max-width: 991.98px) {
      .-title {
          font-size: 27px;
      }

      .-description {
          font-size: 20px;
      }

      .-img img {
          width: 300px;
          margin-top: -2rem;
      }


  }

  @media (max-width: 575.98px) {
      .-description {
          font-size: 1rem;
      }

      .-img img {
          width: 100%;
      }
  }

  /*Section07*/















  /*Promotion*/
  .containpro {
      height: 400px;
  }


  .swiper-container {
      width: 100%;
      max-width: 1500px;
      height: 100%;
      padding: 15px 0;
      padding-bottom: 40px;
      overflow-x: hidden;
  }

  :root {
      --swiper-theme-color: #6ca4ff;
  }

  .swiper-pagination-bullet {
      width: 13px !important;
      height: 13px !important;
      display: inline-block;
      border-radius: 50%;
      background: #ffffff !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: 10px;

      /* 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: .6;
      max-width: 330px;
  }

  .swiper-slide.swiper-slide-active {
      opacity: 1;
  }


  .swiper-slide img {
      background: linear-gradient(90deg, #ffffff, #ffffff);
      width: 100%;
      max-width: 330px !important;
      height: auto;
      border-radius: 10px;
      padding: 5px;
  }

  @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%;
  }


  /*Promotion*/


  /*Post*/
  .allpostbtn {
      margin: 20px auto;
      display: block;
      border: none;
      border-radius: 5px;
      padding: 15px 25px;
      background: linear-gradient(168deg, rgb(220 43 47) 0%, rgb(76 17 20) 100%);
      color: white;
      font-weight: bold;
      box-shadow: 0 0 10px black;
      transition: all .3s;
  }

  .allpostbtn:hover {
      background: linear-gradient(168deg, rgb(255 105 108) 0%, rgb(134 33 39) 100%);
  }

  .allpostbtn2 {
      margin: 20px auto;
      display: block;
      border: none;
      border-radius: 10px;
      padding: 15px 25px;
      background: #3d91e7;
      color: white;
      font-size: 20px;
      box-shadow: 0 0 10px #0000008f;
      transition: all .3s;
  }

  .allpostbtn2:hover {
      background: #8dc5ff;
  }

  .containpost {
      height: 450px;
      padding-bottom: 50px;
  }

  .postslide .swiper-slide img {
      width: 100%;
      max-width: 420px !important;
      height: auto;
      padding: 5px;
      background: white;
      border-radius: 10px;
      padding-bottom: 70px;
  }

  .postslide .swiper-slide {
      position: relative;
      margin: 0 15px;
      width: 100%;
      max-width: 420px !important;
  }

  .headerpostsl {
      position: absolute;
      width: 100%;
      background: white;
      bottom: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
      padding: 10px;
      white-space: normal;
      color: black;
  }

  .swiper-pagination2 {
      position: absolute;
      text-align: center;
      transition: .3s opacity;
      transform: translate3d(0, 0, 0);
      z-index: 10;
  }


  /*Post*/


















  /*Tab Racommed*/
  .tagcontainer {
      background: #284386;
      text-align: center;
  }

  .tagcontainer span {
      display: inline-block;
  }

  .tagfooter {
      background: #000;
      margin: 5px 2px;
      color: black;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 5px;
  }

  .tagfooter:hover {
      background: #c7c7c7;
      text-shadow: 0 0 5px white, 0 0 10px white;
  }

  /*Tab Racommed*/























  /*Post Page Single Review*/
  .containppp {
      width: 100%;
      height: 100vh;
      background: radial-gradient(#00000000, #000000ba), url(images/bg/bg15.jpg)right center fixed;
      background-size: cover;
      position: absolute;
      z-index: -1;
  }


  /*Post Page Single Review*/











  /*Footer*/
  .footercontain {
      width: 100%;
      max-width: 1150px;
      margin: 0 auto;
  }

  .disfooterct {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
  }

  .infootergrid {
      display: block;
      padding: 0 10px;
      word-break: break-word;
  }

  .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: 20px;
  }

  .infootergrid h2 {
      color: #7dc5ff;
  }

  .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: white;
      font-size: 30px;
  }

  .bankcontainer {
      text-align: center;
  }

  .bankcontainer img {
      width: 40px;
      margin: 5px;
      height: auto;
  }

  @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*/















  /*Conteiner PPP*/

  .containerppp {
      width: 100%;
      max-width: 1300px;
      margin: 0 auto;
      margin-top: 120px;
      padding: 10px;
      margin-bottom: 30px;
      background: #ffffff;
      color: black;
      border-radius: 30px;
  }

  .elementor p {
      display: block !important;
  }

  .containerppp img {
      height: auto;
      border-radius: 20px;
  }

  /*Conteiner PPP*/




  /*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;
      font-size: 18px;
      background: #0000005e;
      color: white;
  }

  .nav-pills .nav-link.active,
  .nav-pills .show>.nav-link {
      color: #fff;
      background: linear-gradient(129deg, #3877d8 30%, #21267e);
      text-shadow: 0 0 5px white;
      border: 2px solid 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%;
      height: 100%;
      background: #074879ad;
      padding: 5px;
      color: white;
      border-radius: 10px;
      font-size: 18px;
      cursor: pointer;
  }

  .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: #2626266e;
          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*/




















  /*Line Fixed*/
  @media (max-width:450px) {
      .bankfooter h2 {
          font-size: 4vw;
      }
  }

  .fxline {
      position: fixed;
      top: 50%;
      right: 5px;
      width: 110px;
      height: auto;
      z-index: 9;
      cursor: pointer;
      transition: all .3s;
  }

  .fxline button {
      padding-bottom: 1px;
      padding: 5px 8px;
      position: absolute;
      top: -35px;
      right: 0px;
      border: none;
      background: #ff4b59;

      color: white;
      font-size: 20px;
      transition: all .3s;
      border-radius: 20px;
  }

  .fxline button:hover {
      color: #ff4b59;
      background: white;
  }

  .fxline i {
      font-size: 20px;
  }

  .fxline img {
      width: 110px;
      height: auto;
  }

  .fxline:hover {
      display: block;
      -webkit-filter: drop-shadow(0 0 10px rgb(248 55 55));
      filter: drop-shadow(0 0 10px rgb(248 68 55));
      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: 4px;
      position: relative;
      background: linear-gradient(90deg, #eb2a72, #851b43);
  }

  .footermobile {
      display: none;
  }

  @media (max-width: 768px) {
      .fxline {
          display: none;
      }

      .footermobile {
          position: fixed;
          display: block;
          padding-top: 5px;
          bottom: 0;
          width: 100%;
          height: 68px;
          background: linear-gradient(168deg, #8a2626 0%, #371818e0 100%);
          padding-bottom: 3px;
          font-size: 14px;
          border-top: 2px solid #f7d18e;
          z-index: 5;


      }

      .footermobile h5 {
          position: absolute;
          bottom: 3px;
          font-weight: 100;
          font-size: 16px;
          left: 0;
          right: 0;
          margin: 0 auto;
      }

      .footermobile td {
          width: 20%;
          height: 60px;
          white-space: nowrap;
          border-right: 1px solid #5f5f5f99;
          transition: all .3s;
          cursor: pointer;
          position: relative;
          vertical-align: top;
      }

      .footermobile td:hover {
          background: #00000099;
          border-radius: 10px;
      }

      .footermobile img {
          height: 34px !important;
          width: auto;
          margin: 0 auto;
          display: block;
      }
  }

  /*Line Fixed*/









  #account-actions-mobile {
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 50;
      width: 100%;
  }

  @media (min-width:768px) {
      #account-actions-mobile {
          display: none
      }
  }

  #account-actions-mobile .-register-btn {
      width: 100%;
      font-size: 1.25rem;
      font-weight: 500;
      background: linear-gradient(180deg, #56ccf2, #2f80ed);
      border-radius: 15px 15px 0 0;
      text-align: center
  }

  #account-actions-mobile .-register-btn span {
      display: inline-block;
      color: #fff;
      background: #fff -webkit-gradient(linear, 100% 0, 0 0, from(#fff), color-stop(.5, #2f80ed), to(#fff));
      background-position: -200px top;
      background-repeat: no-repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-animation-name: x-shimmer;
      animation-name: x-shimmer;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-register-btn span {
          -webkit-animation-duration: 2s;
          animation-duration: 2s
      }
  }

  @media (max-width:767.98px) {
      #account-actions-mobile .-register-btn span {
          width: 100%
      }
  }

  #account-actions-mobile .-outer-wrapper {
      display: flex;
      align-items: flex-end
  }

  #account-actions-mobile .-left-wrapper,
  #account-actions-mobile .-right-wrapper {
      display: flex;
      align-items: flex-end;
      flex: 1;
      z-index: 2;
      height: 70px;
      padding-bottom: 6px;
      background: linear-gradient(180deg, #000, #8f8a3f);
      border-top: 3px solid #f7d18e;
      transition: -webkit-filter .2s;
      transition: filter .2s;
      transition: filter .2s, -webkit-filter .2s;
  }

  #account-actions-mobile .-right-wrapper {
      background: linear-gradient(180deg, #000, #8f8a3f);
  }

  #account-actions-mobile .-center-wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      z-index: 2;
      width: 74px;
      height: 74px;
      margin: 0 8px 16px;
      padding-bottom: 8px;
      color: #fff;
      background: linear-gradient(90deg, #000000 30%, #000000);
      border-radius: 50%;
      box-shadow: 0 0 10px hsla(0, 0%, 100%, .4);
  }

  #account-actions-mobile .-center-wrapper .-selected,
  #account-actions-mobile .-center-wrapper .-selecting {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      text-align: center
  }

  #account-actions-mobile .-center-wrapper .-selected {
      transition: all .4s;
      background-size: 450px;
      background-repeat: no-repeat;
      height: 100%;
      width: 100%;
      background-position: 0 0;
      border-radius: 50%
  }

  .-selected img {
      width: 77px !important;
      max-width: 77px !important;
      height: auto;
      position: absolute;
      top: -1px;
      left: -1px;
  }

  #account-actions-mobile .-center-wrapper .-selected.-slot {
      background-position: -93px 0
  }

  #account-actions-mobile .-center-wrapper .-selected.-skill-game {
      background-position: -188px 0
  }

  #account-actions-mobile .-center-wrapper .-selected.-sport {
      background-position: -282px -2px
  }

  #account-actions-mobile .-center-wrapper .-selected.-fishing-game {
      background-position: -378px 0
  }

  #account-actions-mobile .-center-wrapper .-selected .-text {
      font-size: 12px;
      position: absolute;
      bottom: 10px;
      text-shadow: 0 6px 5px rgba(0, 0, 0, .4);
      white-space: nowrap;
  }

  #account-actions-mobile .-center-wrapper .-selecting {
      display: none
  }

  #account-actions-mobile .-center-wrapper .-selecting .-text {
      font-size: .875rem;
      line-height: 16px;
      text-shadow: 0 6px 5px rgba(0, 0, 0, .4)
  }

  #account-actions-mobile .-center-wrapper .-selecting .-mark {
      position: relative;
      margin-top: 5px;
      font-size: 1.5rem;
      font-weight: 500;
      line-height: 20px
  }

  #account-actions-mobile .-center-wrapper:hover {
      color: #fff;
      text-decoration: none
  }

  #account-actions-mobile .-fake-center-bg-wrapper {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      width: 100%;
      height: 50px;
      transition: -webkit-filter .2s;
      transition: filter .2s;
      transition: filter .2s, -webkit-filter .2s;
      overflow: hidden
  }

  #account-actions-mobile .-fake-center-bg-wrapper svg {
      position: absolute;
      left: 50%;
      bottom: 0;
      height: 108px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%)
  }

  #account-actions-mobile .-fake-center-bg-wrapper svg path {
      fill: #7d7837;
  }

  #account-actions-mobile .-left-wrapper {
      border-top-left-radius: 10px;
      border-top-right-radius: 22px
  }

  #account-actions-mobile .-right-wrapper {
      border-top-right-radius: 10px;
      border-top-left-radius: 22px
  }

  #account-actions-mobile .-sub-menu-lobby-wrapper {
      position: absolute;
      flex-direction: row;
      justify-content: center;
      visibility: hidden;
      top: -75px;
      left: 50%;
      z-index: 3;
      opacity: 0;
      -webkit-filter: blur(40px);
      filter: blur(40px);
      -webkit-transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);
      transform: translateX(-50%) translateY(200px) scaleY(2.5) scaleX(.2);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      transition: all .2s
  }

  #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-text {
      display: inline-block;
      font-size: 10px;
      line-height: 12px;
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {
          background-position: 3px
      }
  }

  @media (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-casino .-nav-icon-bg {
          background-position: 0
      }
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {
          background-position: -73px
      }
  }

  @media (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-slot .-nav-icon-bg {
          background-position: -75px
      }
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {
          background-position: -147px
      }
  }

  @media (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-nav-icon-bg {
          top: -12px;
          background-position: -150px
      }
  }

  @media (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-skill-game .-text {
          -webkit-transform: translateY(-6px);
          transform: translateY(-6px)
      }
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {
          background-position: -221px
      }
  }

  @media (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-sport .-nav-icon-bg {
          background-position: -224px
      }
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {
          background-position: -300px
      }
  }

  @media (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item.-fishing-game .-nav-icon-bg {
          background-position: -303px
      }
  }

  #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: center;
      width: 66px;
      height: 66px;
      margin: 0 3px;
      padding: 0;
      text-align: center;
      color: #fff;
      background: linear-gradient(180deg, #393854, #131228);
      border: 1px solid hsla(0, 0%, 100%, .6);
      border-radius: 50%;
      box-shadow: 0 0 10px hsla(0, 0%, 100%, .6)
  }

  #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link .-nav-icon-bg {
      background-size: 360px;
      background-repeat: no-repeat;
      width: 100%;
      height: 40px;
      top: -15px;
      position: relative
  }

  #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link:focus {
      outline: none;
      text-decoration: none
  }

  @media screen and (max-width:360px) {
      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-item .-img {
          margin-top: -15px;
          width: 54px
      }

      #account-actions-mobile .-sub-menu-lobby-wrapper .nav-link {
          width: 60px;
          height: 60px;
          margin: 0 2px
      }
  }

  #account-actions-mobile .-item-wrapper {
      width: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-end;
      color: #fff;
      position: relative;
  }

  .-ic-img img {
      width: 34px;
      height: auto;
      display: block;
      margin: 0 auto;
      padding-bottom: 20px;
      position: relative;
  }

  #account-actions-mobile .-item-wrapper .-text {

      font-size: .875rem;

      color: #ffffff;

      transition: color .2s;

      position: absolute;

      bottom: 0;

      left: 50%;

      transform: translateX(-50%);

      white-space: nowrap;

      margin: 0 auto;

      margin-top: .25rem;
  }

  @media (max-width:575.98px) {
      #account-actions-mobile .-item-wrapper .-text {
          font-size: .8rem
      }
  }

  #account-actions-mobile .-item-wrapper:active,
  #account-actions-mobile .-item-wrapper:hover {
      text-decoration: none
  }

  #account-actions-mobile .-item-wrapper:active .-text,
  #account-actions-mobile .-item-wrapper:hover .-text {
      color: #f7d18e
  }

  #account-actions-mobile .-item-wrapper.-shimmer .-text {
      display: inline-block;
      color: #fff;
      background: #97a7c1 -webkit-gradient(linear, 100% 0, 0 0, from(#97a7c1), color-stop(.5, #fff), to(#97a7c1));
      background-position: -200px top;
      background-repeat: no-repeat;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      -webkit-animation-name: x-shimmer;
      animation-name: x-shimmer;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
      -webkit-animation-name: x-shimmer-shorter;
      animation-name: x-shimmer-shorter
  }

  @media (max-width:991.98px) {
      #account-actions-mobile .-item-wrapper.-shimmer .-text {
          -webkit-animation-duration: 2s;
          animation-duration: 2s;
          -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s
      }
  }

  #account-actions-mobile .-fully-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2;
      background: rgba(0, 0, 0, .6)
  }

  #account-actions-mobile.-active .-fake-center-bg-wrapper,
  #account-actions-mobile.-active .-left-wrapper,
  #account-actions-mobile.-active .-right-wrapper {
      -webkit-filter: brightness(.5);
      filter: brightness(.5)
  }

  #account-actions-mobile.-active .-fake-center-bg-wrapper a,
  #account-actions-mobile.-active .-left-wrapper a,
  #account-actions-mobile.-active .-right-wrapper a {
      pointer-events: none
  }

  #account-actions-mobile.-active .-center-wrapper {
      background: linear-gradient(0deg, rgba(251, 200, 68, .85), rgba(248, 128, 18, .85))
  }

  #account-actions-mobile.-active .-center-wrapper .-selected {
      display: none
  }

  #account-actions-mobile.-active .-center-wrapper .-selecting {
      display: flex
  }

  #account-actions-mobile.-active .-sub-menu-lobby-wrapper {
      visibility: visible;
      opacity: 1;
      -webkit-filter: blur(0);
      filter: blur(0);
      -webkit-transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);
      transform: translateX(-50%) translateY(0) scaleY(1) scaleX(1);
      -webkit-transform-origin: 50% 50%;
      transform-origin: 50% 50%
  }

  #account-actions-mobile.-active .-fully-overlay {
      display: block
  }




  /* Fixed Background */
  .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 Background */





  /* 404 Not found */
  .containerror {
      margin-top: 150px;
  }

  .incontainerror {
      text-align: center;
      font-size: 40px;
  }

  /* 404 Not found */
















  /* Widget Category */
  .containerppp .category-post h2 {
      display: none;
  }

  .containerppp .category-post ul {
      padding: 0;
      margin: 0;
  }

  .containerppp .category-post li {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .containerppp .category-post li.current-cat a {
      background: linear-gradient(168deg, rgb(44 114 210) 0%, rgb(31 26 112) 100%);
  }

  .containerppp .category-post ul li a {
      padding: 11px 3px;
      margin-bottom: 9px;
      display: block;
      color: #fff;
      background: #00000063;
      border-radius: 9px;
  }

  @media (max-width:767px) {
      .containerppp .category-post ul {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
      }

      .containerppp .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;
      }
  }

  .containerppp .pages-post {
      text-align: center;
      margin-top: 10px;
  }

  .containerppp .pages-post a,
  .containerppp .pages-post span {
      display: inline-block;
      background: linear-gradient(180deg, #505050 30%, #262626);
      padding: 10px;
      border-radius: 10px;
  }

  .containerppp .pages-post span {
      background: linear-gradient(180deg, #f52867 30%, #bf001d);

  }

  /* Widget Category */