:root {
  --app-height: 100%;
}
body {
  padding-left: 115px;
}
/* @media (hover: hover) {
  button:hover {

  }
}
# fix hover on mobile taps 
@media (hover: none) {
  button:active {
    
  }
} */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.invalid {
  border-color: red !important;
}
.methods__rules {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.paysys__rules {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 73px;
}
.levels {
  background-color: rgba(4, 17, 27, 0.5);
  padding: 46px 24px;
}
.b2blogo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
@-moz-keyframes bounce {
  0%, 100% {
      -moz-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -moz-transform: translateY(-16px);
      transform: translateY(-16px);
  }
}
@-webkit-keyframes bounce {
  0%, 100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -webkit-transform: translateY(-16px);
      transform: translateY(-16px);
  }
}
@keyframes bounce {
  0%, 100% {
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
  }
  50% {
      -moz-transform: translateY(-16px);
      -ms-transform: translateY(-16px);
      -webkit-transform: translateY(-16px);
      transform: translateY(-16px);
  }
}
.dep-amount-btns-container{
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
  padding-bottom: 30px;
}
.deposit-amount-btns {
  padding: 0.3em 0.3em;
  color: #F4FBE0;
  background-color: #02A927;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
  border: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  font-family: "Fira Sans", sans-serif;
  line-height: 1;
}
.btn-hided {
  display: none;
}
.bounce {
  -moz-animation: bounce 6s infinite;
  -webkit-animation: bounce 6s infinite;
  animation: bounce 6s infinite;
  animation-timing-function: linear;
}
.section-app-features {
  position: relative;
  text-align: center;
  padding-bottom: 100px;
  background: url(../img/bg-2.jpg);
  background-size: cover;
}

.section__content-col-image {
  margin-top: -30px;
  position: absolute;
  left: 0;
  max-width: 40vw;
}

.section-app-features .highlight-orange {
  font-size: inherit;
}

.section-app-features .bounce {
  position: absolute;
  right: -40px;
  top: 21%;
}
.section__content-row {
  display: flex;
  gap: 90px;
}

.section__content-col {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 50px;
  flex: 1;
  padding-top: 68px;
}

.section__content-col:first-child {
  max-width: 40%;
  padding-top: 0;
}

.section__content-col p {
  text-align: left;
  font-size: 19px;
  font-weight: 400;
  line-height: 28px;
  max-width: 605px;
  width: 100%;
  margin: 0;
}

.section__content-col .btn {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 22px;
}

.features__list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 10px;
}

.features__item {
  display: flex;
  gap: 10px;
  text-align: left;
  width: calc(50% - 10px);
}

.features__item-title {
  font-weight: bold;
  font-size: 18px;
}

.features__item-text {
  color: #F7730F;
}

.features__item_icon {
  max-width: 35px;
  width: 100%;
}

.section-app-features .container {
  position: relative;
  z-index: 1;
}

.section-app-features .bounce {
  z-index: 0;
}

.install__steps {
    display: flex;
    /* display: flex;
    gap: 30px;
    justify-content: space-between; */
}

.install__step {
  display: flex;
  flex-direction: column;
  align-items: stretch;
} 
.install__step span {
  color: #FF7E00;
  font-weight: 700;
}

.install__step-text {
  margin-bottom: 25px;
}

.install__step-img {
  margin-top: auto;
  box-shadow: 0px 0px 24px 0px rgba(105, 249, 255, 0.26);
}

.install__steps {
  position: relative;
}
.how__to-content {
  max-width: 750px;
}
.section-how-to {
  padding-top: 60px;
}
.table-tournaments thead {
  color: #FF7E00 !important;
  text-transform: uppercase;
}
.table-tournaments table tr:nth-child(even) {
  background: none !important;
}
/* popup */
.popup table {
  width: 100%;
  margin-top: 20px;
  text-align: left;
}
.popup th {
  color: #7E8C8D;
  font-weight: 400;
  border-bottom: 1px solid #969D7E;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.popup td {
  padding: 12.5px 0;
}
.popup td:first-child {
  padding-left: 20px;
  padding-right: 20px;
}
.popup td:last-child {
  padding-right: 20px;
}
.popup tr:nth-child(even) {
  background: rgba(171, 175, 156, .5);
}
.popup tr.active {
  background: rgb(255, 126, 0, .5);
}
.popup tbody {
  display: block;
  height: 414px;
  overflow: auto;
}
.table-tournaments table tbody tr:hover {
  background-color: unset !important;
}
.popup tr {
  display: table;
  width: 100%;
}
.popup-title {
  font-weight: 800;
  font-size: 26px;
  text-transform: uppercase;
  color: #09253A;
  margin-bottom: 60px;
}
.popup-name {
  font-weight: 800;
  font-size: 36px;
  text-transform: uppercase;
  color: #09253A;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}
.popup-rating {
  font-weight: 700;
  font-size: 21px;
  line-height: 21px;
  color: #09253A;
}
.rating-place {
  font-weight: 700;
  font-size: 26px;
  line-height: 21px;
  color: #09253A;
}
.icon-timer {
  background-image: url(../img/tour/icon-timer.svg);
  width: 16px;
  height: 17px;
  margin-right: 10px;
}
.icon-infinity {
  background-image: url(../img/tour/icon-infinity.svg);
  width: 15px;
  height: 8px;
}
.flex {
  display: flex;
}
.aic {
  align-items: center;
}
.jcc {
  justify-content: center;
}
/* tour slider */
.swiper-arrow {
  transition: .4s opacity;
  cursor: pointer;
  position: absolute;
  top: 35px;
  background-repeat: no-repeat;
  background: url(../img/tour/icon-arrow.svg);
  width: 42px;
  height: 64px;
  display: inline-block;
}
.swiper-arrow:hover {
  opacity: .7;
}
.icon-arrow-left {
  left: -60px;
}
.icon-arrow-right {
  transform: rotate(180deg);
  right: -60px;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  display: none;
}

.btns-group .btn-green {
  box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.25);
  font-weight: 700;
  font-size: 26.2687px;
  padding: 28px 110px;
  color: #F4FBE0;
  text-transform: uppercase;
  margin-top: 60px;
}
.closed .game-item_thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.closed .game-item_thumbnail:after {
  content: '';
  background: rgba(165, 169, 154, .9);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.closed .game-item_thumbnail:before {
  content: '';
  background-image: url(../img/tour/icon-closed.svg);
  width: 27px;
  height: 35px;
  display: inline-block;
  margin: auto;
  position: absolute;
  z-index: 3;
}
.popup .game-item-tour.closed .game-item_title {
  color: #7E8C8D;
  text-decoration: none;
}
.popup .game-item-tour .game-item_title {
  color: #09253A;
  text-decoration: underline;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  margin-top: 10px;
}
.game-item-tour {
  transition: .4s opacity;
}
.game-item-tour:hover {
  opacity: .7;
}
.games-slider-tour {
  max-width: 100%;
  overflow: hidden !important;
}
.games-list-tour {
  position: relative;
  margin: 50px 0;
}
.participate-list li {
  margin-bottom: 10px;
}
.popup ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.section-fond .container {
  max-width: 665px;
}
.section-3-tournaments .container {
  position: relative;
}
.section-tournaments_bg-1 {
  position: absolute;
  max-width: 339px;
  left: 20px;
  top: -400px;
}
.section-tournaments_bg-2 {
  position: absolute;
  max-width: 350px;
  right: 20px;
  top: -195px;
}
/* tour slider */

/* popup */


.jackpot-guide {
  background: rgba(4, 17, 27, .7);
  padding-bottom: 110px;
  margin-bottom: 80px;
  padding-top: 60px;
}
.jackpot-guide ul{
  list-style-type: none;
}
.jackpot-guide .section-title {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: 20px;
}
.jackpot-guide .container {
  max-width: 1300px;
  margin: 0 auto;
}
.mobile-app-guide { 
  padding-bottom: 50px;
}
.section-2 {
  background: rgba(4, 17, 27, .7);
  padding: 60px 90px;
  padding-bottom: 90px;
}
.section-2_description {
  margin: 60px auto;
  margin-top: 0;
  text-align: center;
  width: 80%;
  line-height: 21px;
}
.section-title_yellow a {
  font-weight: 400;
  font-size: 26.3561px;
  line-height: 1;
  border-bottom: 1px solid #FFF;
  text-transform: uppercase;
  background: #FFF;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title_yellow {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 900;
  font-size: 44.6px;
  text-align: center;
  background: linear-gradient(180deg, #E9661C 34.99%, #FFC20E 62.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; 
}
.list-numbered ul {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;  
}
.list-numbered li {
  margin-bottom: 10px;
}
.list-numbered .number {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 21px;
  line-height: 24px;
  text-align: center;
  color: #061625;
  background: #FF7E00;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
}
.jackpot-guide h3 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: 36.4931px;
  color: #FEFEFE;
  margin: 20px 0;
}
.currency {
  color: #F7730F;
}
.plan-list {
  display: flex;
  flex-direction: column;
  grid-gap: 60px;
}
.plan-list_row {
  display: flex;
  justify-content: center;
}
.plan-list_row-first .plan-item {
  width: 50%;
}
.plan-list_row-second {
  grid-gap: 35px;
}
.plan-list_row-second .plan-item {
  width: 33.33%;
}
.plan-item {
  font-family: 'Fira Sans', sans-serif;
  text-align: center;
  position: relative;
}
.plan-item_black {
  background-image: url(../img/plans/black-bg.png);
}
.plan-item_gold {
  background-image: url(../img/plans/gold-bg.png);
}
.plan-item_gold img {
  max-width: 9.375vw;
}
.plan-item_orange {
  background-image: url(../img/plans/orange-bg.png);
}
.plan-item_green {
  background-image: url(../img/plans/green-bg.png);
}
.plan-item_red {
  background-image: url(../img/plans/red-bg.png);
}
.plan-item_content {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 80%;
  padding: 15px 0;
}
.plan-item img {
  max-width: 200px;
}
.plan-item img {
  position: absolute;
  right: 0;
  top: -30px;
  bottom: 0;
}
.plan-item_gold + img {
  max-width: 140px;
}
.plan-list_row-second img {
  max-width: 80px;
  top: 5%;
  right: 20px;
}
.plan-item_title {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 38px;
  text-transform: uppercase;
  color: #F4FBE0;
}
.plan-item_price {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 48px;
  background: linear-gradient(180deg, #E9661C 34.99%, #FFC20E 62.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.plan-item_price-black {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 48px;
  background: #F4FBE0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.plan-item_price-white {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 48px;
  background: #F4FBE0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.plan-item_label {
  position: absolute;
  top: -40px;
  left: 15px;
}
.plan-item_label .icon {
  width: 68px;
  height: 72px;
}
.icon-hot {
  background-image: url(../img/plans/icon-hot.svg);
}
.icon-cold {
  background-image: url(../img/plans/icon-cold.svg);
}

.section-fond .container {
  max-width: 665px;
}
.section-3-tournaments .container {
  position: relative;
}
.section-tournaments_bg-1 {
  position: absolute;
  max-width: 339px;
  left: 20px;
  top: -400px;
}
.section-tournaments_bg-2 {
  position: absolute;
  max-width: 350px;
  right: 20px;
  top: -195px;
}

/* Section 2 */
.section-fond {
  position: relative;
  text-align: center;
  padding-top: 68px;
  padding-bottom: 100px;
  background: url(../img/bg-2.jpg);
  background-size: cover;
}
.section-fond_bg-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 35.260vw;
}
.section-fond_bg-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 28.688vw;
}
.section-fond .section-title {
  margin: 0;
}
.section-title_gift {
  margin: 0;
  text-align: center;
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 107px;
  background: linear-gradient(180deg, #E9661C 34.99%, #FFC20E 62.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.section-2 {
  background: rgba(4, 17, 27, .7);
  padding: 60px 90px;
  padding-bottom: 90px;
}
.section-2_description {
  margin: 60px auto;
  margin-top: 0;
  text-align: center;
  width: 80%;
  line-height: 21px;
}
.plan-list {
  display: flex;
  flex-direction: column;
  grid-gap: 60px;
}
.plan-list_row {
  display: flex;
  justify-content: center;
}
.plan-list_row-first .plan-item {
  width: 50%;
}
.plan-list_row-second {
  grid-gap: 35px;
}
.plan-list_row-second .plan-item {
  width: 33.33%;
}
.plan-item {
  font-family: 'Fira Sans', sans-serif;
  text-align: center;
  position: relative;
}
.plan-item_black {
  background-image: url(../img/plans/black-bg.png);
}
.plan-item_gold {
  background-image: url(../img/plans/gold-bg.png);
}
.plan-item_gold img {
  max-width: 9.375vw;
}
.plan-item_orange {
  background-image: url(../img/plans/orange-bg.png);
}
.plan-item_green {
  background-image: url(../img/plans/green-bg.png);
}
.plan-item_red {
  background-image: url(../img/plans/red-bg.png);
}
.plan-item_content {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  width: 80%;
  padding: 15px 0;
}
.plan-item img {
  max-width: 200px;
}
.plan-item img {
  position: absolute;
  right: 0;
  top: -30px;
  bottom: 0;
}
.plan-item_gold + img {
  max-width: 140px;
}
.plan-list_row-second img {
  max-width: 80px;
  top: 5%;
  right: 20px;
}
.plan-item_title {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 38px;
  text-transform: uppercase;
  color: #F4FBE0;
}
.plan-item_price {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 48px;
  background: linear-gradient(180deg, #E9661C 34.99%, #FFC20E 62.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.plan-item_label {
  position: absolute;
  top: -40px;
  left: 15px;
}
.plan-item_label .icon {
  width: 68px;
  height: 72px;
}
.icon-hot {
  background-image: url(../img/plans/icon-hot.svg);
}
.icon-cold {
  background-image: url(../img/plans/icon-cold.svg);
}
/* Section 2 */
/* Section 3 */
.table-tournaments {
  background: rgba(4, 17, 27, .7);
  max-width: 1460px;
  width: 100%;
  margin: 0 auto;
  padding: 37px 86px;
}
.section-3 .container {
  max-width: 1390px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.section-3 {
  padding-top: 47px;
  margin-bottom: 100px
}
.section-3 .section-title {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  text-transform: none;
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 36.4931px;
  line-height: 61px;
  text-align: center;
  text-transform: uppercase;
  color: #F4FBE0;
}
.section-3 .section-title img {
  max-width: 5.260vw;
}
.table-jackpot {
  background: rgba(4, 17, 27, .7);
  max-width: 1460px;
  width: 100%;
  margin: 0 auto;
  padding: 37px 86px;
}
.table-head {
  display: flex;
  grid-gap: 20px;
}
.table-tournaments .table-body {
  width: 100%;
}
.table-tournaments thead {
  color: #FF7E00;
  text-transform: uppercase;
}
.highlight-orange {
  color: #FF7E00;
  font-weight: 400;
  font-size: 12px;
  line-height: 24px;
}
.btn-filter {
  background: rgba(255, 126, 0, 0.0001);
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  padding: 14px 34px;
  cursor: pointer;
  transition: .4s background, .4s border;
}
.btn-filter.active,
.btn-filter:hover {
  border-color: transparent;
  background: #FF7E00;
}
.btn-tour {
  padding: 13px 20px;
  border-radius: 8px;
  display: inline-block;
  transition: .4s opacity;
  text-decoration: none;
}
.btn-tour:hover {
  opacity: .7;
}
.btn-transparent {
  background: transparent;
  border: 1px solid #FFFFFF;
}
.btn-unavailable {
  cursor: not-allowed;
}
.btn-unavailable {
  color: #0B3E64;
  border: 1px solid #0B3E64;
}
.btn-green {
  background: #02A927;
}
.btn-primary {
  border-radius: 8px;
  background: #FF7E00;
  font-weight: 400;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
  color: #F4FBE0;
}
.table-body {
  border-top: 1px solid #FF7E00;
  margin-top: 13px;
  padding-top: 15px;
  column-count: 2;
}
.table-body tr:nth-child(even) {
  background: #0C2439;
}
.table-body td {
  padding: 14px 0;
  text-align: center;
}
.table-body td:first-child {
  padding-left: 20px;
  text-align: left;
}
.table-body td:last-child {
  padding-right: 20px;
}
.winner-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 22px;
}
.winner-item:nth-child(even) {
  background: rgba(12, 36, 57, .5);
}
.winner-item_left {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.winner-item_photo img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.winner-item_name {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FF7E00;
}
.winner-item_result {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #FF7E00;
}
.winner-item_date {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #969696;
}
.winner-item_group {
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
  color: #FFFFFF;
  text-transform: capitalize;
}
.table-pagination {
  max-width: 600px;
  border-top: 1px solid #FF7E00;
  margin-top: 0;
  padding-top: 15px;
  width: 100%;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  grid-gap: 25px;
}
.table-pagination_arrow {
  transition: .4s opacity;
}
.table-pagination_arrow:hover {
  cursor: pointer;
  opacity: .7;
}
/* Section 3 */
/* Section 4 */

.section-4 {
  margin-top: 100px;
  background: rgba(4, 17, 27, .7);
  padding: 60px 0;
}
.section-title_yellow {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 900;
  font-size: 44.6px;
  text-align: center;
  background: linear-gradient(180deg, #E9661C 34.99%, #FFC20E 62.83%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent; 
}

.section-4 h3 {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: 36.4931px;
  color: #FEFEFE;
  margin: 20px 0;
}
.section-4 .footer {
  background-image: url(../img/footer-bg.jpg);
  background-size: cover;
  background-position: bottom;
  padding-top: 0;
}
.list-numbered ul {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 24px;
}
.list-numbered li {
  margin-bottom: 10px;
}
.list-numbered .number {
  font-family: 'Fira Sans';
  font-weight: 700;
  font-size: 21px;
  line-height: 24px;
  text-align: center;
  color: #061625;
  background: #FF7E00;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 11px;
}

.currency {
  color: #F7730F;
}

/* Section 4 */
@media (max-width: 780px) {
  .levels {
    padding: 36px 24px;
  }
}
.levels__title {
  margin-bottom: 40px;
  text-align: center;
  background-image: linear-gradient(#ff7e00, #fac24a);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
  font-size: 44px;
  font-weight: 700;
}
@media (max-width: 780px) {
  .levels__title {
    font-size: 24px;
  }
}
.levels__wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.levels__card {
  display: flex;
  flex-direction: column;
  max-width: 288px;
  width: 100%;
  height: 200px;
  margin: 0 20px 20px 0;
}
.levels__card-inner {
  display: flex;
  margin-bottom: 4px;
}
.levels__card-left {
  margin-right: 4px;
}
.levels__card-left img {
  width: 150px;
  height: 150px;
}
.levels__card-title {
  text-transform: uppercase;
  font-size: 18px;
  color: #ff7512;
}
.levels__card-bonus {
  margin-right: 2px;
  margin-bottom: 24px;
}
.levels__card-bonus span {
  font-size: 18px;
  font-weight: 700;
}
.levels__card-left,
.levels__card-right {
  width: 50%;
}
.levels__card-right {
  position: relative;
}
.levels__card-level {
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 30px;
  background: url('../img/bg-number.svg') no-repeat;
  background-size: contain;
}
.levels__card-level span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px;
  font-weight: 700;
  background-image: linear-gradient(#ff7e00, #fac24a);
  -webkit-background-clip: text;
  color: transparent;
}
.levels__card-progress {
  position: absolute;
  bottom: 0;
  right: 0;
}
.levels__card-progress img {
  padding-bottom: 10px;
  padding-right: 10px;
  width: 38px;
  height: 38px;
}
.levels__card-progress span {
  font-size: 24px;
  color: #ff7512;
}
.levels__card-progressbar {
  position: relative;
  height: 22px;
  border: 2px solid #1f905f;
}
.levels__card-progressbar-inner {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #ff7512;
}
.rewards {
  padding: 54px 24px;
}
@media (max-width: 780px) {
  .rewards {
    padding: 36px 0;
  }
}
.rewards__title {
  margin-bottom: 36px;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 780px) {
  .rewards__title {
    font-size: 24px;
  }
}
.rewards__table {
  max-width: 1460px;
  margin: 0 auto;
  padding: 36px 40px 40px;
  background-color: rgba(4, 17, 27, 0.5);
  overflow-y: auto;
  font-size: 18px;
}
@media (max-width: 780px) {
  .rewards__table {
    padding: 36px 0;
  }
}
.rewards__tr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.rewards__tr:nth-child(odd) {
  background-color: rgba(12, 36, 57, 0.5);
}
.rewards__tr:nth-child(1) {
  background-color: transparent;
}
.rewards__th {
  text-transform: uppercase;
  color: #ff7512;
}
.rewards__th > .rewards__td {
  min-height: 36px;
  border-bottom: 1px solid #ff7512;
}
.rewards__td {
  width: 20%;
  min-width: 160px;
}
.rewards__td:nth-child(1) {
  min-width: 100px;
}
.rewards__level {
  position: relative;
  display: inline-block;
  left: 0;
  bottom: 0;
  padding: 20px;
  margin: 6px 0 4px 10px;
  background: url('../img/bg-number.svg') no-repeat;
  background-size: contain;
}
.rewards__level span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(#ff7e00, #fac24a);
  -webkit-background-clip: text;
  color: transparent;
  font-size: 22px;
  font-weight: 700;
}
/* points */
.profile-points-p {
  margin-right: 60px;
}
.profile-promo {
  margin-top: 30px;
}

/* mobile lang menu */

.mobile-side {
	position: relative;
}


.mobile__lang-close {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='28' viewBox='0 0 17 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6837 3.965L6.3675 14.2813L16.6837 24.5975L13.5 27.7812L-3.8147e-06 14.2813L13.5 0.78125L16.6837 3.965Z' fill='%23969D7E'/%3E%3C/svg%3E%0A"), -o-linear-gradient(bottom, #D0D3C6, #D0D3C6);
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='28' viewBox='0 0 17 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6837 3.965L6.3675 14.2813L16.6837 24.5975L13.5 27.7812L-3.8147e-06 14.2813L13.5 0.78125L16.6837 3.965Z' fill='%23969D7E'/%3E%3C/svg%3E%0A"), -webkit-gradient(linear, left bottom, left top, from(#D0D3C6), to(#D0D3C6));
	background-image: url("data:image/svg+xml,%3Csvg width='17' height='28' viewBox='0 0 17 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6837 3.965L6.3675 14.2813L16.6837 24.5975L13.5 27.7812L-3.8147e-06 14.2813L13.5 0.78125L16.6837 3.965Z' fill='%23969D7E'/%3E%3C/svg%3E%0A"), linear-gradient(0deg, #D0D3C6, #D0D3C6);
	background-repeat: no-repeat;
	background-position: center;
}
.mobile-lang {
  display: none;
	margin-top: auto;
	border-top: 1px solid #969D7E;
}
.mobile-bottom-lang {
  bottom: 80px;
  position: fixed;
  height: 50px;
  z-index: 15;
  width: 100%;
  left: -150%;
}

.mobile-lang__list {
	padding: 25px 30px;
	position: absolute;
	top: 0;
	left: -110%;
	width: 100%;
	height: 100%;
	background-image: url('../img/mobilemenu-bg.png'), -webkit-gradient(linear, left bottom, left top, from(#D0D3C6), to(#D0D3C6));
	background-image: url('../img/mobilemenu-bg.png'), -o-linear-gradient(bottom, #D0D3C6, #D0D3C6);
	background-image: url('../img/mobilemenu-bg.png'), linear-gradient(0deg, #D0D3C6, #D0D3C6);
	background-size: 95%, auto;
	background-repeat: no-repeat;
	border-top: 1px solid #969D7E;
	-webkit-transition: left .35s ease;
	-o-transition: left .35s ease;
	transition: left .35s ease;
}

.mobile-lang__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #09253A;
	margin-bottom: 34px;
	gap: 9px
}
.mobile-lang__btn {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 30px;
  cursor: pointer;
  background-image: linear-gradient(0deg, #D0D3C6, #D0D3C6);
}
.mobile-lang__btn::after {
	content: '';
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	margin-left: auto;
	background-repeat: no-repeat;
	background-size: contain;
	height: 24px;
	width: 24px;
	background-position: center;
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='25' viewBox='0 0 15 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.169998 3.08L9.34 12.25L0.169998 21.42L3 24.25L15 12.25L3 0.25L0.169998 3.08Z' fill='%23969D7E'/%3E%3C/svg%3E%0A");
}
.mobile-lang__icon {
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	margin-right: 10px;
}
.mobile-lang__text {
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	color: #09253A;
}
.mobile-bank__text {
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	color: #09253A;
}

/* custom dropdown */
.select-container {  
  /* padding: 0 15px; */
	display: grid;
	grid-template-columns: 1fr;
	/* place-items: center; */
}
.select-box {
  display: flex;
  width: 100%;
  flex-direction: column;
	position: relative;
}

.select-box .options-container {
  max-height: 0;
  width: calc( 100% - 12px);
  opacity: 0;
  transition: all 0.4s;
  overflow: hidden;
  border-radius: 5px;
  border: solid 1px #dcdfe5;
  background-color: #d0d3c6;
  order: 1;
	position: absolute;
	top: 68px;
}
.country-box .options-container {
	top: 50px;
}
.select-box .options-container.bank {
  top: 50px;
}
.selected {
  background: #2f3640;
  margin-bottom: 8px;
  position: relative;
  width: 100%;
  height: 64px;
  border-radius: 5px;
  border: solid 1px #dcdfe5;
  background-color: #d0d3c6;
  order: 0;
}
.selected-bank {
  background: #2f3640;
  margin-bottom: 8px;
  position: relative;
  width: 100%;
  /* height: 64px; */
  border-radius: 5px;
  border: solid 1px #dcdfe5;
  background-color: #d0d3c6;
  order: 0;
}


.selected-bank::after, .selected::after {
	/* Font Awesome	 */
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	/* BG Img	 */
/* 	content:  url("img/arrow-down.svg");	 */
	position: absolute;
	right: 15px;
	top: 50%;
	transition: transform .5s;
	transform: translateY(-50%);
}
.selected h3, .select-box label h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.57;
  color: #1f2949;
}
.selected h5, .select-box label h5{
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.83;
  color: #81878f;
}
.select-box .options-container.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
  z-index: 10;
}
.blablabla {
  display: flex;
  justify-content: flex-start;
}
.blablabla .selected {
  min-width: 100px;
  margin-right: 8px;
  padding: 8px 6px 40px 6px;
  width: unset;
  height: 50px;
}
.blablabla .selected::after {
  right: 7px;
}
.options-container.active + .blablabla  .selected::after {
  transform: translateY(-50%) rotateX(180deg);
}

.select-box .options-container.active + .selected::after {
  transform: translateY(-50%) rotateX(180deg);
}

.select-box .options-container::-webkit-scrollbar {
  width: 8px;
  background: #0d141f;
  background: #81878f;
  background: #f1f2f3;
  border-radius: 0 5px 5px 0;
}

.select-box .options-container::-webkit-scrollbar-thumb {
  background: #525861;
  background: #81878f;
  border-radius: 0 5px 5px 0;
}
.select-box .option,
.selected-bank, .selected {
  padding: 12px 24px;
  cursor: pointer;
}

.select-box .option:hover {
  background: #dcdfe5;
}

.select-box label {
  cursor: pointer;
}

.select-box .option .radio {
  display: none;
}
.lang-option {
  display: flex;
  padding-top: 5px;
}
.lang-option-hidden {
  display: none;
}
.country-selected-div {
  width: 35%;
  min-width: 130px;
}
/* preloader svg */
.preloader1 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background: #092a43;
  display: block;
  z-index: 10001;
}
.preloader1_container {
  position: relative;
  text-align: center;
  top: 50%;
}
.preloader__image {
  position: relative;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  text-align: center;
}
.preloader1_text {
  color: #163751;
  font-size: 14px;
  font-weight: 1000;
  padding: 15px;
  text-align: center;
}
.preloader1_copy {
  color: #163751;
  font-size: 10px;
  font-weight: 1000;
  text-align: center;
  position: absolute;
  bottom: 20px;
  width: 100%;
}

.loaded_hiding {
  transition: 0.3s opacity;
  opacity: 0;
}

.loadedsvg {
  display: none;
}
/* message dialog */
.messages-container.isopen {
  display: flex;
}
.messages-container {
  display: none;
  overflow: hidden;
  position: fixed;
  opacity: 1;
  visibility: visible;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 50;
  /* pointer-events: none; */
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.message-color-error {
  color: red;
}
.message-color-success {
  color: lime;
}
.message-color-info {
  color: white;
}
.message-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 350px;
  min-height: 170px;
  background: #09253A;
  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.52);
  border-radius: 4px;
  color: #fff;
  text-align: center;
  overflow: hidden;
}
.message-icon {
  float: left;
  padding-left: 12px;
}
.message-modal__title { 
  padding-top: 12px;
  padding-bottom: 9px;
  background: #051a2a;
}
.message-modal__close {
  top: 12px;
  right: 12px;
  cursor: pointer;
  position: absolute;
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.404157 16.5959C0.645823 16.8375 0.88749 16.9584 1.24999 16.9584C1.61249 16.9584 1.85416 16.8375 2.09582 16.5959L8.49999 10.1917L14.9042 16.5959C15.1458 16.8375 15.5083 16.9584 15.75 16.9584C15.9917 16.9584 16.3542 16.8375 16.5958 16.5959C17.0792 16.1125 17.0792 15.3875 16.5958 14.9042L10.1917 8.50002L16.5958 2.09585C17.0792 1.61252 17.0792 0.887521 16.5958 0.404187C16.1125 -0.0791463 15.3875 -0.0791463 14.9042 0.404187L8.49999 6.80836L2.09582 0.404187C1.61249 -0.0791463 0.88749 -0.0791463 0.404157 0.404187C-0.0791769 0.887521 -0.0791769 1.61252 0.404157 2.09585L6.80832 8.50002L0.404157 14.9042C-0.0791769 15.3875 -0.0791769 16.1125 0.404157 16.5959Z' fill='%23F4FBE0'/%3E%3C/svg%3E%0A");
}
.message-modal__content {
  display: block;
  padding: 45px 20px 30px 20px;
}
.message-modal-title-header-success {
  color: #3cff68;
}
.message-modal-title-header-error {
  color: #ff533c;
}
.message-modal-title-header-info {
  color: #edfd68;
}
.message-modal-title-header {
  padding-right: 22px;
}
.message-modal-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.15;
}
.message-modal__btn {
  display: block;
  width: 100%;
  text-align: center;
  border: 0;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #FF7E00;
  color: #F4FBE0;
  padding: 0.8em;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease;
  margin-top: auto;
}
.message-modal__btn:hover {
  background-color: #e67100;
}

@media (max-width: 480px) {
  .message-modal {
    width: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .message-modal-title {
    font-size: 16px;
  }
}

/* mess end */
.forgot-pass {
  background-color: #D0D3C6;
  padding-left: 115px;
  height: 100vh;
}

.withdraw-form {
  display: none;
}
.withdraw-form.isactive {
  display: block;
}
.withdraw-sbp {
  display: none;
}
.withdraw-sbp.isactive {
  display: block;
}

/* status actions*/
.status-message {
  display: none;
}
.status-message.isactive {
  display: block;
}
.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding: 15px 10px 15px 20px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
  /* background-image: url('https://i.imgur.com/ilgqWuX.png'); */
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
  /* background-image: url('https://i.imgur.com/Q9BGTuy.png'); */
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
  /* background-image: url('https://i.imgur.com/Z8q7ww7.png'); */
}
.error{
  color: #D8000C;
  background-color: #FFBABA;
  /* background-image: url('https://i.imgur.com/GnyDvKN.png'); */
}
.validation{
  color: #D63301;
  background-color: #FFCCBA;
  /* background-image: url('https://i.imgur.com/GnyDvKN.png'); */
}
/* vue */
[v-cloak] {
  display: none;
}

/* [v-cloak] {
  display: block;
  padding: 50px 0;
}
@keyframes spinner {
  to {
    transform: rotate(360deg);
 }
}
[v-cloak]:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner 0.6s linear infinite;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
[v-cloak] > div {
  display: none;
} */

.toggle-password {
  position: absolute;
  top: 18px;
  right: -30px;
  bottom: 0;
  cursor: pointer;
}
/*Plugins*/

.swiper {
  overflow: unset;
}
.swiper_vertical {
  overflow-x: auto !important;
}

.swiper .game {
  width: 240px;
  height: 170px;
}

.swiper-wrapper {
  padding: 16px 0 30px;
}

.swiper-pagination-bullet {
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background-color: rgba(244, 251, 224, 0.2);
  margin: 0 15px;
}

.swiper-pagination-bullet-active {
  background-color: rgba(244, 251, 224, 0.5);
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out !important;
       -o-transition-timing-function: ease-out !important;
          transition-timing-function: ease-out !important;
}

/***** Global styles *****/

/* @font-face {
  font-family: "Montserrat";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-Regular/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff");
}

@font-face {
  font-family: "Montserrat";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/Montserrat-Bold/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold/Montserrat-Bold.woff") format("woff");
} */

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-light {
  color: #969D7E;
}

.text-secondary {
  color: #02A927;
}

.text-primary {
  color: #FF7E00;
}

.text-danger {
  color: #DB0303;
}

.block-center {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #969D7E;
  background-clip: padding-box;
  border-radius: 3px;
}

html {
  background-color: #09253A;
  overflow-x: hidden;
  width: 100%;
}

html.bodylock {
  overflow: hidden;
}

html.bodylock .body-overlay {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

html.bodylock .mobile {
  -webkit-box-shadow: none;
          box-shadow: none;
}

html.fix {
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  position: fixed !important;
  overflow: hidden !important;
}

html.fix body {
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  position: fixed !important;
  overflow: hidden !important;
}

body {
  position: relative;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400;
  color: #F4FBE0;
  -webkit-font-smoothing: subpixel-antialiased;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

body::before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
  -webkit-box-shadow: 0 0 200px 100px rgb(9, 37, 58);
          box-shadow: 0 0 200px 100px rgb(9, 37, 58);
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.navlogo {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  position: relative;
  max-width: 115px;
}

picture {
  height: 100%;
  width: 100%;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
}

p {
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 0.8em;
}

/* .main {
  position: relative;
  left: 115px;
  width: calc(100% - 115px);
} */

.container {
  width: 100%;
  padding-right: 50px;
  padding-left: 50px;
  max-width: 2048px;
  margin: 0 auto;
}
.games-container {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  /* max-width: 2048px; */
  margin: 0;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.icon {
  display: inline-block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 100%;
  width: 100%;
}

[data-modal-close] {
  cursor: pointer;
  height: 53px;
  width: 53px;
}

.bg-cover {
  background-size: cover !important;
}

.bg-repeat {
  background-repeat: repeat !important;
  background-position: top center !important;
  background-size: 100% !important;
}

.modal {
  position: fixed;
  max-width: 50%;
  width: 100%;
  height: 100vh;
  right: -150%;
  top: 0;
  background-color: #D0D3C6;
  z-index: 20;
  color: #09253A;
  -webkit-transition: right 0.6s ease;
  -o-transition: right 0.6s ease;
  transition: right 0.6s ease;
  pointer-events: none;
}

.modal-content {
  overflow-x: hidden;
  overflow-y: auto;
  height: inherit;
  padding: 60px 120px;
  -webkit-overflow-scrolling: touch;
}

.modal-content--center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal-content__title {
  text-transform: uppercase;
  color: #09253A;
  font-weight: 800;
  font-size: 26px;
  margin-bottom: 1.8em;
}

.modal-content__text {
  color: #09253A;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.3;
  margin-bottom: 50px;
}

.modal-content__bottom {
  margin-bottom: 30px;
}

.modal-content__link {
  font-size: 21px;
  color: #09253A;
  margin-top: 0.6em;
  display: block;
}

.modal-close {
  position: absolute;
  height: 30px;
  width: 30px;
  background-color: #D0D3C6;
  fill: #969D7E;
  right: 50px;
  top: 50px;
  z-index: 1;
  cursor: pointer;
}

.modal.isopen {
  right: 0;
  pointer-events: auto;
}

.gradient-text {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(28.57%, #FF7E00), color-stop(84.42%, #F9CB54));
  background: -o-linear-gradient(top, #FF7E00 28.57%, #F9CB54 84.42%);
  background: linear-gradient(180deg, #FF7E00 28.57%, #F9CB54 84.42%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 900;
}

.gradient-text--big {
  font-size: 143px;
}

.d-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.flex-wrap-wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ai-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ai-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

.justify-start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.justify-center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.col-5 {
  width: 100%;
  max-width: 260px;
}

.col-5:not(:last-child) {
  margin-right: 60px;
}

.mt-auto {
  margin-top: auto;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.ml-auto {
  margin-left: auto;
}

.ml-1 {
  margin-left: 1rem;
}

.bg-dark {
  background-color: rgba(0, 0, 0, 0.2);
}

.block-center {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

/*accordion*/

.accordion-item {
  border-bottom: 1px solid #969D7E;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.accordion-item-end {
  border-bottom: 0px!important;
}
.accordion-item__head_title {
  position: relative;
  padding: 0.8rem 10px 0.8rem 6px;
}
.faq-accordion__head_title {
  font-style: normal;
    font-weight: 800;
    font-size: 19px;
    line-height: 23px;
    text-transform: uppercase;
    color: #09253A;
}

.accordion-item.isopen .accordion-item__head::after {
  content: "-";
}

.accordion-item__head {
  position: relative;
  padding: 1rem 50px 1rem 6px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.accordion-item__head::after {
  content: "+";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 6px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: #969D7E;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 60px;
  font-weight: 300;
}

.accordion-item__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease;
  -o-transition: max-height 0.3s ease;
  transition: max-height 0.3s ease;
}

.accordion-item__content {
  padding: 0;
  padding: 0 6px 20px 6px;
}

/*End accordion*/

/*table*/

table {
  position: relative;
  border-collapse: collapse;
  width: 100%;
}

.table thead {
  color: #969d7e;
  font-size: 19px;
  text-align: left;
}

.table tbody {
  font-size: 15px;
}

.table tbody tr:hover {
  background-color: rgba(150, 157, 126, 0.2);
}

.table tr {
  position: relative;
  width: 100%;
}

.table th {
  padding: 13px 4px;
  font-weight: 400;
}

.table td {
  padding: 13px 4px;
}

/*End table*/

.loader {
  position: relative;
  height: 10px;
  /* border-radius: 50px; */
  background: #F4FBE0;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  max-width: 150px;
  width: 100%;
}

.loader-text {
  color: #FF7E00;
  font-size: 15px;
  font-weight: 800;
}

.loader-bar {
  position: absolute;
  left: 0;
  height: 100%;
  border-radius: inherit;
  background-color: #FF7E00;
  background-image: -o-repeating-linear-gradient(150deg, #FF9731, #FF9731 5px, #FF7E00 5px, #FF7E00 10px);
  background-image: repeating-linear-gradient(-60deg, #FF9731, #FF9731 5px, #FF7E00 5px, #FF7E00 10px);
  background-position: center;
  background-size: 1000px 100%;
  -webkit-animation: preloader 55s linear infinite;
          animation: preloader 55s linear infinite;
}

iframe {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

@-webkit-keyframes preloader {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: -33% 50%;
  }
}

@keyframes preloader {
  0% {
    background-position: 100% 50%;
  }

  100% {
    background-position: -33% 50%;
  }
}

input {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-family: "Fira Sans", sans-serif;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #7C8A8B;
}

.form__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.form--rowrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.form--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.form-field {
  display: block;
  position: relative;
  margin-bottom: 30px;
  font-size: 21px;
  z-index: 1;
}

.form-field__input {
  border-bottom: 2px solid #7E8C8D;
  width: 100%;
  font-size: inherit;
  padding: 0.6em 0;
}

.form-field__input:not(:-moz-placeholder-shown) {
  border-color: #09253A;
}

.form-field__input:not(:-ms-input-placeholder) {
  border-color: #09253A;
}

.form-field__input:focus,
.form-field__input:not(:placeholder-shown) {
  border-color: #09253A;
}

.form-field__input:not(:-moz-placeholder-shown) + .form-field__label {
  bottom: 1.8em;
  transform: scale(0.8);
}

.form-field__input:not(:-ms-input-placeholder) + .form-field__label {
  bottom: 1.8em;
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}

.form-field__input:focus + .form-field__label,
.form-field__input:not(:placeholder-shown) + .form-field__label {
  bottom: 1.8em;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.form-field__input::-webkit-input-placeholder {
  opacity: 0;
}

.form-field__input::-moz-placeholder {
  opacity: 0;
}

.form-field__input:-ms-input-placeholder {
  opacity: 0;
}

.form-field__input::-ms-input-placeholder {
  opacity: 0;
}

.form-field__input::placeholder {
  opacity: 0;
}

.form-field__label {
  position: absolute;
  left: 0;
  bottom: 0.6em;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  pointer-events: none;
  -webkit-transform-origin: left;
      -ms-transform-origin: left;
          transform-origin: left;
}

.form-title {
  color: #09253A;
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 50px;
  text-transform: uppercase;
}

.form-text {
  font-size: 19px;
  margin-bottom: 2.1em;
}

.form__search {
  border: none;
  font-size: 28px;
  font-weight: 500;
  padding-bottom: 14px;
  border-bottom: 3px solid #041E31;
  width: 100%;
  background-color: transparent;
  color: #09253A;
}

.form__search::-webkit-input-placeholder {
  color: #09253A;
  opacity: 0.5;
}

.form__search::-moz-placeholder {
  color: #09253A;
  opacity: 0.5;
}

.form__search:-ms-input-placeholder {
  color: #09253A;
  opacity: 0.5;
}

.form__search::-ms-input-placeholder {
  color: #09253A;
  opacity: 0.5;
}

.form__search::placeholder {
  color: #09253A;
  opacity: 0.5;
}

.form__search:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form__search:focus::-moz-placeholder {
  opacity: 0;
}

.form__search:focus:-ms-input-placeholder {
  opacity: 0;
}

.form__search:focus::-ms-input-placeholder {
  opacity: 0;
}

.form__search:focus::placeholder {
  opacity: 0;
}

.form-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form-check__input {
  color: #09253A;
}

.form-check__input:checked + .form-check__icon {
  border: 1px solid #FF7E00;
  background-color: #FF7E00;
}

.form-check__input:checked + .form-check__icon::before {
  opacity: 1;
}

.form-check__icon {
  position: relative;
  display: inline-block;
  height: 18px;
  width: 18px;
  border: 2px solid #7C8A8B;
  margin-right: 1rem;
  margin-top: 4px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.form-check__icon::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 5px;
  border-bottom: 2px solid #F4FBE0;
  border-right: 2px solid #F4FBE0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 4px;
  opacity: 0;
}

/* button */

.btn {
  border: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 1em 1.9em;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
  font-family: "Fira Sans", sans-serif;
  line-height: 1;
  background-color: transparent;
}

.btn__icon {
  height: 20px;
  width: 20px;
  fill: currentColor;
  margin-right: 8px;
}

.btn--outline {
  border: 2px solid #FF7E00;
  color: #FF7E00;
}

.btn--outline-light {
  border: 1px solid #B0B799;
}

.btn--primary {
  color: #F4FBE0;
  background-color: #FF7E00;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}

.btn--primary:hover {
  background-color: #e67100;
}

.btn--secondary {
  color: #F4FBE0;
  background-color: #02A927;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}

.btn--secondary:hover {
  background-color: #029021;
}

.btn--danger {
  background-color: #DB0303;
  color: #F4FBE0;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}

.btn--danger:hover {
  background-color: #c20303;
}

.btn--lg {
  font-size: 32px;
}

.btn--md {
  padding: 1.1em 1.5em;
  font-size: 26px;
}

.btn--sm {
  font-size: 21px;
  padding: 1em 1.9em;
}

.btn--xs {
  font-size: 14px;
  padding: 1em 1.3em;
}

.btn--uppercase {
  text-transform: uppercase;
}

.btn--disabled {
  background-color: #858585;
  color: #b1b1b1;
}
.btn--disabled:hover {
  background-color: #858585;
  color: #b1b1b1;
}

/* Header */

/******* Sidebar-menu ********/

.menu-sidebar {
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
  width: 115px;
  background-color: rgba(9, 37, 58, 0.8);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 10;
}

.menu-sidebar-forgot {
  background-color: rgba(9, 37, 58, 1);
}

.menu__logo {
  display: block;
  margin-bottom: 30px;
}

.menu-logo {
  position: absolute;
  left: 50%;
  max-width: 80%;
  top: 40%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.menu-btn {
  margin-top: auto;
  background-color: #FF7E00;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
  padding: 20px 8px;
  color: #F4FBE0;
}

.menu-btn__icon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.menu-link {
  text-decoration: none;
  color: #F4FBE0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: 14px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  width: 100%;
  margin-bottom: 30px;
}

.menu-link.active,
.menu-link:hover {
  color: #FF7E00;
}

.menu-link__icon {
  height: 38px;
  width: 38px;
  fill: currentColor;
}

.menu-link__text {
  margin-top: 14px;
}

.menu-date {
  margin-top: auto;
  font-size: 14px;
  font-weight: 500;
  color: #F4FBE0;
  text-align: center;
  text-transform: uppercase;
}

.menu-date__icon {
  width: 20px;
  height: 20px;
  fill: currentColor;
  margin-bottom: 14px;
}
/****** Lang-menu ********/
.langmenu-btn {
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 10px;
  padding-top: 10px;
}
.langmenu-btn:hover {
  color: #FF7E00;
}
.langmenu-display {
  display: none;
}
.langmenu-object {
  pointer-events: none;
}
.langmenu-btn-text {
  padding-left: 10px;
}
.langmenu {
  position: fixed;
    height: 100vh;
    width: 115px;
    top: 0;
    left: -100%;
    -webkit-transition: left 0.1s ease;
    -o-transition: left 0.1s ease;
    transition: left 0.1s ease;
    z-index: 9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
}
.langmenu.isopen {
  left: 115px;
}

.langmenu-body {
  width: 115px;
  margin-bottom: 60px;
  overflow-y: auto;
  background-color: #09253A;
  align-items: center;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
/* langmenu mobile */
.langmenu-mobile {
  display: none;
}
/******* Main-menu ********/

.mainmenu {
  position: fixed;
  height: 100vh;
  width: 325px;
  background-color: #09253A;
  top: 0;
  left: -150%;
  -webkit-transition: left 0.6s ease;
  -o-transition: left 0.6s ease;
  transition: left 0.6s ease;
  z-index: 15;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.mainmenu.isopen {
  left: 0;
}

.mainmenu-close {
  position: absolute;
  fill: #D0D3C6;
  height: 50px;
  width: 50px;
  right: 0;
  top: 0;
  cursor: pointer;
  background-color: #233039;
  padding: 15px;
}

.mainmenu-head {
  position: relative;
  background: #041E31;
}

.mainmenu-head__logo {
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mainmenu-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1rem 0;
  border-top: 1px solid #233039;
}

.mainmenu-tab__btn {
  color: #F4FBE0;
  fill: currentColor;
  stroke: currentColor;
  opacity: 0.4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  padding: 1rem;
  font-size: 20px;
  font-weight: 500;
  font-family: "Fira Sans", sans-serif;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.mainmenu-tab__btn.isactive,
.mainmenu-tab__btn:hover {
  opacity: 1;
  text-decoration: underline;
}

.mainmenu-tab__icon {
  margin-right: 12px;
  height: 20px;
  width: 20px;
}

.mainmenu-body {
  height: 100%;
  overflow-y: auto;
}

.mainmenu-body__content {
  padding: 40px 35px;
  display: none;
}

.mainmenu-body__content.isactive {
  display: block;
}

.mainmenu__link {
  font-size: 28px;
  font-weight: 700;
  color: #F4FBE0;
  display: block;
  text-decoration: none;
  margin-bottom: 50px;
  -webkit-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  transition: color 0.6s ease;
}

.mainmenu__link:hover,
.mainmenu__link.active {
  color: #FF7E00;
}

.searchmenu {
  position: fixed;
  height: 100vh;
  top: 0;
  width: 455px;
  padding: 60px 30px 0;
  left: -150%;
  background-color: #D0D3C6;
  z-index: 9;
  -webkit-transition: left 0.6s ease;
  -o-transition: left 0.6s ease;
  transition: left 0.6s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.searchmenu.isopen {
  left: 115px;
}

.searchmenu-close {
  position: absolute;
  top: 30px;
  right: -70px;
  height: 30px;
  width: 30px;
  fill: #D0D3C6;
}

.searchmenu__form {
  margin-bottom: 40px;
}

.searchmenu__result {
  padding-top: 20px;
  padding-right: 5px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

@supports (-webkit-touch-callout: none) {
  .searchmenu__result {
    padding-bottom: 100px;
  }
}

.game-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin-bottom: 30px;
}

.game-item__img {
  -webkit-box-shadow: 0px 18px 18px -13px rgba(33, 40, 14, 0.41);
          box-shadow: 0px 18px 18px -13px rgba(33, 40, 14, 0.41);
  border-radius: 5px;
  margin-right: 25px;
/*  width: 200px;*/
}

.game-item__name {
  font-size: 17px;
  color: #09253A;
}

/* mobilemenu */

.mobilemenu {
  position: fixed;
  display: none;
  bottom: 0;
  width: 100%;
  z-index: 20;
  background-color: #09253A;
  height: 60px;
}

.mobilemenu__wrap {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.mobilemenu-mail {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  background-color: #02A927;
  text-decoration: none;
  text-align: center;
  padding-top: 20px;
}

.mobilemenu-mail__counter {
  position: absolute;
  border-radius: 50px;
  font-weight: 700;
  background-color: #FF7E00;
  border: 4px solid #02A927;
  height: 30px;
  width: 30px;
  text-align: center;
  color: #F4FBE0;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: 50%;
      -ms-transform-origin: 50%;
          transform-origin: 50%;
}

.mobilemenu-mail__icon {
  height: 30px;
  width: 30px;
  fill: #F4FBE0;
}

.mobilemenu-link {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #F4FBE0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  text-decoration: none;
  font-size: 11px;
  text-align: center;
}

.mobilemenu-link:hover,
.mobilemenu-link.active {
  color: #FF7E00;
}

.mobilemenu-link__icon {
  height: 22px;
  width: 22px;
  margin-bottom: 7px;
  fill: currentColor;
}

.mobilemenu-link--accent {
  background-color: #FF7E00;
  font-size: 16px;
  font-weight: 700;
}

.mobilemenu-link--accent:hover {
  color: #F4FBE0;
}

/* header */

.header {
  position: absolute;
  padding-top: 30px;
  padding-bottom: 30px;
  width: calc(100% - 115px);
  right: 0;
}

.header-info {
  position: absolute;
  top: 0;
  right: -30px;
}

.header-info__mail {
  background: rgba(9, 37, 58, 0.7);
  -webkit-transform: skew(15deg);
      -ms-transform: skew(15deg);
          transform: skew(15deg);
  padding: 15px 20px;
  margin-right: 20px;
  pointer-events: initial;
}

.header-info__profile {
  background: rgba(9, 37, 58, 0.7);
  -webkit-transform: skew(15deg);
      -ms-transform: skew(15deg);
          transform: skew(15deg);
  padding: 14px 50px 0px 30px;
  pointer-events: initial;
}

.header-info__profile .loader {
  margin-bottom: 10px;
  max-width: 100%;
}

.header-info__content {
  -webkit-transform: skew(-15deg);
      -ms-transform: skew(-15deg);
          transform: skew(-15deg);
}

.desktop {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 5;
  padding: 30px 0;
  overflow: hidden;
  min-height: 125px;
  pointer-events: none;
}

.desktop-side {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.desktop__row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mobile {
  display: none;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  background: #09253A;
  padding: 0;
  -webkit-box-shadow: 0px -1px 32px 17px rgba(2, 12, 19, 0.9);
          box-shadow: 0px -1px 32px 17px rgba(2, 12, 19, 0.9);
}

.mobile.isactive {
  background: -webkit-gradient(linear, left bottom, left top, from(#D0D3C6), to(#D0D3C6));
  background: -o-linear-gradient(bottom, #D0D3C6, #D0D3C6);
  background: linear-gradient(0deg, #D0D3C6, #D0D3C6);
}

.mobile.isactive .logo::after {
  opacity: 0;
}

.mobile.isactive .mobile-side__text {
  color: #09253A;
}

.mobile.isactive .mobile-burger {
  border-color: transparent;
}

.mobile.isactive .mobile-burger span {
  background-color: #969D7E;
}

.mobile.isactive .mobile-burger span:nth-child(2) {
  opacity: 0;
}

.mobile.isactive .mobile-burger span:nth-child(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.mobile.isactive .mobile-burger span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mobile.isactive .mobile-link {
  background-color: transparent;
  color: #09253A;
  fill: #FF7E00;
}

.mobile__logo::after {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 150px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYxIiBoZWlnaHQ9IjQ1IiB2aWV3Qm94PSIwIDAgMTYxIDQ1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy44NjY0OCA4LjQ4NzM5QzIuMDU2NTMgNC41MTQzMyA0Ljk2MDY5IDAgOS4zMjY2IDBIODFDODQuMzEzNyAwIDg3IDIuNjg2MjkgODcgNlYzOUM4NyA0Mi4zMTM3IDg0LjMxMzcgNDUgODEgNDVIMjQuMzU5OUMyMi4wMDg5IDQ1IDE5Ljg3NDUgNDMuNjI2OSAxOC44OTk4IDQxLjQ4NzRMMy44NjY0OCA4LjQ4NzM5WiIgZmlsbD0iIzA5MjUzQSIvPgo8cGF0aCBkPSJNMTU3LjEzNCA4LjQ4NzM5QzE1OC45NDMgNC41MTQzMyAxNTYuMDM5IDAgMTUxLjY3MyAwSDgwQzc2LjY4NjMgMCA3NCAyLjY4NjI5IDc0IDZWMzlDNzQgNDIuMzEzNyA3Ni42ODYzIDQ1IDgwIDQ1SDEzNi42NEMxMzguOTkxIDQ1IDE0MS4xMjYgNDMuNjI2OSAxNDIuMSA0MS40ODc0TDE1Ny4xMzQgOC40ODczOVoiIGZpbGw9IiMwOTI1M0EiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-position: center bottom;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mobile__row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.mobile-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mobile-side {
  min-width: 84px;
}

.mobile-side__account {
  padding-right: 5px;
}

.mobile-side__text {
  font-weight: 500;
  font-size: 10px;
}

.mobile-side__text span {
  font-size: 11px;
  margin-left: 5px;
}

.mobile-burger {
  height: 60px;
  width: 84px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #041B2D;
}

.mobile-burger span {
  width: 30px;
  height: 4px;
  border-radius: 50px;
  background-color: #F4FBE0;
  margin: 3px 0;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.mobile-burger span:nth-child(1) {
  -webkit-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
          transform-origin: 0% 0%;
}

.mobile-burger span:nth-child(3) {
  -webkit-transform-origin: 0% 100%;
      -ms-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}

.mobile-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  width: 100%;
  background-color: #FF7E00;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: #F4FBE0;
  fill: #F4FBE0;
  padding: 0 1rem;
}

.mobile-link__icon {
  height: 18px;
  width: 18px;
  margin-bottom: 2px;
}

.mobile-link__text {
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
}

.logo {
  display: block;
  pointer-events: initial;
}

.account-info .account-text:nth-child(1) {
  margin-left: -20px;
}

.account-info .account-text:nth-child(2) {
  margin-left: -10px;
}

.account-text {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

.account-btn {
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  margin-left: 5px;
  height: 45px;
  line-height: 45px;
  background-color: #FF7E00;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
  text-transform: uppercase;
}

.account-btn:hover {
  background-color: #e67100;
}

.account-btn__icon {
  height: 30px;
  width: 30px;
}

.account-mail {
  position: relative;
  -webkit-transform: skew(-30deg);
      -ms-transform: skew(-30deg);
          transform: skew(-30deg);
}

.account-mail__icon {
  height: 24px;
  width: 35px;
  fill: #F4FBE0;
}

.account-mail__counter {
  position: absolute;
  left: -5px;
  top: -15px;
  height: 17px;
  width: 17px;
  line-height: 17px;
  border-radius: 50px;
  font-size: 12px;
  color: #fff;
  background-color: #FF7E00;
  font-weight: 900;
  text-align: center;
  -webkit-animation: pulse 0.5s infinite alternate;
          animation: pulse 0.5s infinite alternate;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

/* hero */

.hero {
  position: relative;
  background-size: cover;
  background-position: top center;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 100px;
}

.hero-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.35s ease;
  -o-transition: opacity 0.35s ease;
  transition: opacity 0.35s ease;
}

.hero-bg--1 {
  background-image: url(../img/hero-bg-1.jpg);
}
.hero-bg--2 {
  background-image: url(../img/hero-bg-2.jpg);
}
.hero-bg--3 {
  background-image: url(../img/hero-bg-3.jpg);
}
.hero-bg--4 {
  background-image: url(../img/hero-bg-3.jpg);
}
.hero-bg--5 {
  background-image: url(../img/hero-bg-3.jpg);
}
.hero-bg--6 {
  background-image: url(../img/hero-bg-3.jpg);
}
.hero-bg--def {
  background-image: url(../img/hero-bg-3.jpg);
}
.hero-bg.active {
  opacity: 1;
}

.hero-icon {
  position: absolute;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.hero-icon--1 {
  top: 50%;
  left: 3%;
}

.hero-icon--2 {
  top: 0;
}

.hero-icon--3 {
  top: 10%;
  left: 26%;
}

.hero-icon--4 {
  top: 35%;
  left: 29%;
}

.hero-icon--5 {
  right: 0;
}

.hero__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.hero-image {
  position: relative;
  width: 50%;
}

.hero-img {
  position: absolute;
  pointer-events: none;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  bottom: 0;
}

.hero-top {
  margin-bottom: 40px;
}

.hero-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
  max-width: 420px;
}

.hero-content__title {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 34px;
  font-size: 48px;
}
.hero-slide--5 .hero-content__title {
  font-size: 40px;
}
.blue {
  background-color: #2e81bf;
}
.blue:hover {
  background-color: #2b77b1;
}

.hero-content__title span {
  font-weight: 900;
  display: block;
}

.hero-content__btn {
  position: relative;
  font-size: 32px;
  padding: 25px;
  width: 100%;
  min-width: 223px;
}

.hero-content__btn::before {
  content: "";
  pointer-events: none;
  position: absolute;
  height: 170px;
  width: 170px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/coin-1.png);
  left: -110px;
  top: -28px;
}

.hero-content__info {
  margin-top: 20px;
  font-size: 11px;
  font-weight: 300;
  color: #ccd1be;
}

.hero-bottom {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 40px 0;
  margin-top: auto;
}

.hero-bottom .swiper-container {
  padding: 0 20px;
  width: 100%;
}

.hero-bottom__row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.hero-bottom__slider {
  width: 100%;
}

.hero-bottom__title {
  text-align: center;
  font-size: 27px;
  margin-bottom: 0.8em;
}

.hero-slider__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.hero-slider__bullets {
  margin: 0 20px;
}

.hero-slider__btn {
  height: 48px;
  width: 48px;
  cursor: pointer;
  fill: #F4FBE0;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-slider__btn.swiper-button-disabled {
  opacity: 0.8;
}

.hero-slider__btn--prev {
  background-image: url(../img/slider-arr-left.svg);
}

.hero-slider__btn--next {
  background-image: url(../img/slider-arr-right.svg);
}

.winners-slider__btn {
  height: 48px;
  width: 48px;
  cursor: pointer;
  fill: #F4FBE0;
  background-repeat: no-repeat;
  background-position: center;
}

.winners-slider__btn.swiper-button-disabled {
  opacity: 0.8;
}

.winners-slider__btn--prev {
  background-image: url(../img/slider-arr-left.svg);
}

.winners-slider__btn--next {
  background-image: url(../img/slider-arr-right.svg);
}

.winner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 200px;
}
.winner a {
  cursor: pointer;
}

.winners {
  max-width: 100%;
  padding: 20px;
}

.winner-img {
  margin-right: 15px;
  height: 50px;
  width: 67px;
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.winner-name {
  font-size: 15px;
}

.winner-name span {
  font-weight: 300;
}

.winner-game {
  font-size: 14px;
  text-decoration: underline;
}

.winner-cost {
  font-weight: 700;
  color: #FF7E00;
}

/* hero-slider */

.hero-slide {
  position: relative;
  width: 100%;
  padding-top: 50px;
}

.hero-slide--1 .hero-content__title span {
  font-size: 105px;
}

.hero-slide--1 .hero-img {
  left: -20%;
  bottom: -135px;
  max-width: 710px;
}

.hero-slide--1 .hero-img-2 {
  position: absolute;
  left: 45%;
  bottom: 165px;
  max-width: 298px;
  -webkit-animation: imgAnim 2s ease infinite alternate;
          animation: imgAnim 2s ease infinite alternate;
}

.hero-slide--2 .hero-content__title span {
  font-size: 105px;
}

.hero-slide--2 .hero-img {
  bottom: -40px;
  left: -10%;
}

.hero-slide--2 .hero-img-2 {
  position: absolute;
  left: 45%;
  bottom: 0px;
  max-width: 407px;
  -webkit-animation: imgAnim 2s ease infinite alternate;
          animation: imgAnim 2s ease infinite alternate;
}

.hero-slide--3 .hero-content__title span {
  font-size: 105px;
}
.hero-slide--6 .hero-content__title span {
  font-size: 55px;
}
.jingle-text-header {
  font-size: 30px;
}
.jingle-text-tour {
  font-size: 50px;
}
.jingle-text {
  font-size: 25px;
}
.hero-slide--3 .hero-img {
  left: -15%;
  bottom: -45px;
}

.hero-slide__pagination {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.hero-slide .swiper-wrapper {
  padding: 0;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.hero-slide .swiper-pagination-bullet {
  background-color: transparent;
}

.hero-slide .swiper-pagination-bullet--svg-animation {
  width: 30px;
  height: 30px;
  margin: 5px;
  display: inline-block;
}

.hero-slide .swiper-pagination-bullet--svg-animation svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  height: 100%;
  width: 100%;
}

.hero-slide .swiper-pagination-bullet--svg-animation .svg__circle-inner {
  stroke: transparent;
  fill: #F4FBE0;
  -webkit-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  transition: all 0.7s ease;
}

.hero-slide .swiper-pagination-bullet-active .svg__circle {
  stroke: #FF7E00;
  stroke-dasharray: 75;
  stroke-dashoffset: 0;
  -webkit-animation: progress 5s ease-in-out 1 forwards;
          animation: progress 5s ease-in-out 1 forwards;
}

.hero-slide .swiper-pagination-bullet-active .svg__circle-inner {
  fill: #FF7E00;
}

@-webkit-keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }

  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}

@keyframes progress {
  0% {
    stroke-dashoffset: 75;
    opacity: 1;
  }

  95% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes imgAnim {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}

@keyframes imgAnim {
  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
/* game search*/
.game-search {
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0px 18px 18px -13px rgba(33, 40, 14, 0.41);
          box-shadow: 0px 18px 18px -13px rgba(33, 40, 14, 0.41);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: 300px;
}

.game-search::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-100.58%, rgba(18, 38, 36, 0.49)), color-stop(85.84%, #041421));
  background: -o-linear-gradient(top, rgba(18, 38, 36, 0.49) -100.58%, #041421 85.84%);
  background: linear-gradient(180deg, rgba(18, 38, 36, 0.49) -100.58%, #041421 85.84%);
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.game-search:hover {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.game-search:hover .game-wrap {
  opacity: 1;
  pointer-events: auto;
}

.game-search:hover::before {
  opacity: 1 !important;
}

.desktop-search-game-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  display:flex;
}
.game-search-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  margin-bottom: 30px;
  margin-bottom: 30px;
  max-width: 200px;
  display:flex;
}
@media (max-width: 480px) {
  .game-search-wrap {
    max-width: 150px;
  }
}
.game-search-wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

/* game */

.game {
  position: relative;
  border-radius: 5px;
  -webkit-box-shadow: 0px 18px 18px -13px rgba(33, 40, 14, 0.41);
          box-shadow: 0px 18px 18px -13px rgba(33, 40, 14, 0.41);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  max-width: 300px;
  background-color: #B0B4A6;
  background-image: url(../img/logo-light.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.game::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-100.58%, rgba(18, 38, 36, 0.49)), color-stop(85.84%, #041421));
  background: -o-linear-gradient(top, rgba(18, 38, 36, 0.49) -100.58%, #041421 85.84%);
  background: linear-gradient(180deg, rgba(18, 38, 36, 0.49) -100.58%, #041421 85.84%);
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.game.hide {
  display: none;
}
.games-load.hide {
  display: none;
}

.game-img {
  border-radius: inherit;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.game-wrap {
  border-radius: inherit;
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}

.game-wrap__title {
  font-size: 16px;
  font-weight: 500;
}

.game-wrap__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.game-wrap__close {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  display: none;
  z-index: 2;
}

.game-wrap__close .game-close__icon {
  height: 16px;
  width: 16px;
  fill: #F4FBE0;
}

.game-play {
  cursor: pointer;
  margin: 16px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 54px;
  width: 154px;
  font-size: 20px;
  border-radius: 20px;
  background-color: #FF7E00;
}

.game-play__icon {
  width: 18px;
  height: 23px;
  fill: #F4FBE0;
  margin-left: 5px;
}

.game-play:hover {
  background-color: #e67100;
}

.game-demo {
  cursor: pointer;
  color: #FF7E00;
  font-weight: 500;
  font-size: 14px;
}

.game-demo:hover {
  text-decoration: none;
}

/* game-modal */

.game-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 344px;
  height: 246px;
  z-index: 20;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.game-modal.isopen {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.game-modal::before {
  content: "";
  width: 210px;
  height: 180px;
  position: absolute;
  z-index: 20;
  background-image: url(../img/game-decor.png?v=1);
  background-size: contain;
  pointer-events: none;
  top: 0;
  margin-top: -120px;
  left: 47%;
  -webkit-transform: translateX(-40%);
      -ms-transform: translateX(-40%);
          transform: translateX(-40%);
}

.game-modal__img {
  border-radius: inherit;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.game-modal__wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.game-modal__content {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  background-color: rgba(9, 37, 58, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}

.game-modal__content::before {
  content: "";
  pointer-events: none;
  top: 8px;
  right: 8px;
  bottom: 8px;
  left: 8px;
  border-radius: 3px;
  border: 2px solid #213B56;
  position: absolute;
}

.game-modal__title {
  font-size: 16px;
  font-weight: 500;
}

.game-modal__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.game-modal__btn {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 0.6em 1.9em;
  text-decoration: none;
  margin: 5px;
  border-radius: 3px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.game-modal__btn--primary {
  background-color: #FF7E00;
  color: #F4FBE0;
}

.game-modal__btn--primary:hover {
  background-color: #e67100;
}

.game-modal__btn--outline {
  color: #FF7E00;
  border: 2px solid #FF7E00;
}

.game-modal__btn--outline:hover {
  background-color: #FF7E00;
  color: #F4FBE0;
}

.game-modal__close {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 30px;
  width: 30px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  z-index: 2;
  display: block;
}

.game-modal__close .game-close__icon {
  height: 16px;
  width: 16px;
  fill: #F4FBE0;
}

/* games */

.games {
  position: relative;
  padding: 45px 0;
  background-color: #0E1F3B;
  overflow: hidden;
}

.games-load {
  position: relative;
  display: inline-block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 100%;
  left: 50%;
  margin-left: -30px;
  background-color: #FF7E00;
  text-align: center;
  font-weight: 700;
  font-size: 45px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-top: 40px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}

.games-load:hover {
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.games-head {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 90px;
}

.games-head__links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.games-list {
  position: relative;
  gap: 10px;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.games-category {
  margin-bottom: 20px;
}

.games-category__title {
  color: #ffffff;
}

.games-slider {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.games-slider__btn {
  height: 48px;
  width: 48px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.games-slider__btn--prev {
  left: 20px;
  background-image: url(../img/slider-arr-left.svg);
}

.games-slider__btn--next {
  right: 20px;
  background-image: url(../img/slider-arr-right.svg);
}

/*filter*/

.filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.filter-head {
  overflow: auto !important;
}
.games-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.filter .swiper-wrapper {
  padding: 0 !important;
}

.filter-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  color: #F4FBE0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-right: 40px;
  width: auto;
}
.filter-link-div {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  color: #F4FBE0;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-right: 20px;
  width: auto;
}

.filter-link.isactive {
  color: #FF7E00;
}
.filter-link-div.isactive {
  color: #FF7E00;
}

.filter-link__icon {
  height: 2em;
  width: 2em;
  fill: currentColor;
  margin-right: 10px;
}

.filter-btn {
  position: relative;
  z-index: 2;
  display: none;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.filter-btn--prev {
  background-image: url(../img/slider-arr-left.svg);
}

.filter-btn--next {
  background-image: url(../img/slider-arr-right.svg);
}

.slots {
  position: relative;
  background-color: #0b1f3a;
  padding-top: 170px;
  padding-bottom: 35px;
  background-image: url(../img/slots-bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.slots-icon {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slots-icon--1 {
  left: 5%;
  bottom: -150px;
}

.slots-icon--2 {
  right: 0;
  bottom: -270px;
}

.slots-head > .container { 
  padding-top: 20px;
}
.slots-head {
  position: fixed;
  width: calc(100% - 115px);
  right: 0;
  top: 0px;
  z-index: 3;
  padding: 70px 0;
}

.slots-head::before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0;
  width: 100%;
  height: 1px;
  -webkit-box-shadow: 0px -1px 150px 150px #09253A;
          box-shadow: 0px -1px 150px 150px #09253A;
  pointer-events: none;
  z-index: 1;
}

.slots-head__links {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.slots-head__row {
  padding-top: 40px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* promo */

.promo {
  position: relative;
  padding: 80px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.promo .container {
  position: relative;
}

.promo-icon {
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 2;
}

.promo-icon--1 {
  left: -3vw;
  bottom: -50px;
}

.promo-icon--2 {
  top: -70px;
  left: 17%;
}

.promo-icon--3 {
  bottom: -80px;
  left: 30%;
}

.promo-icon--4 {
  top: -40px;
  left: 54%;
}

.promo-icon--5 {
  bottom: -100px;
  left: 60%;
}

.promo-icon--6 {
  right: 0;
  top: -120px;
}

.promo-icon--7 {
  right: 0;
  bottom: 0;
}

.promo__row {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.promo-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  max-width: 420px;
  z-index: 2;
}

.promo-content__info {
  font-size: 11px;
  line-height: 13px;
  text-align: center;
  opacity: 0.4;
  font-weight: 300;
}

.promo-content__title {
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  font-size: 37px;
  font-weight: 700;
}

.promo-content__title span {
  font-size: 2.8em;
  line-height: 1;
  margin: 24px 0;
  display: block;
  font-weight: 800;
}

.promo-content__btn {
  position: relative;
  margin-bottom: 30px;
}

.promo-content__btn::before {
  content: "";
  pointer-events: none;
  position: absolute;
  height: 130px;
  width: 130px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/coin-1.png);
  left: -80px;
  top: -20px;
}

.promo-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -110px;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0 6vw;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
  z-index: -1;
}

/* promo-games */

.promo-games {
  padding-top: 100px;
  padding-bottom: 50px;
  overflow: hidden;
}

.promo-games__slider {
  max-width: 1300px;
  margin: 0 auto;
}

.promo-game {
  text-decoration: none;
  color: #F4FBE0;
  text-align: center;
  max-width: 234px;
}

.promo-game__img {
  width: 100%;
  height: 195px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
}

.promo-game__title {
  display: inline-block;
  font-size: 22px;
  font-weight: 500;
  border-bottom: 1px solid;
  margin-bottom: 0.7em;
}

.promo-game__text {
  font-size: 15px;
  line-height: 1.2;
}

/* about */

.about-img {
  position: absolute;
  left: -20vmin;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  max-height: 100%;
}

.about-icon {
  position: absolute;
  left: -100px;
  pointer-events: none;
  display: none;
}

.about p {
  margin-bottom: 2.5em;
}

/* faq */

.faq-icon {
  position: absolute;
  left: -100px;
  pointer-events: none;
}

.faq-accordion {
  max-width: 520px;
  margin-bottom: 60px;
}

.faq-accordion__title {
  color: #09253A;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.3;
}

.faq-accordion__text {
  color: #494D3C;
  font-size: 16px;
  margin: 0 !important;
  line-height: 1.3;
}

/* contacts */

.contacts-list {
  list-style: none;
  max-width: 680px;
  margin-top: 30px;
}

.contacts-icon {
  position: absolute;
  left: -80px;
  pointer-events: none;
}

.contacts-link {
  color: inherit;
}

.contacts-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}

.contacts-item__title {
  font-size: 19px;
  margin-bottom: 0.8em;
}

.contacts-item__text {
  font-size: 19px;
}

.contacts-item__icon {
  width: 50px;
  height: 50px;
  fill: #969D7E;
  margin-left: 35px;
  pointer-events: none;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

/* payment-instruction */

.instruction-icon {
  position: absolute;
  left: -100px;
  pointer-events: none;
}

.instruction__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.instruction__title {
  text-transform: uppercase;
  margin-right: 40px;
  font-weight: 800;
  font-size: 26px;
}

.instruction__text {
  margin: 20px 0 !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 55%;
      -ms-flex: 0 1 55%;
          flex: 0 1 55%;
  font-size: 19px;
}

.instruction__imgs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.instruction__imgs img {
  margin: 5px 10px;
}

.instruction__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.instruction__info .btn {
  margin-right: 40px;
}

.instruction-list {
  list-style: none;
  max-width: 500px;
}

.instruction-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 40px;
}

.instruction-item__content {
  width: 40%;
}

.instruction-item__title {
  font-weight: 500;
  font-size: 26px;
  margin-bottom: 10px;
  line-height: 1.2;
}

.instruction-item__text {
  font-size: 19px;
}

.instruction-item__img {
  margin-top: -4%;
}

/* signup */

.signup {
  max-width: 60%;
  background-image: url(../img/signup-bg.png);
  background-position: left -300px center;
  background-repeat: no-repeat;
}

.signup.isopen {
  right: 0;
}

.signup__icon {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 70%;
  display: none;
}

.signup__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.signup__info {
  max-width: 350px;
  position: absolute;
  left: 100px;
  top: 80px;
}

.signup__title {
  line-height: 1;
  font-size: 59px;
  color: #09253A;
}

.signup__title h3 {
  text-transform: uppercase;
  font-size: 0.6em;
  /*line-height: 0.87;*/
  font-weight: 800;
}

.signup__title span {
  display: block;
  font-size: 2.17em;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(28.57%, #FF7E00), color-stop(108.12%, #F9CB54));
  background: -o-linear-gradient(top, #FF7E00 28.57%, #F9CB54 108.12%);
  background: linear-gradient(180deg, #FF7E00 28.57%, #F9CB54 108.12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

.signup_div {
  max-width: 500px;
  width: 50%;
  margin-left: auto;
  padding-left: 20px;
}
.reg_through_div {
  justify-content: space-around;
  padding-bottom: 20px;
}
.reg_through {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  color: #000;
}
.reg_through:hover {
  color: #FF7E00;
}
.reg_through.active {
  color: #FF7E00;
  text-decoration: underline;
}
/* .signup__form {
  max-width: 500px;
  width: 50%;
  margin-left: auto;
  padding-left: 20px;
} */

.signup__img {
  position: absolute;
  left: -15%;
  bottom: -20px;
  pointer-events: none;
  max-height: 100%;
}

/* profile */

.lk {
  top: 0;
  right: 0;
  position: fixed;
  width: calc(100% - 115px);
  background-color: #D0D3C6;
  height: 100vh;
  z-index: 2;
  -webkit-transition: right 0.6s ease;
  -o-transition: right 0.6s ease;
  transition: right 0.6s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lk-close {
  height: 50px;
  width: 50px;
  padding: 10px;
  fill: #969D7E;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}

.lk-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 50px;
  border-bottom: 1px solid rgba(150, 157, 126, 0.5);
}

.lk-body {
  height: 100%;
}

@supports (-webkit-touch-callout: none) {
  .lk-body {
    height: calc(100vh - 260px);
    padding-bottom: 100px;
  }
}

.lk-tab {
  display: none;
  height: 100%;
}

@supports (-webkit-touch-callout: none) {
  .lk-tab {
    padding-bottom: 100px;
  }
}

.lk-tab.isactive {
  display: block;
}

.lk-tab__aside {
  border-right: 1px solid #969D7E;
  max-width: 590px;
  width: 100%;
  overflow-y: auto;
  padding: 40px 50px;
  position: relative;
}

.lk-tab__main {
  height: 100%;
  width: 100%;
}

.profile {
  color: #09253A;
}

.profile-form__btn {
  font-size: 24px;
  padding: 1.33em 2.08em;
}

.profile-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile-nav__link {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 700;
  color: #09253A;
  margin-right: 3.5em;
}

.profile-nav__link:hover,
.profile-nav__link.isactive {
  text-decoration: none;
}

.profile-title {
  text-transform: uppercase;
  font-size: 26px;
  margin-bottom: 14px;
  color: #09253A;
  font-weight: 800;
}

.profile-balance {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.profile-balance__info {
  margin-bottom: 30px;
}

.profile-balance__cost {
  color: #FF7E00;
  font-weight: 700;
  font-size: 40px;
}

.profile-aside__head {
  margin-bottom: 22px;
}

.profile-aside__title {
  font-size: 26px;
  font-weight: 800;
}

.profile-aside__balance {
  font-size: 40px;
  font-weight: 700;
  color: #FF7E00;
}

.profile-aside__btn {
  font-size: 16px;
}

.profile-aside__step {
  font-weight: 800;
  font-size: 26px;
  margin-left: 2rem;
}

.profile-aside__step span {
  color: #969D7E;
}

.profile-aside__text {
  font-size: 19px;
  font-weight: 600;
  margin-bottom: 22px;
}

.profile-aside__btn {
  font-size: 24px;
  width: 100%;
  text-transform: uppercase;
}

.profile-aside-steps.isactive .profile-aside__close {
  display: block;
}

.profile-aside-step {
  display: none;
}

.profile-aside-step.isactive {
  display: block;
}

.profile-aside__close {
  background-color: #B0B799;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 50px;
  padding: 1rem;
  cursor: pointer;
  display: none;
}

.profile-aside__close__icon {
  fill: #686F54;
}

.profile-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}

.profile-bottom > * {
  margin-bottom: 20px;
}

.profile-link {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  color: #09253A;
  font-size: 21px;
}

.profile-link__icon {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 30px;
  width: 30px;
  fill: #FF7E00;
  margin-right: 10px;
}

.profile-link:hover {
  text-decoration: none;
}

.profile-main__btn {
  font-size: 22px;
  padding: 1.18em 3.09em;
}

.profile-main__title {
  color: #09253A;
  font-size: 26px;
  text-transform: uppercase;
  font-weight: 500;
}

.profile-main__login {
  margin-top: -30px;
  margin-bottom: 30px;
}

.profile-main__form {
  margin-bottom: 20px;
}

.profile-main__form-btn {
  font-size: 27px;
}

.profile-main__form .form-row {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.profile-main__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 40px;
  border-bottom: 1px solid #969D7E;
}

.profile-main__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 40px 50px;
}

.profile-main__body h2 {
  text-transform: uppercase;
  color: #09253A;
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 1.7em;
  font-weight: 500;
}

.profile-bonus {
  position: relative;
  margin: 30px 0;
  padding: 30px 0;
  overflow: hidden;
}

.profile-bonus-nav {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.profile-bonus-nav__item {
  font-weight: 800;
  font-size: 26px;
  text-transform: uppercase;
}

.profile-bonus-nav__item:not(:last-child) {
  margin-right: 40px;
}

.profile-info {
  position: relative;
  font-size: 22px;
  margin-bottom: 20px;
}

.profile-info__item {
  margin-bottom: 1rem;
}

.profile-info__item span {
  color: #969D7E;
}

.active-bonus {
  max-width: 900px;
  min-height: 320px;
  padding: 50px;
  border-radius: 3px;
  border: 1px solid #969D7E;
  overflow: hidden;
}

.active-bonus__item {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.active-bonus__loader {
  display: none;
}

.active-bonus__el {
  font-weight: 800;
  font-size: 19px;
  margin-bottom: 16px;
}

.active-bonus__name {
  font-weight: 500;
  font-size: 19px;
  margin-bottom: 25px;
}

.active-bonus__img {
  border-radius: 4px;
}

.active-bonus__col {
  width: calc(50% - 30px);
}

.active-bonus__cost {
  color: #FF7E00;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 0.88em;
  font-size: 22px;
}

.bonus {
  position: relative;
  background-color: #D0D3C6;
  padding: 38px 63px 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px;
}

.bonus::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 3px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='3' ry='3' stroke='%23969D7E' stroke-width='1' stroke-dasharray='10' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}

.bonus-offers__title {
  font-weight: 800 !important;
  margin-bottom: 24px !important;
}

.bonus-offers__list {
  display: grid;
  gap: 38px;
  grid-template-columns: 1fr 1fr 1fr;
}

.bonus-name {
  font-size: 19px;
  margin-bottom: 24px;
  font-weight: 500;
}

.bonus-img {
  border-radius: 4px;
  margin-bottom: 17px;
}

.bonus-text {
  font-size: 16px;
  margin-bottom: 24px;
  overflow: hidden;
}

.bonus-btn {
  margin-top: auto;
}

.confirm-popup {
  width: 100%;
  background-color: #D0D3C6;
  display: none;
}

.confirm-popup.isactive {
  display: block;
}

.confirm-popup.isactive + * {
  display: none;
}

.confirm-popup__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
}

.confirm-popup__close {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  margin-bottom: 10px;
  margin-left: 20px;
  white-space: nowrap;
  font-size: 21px;
}

.payments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.payments__item {
  margin: 0 1rem;
  max-height: 50px;
  max-width: 100px;
}

.payment-current__text {
  font-weight: 400;
  font-size: 16px;
}

.payment-current__logo {
  width: 130px;
  height: 86px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  background-image: url(../img/payment-logo-3.svg);
  margin-right: 24px;
}

.payment-list {
  margin: 30px 0 40px;
}

.payment-item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 15px 0;
}
.payment-sysytem-item {
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
  align-items: center;
  margin: 15px 0;
  justify-content: center;
}

.payment-item__input:checked ~ .payment-item__logo,
.payment-item__input:checked ~ .payment-item__logo:hover {
  border: 5px solid #02A927;
}

.payment-item__input:checked ~ .payment-item__text {
  font-weight: 600;
  text-decoration: none;
}

.payment-item__logo {
  width: 150px;
  height: 70px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border-radius: 4px;
  border: 1px dashed #969D7E;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 24px;
}

.payment-item__logo:hover {
  border: 2px solid #969D7E;
}

.payment-system-item__logo {
  width: 200px;
  height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  border-radius: 4px;
  border: 1px dashed #969D7E;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 24px;
}

.payment-system-item__logo:hover {
  border: 2px solid #969D7E;
}

.payment-item__text {
  text-decoration: underline;
}

.wallet {
  font-size: 24px;
}

/* login */

.login__row {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.login__icon {
  position: absolute;
  left: 0;
  top: 40%;
  pointer-events: none;
  z-index: 1;
  display: none;
}

.login__img {
  position: absolute;
  left: -42vmin;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  max-height: 100%;
}

.login__form {
  position: relative;
  width: 400px;
  margin-bottom: 30px;
}

/* req-pass */

.req-pass__title {
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 800;
  color: #09253A;
  font-size: 32px;
  line-height: 1.3;
}

.req-pass__row {
  display: flex;
  flex-direction: column;
}

.req-pass__icon {
  position: absolute;
  left: -100px;
  pointer-events: none;
  display: none;
}

.req-pass__img {
  position: absolute;
  left: -40vmin;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  max-height: 100%;
}

.req-pass__form {
  position: relative;
  max-width: 400px;
  margin-bottom: 30px;
}

/* change-pass */

.change-pass__img {
  position: absolute;
  left: -30%;
  top: 10vh;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  max-height: 100%;
}

/* tournaments */

.tournaments_modal__img {
  position: absolute;
  left: 0;
  margin-left: -243px;
  pointer-events: none;
}

.mobile-hidden {
  display: block;
}
.mt-hidden {
  display: table-cell;
}
.desktop-hidden {
  display: none;
}
.dt-hidden {
  display: none;
}
.tr-hidden {
  display: none;
}

/* bonus-history */

.bonus-history__img {
  position: absolute;
  left: 0;
  margin-left: -304px;
  pointer-events: none;
}

.bonus-history thead th:first-child {
  width: 60%;
}

.bonus-history tbody {
  font-size: 16px;
}

.bonus-history tbody tr {
  border-bottom: 1px solid #969D7E;
}

/* bonus-info */

.bonus-info__title {
  font-size: 26px;
  margin-bottom: 40px;
  font-weight: 800;
}

.bonus-info__img {
  margin: 40px 0;
  border-radius: 4px;
}

.bonus-info__content {
  margin-bottom: 50px;
}

.bonus-info__btn {
  font-size: 16px;
  min-width: 200px;
  max-width: 300px;
  width: 100%;
  height: 55px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.bonus-info__status {
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  min-width: 200px;
  max-width: 300px;
  height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.bonus-info__status--danger {
  color: #DB0303;
  border: 3px solid #DB0303;
}

.bonus-info__status--success {
  color: #02A927;
  border: 3px solid #02A927;
}


.profile__frame iframe {
  height: calc(100vh - 107px);
}


.deposit-frame {
  max-height: 100%;
  max-width: 100%; 
  display: none;
}
.deposit-frame.isopen {
  display: block;
}

/* message-center */

.message {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #D0D3C6;
  opacity: 0;
  right: -110%;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.message.isactive {
  opacity: 1;
  right: 0;
}

.message__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 35px;
}

.message__body {
  margin-bottom: 50px;
}

.message__title {
  text-transform: uppercase;
  font-size: 26px;
}

.message-center__img {
  position: absolute;
  left: -275px;
  pointer-events: none;
}

.message-center__item {
  font-size: 16px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #969D7E;
  text-decoration: none;
  display: block;
  color: #09253A;
}

.message-center__item h3 {
  font-size: inherit;
}

.message-center__item.active {
  color: #969D7E;
}

.message-center__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 15px;
}

/* promotion */

.promotion {
  padding: 70px 0;
  position: relative;
  margin-bottom: 130px;
}

.promotion-btn {
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 32px;
  text-align: center;
  text-decoration: none;
  background-color: #FF7E00;
  padding: 0.88em 1em;
  margin-bottom: 28px;
  max-width: 410px;
  width: 100%;
  -webkit-box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}

.promotion-btn:hover {
  background-color: #e67100;
}

.promotion--bg {
  background-color: rgba(0, 0, 0, 0.37);
}

.promotion-icon {
  pointer-events: none;
  position: absolute;
}

.promotion-icon--1 {
  top: 0;
}

.promotion-icon--2 {
  left: 65%;
  top: 5%;
  max-width: 120px;
}

.promotion-icon--3 {
  top: 0;
  left: 10%;
}

.promotion-icon--4 {
  right: 0;
}

.promotion-icon--5 {
  top: -25%;
  left: 0%;
}

.promotion-icon--6 {
  right: 15%;
  top: 55%;
  z-index: 2;
}

.promotion-icon--7 {
  top: 54%;
  left: 0%;
  z-index: 2;
}

.promotions {
  padding-top: 200px;
}

.promotions-head {
  margin-bottom: 85px;
  position: relative;
}

.promotions-title {
  font-weight: 900;
  font-size: 48px;
  margin-bottom: 10px;
}

.promotions-subtitle {
  font-weight: 700;
  font-size: 20px;
}

.promotion ul {
  list-style: none;
}

.promotion-content {
  width: 55%;
  z-index: 1;
}

.promotion-content__head {
  margin-bottom: 34px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.promotion-content__text {
  max-width: 40%;
  margin-right: 20px;
}

.promotion-content__title {
  font-size: 48px;
}

.promotion-img {
  width: 45%;
  pointer-events: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.promotion-img img {
  position: absolute;
}

.promotion--1 .gradient-text {
  font-size: 95px;
}

.promotion--2 .gradient-text {
  font-size: 95px;
}

.promotion--2 .promotion-img {
  position: relative;
  padding-right: 200px;
}

.promotion--2 .promotion__row {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.promotion--2 .promotion-content {
  width: 55%;
}

.promotion--2 .promotion-img {
  width: 25%;
}

.promotion--3 .promotion-img {
  width: 35%;
}

.promotion--3 .promotion-content {
  width: 65%;
}

.promotion--3 .promotion-content__text {
  max-width: 50%;
}

.promotion--4 {
  position: relative;
  padding: 0 !important;
  margin: 0;
}

.promotion--4 .promotion-content {
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.promotion__img {
  position: absolute;
  max-width: 25%;
}

.promotion__img--1 {
  left: -5%;
  top: 0;
}

.promotion__img--2 {
  right: 0;
}

.gradient-text--big {
  font-size: 143px !important;
}

.promotion-img-1 {
  position: absolute;
  bottom: 0;
  margin-bottom: -90px;
  /* margin-left: 15%; */
}

.promotion-img-2 {
  bottom: -100px;
  /* margin-bottom: -100px; */
}

.promotion-img-3 {
  right: -60px;
}

.promotion-img-4 {
  bottom: 0;
  margin-bottom: -45px;
  margin-left: -5%;
}

/* slot */

.slot {
  padding: 130px 0 30px;
  height: 105vh;
}

.slot-main {
  border: 4px solid #09253A;
  background-color: #09253A;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 770px;
  height: calc(100vh - 200px);
}

.slot-main__game {
  position: relative;
  /* background-color: #000; */
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #B0B4A6;
  background-image: url(../img/logo-light.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.slot-main__game iframe {
  position: absolute;
  max-height: 100%;
  max-width: 100%;
}

.slot-footer {
  position: fixed;
  width: calc(100% - 115px);
  bottom: 0;
  margin-top: auto;
  background-color: #09253A;
  z-index: 2;
}

.slot-footer::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  -webkit-box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.95);
          box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.95);
  z-index: 3;
}

.slot-footer-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding: 18px 0;
}

.slot-footer-nav__link {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.slot-footer-nav__link:hover,
.slot-footer-nav__link.active {
  color: #FF7E00;
}

.slot-footer-nav__icon {
  height: 24px;
  width: 24px;
  margin-right: 10px;
  fill: currentColor;
}

.slot-footer-tabs {
  padding-top: 10px;
  border-bottom: 1px;
  background-image: url("data:image/svg+xml,%3Csvg width='1599' height='1' viewBox='0 0 1599 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='4.37114e-08' y1='0.5' x2='1599' y2='0.50014' stroke='%232E3D48' stroke-dasharray='9 9'/%3E%3C/svg%3E%0A");
  background-repeat: repeat-x;
  background-position: bottom center;
  position: absolute;
  bottom: -400%;
  background-color: #09253A;
  width: 100%;
  -webkit-transition: bottom 0.35s linear;
  -o-transition: bottom 0.35s linear;
  transition: bottom 0.35s linear;
}

.slot-footer-tabs::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  -webkit-box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.95);
          box-shadow: 0px 0px 19px 3px rgba(0, 0, 0, 0.95);
  z-index: 3;
}

.slot-footer-tabs.active {
  bottom: 60px;
  display: block;
}

.slot-footer-tabs__item {
  display: none;
  overflow: hidden;
  padding: 0 50px;
}

.slot-footer-tabs__item.isactive {
  display: block;
}

.slot-footer-tabs__close {
  top: -30px;
  left: 50px;
  position: absolute;
  height: 30px;
  width: 54px;
  background-color: #09253A;
  cursor: pointer;
  overflow: hidden;
}

.slot-footer-tabs__close::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.89289 3.24249e-05L0 1.89292L7.57155 9.46447L9.46444 11.3567L11.3573 9.46447L18.9289 1.89292L17.036 3.24249e-05L9.46444 7.57159L1.89289 3.24249e-05Z' fill='%23FF7E00'/%3E%3C/svg%3E%0A");
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-animation: zoomAnim 1s ease-in infinite alternate;
          animation: zoomAnim 1s ease-in infinite alternate;
}

.slot-footer-tabs .game {
  width: 130px;
  height: 90px;
}

.slot-footer-tabs .game-demo {
  opacity: 0;
}

.slot-footer-tabs .game-wrap__title {
  opacity: 0;
}

@-webkit-keyframes zoomAnim {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomAnim {
  0% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.wins {
  position: relative;
  height: inherit;
  width: 0px;
  height: 100%;
}

.wins.active {
  width: 250px;
  padding: 20px 10px 0 18px;
}

.wins-title {
  font-size: 20px;
}

.wins-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.wins-wrap::before {
  content: "";
  position: absolute;
  pointer-events: none;
  bottom: 0;
  width: 100%;
  height: 10px;
  background-color: #09253A;
  -webkit-box-shadow: 0px -9px 24px 22px #09253A;
          box-shadow: 0px -9px 24px 22px #09253A;
  z-index: 1;
}

.wins-nav {
  position: absolute;
  background-color: #031F34;
  top: -4px;
  right: -44px;
}

.wins-nav__icon {
  height: 16px;
  width: 16px;
}

.wins-nav__btn {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: block;
  height: 40px;
  width: 40px;
  padding: 5px;
  fill: #F4FBE0;
}

.wins-nav__btn:hover {
  background-color: rgba(244, 251, 224, 0.1);
}

.wins-nav__btn--primary {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  fill: #FF7E00;
}

.wins-nav__btn--primary.active {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  fill: #F4FBE0;
}

.wins-head {
  font-weight: 600;
  margin-bottom: 20px;
  fill: #F4FBE0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.wins-head__icon {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}

.wins-list {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding-bottom: 40px;
}

.wins-list::-webkit-scrollbar-thumb {
  background-color: #0A304E;
}

.wins-list .winner {
  margin-right: 0;
  margin-bottom: 30px;
}

/* footer */

.footer {
  padding-top: 70px;
  padding-bottom: 18px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.footer-brands {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0 20px;
}

.footer-brands__item {
  margin: 10px 20px;
}
.footer-telegram {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}
.footer-info {
  /* text-align: center; */
  max-width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
}

.footer-info__title {
  font-weight: 700;
  font-size: 37px;
  margin-bottom: 27px;
  text-align: center;
}

.footer-info__text {
  color: #C6D0BD;
  line-height: 1.6;
  font-size: 12px;
  margin-bottom: 2.5em;
}

.footer__row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-nav {
  max-width: 720px;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: center;
      -ms-flex-pack: justify;
          justify-content: center;
  margin: 20px;
}

.footer-nav-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.footer-nav-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.footer-nav-row {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.footer-nav__link {
  color: #F4FBE0;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  padding: 0.5em 1em;
}
.footer-nav__link_other {
  color: #F4FBE0;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  padding: 0.5em 1em;
}

.footer__copyright {
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}

.footer-bottom {
  padding: 50px 0;
}

/* 404 */

.err-page {
  position: relative;
  width: 100%;
  background-color: #D0D3C6;
  color: #969D7E;
  font-weight: 700;
  overflow: hidden;
}

.err-page__icon {
  position: absolute;
  z-index: 2;
}

.err-page__icon--1 {
  left: -50px;
  top: 80%;
}

.err-page__icon--2 {
  left: 45%;
  top: 20%;
}

.err-page__icon--3 {
  top: 60%;
  left: 60%;
}

.err-page__icon--4 {
  right: 0;
  top: 30%;
}

.err-page__row {
  height: 100vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.err-page__content {
  padding-right: 50px;
}

.err-page__img {
  padding: 0 50px 0 100px;
  width: 40%;
}

.err-page-img {
  position: absolute;
  top: 10vmin;
  max-height: 100%;
}

.err-page__title {
  font-weight: 800;
  font-size: 160px;
  color: #09253A;
}

.err-page__title span {
  color: #969D7E;
}


/* Minimum aspect ratio */
@media (aspect-ratio: 19/9) {
  .hero-image {
      width: 70%;
      margin-top: -60%;
  }
  .hero-slide--5 .hero-content__title {
      font-size: 25px;
  }
  .hero-slide--6 .hero-content__title {
    font-size: 25px;
  }
  .hero-slide--6  .hero-content__title  {
    margin-bottom: 10px;
  }
  .hero-slide--6  .hero-content__title  
  span{
      font-size: 20px;
      /* line-height: 1.3; */
      /* margin-bottom: 0.8em; */
  }
  div {
    background: rgb(153, 255, 170); /* cyan */
  }
}


/* Exact aspect ratio, put it at the bottom to avoid override*/

@media (min-width: 781px) {
  .swiper-container {
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;
  }

  .swiper-container:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }

  .swiper-container:hover .games-slider__btn {
    opacity: 1;
  }

  .game:hover {
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
  }

  .game:hover .game-wrap {
    opacity: 1;
    pointer-events: auto;
  }

  .game:hover::before {
    opacity: 1 !important;
  }

  .filter-link:hover {
    color: #FF7E00;
  }
  .filter-link-div:hover {
    color: #FF7E00;
  }

  .lk-body {
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .lk-tab.isactive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .profile-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 1201px) {
  #profile-tab .profile-main__body {
    padding-left: 100px;
  }
}

@media (min-width: 1300px) {
  .promo-games .swiper-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 1921px) {
  .change-pass__img {
    left: -25%;
  }
}

@media (min-width: 2000px) {
  .signup {
    max-width: 50%;
  }
  .games-slider__btn--prev {
    left: 100px;
    background-image: url(../img/slider-arr-left.svg);
  }
  
  .games-slider__btn--next {
    right: 100px;
    background-image: url(../img/slider-arr-right.svg);
  }
}

@media (max-width: 1700px) {
  .promo-img {
    padding: 0;
  }

  .promo-img__2 {
    width: 40%;
  }
}

@media (max-width: 1600px) {
  .change-pass__img {
    left: -40%;
  }

  .promotion--2 .promotion-img {
    width: 30%;
  }
}

@media (max-width: 1400px) {
  .modal {
    max-width: 80%;
  }

  .modal-content {
    padding: 60px;
  }

  .modal-close {
    right: 30px;
    top: 30px;
  }

  .desktop-center {
    display: none;
  }

  .hero-icon--5 {
    top: 0;
    max-width: 100px;
  }

  .hero-content {
    width: 50%;
    max-width: 300px;
  }

  .hero-content__title {
    font-size: 34px;
  }

  .hero-content__btn {
    font-size: 24px;
  }

  .hero-slide--1 .hero-content__title span {
    font-size: 80px;
    margin-bottom: 10px;
  }

  .hero-slide--1 .hero-img {
    left: calc(-35% - 5vw);
  }

  .hero-slide--1 .hero-img-2 {
    width: 50%;
  }

  .hero-slide--2 .hero-content__title span {
    font-size: 80px;
    margin-bottom: 10px;
  }

  .hero-slide--2 .hero-img {
    left: calc(-30% - 5vw);
  }

  .hero-slide--2 .hero-img-2 {
    width: 70%;
    left: calc(35% - 5vw);
    bottom: 5%;
  }

  .hero-slide--3 .hero-content__title span {
    font-size: 80px;
    margin-bottom: 10px;
  }

  .hero-slide--3 .hero-img {
    max-width: 640px;
    left: calc(-25% - 5vw);
  }

  .jingle-text-header {
    font-size: 30px;
  }
  .jingle-text-tour {
    font-size: 50px !important;
  }
  .jingle-text {
    font-size: 25px;
  }

  .hero-slide__pagination {
    right: 10px;
  }

  .games-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .filter-link {
    font-size: 16px;
    margin-right: 20px;
  }
  .filter-link-div {
    font-size: 16px;
    margin-right: 20px;
  }

  .about-img {
    left: -22vmin;
  }

  .bonus {
    padding: 40px;
  }

  .change-pass__img {
    left: -30%;
  }

  .bonus-history__img {
    display: none;
  }

  .message-center__img {
    display: none;
  }

  .promotion-icon--7 {
    display: none;
  }

  .promotion-content__head {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .promotion-content__text {
    max-width: 100%;
  }

  .promotion--1 .promotion-content__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--1 .promotion-content__head span {
    margin-right: 0;
    font-size: 60px;
  }

  .promotion--1 .promotion-content__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--2 .promotion-content {
    width: 50%;
  }

  .promotion--2 .promotion-content__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--2 .promotion-content__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--2 .promotion-img {
    width: 40%;
  }

  .promotion--3 .promotion-content__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--3 .promotion-content__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--3 .promotion-img {
    width: 40%;
  }

  .promotion--3 .promotion-content {
    width: 60%;
  }

  .promotion--3 .promotion-content__text {
    max-width: 100%;
  }

  .gradient-text--big {
    font-size: 60px !important;
  }

  .promotion-img-1 {
    margin-left: 5%;
    margin-bottom: unset;
    bottom: 0;
  }

  .promotion-img-4 {
    margin-left: -15%;
    width: 55%;
    margin-bottom: 0px;
  }

  .err-page__icon--2 {
    width: 15%;
    left: 50%;
    top: 15%;
  }

  .err-page__icon--3 {
    width: 15%;
    left: 70%;
  }

  .err-page__icon--4 {
    width: 15%;
  }

  .err-page__img {
    padding: 0 50px;
  }
}

@media (max-width: 1300px) {
  .footer {
    background-position: center bottom;
    background-size: cover;
  }
}

@media (max-width: 1200px) {
  .table thead {
    font-size: 16px;
  }

  .table tbody {
    font-size: 14px;
  }

  .desktop-side {
    width: 50%;
  }

  .hero {
    min-height: auto;
  }

  .hero-slide--1 .hero-img-2 {
    display: none;
    left: 50%;
  }

  .hero-slide--2 .hero-img {
    max-width: 600px;
  }

  .hero-slide--2 .hero-img-2 {
    display: none;
  }

  .hero-slide--3 .hero-img {
    max-width: 550px;
    left: calc(-35% - 5vw);
  }

  .games-head__links {
    display: none;
  }

  .games-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .slots {
    background-size: 1200px;
  }

  .slots-head__links {
    display: none;
  }

  .promo-icon--1 {
    left: -15vw;
  }

  .promo-icon--2 {
    left: -5vw;
  }

  .promo-img {
    padding: 0;
  }

  .bonus-offers__list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .promotion-img-1 {
    margin-left: -5%;
  }

  .promotion-img-3 {
    right: -100px;
    display: none;
  }

  .err-page__content {
    padding-left: 0;
    padding-right: 0;
  }

  .err-page__title {
    font-size: 100px;
  }
}

@media (max-width: 1100px) {
  .signup {
    max-width: 100%;
  }

  .signup__img {
    display: none;
  }

  .req-pass__img {
    display: none;
  }

  .change-pass__img {
    display: none;
  }
}

@media (max-width: 980px) {
  .hero-icon--4 {
    display: none;
  }

  .hero-slide--1 .hero-img {
    max-width: 600px;
  }

  .hero-slide--2 .hero-img {
    max-width: 450px;
  }

  .hero-slide--3 .hero-img {
    width: 150%;
  }

  .games-head {
    margin-bottom: 50px;
  }

  .filter-link {
    max-width: 120px;
  }
  .filter-link-div {
    max-width: 120px;
  }

  .slots-icon--1 {
    max-width: 100px;
    bottom: -60px;
  }

  .slots-icon--2 {
    max-width: 150px;
    bottom: -150px;
  }

  .promo-img {
    display: none;
  }

  .about-img {
    display: none;
  }

  .signup__info {
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 40px;
    max-width: 100%;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }

  .signup__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .signup__title span {
    margin-right: 20px;
  }

  .signup_div {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .lk-head {
    padding: 30px 20px 20px;
  }

  .lk-tab__aside {
    padding: 30px 20px;
    max-width: 300px;
  }

  .profile-aside__balance {
    font-size: 30px;
    margin: 10px 16px 10px 0;
  }

  .profile-main__head {
    padding: 30px 20px;
  }

  .profile-main__body {
    padding: 30px 20px;
    background-image: none;
  }

  .login__img {
    display: none;
  }

  .promotion-icon {
    display: none;
  }

  .promotions-head {
    margin-bottom: 50px;
  }

  .promotion-content__title {
    font-size: 40px;
  }

  .promotion--2 .promotion-img {
    padding-right: 100px;
  }

  .promotion--2 .promotion-content {
    width: 60%;
  }

  .promotion--2 .promotion-img {
    width: 40%;
  }

  .promotion--4 .promotion-content {
    width: 100%;
  }

  .promotion__img {
    display: none;
  }

  .promotion-img-4 {
    margin-left: -20%;
  }
}

@media (max-width: 780px) {
  .section-how-to .list-numbered {
      max-width: 80%;
      margin: 0 auto;
  }
  .profile__frame iframe {
    height: calc(100vh - 190px);
  }
  .mobile-lang {
    display: block;
    /* height: calc(100vh - 120px); */
  }
  .promo-content__title {
    font-size: 20px;
  }
  .mobile-bottom-lang {
    left: 0;
  }
  .mobile__lang-close.isactive {
		display: block;
    cursor: pointer;
	}
	.mobile-lang__list.isactive {
		left: 0;
	}
  .forgot-pass {
    padding-left: 0px;
  }
  .swiper .game {
    width: 170px;
    height: 114px;
  }

  .swiper-wrapper {
    padding: 16px 0;
  }

  html {
    padding-bottom: 60px;
  }

 /*  html.bodylock .body-overlay {
    background-color: rgba(150, 157, 126, 0.9);
  } */

  body {
    background-size: 1600px 1600px;
    padding-left: unset !important;
  }

  .main,
  .footer {
    width: unset;
    left: 0;
  }

  .container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .slots-head__row {
    padding-top: 0px;
  }

  .modal {
    max-width: 100%;
  }

  .modal-content__title {
    text-align: center;
  }

  .menu-sidebar {
    display: none;
  }
  .langmenu {
    display: none;
  }
  .langmenu-mobile {
    display: block;
  }

  .mainmenu {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#D0D3C6), to(#D0D3C6));
    background-image: -o-linear-gradient(bottom, #D0D3C6, #D0D3C6);
    background-image: linear-gradient(0deg, #D0D3C6, #D0D3C6);
    width: 100%;
    height: calc(100vh - 120px);
    height: calc(var(--app-height) - 120px);
    top: 60px;
  }

  .mainmenu-close {
    display: none;
  }

  .mainmenu-head {
    background-color: #C4C9BE;
  }

  .mainmenu-head__logo {
    display: none;
  }

  .mainmenu-tab {
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    padding: 0;
    border: 0;
  }

  .mainmenu-tab__btn {
    color: #09253A;
  }

  .mainmenu-body {
    background-image: url(../img/mobilemenu-bg.png);
    background-repeat: no-repeat;
    background-position: left center;
  }

  .mainmenu__link {
    color: #09253A;
    font-size: 24px;
    margin-bottom: 30px;
  }

  .searchmenu {
    height: calc(100vh - 120px);
    top: 60px;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .searchmenu.isopen {
    left: 0;
  }

  .searchmenu-close {
    right: 20px;
    top: 20px;
    fill: #969D7E;
    height: 24px;
    width: 24px;
  }

  .mobilemenu {
    display: block;
  }

  .header {
    width: 100%;
  }

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
    -webkit-box-shadow: 0px -1px 20px 15px rgba(2, 12, 19, 0.4);
            box-shadow: 0px -1px 20px 15px rgba(2, 12, 19, 0.4);
  }

  .mobile-burger {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
  }

  .logo {
    max-width: 80px;
    margin: 10px 0;
  }

  .hero {
    padding-top: 0;
  }

  .hero-icon--1 {
    left: auto;
    right: 5%;
    top: 40%;
  }

  .hero-icon--2 {
    left: -100px;
    top: 30%;
    -webkit-transform: rotate(-70deg);
        -ms-transform: rotate(-70deg);
            transform: rotate(-70deg);
  }

  .hero-icon--3 {
    right: 0;
    left: auto;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }

  .hero-icon--5 {
    display: none;
  }

  .hero__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .hero-image {
    width: 100%;
  }

  .hero-top {
    margin-bottom: 0;
  }

  .hero-content {
    position: relative;
    max-width: 100%;
    width: 100%;
    padding: 40px 20px 80px;
    background-color: rgba(0, 0, 0, 0.34);
    margin-bottom: 0;
  }

  .hero-content__title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .hero-content__btn {
    width: unset;
    padding: 19px;
  }

  .hero-content__btn::before {
    display: none;
  }

  .hero-bottom {
    background-color: transparent;
    padding: 20px 0;
  }

  .hero-slider__nav {
    display: none;
  }

  .winners {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.34);
    margin-top: 5px;
  }

  .hero-slide {
    padding-top: 0;
  }

  .hero-slide .container {
    padding: 0;
  }

  .hero-slide .hero__row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .hero-slide--1 .hero-img {
    position: relative;
    left: unset;
    bottom: -120px;
    z-index: 3;
  }

  .hero-slide--1 .hero-img-2 {
    display: block;
    width: 30%;
    bottom: 120px;
    left: calc(50% + 10vw);
    z-index: 3;
  }

  .hero-slide--2 .hero-img {
    position: relative;
    left: unset;
    bottom: -40px;
    z-index: 3;
  }

  .hero-slide--2 .hero-img-2 {
    display: block;
    left: calc(50% - 5vw);
    width: 50%;
  }

  .hero-slide--3 .hero-img {
    position: relative;
    left: unset;
    bottom: -40px;
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .hero-slide__pagination {
    bottom: 20px;
    left: 0;
    top: unset;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .game-wrap__title {
    font-size: 22px;
  }

  .game-wrap__close {
    display: block;
  }

  .games-head {
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .games-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .games-slider__btn {
    display: none;
  }

  .filter-link {
    font-size: 14px;
  }
  .filter-link-div {
    font-size: 14px;
  }

  .slots-icon--1 {
    left: 0;
  }

  .slots-head {
    padding: 100px 0 0 0;
    width: 100%;
  }

  .promo {
    padding: 50px 0;
  }

  .promo-icon--1 {
    left: -25vw;
  }

  .promo-icon--2 {
    left: -10vw;
  }

  .promo-icon--3 {
    display: none;
  }

  .promo-icon--4 {
    left: 44%;
  }

  .promo-icon--5 {
    top: 30%;
    left: -60px;
  }

  .promo-icon--6 {
    max-width: 200px;
    top: -70px;
  }

  .promo-content__btn::before {
    display: none;
  }

  .promo-img {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -100px;
  }

  .promo-img img {
    max-width: 70%;
  }

  .promo-img img:nth-child(2) {
    margin-left: -15vw;
  }

  .promo-game {
    margin: 0.5rem;
    max-width: 170px;
  }

  .promo-game__img {
    height: 140px;
  }

  .about-icon {
    max-width: 180px;
    display: block;
  }

  .faq-icon {
    top: -70px;
  }

  .faq-logo {
    display: none;
  }

  .contacts-icon {
    top: -40px;
  }

  .contacts-item__icon {
    margin-left: 35px;
  }

  .instruction-icon {
    max-width: 180px;
    left: -80px;
  }

  .instruction__title {
    margin-right: 20px;
    font-size: 22px;
  }

  .instruction__text {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }

  .instruction__text {
    font-size: 16px;
  }

  .signup__icon {
    display: block;
  }

  .signup__title {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-size: 34px;
  }

  .signup__title h3 {
    line-height: 1.1;
  }

  .lk {
    top: 60px;
    width: 100%;
    height: calc(100vh - 120px);
  }

  .lk-close {
    height: 40px;
    width: 40px;
    margin-right: -5px;
  }

  .lk-body {
    height: calc(100vh - 180px);
  }

  .lk-tab {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding-bottom: 100px;
  }

  .lk-tab__aside {
    padding: 40px 20px;
    max-width: 100%;
    overflow-y: unset;
    border-right: 0;
    border-bottom: 1px solid rgba(150, 157, 126, 0.5);
  }

  .lk-tab__main {
    height: unset;
  }

  .profile-nav__link {
    font-size: 18px;
    margin-right: 2.5em;
  }

  .profile-balance {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .profile-balance__info {
    margin-bottom: 0;
  }

  .profile-aside__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .profile-aside__balance {
    font-size: 22px;
  }

  .profile-aside__btn {
    font-size: 12px;
  }

  .profile-aside__btn {
    font-size: 21px;
  }

  .profile-main__title {
    font-size: 22px;
  }

  .profile-main__body {
    overflow-y: unset;
  }

  .active-bonus {
    padding: 30px;
  }

  .active-bonus__img {
    margin-bottom: 24px;
  }

  .bonus {
    padding: 30px 20px;
  }

  .login__icon {
    display: block;
  }

  .req-pass__icon {
    display: block;
    max-width: 180px;
    bottom: 0;
  }

  .promotion {
    padding: 50px 0;
  }

  .promotions {
    padding-top: 120px;
  }

  .promotion-content__text {
    margin-right: 0;
  }

  .promotion-content__title {
    font-size: 24px;
  }

  .promotion-content__title br {
    display: none;
  }

  .promotion--1 .gradient-text {
    font-size: 70px;
  }

  .promotion--2 .gradient-text {
    font-size: 70px;
  }

  .promotion--2 .promotion-img {
    padding-right: 0;
    margin-bottom: 200px;
  }

  .promotion-img-1 {
   /*  max-height: 115%;
    height: 115%; */
    max-width: unset;
    width: 50%;
    margin-bottom: 100px;
  }

  .promotion-img-2 {
    margin-bottom: -90px;
  }

  .slot {
    padding: 90px 0 30px;
  }

  .slot .container {
    padding-right: 50px;
  }

  .slot-main {
    height: calc(100vh - 170px);
  }

  .footer {
    padding-bottom: 70px;
  }

  .footer-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .err-page {
    overflow: unset;
  }

  .err-page__icon--1 {
    top: 10%;
    left: 0;
    max-width: 40%;
  }

  .err-page__icon--2 {
    display: none;
  }

  .err-page__icon--3 {
    display: none;
  }

  .err-page__icon--4 {
    top: 40%;
    width: 30%;
  }

  .err-page__row {
    height: unset;
  }

  .err-page__content {
    padding: 50px 0;
    text-align: center;
  }

  .err-page__img {
    position: relative;
    width: unset;
    padding: 0;
  }

  .err-page-img {
    top: unset;
    position: relative;
    max-width: 70%;
    margin: 0 auto;
  }
}

@media (max-width: 780px) and (max-width: 560px) and (max-width: 380px) {
  .hero-slide--2 .hero-img-2 {
    display: none;
  }
  .hero-slide--3 .hero-image {
    display: none;
  }
  
}
@media (max-width:380px) {
  /* .hero-image {
    width: 50%;
    margin-top: 40px;
  }
  .hero-content__title {
    font-size: 20px;
  } */
  .hero-content__title {
    font-size: 30px !important;
  }
  .jingle-text-tour {
    font-size: 35px !important;
  }
  .hero-slide--3 .hero-content__title span {
    font-size: 50px !important;
  }
  .jingle-text-header {
    font-size: 25px;
  }
  .jingle-text {
    font-size: 22px;
  }
  .mobilemenu-mail {
    padding: 20px 10px 0 10px !important;
  }
  .hero-content {
    min-height: 500px;
  }
}
@media (max-width: 600px) {
  .games-filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }

  .filter {
    overflow: auto !important;
    margin: 0 10px;
  }

  .filter-btn {
    display: block;
  }
}

@media (max-width: 580px) {
  .promo-img img:nth-child(2) {
    max-width: 60%;
    margin-left: -24vw;
  }

  .profile-aside__title {
    font-size: 22px;
  }

  .profile-main__btn {
    font-size: 19px;
  }

  .profile-bonus::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    pointer-events: none;
    border-width: 1px 0;
    border-style: solid;
    border-color: #969D7E;
  }

  .active-bonus {
    padding: 0;
    border: 0;
  }

  .active-bonus__col {
    width: 100%;
  }

  .bonus {
    padding: 30px 0 15px;
  }

  .bonus::after {
    height: 1px;
    width: 100%;
    bottom: 0;
    border-radius: 0;
    top: auto;
    background-image: url('data:image/svg+xml,%3Csvg width="390" height="1" viewBox="0 0 390 1" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cline opacity="0.5" y1="0.5" x2="390" y2="0.5" stroke="%23969D7E" stroke-dasharray="10 10"/%3E%3C/svg%3E%0A');
  }

  .bonus-offers__title {
    font-size: 22px !important;
  }

  .bonus-offers__list {
    gap: 0;
    grid-template-columns: 1fr;
  }

  .promotion--2 .promotion-content__head {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--3 .promotion-content__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .promotion--3 .promotion-content__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .promotion--3 .promotion-img {
    width: 45%;
  }

  .promotion--3 .promotion-content {
    width: 55%;
  }

  .promotion-img-1 {
    left: 0;
    margin-left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }

  .promotion-img-4 {
    margin-left: 0;
    margin-bottom: 150px;
    left: 0;
  }
}

@media (max-width: 560px) {
  .hero-bg--1 {
    background-image: url(../img/hero-bg-1-xs.jpg);
  }

  .hero-bg--2 {
    background-image: url(../img/hero-bg-2-xs.jpg);
  }

  .hero-bg--3 {
    background-image: url(../img/hero-bg-3-xs.jpg);
  }
  .hero-bg--4 {
    background-image: url(../img/hero-bg-3-xs.jpg);
  }
  .hero-bg--5 {
    background-image: url(../img/hero-bg-3-xs.jpg);
  }
  .hero-bg--6 {
    background-image: url(../img/hero-bg-3-xs.jpg);
  }
  .hero-bg--def {
    background-image: url(../img/hero-bg-3-xs.jpg);
  }

  .hero-slide .hero-img {
    margin-top: -130px;
  }

  .hero-slide--1 .hero-content__title span {
    font-size: 80px;
  }

  .hero-slide--1 .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 390px;
  }

  .hero-slide--1 .hero-img-2 {
    display: none;
  }

  .hero-slide--2 .hero-content__title span {
    font-size: 80px;
  }

  .hero-slide--2 .hero-img {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .hero-slide--3 .hero-content__title span {
    font-size: 80px;
  }
  .jingle-text-tour {
    font-size: 45px !important;
  }
  .hero-slide--3 .hero-img {
    max-width: 370px;
    bottom: -70px;
  }

  .hero-slide .swiper-pagination-bullet--svg-animation {
    margin: 5px 20px;
  }
}

@media (max-width: 480px) {
  .footer-nav-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		text-align: center;
	}
  body {
    overflow-x: hidden;
  }

  body::before {
    -webkit-box-shadow: 0 10px 150px 50px #09253A;
            box-shadow: 0 10px 150px 50px #09253A;
  }

  .bg-repeat {
    background-size: 500px auto !important;
  }

  .modal-content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 60px 40px 150px;
  }

  .modal-content__title {
    margin-bottom: 20px;
  }

  .modal-content__text {
    font-size: 16px;
    margin-bottom: 50px;
  }

  .modal-content__link {
    font-size: 16px;
  }

  .modal-close {
    padding: 5px;
    border-radius: 4px;
    right: 20px;
    top: 20px;
  }

  .col-5 {
    max-width: 100%;
  }

  .col-5:not(:last-child) {
    margin-right: 0;
  }

  .accordion-item__head {
    padding: 1rem 50px 1rem 0px;
  }

  .accordion-item__content {
    padding: 0 0 10px 0;
  }

  .table tbody {
    font-size: 14px;
  }

  .table td {
    padding: 6px 4px;
  }

  .form-field {
    margin-bottom: 30px;
    font-size: 19px;
  }

  .form-text {
    font-size: 13px;
  }

  .form__search {
    font-size: 20px;
  }

  .btn--lg {
    font-size: 22px;
  }

  .btn--md {
    font-size: 18px;
  }

  .btn--sm {
    font-size: 16px;
    width: 100%;
  }

  .btn--xs {
    font-size: 16px;
    width: 100%;
  }

  .mainmenu-body {
    background-size: contain;
  }

  .searchmenu__form {
    margin-bottom: 30px;
  }

  .searchmenu__result {
    padding-bottom: 50px;
  }

  .game-item__img {
/*    width: 40%;*/
    margin-right: 20px;
  }

  .game-item__name {
    font-size: 14px;
  }

  .hero {
    overflow: hidden;
    padding-top: 70px;
  }

  .hero-icon {
    display: none;
  }

  .hero-icon--1 {
    right: -5%;
    top: 30%;
  }

  .hero-icon--3 {
    top: 5%;
  }

  .hero-content__title.d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }

  .hero-content__title.d-flex br {
    display: none;
  }

  .hero-content__info {
    font-size: 9px;
  }

  .hero-bottom__title {
    font-size: 18px;
  }

  .winners {
    padding: 10px 20px;
  }

  .winner-img {
    margin-right: 10px;
  }

  .games {
    background-image: url(../img/games-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  .games-list {
    grid-template-columns: 1fr 1fr;
  }

  .filter-link {
    margin-right: 10px;
  }
  .filter-link-div {
    margin-right: 10px;
  }

  .promo-icon--1 {
    bottom: -30px;
    left: -100px;
    max-width: 200px;
  }

  .promo-icon--2 {
    top: -50px;
    left: -5vw;
    max-width: 100px;
  }

  .promo-icon--4 {
    display: none;
  }

  .promo-icon--6 {
    top: -50px;
    max-width: 150px;
  }

  .promo-icon--7 {
    max-width: 50px;
  }

  .promo-content__title {
    font-size: 22px;
  }

  .promo-content__title span {
    margin: 16px 0;
  }

  .promo-img {
    margin-bottom: -10px;
  }

  .promo-game__title {
    font-size: 18px;
  }

  .promo-game__text {
    font-size: 12px;
  }

  .about-icon {
    display: none;
  }

  .about-logo {
    margin: 0 auto;
  }

  .faq-accordion__title {
    font-size: 17px;
  }

  .faq-accordion__text {
    font-size: 15px;
  }

  .contacts {
    overflow: hidden;
  }

  .contacts-list {
    width: 80%;
  }

  .contacts-icon {
    display: none;
  }

  .contacts-img {
    margin-left: auto;
    margin-right: auto;
  }

  .contacts-item__title {
    font-size: 17px;
  }

  .contacts-item__icon {
    position: absolute;
    right: -50px;
  }

  .instruction-icon {
    display: none;
  }

  .instruction__imgs img {
    max-width: 80%;
    margin: 5px;
  }

  .instruction__info .btn {
    margin-right: 0;
    width: 100%;
  }

  .instruction__info {
    margin: 20px 0;
  }

  .instruction-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .instruction-item__content {
    width: 100%;
  }

  .instruction-item__title {
    font-size: 22px;
  }

  .instruction-item__text {
    font-size: 16px;
  }

  .instruction-item__img {
    margin-top: 0;
  }

  .signup {
    background-position: right center;
  }

  .signup__info {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
    -webkit-box-ordinal-group: unset;
    -webkit-order: unset;
        -ms-flex-order: unset;
            order: unset;
  }

  .signup__title {
    -webkit-flex-wrap: unset;
        -ms-flex-wrap: unset;
            flex-wrap: unset;
    font-size: 20px;
    text-align: left;
  }

  .signup__title span {
    margin-right: 10px;
  }

  .lk-head {
    padding: 30px 20px 20px;
  }

  .profile-form__btn {
    font-size: 21px;
  }

  .profile-nav {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }

  .profile-nav__link {
    font-size: 15px;
    margin: 0;
  }

  .profile-title {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .profile-balance__cost {
    font-size: 22px;
  }

  .profile-aside__head .btn {
    font-size: 12px;
    padding: 10px 15px;
  }

  .profile-aside__step {
    font-size: 22px;
  }

  .profile-aside__text {
    font-size: 16px;
  }

  .profile-aside__close {
    height: 40px;
    width: 40px;
    padding: 0.8rem;
  }

  .profile-bottom > * {
    margin-bottom: 10px;
  }

  .profile-link {
    font-size: 19px;
  }

  .profile-main__title {
    font-weight: 800 !important;
  }

  .profile-main__form-btn {
    font-size: 19px;
    width: 100%;
  }

  .profile-main__head .btn {
    font-size: 14px;
  }

  .profile-main__body h2 {
    font-size: 22px;
    margin-bottom: 1.5em;
  }

  .profile-bonus-nav__item {
    font-size: 18px;
  }

  .profile-bonus-nav__item:not(:last-child) {
    margin-right: 18px;
  }

  .profile-info {
    font-size: 20px;
    margin-bottom: 60px;
  }

  .profile-info::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: -20px;
    height: 1px;
    background-color: #969D7E;
    width: calc(100% + 40px);
  }

  .active-bonus__loader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .active-bonus__el--wager {
    display: none;
  }

  .bonus-img {
    margin-bottom: 27px;
  }

  /* .bonus-text {
    height: 40px;
  } */

 /*  .bonus-btn {
    display: none;
  } */

  .payments__item {
    margin: 0 0.5rem;
    max-height: 50px;
    max-width: 100px;
  }

  .payment-current__text {
    font-size: 14px;
  }

  .payment-current__logo {
    margin-right: 12px;
  }

  .login__form {
    width: 100%;
  }

  .req-pass__title {
    font-size: 26px;
  }

  .req-pass__form {
    width: 100%;
  }

  .bonus-history tbody {
    font-size: 14px;
  }

  .bonus-info__title {
    font-size: 18px;
  }

  .message__body {
    margin-bottom: 20px;
  }

  .message__title {
    font-size: 18px;
  }

  .message-center__item p {
    font-size: 14px;
  }

  .promotion {
    padding: 30px 0;
    margin-bottom: 60px;
  }

  .promotion-btn {
    font-size: 28px;
    margin-bottom: 11px;
    padding: 20px 40px;
  }

  .promotion p {
    font-size: 12px;
  }

  .promotions-title {
    font-size: 34px;
  }

  .promotion-content {
    width: 60%;
  }

  .promotion-content__head {
    margin-bottom: 15px;
  }

  .promotion-img {
    width: 40%;
  }

  .promotion--2 .promotion__row {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .promotion--2 .promotion-content {
    width: 70%;
  }

  .promotion--2 .promotion-img {
    width: 30%;
    position: unset;
  }

  .promotion--3 .promotion-content {
    width: 60%;
    margin-left: auto;
  }

  .promotion-img-2 {
    bottom: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
  }

  .footer-brands__item {
    margin: 10px;
  }

  .footer__row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .footer-side {
    margin: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  .footer-nav {
    -webkit-box-flex: unset;
    -webkit-flex: unset;
        -ms-flex: unset;
            flex: unset;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 380px) {
  .game-modal {
    width: 300px;
    height: 200px;
  }

  .promotion--3 .promotion-content {
    width: 65%;
  }

  .promotion-img-4 {
    margin-left: -10%;
  }
}

@media (max-width: 360px) {
  .profile-main__btn {
    padding: 1.18em 1.8em;
    font-size: 16px;
  }
}

@media (max-width: 320px) {
  .modal-content {
    padding: 60px 20px 100px;
  }

  .filter-link__icon {
    margin-right: 5px;
  }
}

@media (max-height: 780px) {
  .menu__logo {
    margin-bottom: 30px;
  }

  .menu-link {
    margin-bottom: 30px;
  }

  .menu-link__icon {
    height: 30px;
    width: 30px;
  }
}

@supports (-webkit-touch-callout: none) {
  .searchmenu {
    padding-bottom: 60px;
  }
}

/* smartphones, touchscreens */
@media (hover: none) and (pointer: coarse) {
  /* ... */
}
/* stylus-based screens */
@media (hover: none) and (pointer: fine) {
  /* ... */
}
/* Nintendo Wii controller, Microsoft Kinect */
@media (hover: hover) and (pointer: coarse) {
  /* ... */
}
/* mouse, touch pad */
@media (hover: hover) and (pointer: fine) {
  /* ... */
}
.signup_form_hidden {
  display: none;
}