/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-table-with-levels/block-table-with-levels.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
.js-card {
  overflow-x: hidden;
  user-select: none;
  border-radius: 8px;
  filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.07)); }
  @media screen and (min-width: 1921px) {
    .js-card {
      border-radius: 0.4166vw;
      filter: drop-shadow(0 0.208vw 2.08vw rgba(0, 0, 0, 0.07)); } }

.js-table {
  position: relative;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }

table {
  width: 100%; }
  table tr:nth-of-type(even) {
    background-color: #fff; }
  table tr:nth-of-type(odd) {
    background-color: #f2f2f2; }
  table tr:nth-child(1) > td:first-of-type {
    border-top-left-radius: 8px; }
  table tr:nth-child(1) > td:last-of-type {
    border-top-right-radius: 8px; }
  table tr:last-child > td:first-of-type {
    border-bottom-left-radius: 8px; }
  table tr:last-child > td:last-of-type {
    border-bottom-right-radius: 8px; }
  table .table-srebro,
  table .table-zlato,
  table .table-platina,
  table .table-orange,
  table .table-blue {
    color: #fff;
    font-weight: 700; }
  table .table-orange {
    background-color: #ff5e14; }
  table .table-srebro {
    background-color: #fff;
    background: linear-gradient(90deg, #838383 0%, rgba(152, 152, 152, 0.470068) 52.99%, #838383 100%); }
  table .table-zlato {
    background: linear-gradient(90deg, #c1a045 0%, #eac76b 52.99%, #c1a045 100%); }
  table .table-platina {
    background: linear-gradient(90deg, #d9d8d6 0%, #e5e4e2 52.99%, #d9d8d6 100%); }
  table .table-yellow {
    background: #f3bc22;
    font-weight: 700;
    color: #000; }
  table .table-blue {
    background: #00a4e3; }
  table td {
    border: 1px solid #fff;
    padding: 15px 20px; }
    @media screen and (min-width: 1921px) {
      table td {
        padding: 0.78125vw 1.04167vw; } }

.snnp-collect-bonus-points-table-text {
  margin-bottom: 100px;
  margin-top: 100px; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text {
      margin-bottom: 10vw;
      margin-top: 10vw; } }
  @media screen and (max-width: 1600px) {
    .snnp-collect-bonus-points-table-text {
      margin-bottom: 128px;
      margin-top: 128px; } }
  @media screen and (max-width: 1200px) {
    .snnp-collect-bonus-points-table-text {
      margin-bottom: 96px;
      margin-top: 96px; } }
  @media screen and (max-width: 991px) {
    .snnp-collect-bonus-points-table-text {
      margin-bottom: 0;
      margin-top: 40px; } }

.snnp-collect-bonus-points-table-text__wrap {
  max-width: 1584px;
  width: 100%;
  padding: 0 24px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text__wrap {
      max-width: 82.5vw;
      padding: 0 1.25vw; } }

@media screen and (max-width: 1650px) and (min-width: 1199px) {
  .snnp-collect-bonus-points-table-text__wrap {
    padding-right: 60px; } }
  @media screen and (max-width: 991px) {
    .snnp-collect-bonus-points-table-text__wrap {
      flex-direction: column; } }

.snnp-collect-bonus-points-table-text__content {
  width: 100%;
  margin-right: 32px;
  padding-bottom: 100px; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text__content {
      max-width: 35.9895vw;
      margin-right: 1.66vw; } }
  @media screen and (max-width: 991px) {
    .snnp-collect-bonus-points-table-text__content {
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 32px; } }
  .snnp-collect-bonus-points-table-text__content .entry-content {
    margin-top: 0;
    margin-left: 132px; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text__content .entry-content {
        margin-left: 6.875vw; } }
    @media screen and (max-width: 1200px) {
      .snnp-collect-bonus-points-table-text__content .entry-content {
        margin-left: 0; } }
    .snnp-collect-bonus-points-table-text__content .entry-content p {
      margin-bottom: 16px; }
      @media screen and (min-width: 1921px) {
        .snnp-collect-bonus-points-table-text__content .entry-content p {
          margin-bottom: 0.83333vw; } }
      .snnp-collect-bonus-points-table-text__content .entry-content p:last-child {
        margin-bottom: 0; }
  @media screen and (max-width: 640px) {
    .snnp-collect-bonus-points-table-text__content {
      padding-bottom: 0; } }

.snnp-collect-bonus-points-table-text__btn {
  margin-top: 24px;
  margin-left: 132px; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text__btn {
      margin-left: 6.875vw;
      margin-top: 1.25vw; } }
  @media screen and (max-width: 1200px) {
    .snnp-collect-bonus-points-table-text__btn {
      margin-left: 0; } }

.snnp-collect-bonus-points-table-text__title-box {
  display: flex;
  align-items: center;
  margin-bottom: 24px; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text__title-box {
      margin-bottom: 1.25vw; } }
  @media screen and (max-width: 1200px) {
    .snnp-collect-bonus-points-table-text__title-box {
      flex-direction: column-reverse;
      align-items: flex-start;
      margin-bottom: 24px; } }

.snnp-collect-bonus-points-table-text__title.colored {
  color: #0079c1; }

@media screen and (max-width: 1200px) {
  .snnp-collect-bonus-points-table-text__title {
    margin-bottom: 24px; } }

.snnp-collect-bonus-points-table-text__table-box {
  max-width: 544px;
  width: 100%; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text__table-box {
      max-width: 28.3333vw; } }
  @media screen and (max-width: 991px) {
    .snnp-collect-bonus-points-table-text__table-box {
      max-width: 100%; } }
  .snnp-collect-bonus-points-table-text__table-box .entry-content {
    overflow-x: auto;
    user-select: none;
    margin-top: 0;
    margin-bottom: 32px; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text__table-box .entry-content {
        margin-bottom: 1.66vw; } }
    .snnp-collect-bonus-points-table-text__table-box .entry-content table {
      position: relative;
      border-collapse: collapse;
      table-layout: fixed;
      width: 100%; }
      @media screen and (max-width: 640px) {
        .snnp-collect-bonus-points-table-text__table-box .entry-content table {
          min-width: 544px; } }

.snnp-collect-bonus-points-table-text__note-small {
  border-top: 1px solid #0079c1;
  padding-top: 16px; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text__note-small {
      border-top: 0.05208vw solid #0079c1;
      padding-top: 0.833333vw; } }
  .snnp-collect-bonus-points-table-text__note-small .entry-content {
    margin: 0; }
    .snnp-collect-bonus-points-table-text__note-small .entry-content p:last-child {
      margin-bottom: 0; }

.site-main--online-uclanjenje .snnp-collect-bonus-points-table-text {
  margin: 130px 0 0; }
  @media screen and (min-width: 1921px) {
    .site-main--online-uclanjenje .snnp-collect-bonus-points-table-text {
      margin: 6.77vw 0 0; } }
  @media screen and (max-width: 1440px) {
    .site-main--online-uclanjenje .snnp-collect-bonus-points-table-text {
      margin: 128px 0 0; } }
  @media screen and (max-width: 1200px) {
    .site-main--online-uclanjenje .snnp-collect-bonus-points-table-text {
      margin: 90px 0 0; } }
  @media screen and (max-width: 640px) {
    .site-main--online-uclanjenje .snnp-collect-bonus-points-table-text {
      margin: 64px 0 0; } }

.snnp-collect-bonus-points-table-text.table-centered {
  margin-bottom: 100px; }
  @media screen and (min-width: 1921px) {
    .snnp-collect-bonus-points-table-text.table-centered {
      margin-bottom: 10vw; } }
  @media screen and (max-width: 1440px) {
    .snnp-collect-bonus-points-table-text.table-centered {
      margin-bottom: 128px; } }
  @media screen and (max-width: 1200px) {
    .snnp-collect-bonus-points-table-text.table-centered {
      margin-bottom: 96px; } }
  @media screen and (max-width: 991px) {
    .snnp-collect-bonus-points-table-text.table-centered {
      margin-bottom: 0; } }
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__wrap {
    width: 100%;
    padding: 0 24px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__wrap {
        max-width: 47.29167vw;
        padding: 0 1.25vw; } }

@media screen and (max-width: 1650px) and (min-width: 1199px) {
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__wrap {
    padding-right: 60px; } }
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__table-box {
    max-width: 1060px;
    width: 100%; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__table-box {
        max-width: 47.29167vw; } }
    @media screen and (max-width: 1200px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__table-box {
        max-width: 100%; } }
    .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__table-box .entry-content {
      user-select: none;
      overflow-x: auto; }
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__table-box .entry-content table {
        position: relative;
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%; }
        @media screen and (max-width: 991px) {
          .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__table-box .entry-content table {
            min-width: 859px; } }
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__content {
    width: 100%; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__content {
        max-width: 35.93vw; } }
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__content-text .entry-content {
    margin-bottom: 48px; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__content-text .entry-content {
        margin-bottom: 2.5vw; } }
    .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__content-text .entry-content p:last-child {
      margin-bottom: 0; }
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title-box {
    display: flex;
    margin-bottom: 64px;
    align-items: center; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title-box {
        margin-bottom: 3.33333vw; } }
    @media screen and (max-width: 991px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title-box {
        margin-bottom: 48px; } }
    @media screen and (max-width: 640px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title-box {
        margin-bottom: 0; } }
    @media screen and (max-width: 1500px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title-box {
        flex-direction: column-reverse;
        align-items: flex-start; } }
  .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title {
    letter-spacing: -0.3px; }
    @media screen and (min-width: 1921px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title {
        letter-spacing: -0.0156vw; } }
    @media screen and (max-width: 1500px) {
      .snnp-collect-bonus-points-table-text.table-centered .snnp-collect-bonus-points-table-text__title {
        margin-bottom: 14px; } }