.flex-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.settings-wrapper {
  .content-wrapper {
    .content {
      background-color: #002b35;
    }
  }
}

.content-block {
  font-family: @font-family;
  color: @text-color;
  font-size: @fontSize;

  .mediumSize {
    font-size: @fontSizeMedium;
  }
  .smallSize {
    font-size: @fontSizeSmall;
  }

  .version {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    color: #bec295;
    font-size: 3vmin;
  }

  .divider {
    visibility: hidden;
  }

  .section-title {
    display: inline;
    font-family: @title-font-family;
    letter-spacing: normal;
    background: linear-gradient(#ffd02d 30%, #ffff69 45%, #f7be24 76%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: #681b00;
    text-shadow: #681b00;
    -webkit-text-stroke-width: 0.01vmin;
    padding: 10px 0;
    font-weight: 700;
    font-size: 8vmin;
    filter:
       drop-shadow(0 0.5vmin 0 #6d2a00);

    pointer-events: none;
    text-align: center;
    text-transform: uppercase;

    [class~="fi_fi" i] &,
    [class~="da_dk" i] & {
      word-break: break-word;
    }

    [class~="km_kh" i] & {
      font-weight: 900;
      -webkit-text-stroke-width: 0.15vmin;
    }

    [class~="el_GR" i] & {
      font-weight: 600;
      font-family: sans-serif;
    }

    [class~="zh_tw" i] &,
    [class~="zh_cn" i] &,
    [class~="th_th" i] &,
    [class~="ja_jp" i] &,
    [class~="ko_kr" i] &,
    [class~="km_kh" i] & {
      -webkit-text-stroke-width: 0;
    }

    [class~="es_co" i] &,
    [class~="ms_my" i] &,
    [class~="el_gr" i] &,
    [class~="fr_be" i] &,
    [class~="km_kh" i] &,
    [class~="ko_kr" i] &,
    [class~="es_mx" i] &,
    [class~="pt_br" i] &,
    [class~="ja_jp" i] &,
    [class~="th_th" i] &,
    [class~="zh_tw" i] &,
    [class~="zh_cn" i] &,
    [class~="et_ee" i] &,
    [class~="no_no" i] &,
    [class~="nb_no" i] &,
    [class~="fi_fi" i] &,
    [class~="ro_ro" i] &,
    [class~="tr_tr" i] &,
    [class~="pl_pl" i] &,
    [class~="vi_vn" i] &,
    [class~="cs_cz" i] &,
    [class~="lt_lt" i] &,
    [class~="hu_hu" i] &,
    [class~="hr_hr" i] &,
    [class~="sk_sk" i] &,
    [class~="lv_lv" i] &,
    [class~="uk_ua" i] &,
    [class~="ru_ru" i] & {
      font-family: @font-family;
    }

    [class~="no_no" i] &,
    [class~="nb_no" i] & {
      font-size: 7.4vmin;
    }
  }

  .infoHeader {
    width: 100%;
    align-items: center;
    margin-bottom: 10vmin;

    .logo {
      max-width: 40%;

      @media @portrait {
        max-width: 60%;
      }
    }
  }

  .block {
    .flex-wrapper;
    width: 80%;
  }

  .one_images_block {
    .flex-wrapper;
    flex-wrap: wrap;

    img {
      max-width: 70%;
      margin: 1.5vmin 0.25vmin 1.5vmin 0.25vmin;

      @media @portrait {
        max-width: 80%;
      }

      &.single {
        max-width: 32%;
        margin: 5vmin 0.25vmin 3vmin 0.25vmin;

        @media @portrait {
          max-width: 44%;
        }
      }

      &.dd_fish {
        max-width: 44%;
        margin: 1.5vmin 0.25vmin 1.5vmin 0.25vmin;

        @media @portrait {
          max-width: 56%;
        }
      }
    }
  }

  .middle_size {
    img {
      max-width: 50dvmin;
    }
  }

  .small_size {
    img {
      max-width: 25dvmin;
    }
  }

  .two_images_block {
    .flex-wrapper;
    flex-direction: row;
    flex-wrap: wrap;

    img {
      max-width: 70%;
      margin: 1.5vmin 0.25vmin 1.5vmin 0.25vmin;

      @media @portrait {
        max-width: 80%;
      }

      &.single {
        max-width: 17vmin;
        margin: 5vmin 1.5vmin 3vmin 1.5vmin;

        @media @portrait {
          max-width: 44%;
        }
      }

      &.dd_fish {
        max-width: 44%;
        margin: 1.5vmin 0.25vmin 1.5vmin 0.25vmin;

        @media @portrait {
          max-width: 56%;
        }
      }
    }
  }

  .single_texts_data {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: @fontSizeSmall;
    color: @text-color;
    width: 100%;

    .single_bet_data {
      font-family: @font-family;
      font-size: 3vmin;
      margin: 30px 0;
      text-transform: uppercase;
    }

    div {
      p {
        text-align: center;
      }
    }
    li {
      text-align: left;
    }

    @media @mobile {
      font-size: 2.8vmin;
    }
  }

  .payouts {
    width: 100%;
    color: #fcfcfc;

    .tier {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;

      .symbol-payout {
        justify-content: center;
        align-items: center;
        margin: 1.5vmin 2.5vmin;

        img {
          width: 20vmin;
          margin: auto;
          text-align: center;

          @media @mobile {
            width: 15vmin;
          }
        }

        .winValues {
          .flex-wrapper;
          font-size: 3vmin;

          @media @mobile {
            font-size: 2.9vmin;
          }

          padding-bottom: 3.0vmin;

          display: table;
          margin: 0 auto;
          text-align: center;

          @media @smartPortrait {
            text-align: center;
            padding-left: 0;
          }

          .paytable_container_text {
            display: table-row;
          }

          .paytable_num,
          .paytable_text {
            display: table-cell;
            vertical-align: middle;
            padding-left: 5px;
          }

          .paytable_text_FISH_05,
          .paytable_text_FISH_1,
          .paytable_text_FISH_2,
          .paytable_text_FISH_3,
          .paytable_text_FISH_5,
          .paytable_text_FISH_10,
          .paytable_text_FISH_20,
          .paytable_text_FISH_50,
          .paytable_text_FISH_100 {
            padding-left: 0;
          }
        }
      }
    }

    .special > .symbol-payout > .winValues {
      .paytable_num {
        color: #fc423d;
      }
    }

    .high > .symbol-payout > .winValues {
      .paytable_num {
        color: #fdd239;
      }
    }

    .medium > .symbol-payout > .winValues {
      .paytable_num {
        color: #17d5fb;
      }
    }
    .low > .symbol-payout > .winValues {
      .paytable_num {
        color: #9cd246;
      }
    }
  }

  .paylines-custom {
    margin-bottom: 5vmin;
    margin-top: 3vmin;

    .ways {
      display: grid;
      grid-template-columns: 1fr 1fr;

      .big img {
        max-width: 80%;

        @media @portrait {
          max-width: 90%;
        }
      }
      .small img {
        max-width: 15%;

        @media @portrait {
          max-width: 20%;
        }
      }
    }
  }
}