@charset "UTF-8";

@font-face {
  font-family: "OpenSansHebrew-Bold";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.eot");
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.woff") format("woff"),
    url("../fonts/OpenSansHebrew/OpenSansHebrew-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSansHebrew-Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.eot");
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.woff") format("woff"),
    url("../fonts/OpenSansHebrew/OpenSansHebrew-Regular.ttf") format("truetype");
}
:root {
  --chance-color: #02881a;
  --lotto-color: #e31d1a;
  --seven-color: #eb1e75;
  --one-color: #ff6b00;
  --prety-title-color: #ab1815;
  --main-background-color: #f7f7f7;
  --main-blue: #244ec4;
}
/* fonts */
/* fonts -end */
/* colors */
/* colors -end*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*::-webkit-input-placeholder {
  color: #666;
  opacity: 1;
}

*:-moz-placeholder {
  color: #666;
  opacity: 1;
}

*::-moz-placeholder {
  color: #666;
  opacity: 1;
}

*:-ms-input-placeholder {
  color: #666;
  opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: #666;
}

body input:required:valid,
body textarea:required:valid {
  color: #666;
}

html,
body {
  font-size: 6px;
}

@media (max-width: 615px) {
  html,
  body {
    font-size: 1vw;
  }
}

:root {
  --number-border-radius: 100%;
}

body {
  position: relative;
  direction: rtl;
  height: auto;
  max-width: 100%;
  position: relative;
  line-height: 1.65;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 1;
  background: #fff;
}

a {
  text-decoration: none;
  color: #244ec4;
}

input:focus {
  outline: none;
}

@-webkit-keyframes ani-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes ani-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.ani-fade {
  -webkit-animation: ani-fade 1s;
  animation: ani-fade 1s;
}

@-webkit-keyframes ani-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes ani-in-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.ani-in-left {
  -webkit-animation: ani-in-left 1s;
  animation: ani-in-left 1s;
}

@-webkit-keyframes ani-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes ani-in-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.ani-in-right {
  -webkit-animation: ani-in-right 1s;
  animation: ani-in-right 1s;
}

@-webkit-keyframes ani-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes ani-scale {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@-webkit-keyframes ani-scale-slow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes ani-scale-slow {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@-webkit-keyframes ani-scale-fast {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

@keyframes ani-scale-fast {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

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

/* fonts */
/* fonts -end */
/* colors */
/* colors -end*/
.container {
  /*-- Box model --*/
  width: 100%;
}

.color-bg-container {
  /* min-height: 141.6667rem;*/
  background: #fff;
}

/* body::before {
  content: "";
  width: 100%;
  display: block;
  height: 17.778rem;
} */

.header {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  z-index: 999;
  /*-- Box model --*/
  display: block;
  width: 100%;
  height: 17.778rem;
  padding-top: 1.5rem;
  /*-- Formalization --*/
  background: #f3f4f8;

  -webkit-box-shadow: 0px 0.3rem 2.6rem 0px rgba(0, 0, 0, 0.42);
  box-shadow: 0px 0.3rem 2.6rem 0px rgba(0, 0, 0, 0.42);
}

.header-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.header__logo {
  /*-- Positioning --*/
  left: 0;
  right: 0;
  /*-- Box model --*/
  display: table;
  margin: auto;
  position: relative;
}

.header__logo-image {
  /*-- Box model --*/
  width: 44.1667rem;
}

.header__menu-button {
  position: absolute;
  top: 1.5rem;
  bottom: 0;
  left: 3.1rem;
  width: 8.047rem;
  height: 5.782rem;
  margin: auto;
  cursor: pointer;
}

.header__menu-button-line {
  /*-- Positioning --*/
  position: absolute;
  /*-- Box model --*/
  display: block;
  width: 100%;
  height: 1.39rem;
  /*-- Formalization --*/
  background: #244ec4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.header__menu-button-line:nth-of-type(1) {
  /*-- Positioning --*/
  top: 0;
}

.header__menu-button-line:nth-of-type(2) {
  /*-- Positioning --*/
  top: 2.14rem;

  /*-- Box model --*/
  margin: auto;
}

.header__menu-button-line:nth-of-type(3) {
  /*-- Positioning --*/
  bottom: 0;
  /*-- Box model --*/
  margin: auto;
}

.header__shopping-cart {
  display: inline-flex;
  align-items: center;
  position: absolute;
  bottom: 25%;
  right: 0;
  transform: translate(110%, 0);
  gap: 2.775rem;
  font-size: 2.775rem;
  color: black;
  cursor: pointer;
}

._icon-shopping-cart {
  width: 4.1625rem;
  height: 4.1625rem;
  display: inline-block;
  flex: 0 0 4.1625rem;
  position: relative;
}

._icon-shopping-cart img,
._icon-shopping-cart svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}

.header__shopping-cart ._icon-shopping-cart.animated {
  animation-name: bounce;
  animation-duration: 1s;
  animation-iteration-count: 2;
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
    /* Начальное и конечное положение */
  }

  40% {
    transform: translateY(-30%);
    /* Положение во время анимации */
  }

  60% {
    transform: translateY(-15%);
    /* Положение во время анимации */
  }
}

/* @media (max-width: 992px) {
  .header__shopping-cart {
    gap: 1.5rem;
    font-size: 1.5rem;
  }

  ._icon-shopping-cart {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
  }
}

@media (max-width: 760px) {
  .header__shopping-cart {
    gap: 2.775rem;
    font-size: 2.775rem;
  }

  ._icon-shopping-cart {
    width: 4.1625rem;
    height: 4.1625rem;
    flex: 0 0 4.1625rem;
  }
} */

.home-button-user-area {
  width: 24.9rem !important;
}

.home-button-cart {
  width: 10rem !important;
  margin: 4.8rem 2.2rem 0 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
}

.home-button-cart ._icon-shopping-cart {
  width: 50%;
  height: 50%;
  flex: 0 0 50%;
}

@media (max-width: 992px) {
  .header__shopping-cart {
    bottom: 15%;
  }
}

html.no-scroll {
  overflow: hidden;
}
.mobile-menu {
  /*-- Positioning --*/
  position: fixed;
  top: -101%;
  right: 50%;
  transform: translateX(50%);
  z-index: 9999;
  /*-- Box model --*/
  /* display: none; */
  width: 100%;
  max-width: 100rem;
  /* min-height: 100%; */
  height: 100%;
  overflow: auto;
  padding-bottom: 37.037rem;
  /*-- Formalization --*/
  background: #244ec4;
  transition: top 0.5s ease 0s;
}

.mobile-menu.mobile-menu_active {
  /*-- Box model --*/
  /* display: block; */
  top: 0;
}

.mobile-menu__top {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: block;
  width: 100%;
  /* max-width: 100rem;
  margin: 0 auto; */
  height: 17.778rem;
  padding-top: 1.5rem;
  /*-- Formalization --*/
}

.mobile-menu__logo {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: table;
  margin: auto;
}

.mobile-menu__logo-image {
  /*-- Box model --*/
  width: 44.1667rem;
}

.mobile-menu__menu-button {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.1rem;
  /*-- Box model --*/
  width: 6.5066rem;
  height: 5.782rem;
  margin: auto;
  /*-- Sundry --*/
  cursor: pointer;
}

.mobile-menu__menu-button svg {
  width: 100%;
  height: auto;
}

.mobile-menu__menu-button-line {
  /*-- Positioning --*/
  position: absolute;
  /*-- Box model --*/
  display: block;
  width: 100%;
  height: 1.39rem;
  /*-- Formalization --*/
  background: #fff;
  -webkit-border-radius: 0.2778rem;
  border-radius: 0.2778rem;
}

.mobile-menu__menu-button-line:nth-of-type(1) {
  /*-- Positioning --*/
  top: 0;
}

.mobile-menu__menu-button-line:nth-of-type(2) {
  /*-- Positioning --*/
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  margin: auto;
}

.mobile-menu__menu-button-line:nth-of-type(3) {
  /*-- Positioning --*/
  bottom: 0;
  /*-- Box model --*/
  margin: auto;
}

.mobile-menu__exit-button {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  right: 5.8333rem;
  bottom: 0;
  /*-- Box model --*/
  margin: auto;
  width: 6.2963rem;
  height: 6.2963rem;
  /*-- Formalization --*/
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  /*-- Sundry --*/
  cursor: pointer;
}

.mobile-menu__exit-button svg {
  width: 100%;
  height: auto;
}

.mobile-menu__list-container {
  /*-- Box model --*/
  margin-top: 5.5em;
  padding-right: 9.3519rem;
  /* max-width: 100rem;
  margin: 0 auto; */
}

.mobile-menu__list {
  /*-- Box model --*/
  display: block;
  width: 100%;
  height: 12.037rem;
  margin-top: 6.3889rem;
  /*-- Typography --*/
  font-size: 6.4815rem;
  color: #fff;
}

.mobile-menu__list:nth-of-type(1) {
  /*-- Box model --*/
  margin-top: 0;
}

.popup {
  /*-- Positioning --*/
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1001 !important;
  /*-- Box model --*/
  display: none;
  width: 100%;
  height: 170vh;
  padding-bottom: 10rem;
  overflow-y: auto;
  /*-- Formalization --*/
  background: rgba(0, 0, 0, 0.612);
}

.popup_active {
  /*-- Box model --*/
  display: block;
}

.popup__background {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  /*-- Box model --*/
  width: 100%;
  height: 100vh;
}

.popup__content {
  /*-- Positioning --*/
  position: relative;
  top: 25.6481rem;
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 92.6rem;
  height: auto;
  margin: auto;

  /*-- Formalization --*/
  background: #eceef1;
  -webkit-border-radius: 2.7778rem;
  border-radius: 2.7778rem;
}

.popup__exit {
  /*-- Positioning --*/
  position: absolute;
  top: 2.037rem;
  right: 2.5rem;
  /*-- Box model --*/
  display: block;
  width: 5.2778rem;
  height: 5.2778rem;
  /*-- Formalization --*/
  background: url("../img/ico/exit-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  /*-- Sundry --*/
  cursor: pointer;
}

.popup__overlay {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 77.7778rem;
  margin: auto;
  margin-top: 4.9074rem;
}

.popup__overlay:nth-of-type(1) {
  /*-- Box model --*/
  margin-top: 0;
}

.popup__icon {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  right: 3.8889rem;
  bottom: 0;
  /*-- Box model --*/
  width: 5.2778rem;
  height: 5.2778rem;
  margin: auto;
}

.popup__icon_user {
  /*-- Formalization --*/
  background: url("../img/ico/icon-user.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.popup__icon_message {
  /*-- Formalization --*/
  background: url("../img/ico/post.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.popup__text {
  /*-- Box model --*/
  display: block;
  width: 100%;
  height: 11.6667rem;
  padding-right: 14.3519rem;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.7037rem;
  line-height: 11.6667rem;
  color: #a7a7a7;
  /*-- Formalization --*/
  background: #fff;
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.popup__submit {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 50.7778rem;
  height: 10.1852rem;
  margin: 6.0185rem auto 0;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.6296rem;
  line-height: 10.1852rem;
  color: #fff;
  /*-- Formalization --*/
  background: var(--lotto-color);
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  /*-- Sundry --*/
  cursor: pointer;
}

.main::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.main__top-line {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  width: 100%;
  height: 12.5rem;
  /*-- Formalization --*/
  background: #3e528a;
}

.main__top-line .main__top-line-text {
  color: white;
}

.main__top-line_large {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  height: 25.649rem;
}

.main__top-line-button {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 92.6rem;
  height: 11.019rem;
  margin: auto;
  /*-- Typography --*/
  font-size: 4.63rem;
  text-align: center;
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
  -webkit-border-radius: 29px;
  border-radius: 29px;
}

.main__button-arrow {
  /*-- Positioning --*/
  left: 0;
  right: 0;
  /*-- Box model --*/
  display: block;
  width: 2.778rem;
  height: 1.112rem;
  margin: -0.63rem auto 0.63rem;
  /*-- Formalization --*/
  background: url("../img/ico/arrow-bottom.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.main__top-line-text {
  /*-- Positioning --*/
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 4.55rem;
  line-height: 12.5rem;
  text-align: center;
  color: black;
}

.main__top-line.main__top-line_empty .main__top-line-text {
  color: black;
}

.top-buttons {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 92.6rem;
  margin: auto;
  padding-top: 2.3rem;
}

.top-buttons::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.top-buttons__button {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 33.056rem;
  height: 8.982rem;
  /*-- Typography --*/
  font-size: 4.63rem;
  line-height: 8.982rem;
  text-align: center;
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
  -webkit-border-radius: 1.7rem;
  border-radius: 1.7rem;
}

.top-buttons__count {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 27.5rem;
  height: 8.982rem;
  /*-- Typography --*/
  font-size: 3.95rem;
  line-height: 8.982rem;
  text-align: center;
  color: #656569;
}

.schedule {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: auto;
  padding-top: 1.5rem;
  justify-content: center;
}

.schedule::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.schedule__info {
  /*-- Positioning --*/
  position: absolute;
  top: 4.3rem;
  right: 22.5rem;
  /*-- Typography --*/
  font-size: 3.25rem;
  line-height: 1;
  color: #606061;
}

.schedule__info .schedule__info-color {
  /*-- Box model --*/
  float: right;
}

.schedule__info p {
  /*-- Box model --*/
  display: inline-block;
  vertical-align: middle;
}

.schedule__info-color {
  /*-- Positioning --*/
  position: relative;
  /* top: 1.1rem; */
  /*-- Box model --*/
  display: inline-block;
  width: 4.26rem;
  height: 4.26rem;
  margin-left: 1rem;
  /*-- Formalization --*/
  background: #ff9a9b;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.schedule__info-color_yellow {
  /*-- Formalization --*/
  background: #ffd900;
}

/* schedule__info-wrap */

.schedule__info-wrap {
  position: absolute;
  display: flex;
  width: 40rem;
  height: 4.3rem;
  justify-content: space-between;
  top: 0;
  bottom: 0;
  right: calc(100% + 4rem);
  margin: auto;
}

.schedule__info-wrap.lotto {
  top: 5rem;
  bottom: unset;
  right: calc(100% + 1.5rem);
}

.schedule__info-wrap .schedule__info {
  position: unset;
  display: block;
}

/* schedule__info-wrap */

.schedule-container {
  display: inline-block;
  width: 14.5rem;
}

.schedule-container .schedule__cell {
  /*-- Formalization --*/
  background: #ffd900;
}

.schedule-container-large {
  /*-- Box model --*/
  display: inline-block;
  width: 75.88rem;
  /*-- Sundry --*/
  direction: ltr;
}

.schedule-container-large .schedule__info {
  /*-- Positioning --*/
  right: auto;
  left: 23rem;
  /*-- Box model --*/
  margin: auto;
}

.schedule-container-large .schedule__info-color {
  /*-- Box model --*/
  float: left;
  margin-right: 1rem;
  margin-left: 0;
}

.schedule-container-large .schedule__cell {
  /*-- Box model --*/
  float: left;
  margin-right: 1.4rem;
}

.schedule-container-large .schedule__cell:nth-of-type(1) {
  /*-- Box model --*/
  display: flex;
  float: none;
}

.schedule__cell {
  position: relative;
  display: inline-flex;
  float: right;
  width: 17.408rem;
  min-height: 9.538rem;
  margin-top: 1.7rem;
  line-height: 1.3;
  font-size: 3.95rem;
  text-align: center;
  color: #010546;
  background: #ff9a9b;
  -webkit-border-radius: 1.3rem;
  border-radius: 1.3rem;
  cursor: pointer;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.schedule__cell_active > .schedule__cell-underline {
  /*-- Formalization --*/
  background: #010546;
  border: none;
}

.schedule__cell-underline {
  /*-- Box model --*/
  display: block;
  width: 6rem;
  height: 1.56rem;
  margin: auto;
  /*-- Formalization --*/
  background: #fff;
  border: 0.2rem solid #ff0000;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
  margin: 0;
}

.schedule__cell-underline-statistic-names-wrap {
  top: 1.8rem;
  left: 27rem;
}
.schedule__cell-underline-statistic-wrap {
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  font-size: 2.5rem;
  line-height: 4rem;
  display: none;
}

.schedule__cell-underline-statistic-wrap.active {
  display: block;
  right: -14px;
  background: #ffffff7d;
  padding: 0;
}
.statistics-active-margin {
  margin-right: 7.4rem !important;
}
.schedule__cell-underline-statistic-wrap.names {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
}

.schedule__cell-underline-statistic-item.red {
  color: #ff2013;
}

.bottom-buttons {
  position: relative;
  display: flex;
  right: 0;
  left: 0;
  width: 100%;
  margin: 2.3rem auto 0;
  margin-top: 3rem;
  gap: 3rem;
  flex-wrap: wrap;
}

.bottom-buttons .bottom-buttons-button {
  width: calc(50% - 1.5rem);
}

/* .bottom-buttons::after {
  display: block;
  content: "";
  clear: both;
} */
.button-right-icon {
  display: inline-block;
  width: 2.223rem;
  height: 2.778rem;
  position: relative;
}
.button-right-icon svg {
  position: absolute;
  top: -0.2rem;
  right: -1.5rem;
}

.button-right-icon svg path {
  stroke: white !important;
}
.bottom-buttons-button {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  cursor: pointer;
  height: 6.982rem;
  /*-- Typography --*/
  font-size: 3.63rem;
  line-height: 6.982rem;
  text-align: center;
  color: #fff;
  /*-- Formalization --*/
  background: var(--lotto-color);
  border-radius: 7rem;
  padding: 0 2rem;
}

.bottom-buttons-button.green-mod {
  background: #02881a;
}

.bottom-buttons-button_left {
  /*-- Positioning --*/
  position: absolute;
  left: 0;
}

.bottom-buttons__count {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 26.4rem;
  height: 8.982rem;
  /*-- Typography --*/
  font-size: 3.25rem;
  line-height: 1.4;
  text-align: center;
  color: #656569;
}

.bottom-buttons__arrow {
  /*-- Box model --*/
  display: inline-block;
  width: 2.223rem;
  height: 2.778rem;
  /*-- Formalization --*/
  background: url("../img/ico/arrow-left.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.footer {
  /*-- Box model --*/
  width: 100%;
  height: 5.834rem;
  /*-- Formalization --*/
  background: #244ec4;
}

/* PAGE: all-cards.html */
/*
.all-cards__row::after {
  display: block;
  content: "";
  clear: both; }*/

.all-cards__row:nth-of-type(2n) {
  /*-- Formalization --*/
  background: #eaeffc;
}

.all-cards__row:nth-last-of-type(1) {
  /*-- Box model --*/
  /* height: 11.852rem;*/
}

.all-cards__row:nth-last-of-type(1) .all-cards__cell {
  /*-- Box model --*/
  height: 11.852rem;
}

.all-cards__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 32.963%;
  height: 10.742rem;
}

.all-cards__cell p {
  /*-- Typography --*/
  font-size: 4.17rem;
  line-height: 10.742rem;
  text-align: center;
  color: #727272;
}

.all-cards__cell:nth-of-type(3n + 1) {
  /*-- Formalization --*/
  /*border-left: 1px solid #b8cfff;*/
}

.all-cards__cell:nth-of-type(3n) {
  /*-- Formalization --*/
  /*border-right: 1px solid #b8cfff;*/
}

.all-cards__cell:nth-of-type(3n-1) {
  /*-- Box model --*/
  /* width: 34.075%;*/
}

.all-cards__content .all-cards__cell p {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  line-height: 1.2;
  font-size: 3.72rem;
}

.all-cards__title {
  /*-- Formalization --*/
  background: #b8cfff;
}

.all-cards__title .all-cards__cell p {
  /*-- Typography --*/
  color: #000;
}

.all-cards__title::after {
  display: block;
  content: "";
  clear: both;
}

/* PAGE: three.html */
.card-info-title {
  /*-- Box model --*/
  width: 100%;
  height: 19.167rem;
  /*-- Typography --*/
  font-size: 7.6rem;
  line-height: 19.167rem;
  text-align: center;
  color: #fac813;
  /*-- Formalization --*/
  background: #244ec4;
}

.card-info-timer {
  /*-- Box model --*/
  width: 100%;
  /* height: 41.482rem; */
  padding-top: 2.15rem;
  /*-- Formalization --*/
  background: #86a0d5;
}

.card-info-timer__shadow {
  display: block;
  right: 0;
  left: 0;
  width: 89.723rem;
  height: 3.056rem;
  margin: 2.4rem auto 0;
  background: url(../img/shadow-background.png) center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-info-timer__name {
  /*-- Box model --*/
  width: 100%;
}

.card-info-timer__name p {
  /*-- Typography --*/
  font-size: 3.72rem;
  text-align: center;
  color: #fff;
}

.card-info-timer-container {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: table;
  margin: 0 auto 0;
}

.card-info-timer-container::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.card-info-timer__separate {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 2.5rem;
  height: 15.8rem;
  margin-top: 6.65rem;
  /*-- Formalization --*/
  background: url("../img/ico/ellipse-icon.png") center no-repeat;
  -webkit-background-size: 34% 34%;
  background-size: 34%;
}

.card-info-timer__group {
  /*-- Box model --*/
  display: inline-block;
  float: right;
}

.card-info-timer__title {
  /*-- Box model --*/
  padding-bottom: 0.3rem;
  min-height: 1.2rem;
  /*-- Typography --*/
  font-size: 3.25rem;
  text-align: center;
}

.card-info-timer__cell-container {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.card-info-timer__cell {
  /*-- Box model --*/
  display: inline-block;
  width: 10.834rem;
  height: 15.8rem;
  float: right;
  /*-- Formalization --*/
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-info-timer__cell p {
  /*-- Typography --*/
  font-size: 8rem;
  line-height: 6.3rem;
  text-align: center;
  color: #e31d1a;
}

.card-info-timer__cell:nth-of-type(2) {
  /*-- Box model --*/
  margin-right: 0.36rem;
}

.card-info-balls {
  /*-- Box model --*/
  width: 100%;
  min-height: 67.871rem;
  padding-top: 2.3rem;
  /*-- Typography --*/
  text-align: center;
  /*-- Formalization --*/
  background: url("../img/balls-background.png") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.card-info-balls__icon {
  display: inline-block;
  width: 2.963rem;
  height: 2.6852rem;
  background: red;
}

.card-info-balls__icon_sheqel {
  background: url("../img/ico/sheqel-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-info-balls__text {
  /*-- Typography --*/
  font-size: 3.72rem;
  color: #fff;
}

.card-info-balls__title {
  /*-- Typography --*/
  font-size: 5.56rem;
  color: #fff;
}

.card-info-balls__int-text {
  /*-- Typography --*/
  font-size: 15.3rem;
  line-height: 1.3;
  color: #fac813;
}

.card-info-balls__bottom-int-text {
  /*-- Typography --*/
  font-size: 5.56rem;
  color: #fac813;
}

.card-info-balls__button {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 69.815rem;
  height: 10.093rem;
  margin: 5rem auto 0;
  /*-- Typography --*/
  font-size: 4.65rem;
  line-height: 10.093rem;
  color: #fff;
  /*-- Formalization --*/
  background: #14a201;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
}

/* PAGE: four.html */
.register {
  /*-- Box model --*/
  width: 100%;
  min-height: 141.668rem;
  padding-top: 0.65rem;
  /*-- Formalization --*/
  background: url(../img/main__background.png) center no-repeat;
  background-size: cover;
}

.register__text {
  /*-- Box model --*/
  width: 82.315rem;
  height: 11.668rem;
  padding-right: 16.6rem;
  /*-- Typography --*/
  font-size: 3.72rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #a7a7a7;
  /*-- Formalization --*/
  border: none;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
}

.register__icon {
  /*-- Positioning --*/
  position: absolute;
  right: 0;
  /*-- Box model --*/
  width: 15.0926rem;
  height: 11.668rem;
}

.register__icon_user {
  background: url(../img/ico/icon-user.png) center no-repeat white;
  -webkit-background-size: 5rem 5rem;
  background-size: 5rem;
  background-position: calc(100% - 5.5rem);
}

.register__icon_card-filled {
  /*-- Formalization --*/
  background: url("../img/ico/card-filled.png") center no-repeat;
  -webkit-background-size: 5rem 5rem;
  background-size: 5rem;
}

.register__icon_post {
  /*-- Formalization --*/
  background: url("../img/ico/post.png") center no-repeat;
  -webkit-background-size: 5rem 5rem;
  background-size: 5rem;
}

.register__icon_phone {
  /*-- Formalization --*/
  background: url("../img/ico/phone.png") center no-repeat;
  -webkit-background-size: 5rem 5rem;
  background-size: 5rem;
}

.register__icon_lock {
  /*-- Formalization --*/
  background: url("../img/ico/lock.png") center no-repeat;
  -webkit-background-size: 5rem 5rem;
  background-size: 5rem;
}

.register__icon_key {
  /*-- Formalization --*/
  background: url("../img/ico/key.png") center no-repeat;
  -webkit-background-size: 5rem 5rem;
  background-size: 5rem;
}

.register__icon_coin {
  /*-- Formalization --*/
  background: url("../img/ico/newmoney.png") center no-repeat;
  -webkit-background-size: 5rem 5rem;
  background-size: 8rem;
}

.register__button {
  /*-- Positioning --*/
  left: 0;
  right: 0;
  /*-- Box model --*/
  display: block;
  width: 77.5rem;
  height: 10.1852rem;
  margin: 7.2407rem auto 0;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 4.6296rem;
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
  border: none;
  -webkit-border-radius: 2.6852rem;
  border-radius: 2.6852rem;
  /*-- Sundry --*/
  cursor: pointer;
}

.register__info {
  /*-- Box model --*/
  display: block;
  width: 100%;
  min-height: 4.6296rem;
  padding-bottom: 1.8519rem;
  margin-top: 3.9815rem;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  text-align: center;
  color: #4c4c4c;
}

.register__info a {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #4c4c4c;
  text-decoration: underline;
}

.register__overlay {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: table;
  margin: auto;
  margin-top: 7.05rem;
}

.register__overlay:nth-of-type(1) {
  /*-- Box model --*/
}

/* PAGE: card-summary.html */
.card-summary {
  /*-- Box model --*/
  overflow: hidden;
  padding-top: 2.5926rem;
  padding-bottom: 21.4815rem;
  /*-- Formalization --*/
  background: #eceef1;
}

.card-summary-info {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 92.6rem;
  min-height: 12.963rem;
  margin: 3.1481rem auto 0;
  padding-bottom: 1.8519rem;
  /*-- Formalization --*/
  border-bottom: 1px solid #244ec4;
}

.card-summary-info:nth-of-type(1) {
  /*-- Box model --*/
}

.card-summary-info__name {
  /*-- Box model --*/
  display: inline-block;
  max-width: 55.5556rem;
  margin-top: 4.6296rem;
  /*-- Typography --*/
  line-height: 1;
}

.card-summary-info__name p {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #979797;
}

.card-summary-info__name p .bold {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #313131;
}

.card-summary-info__value {
  /*-- Positioning --*/
  position: absolute;
  left: 11.2963rem;
  /*-- Box model --*/
  display: inline-block;
  height: 12.963rem;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 12.963rem;
  color: #244ec4;
}

.card-summary-info__value_description {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #979797;
}

.card-summary-info__unit {
  /*-- Positioning --*/
  position: absolute;
  left: 0;
  /*-- Box model --*/
  display: inline-block;
  width: 11.1111rem;
  height: 12.963rem;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.7037rem;
  line-height: 12.963rem;
  text-align: center;
  color: #313131;
}

.card-summary-select {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 92.6rem;
  min-height: 11.1111rem;
  padding-right: 4.3519rem;
  padding-left: 4.3519rem;
  margin: 7.5926rem auto 0;
}

.card-summary-select__name {
  /*-- Box model --*/
  display: inline-block;
  max-width: 65.5556rem;
  /*-- Typography --*/
  line-height: 1.4;
}

.card-summary-select__name p {
  /*-- Typography --*/
  font-size: 3.5rem;
  color: #244ec4;
}

.card-summary-select__name .small {
  /*-- Box model --*/
  display: block;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.2407rem;
  color: #979797;
}

.card-summary-select__count {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4.3519rem;
  z-index: 10;
  /*-- Box model --*/
  display: inline-block;
  width: 24.537rem;
  height: 8.2407rem;
  margin: auto;
  /*-- Formalization --*/
  -webkit-border-radius: 0.5556rem;
  border-radius: 0.5556rem;
  background: #fff;
  /*-- Sundry --*/
  cursor: pointer;
}

.card-summary-select__count_active {
  /*-- Formalization --*/
  background: #dfe7fc;
}

.card-summary-select__count_active .card-summary-select__hide-content {
  /*-- Box model --*/
  display: block;
}

.card-summary-select__count_active .card-summary-select__icon-arrow {
  /*-- Box model --*/
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.card-summary-select__count-top {
  /*-- Box model --*/
  padding-right: 2.5rem;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 8.2407rem;
  color: #313131;
}

.card-summary-select__icon-arrow {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2.5926rem;
  /*-- Box model --*/
  display: block;
  width: 2.2222rem;
  height: 1.1111rem;
  margin: auto;
  /*-- Formalization --*/
  background: url("../img/ico/arrow-dark-bottom.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-summary-select__hide-content {
  /*-- Box model --*/
  display: none;
  width: 100%;
  height: auto;
  max-height: 27.7778rem;
  overflow-y: auto;
  /*-- Formalization --*/
  background: #fff;
  -webkit-border-radius: 0.5556rem;
  border-radius: 0.5556rem;
  border-bottom: 0.1852rem solid #dfe7fc;
}

.card-summary-select__hide-value {
  /*-- Box model --*/
  display: block;
  width: 100%;
  height: 8.2407rem;
  /*-- Formalization --*/
  border-top: 1px solid #dfe7fc;
}

.card-summary-select__hide-value p {
  /*-- Box model --*/
  padding-right: 2.5rem;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #979797;
}

.card-summary-additional {
  position: relative;
  right: 0;
  left: 0;
  margin: auto;
}

.card-summary-additional::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.card-summary-additional__info {
  /*-- Box model --*/
  display: inline-block;
  max-width: 100%;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #979797;
}

.card-summary-additional__info .bold {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #244ec4;
}

.card-summary-additional__info_left {
  /*-- Box model --*/
  display: table;
  float: left;
  margin: auto;
}

.card-summary-additional__info_left p {
  direction: ltr;
}

.card-summary-total {
  /*-- Positioning --*/
  position: relative;
  right: 0;
  left: 0;
  /*-- Box model --*/
  /* width: 72rem; */
  min-height: 9.537rem;
  margin: 0 auto 0;
  padding-left: 4.1667rem;
  padding-right: 4.1667rem;
  /*-- Formalization --*/
}

.card-summary-total__name {
  /*-- Box model --*/
  display: inline-block;
  min-height: 9.537rem;
  max-width: 55.5556rem;
  /*-- Typography --*/
  line-height: 9.537rem;
}

.card-summary-total__name p {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #979797;
}

.card-summary-total__name p .bold {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #244ec4;
}

.card-summary-total__price {
  /*-- Positioning --*/
  position: absolute;
  left: 4.1667rem;
  /*-- Box model --*/
  display: inline-block;
  height: 9.537rem;
  line-height: 9.537rem;
  /*-- Typography --*/
  font-size: 3.7037rem;
  color: #244ec4;
}

/* PAGE: user-cards-list.html */
.user-cards-list {
  /*-- Box model --*/
  padding-bottom: 8.7037rem;
}

.user-cards-list-select {
  /*-- Formalization --*/
  border-top: 1px solid #b8cfff;
}

.user-cards-list-select::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-cards-list-select__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 33.3333%;
  height: 8.3333rem;
  /*-- Typography --*/
  line-height: 33.3333rem;
  border-top: 1px solid #b8cfff;
  /*-- Sundry --*/
  cursor: pointer;
}

.user-cards-list-select__cell_active {
  /*-- Formalization --*/
  background: #b8cfff;
}

.user-cards-list-select__cell p {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 4.1667rem;
  line-height: 0.9;
  text-align: center;
  color: #212121;
}

.user-cards-list-select__cell:nth-of-type(3n-1) {
  /*-- Formalization --*/
  border-left: 1px solid #b8cfff;
  border-right: 1px solid #b8cfff;
}

.user-cards-list-select__cell:nth-of-type(3n) {
  /*-- Formalization --*/
  /*border-right: 1px solid #b8cfff;*/
}

.user-cards-list-select__cell:nth-of-type(3n-2) {
  /*-- Formalization --*/
  /*border-left: 1px solid #b8cfff; */
}

.user-cards-list-table {
  /*-- Box model --*/
  display: block;
  width: 100%;
}

.user-cards-list-table::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-cards-list-table__title .user-cards-list-table__cell {
  /*-- Formalization --*/
  border: none;
}

.user-cards-list-table__title {
  position: relative;
  background: #b8cfff;
}

.user-cards-list-table__title::after {
  display: block;
  content: "";
  clear: both;
}

.user-cards-list-table__title .user-cards-list-table__cell p {
  /*-- Typography --*/
  color: #212121;
}

.user-cards-list-table__title .user-cards-list-table__cell p::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-cards-list-table__row {
  /*-- Box model --*/
  height: 10.3704rem;
}

.user-cards-list-table__row::after {
  display: block;
  content: "";
  clear: both;
}

.user-cards-list-table__row:nth-of-type(2n-1) .user-cards-list-table__cell {
  /*-- Formalization --*/
  background: #eaeffc;
}

.user-cards-list-table__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 25%;
  height: 10.3704rem;
  /*-- Formalization --*/
  border-right: 1px solid #b8cfff;
}

.user-cards-list-table__cell:nth-of-type(4n + 1) {
  /*-- Formalization --*/
  border-right: none;
}

.user-cards-list-table__cell p {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 1;
  text-align: center;
  color: #727272;
}

.user-cards-list-info {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 92.6rem;
  height: 13.3333rem;
  margin: auto;
  /*-- Formalization --*/
  border-bottom: 1px solid #244ec4;
}

.user-cards-list-info__сell {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 30.8333%;
  height: 13.3333rem;
  padding-right: 3.8rem;
  vertical-align: top;
  /*-- Typography --*/
  line-height: 13.3333rem;
}

.user-cards-list-info__сell p {
  /*-- Typography --*/
  font-size: 3.7037rem;
  color: #979797;
}

.user-cards-list-info__сell .bold {
  /*-- Typography --*/
  color: #244ec4;
}

.user-cards-list-info__addintional-info {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 85%;
  margin: 0 auto 0;
}

.user-cards-list-info__addintional-info::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-cards-list-info__name {
  /*-- Box model --*/
  width: 100%;
  margin-bottom: 1rem;
}

.user-cards-list-info__name p,
.user-cards-list-info_name_reduced {
  /*-- Typography --*/
  font-size: 4.1667rem !important;
  text-align: center !important;
  color: #232323 !important;
}

.user-cards-list-info__column-container::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-cards-list-info__column {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 50%;
  padding-left: 3.7037rem;
  padding-right: 3.7037rem;
  /*-- Typography --*/
  text-align: center;
}

.user-cards-list-info__column.small {
  width: 14%;
  padding-left: 1.7037rem;
  padding-right: 1.7037rem;
}

.user-cards-list-info__column-titles {
  width: 22%;
}

.user-cards-list-info__column_block {
  /*-- Box model --*/
  width: 37.4074rem;
  padding: 0;
}

.user-cards-list-info__column_block:nth-of-type(2) {
  /*-- Box model --*/
  float: left;
}

.user-cards-list-info__title {
  /*-- Box model --*/
  padding-bottom: 1.8519rem;
}

.user-cards-list-info__title {
  display: flex;
  justify-content: center;
}

.user-cards-list-info__title p {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif !important;
  font-size: 3.7037rem !important;
  color: #244ec4 !important;
}

.user-cards-list-info__value p {
  /*-- Box model --*/
  display: inline-block !important;
  margin-left: 1.1111rem !important;
  /*-- Typography --*/
  font-size: 4.6296rem !important;
  color: #244ec4 !important;
}

.user-cards-list-info__value p.block {
  /*-- Box model --*/
  float: right !important;
  width: 8.5185rem !important;
  height: 8.5185rem !important;
  margin-top: 1.0185rem !important;
  /*-- Typography --*/
  font-size: 3.7037rem !important;
  line-height: 8.5185rem !important;
  color: #000 !important;
  /*-- Formalization --*/
  background: #bbbde8 !important;
  border-radius: var(--number-border-radius) !important;
  /*-- Sundry --*/
  cursor: pointer !important;
}

.user-cards-list-info__value p.block.title {
  width: auto !important;
  height: 7.75rem !important;
  background: unset !important;
  font-size: 2.5rem !important;
  margin-left: unset !important;
}

.user-cards-list-info__value.small {
  display: flex;
}

.user-cards-list-info__value.small p.block {
  width: 7.75rem !important;
  height: 7.75rem !important;
  line-height: 7.75rem !important;
}

.user-cards-list-info__value.small p.block:last-child {
  margin-right: auto;
  margin-left: unset !important;
}

.user-cards-list-info__value p.block:nth-of-type(4n) {
  /*-- Box model --*/
  /*margin-left: 0;*/
}

.user-cards-list-info__value p.block.active {
  /*-- Typography --*/
  color: #fff !important;
  /*-- Formalization --*/
  background: #244ec4 !important;
}

.user-cards-list-button {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 82.1296rem;
  height: 10.1852rem;
  margin: 8.6111rem auto 0;
  /*-- Typography --*/
  font-size: 4.6296rem;
  line-height: 10.1852rem;
  text-align: center;
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
  -webkit-border-radius: 2.6852rem;
  border-radius: 2.6852rem;
}

/* PAGE: user-account.html */
.user-account {
  background: #ffffff;
}

.user-account-select {
  /*-- Formalization --*/
  /* border-top: 1px solid #b8cfff; */
}

/*
  .user-account-select::after {
    display: block;
    content: "";
    clear: both; }*/
.user-account-select__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 33.3333%;
  height: 8.3333rem;
  /*-- Typography --*/
  line-height: 8.3333rem;
  /*-- Formalization --*/
  border-top: 1px solid #b8cfff;
  /*-- Sundry --*/
  cursor: pointer;
}

.user-account-select__cell_active {
  /*-- Formalization --*/
  background: #646f8b !important;
}
.user-account-select__cell_active svg path {
  fill: white !important;
}
.user-account-select__cell_active p {
  /*-- Formalization --*/
  color: white !important;
}
.user-account-select__cell p {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 3rem;
  line-height: 0.9;
  text-align: center;
  color: #212121;
}

.user-account-select__cell:nth-of-type(3n-1) {
  /*-- Formalization --*/
  border-left: 1px solid #b8cfff;
  border-right: 1px solid #b8cfff;
}

.user-account-select__cell:nth-of-type(3n) {
  /*-- Formalization --*/
  /*border-right: 1px solid #b8cfff;*/
}

.user-account-select__cell:nth-of-type(3n-2) {
  /*-- Formalization --*/
  /*border-left: 1px solid #b8cfff; */
}

.user-account-table {
  /*-- Box model --*/

  display: block;
  width: 100%;
}

.user-account-table::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-account-table__title {
  /*-- Box model --*/
  width: 100%;
  display: table;
  /*-- Formalization --*/
  background: #646f8b;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

/* .user-account-table__title::after {
      display: block;
      content: "";
      clear: both; }*/
.user-account-table__title .user-account-table__cell {
  /*-- Formalization --*/
  border: none;
}

.user-account-table__title .user-account-table__cell p {
  /*-- Typography --*/
  color: white;
}

.user-account-table__title .user-account-table__cell p::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.user-account-table__row {
  /*-- Box model --*/
  display: table;
  width: 100%;
  height: 10.3704rem;
  background-color: white;
}

/*.user-account-table__row::after {
      display: block;
      content: "";
      clear: both; }*/
.user-account-table__row.background-row .user-account-table__cell {
  /*-- Formalization --*/
  background: #ecedf082;
}

.user-account-table__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: table-cell;
  /* float: right;*/
  width: auto;
  height: 10.3704rem;
  /*-- Formalization --*/
  border-right: 1px solid #b8cfff;
}

.user-account-table__cell:nth-of-type(1) {
  /*-- Formalization --*/
  border-color: #fff;
}

.user-account-table__cell p {
  /*-- Positioning --*/
  position: absolute;
  padding-top: 1.5rem;
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 2.7rem;
  line-height: 1.1;
  text-align: center;
  color: #727272;
}

.user-account-table__cell_data p {
  /*-- Box model --*/
  margin-top: 1.2037rem;
  /*-- Typography --*/
  line-height: 3.2407rem;
}

/* PAGE: raffle-list.html*/
.raffle-list__title::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.raffle-list__title .raffle-list__cell {
  /*-- Typography --*/
  font-size: 4.1667rem;
  color: #212121;
  /*-- Formalization --*/
  background: #b8cfff;
}

.raffle-list__cell-container::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.raffle-list__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 50%;
  height: 10.8333rem;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 1.1;
  text-align: center;
  color: #676767;
}

.raffle-list__cell p {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  max-width: 90%;
  margin: auto;
}

.raffle-list__cell:nth-of-type(2n + 1) {
  /*-- Formalization --*/
  border-left: 1px solid #9cb9f2;
}

.raffle-list__row {
  /*-- Sundry --*/
  cursor: pointer;
}

.raffle-list__row_active .raffle-list__hide-content {
  /*-- Box model --*/
  display: block;
}

.raffle-list__row::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.raffle-list__row:nth-of-type(2n) {
  /*-- Formalization --*/
  background: #eaeffc;
}

.raffle-list__hide-content {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: none;
  padding-bottom: 8.4259rem;
  /*-- Sundry --*/
  cursor: auto;
}

.raffle-list__hide-top {
  /*-- Positioning --*/
  position: relative;
  /*-- Typography --*/
  text-align: center;
}

.raffle-list__hide-text {
  /*-- Box model --*/
  margin-top: 3.1481rem;
  /*-- Typography --*/
  font-size: 4.6296rem;
  color: #030303;
}

.raffle-list__hide-text_colorize {
  /*-- Box model --*/
  margin-top: 1.5741rem;
  /*-- Typography --*/
  font-size: 3.7037rem;
  color: #244ec4;
}

.raffle-list__hide-count {
  /*-- Box model --*/
  margin-top: 0.2778rem;
  /*-- Typography --*/
  font-size: 4.6296rem;
  color: #244ec4;
}

.raffle-list__small-text {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  right: 14.1667rem;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  margin: auto;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #979797;
}

.raffle-list__addintional-info {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 85rem;
  margin: 0.7407rem auto 0;
}

.raffle-list__addintional-info::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.raffle-list__name {
  /*-- Box model --*/
  width: 100%;
}

.raffle-list__name p {
  /*-- Typography --*/
  font-size: 4.1667rem;
  text-align: center;
  color: #232323;
}

.raffle-list__column-container::after {
  /*-- Box model --*/
  display: block;
  /*-- Sundry --*/
  content: "";
  clear: both;
}

.raffle-list__column {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 50%;
  padding-left: 3.7037rem;
  padding-right: 3.7037rem;
  /*-- Typography --*/
  text-align: center;
}

.raffle-list__column_block {
  /*-- Box model --*/
  width: 37.4074rem;
  padding: 0;
}

.raffle-list__column_block:nth-of-type(2) {
  /*-- Box model --*/
  float: left;
}

.raffle-list__hide-content .raffle-list__title {
  /*-- Box model --*/
  padding-bottom: 1.8519rem;
}

.raffle-list__hide-content .raffle-list__title p {
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Regular", sans-serif;
  font-size: 3.7037rem;
  color: #244ec4;
}

.raffle-list__value p {
  /*-- Box model --*/
  display: inline-block;
  margin-left: 1.1111rem;
  /*-- Typography --*/
  font-size: 4.6296rem;
  color: #244ec4;
}

.raffle-list__value p.block {
  /*-- Box model --*/
  float: right;
  width: 8.5185rem;
  height: 8.5185rem;
  margin-top: 1.0185rem;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 8.5185rem;
  color: #000;
  /*-- Formalization --*/
  background: #bbbde8;
  -webkit-border-radius: 0.9259rem;
  border-radius: 0.9259rem;
  /*-- Sundry --*/
  cursor: pointer;
}

.raffle-list__value p.block:nth-of-type(4n) {
  /*-- Box model --*/
  margin-left: 0;
}

.raffle-list__value p.block.active {
  /*-- Typography --*/
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
}

/* PAGE: form.html */
.form {
  /*-- Box model --*/
  width: 100%;
  padding-top: 2.8704rem;
  padding-bottom: 10.463rem;
  /*-- Formalization --*/
  background: #eceef1;
}

.form__text {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 82.2222rem;
  height: 11.6667rem;
  margin: 8.5185rem auto 0;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.7037rem;
  text-align: center;
  color: #a7a7a7;
  /*-- Formalization --*/
  background: #fff;
  border: none;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
}

.form__text:nth-of-type(1) {
  /*-- Box model --*/
}

.form__submit {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  display: block;
  width: 77.5rem;
  height: 10.1852rem;
  margin: 16.9444rem auto 0;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 4.6296rem;
  line-height: 10.1852rem;
  text-align: center;
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
  border: none;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
}

/* PAGE: agent.html */
.agent {
  /*-- Box model --*/
  overflow: hidden;
  padding-bottom: 5.1852rem;
  /*-- Formalization --*/
  background: #eceef1;
}

.agent-top-table {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 92.6rem;
  margin: 6.1111rem auto 0;
  /*-- Formalization --*/
  border: 1px solid #86a5df;
  -webkit-border-radius: 0.9259rem;
  border-radius: 0.9259rem;
}

.agent-top-table__title {
  /*-- Formalization --*/
  background: #b8cfff;
  -webkit-border-radius: 0.8333rem 0.8333rem 0 0;
  border-radius: 0.8333rem 0.8333rem 0 0;
}

.agent-top-table__title .agent-top-table__cell {
  /*-- Box model --*/
  display: inline-block;
  float: right;
  height: 8.1481rem;
}

.agent-top-table__title .agent-top-table__cell p {
  /*-- Typography --*/
  font-size: 4.6296rem;
  line-height: 8.1481rem;
  color: #020202;
}

.agent-top-table__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 35.63%;
  height: 9.8148rem;
}

.agent-top-table__cell p {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 1.2;
  text-align: center;
  color: #5c5c5c;
}

.agent-top-table__cell:nth-of-type(2n-1) {
  /*-- Box model --*/
  width: 64.37%;
  /*-- Formalization --*/
  border-left: 1px solid #86a5df;
}

.agent-top-table__cell_value {
  /*-- Typography --*/
  color: #244ec4;
}

/*
    .agent-top-table__title::after {
      display: block;
      content: "";
      clear: both; }*/
.agent-top-table__row {
  /*-- Formalization --*/
  background: #fff;
}

/*
      .agent-top-table__row::after {
        display: block;
        content: "";
        clear: both; }*/
.agent-top-table__row:nth-of-type(2n-1) {
  /*-- Formalization --*/
  background: #e9eefc;
}

.agent-top-table__row:nth-last-of-type(1) {
  /*-- Formalization --*/
  -webkit-border-radius: 0 0 0.8333rem 0.8333rem;
  border-radius: 0 0 0.8333rem 0.8333rem;
}

.agent-search {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 92.6rem;
  margin: 10.2778rem auto 0;
}

.agent-search__title {
  /*-- Box model --*/
  width: 100%;
}

.agent-search__title p {
  /*-- Typography --*/
  font-size: 3.7037rem;
  color: #000;
}

.agent-search__text {
  /*-- Box model --*/
  width: 40.8333rem;
  height: 10.2778rem;
  padding-right: 3.7037rem;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.7037rem;
  color: #a7a7a7;
  /*-- Formalization --*/
  background: #fff;
  border: none;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
}

.agent-search__button {
  /*-- Box model --*/
  width: 30.3704rem;
  height: 10.2778rem;
  float: left;
  /*-- Typography --*/
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 4.6296rem;
  text-align: center;
  color: #fff;
  /*-- Formalization --*/
  background: #244ec4;
  border: none;
  -webkit-border-radius: 1.85rem;
  border-radius: 1.85rem;
}

.agent-bottom-table {
  /*-- Positioning --*/
  right: 0;
  left: 0;
  /*-- Box model --*/
  width: 92.6rem;
  margin: 8.7037rem auto 0;
  /*-- Formalization --*/
  /* border: 1px solid #86a5df; */
  -webkit-border-radius: 0.8333rem;
  border-radius: 0.8333rem;
}

.agent-bottom-table__title {
  /*-- Formalization --*/
  background: #b8cfff;
  -webkit-border-radius: 0.8333rem 0.8333rem 0 0;
  border-radius: 0.8333rem 0.8333rem 0 0;
}

/*
      .agent-bottom-table__title::after {
        display: block;
        content: "";
        clear: both; }*/
.agent-bottom-table__title .agent-bottom-table__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  min-height: 12.1296rem;
}

.agent-bottom-table__title .agent-bottom-table__cell p {
  /*-- Typography --*/
  font-size: 3.5185rem;
}

.agent-bottom-table__row {
  /*-- Formalization --*/
  background: #fff;
}

/*
      .agent-bottom-table__row::after {
        display: block;
        content: "";
        clear: both; }*/
.agent-bottom-table__row:nth-last-of-type(1) {
  /*-- Formalization --*/
  -webkit-border-radius: 0 0 0.8333rem 0.8333rem;
  border-radius: 0 0 0.8333rem 0.8333rem;
}

.agent-bottom-table__cell {
  /*-- Box model --*/
  min-height: 4.8148rem;
}

.agent-bottom-table__row:nth-of-type(2n) {
  /*-- Formalization --*/
  background: #e9eefc;
}

.agent-bottom-table__cell {
  /*-- Positioning --*/
  position: relative;
  /*-- Box model --*/
  display: inline-block;
  float: right;
  width: 14.285%;
  height: 8.7037rem;
  /*-- Formalization --*/
  border-left: 1px solid #86a5df;
}

.agent-bottom-table__cell p {
  /*-- Positioning --*/
  position: absolute;
  top: 0;
  bottom: 0;
  /*-- Box model --*/
  display: table;
  width: 100%;
  margin: auto;
  /*-- Typography --*/
  font-size: 3.7037rem;
  line-height: 1.3;
  text-align: center;
  color: #040404;
}

.agent-bottom-table__cell:nth-of-type(7n) {
  /*-- Formalization --*/
  /*border-left: none;*/
}

/* new 06-08-18 */
.agent-bottom-table__row,
.agent-bottom-table__title {
  display: table;
  width: 100%;
}

.agent-bottom-table__cell:nth-last-of-type(1) {
  border-color: #ffffff;
}

.agent-bottom-table__row:nth-of-type(2n)
  .agent-bottom-table__cell:nth-last-of-type(1) {
  border-color: #ffffff;
}

.agent-bottom-table__title .agent-bottom-table__cell:nth-last-of-type(1) {
  border-radius: 0.8333rem 0 0 0;
  border-color: #b8cfff;
}

.agent-bottom-table__cell {
  width: auto;
  display: table-cell;
  float: none;
  overflow: hidden;
}

.agent-bottom-table {
  width: 99rem;
}

.agent-bottom-table__cell_data {
  width: 25%;
}

.agent-bottom-table__row .agent-bottom-table__cell p {
  padding-left: 1rem;
}

/* LOTTO ADD */

@font-face {
  font-family: "AbrilFatface-Regular";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/AbrilFatface/AbrilFatface-Regular.eot");
  src: url("../fonts/AbrilFatface/AbrilFatface-Regular.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/AbrilFatface/AbrilFatface-Regular.woff") format("woff"),
    url("../fonts/AbrilFatface/AbrilFatface-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "OpenSansHebrew-ExtraBold";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-ExtraBold.eot");
  src: url("../fonts/OpenSansHebrew/OpenSansHebrew-ExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("../fonts/OpenSansHebrew/OpenSansHebrew-ExtraBold.woff") format("woff"),
    url("../fonts/OpenSansHebrew/OpenSansHebrew-ExtraBold.ttf")
      format("truetype");
}

.card-info-timer-container {
  width: 74.55rem;
}

button {
  cursor: pointer;
}

.header__back-button {
  position: absolute;
  width: 3.33333rem;
  height: 5.83333rem;
  top: 1.6rem;
  bottom: 0;
  right: 4.16667rem;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  margin: auto;
}

.header__back-button.header__back-button_blue {
  background-image: url("../img/arrow-blue-button-icon.png");
}

.header__back-button.header__back-button_pink {
  background-image: url("../img/arrow-pink-button-icon.png");
}

.header__back-button.header__back-button_orange {
  background-image: url("../img/arrow-orange-button-icon.png");
}

.header__menu-button.header__menu-button_green {
  background-image: url("../img/menu_green-icon.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.header__menu-button.header__menu-button_pink {
  background-image: url("../img/menu_pink-icon.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.header__menu-button.header__menu-button_orange {
  background-image: url("../img/menu_orange-icon.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

main.main.main_green-mod {
  /* background-image: url("../img/main-backgrounds/green-background.png"); */
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
}

main.main.main_pink-mod {
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
}

main.main.main_orange-mod {
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
}

.small-content {
  position: relative;
  display: block;
  width: 72.40741rem;
  min-height: 25.55556rem;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 1.2037rem;
  background: white;
  padding-bottom: 5rem;
}

.small-content.small-content__short {
  padding-bottom: 3.14815rem;
}

.small-content-double-item-container {
  padding-top: 0.09259rem;
}

.small-content-double-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;
  margin-top: 4.35185rem;
}

.small-content-double-item:nth-of-type(1) {
  margin-top: 3.88889rem;
}

.small-content-double-item__text {
  display: inline-block;
  font-size: 3.33333rem;
  line-height: 1;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #003400;
  vertical-align: middle;
}

.small-content-double-item__icon {
  display: inline-block;
  width: 2.68519rem;
  height: 2.68519rem;
  margin-right: 3.42593rem;
  margin-left: 1.75926rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #02881a;
  vertical-align: middle;
}

.cards-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  width: 50.92593rem;
  left: 0;
  right: 0;
  margin: auto;
}

.cards-list.cards-list_small-popup {
  width: 87.59259rem;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  direction: ltr;
}

.cards-list.cards-list_middle-popup {
  width: 61.2963rem;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

body .cards-list.cards-list_middle-popup .cards-list__card {
  width: 10.37037rem;
  height: 10.37037rem;
  line-height: 10.37037rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #2e2e2e;
}

body .cards-list.cards-list_middle-popup .cards-list__card:nth-of-type(1n) {
  margin-right: 2.31481rem;
}

body .cards-list.cards-list_middle-popup .cards-list__card:nth-of-type(5n + 1) {
  margin-right: 0;
}

body .cards-list.cards-list_small-popup .cards-list__card {
  width: 8.14815rem;
  height: 8.14815rem;
  line-height: 8.14815rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #2e2e2e;
}

body .cards-list.cards-list_small-popup .cards-list__card:nth-of-type(1n) {
  margin-right: 1.75926rem;
}

body .cards-list.cards-list_small-popup .cards-list__card:nth-of-type(9n) {
  margin-right: 0;
}

.cards-list.cards-list__short .cards-list__card {
  line-height: 6.85185rem;
}

.cards-list.cards-list__short .cards-list__card .cards-list__card__text-center {
  line-height: 1.2963rem;
  font-size: 2rem;
  vertical-align: top;
}

.cards-list.cards-list_orange .cards-list__card {
  color: #ff6b00;
  background: #f1f1f1;
}

.cards-list.cards-list_pink .cards-list__card {
  color: #9b0048;
  background: #eb9fc4;
}

.cards-list.cards-list_orange .cards-list__card.active {
  color: #ffffff;
  background: #ff6b00;
}

.cards-list.cards-list_pink .cards-list__card.active {
  color: #ffffff;
  background: #9b0048;
}

.cards-list.cards-list__wide {
  width: 64.35185rem;
}

.cards-list.cards-list__wide .cards-list__card:nth-of-type(1n) {
  margin-right: 3.24074rem;
}

.cards-list.cards-list__wide .cards-list__card:nth-of-type(5n + 1) {
  margin-right: 0;
}

.cards-list__orange {
  background: red;
}

.cards-list__card {
  width: 10.27778rem;
  height: 10.27778rem;
  margin-top: 2.87037rem;
  font-size: 4.44444rem;
  line-height: 10.27778rem;
  color: #02881a;
  background: #f7f7f7;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  cursor: pointer;
  text-align: center;
  margin-right: 3.24074rem;
  border-radius: var(--number-border-radius);
}

.cards-list__card.not-circle {
  border-radius: 0.4444rem;
}

.cards-list__card:nth-of-type(4n + 1) {
  margin-right: 0;
  border-radius: 4rem;
}

.cards-list__card.active {
  color: #fffefe;
  background: #02881a;
}

.cards-list__card.cards-list__card_image {
  /* background: #ecedf0; */
  background: none;
}

.cards-list__card.cards-list__card_image img.cards-list__card-image_tambourine {
  width: 6.48148rem;
  height: 7.77778rem;
}

.cards-list__card.cards-list__card_image img.cards-list__card-image_heart {
  margin-top: 1.01852rem;
  width: 6.66667rem;
  height: 6.75926rem;
}

.cards-list__card.cards-list__card_image img.cards-list__card-image_cross {
  margin-top: 0.46296rem;
  width: 7.31481rem;
  height: 8.33333rem;
}

.cards-list__card.cards-list__card_image img.cards-list__card-image_peak {
  margin-top: 0.46296rem;
  width: 6.66667rem;
  height: 8.24074rem;
}

.cards-list.large_card {
  /* width: 39.81481rem; */
  width: 50rem;
}

.cards-list.large_card_gray {
  width: 100%;
}

.cards-list.large_card_gray .cards-list__card {
  background: #f7f7f7;
  -webkit-border-radius: 0.4444rem;
  border-radius: 8rem;
  width: 9.35185rem;
  height: 9.35185rem;
  line-height: 9.35185rem;
}

.cards-list.large_card_gray .cards-list__card:nth-of-type(1n) {
  margin-right: 4.16667rem;
}

.cards-list.large_card_gray .cards-list__card:nth-of-type(4n + 1) {
  margin-right: 0;
  border-radius: 4rem;
}

.cards-list.large_card_gray .cards-list__card.active {
  color: #fffefe;
  background: #02881a;
}

.cards-list.large_card_gray.pink-mod .cards-list__card {
  color: #9b0048;
}

.cards-list.large_card_gray.pink-mod .cards-list__card.active {
  color: #fffefe;
  background: #9b0048;
}

.cards-list.large_card_gray.orange-mod .cards-list__card {
  color: #ff6b00;
}

.cards-list.large_card_gray.orange-mod .cards-list__card.active {
  color: #fffefe;
  background: #ff6b00;
}

.cards-list.large_card .cards-list__card {
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  /* width: 17.77778rem; */
  width: 22rem;
  height: 9.35185rem;
  line-height: 9.35185rem;
  background: #ffffff;
}

.cards-list.large_card .cards-list__card:nth-of-type(1n) {
  margin-right: 4.16667rem;
}

.cards-list.large_card .cards-list__card:nth-of-type(2n + 1) {
  margin-right: 0;
}

.cards-list.large_card .cards-list__card.active {
  color: #fffefe;
  background: #02881a;
}

.small-content__title {
  margin-right: 1.92593rem;
  padding-top: 2.2963rem;
}

.small-content__title.padding-bottom-mod {
  padding-bottom: 3.05556rem;
}

.small-content__title.margin-mod {
  margin-right: 3.81481rem;
  font-size: 4rem;
}

.small-content__title.margin-top-mod {
  padding-top: 0.7037rem;
}

.small-content__title.small-content__title__orange .small-content__title-text {
  color: #ff6b00;
}

.small-content__title.small-content__title__pink .small-content__title-text {
  color: #9b0048;
}

.small-content__title.small-content__title__pink .small-content__big-value {
  color: #9b0048;
}

.small-content__big-value {
  position: absolute;
  top: 5.3704rem;
  left: 9.35185rem;
  font-size: 5rem;
  line-height: 1;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #02881a;
}

.small-content__title-text {
  vertical-align: middle;
  display: inline-block;
  line-height: 1.2;
  max-width: 41.66667rem;
  font-size: 4.5rem;
  color: #02881a;
}

.small-content__title-text.full-width {
  max-width: unset;
}

.small-content__title-text.margin-top-mod {
  margin-top: 1.94444rem;
}

.info-icon-wrap.not-title {
  width: 95%;
  margin: 3rem auto;
  float: unset;
}

.info-icon {
  display: inline-flex;
  width: 7rem;
  height: 7rem;
  border: 0.25rem solid #244ec4;
  color: #244ec4;
  font-size: 5rem;
  line-height: 1;
  border-radius: 100%;
  cursor: pointer;
  background-color: white;
  align-items: center;
  justify-content: center;
}

.info-icon-wrap.green .info-icon {
  border: 0.25rem solid #02881a;
  color: #02881a;
}

.popup-background {
  position: fixed;
  width: 100%;
  height: 100%;
  /* height: calc(100vh / 0.3); */
  background: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  z-index: 100;
}

.popup-background::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1000vh;
  background: rgba(0, 0, 0, 0.4);
  top: 100%;
  left: 0;
}

/* @media (max-width: 1300px) {
  .popup-background {
    height: calc(100vh / 0.4);
  }
}

@media (max-width: 992px) {
  .popup-background {
    height: calc(100vh / 0.6);
  }
} */

@media (max-width: 760px) {
  .popup-background {
    height: 100vh;
  }
}

.video-popup-wrap {
  display: none;
  align-items: center;
  justify-content: center;
}

.video-popup-wrap.active {
  display: flex;
  z-index: 100000000000000000;
}

.video-popup {
  width: 90rem;
}

.video-popup video {
  width: 100%;
}

.banner-wrap {
  position: relative;
}

.banner-button {
  position: absolute;
  background: white;
  padding: 2rem 3rem;
  border-radius: 0.4444rem;
  font-size: 3rem;
  line-height: 1;
  top: 0;
  left: 0;
  cursor: pointer;
}

.banner-button:hover {
  opacity: 0.9;
}

.video-popup .main_only-blue .background-button {
  height: 16.5rem !important;
}

.info-popup {
  display: none;
  align-items: center;
  justify-content: center;
}

.info-popup.active {
  display: flex;
}

.info-popup-close-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.info-popup-container {
  position: relative;
  z-index: 1;
}

.info-popup-close {
  position: relative;
  width: 5rem;
  height: 5rem;
  margin-bottom: 1rem;
  margin-right: auto;
  transform: rotate(45deg);
  transition: transform 0.3s;
  cursor: pointer;
  z-index: 1;
}

.info-popup-close:after,
.info-popup-close:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 0.5rem;
  height: 100%;
  top: 0;
  left: calc(50% - 0.25rem);
}

.info-popup-close:before {
  width: 100%;
  height: 0.5rem;
  top: calc(50% - 0.25rem);
  left: 0;
}

.info-text {
  direction: rtl;
  width: 80rem;
  background: #eee;
  border: 0.25rem solid #244ec4;
  padding: 2rem;
  border-radius: 1rem;
  background-color: white;
  font-family: "AbrilFatface-Regular", sans-serif;
  font-size: 3.5rem;
}

.info-text strong {
  text-decoration: underline;
}

.info-icon-wrap {
  float: left;
}

.info-icon-wrap.not-title .info-text {
  right: 0;
  left: unset;
}

.small-content__title.text-center {
  text-align: center;
  width: 100%;
  margin-right: 0;
  margin-top: 1.11111rem;
  margin-bottom: 0.46296rem;
}

.margin-minus-mod {
  margin-top: -0.27778rem;
}

.small-content__title-number {
  display: inline-block;
  width: 5.37037rem;
  height: 5.37037rem;
  font-size: 3.7963rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  text-align: center;
  line-height: 4.35185rem;
  padding-right: 0.18519rem;
  margin-left: 1.2963rem;
  color: #02881a;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  animation: pulse2 2s ease-in-out infinite;
}

.small-content__title-number img {
  width: 5.37037rem;
  height: 5.37037rem;
}

.playing-cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 55.55556rem;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: 2.59259rem;
  padding-bottom: 4.62963rem;
}

.playing-cards.seven {
  display: flex;
  width: 90%;
  justify-content: space-between;
}

.playing-cards__card {
  position: relative;
  overflow: hidden;
  width: 10.27778rem;
  height: 14.62963rem;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  margin-right: 3.98148rem;
  margin-top: 2.87037rem;
  background: #e1e1e1;
  border: 0.09259rem solid #b1b1b1;
}

.playing-cards.seven .playing-cards__card {
  margin-right: 0 !important;
}

.playing-cards__card:before {
  content: "בחר";
  position: absolute;
  height: 3rem;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  font-size: 3rem;
  color: #9c9ca4;
  line-height: 1;
}

.playing-cards__card img {
  position: relative;
  width: 10.27778rem;
  height: 14.62963rem;
  z-index: 1;
}

.playing-cards__card:nth-of-type(4n + 1) {
  margin-right: 0;
}

/* playing-cards-small-row */

.playing-cards-small-row {
  width: 95%;
  border-bottom: 0.25rem solid #ced0b6;
  padding-bottom: 2.59259rem;
}

.playing-cards-small-row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.playing-cards-small-row .playing-cards__card {
  margin-top: 0;
  margin-right: 0;
  transform: scale(0.8);
}

/* playing-cards-small-row */

.small-content-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 53.7037rem;
  left: 0;
  right: 0;
  margin: auto;
  direction: ltr;
  justify-content: space-between;
}

.small-content-top {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 30.55556rem;
  top: 3.24074rem;
  left: 3.61111rem;
  margin: auto;
  direction: ltr;
}

.small-content-top.small-content-top__orange .small-content-button {
  background: #ff6b00;
  color: #ffffff;
}

.small-content-top.small-content-top__orange .trashcan-button {
  background-image: url("../img/trashcan-button__orange.png");
}

.small-content-top.small-content-top__pink .small-content-button,
.small-content-top__pink.small-content-button {
  background: #9b0048;
  color: #ffffff;
  width: auto;
}

.small-content-top.small-content-top__pink .trashcan-button {
  background-image: url("../img/trashcan-button__pink.png");
}

.trashcan-button {
  display: inline-block;
  width: 4.90741rem;
  height: 5.46296rem;
  border: none;
  background: none;
  background-image: url("../img/trashcan-icon.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.trashcan-button:focus {
  outline: none;
}

.small-content-button {
  display: inline-block;
  /* width: 21.01852rem; */
  width: auto;
  height: 3.88889rem;
  -webkit-border-radius: 1.85185rem;
  border-radius: 1.85185rem;
  font-size: 2.59259rem;
  line-height: 0rem;
  margin-top: 1.2037rem;
  margin-left: 2.12963rem;
  padding-bottom: 0.37037rem;
  text-align: center;
  color: #02881a;
  background: #f7f7f7;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  border: none;
}
.small-content-button.save-template {
  display: inline-block;
  width: 100%;
  height: 5rem;
  -webkit-border-radius: 1.85185rem;
  border-radius: 1.85185rem;
  font-size: 4rem;
  text-align: center;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  border: none;
}
.small-content-button:focus {
  outline: none;
}

.small-content-table {
  overflow: hidden;
  width: 53.51852rem;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 2.68519rem;
  border: 0.09259rem solid #02881a;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
}

.small-content-table.big {
  width: 75rem;
}

.small-content-table__orange {
  border-color: #ff6300;
}

.small-content-table__orange .small-content-table__row_title {
  background: #ff6b00;
}

.small-content-table__orange .small-content-table__cell {
  border-color: #ff6b00;
}

.small-content-table__orange
  .small-content-table__row_title
  .small-content-table__cell
  p {
  color: #ffffff;
}

.small-content-table__orange .small-content-table__cell p {
  color: #ff6b00;
}

.small-content-table__pink {
  border-color: #da1b78;
}

.small-content-table__pink .small-content-table__row_title {
  background: #9b0048;
}

.small-content-table__pink .small-content-table__cell {
  border-color: #9b0048;
}

.small-content-table__pink
  .small-content-table__row_title
  .small-content-table__cell
  p {
  color: #ffffff;
}

.small-content-table__pink .small-content-table__cell p {
  color: #9b0048;
}

.small-content-table__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.small-content-table__row.green p {
  color: #348a00;
}

.small-content-table__row.red p {
  color: #ed261d;
}

.small-content-table__row:nth-last-of-type(1) {
  -webkit-border-radius: 0.83333rem;
  border-radius: 0.83333rem;
}

.small-content-table__row.small-content-table__row_background {
  background: #e2e2e2;
}

.small-content-table__cell {
  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;
  overflow: hidden;
  width: 100%;
  height: 6.85185rem;
  border-left: 0.09259rem solid #02881a;
  text-align: center;
  color: #02881a;
  font-size: 3.14815rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
}

.small-content-table__cell p {
  line-height: 1;
}

.small-content-table__cell:nth-last-of-type(1) {
  border-left: none;
}

.small-content-table__row_title .small-content-table__cell {
  height: 8.14815rem;
  line-height: 8.14815rem;
  color: black;
}

.small-content-table__row_title {
  background: white;
}

.small-content-undertable-button {
  display: block;
  width: 63.7037rem;
  height: 10.18519rem;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  font-size: 4.62963rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 5.37037rem;
  background: #02881a;
  color: #ffffff;
  border: none;
}

.small-content-statistics-button {
  display: block;
  width: 100%;

  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  font-size: 3.63rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  left: 0;
  right: 0;
  margin: auto;
  height: 7.982rem;
  line-height: 7.982rem;
  margin-top: 1.37037rem;
  background: #244ec4;
  color: #ffffff;
  border: none;
}

.small-content-undertable-button:focus {
  outline: none;
}

.small-content-undertable-button.small-content-undertable-button__orange {
  background: #ff6b00;
}

.small-content-undertable-button.small-content-undertable-button__pink {
  background: #9b0048;
}

.playing-cards-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  padding-top: 17.77778rem;
  display: none;
  overflow-y: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.612);
}

.playing-cards-popup-wrapper.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 100000000000000000;
}

.playing-cards-popup__bottom-text {
  font-size: 4.62963rem;
  margin-top: 2.31481rem;
  color: #9b0048;
  text-align: center;
}

.playing-cards-popup__bottom-text_orange {
  color: #ff6b00;
}

.playing-cards-popup-scroll {
  /* padding-top: 120.37037rem; */
  position: relative;
  width: 100%;
  height: auto;
}

.playing-cards-popup-scroll::after {
  width: 100%;
  display: block;
  content: "";
  height: 12.96296rem;
}

.playing-cards-popup-scroll::before {
  width: 100%;
  display: block;
  content: "";
  height: 12.96296rem;
}

.playing-cards-popup {
  position: absolute;
  width: calc(100% - 4rem);
  max-width: 600px;
  top: 38rem;
  height: auto;
  min-height: 18.51852rem;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #f7f7f7;
  padding-bottom: 4.53704rem;
  -webkit-box-shadow: 0px 0.46296rem 0.44907rem 0.01389rem rgba(7, 7, 7, 0.5);
  box-shadow: 0px 0.46296rem 0.44907rem 0.01389rem rgba(7, 7, 7, 0.5);
}

.playing-cards-popup__title {
  position: relative;
  display: block;
  width: 100%;
  height: 11.48148rem;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: 0.18519rem solid #dfdfe2;
}

.playing-cards-popup__title-left {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-right: 1.2963rem;
  left: 0;
  top: 0;
  direction: ltr;
}

.playing-cards-popup__trashcan-button {
  width: 4.90741rem;
  height: 5.46296rem;
  display: inline-block;
  margin-left: 1.2963rem;
  margin-top: 0.77778rem;
  vertical-align: middle;
  border: none;
  background: none;
  background-image: url("../img/playing-cards-title-trashcan-icon.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.playing-cards-popup__trashcan-button:focus {
  outline: none;
}

.playing-cards-popup__title-text {
  margin-top: 3.51852rem;
  margin-left: 3.61111rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 2.59259rem;
  color: #1c221d;
  vertical-align: middle;
  display: inline-block;
}

.playing-cards-popup__right-title-text {
  position: absolute;
  right: 13.98148rem;
  top: 2.31481rem;
  font-size: 4.07407rem;
  color: #1b221d;
  font-family: "OpenSansHebrew-Bold", sans-serif;
}

.playing-cards-popup__title-pink-button {
  width: 21.01852rem;
  height: 3.88889rem;
  line-height: 3.88889rem;
  background: #da1b78;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  color: #ffffff;
  text-align: center;
}

.playing-cards-popup__title-orange-button {
  width: 21.01852rem;
  height: 3.88889rem;
  line-height: 3.88889rem;
  background: #ff6b00;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  color: #ffffff;
  text-align: center;
}

.playing-cards-popup-container {
  padding-top: 1.75926rem;
}

.playing-cards-popup-container.margin-top {
  margin-top: 5rem;
}

.playing-cards-popup__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 87.22222rem;
  left: 0;
  right: 0;
  margin: auto;
}

.playing-cards-popup__cell-statistic-wrap {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 1.11111rem;
  text-align: center;
  font-size: 2.5rem;
  line-height: 4rem;
}

.playing-cards-popup__cell-statistic-wrap.names {
  font-size: 2.2rem;
  margin-top: -0.3rem;
  margin-left: 0;
  text-align: right;
}

.playing-cards-popup__cell-statistic-item.red {
  color: #ff2013;
}

.playing-cards-popup__cell {
  position: relative;
  width: 8.42593rem;
  height: 11.94444rem;
  margin-top: 1.2037rem;
  margin-left: 1.11111rem;
  -webkit-border-radius: 0.74074rem;
  border-radius: 0.74074rem;
  background: #ffffff;
}

.playing-cards-popup__cell img {
  width: 8.42593rem;
  height: 11.94444rem;
}

.playing-cards-popup__cell:nth-last-of-type(1) {
  margin-left: 0;
}

.playing-cards-popup__cell-wrap .playing-cards-popup__cell:nth-last-of-type(1) {
  margin-left: 1.11111rem;
}

.playing-cards-popup__cell-wrap:nth-last-of-type(1) .playing-cards-popup__cell {
  margin-left: 0;
}

.playing-cards-popup__cell_trump {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.playing-cards-popup__cell_trump_peak {
  width: 3.61111rem;
  height: 4.44444rem;
  top: 1.11111rem;
  left: 1.11111rem;
  background-image: url("../img/cards/trump-small-peak.png");
}

.playing-cards-popup__cell_trump_heart {
  width: 4.16667rem;
  height: 4.16667rem;
  top: 1.2037rem;
  left: 0.92593rem;
  background-image: url("../img/cards/trump-small-heart.png");
}

.playing-cards-popup__cell_trump_cross {
  width: 3.98148rem;
  height: 4.53704rem;
  top: 1.11111rem;
  left: 1.11111rem;
  background-image: url("../img/cards/trump-small-cross.png");
}

.playing-cards-popup__cell_trump_tambourine {
  width: 3.7037rem;
  height: 4.53704rem;
  top: 1.11111rem;
  left: 1.11111rem;
  background-image: url("../img/cards/trump-small-tambourine.png");
}

.playing-cards-popup__cell.active_black {
  background: black;
}

.playing-cards-popup__cell.active_red {
  background: red;
}

.playing-cards-popup__cell.active .playing-cards-popup__cell_trump_peak {
  background-image: url("../img/cards/trump-small-peak_active.png");
}

.playing-cards-popup__cell.active .playing-cards-popup__cell_trump_heart {
  background-image: url("../img/cards/trump-small-heart_active.png");
}

.playing-cards-popup__cell.active .playing-cards-popup__cell_trump_cross {
  background-image: url("../img/cards/trump-small-cross_active.png");
}

.playing-cards-popup__cell.active .playing-cards-popup__cell_trump_tambourine {
  background-image: url("../img/cards/trump-small-tambourine_active.png");
}

.playing-cards-popup__cell.active .playing-cards-popup__cell_value {
  color: #ffffff;
}

.playing-cards-popup__cell_value {
  position: absolute;
  line-height: 0.79;
  bottom: 1.01852rem;
  right: 0.92593rem;
  font-size: 5.23519rem;
  font-family: "AbrilFatface-Regular", sans-serif;
  text-transform: uppercase;
  color: #000000;
}

.playing-cards-popup__cell_value.q-mod {
  bottom: 2.12963rem;
}

.playing-cards-popup__cell_value.red {
  color: #ff1305;
}

/* reduced */

.playing-cards-popup__cell.reduced {
  position: relative;
  background-image: url("../img/cards/trump-small-peak.png"),
    url("../img/cards/trump-small-heart.png"),
    url("../img/cards/trump-small-tambourine.png"),
    url("../img/cards/trump-small-cross.png");
  background-size: 2.5rem;
  background-position: 0.5rem 0.5rem, /* top left */ calc(100% - 0.5rem) 0.5rem,
    /* top right */ 0.5rem calc(100% - 0.5rem),
    /* bottom left */ calc(100% - 0.5rem) calc(100% - 0.5rem);
  /* bottom right */
  background-repeat: no-repeat;
}

.playing-cards-popup__cell.reduced.forms {
  width: 10.42593rem;
  background-color: unset;
  background-image: url("../img/cards/trump-peak.png"),
    url("../img/cards/trump-heart.png"),
    url("../img/cards/trump-tambourine.png"),
    url("../img/cards/trump-cross.png");
  background-size: 4.1rem;
  margin-left: 2.35185rem;
}

.playing-cards-popup__cell.reduced.active {
  position: relative;
  background-image: url("../img/cards/trump-small-peak_active.png"),
    url("../img/cards/trump-small-heart_active.png"),
    url("../img/cards/trump-small-tambourine_active.png"),
    url("../img/cards/trump-small-cross_active.png");
  background-size: 2.5rem;
  background-position: 0.5rem 0.5rem, /* top left */ calc(100% - 0.5rem) 0.5rem,
    /* top right */ 0.5rem calc(100% - 0.5rem),
    /* bottom left */ calc(100% - 0.5rem) calc(100% - 0.5rem);
  /* bottom right */
  background-repeat: no-repeat;
}

.playing-cards-popup__cell.reduced .playing-cards-popup__cell_value {
  height: 3rem;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  line-height: 3rem;
  font-size: 3.5rem;
}

/* reduced */

.playing-cards-popup__title-cell {
  display: inline-block;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

.playing-cards-popup__title-cell_peak {
  width: 7.40741rem;
  height: 11.94444rem;
  margin-top: 1.2037rem;
  margin-left: 3.98148rem;
  margin-right: 0.83333rem;
  background-image: url("../img/cards/trump-peak.png");
}

.playing-cards-popup__title-cell_heart {
  width: 7.40741rem;
  height: 11.94444rem;
  margin-top: 1.2037rem;
  margin-left: 3.98148rem;
  margin-right: 0.83333rem;
  background-image: url("../img/cards/trump-heart.png");
}

.playing-cards-popup__title-cell_cross {
  width: 8.05556rem;
  height: 11.94444rem;
  margin-top: 1.2037rem;
  margin-left: 4.25rem;
  margin-right: 0rem;
  background-image: url("../img/cards/trump-cross.png");
}

.playing-cards-popup__title-cell_tambourine {
  width: 7.22222rem;
  height: 11.94444rem;
  margin-top: 1.2037rem;
  margin-left: 4.35185rem;
  margin-right: 0.64815rem;
  background-image: url("../img/cards/trump-tambourine.png");
}

.playing-cards-popup__close-button {
  width: 3.51852rem;
  height: 3.42593rem;
  margin-top: 3.7963rem;
  margin-right: 5rem;
  border: none;
  background: none;
  background-image: url("../img/playing-cards-popup-close-icon.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.playing-cards-popup__close-button:focus {
  outline: none;
}

.card-info-timer.card-info-timer_blue {
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.card-info-timer.card-info-timer_blue .card-info-timer__title {
  color: white;
}

.card-info-timer.card-info-timer_blue .card-info-timer__cell {
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-info-timer.card-info-timer_green {
  background: #02881a !important;
}

.card-info-timer.card-info-timer_green .card-info-timer__title {
  color: white;
}

.card-info-timer.card-info-timer_green .card-info-timer__cell {
  background: white;
}

.card-info-timer.card-info-timer_green .card-info-timer__cell p {
  color: #4c4c4c;
}

.card-info-timer.card-info-timer_gray {
  background-image: url("../img/grey-tablered-background.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.card-info-timer.card-info-timer_gray .card-info-timer__title {
  color: #1721af;
}

.card-info-timer.card-info-timer_gray .card-info-timer__cell {
  background: url("../img/new-tablered_grey.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-info-timer.card-info-timer_red {
  background-image: url("../img/pink-tablered-background.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.card-info-timer.card-info-timer_red .card-info-timer__title {
  color: #ff87c4;
}

.card-info-timer.card-info-timer_red .card-info-timer__cell {
  background: url("../img/new-tablered_pink.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-info-timer.card-info-timer_orange {
  background-image: url("../img/orange-tablered-background.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
}

.card-info-timer.card-info-timer_orange .card-info-timer__title {
  color: #aa3a00;
}

.card-info-timer.card-info-timer_orange .card-info-timer__cell {
  background: url("../img/new-tablered_orange.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.background-button {
  width: 100%;
  height: 19.07407rem;
  background: none;
  border: none;
  background-repeat: repeat-y;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center;
  font-size: 7.40741rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  text-align: center;
  line-height: 19.07407rem;
  color: #ffdc00;
}

.background-button:focus {
  outline: none;
}

.background-button_blue-gradient {
  background-image: url("../img/gradient_blue-background.png");
}

.background-button_green {
  background-image: url("../img/green-background.png");
}

.background-button_pink {
  background-image: url("../img/pink-background.png");
}

.background-button_orange {
  background-image: url("../img/orange-background.png");
  color: #1721af;
}

.background-button_gray {
  background-image: url("../img/gray-background.png");
  color: #1721af;
}

.question-block {
  position: relative;
  width: 100%;
  min-height: 15.09259rem;
  margin-top: 1.57407rem;
  background: #ffffff;
  padding-top: 5rem;
  padding-bottom: 4.53704rem;
}

.question-block .question-block__name {
  max-width: 77.77778rem;
  font-size: 5.62963rem;
  font-family: "OpenSansHebrew-ExtraBold", sans-serif;
  line-height: 1;
  color: #4c4c4c;
  font-weight: bold;
}

.question-block-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11.94444rem;
  margin: auto;
  width: 5.37037rem;
  height: 5.37037rem;
  background: none;
  border: none;
  background-image: url("../img/ico/question-button.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.question-block-button:focus {
  outline: none;
}

.question-block-button_blue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 9.5rem;
  margin: auto;
  width: 5.37037rem;
  height: 5.37037rem;
  background: none;
  border: none;
  background-image: url("../img/question-button-blue.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.question-block-button:focus {
  outline: none;
}

.content-overlay {
  position: relative;
}

.content-overlay .question-block-button {
  top: 2.87037rem;
}

.question-block-button.question-block-button_pink {
  background-image: url("../img/ico/question-button_pink.png");
}

.question-block-button.question-block-button_orange {
  background-image: url("../img/ico/question-button_orange.png");
}

.center-button {
  display: block;
  width: 77.5rem;
  height: 10.18519rem;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  font-size: 4.62963rem;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 7.12963rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  background: #02881a;
  color: #ffffff;
  border: none;
}

.center-button.margin-top-mod {
  margin-top: 41.85185rem;
}

.center-button:focus {
  outline: none;
}

.main__top-line.main__top-line_empty {
  background: none;
}

.content {
  width: 100%;
  min-height: 46.2963rem;
  background: #ffffff;
}

.double-item-option {
  color: #b6bbc1;
  text-align: center;
  font-size: 4.16667rem;
  padding-top: 3.51852rem;
  padding-bottom: 3.51852rem;
}

.double-item-option label {
  color: #02881a;
  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: 85.18519rem;
  line-height: 1.2;
  width: auto;
  margin-top: 0rem;
  text-align: right;
  font-family: OpenSansHebrew-Bold, sans-serif;
  margin-right: 3.61111rem;
}

.double-item-option input {
  display: none;
}

.double-item-option label::before {
  display: inline-block;
  min-width: 6.4815rem;
  height: 6.4815rem;
  content: "";
  margin-left: 2.96296rem;
  background-color: #b0b2cd;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
}

.double-item-option input:checked + label::before {
  background-image: url(../img/checkmark_green.png);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 80% 80%;
  background-size: 80%;
}

.double-item-container {
  position: relative;
  max-width: 70rem;
  left: 0;
  right: 0;
  margin: auto;
}

.double-item-container.margin-bottom {
  padding-bottom: 2.37037rem;
}

.double-item-container .question-block-button {
  left: 3.7963rem;
}

.summery-block {
  background: white;
  margin-bottom: 4rem;
  border-radius: 0.444rem;
}

.table-double {
  padding: 4rem;
}

.table-double.cupon {
  display: flex;
  gap: 3rem;
}

.table-double.cupon input {
  width: calc(100% - 23rem);
  margin: 0;
}

.table-double.cupon .bottom-buttons-button {
  width: 20rem;
  min-width: unset;
}

.table-double__pink-mod .table-double__cell p {
  color: #9b0048;
}

.table-double__orange-mod .table-double__cell p {
  color: black;
}

.table-double__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  width: 100%;
}

.table-double__cell {
  position: relative;
  display: inline-block;
  width: auto;
}

.table-double__cell p {
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.5rem;
  color: #02881a;
}

.table-double__cell-icon {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  width: 3.61111rem;
  height: 3.61111rem;
  left: 0;
  margin: auto;
  background: url("../img/ico/coin-small.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.table-double__cell_left {
  padding-left: 4.16667rem;
  min-width: 17.40741rem;
}

.double-item-title {
  margin-right: 7.40741rem;
  margin-bottom: 2.68519rem;
  margin-top: 0.77778rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.7037rem;
  color: #9b0048;
}

.double-item-title_orange {
  color: #ff6b00;
}

.side-container {
  max-width: 70rem;
  left: 0;
  right: 0;
  margin: auto;
}

.side-container-button {
  width: 83.7037rem;
  height: 10.18519rem;
  margin-top: 4.81481rem;
  margin-right: 3.33333rem;
  border: none;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  background: #02881a;
  margin-bottom: 4.81481rem;
  color: #ffffff;
  font-size: 4.16667rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
}

.side-container-button:focus {
  outline: none;
}

.content-table {
  margin-top: 2.31481rem;
  padding-bottom: 11.94444rem;
}

.content-table__row {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #ecedf0;
}

.content-table__row.content-table__row_background-mod {
  background: #d1d7e3;
}

.content-table__cell {
  width: 20%;
  height: 9.72222rem;
  line-height: 9.72222rem;
  padding-right: 3.33333rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  font-size: 3.7037rem;
  color: #02881a;
}

.content-table__cell p {
  display: inline-block;
  vertical-align: middle;
}

.content-table__cell.center-cell {
  width: 30%;
  color: #003300;
  font-size: 4.16667rem;
}

.content-table__cell:nth-of-type(1) {
  padding-right: 3.33333rem;
}

.content-table__cell:nth-last-of-type(1) {
  min-width: 9.25926rem;
  padding-left: 3.33333rem;
  margin-right: 3.7037rem;
  text-align: left;
}

.content-table__coin {
  display: inline-block;
  width: 3.61111rem;
  height: 3.61111rem;
  vertical-align: middle;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("../img/ico/coin-small.png");
}

.center-input_fullwidth {
  width: 100%;
  height: 9rem;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  font-size: 4.16667rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  background: #f7f7f7;
  padding-right: 3.88889rem;
  border: none;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: block;
}

.center-input_fullwidth::-webkit-input-placeholder {
  color: #02881a;
}

.center-input_fullwidth::-moz-placeholder {
  color: #02881a;
}

.center-input_fullwidth:-ms-input-placeholder {
  color: #02881a;
}

.center-input_fullwidth::-ms-input-placeholder {
  color: #02881a;
}

.center-input_fullwidth::placeholder {
  color: #02881a;
}

.center-input_fullwidth:focus {
  outline: none;
}

.center-input_fullwidth_pink::-webkit-input-placeholder {
  color: #9b0048;
}

.center-input_fullwidth_pink::-moz-placeholder {
  color: #9b0048;
}

.center-input_fullwidth_pink:-ms-input-placeholder {
  color: #9b0048;
}

.center-input_fullwidth_pink::-ms-input-placeholder {
  color: #9b0048;
}

.center-input_fullwidth_pink::placeholder {
  color: #9b0048;
}

.center-input_fullwidth_orange::-webkit-input-placeholder {
  color: #ff6b00;
}

.center-input_fullwidth_orange::-moz-placeholder {
  color: #ff6b00;
}

.center-input_fullwidth_orange:-ms-input-placeholder {
  color: #ff6b00;
}

.center-input_fullwidth_orange::-ms-input-placeholder {
  color: #ff6b00;
}

.center-input_fullwidth_orange::placeholder {
  color: #ff6b00;
}

.card-summary-additional.green-mod .card-summary-additional__info .bold {
  color: #02881a;
}

.card-summary-additional.pink-mod .card-summary-additional__info .bold {
  color: #9b0048;
}

.card-summary-additional.orange-mod .card-summary-additional__info .bold {
  color: #ff6b00;
}

body .card-summary-total.green-mod {
  border-color: #b0b0b0 !important;
  background-color: #ecedf0 !important;
}

.card-summary-total.green-mod .card-summary-total__price {
  color: #02881a;
}

.card-summary-total.green-mod:before {
  width: 3.61111rem;
  height: 3.61111rem;
  background: url("../img/ico/coin-small.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-summary-total.green-mod .card-summary-total__name p .bold {
  color: #02881a;
  margin-right: 2.22222rem;
}

body .card-summary-total.pink-mod {
  border-color: #b0b0b0 !important;
  background-color: #ecedf0 !important;
}

.card-summary-total.pink-mod .card-summary-total__price {
  color: #9b0048;
}

.card-summary-total.pink-mod:before {
  width: 3.61111rem;
  height: 3.61111rem;
  background: url("../img/ico/coin-small.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-summary-total.pink-mod .card-summary-total__name p .bold {
  color: #9b0048;
  margin-right: 2.22222rem;
}

body .card-summary-total.orange-mod {
  border-color: #b0b0b0 !important;
  background-color: #ecedf0 !important;
}

.card-summary-total.orange-mod .card-summary-total__price {
  color: #ff6b00;
}

.card-summary-total.orange-mod:before {
  width: 3.61111rem;
  height: 3.61111rem;
  background: url("../img/ico/coin-small.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.card-summary-total.orange-mod .card-summary-total__name p .bold {
  color: #ff6b00;
  margin-right: 2.22222rem;
}

.bottom-buttons_card-summary.green-mod .bottom-buttons-button {
  background: #02881a;
}

.bottom-buttons_card-summary.green-mod .bottom-buttons-button_left {
  padding-right: 3rem;
}

.bottom-buttons_card-summary.pink-mod .bottom-buttons-button {
  padding-right: 0;
  background: #9b0048;
}

.bottom-buttons_card-summary.pink-mod .bottom-buttons-button_left {
  padding-right: 3rem;
}

.bottom-buttons_card-summary.orange-mod .bottom-buttons-button {
  padding-right: 0;
  background: #ff6b00;
}

.bottom-buttons_card-summary.orange-mod .bottom-buttons-button_left {
  padding-right: 3rem;
}

.card-info-timer.card-info-timer_small {
  width: 72.31481rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-border-radius: 0 0 1.1733rem 1.1733rem;
  border-radius: 0 0 6rem 6rem;
}

.card-info-timer.card-info-timer_small .card-info-timer__cell {
  width: 13.33333rem;
  height: 13.33333rem;
}

.card-info-timer.card-info-timer_small .card-info-timer__cell p {
  line-height: 13.33333rem;
}

body .card-info-timer.card-info-timer_small .card-info-timer__title {
  padding-bottom: 0.4rem;
  min-height: 0;
  text-align: center;
}

body .card-info-timer.card-info-timer_small .card-info-timer__separate {
  margin-top: 12.08333rem;
}

body .card-info-timer.card-info-timer_small {
  min-height: 39.62963rem;
  padding-bottom: 5rem;
}

.question-block.question-block_small {
  position: relative;
  display: flex;
  align-items: center;
  width: 72.31481rem;
  left: 0;
  right: 0;
  margin: 3.77778rem auto 0;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  cursor: pointer;
  box-shadow: 0 0.5333rem 1.3333rem rgba(0, 0, 0, 0.75);
  padding: 0 3rem;
}

.question-block__arrow-button {
  position: absolute;
  left: 2.96296rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.33333rem;
  height: 5.83333rem;
  border: none;
  background: url("../img/arrow-left-green-button-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.question-block__arrow-button_blue {
  position: absolute;
  left: 2.96296rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3.33333rem;
  height: 5.83333rem;
  border: none;
  background: url("../img/arrow-blue-button-left-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.question-block.question-block_small .question-block-button {
  left: 8.05556rem;
}

body .card-info-timer.card-info-timer_small .card-info-timer__shadow {
  margin: 1.4rem auto 0;
}

.card-info-timer.card-info-timer_small .card-info-timer__group {
  width: 13.33333rem;
}

.card-info-timer.card-info-timer_small .card-info-timer-container {
  width: 63.88889rem;
}

.card-info-timer.card-info-timer_small .card-info-timer__name p {
  font-size: 4.07407rem;
  margin-top: 1.11111rem;
}

.card-info-timer.card-info-timer_small .card-info-timer__cell p {
  font-size: 7.26389rem;
}

.card-info-timer.card-info-timer_small .card-info-timer__title {
  font-size: 3.38426rem;
}

.chance-tooltip-wrapper {
  position: fixed;
  display: table;
  top: 10.18519rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 93.42593rem;
  min-height: 48.88889rem;
  background: #f7f7f7;
  -webkit-box-shadow: 0rem 0.46296rem 1.48148rem 0rem rgba(0, 0, 0, 0.47);
  box-shadow: 0rem 0.46296rem 1.48148rem 0rem rgba(0, 0, 0, 0.47);
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
  z-index: 99;
}

.chance-tooltip-wrapper__name-line {
  position: relative;
  width: 100%;
  height: 10.18519rem;
  background: #02881a;
  -webkit-border-radius: 2.31481rem 2.31481rem 0 0;
  border-radius: 2.31481rem 2.31481rem 0 0;
}

.chance-tooltip-wrapper__name {
  font-size: 6.62963rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #f3f4f8;
  text-align: center;
  line-height: 10rem;
}

.tooltip-close-button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5rem;
  margin: auto;
  width: 3.51852rem;
  height: 3.42593rem;
  background-image: url("../img/home-chance-closer.png");
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
}

.shopping-cart-popup-wrapper .user-account-select__row,
.shopping-cart-popup-wrapper .user-account-table__title {
  table-layout: fixed;
}

.shopping-cart-popup-wrapper .user-account-table__cell {
  vertical-align: middle;
  text-align: center;
  font-size: 3rem;
  line-height: 1.1;
  text-align: center;
  color: #727272;
}

.shopping-cart-popup-wrapper .user-account-table__cell > * {
  text-align: center !important;
}

.shopping-cart-popup-wrapper .user-account-table__cell > .no-money-text-onetwo {
  color: #727272 !important;
}

.shopping-cart-popup-wrapper .options-container label {
  width: auto !important;
  text-align: center !important;
  margin-bottom: 0 !important;
}

.shopping-cart-popup-wrapper .options-container label::before {
  margin-left: 0 !important;
  width: 4.75rem !important;
  height: 4.75rem !important;
}

.shopping-cart-popup-wrapper .no-money-text-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.shopping-cart-popup-wrapper .no-money-text-wrapper .pay-form-container {
  margin-top: 5rem !important;
  margin-bottom: 2rem !important;
}

.form-quantity {
  display: flex;
  justify-content: center;
  gap: 0.25rem;
}

.form-quantity__minus-btn {
  width: 4rem;
  height: 4rem;
  font-size: 3rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.form-quantity__value {
  width: 4rem;
  height: 4rem;
  font-size: 3.25rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.1rem solid #000;
  line-height: 1;
}

.form-quantity__plus-btn {
  width: 4rem;
  height: 4rem;
  font-size: 3rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}

.shopping-cart-popup-wrapper .user-account-table__cell p {
  position: static;
  padding-top: 0;
  /* line-height: inherit !important; */
}

/* .shopping-cart-popup-wrapper .user-cards-list-info__addintional-info { */
.shopping-cart-popup-wrapper .lotto-additional-info-wrapper > * > * {
  width: 92.6rem;
  margin: 0;
  left: 0;
  right: auto;
  position: absolute;
  z-index: 5;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.4);
}

.chance-tooltip-text-wrapper {
  width: 100%;
  color: #02881a;
  font-size: 3.51852rem;
  text-align: justify;
  padding-top: 6.75926rem;
  padding-left: 5.83333rem;
  padding-right: 6.2037rem;
  padding-bottom: 8.24074rem;
  -moz-text-align-last: center;
  text-align-last: center;
}

.chance-tooltip-wrapper.chance-tooltip-wrapper_pink
  .chance-tooltip-wrapper__name-line {
  background: #da1b78;
}

.chance-tooltip-wrapper.chance-tooltip-wrapper_pink
  .chance-tooltip-text-wrapper {
  color: #9b0048;
}

.chance-tooltip-wrapper.chance-tooltip-wrapper_orange
  .chance-tooltip-wrapper__name-line {
  background: #ff6300;
}

.chance-tooltip-wrapper.chance-tooltip-wrapper_orange
  .chance-tooltip-text-wrapper {
  color: #ff6b00;
}

.playing-cards__row .playing-cards__card {
  margin-right: 1.38889rem;
  margin-top: 1.48148rem;
}

.playing-cards__row {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.playing-cards__row .playing-cards-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  direction: ltr;
  margin-left: 8.5rem;
}

.playing-cards__row .playing-cards__icon {
  position: absolute;
  width: 7.59259rem;
  height: 7.59259rem;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #f7f7f7;
  background-image: url("../img/ico/playing-card-icon.png");
  background-position: center center;
  -webkit-background-size: 4.07407rem 3.98148rem;
  background-size: 4.07407rem 3.98148rem;
  background-repeat: no-repeat;
}

.playing-cards__row .playing-cards__icon.active {
  background-color: #00994d;
}

.small-content__blue .small-content__title-text {
  color: #244ec4;
}

.small-content__blue .cards-list.large_card .cards-list__card {
  color: #004fff;
}

.small-content__blue .cards-list.large_card .cards-list__card.active {
  color: #ffffff;
  background: #244ec4;
}

.small-content__blue .small-content-button {
  background: #244ec4;
  color: #ffffff;
}

.small-content__blue .trashcan-button {
  background-image: url("../img/blue-trashcan-icon.png");
}

.small-content__blue .small-content__big-value {
  color: #244ec4;
  margin-right: 25rem;
}

.small-content__blue .small-content-table {
  border-color: #c9cbd0;
}

.small-content__blue .small-content-table__cell {
  border-color: #004fff;
}

.small-content__blue .small-content-table__cell {
  color: var(--main-blue);
}

.small-content__blue .small-content-undertable-button {
  background: #244ec4;
}

.space-between-item {
  width: 65.74074rem;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 3.05556rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
  padding-bottom: 5.64815rem;
  align-items: center;
}

.space-between-item p {
  font-size: 3.51852rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  color: #566899;
}

.balls-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 54.62963rem;
}

.balls-container-lotto-shitati-hazak {
  max-width: 64.62963rem !important;
}

.balls-container.balls-container__small {
  max-width: 9.25926rem;
}

.space-between-item__cell:nth-of-type(1) .space-between-item__title {
  padding-right: 1.57407rem;
}

.balls-container {
  margin-top: 2.40741rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.balls-container .ball {
  width: 8.7037rem;
  height: 10.37037rem;
  background-image: url("../img/ball_red_2.png");
  background-position: center center;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  margin-right: 0.46296rem;
  background-repeat: no-repeat;
}

.ball-fix-number-active {
  background-image: url("../img/blue-ball.png") !important;
}

.balls-container .ball p {
  line-height: 8.61111rem;
  text-align: center;
  color: #100b5d;
  font-size: 4.07407rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
}

.balls-container .ball.ball_yellow {
  background-image: url("../img/ball_yellow_2.png");
}

.balls-container .ball.ball_yellow p {
  color: #422406;
}

.balls-container .ball:nth-of-type(1) {
  margin-right: 0;
}

.small-content__blue .small-content-table__row.small-content-table__row_title {
  background: white;
}

.small-content__blue
  .small-content-table__row.small-content-table__row_title
  .small-content-table__cell {
  color: #244ec4;
  background: gainsboro;
}

main.main {
}

.small-content-table__cell.golden__icon {
  position: relative;
}

.small-content-table__cell.golden__icon p {
  padding-left: 5rem;
}

.small-content-table__cell.golden__icon::after {
  content: "";
  position: absolute;
  display: block;
  width: 4.62963rem;
  height: 3.24074rem;
  background: red;
  left: 3.7037rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url("../img/bigcoin-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.double-icon-button {
  position: relative;
  display: block;
  width: 74.81481rem;
  height: 10.09259rem;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 4.53704rem;
  border: none;
  background: #002eb9;
  -webkit-border-radius: 0.4444rem;
  border-radius: 0.4444rem;
}

.double-icon-button__green {
  background: #14a201;
}

.double-icon-button__text {
  font-size: 4.62963rem;
  font-family: "OpenSansHebrew-Bold", sans-serif;
  text-align: center;
  color: white;
}

.double-icon-button__note-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.33333rem;
  width: 5.64815rem;
  height: 7.12963rem;
  margin: auto;
  background: url("../img/ico/note-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.double-icon-button__human-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.77778rem;
  width: 7.5rem;
  height: 8.24074rem;
  margin: auto;
  background: url("../img/ico/human-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.double-icon-button__download-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 3.98148rem;
  width: 4.35185rem;
  height: 6.11111rem;
  margin: auto;
  background: url("../img/ico/download-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.double-icon-button__android-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.42593rem;
  width: 5.92593rem;
  height: 6.66667rem;
  margin: auto;
  background: url("../img/ico/android-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.triple-item {
  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;
  left: 0;
  right: 0;
  margin: auto;
  min-height: 10.27778rem;
}

.triple-item.triple-item__small {
  min-height: 5.46296rem;
}

.triple-item__main-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 32.5rem;
  min-height: 10.27778rem;
}

.triple-item.triple-item__small {
  margin-top: 2.31481rem;
  padding-left: 0.37037rem;
}

.triple-item.triple-item__small .triple-item__check-icon {
  top: 0.27778rem;
}

.triple-item.triple-item__small .triple-item__check-icon.active {
  background: #ff63b8;
}

.triple-item.triple-item__small .triple-item__number-icon {
  top: 0.64815rem;
}

.triple-item.triple-item__small .triple-item__right-cell {
  min-height: 5.46296rem;
}

.triple-item.triple-item__small .triple-item__left-cell {
  min-height: 5.46296rem;
}

.triple-item.triple-item__small .triple-item__main-cell {
  width: 57.31481rem;
  min-height: 5.46296rem;
}

.triple-item.triple-item__small .triple-item__right-cell {
  width: 6.85185rem;
}

.triple-item.triple-item__small .triple-item__left-cell {
  width: 7.68519rem;
}

.triple-item.triple-item_pink .triple-item__main-cell .cards-list__card {
  color: #9b0048;
  background: #f7f7f7;
}

.triple-item.triple-item_pink .triple-item__main-cell .cards-list__card.active {
  background: #da1b78;
  color: #ffffff;
}

.triple-item.triple-item__small .triple-item__main-cell .cards-list__card {
  margin-top: 0;
  line-height: 5.46296rem;
  font-size: 3.05556rem;
  width: 5.46296rem;
  height: 5.46296rem;
}

.triple-item.triple-item__small
  .triple-item__main-cell
  .cards-list__card:nth-of-type(1n) {
  margin-right: 1.01852rem;
}

.triple-item.triple-item__small
  .triple-item__main-cell
  .cards-list__card:nth-of-type(9n + 1) {
  margin-right: 0rem;
}

.triple-item__main-cell .cards-list__card {
  width: 8.14815rem;
  height: 8.14815rem;
  line-height: 8.14815rem;
  margin-top: 1.01852rem;
}

.triple-item__main-cell .cards-list__card:nth-of-type(1n) {
  margin-right: 3.98148rem;
}

.triple-item__main-cell .cards-list__card:nth-of-type(3n + 1) {
  margin-right: 0rem;
}

.triple-items-container {
  margin-top: 2.5rem;
}

.triple-items-container.margin-top {
  margin-top: 4.16667rem;
  margin-bottom: 3.7037rem;
}

.triple-item.triple-item_orange .cards-list__card {
  color: #ff6b00;
  background: #f1f1f1;
}

.triple-item.triple-item_orange .cards-list__card.active {
  background: #ff6b00;
  color: #f1f1f1;
}

.triple-item.active {
  position: relative;
}

.triple-item.active::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 10.27778rem;
  background: url("../img/active-background_opacity.png");
}

.triple-item__number-icon {
  position: absolute;
  left: 0;
  right: 0;
  width: 3.88889rem;
  height: 3.88889rem;
  top: 3.24074rem;
  margin-right: 2.5rem;
}

.triple-item__check-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 2.87037rem;
  margin-right: 0rem;
  width: 4.90741rem;
  height: 4.90741rem;
  background: #bfbfc7;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.triple-item__check-icon.active {
  background: #ffb072;
}

.triple-item__icon {
  position: absolute;
  top: 1.11111rem;
  left: 1.01852rem;
  margin: auto;
  width: 2.59259rem;
  height: 2.5rem;
  background: url("../img/ico/small-card-icon.png") center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
}

.triple-item__number-icon img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.triple-item__right-cell {
  position: relative;
  display: inline-block;
  width: 12.22222rem;
  min-height: 10.27778rem;
}

.triple-item__left-cell {
  position: relative;
  display: inline-block;
  width: 13.42593rem;
  min-height: 10.27778rem;
}

.cards-list.card_list_blue .cards-list__card {
  color: #244ec4;
  background: #f7f7f7;
}

.cards-list.card_list_blue .cards-list__card.active {
  background: #244ec4;
  color: #ffffff;
}

.fontSize .agent-bottom-table__cell p {
  font-size: 2rem;
}

/* @media only screen and (max-width: 992px) {
  .playing-cards-popup-wrapper {
    height: -webkit-calc(100vh - 17.778rem);
    height: calc(100vh - 17.778rem);
  }
} */

.table-double__blue-mod .table-double__cell p {
  color: #244ec4;
}

.cards-list.large_card_gray.blue-mod .cards-list__card.active {
  color: #fffefe;
  background: #244ec4;
}

.cards-list.large_card_gray.blue-mod .cards-list__card {
  color: #244ec4;
}

.blue {
  color: #244ec4 !important;
}

.home-button-phone-icon {
  background-image: url(../img/banners/phone-icon.png);
  width: 4rem;
  height: 4rem;
  margin-right: 7.7rem;
}

/*==========  Desktop First  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  /**/
}

/* @media only screen and (min-width: 760px) {

  .zoom {
    height: 1000rem;
    -ms-transform: scale(0.6, 0.6);
    -webkit-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    margin-top: -220rem;
  }

  .mobile-menu {
    top: 16.2rem !important;
  }

  .mobile-menu__menu-button {
    display: none;
  }

  main.main {
    padding-top: 17.9rem;
    display: block;
  }

  .desktop-menu-button {
    left: 15rem;
    width: 3rem;
  }

  .desktop-back-button {
    right: 15rem;
    width: 1.5rem;
    top: 1.2rem !important;


  }

  .desktop-header {
    height: 8.4rem !important;
    padding-top: 0.5rem;
  }

  .desktop-logo {
    width: 17rem !important;
  }

  .home-button-apple-icon {
    background-image: url(../img/banners/apple.png);
    width: 5.2rem;
    height: 7rem;
    margin-right: 2rem;

  }

  .home-button-contact-us-icon {
    background-image: url(../img/banners/contact-us.png);
    width: 6rem;
    height: 5rem;
    margin-right: 7.7rem;
    margin-top: 1.2rem;
  }

  .home-button-android-icon {
    background-image: url(../img/banners/android.png);
    width: 6rem;
    height: 7rem;
    margin-right: 1.6rem;
  }
} */

/* Medium Devices, Desktops
@media only screen and (min-width: 992px) {

  .home-button-apple-icon {
    background-image: url(../img/banners/apple.png);
    width: 5.2rem;
    height: 7rem;
    margin-right: 3.7rem;

  }

  .home-button-contact-us-icon {
    background-image: url(../img/banners/contact-us.png);
    width: 6rem;
    height: 5rem;
    margin-right: 7.7rem;
    margin-top: 1.2rem;
  }

  .home-button-android-icon {
    background-image: url(../img/banners/android.png);
    width: 6rem;
    height: 7rem;
    margin-right: 3.2rem;
  }

  body {}

  .zoom {
    height: 1000rem;
    -ms-transform: scale(0.4, 0.4);
    -webkit-transform: scale(0.4, 0.4);
    transform: scale(0.4, 0.4);
    margin-top: -320rem;
  }

  .mobile-menu {
    top: 16.2rem !important;
  }

  .mobile-menu__menu-button {
    display: none;
  }

  main.main {
    padding-top: 17.9rem;
    display: block;
  }

  .desktop-menu-button {
    left: 15rem;
    width: 3rem;
  }

  .desktop-back-button {
    right: 15rem;
    width: 1.5rem;
    top: 0 !important;


  }

  .desktop-header {
    height: 5.2rem !important;
    padding-top: 0.5rem;
  }

  .desktop-logo {
    width: 9rem !important;
  }
} */

@media only screen and (min-width: 1300px) {
  /*
  .zoom {
    height: 1000rem;
    -ms-transform: scale(0.3, 0.3);
    -webkit-transform: scale(0.3, 0.3);
    transform: scale(0.3, 0.3);
    margin-top: -368rem;
  }*/
}

/* Small Devices, Tablets */
@media only screen and (max-width: 992px) {
  .agent-bottom-table {
    border-width: 1px !important;
  }

  .popup {
    height: 100%;
  }
}

.home-button-contact-us-icon {
  background-image: url(../img/banners/contact-us.png);
  width: 6rem;
  height: 5rem;
  margin-right: 7.7rem;
  margin-top: 1.2rem;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .home-button__text_user_info {
    margin-right: 0rem !important;
  }

  .home-button-apple-icon {
    background-image: url(../img/banners/apple.png);
    width: 5.2rem;
    height: 7rem;
    margin-right: 2rem;
  }

  .home-button-android-icon {
    background-image: url(../img/banners/android.png);
    width: 6rem;
    height: 7rem;
    margin-right: 1.6rem;
  }

  .header__logo-image {
    width: 32rem;
    margin-right: 2rem;
    margin-top: 1rem !important;
  }

  .menu-account-icon {
    background-size: 5% !important;
  }

  .sub-menu-account-icon {
    background-size: 3% !important;
  }

  .sub-menu-balance-icon {
    background-size: 3% !important;
  }

  .sub-menu-faq-icon {
    background-size: 3% !important;
  }

  .sub-menu-price-list-icon {
    background-size: 3% !important;
  }

  .sub-menu-cards-icon {
    background-size: 3% !important;
  }

  .sub-menu-withdraw-icon {
    background-size: 3% !important;
  }

  .menu-account-icon {
    background-size: 5% !important;
  }

  .menu-shekel-icon {
    background-size: 5% !important;
  }

  .menu-about-icon {
    background-size: 5% !important;
  }

  .menu-home-icon {
    background-size: 5% !important;
  }

  .menu-history-icon {
    background-size: 5% !important;
  }

  .menu-contact-us-icon {
    background-size: 5% !important;
  }

  .menu-exit-icon {
    background-size: 5% !important;
  }

  /**/
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
  /**/
}