* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 100%;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px 0;
  color: var(--text);
}

h1 {
  font: var(--font-30-700);
  margin-top: 0;
}

h2 {
  font: var(--font-24-700);
}

h3 {
  font: var(--font-20-700);
}

h4 {
  font: var(--font-18-700);
}

h5 {
  font: var(--font-16-700);
}

h6 {
  font: var(--font-14-600);
}

p {
  padding: 0 0 20px 0;
  margin: 0;
}

/*ul, ol {
  margin: 0;
  padding: 0;
  list-style-position:inside;
  list-style: none;
}*/
img {
  outline: none;
}

body a {
  color: var(--text);
  text-decoration: underline;
  outline: none;
}

a:hover {
  text-decoration: none;
}

table td {
  padding: 5px;
  white-space: normal;
}

.clear {
  clear: both;
  display: block;
}

iframe {
  border: none;
}

body {
  margin: 0;
  font: var(--font-16);
  line-height: 20px;
  color: var(--text);
  font-family: var(--main-font);
  min-height: 100%;
  position: relative;
}
body:not(.main) {
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.version {
  opacity: 0;
}

.version {
  display: none;
}

html #bd {
  /*& .blur{
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    -o-filter: blur(10px);
    filter: blur(10px);
  }*/
}
html #bd .scroll {
  overflow: hidden;
  overflow-y: auto;
}
html #bd .scroll::-webkit-scrollbar {
  width: 4px;
}
html #bd .scroll::-webkit-scrollbar-button {
  height: 0;
}
html #bd .scroll::-webkit-scrollbar-track {
  opacity: 0;
}
html #bd .scroll::-webkit-scrollbar-track-piece {
  background: none;
}
html #bd .scroll::-webkit-scrollbar-thumb {
  height: 10px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
html #bd .scroll::-webkit-scrollbar-corner, html #bd .scroll #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}
html #bd .scroll-auto {
  overflow: auto;
}
html #bd .scroll-auto::-webkit-scrollbar {
  width: 4px;
}
html #bd .scroll-auto::-webkit-scrollbar-button {
  height: 0;
}
html #bd .scroll-auto::-webkit-scrollbar-track {
  opacity: 0;
}
html #bd .scroll-auto::-webkit-scrollbar-track-piece {
  background: none;
}
html #bd .scroll-auto::-webkit-scrollbar-thumb {
  height: 4px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
html #bd .scroll-auto::-webkit-scrollbar-corner, html #bd .scroll-auto #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}
html #bd .scroll-x {
  overflow: hidden;
  overflow-x: auto;
}
html #bd .scroll-x::-webkit-scrollbar {
  height: 4px;
}
html #bd .scroll-x::-webkit-scrollbar-button {
  height: 0;
}
html #bd .scroll-x::-webkit-scrollbar-track {
  opacity: 0;
}
html #bd .scroll-x::-webkit-scrollbar-track-piece {
  background: none;
}
html #bd .scroll-x::-webkit-scrollbar-thumb {
  height: 35px;
  background-color: var(--grey);
  border-radius: var(--radius);
}
html #bd .scroll-x::-webkit-scrollbar-corner, html #bd .scroll-x #page .page-content .page-scroll::-webkit-resizer {
  background-color: var(--grey);
}
html #bd .menu-item:hover {
  color: #ffffff !important;
  font-weight: 600;
}
html #bd .object-51 p {
  padding-bottom: 0 !important;
}
html #bd #map {
  background: url("../images/map.webp") no-repeat left top;
}
html #bd .casino-item .casino-item-arrow {
  border: 50px solid transparent;
  border-left: 378px solid #007236;
}
html #bd .casino-item .casino-item-arrow.casino-item-arrow-empty {
  border-left: 378px solid rgb(37, 37, 37);
}
html #bd .casino-item .casino-item-arrow.casino-item-arrow-orange {
  border-left: 378px solid rgb(242, 101, 34);
}
html #bd .casino-item .casino-item-arrow.casino-item-arrow-f {
  border-left: 378px solid rgb(146, 39, 143);
}
html #bd .item-item {
  /*transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
  transition-delay: 0ms;*/
  cursor: pointer;
}
html #bd .item-item:not(.item-cubic) {
  border-radius: 5px;
}
html #bd .item-item:hover:not(.item-start) {
  outline: 3px solid #1ed2ff;
  z-index: 10;
}
html #bd .item-item-10 {
  background: url("../game/casino.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-27 {
  background: url("../game/casino.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-49 {
  background: url("../game/casino.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-12 {
  background: url("../game/taxi.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-43 {
  background: url("../game/taxi.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-59 {
  background: url("../game/taxi.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-62 {
  background: url("../game/taxi.webp") no-repeat center center;
  background-size: cover;
}
html #bd .item-item-21 {
  background: url("../game/nalog.webp") no-repeat center center;
  background-size: cover;
}
html #bd .gamer-item .gamer-arrow {
  transform: rotate(90deg);
  border: 15px solid transparent;
  border-left: 20px solid #91e0a4;
  position: absolute;
  top: -50px;
  left: 50%;
  margin-left: -17px;
  animation: gamer-arrow 1s ease infinite;
}
html #bd .gamer-money-anim.active {
  bottom: 150px;
  opacity: 0;
}
html #bd .gamer-item-money-anim.active {
  bottom: 150px;
  opacity: 0;
}
html #bd .casino-item-money-anim.active {
  bottom: 150px;
  opacity: 0;
}
html #bd #players .player-item.active {
  background-color: #fff;
}
html #bd #players.active .player-wrap {
  display: none;
}
html #bd #players.active .player-icon {
  margin-left: 0;
}
html #bd .tab-item:hover {
  background-color: #2688a8;
}
html #bd .tab-item.active {
  background-color: #2688a8;
}
html #bd .level-item:hover {
  background-color: #2688a8;
}
html #bd .level-item.active {
  background-color: #2688a8;
}
html #bd .money-box.active {
  opacity: 0;
}
html #bd .object-5 p {
  padding-bottom: 0 !important;
}

@keyframes gamer-arrow {
  0% {
    border: 15px solid transparent;
    border-left: 20px solid #91e0a4;
    margin-left: -17px;
    top: -50px;
  }
  50% {
    top: -35px;
    border: 10px solid transparent;
    border-left: 15px solid #91e0a4;
    margin-left: -12px;
  }
  100% {
    border: 15px solid transparent;
    border-left: 20px solid #91e0a4;
    top: -50px;
    margin-left: -17px;
  }
}
@media only screen and (max-width: 1280px) {
  .mobile-none {
    display: none !important;
  }
  html #bd .width-1280 {
    width: 1100px !important;
  }
  html #bd .object-3 {
    padding-right: 200px !important;
    padding-bottom: 188px !important;
  }
  html #bd .object-4 {
    font-size: 60px !important;
    line-height: 60px !important;
  }
  html #bd .object-9 {
    margin-left: 240px !important;
  }
  html #bd .object-9 p {
    padding-bottom: 0 !important;
  }
  html #bd .object-10 {
    margin-bottom: 105px !important;
  }
  html #bd .object-11 {
    padding-bottom: 24px !important;
  }
  html #bd .object-31 {
    margin-right: 210px !important;
    margin-bottom: 220px !important;
  }
  html #bd .object-31 p {
    padding-bottom: 0 !important;
  }
  html #bd .object-32 {
    margin-left: 216px !important;
  }
  html #bd .object-42 {
    margin-left: 216px !important;
  }
  html #bd .object-33 {
    margin-right: 20px !important;
  }
  html #bd .object-34 {
    font-size: 20px !important;
    line-height: 26px !important;
    margin-bottom: 0 !important;
  }
  html #bd .object-34 p {
    padding-bottom: 0 !important;
  }
  html #bd .object-44 {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  html #bd .object-44 p {
    padding-bottom: 0 !important;
  }
  html #bd .object-40 {
    height: 180px !important;
  }
  html #bd .object-18 {
    display: none;
    position: absolute;
    left: 10px;
    top: 80px;
    flex-direction: column;
  }
  html #bd .object-18.active {
    display: flex;
  }
  html #bd .object-18 .component-link {
    padding: 10px !important;
  }
  html #bd .menu-link {
    display: flex !important;
  }
  html #bd .profile-head {
    margin-left: auto;
  }
}
@media only screen and (max-width: 1100px) {
  .mobile-none {
    display: none !important;
  }
  html #bd #demo-editor #editor {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
  html #bd .width-1280 {
    width: 600px !important;
  }
  html #bd .object-2 {
    background-size: 100% auto;
  }
  html #bd .object-3 {
    padding-right: 50px !important;
    padding-left: 50px !important;
    padding-bottom: 150px !important;
  }
  html #bd .object-4 {
    margin-right: 60px !important;
    margin-bottom: 40px !important;
  }
  html #bd .object-6 {
    padding-left: 60px !important;
    flex-direction: column;
  }
  html #bd .object-8 {
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }
  html #bd .object-9 {
    margin-left: 50px !important;
    margin-right: 50px !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
  }
  html #bd .object-10 {
    margin-right: 120px !important;
    margin-bottom: 266px !important;
  }
  html #bd .object-11 {
    width: 100% !important;
    padding-left: 50px !important;
  }
  html #bd .object-12 {
    width: 230px !important;
    height: 230px !important;
  }
  html #bd .object-12 .component-content {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  html #bd .object-13 {
    width: 230px !important;
    height: 230px !important;
  }
  html #bd .object-13 .component-content {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  html #bd .object-14 {
    width: 230px !important;
    height: 230px !important;
  }
  html #bd .object-14 .component-content {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  html #bd .object-15 {
    width: 230px !important;
    height: 230px !important;
  }
  html #bd .object-15 .component-content {
    font-size: 15px !important;
    line-height: 20px !important;
    margin-bottom: 20px !important;
  }
  html #bd .object-15 .component-button {
    padding: 15px 20px !important;
    font-size: 16px !important;
    line-height: 16px !important;
  }
  html #bd .object-31 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  html #bd .object-32 {
    margin-left: 50px !important;
    flex-direction: column;
    padding-bottom: 50px !important;
  }
  html #bd .object-42 {
    margin-left: 120px !important;
  }
  html #bd .object-33 {
    margin-bottom: 50px !important;
  }
  html #bd .object-34 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 600px) {
  html #bd .width-1280 {
    width: 100% !important;
  }
  html #bd .object-2 {
    padding-top: 100px !important;
  }
  html #bd .object-3 {
    padding: 0 20px 50px 20px !important;
  }
  html #bd .object-4 {
    font-size: 36px !important;
    line-height: 36px !important;
    margin-bottom: 15px !important;
  }
  html #bd .object-5 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 10px !important;
  }
  html #bd .object-8 {
    font-size: 16px !important;
    line-height: 16px !important;
  }
  html #bd .object-7 {
    font-size: 16px !important;
    line-height: 16px !important;
  }
  html #bd .object-9 {
    margin: 0 20px 20px 20px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }
  html #bd .object-10 {
    margin: 0 20px 100px 20px !important;
  }
  html #bd .object-11 {
    padding-left: 50px !important;
    padding-bottom: 100px !important;
  }
  html #bd .object-12 {
    width: 75vw !important;
    height: 75vw !important;
    border-radius: 20px !important;
  }
  html #bd .object-12 .component-content {
    font-size: 5.2vw !important;
    line-height: 6vw !important;
  }
  html #bd .object-13 {
    width: 75vw !important;
    height: 75vw !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  html #bd .object-13 .component-content {
    font-size: 5.2vw !important;
    line-height: 6vw !important;
  }
  html #bd .object-14 {
    width: 75vw !important;
    height: 75vw !important;
    border-radius: 20px !important;
    margin-bottom: 20px !important;
  }
  html #bd .object-14 .component-content {
    font-size: 5.2vw !important;
    line-height: 6vw !important;
  }
  html #bd .object-15 {
    width: 75vw !important;
    height: 75vw !important;
    border-radius: 20px !important;
  }
  html #bd .object-15 .component-content {
    font-size: 5.2vw !important;
    line-height: 6vw !important;
  }
  html #bd .object-31 {
    margin: 0 20px 170px 20px !important;
    font-size: 16px !important;
    line-height: 22px !important;
  }
  html #bd .object-32 {
    margin: 0 20px 20px 20px !important;
  }
  html #bd .object-33 {
    width: 100% !important;
    flex: 0 0 auto !important;
  }
  html #bd .object-34 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  html #bd .object-44 {
    font-size: 16px !important;
    line-height: 22px !important;
  }
  html #bd .object-35 {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  html #bd .object-37 {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  html #bd .object-39 {
    font-size: 14px !important;
    line-height: 14px !important;
  }
  html #bd .object-42 {
    margin-left: 20px !important;
    margin-bottom: 20px !important;
  }
  html #bd .object-17 {
    display: none !important;
  }
  html #bd .mobile-column {
    flex-direction: column;
  }
  html #bd .profile-image {
    margin: 0 auto 20px !important;
  }
  html #bd #auth {
    width: 100% !important;
    flex: 0 0 auto !important;
    padding: 20px !important;
  }
  html #bd #auth .auth-form {
    width: 100% !important;
    padding: 0 !important;
  }
}

/*# sourceMappingURL=style.css.map */