@viewport {
  @media (max-width: 1150px) {
    min-width: 320px;
    orientation: portrait; } }

body {
  padding: 0px;
  margin: 0px;
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  color: #fff;
  background-color: #0d121b; }
  body strong {
    font-weight: 500; }
  body input::-webkit-outer-spin-button,
  body input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }
  body input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */ }
  body input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none; }
  body .wavesInfo {
    display: none; }
    @media (max-width: 1150px) {
      body .wavesInfo .table-wrap {
        margin-top: 0px;
        width: 251px;
        margin-right: auto;
        margin-left: auto;
        overflow-x: scroll; } }
    body .wavesInfo .block-table {
      margin-top: 0px !important; }
    body .wavesInfo .table-cell {
      display: table-cell; }
    body .wavesInfo .table-row {
      display: table-cell; }
      @media (min-width: 1151px) {
        body .wavesInfo .table-row {
          display: table-row; } }
    body .wavesInfo a {
      font-weight: 500;
      color: #ffff00; }
      body .wavesInfo a:hover {
        color: #99ffff; }
    body .wavesInfo .swipeCircles {
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      text-align: center; }
      @media (min-width: 1151px) {
        body .wavesInfo .swipeCircles {
          display: none; } }
    body .wavesInfo .swipecircle {
      margin-right: 12px;
      width: 14px;
      height: 14px;
      margin-top: 0px !important;
      background: #5C8AE4;
      border-radius: 8px;
      display: inline-block; }
      body .wavesInfo .swipecircle.active {
        background: #FFFF00; }
      @media (min-width: 1151px) {
        body .wavesInfo .swipecircle {
          display: none; } }
    body .wavesInfo .wavesInfoImg {
      display: inline-block;
      margin-right: 18px;
      height: 432px; }
      body .wavesInfo .wavesInfoImg.lastRow {
        height: 332px; }
    @media (min-width: 1151px) {
      body .wavesInfo {
        width: 434px;
        margin-left: 35px; } }
    @media (min-width: 1151px) {
      body .wavesInfo .width434 {
        width: 434px; } }
    @media (min-width: 1151px) {
      body .wavesInfo .width512 {
        width: 512px; } }
    @media (min-width: 1151px) {
      body .wavesInfo .width772 {
        width: 772px; } }
    body .wavesInfo div {
      margin-top: 48px;
      position: relative; }
    body .wavesInfo img {
      margin-top: 26px;
      position: relative; }
      @media (min-width: 1151px) {
        body .wavesInfo img {
          left: -35px; } }
    body .wavesInfo .number {
      font-style: normal;
      font-weight: 900;
      font-size: 30px;
      line-height: 18px;
      color: #5c8ae4;
      position: absolute;
      left: -35px;
      top: 6px; }
    body .wavesInfo .button.hide {
      border: 2px solid #ffffff;
      box-sizing: border-box;
      border-radius: 27px;
      text-align: center;
      line-height: 35px; }
      @media (min-width: 1151px) {
        body .wavesInfo .button.hide {
          margin-left: 222px; } }
      @media (max-width: 1150px) {
        body .wavesInfo .button.hide {
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 22px; } }
  body .uploader {
    position: absolute;
    right: 0px;
    top: 100px;
    z-index: 3; }
    @media (max-width: 1150px) {
      body .uploader {
        display: none;
        background: #5C8AE4;
        width: 100%;
        position: absolute;
        top: 0px; } }
    @media (min-width: 1151px) {
      body .uploader {
        background: url("../images/uploaderBack.svg");
        background-size: auto auto;
        height: 482px;
        width: 41.27%; } }
    @media (max-width: 1150px) {
      body .uploader h2 {
        margin-bottom: 0px;
        padding-left: 10px;
        display: block;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: #FFFF00; } }
    @media (min-width: 1151px) {
      body .uploader h2 {
        display: none; } }
    body .uploader .noKeeper {
      background: #2A509C;
      padding-bottom: 30px; }
      @media (min-width: 1151px) {
        body .uploader .noKeeper {
          display: none; } }
      body .uploader .noKeeper .shareResults {
        margin-left: 28px; }
        @media (max-width: 1150px) {
          body .uploader .noKeeper .shareResults {
            margin-left: auto;
            margin-right: auto;
            width: 270px; } }
      body .uploader .noKeeper .insideText {
        width: 218px;
        margin: auto;
        font-weight: 300;
        font-size: 16px;
        line-height: 130%;
        /* or 21px */
        text-align: center;
        letter-spacing: 0.02em;
        color: #FFFFFF; }
      body .uploader .noKeeper .noKeeperSymbol {
        position: static;
        margin-top: 62px; }
    body .uploader .closeUploader {
      z-index: 50;
      cursor: pointer;
      color: #0d111b;
      position: absolute; }
      @media (min-width: 1151px) {
        body .uploader .closeUploader {
          display: none; } }
      @media (max-width: 1150px) {
        body .uploader .closeUploader {
          right: 14px;
          top: 12px; } }
    body .uploader .divider {
      position: relative;
      float: right;
      width: 113%;
      height: 2px;
      margin-top: 18px;
      background: #76a4ff;
      clear: both; }
    body .uploader .shareResults {
      margin-top: 18px; }
      body .uploader .shareResults .socialNetworkLink {
        margin-right: 7px;
        cursor: pointer;
        margin-top: 2px;
        border-radius: 19px;
        width: 31px;
        height: 31px;
        display: inline-block;
        text-align: center;
        margin-top: 0px;
        background: transparent;
        border: 2px solid #FFFFFF; }
        body .uploader .shareResults .socialNetworkLink svg {
          fill: #FFFFFF;
          width: 60%;
          height: 60%;
          margin-right: auto;
          margin-left: auto;
          position: relative;
          display: inline-block;
          top: 6px; }
        body .uploader .shareResults .socialNetworkLink:hover {
          border: 2px solid #FFFF00;
          background: #FFFF00; }
          body .uploader .shareResults .socialNetworkLink:hover svg {
            fill: #0D111B; }
        body .uploader .shareResults .socialNetworkLink.shareFBResult {
          margin-left: 10px; }
    body .uploader .results {
      display: none; }
      @media (min-width: 1151px) {
        body .uploader .results {
          margin-left: 107px; } }
      @media (max-width: 1150px) {
        body .uploader .results {
          margin-left: 10px;
          padding-bottom: 30px; } }
      body .uploader .results .closeResults {
        font-weight: 500;
        left: -45px;
        top: 20px;
        font-size: 13px;
        line-height: 15px;
        cursor: pointer;
        margin-top: 19px; }
        body .uploader .results .closeResults:hover {
          color: #0d111b; }
      body .uploader .results h4 {
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px;
        margin-left: 0px;
        margin-bottom: 0px; }
        body .uploader .results h4:before {
          top: -4px;
          background: transparent url("../images/star.svg") scroll 0 0 no-repeat;
          content: "";
          width: 30px;
          height: 30px;
          position: absolute;
          left: -45px; }
      body .uploader .results .untertitle {
        margin-top: 0px;
        margin-bottom: 18px;
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 170%;
        letter-spacing: 0.02em; }
        @media (max-width: 1150px) {
          body .uploader .results .untertitle {
            overflow-wrap: break-word;
            font-size: 15px; } }
      body .uploader .results .winnerTitle {
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 18px; }
      body .uploader .results .winnersWrap {
        width: 300px;
        max-height: 170px; }
      body .uploader .results .winners {
        width: 300px;
        overflow-y: hidden;
        max-height: 180px;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px;
        padding-left: 24px;
        margin: 0px; }
        body .uploader .results .winners li {
          list-style-type: none;
          counter-increment: win-counter;
          margin-top: 15px;
          position: relative; }
          body .uploader .results .winners li:before {
            content: counter(win-counter) ")";
            font-weight: 500;
            font-size: 13px;
            line-height: 15px;
            position: absolute;
            left: -24px; }
    @media (max-width: 1150px) {
      body .uploader .randomizer {
        margin-left: 10px;
        padding-bottom: 30px; } }
    body .uploader .randomizer div {
      margin-top: 18px; }
    @media (min-width: 1151px) {
      body .uploader .randomizer {
        margin-left: 19%; } }
    body .uploader .randomizer h4 {
      position: relative;
      display: inline-block;
      margin-bottom: 0px; }
      @media (min-width: 1151px) {
        body .uploader .randomizer h4 {
          font-weight: 500;
          font-size: 18px;
          line-height: 21px;
		  margin-top: 15px;
          left: -34px; } }
      @media (max-width: 1150px) {
        body .uploader .randomizer h4 {
          margin-left: 16px;
          font-weight: 500;
          font-size: 15px;
          line-height: 17px; } }
    body .uploader .randomizer .number {
      position: relative;
      background: #00ccff;
      width: 30px;
      height: 30px;
      border: 0px solid #00ccff;
      border-radius: 20px;
      font-weight: 500;
      vertical-align: middle;
      line-height: 26px;
      text-align: center;
      display: inline-block; }
      @media (min-width: 1151px) {
        body .uploader .randomizer .number {
          left: -47px; } }
    body .uploader div {
      font-family: Ubuntu;
      font-style: normal;
      font-weight: 500;
      font-size: 13px;
      line-height: 15px;
      position: relative; }
      body .uploader div input {
        border-radius: 15.5px;
        width: 116px;
        height: 31px; }
        @media (max-width: 1150px) {
          body .uploader div input {
            width: 110px; } }
        body .uploader div input.range {
          margin-left: 17px;
          margin-right: 17px;
          padding-left: 10px;
          box-sizing: border-box; }
          @media (max-width: 1150px) {
            body .uploader div input.range {
              margin-left: 10px;
              margin-right: 10px; } }
        body .uploader div input.quantity {
          padding-left: 10px;
          width: 131px;
          box-sizing: border-box; }
          @media (max-width: 1150px) {
            body .uploader div input.quantity {
              width: 67px; } }
      body .uploader div.button {
        cursor: pointer;
        width: 146px;
        height: 31px;
        background: #ffff00;
        box-shadow: 0px 4px 10px #4b7dde, 0px 2px 2px #5781d1;
        border-radius: 15.5px;
        text-align: center;
        display: inline-block;
        color: #0d111b;
        font-family: Ubuntu;
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 35px;
        margin-left: 17px;
        top: -10px; }
        body .uploader div.button.generateReport {
          margin-left: 0px;
          margin-top: 20px; }
        body .uploader div.button:hover {
          background: #99ffff;
          box-shadow: 0px 4px 10px #4b7dde, 0px 2px 2px #5781d1; }
        body .uploader div.button.detectWinners {
          background-color: #ffff00;
          border: 2px solid #ffff00;
          width: 316px;
          height: 41px;
          line-height: 34px;
          margin-left: 0px;
          margin-top: 18px; }
          body .uploader div.button.detectWinners.inactive {
            cursor: default;
            background: #B6B7B8 !important;
            border: 1px solid #B6B7B8;
            color: #0D111B; }
      body .uploader div .formatsWrap {
        margin-top: 8px; }
      body .uploader div .formats {
        max-width: 300px;
        float: left;
        display: inline-block;
        position: relative;
        color: #183d85;
        font-weight: normal;
        font-size: 12px;
        line-height: 14px;
        margin-top: 0px;
        color: white; }
        body .uploader div .formats .yellow {
          color: #FFFF00; }
      body .uploader div .deleteFile {
        display: none;
        position: relative;
        top: 0px;
        right: 0px;
        margin-left: 14px;
        margin-top: 0px;
        cursor: pointer; }
        body .uploader div .deleteFile svg {
          position: static; }
    body .uploader svg {
      position: absolute;
      right: 0px; }
    body .uploader .winnersNumber {
      width: 31px;
      height: 31px;
      position: relative;
      border: 2px solid #ffffff;
      box-sizing: border-box;
      border-radius: 15.5px;
      line-height: 25px;
      text-align: center;
      display: inline-block;
      margin-right: 16px;
      cursor: pointer; }
      body .uploader .winnersNumber:hover {
        border: 2px solid #99ffff;
        background: #99ffff;
        color: #0d111b; }
      body .uploader .winnersNumber.active {
        background-color: #ffff00;
        border: 2px solid #ffff00;
        color: #0d111b; }
  body a {
    font-style: normal;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none; }
    body a:hover {
      color: #99ffff; }
  body h1 {
    color: #ffff00;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 37px; }
    @media (max-width: 1150px) {
      body h1 {
        font-size: 24px;
        line-height: 28px; } }
  body h3 {
    color: #99ffff;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 28px; }
    @media (max-width: 1150px) {
      body h3 {
        text-align: center;
        font-size: 19px;
        line-height: 22px;
        margin-top: 0px;
        margin-bottom: 0px; } }
  body ul {
    padding-left: 35px; }
    body ul li {
      list-style-type: none;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 18px;
      margin-top: 18px;
      position: relative; }
      @media (max-width: 1150px) {
        body ul li {
          font-size: 14px;
          line-height: 130%;
          /* or 18px */
          letter-spacing: 0.02em; } }
      body ul li:before {
        background: transparent url("../images/3/ico.svg") scroll 0 0 no-repeat;
        content: "";
        width: 16px;
        height: 16px;
        position: absolute;
        top: 4px;
        left: -35px; }
  body .block-table {
    display: table; }
  body .table-row {
    display: table-row; }
  @media (min-width: 1151px) {
    body .table-cell {
      display: table-cell; } }
  body .popupWindow {
    display: none;
    z-index: 30;
    width: 100%;
    background-color: #ffffff;
    position: absolute; }
    @media (min-width: 1151px) {
      body .popupWindow {
        margin-left: -10.6%;
        height: 200px; } }
    @media (max-width: 1150px) {
      body .popupWindow {
        height: 568px;
        margin-left: -10px; } }
    body .popupWindow .line {
      background-color: #F3F3F3; }
      @media (min-width: 1151px) {
        body .popupWindow .line {
          display: none; } }
    body .popupWindow h2 {
      font-style: normal;
      font-weight: 500;
      font-size: 24px;
      line-height: 28px;
      text-align: center;
      color: #5C8AE4; }
      @media (min-width: 1151px) {
        body .popupWindow h2 {
          display: none; } }
    @media (max-width: 1150px) {
      body .popupWindow .block-table {
        display: block; } }
    body .popupWindow .closePopup {
      cursor: pointer;
      color: #0d111b;
      position: absolute; }
      @media (min-width: 1151px) {
        body .popupWindow .closePopup {
          right: 132px;
          top: 29px; } }
      @media (max-width: 1150px) {
        body .popupWindow .closePopup {
          right: 20px;
          top: 12px; } }
    @media (min-width: 1151px) {
      body .popupWindow .block-table {
        margin-top: 62px;
        padding-left: 8.92%;
        min-width: 981px; } }
    @media (max-width: 1150px) {
      body .popupWindow .block-table {
        width: 280px;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 1151px) {
      body .popupWindow .table-cell {
        width: 327px; } }
    body .popupWindow a {
      color: #0d111b;
      display: block; }
      @media (min-width: 1151px) {
        body .popupWindow a span {
          display: inline-block;
          width: 305px;
          margin-left: auto;
          margin-bottom: 10px; } }
      @media (max-width: 1150px) {
        body .popupWindow a {
          padding-bottom: 8px;
          padding-top: 8px;
          text-align: center; } }
      body .popupWindow a svg {
        display: inline-block;
        position: relative;
        top: 2px;
        vertical-align: top; }
        @media (max-width: 1150px) {
          body .popupWindow a svg {
            display: none; } }
        body .popupWindow a svg .fillColor {
          fill: #0d111b; }
        body .popupWindow a svg .fillStroke {
          stroke: #0d111b; }
      @media (min-width: 1151px) {
        body .popupWindow a:hover {
          color: #0099bf; }
          body .popupWindow a:hover svg .fillColor {
            fill: #0099bf; }
          body .popupWindow a:hover svg .fillStroke {
            stroke: #0099bf; } }
      @media (max-width: 1150px) {
        body .popupWindow a:hover {
          background-color: yellow;
          border-radius: 30px; } }

.header {
  overflow: hidden; }
  @media (max-width: 1150px) {
    .header {
      display: none; } }

.footer {
  overflow: hidden; }
  @media (max-width: 1150px) {
    .footer {
      display: none; } }

.block {
  padding-top: 32px;
  position: relative; }
  @media (max-width: 1150px) {
    .block {
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 0px; } }
  @media (min-width: 1151px) {
    .block {
      padding-left: 10.6%; } }
  .block .social-table {
    display: table;
    width: 290px; }
    @media (min-width: 1151px) {
      .block .social-table {
        margin-left: -10px; } }
    @media (max-width: 1150px) {
      .block .social-table {
        margin-left: auto;
        margin-right: auto;
        width: 290px;
        margin-top: 30px;
        margin-bottom: 39px; } }
  .block h1 {
    margin-top: 0px;
    margin-bottom: 20px; }
    @media (max-width: 1150px) {
      .block h1 {
        width: 184px; } }
  .block h3 {
    margin-top: 20px; }
    @media (max-width: 1150px) {
      .block h3 {
        margin-bottom: 0px; } }
  .block .textBlock {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    margin-top: 34px;
    line-height: 130%;
    letter-spacing: 0.02em; }
    @media (max-width: 1150px) {
      .block .textBlock {
        margin-top: 16px;
        font-size: 14px;
        line-height: 130%; } }
  .block.block1 {
    padding-bottom: 44px; }
    @media (max-width: 1150px) {
      .block.block1 {
        padding-top: 20px;
        padding-bottom: 20px; } }
    @media (min-width: 1151px) {
      .block.block1 .textBlock {
        width: 432px; } }
    .block.block1 .totemHead {
      width: calc(100% + 11px);
      margin-left: -11px; }
      @media (min-width: 1151px) {
        .block.block1 .totemHead {
          display: none; } }
    .block.block1 .openMenu {
      cursor: pointer;
      position: absolute; }
      @media (min-width: 1151px) {
        .block.block1 .openMenu {
          top: 38px;
          right: 138px; } }
      @media (max-width: 1150px) {
        .block.block1 .openMenu {
          top: 38px;
          right: 11px; } }
      .block.block1 .openMenu svg {
        fill: #ffffff; }
        .block.block1 .openMenu svg:hover {
          fill: #99ffff; }
    .block.block1 .button {
      cursor: pointer;
      width: 225px;
      height: 40px;
      font-weight: 500;
      border: 2px solid #ffffff;
      box-sizing: border-box;
      border-radius: 27px; }
      @media (max-width: 1150px) {
        .block.block1 .button {
          width: 100%;
          max-width: 300px;
          margin-left: auto;
          margin-right: auto;
          background-color: yellow;
          border: 2px solid yellow;
          color: #0d111b; } }
      .block.block1 .button#fileUpload {
        border: 2px solid yellow;
        width: 146px;
        display: inline-block; }
        .block.block1 .button#fileUpload:hover {
          background: #99ffff;
          border: 2px solid #99ffff; }
        @media (min-width: 1151px) {
          .block.block1 .button#fileUpload {
            margin-left: 26px; } }
      .block.block1 .button.show {
        text-align: center;
        line-height: 30px; }
        @media (min-width: 1151px) {
          .block.block1 .button.show {
            margin-top: 46px;
            margin-left: 275px; } }
        @media (max-width: 1150px) {
          .block.block1 .button.show {
            margin-top: 22px; } }
      .block.block1 .button:hover {
        background: #99ffff;
        border: 2px solid #99ffff;
        color: #0d111b;
        box-shadow: 0px 4px 10px #4b7dde, 0px 2px 2px #5781d1; }
    .block.block1 .makeDraw {
      text-align: center;
      line-height: 30px;
      margin-top: 20px; }
      @media (min-width: 1151px) {
        .block.block1 .makeDraw {
          display: none; } }
  .block.block2 {
    padding-bottom: 34px; }
    @media (max-width: 1150px) {
      .block.block2 .textblocks {
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        max-width: 265px; } }
    .block.block2 .block-table {
      display: inline-table;
      width: 265px; }
    .block.block2 .table-row.row2 .table-cell {
      padding-top: 13px; }
    .block.block2 .table-cell {
      display: table-cell;
      width: 126px;
      text-align: center;
      font-weight: 300;
      font-size: 14px;
      line-height: 16px; }
  .block.block3 {
    position: relative; }
    @media (min-width: 1151px) {
      .block.block3 {
        padding-bottom: 60px; } }
    @media (max-width: 1150px) {
      .block.block3 {
        padding-bottom: 40px; } }
    .block.block3 h3 {
      margin-top: 28px; }
    .block.block3 .imgTotem {
      position: absolute;
      right: 20px;
      top: 26px; }
      @media (max-width: 1150px) {
        .block.block3 .imgTotem {
          display: none; } }
    @media (min-width: 1151px) {
      .block.block3 .textBlock {
        margin-top: 34px;
        width: 432px; } }
    @media (min-width: 1151px) {
      .block.block3 ul {
        margin-top: 34px; } }
    @media (max-width: 1150px) {
      .block.block3 ul {
        margin-top: 25px; } }
  @media (min-width: 1151px) {
    .block.block4 {
      padding-bottom: 58px; }
      .block.block4 .textBlock {
        width: 500px; }
      .block.block4 h3 {
        margin-top: 32px; } }
  .block.block4 .button {
    cursor: pointer;
    width: 225px;
    height: 40px;
    font-weight: normal;
    border: 2px solid #ffffff;
    box-sizing: border-box;
    border-radius: 27px; }
    @media (max-width: 1150px) {
      .block.block4 .button {
        width: 100%;
        max-width: 300px;
        margin-left: auto;
        margin-right: auto; } }
    .block.block4 .button.show {
      text-align: center;
      line-height: 30px; }
      @media (min-width: 1151px) {
        .block.block4 .button.show {
          margin-top: 46px;
          margin-left: 275px; } }
      @media (max-width: 1150px) {
        .block.block4 .button.show {
          margin-top: 22px;
          background-color: #FFFF00;
          color: #0D111B;
          border: 2px solid #FFFF00;
          margin-bottom: 21px; } }
    .block.block4 .button:hover {
      background: #99ffff;
      border: 2px solid #99ffff;
      color: #0d111b;
      box-shadow: 0px 4px 10px #4b7dde, 0px 2px 2px #5781d1; }
  .block.block5 {
    padding-bottom: 64px; }
    @media (min-width: 1151px) {
      .block.block5 h3 {
        margin-top: 32px; } }
    @media (max-width: 1150px) {
      .block.block5 h3 {
        margin-top: 22px; } }
    @media (min-width: 1151px) {
      .block.block5 .textBlock {
        margin-top: 32px;
        width: 473px; } }
    .block.block5 ol {
      counter-reset: my-counter;
      list-style: none; }
      @media (min-width: 1151px) {
        .block.block5 ol {
          margin-top: 50px; } }
      .block.block5 ol li {
        counter-increment: my-counter;
        margin-top: 18px;
        position: relative;
        font-family: Ubuntu;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: 0.02em;
        color: #ffffff; }
        @media (min-width: 1151px) {
          .block.block5 ol li {
            width: 444px;
            font-size: 16px; } }
        @media (max-width: 1150px) {
          .block.block5 ol li {
            font-size: 14px; } }
        .block.block5 ol li:before {
          content: counter(my-counter);
          font-family: Roboto;
          font-style: normal;
          font-weight: 900;
          font-size: 30px;
          line-height: 18px;
          color: #5c8ae4;
          position: absolute;
          left: -35px;
          top: 7px; }
    @media (min-width: 1151px) {
      .block.block5 .antilope {
        width: 320px;
        position: absolute;
        bottom: 0px;
        right: 100px; } }
    @media (max-width: 1150px) {
      .block.block5 .antilope {
        display: none; } }
    @media (min-width: 1151px) {
      .block.block5 .antilope2 {
        display: none; } }
    @media (max-width: 1150px) {
      .block.block5 .antilope2 {
        width: 100%; } }
  @media (max-width: 1150px) {
    .block.block6 {
      padding-right: 0px; } }
  @media (min-width: 1151px) {
    .block.block6 {
      padding-left: 0px; } }
  @media (min-width: 1151px) {
    .block.block6 h3 {
      margin-left: 10.6%; } }
  .block.block6 .blueblock {
    position: relative;
    background: #355fb1;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 18px;
    color: #ffffff;
    box-sizing: border-box; }
    @media (min-width: 1151px) {
      .block.block6 .blueblock {
        width: calc(50% - 5px);
        height: 368px;
        padding-top: 62px;
        margin-top: -50px; } }
    @media (max-width: 1150px) {
      .block.block6 .blueblock {
        margin-left: -10px;
        padding-left: 10px; } }
    .block.block6 .blueblock a {
      color: #ffff00;
      font-weight: 500; }
      .block.block6 .blueblock a:hover {
        color: #99ffff; }
    .block.block6 .blueblock ul {
      display: table; }
      .block.block6 .blueblock ul li {
        font-weight: 300;
        font-size: 16px;
        line-height: 130%;
        /* or 21px */
        letter-spacing: 0.02em; }
    .block.block6 .blueblock h4 {
      font-weight: 500;
      font-size: 16px;
      line-height: 18px; }
      @media (min-width: 1151px) {
        .block.block6 .blueblock h4 {
          display: table;
          font-weight: normal;
          font-size: 16px;
          line-height: 18px; } }
      @media (max-width: 1150px) {
        .block.block6 .blueblock h4 {
          margin-top: 0px; } }
    .block.block6 .blueblock.bb1 {
      background-repeat: no-repeat; }
      @media (max-width: 1150px) {
        .block.block6 .blueblock.bb1 {
          background: url("../images/6/mobile_1.svg");
          background-size: cover;
          padding-top: 26px;
          padding-bottom: 20px;
          margin-top: 30px; } }
      @media (min-width: 1151px) {
        .block.block6 .blueblock.bb1 {
          background: url("../images/6/1.svg");
          padding-left: 10.6%;
          display: inline-block;
          padding-right: 17px; } }
    .block.block6 .blueblock.bb2 {
      background-repeat: no-repeat; }
      @media (max-width: 1150px) {
        .block.block6 .blueblock.bb2 {
          background: url("../images/6/mobile_2.svg");
          background-size: cover;
          padding-top: 26px;
          padding-bottom: 20px; } }
      @media (min-width: 1151px) {
        .block.block6 .blueblock.bb2 {
          background: url("../images/6/2.svg");
          padding-left: 45px;
          padding-right: 139px;
          display: inline-block; } }
      @media (min-width: 1151px) {
        .block.block6 .blueblock.bb2 .li416 {
          width: 416px; } }
      @media (max-width: 1150px) {
        .block.block6 .blueblock.bb2 .li416 {
          display: none; } }
      @media (min-width: 1151px) {
        .block.block6 .blueblock.bb2 .liMobile {
          display: none; } }
  .block.block7 {
    padding-left: 0px; }
    @media (max-width: 1150px) {
      .block.block7 {
        padding-top: 8px;
        padding-right: 0px;
        padding-bottom: 32px; } }
    .block.block7 a {
      color: #ffff00;
      font-weight: 500; }
      .block.block7 a:hover {
        color: #99ffff; }
    @media (min-width: 1151px) {
      .block.block7 h3 {
        margin-top: 0px;
        padding-left: 10.6%; } }
    @media (min-width: 1151px) {
      .block.block7 .contact {
        width: 89.13%;
        text-align: right;
        padding-right: 20px; } }
    @media (max-width: 1150px) {
      .block.block7 .contact {
        padding-left: 10px;
        margin-bottom: 0px; } }
    @media (min-width: 1151px) {
      .block.block7 .calendar {
        width: 89.13%;
        min-width: 1000px;
        margin-top: 2px; } }
    @media (min-width: 1151px) {
      .block.block7 .calendar .monthFront,
      .block.block7 .calendar .monthBack {
        display: none; } }
    .block.block7 .calendar .yearBlock {
      display: block;
      background: #5c8ae4; }
      @media (min-width: 1151px) {
        .block.block7 .calendar .yearBlock {
          width: 26.08%;
          float: left;
          height: 348px; } }
      .block.block7 .calendar .yearBlock svg {
        fill: white; }
        .block.block7 .calendar .yearBlock svg:hover {
          fill: #99ffff; }
      .block.block7 .calendar .yearBlock .yearNumber {
        cursor: pointer;
        margin-top: 18px; }
        @media (min-width: 1151px) {
          .block.block7 .calendar .yearBlock .yearNumber {
            margin-left: 50%; } }
        @media (max-width: 1150px) {
          .block.block7 .calendar .yearBlock .yearNumber {
            text-align: center; } }
        .block.block7 .calendar .yearBlock .yearNumber .yearNumberString {
          font-weight: 300;
          font-size: 24px;
          line-height: 28px;
          text-align: center;
          color: #ffffff; }
      .block.block7 .calendar .yearBlock .monthList {
        margin-top: 13px;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 180%; }
        @media (max-width: 1150px) {
          .block.block7 .calendar .yearBlock .monthList {
            display: none; } }
        .block.block7 .calendar .yearBlock .monthList .monthNumber {
          float: right;
          display: inline-block;
          text-align: right;
          padding-right: 38px; }
        .block.block7 .calendar .yearBlock .monthList .month {
          width: 158px;
          box-sizing: content-box;
          padding-left: 46.8%; }
          .block.block7 .calendar .yearBlock .monthList .month:hover {
            cursor: pointer;
            color: #0d111b;
            background: #99ffff;
            box-shadow: 0px 4px 10px #4b7dde, 0px 2px 2px #5781d1; }
          .block.block7 .calendar .yearBlock .monthList .month.selected {
            background: #ffff00;
            color: #0d111b; }
          .block.block7 .calendar .yearBlock .monthList .month.future {
            color: #183d85; }
    .block.block7 .calendar .monthBlock {
      height: 348px;
      background: #ffffff; }
      .block.block7 .calendar .monthBlock .monthLine {
        width: 100%;
        text-align: center; }
      @media (min-width: 1151px) {
        .block.block7 .calendar .monthBlock {
          width: 32.48%;
          float: left;
          display: inline-block; } }
      .block.block7 .calendar .monthBlock .currentMonth {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #183d85;
        font-weight: 300;
        font-size: 24px;
        line-height: 28px;
        margin-top: 18px; }
        @media (max-width: 1150px) {
          .block.block7 .calendar .monthBlock .currentMonth {
            width: 100px; } }
      .block.block7 .calendar .monthBlock .calendarTable {
        margin-left: auto;
        margin-top: 12px;
        margin-right: auto;
        display: table; }
        @media (min-width: 1151px) {
          .block.block7 .calendar .monthBlock .calendarTable {
            width: 325px; } }
        .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow {
          display: table-row; }
          .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow .calendarTableCell {
            display: table-cell;
            width: 45px;
            height: 40px;
            font-weight: 500;
            font-size: 14px;
            color: #183d85;
            text-align: center; }
            .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow .calendarTableCell.grey {
              color: #999999; }
            .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow .calendarTableCell .calendarDay {
              display: inline-block;
              border-radius: 15px;
              height: 24px;
              width: 24px;
              line-height: 24px;
              text-align: center;
              cursor: pointer;
              /*&:hover{
                  background: #99FFFF;
                  color: #183d85;
                  box-shadow: 0px 4px 10px #4B7DDE, 0px 2px 2px #5781D1;
                }*/ }
              .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow .calendarTableCell .calendarDay.selected.event {
                background: #ffff00;
                color: #183d85; }
              .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow .calendarTableCell .calendarDay.event {
                background: #5c8ae4;
                color: white; }
                .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow .calendarTableCell .calendarDay.event:hover {
                  background: #99ffff;
                  color: #183d85;
                  box-shadow: 0px 4px 10px #4b7dde, 0px 2px 2px #5781d1; }
          .block.block7 .calendar .monthBlock .calendarTable .calendarTableRow.rowWeekDay .calendarTableCell {
            font-weight: 400;
            color: #999999; }
    .block.block7 .calendar .eventBlock {
      overflow: auto;
      height: 348px;
      background: #f3f3f3; }
      @media (min-width: 1151px) {
        .block.block7 .calendar .eventBlock.scroll-wrapper {
          left: -1px; } }
      @media (min-width: 1151px) {
        .block.block7 .calendar .eventBlock {
          width: 41.44%;
          display: inline-block;
          float: left; } }
      .block.block7 .calendar .eventBlock .eventDate {
        margin-left: 39px;
        margin-top: 17px;
        color: #999999;
        font-style: normal;
        font-weight: 300;
        font-size: 24px;
        line-height: 28px; }
      .block.block7 .calendar .eventBlock .eventTexts {
        overflow: auto;
        padding-left: 39px;
        margin-top: 13px;
        color: #183d85;
        font-weight: 500;
        font-size: 13px;
        line-height: 236%;
        letter-spacing: 0.02em; }
        .block.block7 .calendar .eventBlock .eventTexts .title {
          font-size: 14px;
          font-weight: normal; }
        .block.block7 .calendar .eventBlock .eventTexts .greyText {
          font-weight: 400;
          font-size: 13px;
          color: #999999; }
        .block.block7 .calendar .eventBlock .eventTexts .greyLine {
          width: 472px;
          height: 2px;
          background: #d3d3d3;
          margin-top: 22px;
          margin-left: -39px;
          margin-bottom: 28px; }
  .block.block8 {
    padding-bottom: 34px; }
    @media (min-width: 1151px) {
      .block.block8 {
        padding-bottom: 48px; } }
    @media (min-width: 1151px) {
      .block.block8 .block-table {
        width: 89.13%; } }
    @media (min-width: 1151px) {
      .block.block8 .block-table {
        margin-top: 48px; } }
    .block.block8 .table-cell {
      font-weight: 300;
      font-size: 16px;
      line-height: 18px; }
      @media (min-width: 1151px) {
        .block.block8 .table-cell {
          width: 305px; } }
      @media (min-width: 1151px) {
        .block.block8 .table-cell p {
          width: 305px; }
          .block.block8 .table-cell p.left {
            margin-right: auto; }
          .block.block8 .table-cell p.right {
            margin-left: auto; } }
    @media (min-width: 1151px) {
      .block.block8 img {
        position: absolute;
        bottom: 0px;
        right: 16px; } }
    @media (max-width: 1150px) {
      .block.block8 img {
        display: none; } }
  @media (min-width: 1151px) {
    .block.block9 {
      padding-bottom: 62px;
      padding-top: 48px; } }
  .block.block9 h3 {
    margin-top: 28px; }
  .block.block9 .disclaimer {
    float: right;
    margin-right: 100px; }
    .block.block9 .disclaimer a {
      color: yellow; }
      .block.block9 .disclaimer a:hover {
        color: #99ffff; }
    @media (max-width: 1150px) {
      .block.block9 .disclaimer {
        margin-bottom: 20px; } }
  .block.block9 .block-table {
    margin-top: 28px; }
    @media (min-width: 1151px) {
      .block.block9 .block-table {
        width: 89.13%; } }
    @media (max-width: 1150px) {
      .block.block9 .block-table {
        margin-left: auto;
        margin-right: auto;
        text-align: center; } }
  .block.block9 .table-cell {
    width: 305px;
    font-size: 16px;
    line-height: 21px; }
    .block.block9 .table-cell a {
      margin-bottom: 2px;
      margin-top: 3px;
      display: block; }
      @media (max-width: 1150px) {
        .block.block9 .table-cell a {
          padding-top: 8px;
          padding-bottom: 8px;
          border-radius: 20px; } }
      @media (max-width: 1150px) {
        .block.block9 .table-cell a:hover {
          background: #ffff00;
          color: #0D111B; } }
    @media (min-width: 1151px) {
      .block.block9 .table-cell .left {
        margin-right: auto;
        width: 260px; }
      .block.block9 .table-cell .right {
        margin-left: auto;
        width: 270px; }
      .block.block9 .table-cell .center {
        margin-left: auto;
        margin-right: auto;
        width: 300px; } }
  .block.block9 .socialNetworkLink {
    width: 40px;
    text-align: center;
    display: table-cell;
    margin-right: 5px;
    height: 30px;
    vertical-align: middle;
    border: 0px solid red; }
    .block.block9 .socialNetworkLink svg {
      display: inline-block;
      vertical-align: middle;
      fill: white;
      cursor: pointer; }
      .block.block9 .socialNetworkLink svg:hover {
        fill: #99ffff; }

.overlay {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.5); }
  .overlay .textBlock {
    padding: 28px;
    position: fixed;
    left: 50%;
    top: 300px;
    transform: translate(-50%, 0);
    width: 450px;
    height: 150px;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    color: #ffffff;
    line-height: 130%;
    letter-spacing: 0.02em;
    background-color: #355fb1;
    color: white; }
  .overlay .closePopup {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px; }

.line {
  width: 100%;
  height: 2px;
  background: #25314f; }

.content {
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1151px) {
    .content {
      min-width: 1120px;
      width: 100%;
      max-width: 1278px; } }

.circleBlock {
  width: 34px;
  height: 34px;
  position: relative;
  margin-left: auto;
  margin-right: auto; }

.circle {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: white;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  border-radius: 5px; }
  .circle.circle1 {
    animation-name: circleA1; }
  .circle.circle2 {
    animation-name: circleA2; }
  .circle.circle3 {
    animation-name: circleA3; }
  .circle.circle4 {
    animation-name: circleA4; }

@keyframes circleA1 {
  0% {
    top: 11px;
    left: 0px; }
  11.5% {
    top: 11px;
    left: 0px; }
  25% {
    top: 11px;
    left: 11px; }
  37.5% {
    top: 11px;
    left: 11px; }
  50% {
    top: 11px;
    left: 11px; }
  62.5% {
    top: 22px;
    left: 0px; }
  75% {
    top: 22px;
    left: 0px; }
  87.5% {
    top: 22px;
    left: 0px; }
  100% {
    top: 22px;
    left: 0px; } }

@keyframes circleA2 {
  0% {
    top: 22px;
    left: 11px; }
  11.5% {
    top: 22px;
    left: 11px; }
  25% {
    top: 22px;
    left: 11px; }
  37.5% {
    top: 22px;
    left: 11px; }
  50% {
    top: 11px;
    left: 11px; }
  62.5% {
    top: 11px;
    left: 11px; }
  75% {
    top: 11px;
    left: 11px; }
  87.5% {
    top: 22px;
    left: 22px; }
  100% {
    top: 22px;
    left: 22px; } }

@keyframes circleA3 {
  0% {
    top: 0px;
    left: 11px; }
  11.5% {
    top: 0px;
    left: 11px; }
  25% {
    top: 0px;
    left: 11px; }
  37.5% {
    top: 11px;
    left: 11px; }
  50% {
    top: 11px;
    left: 11px; }
  62.5% {
    top: 11px;
    left: 11px; }
  75% {
    top: 11px;
    left: 11px; }
  87.5% {
    top: 11px;
    left: 11px; }
  100% {
    top: 0px;
    left: 0px; } }

@keyframes circleA4 {
  0% {
    top: 11px;
    left: 22px; }
  11.5% {
    top: 11px;
    left: 11px; }
  25% {
    top: 11px;
    left: 11px; }
  37.5% {
    top: 11px;
    left: 11px; }
  50% {
    top: 11px;
    left: 11px; }
  62.5% {
    top: 11px;
    left: 11px; }
  75% {
    top: 0px;
    left: 22px; }
  87.5% {
    top: 0px;
    left: 22px; }
  100% {
    top: 0px;
    left: 22px; } }

/*# sourceMappingURL=style.css.map */