.SSCircle {
    height: 200px;
    width: 200px;
    position: absolute;
    display: inline-block;
    border-radius: 50%;
    font-size: 100%;
    box-sizing: content-box;
    font-size: 200px;
    left: calc(50% - 200px/2);
    top: 82px;
    display: block;
  }
  .SSCircle:after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0%;
    left: 0%;
    border-radius: 50%;
    box-sizing: border-box;
    border: solid 0.1em rgba(0,0,0,0.5);
    z-index: 1;
  }
  .SSCircle > span {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 64px;
    z-index: 0;
    color: #FDE053;
    font-family: 'CrystalBetUni-Bold';
    white-space: nowrap;
    box-sizing: content-box;
    border-radius: 50%;
  }
  .Playson-SSCircle-container-green .SSCircle > span {
      color: #33B52A;
  }
  .SSCircle > span label {
      display: block;
      font-size: 16px;
      font-family: 'CrystalNU4-Bold';
      color: #fff;
      position: relative;
      top: -5px;
  
  }
#body.en .SSCircle > span label b,
#body.ru .SSCircle > span label b,
#body_body.en .SSCircle > span label b,
#body_body.ru .SSCircle > span label b {
    margin: 0 2.5px;
}
#body.en .SSCircle > span label,
#body.ru .SSCircle > span label,
#body_body.en .SSCircle > span label,
#body_body.ru .SSCircle > span label  {
  display: flex;
  justify-content: center;
  flex-direction: row-reverse;
}
  
.small-mode .SSCircle {
    width: 120px;
    height: 120px;
    font-size: 120px;
    left: calc(50% - 120px/2);
    top: 69px;
}
.small-mode .SSCircle > span {
    font-size: 30px;
    padding-top: 33px;
}
.small-mode .SSCircle > span label {
    font-size: 12px;
}
.SSCircle > .ocBar {
    height: 100%;
    width: 100%;
    position: absolute;
    box-sizing: content-box;
  }
  .SSCircle > .ocBar:before,
  .SSCircle > .ocBar:after {
    content: '';
    height: 80%;
    width: 80%;
    position: absolute;
    border: solid 0.1em #FDE053;
    border-radius: 50%;
    box-sizing: content-box;
    clip: rect(0, 0.5em, 1em, 0);
    z-index: 2;
  }
  .Playson-SSCircle-container-green .SSCircle > .ocBar:before,
  .Playson-SSCircle-container-green .SSCircle > .ocBar:after {
      border: solid 0.1em #33B52A;
  }
  
  .Playson-SSCircle-container-yellow,
  .Playson-SSCircle-container-green {
   }
      
/*small-mode*/      
.small-mode .progressContent {
    width: 340px;
    display: flex;
    margin: 15px auto 15px;
}
.PlaysonSlotsPromoNewYearTheme .small-mode .progressContent {
  width: 340px;
  display: flex;
  margin: 11px auto 15px;
}
.small-mode .progressContent .firstDiv,
.small-mode .progressContent .secondDiv {
    width: 165px;
    height: 211px;
    border-radius: 20px;
    background: linear-gradient(179deg, #FF003D 0.51%, #B2001E 99.49%);
    box-shadow: 0 6px 0 0 #FF2C47;
    padding: 0px 35px;
    box-sizing: border-box;
    position: relative;
}
.small-mode .progressContent .firstDiv {
    margin-right: 10px;
}
.en .small-mode .progressContent .firstDiv {
    padding: 0px 45px;;
}
.small-mode .progressContent .firstDiv .playedSpinsTxt,
.small-mode .progressContent .secondDiv .receivedSpinsTxt {
    font-family: 'HelveticaMedium';
    font-feature-settings: "case" on;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 28px;
    justify-content: center;
    letter-spacing: 0.4px;
}
.small-mode .freespinsContent {
    width: 340px;
    height: 130px;
    background: linear-gradient(226.45deg, #CD0232 0%, #B3001E 100%);
    box-shadow: 0px 6px 0px #FF2C47;
    border-radius: 20px;
    position: relative;
    box-sizing: border-box;
    margin: -1px auto 30px auto;
}
.small-mode .activeSpinsTxt {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    font-family: 'HelveticaMedium';
    font-feature-settings: "case" on;
    letter-spacing: 0.3px;
    text-indent: -2px;
    line-height: 58px;
}
.small-mode .activeSpinsTxt:before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url('flower.png');
    background-size: 20px 20px;
    display: inline-block;
    margin-right: 12px;
    position: relative;
    bottom: -3px;
    left: 3px;
}
.small-mode .activeSpinsChoose {
    text-align: center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    -webkit-appearance: none;
}
.small-mode .aspNetDisabled {
  width: 160px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  right: 20px;
  bottom: 20px;
  border: none;
  cursor: auto;
  -webkit-appearance: none;
}
.freespinsContent .aspNetDisabled {
  border-radius: 14px;
  background: rgba(128, 128, 128, 1.0);
  font-family: 'Heltvetica_Neue_Ltd_Geo_700';
  font-feature-settings: "case" on;
  color: #333333;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.9px;
}
.small-mode .activeSpinsNmb {
    width: 120px;
    height: 50px;
    position: absolute;
    left: 20px;
    bottom: 21px;
    background: rgba(0,0,0,0.5);
    border-radius: 14px;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
    color: #1AD10D;
    font-family: 'CrystalBetUni-Bold';
}

/*small-mode*/
  /*cirle*/
          .SSCircle[data-fill="0"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="0"] > .ocBar:before {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="0"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="1"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="1"] > .ocBar:before {
            transform: rotate(3.6deg);
          }
          .SSCircle[data-fill="1"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="2"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="2"] > .ocBar:before {
            transform: rotate(7.2deg);
          }
          .SSCircle[data-fill="2"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="3"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="3"] > .ocBar:before {
            transform: rotate(10.8deg);
          }
          .SSCircle[data-fill="3"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="4"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="4"] > .ocBar:before {
            transform: rotate(14.4deg);
          }
          .SSCircle[data-fill="4"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="5"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="5"] > .ocBar:before {
            transform: rotate(18deg);
          }
          .SSCircle[data-fill="5"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="6"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="6"] > .ocBar:before {
            transform: rotate(21.6deg);
          }
          .SSCircle[data-fill="6"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="7"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="7"] > .ocBar:before {
            transform: rotate(25.2deg);
          }
          .SSCircle[data-fill="7"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="8"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="8"] > .ocBar:before {
            transform: rotate(28.8deg);
          }
          .SSCircle[data-fill="8"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="9"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="9"] > .ocBar:before {
            transform: rotate(32.4deg);
          }
          .SSCircle[data-fill="9"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="10"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="10"] > .ocBar:before {
            transform: rotate(36deg);
          }
          .SSCircle[data-fill="10"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="11"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="11"] > .ocBar:before {
            transform: rotate(39.6deg);
          }
          .SSCircle[data-fill="11"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="12"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="12"] > .ocBar:before {
            transform: rotate(43.2deg);
          }
          .SSCircle[data-fill="12"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="13"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="13"] > .ocBar:before {
            transform: rotate(46.8deg);
          }
          .SSCircle[data-fill="13"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="14"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="14"] > .ocBar:before {
            transform: rotate(50.4deg);
          }
          .SSCircle[data-fill="14"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="15"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="15"] > .ocBar:before {
            transform: rotate(54deg);
          }
          .SSCircle[data-fill="15"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="16"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="16"] > .ocBar:before {
            transform: rotate(57.6deg);
          }
          .SSCircle[data-fill="16"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="17"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="17"] > .ocBar:before {
            transform: rotate(61.2deg);
          }
          .SSCircle[data-fill="17"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="18"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="18"] > .ocBar:before {
            transform: rotate(64.8deg);
          }
          .SSCircle[data-fill="18"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="19"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="19"] > .ocBar:before {
            transform: rotate(68.4deg);
          }
          .SSCircle[data-fill="19"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="20"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="20"] > .ocBar:before {
            transform: rotate(72deg);
          }
          .SSCircle[data-fill="20"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="21"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="21"] > .ocBar:before {
            transform: rotate(75.6deg);
          }
          .SSCircle[data-fill="21"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="22"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="22"] > .ocBar:before {
            transform: rotate(79.2deg);
          }
          .SSCircle[data-fill="22"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="23"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="23"] > .ocBar:before {
            transform: rotate(82.8deg);
          }
          .SSCircle[data-fill="23"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="24"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="24"] > .ocBar:before {
            transform: rotate(86.4deg);
          }
          .SSCircle[data-fill="24"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="25"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="25"] > .ocBar:before {
            transform: rotate(90deg);
          }
          .SSCircle[data-fill="25"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="26"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="26"] > .ocBar:before {
            transform: rotate(93.6deg);
          }
          .SSCircle[data-fill="26"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="27"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="27"] > .ocBar:before {
            transform: rotate(97.2deg);
          }
          .SSCircle[data-fill="27"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="28"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="28"] > .ocBar:before {
            transform: rotate(100.8deg);
          }
          .SSCircle[data-fill="28"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="29"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="29"] > .ocBar:before {
            transform: rotate(104.4deg);
          }
          .SSCircle[data-fill="29"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="30"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="30"] > .ocBar:before {
            transform: rotate(108deg);
          }
          .SSCircle[data-fill="30"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="31"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="31"] > .ocBar:before {
            transform: rotate(111.6deg);
          }
          .SSCircle[data-fill="31"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="32"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="32"] > .ocBar:before {
            transform: rotate(115.2deg);
          }
          .SSCircle[data-fill="32"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="33"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="33"] > .ocBar:before {
            transform: rotate(118.8deg);
          }
          .SSCircle[data-fill="33"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="34"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="34"] > .ocBar:before {
            transform: rotate(122.4deg);
          }
          .SSCircle[data-fill="34"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="35"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="35"] > .ocBar:before {
            transform: rotate(126deg);
          }
          .SSCircle[data-fill="35"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="36"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="36"] > .ocBar:before {
            transform: rotate(129.6deg);
          }
          .SSCircle[data-fill="36"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="37"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="37"] > .ocBar:before {
            transform: rotate(133.2deg);
          }
          .SSCircle[data-fill="37"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="38"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="38"] > .ocBar:before {
            transform: rotate(136.8deg);
          }
          .SSCircle[data-fill="38"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="39"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="39"] > .ocBar:before {
            transform: rotate(140.4deg);
          }
          .SSCircle[data-fill="39"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="40"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="40"] > .ocBar:before {
            transform: rotate(144deg);
          }
          .SSCircle[data-fill="40"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="41"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="41"] > .ocBar:before {
            transform: rotate(147.6deg);
          }
          .SSCircle[data-fill="41"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="42"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="42"] > .ocBar:before {
            transform: rotate(151.2deg);
          }
          .SSCircle[data-fill="42"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="43"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="43"] > .ocBar:before {
            transform: rotate(154.8deg);
          }
          .SSCircle[data-fill="43"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="44"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="44"] > .ocBar:before {
            transform: rotate(158.4deg);
          }
          .SSCircle[data-fill="44"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="45"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="45"] > .ocBar:before {
            transform: rotate(162deg);
          }
          .SSCircle[data-fill="45"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="46"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="46"] > .ocBar:before {
            transform: rotate(165.6deg);
          }
          .SSCircle[data-fill="46"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="47"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="47"] > .ocBar:before {
            transform: rotate(169.2deg);
          }
          .SSCircle[data-fill="47"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="48"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="48"] > .ocBar:before {
            transform: rotate(172.8deg);
          }
          .SSCircle[data-fill="48"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="49"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="49"] > .ocBar:before {
            transform: rotate(176.4deg);
          }
          .SSCircle[data-fill="49"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="50"] > .ocBar {
            clip: rect(0, 1em, 1em, 0.5em);
          }
          .SSCircle[data-fill="50"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="50"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="51"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="51"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="51"] > .ocBar:after {
            transform: rotate(0deg);
          }
          .SSCircle[data-fill="52"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="52"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="52"] > .ocBar:after {
            transform: rotate(187.2deg);
          }
          .SSCircle[data-fill="53"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="53"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="53"] > .ocBar:after {
            transform: rotate(190.8deg);
          }
          .SSCircle[data-fill="54"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="54"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="54"] > .ocBar:after {
            transform: rotate(194.4deg);
          }
          .SSCircle[data-fill="55"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="55"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="55"] > .ocBar:after {
            transform: rotate(198deg);
          }
          .SSCircle[data-fill="56"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="56"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="56"] > .ocBar:after {
            transform: rotate(201.6deg);
          }
          .SSCircle[data-fill="57"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="57"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="57"] > .ocBar:after {
            transform: rotate(205.2deg);
          }
          .SSCircle[data-fill="58"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="58"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="58"] > .ocBar:after {
            transform: rotate(208.8deg);
          }
          .SSCircle[data-fill="59"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="59"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="59"] > .ocBar:after {
            transform: rotate(212.4deg);
          }
          .SSCircle[data-fill="60"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="60"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="60"] > .ocBar:after {
            transform: rotate(216deg);
          }
          .SSCircle[data-fill="61"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="61"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="61"] > .ocBar:after {
            transform: rotate(219.6deg);
          }
          .SSCircle[data-fill="62"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="62"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="62"] > .ocBar:after {
            transform: rotate(223.2deg);
          }
          .SSCircle[data-fill="63"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="63"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="63"] > .ocBar:after {
            transform: rotate(226.8deg);
          }
          .SSCircle[data-fill="64"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="64"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="64"] > .ocBar:after {
            transform: rotate(230.4deg);
          }
          .SSCircle[data-fill="65"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="65"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="65"] > .ocBar:after {
            transform: rotate(234deg);
          }
          .SSCircle[data-fill="66"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="66"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="66"] > .ocBar:after {
            transform: rotate(237.6deg);
          }
          .SSCircle[data-fill="67"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="67"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="67"] > .ocBar:after {
            transform: rotate(241.2deg);
          }
          .SSCircle[data-fill="68"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="68"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="68"] > .ocBar:after {
            transform: rotate(244.8deg);
          }
          .SSCircle[data-fill="69"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="69"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="69"] > .ocBar:after {
            transform: rotate(248.4deg);
          }
          .SSCircle[data-fill="70"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="70"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="70"] > .ocBar:after {
            transform: rotate(252deg);
          }
          .SSCircle[data-fill="71"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="71"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="71"] > .ocBar:after {
            transform: rotate(255.6deg);
          }
          .SSCircle[data-fill="72"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="72"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="72"] > .ocBar:after {
            transform: rotate(259.2deg);
          }
          .SSCircle[data-fill="73"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="73"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="73"] > .ocBar:after {
            transform: rotate(262.8deg);
          }
          .SSCircle[data-fill="74"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="74"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="74"] > .ocBar:after {
            transform: rotate(266.4deg);
          }
          .SSCircle[data-fill="75"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="75"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="75"] > .ocBar:after {
            transform: rotate(270deg);
          }
          .SSCircle[data-fill="76"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="76"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="76"] > .ocBar:after {
            transform: rotate(273.6deg);
          }
          .SSCircle[data-fill="77"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="77"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="77"] > .ocBar:after {
            transform: rotate(277.2deg);
          }
          .SSCircle[data-fill="78"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="78"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="78"] > .ocBar:after {
            transform: rotate(280.8deg);
          }
          .SSCircle[data-fill="79"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="79"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="79"] > .ocBar:after {
            transform: rotate(284.4deg);
          }
          .SSCircle[data-fill="80"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="80"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="80"] > .ocBar:after {
            transform: rotate(288deg);
          }
          .SSCircle[data-fill="81"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="81"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="81"] > .ocBar:after {
            transform: rotate(291.6deg);
          }
          .SSCircle[data-fill="82"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="82"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="82"] > .ocBar:after {
            transform: rotate(295.2deg);
          }
          .SSCircle[data-fill="83"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="83"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="83"] > .ocBar:after {
            transform: rotate(298.8deg);
          }
          .SSCircle[data-fill="84"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="84"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="84"] > .ocBar:after {
            transform: rotate(302.4deg);
          }
          .SSCircle[data-fill="85"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="85"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="85"] > .ocBar:after {
            transform: rotate(306deg);
          }
          .SSCircle[data-fill="86"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="86"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="86"] > .ocBar:after {
            transform: rotate(309.6deg);
          }
          .SSCircle[data-fill="87"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="87"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="87"] > .ocBar:after {
            transform: rotate(313.2deg);
          }
          .SSCircle[data-fill="88"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="88"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="88"] > .ocBar:after {
            transform: rotate(316.8deg);
          }
          .SSCircle[data-fill="89"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="89"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="89"] > .ocBar:after {
            transform: rotate(320.4deg);
          }
          .SSCircle[data-fill="90"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="90"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="90"] > .ocBar:after {
            transform: rotate(324deg);
          }
          .SSCircle[data-fill="91"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="91"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="91"] > .ocBar:after {
            transform: rotate(327.6deg);
          }
          .SSCircle[data-fill="92"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="92"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="92"] > .ocBar:after {
            transform: rotate(331.2deg);
          }
          .SSCircle[data-fill="93"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="93"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="93"] > .ocBar:after {
            transform: rotate(334.8deg);
          }
          .SSCircle[data-fill="94"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="94"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="94"] > .ocBar:after {
            transform: rotate(338.4deg);
          }
          .SSCircle[data-fill="95"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="95"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="95"] > .ocBar:after {
            transform: rotate(342deg);
          }
          .SSCircle[data-fill="96"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="96"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="96"] > .ocBar:after {
            transform: rotate(345.6deg);
          }
          .SSCircle[data-fill="97"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="97"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="97"] > .ocBar:after {
            transform: rotate(349.2deg);
          }
          .SSCircle[data-fill="98"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="98"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="98"] > .ocBar:after {
            transform: rotate(352.8deg);
          }
          .SSCircle[data-fill="99"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="99"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="99"] > .ocBar:after {
            transform: rotate(356.4deg);
          }
          .SSCircle[data-fill="100"] > .ocBar {
            clip: rect(auto, auto, auto);
          }
          .SSCircle[data-fill="100"] > .ocBar:before {
            transform: rotate(180deg);
          }
          .SSCircle[data-fill="100"] > .ocBar:after {
            transform: rotate(360deg);
          }
          /*Fill start*/
  /*end cirle*/ 
.slot-popup-navigation .slot-popup-SSCircle-bt {
    width: 129px;
    height: 34px;   
    background: linear-gradient(226.45deg, #DA0F3F 0%, #B3001E 100%) !important;
    border-radius: 4px;
    position: relative;
    font-size: 16px;
    line-height: 11px;
    font-family: 'CrystalBetUni-Bold';
    color: #fff;
    padding: 5px 0 0 36px;
    top: 2px;
}
.slot-popup-navigation .slot-popup-SSCircle-bt:after {
    content: '\e823';
    position: absolute;
    font-family: 'cb-icons';
    font-size: 6px;
    right: 14px;
    top: 10px;
}
.slot-popup-navigation .slot-popup-SSCircle-bt.Active:after {
  transform: rotate(-180deg);
}
.slot-popup-navigation .slot-popup-SSCircle-bt:before {
    content: '';
    position: absolute;
    background-image: url(flow.svg);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    left: 10px;
    top: 7px;
}
.slot-popup-navigation .slot-popup-SSCircle-bt span {
    font-size: 11px;
    display: block;
    margin-top: 1px;
}
.slot-popup-SSCircle-Container {
    position: fixed;
    top: 60px;
    left: calc(100vw - 620px);
    width: 360px;
    height: 429px;
    background: linear-gradient(226.45deg, #CD0232 0%, #B3001E 100%);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
    border-radius: 10px;
}
.agames.view_1024 .slot-popup-SSCircle-Container {
    left: calc(100vw - 490px);
}
.slot-popup-SSCircle-Container:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 6px 6px;
    border-color: transparent transparent #C6022D transparent;
    position: absolute;
    left: calc(50% - 6px);
    top: -6px;
}
.slot-popup-SSCircle-Container-header {
    height: 62px;
    width: 320px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}
.slot-popup-SSCircle-Container-header:after {
    content: '';
    background-image: url(10plus1.svg);
    background-size: 64px 24px;
    width: 64px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: calc(50% - 24px/2);
}
.slot-popup-SSCircle-Container-header span {
    display: block;
    width: 70px;
    height: 26px;
    font-size: 14px;
    line-height: 13px;
    font-family: 'CrystalBetUni-Bold';
    color: #fff;
    text-align: left;
    position: absolute;
    left: 84px;
    top: 17px;
}
.slot-popup-SSCircle-Container-close {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 23px;
    cursor: pointer;
}
.slot-popup-SSCircle-Container-close:before {
    font-family: 'cb-icons';
    content: '\e818';
    font-size: 16px;
    color: #fff;
}
.slot-popup-SSCircle-Container.small-mode .progressContent .firstDiv, 
.slot-popup-SSCircle-Container.small-mode .progressContent .secondDiv {
  background: none;
  box-shadow: none;
  height: 187px;
}
.slot-popup-SSCircle-Container.small-mode .SSCircle {
  top: 62px;
}
.slot-popup-SSCircle-Container.small-mode .progressContent .playedSpinsTxt,
.slot-popup-SSCircle-Container.small-mode .progressContent .receivedSpinsTxt {
  margin-top: 9px;
}
.slot-popup-SSCircle-Container.small-mode .freespinsContent {
  width: 320px;
  height: 130px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  box-shadow: none;
}
.slot-popup-SSCircle-Container.small-mode .activeSpinsNmb {
  width: 110px;
}
/*mobile slots*/
#main.horizontal .slot-popup-SSCircle-bt-mobile {
  top: 275px;
}
.slot-popup-SSCircle-bt-mobile {
  position: fixed;
  top: 460px;
  width: 40px;
  height: 48px;
  background: #C6022D;
  border: 2px solid #FFFFFF;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
  border-radius: 0px 4px 4px 0px;
  font-size: 11px;
  color: #fff;
  font-family: 'CrystalBetUni-Bold';
  box-sizing: border-box;
  text-align: center;
  padding-top: 25px;
  border-left: 0;
  display: block;
  text-decoration: none;
}
.slot-popup-SSCircle-bt-mobile:before {
  content: '';
  position: absolute;
  background-image: url(flow.svg);
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  left: calc(50% - 16px/2);
  top: 7px;
}
.slot-popup-SSCircle-Container-mobile-bg {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  left: 0;
  top: 0;
  z-index: 1;
}
.slot-popup-SSCircle-Container.small-mode.mobile-mode {
  width: 100%;
  height: 439px;
  position: fixed;
  bottom: 0 !important;
  left: 0 !important;
  top: initial !important;
  border-radius: 20px 20px 0px 0px;
  z-index: 2;
}
#main.horizontal .slot-popup-SSCircle-Container.small-mode.mobile-mode {
  height: calc(100vh - 50px);
  overflow-y: auto;
}
.slot-popup-SSCircle-Container.small-mode.mobile-mode:after {
  display: none;
}
.slot-popup-SSCircle-Container.small-mode.mobile-mode .slot-popup-SSCircle-Container-header {
  border-bottom: none;
}
.freespinsContent .activeSpinsChoose{
  width: 160px;
  height: 50px;
  background: #33B52A;
  border-radius: 14px;
  font-family: 'Heltvetica_Neue_Ltd_Geo_700';
  font-weight: bold;
  font-feature-settings: "case" on;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: #FFFFFF;
  justify-content: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  text-indent: -2px;
}
.ru .freespinsContent .activeSpinsChoose {
  font-family: 'CrystalBetUni-Medium';
  font-weight: lighter;
}
.en .freespinsContent .activeSpinsChoose {
  font-weight: lighter;
}
.header-promo__popup.slot-popup-SSCircle-Container.small-mode .freespinsContent .aspNetDisabled {
  display: none !important;
}