@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
.tns-outer {
  padding: 0 !important; }
  .tns-outer [hidden] {
    display: none !important; }
  .tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer; }

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s; }
  .tns-slider > .tns-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.tns-horizontal.tns-subpixel {
  white-space: nowrap; }
  .tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal; }

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both; }

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left; }

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%; }

.tns-no-calc {
  position: relative;
  left: 0; }

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px; }
  .tns-gallery > .tns-item {
    position: absolute;
    left: -100%;
    -webkit-transition: transform 0s, opacity 0s;
    -webkit-transition: opacity 0s, -webkit-transform 0s;
    transition: opacity 0s, -webkit-transform 0s;
    transition: transform 0s, opacity 0s;
    transition: transform 0s, opacity 0s, -webkit-transform 0s; }
  .tns-gallery > .tns-slide-active {
    position: relative;
    left: auto !important; }
  .tns-gallery > .tns-moving {
    -webkit-transition: all 0.25s;
    transition: all 0.25s; }

.tns-autowidth {
  display: inline-block; }

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6; }
  .tns-lazy-img.tns-complete {
    opacity: 1; }

.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s; }

.tns-ovh {
  overflow: hidden; }

.tns-visually-hidden {
  position: absolute;
  left: -10000em; }

.tns-transparent {
  opacity: 0;
  visibility: hidden; }

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0; }

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1; }

.tns-vpfix {
  white-space: nowrap; }
  .tns-vpfix > div, .tns-vpfix > li {
    display: inline-block; }

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden; }

.tns-t-ct {
  width: 2333.33333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0; }
  .tns-t-ct:after {
    content: '';
    display: table;
    clear: both; }
  .tns-t-ct > div {
    width: 1.42857%;
    width: calc(100% / 70);
    height: 10px;
    float: left; }

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 1.2; }

a, a:visited {
  color: inherit;
  text-decoration: none; }

p {
  padding: 5px 0;
  margin: 0; }

h1, h2, h3, h4, h5 {
  padding: 0;
  margin: 0; }

body {
  background-image: url(http://ips4-wowslegends-global.gcdn.co/set_resources_2/84c1e40ea0e759e3f1505eb1788ddf3c_wowsc_forum_bckg_bright.jpg); 
  background-size: 100%; }

.ps4:hover,
.xbox:hover {
  -webkit-filter: brightness(1.2);
          filter: brightness(1.2); }

.ps4 {
  background-color: #053e8f;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.xbox {
  background-color: #54a828;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.container {
  margin: 0 auto;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
  max-width: 1920px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

main {
  overflow: hidden; }

main .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.section {
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.square-brackets {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) top left/10% 8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) left/100% 8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) bottom left/10% 8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) top right/10% 8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) right/100% 8px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) bottom right/10% 8px no-repeat;
  background: linear-gradient(#ffffff, #ffffff) top left/10% 8px no-repeat, linear-gradient(#ffffff, #ffffff) left/100% 8px no-repeat, linear-gradient(#ffffff, #ffffff) bottom left/10% 8px no-repeat, linear-gradient(#ffffff, #ffffff) top right/10% 8px no-repeat, linear-gradient(#ffffff, #ffffff) right/100% 8px no-repeat, linear-gradient(#ffffff, #ffffff) bottom right/10% 8px no-repeat;
  background-size: 10% 8px,
 8px 100%,
 10% 8px,
 10% 8px,
 8px 100%,
 10% 8px; }
  .square-brackets > div {
    margin: 16px; }

.header {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 37px;
  left: 0;
  width: 100%;
  height: 88px;
  background-color: rgba(10, 25, 110, 0.9);
  color: rgba(255, 255, 255, 0.77);
  font-size: 24px;
  font-weight: 400;
  z-index: 100; }
  .header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
    .header .container .logo {
      display: inline-block;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url(data:image/png;base64,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);
      width: 127px;
      height: 41px;
      cursor: pointer; }
    .header .container .navigation {
      padding: 0;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: 100%;
      list-style: none;
      text-transform: uppercase; }
      .header .container .navigation.opened {
        display: block; }
      .header .container .navigation li {
        height: 100%;
        display: inline-block;
        margin: 0 0 0 50px; }
        .header .container .navigation li a {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          height: 100%;
          font-size: 24px; }
          .header .container .navigation li a:hover, .header .container .navigation li a.active {
            color: #ffffff; }
            .header .container .navigation li a:hover:after, .header .container .navigation li a.active:after {
              position: absolute;
              left: 0;
              bottom: 0;
              right: 0;
              content: '';
              width: 100%;
              height: 8px;
              background-color: #1f5afe; }
    .header .container .platforms {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: auto;
      color: #ffffff; }
      .header .container .platforms a {
        display: block;
        height: 100%; }
      .header .container .platforms .ps4,
      .header .container .platforms .xbox,
      .header .container .platforms .pc,
      .header .container .platforms .clientButton {
        opacity: 0.87; }
        .header .container .platforms .ps4:hover,
        .header .container .platforms .xbox:hover,
        .header .container .platforms .pc:hover,
        .header .container .platforms .clientButton:hover {
          opacity: 1; }
      .header .container .platforms .ps4,
      .header .container .platforms .xbox,
      .header .container .platforms .clientButton {
        margin: 0 0 0 24px;
        display: inline-block;
        width: 148px;
        height: 48px;
        -webkit-box-shadow: 3px 5px 14px 2px rgba(3, 19, 34, 0.5);
                box-shadow: 3px 5px 14px 2px rgba(3, 19, 34, 0.5);
        color: #ffffff; }
        .header .container .platforms .ps4 img,
        .header .container .platforms .xbox img,
        .header .container .platforms .clientButton img {
          width: inherit;
          border: 1px solid #ffffff; }
      .header .container .platforms .pc {
        margin: -1px 0 0 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-weight: 700; }
        .header .container .platforms .pc:before {
          margin: 0 10px 0 0;
          content: '';
          display: inline-block;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAXCAMAAAAx3e/WAAAAAXNSR0IB2cksfwAAAZhQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wJPVaAAAAIh0Uk5TABSB3NXT1NvBRgRj1sdRQ0fpriqr2GUBXb2+tgUjpO1J3U2D//64dhex6mGncwIGAx/eiweqQMK/8tq8w51LyFbL+5okPAwQX+OsMTUnpXJMygrQdRaF+dJ4WZtFU8/rj9lbnvw+nNFn4rM4Tu5iMq/fbYj4zU/nUM7lbCiH5BsIOkQvtDaRLaf12McAAAE2SURBVHicVdD5M4JRFMbxp7QICQkpJMcSla0SpYi0odRrl112kV1k59923xby/eWe+cydO3cOAIGwRCSWsMTSUhlYZeUV8kpFFZ9MIayuUQK1qrp6NJSq1epGjRZNzS06tOrZ1TbiaxewsaMTIgU7uwxMunv4h4wmiGQw9/b1DxANwqIFrFmyDdmHholGHM5Rc55cVMjdlyeMjWfBMzHJfmCCRO+dgs8fIAqGgOmZ2TDEEfecC9EYEYf5hUX/BCOXnTxeyxLRMoxEK6s5Ip02S44iWsuRpojiWCcKw1kgNmxsbhEZDR6ibUYq2w79tbuX4LBvVB4cFuTo+OT0DMnzi9TM5RUP1zeh4C3nY+u4u49FklZ6SD8+ZRLPyPaSymhe397T0o9P/Cb4CiTksTj+9b3DRfPjD/zJRlPBKiSKAAAAAElFTkSuQmCC);
          width: 18px;
          height: 23px;
          background-repeat: no-repeat;
          background-position: center; }
    .header .container .lang {
      position: relative;
      margin: 0 0 0 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      padding: 10px; }
      .header .container .lang__flag {
        display: inline-block;
        width: 25px;
        height: 16px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-transform: none !important;
                transform: none !important; }
      .header .container .lang-current {
        opacity: 0.87;
        cursor: pointer; }
        .header .container .lang-current:hover {
          opacity: 1; }
      .header .container .lang-selector {
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 30px;
        right: 0;
        width: 180px;
        list-style: none;
        background-color: #0e2433;
        font-size: 16px;
        color: #ffffff; }
        .header .container .lang-selector li {
          margin: 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
          .header .container .lang-selector li form {
            width: 100%; }
            .header .container .lang-selector li form button {
              padding: 15px 20px;
              width: 100%;
              background-color: transparent;
              border: 0;
              outline: 0;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              color: white;
              cursor: pointer; }
              .header .container .lang-selector li form button i {
                margin: 0 10px 0 0;
                -webkit-transform: none !important;
                        transform: none !important; }
          .header .container .lang-selector li .lang__flag {
            margin: 0 10px 0 0; }
          .header .container .lang-selector li:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.08)), to(rgba(255, 255, 255, 0.08)));
            background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%); }
    .header .container .navigation-burger {
      display: none;
      padding: 10px;
      cursor: pointer; }
      .header .container .navigation-burger > div {
        width: 18px;
        height: 12px;
        position: relative; }
      .header .container .navigation-burger span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #ffffff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        -webkit-transition: 250ms ease-in-out;
        transition: 250ms ease-in-out; }
        .header .container .navigation-burger span:nth-child(1) {
          top: 0; }
        .header .container .navigation-burger span:nth-child(2), .header .container .navigation-burger span:nth-child(3) {
          top: 5px; }
        .header .container .navigation-burger span:nth-child(4) {
          top: 10px; }
      .header .container .navigation-burger.opened span:nth-child(1) {
        top: 18px;
        width: 0;
        left: 50%; }
      .header .container .navigation-burger.opened span:nth-child(2) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .header .container .navigation-burger.opened span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .header .container .navigation-burger.opened span:nth-child(4) {
        top: 18px;
        width: 0;
        left: 50%; }

.dac {
  text-align: center !important;
}


.welcome {
  padding: 16px;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .welcome.section {
    height: 97vh;
    min-height: 97vh; }
    .welcome.section:before {
      content: '';
      position: absolute;
      top: 8px;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
      background-color: #1f5afe;
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 75% 96%, 50% 100%, 25% 96%, 0% 96%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 75% 96%, 50% 100%, 25% 96%, 0% 96%); }
  .welcome__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 75% 96%, 50% 100%, 25% 96%, 0% 96%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 96%, 75% 96%, 50% 100%, 25% 96%, 0% 96%); }
  .welcome__logo {
    margin: 94px 0 74px 0;
    width: 100%;
    max-width: 295px; }
  .welcome__free {
    margin: 0 0 20px 0;
    text-shadow: 0 4px 8px rgba(6, 16, 25, 0.3);
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase; }
  .welcome__platform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .welcome__platform-button {
      margin: 0 20px;
      display: inline-block;
      width: 240px;
      height: 56px; }

@-webkit-keyframes pagination-filling {
  from {
    width: 0; }
  to {
    width: 100%; } }

@keyframes pagination-filling {
  from {
    width: 0; }
  to {
    width: 100%; } }

/*
@-webkit-keyframes background-parallax {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); } }

@keyframes background-parallax {
  from {
    -webkit-transform: translateY(0px);
            transform: translateY(0px); }
  to {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); } }
*/

@-webkit-keyframes background-parallax {
  %, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}

@keyframes background-parallax {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}

@-webkit-keyframes footer-background-parallax {
  0%, 100% {
    background-position: center 100%;
  }
  50% {
    background-position: center calc(100% + 30px);
  }
}

@keyframes footer-background-parallax {
  0%, 100% {
    background-position: center 100%;
  }
  50% {
    background-position: center calc(100% + 30px);
  }
}

@-webkit-keyframes activity-description-show {
  from {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

@keyframes activity-description-show {
  from {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0; }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1; } }

.activity {
  position: relative;
  margin: -70px 0 70px 0; }
  .activity .container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .activity__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .activity-pagination {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 10%;
    text-align: center; }
    .activity-pagination span {
      position: relative;
      padding: 10px;
      margin: 0 5px;
      display: inline-block;
      width: 168px;
      height: 8px;
      cursor: pointer; }
      .activity-pagination span:focus {
        outline: 0; }
      .activity-pagination span:before, .activity-pagination span:after {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 0;
        height: 8px; }
      .activity-pagination span:before {
        width: 100%;
        background-color: rgba(255, 255, 255, 0.5); }
      .activity-pagination span.tns-nav-active:before {
        width: 100%;
        background-color: #1946a4; }
      .activity-pagination span.tns-nav-active:after {
        background-color: #1f5afe;
        -webkit-animation-duration: 15s;
                animation-duration: 15s;
        -webkit-animation-timing-function: linear;
                animation-timing-function: linear;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-name: pagination-filling;
                animation-name: pagination-filling; }

.arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  width: 56px;
  height: 152px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAACYCAMAAACGRNrCAAAAAXNSR0IB2cksfwAAAVxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Y2H17gAAAHR0Uk5TADZ8GH9tBlEvehRoBEopdw9jAkQjdAxdAT1+HVhxCXJXH0BhDktpFXszVQhwPl8NdidJAzFTB28cfTx1JUZmEm4aOlwLZBF5LU9sN1oKcyFCEHgrTQVrFzVHJGomOExeOxlOKmAbUCxiPy4eMGUgVhNnRSIpQz1sAAAC20lEQVR4nL2a11YUQRBACc2SlrSkAQRHBAOKgTUroIKoKIKCGDGLOf//OT56+81bD+z7PV2z3XOrqmsaGhuCv6bmIJhaKkEwtUbB1BYF2zuCYOqsBsHUFQVTdxTs6Q2Cqa8WBFN/FEwDUXBwKAim4SIIppEoODpmwH0gxycEOLEfZGmWPDAKUolkEqASSXEQpBLJVA9IJZJugE4k0wCVSKqHQCqRHD4CUonkKB9TiWQGoBLJseMglUjGePSUSGb5mEYkxQmASiQnT4FUIjnNYJVI5gAqkdQ7QSqRdLSDLE2wZ/iYSiRnASqRnDsPUonkwkWQSiSX+JhGJMUwQCWSocsglUiuMFglknmSRiT1BYBKJIs8ekokbQxWiaSVpBFJ5SpAJZJrPHpKJNcZrBLJEkAlkuVBkEokAwy2NMH2kzQiqd0AqESychOkEsktBqtEcpukEUllFaASSXMTSCWSOwxWieQuSSOStXsAlUjWuaQSyQZJI5JaH0kjkvsPACqRbHJJJZItkkYkD7cBKpE84tFTInnMYMs9ALPqW4SaFV3mz3kS3I6nwQOQSd0cuexdFoe8kZx4rbJDI17k6jNwRh1dDFTI6jk5ocdwZceEblLADgMVSSfLHCLNZcIwifUFOJPKs2ZLFA9Ze1f+P1e8BGe89gqckcVrlo9CFpUWcCZbvAFnZPGWOyFkkd3xCFkU78CZrD8CzsjiPXdCyCJrHUwttQvOyOIDOCOLXpYmQhbFR3CmJv4EzsiCF0lGFtn9gek0eGNRCu4zOCML9idGFllZago9FsJGFl+wE0YW2SWiKZ95bWkK9q/gjCx4SWFkUfuGBU0bxG7YyOI7OCMLThJUc/kDC5p2llfWRhY/sRNGFvVf/zh1SfAbgRpZ/AFXCo4NsOqYMEVy4ycEGh14RUds4aFedIwYHVxGR6Xh4Wx0HBwdQEdH3uEhe3SsH/2QIPrpQvhjiejnGX8BOxhKVazsn1EAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  opacity: 0.8;
  outline: 0;
  border: 0; }
  .arrow:hover {
    opacity: 1; }
  .arrow--right {
    right: 15px; }
  .arrow--left {
    left: 15px;
    -webkit-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg); }

.activity-description {
  padding: 0 0 0 96px;
  width: 100%;
  max-width: 560px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .activity-description__title {
    margin: 0 0 5px 0;
    color: #ffffff;
    font-size: 64px;
    line-height: 60px;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
    letter-spacing: 1.28px; }
  .activity-description__text {
    padding: 16px;
    background-color: rgba(31, 90, 254, 0.8);
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.36px; }

.activity-parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .activity-parallax__background {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100%);
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: -1;
    -webkit-transform: translate(0);
            transform: translate(0); }
    .activity-parallax__background.parallax-animation {
      width: calc(100% + 130px); }

.tns-slide-active .activity-description {
  -webkit-animation-duration: 1150ms;
          animation-duration: 1150ms;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: activity-description-show;
          animation-name: activity-description-show; }

.tns-slide-active .activity-parallax__background.parallax-animation {
  -webkit-animation-duration: 15s;
          animation-duration: 15s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-name: background-parallax;
          animation-name: background-parallax; }

.pg {
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 700; }
  .pg-current, .pg-delimiter {
    display: inline-block;
    vertical-align: bottom;
    font-size: 28px;
    color: #ffffff;
    line-height: 32px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
  .pg-delimiter {
    padding: 0 5px; }
  .pg-total {
    display: inline-block;
    vertical-align: bottom;
    color: #cccccc;
    line-height: 32px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); }
  .pg-prev, .pg-next {
    display: none;
    width: 48px;
    height: 48px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAACYCAMAAACGRNrCAAAAAXNSR0IB2cksfwAAAVxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Y2H17gAAAHR0Uk5TADZ8GH9tBlEvehRoBEopdw9jAkQjdAxdAT1+HVhxCXJXH0BhDktpFXszVQhwPl8NdidJAzFTB28cfTx1JUZmEm4aOlwLZBF5LU9sN1oKcyFCEHgrTQVrFzVHJGomOExeOxlOKmAbUCxiPy4eMGUgVhNnRSIpQz1sAAAC20lEQVR4nL2a11YUQRBACc2SlrSkAQRHBAOKgTUroIKoKIKCGDGLOf//OT56+81bD+z7PV2z3XOrqmsaGhuCv6bmIJhaKkEwtUbB1BYF2zuCYOqsBsHUFQVTdxTs6Q2Cqa8WBFN/FEwDUXBwKAim4SIIppEoODpmwH0gxycEOLEfZGmWPDAKUolkEqASSXEQpBLJVA9IJZJugE4k0wCVSKqHQCqRHD4CUonkKB9TiWQGoBLJseMglUjGePSUSGb5mEYkxQmASiQnT4FUIjnNYJVI5gAqkdQ7QSqRdLSDLE2wZ/iYSiRnASqRnDsPUonkwkWQSiSX+JhGJMUwQCWSocsglUiuMFglknmSRiT1BYBKJIs8ekokbQxWiaSVpBFJ5SpAJZJrPHpKJNcZrBLJEkAlkuVBkEokAwy2NMH2kzQiqd0AqESychOkEsktBqtEcpukEUllFaASSXMTSCWSOwxWieQuSSOStXsAlUjWuaQSyQZJI5JaH0kjkvsPACqRbHJJJZItkkYkD7cBKpE84tFTInnMYMs9ALPqW4SaFV3mz3kS3I6nwQOQSd0cuexdFoe8kZx4rbJDI17k6jNwRh1dDFTI6jk5ocdwZceEblLADgMVSSfLHCLNZcIwifUFOJPKs2ZLFA9Ze1f+P1e8BGe89gqckcVrlo9CFpUWcCZbvAFnZPGWOyFkkd3xCFkU78CZrD8CzsjiPXdCyCJrHUwttQvOyOIDOCOLXpYmQhbFR3CmJv4EzsiCF0lGFtn9gek0eGNRCu4zOCML9idGFllZago9FsJGFl+wE0YW2SWiKZ95bWkK9q/gjCx4SWFkUfuGBU0bxG7YyOI7OCMLThJUc/kDC5p2llfWRhY/sRNGFvVf/zh1SfAbgRpZ/AFXCo4NsOqYMEVy4ycEGh14RUds4aFedIwYHVxGR6Xh4Wx0HBwdQEdH3uEhe3SsH/2QIPrpQvhjiejnGX8BOxhKVazsn1EAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer; }
  .pg-prev {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }

.news {
  margin-bottom: 50px;
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .news__title {
    margin: 0 0 5px 0;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
    color: #ffffff;
    font-size: 64px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.28px; }
  .news__description {
    margin: 0 0 40px 0;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    text-align: center; }
  .news-entries {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .news-entry {
    margin: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 33.3333%;
    max-width: 615px;
    overflow: hidden; }
    .news-entry:before {
      content: '';
      height: 94px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: -webkit-gradient(linear, left bottom, left top, from(#09122f), to(rgba(255, 255, 255, 0)));
      background: linear-gradient(0deg, #09122f 0%, rgba(255, 255, 255, 0) 100%);
      z-index: 1; }
    .news-entry:after {
      content: '';
      display: block;
      padding-bottom: 100%; }
    .news-entry .square-brackets {
      opacity: 0;
      width: 90%;
      position: relative;
      z-index: 1;
      -webkit-transform: translateY(30px);
              transform: translateY(30px);
      -webkit-transition: 300ms ease-in-out;
      transition: 300ms ease-in-out; }
    .news-entry:hover .square-brackets {
      opacity: 1;
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .news-entry:hover .news-entry__title {
      opacity: 0;
      -webkit-transform: translateY(-30px);
              transform: translateY(-30px); }
    .news-entry:hover .news-entry__image {
      -webkit-transform: scale(1.05);
              transform: scale(1.05); }
    .news-entry__image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transition: 300ms ease-in-out;
      transition: 300ms ease-in-out; }
    .news-entry__title {
      padding: 28px 44px;
      position: absolute;
      left: 0;
      bottom: 0;
      right: 0;
      text-shadow: 0 4px 8px rgba(6, 16, 25, 0.48);
      color: #ffffff;
      font-size: 32px;
      font-weight: 700;
      text-transform: uppercase;
      opacity: 1;
      z-index: 2;
      -webkit-transition: 300ms ease-in-out;
      transition: 300ms ease-in-out; }
    .news-entry__block {
      padding: 30px 20px;
      position: relative;
      background-color: rgba(8, 18, 47, 0.8);
      text-shadow: 0 4px 8px rgba(6, 16, 25, 0.48);
      color: rgba(255, 255, 255, 0.77);
      font-family: 'Roboto', sans-serif;
      font-size: 24px;
      line-height: 1.1; }
      .news-entry__block h3 {
        margin: 0 0 10px 0;
        text-shadow: 0 4px 8px rgba(6, 16, 25, 0.48);
        color: #ffffff;
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase; }
    .news-entry__link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }

.videos {
  margin-bottom: 50px;
  padding: 0 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .videos__title {
    margin: 0 0 50px 0;
    text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
    color: #ffffff;
    font-size: 64px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.28px; }
  .videos-entries {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%; }
  .videos-entry {
    margin: 10px;
    position: relative;
    display: inline-block;
    width: 50%;
    max-width: 932px;
    cursor: pointer;
    overflow: hidden; }
    .videos-entry:after {
      content: '';
      display: block;
      padding-bottom: 56.25%; }
    .videos-entry:hover .videos-entry__play {
      -webkit-transform: translate(-50%, -50%) scale(1.05);
              transform: translate(-50%, -50%) scale(1.05); }
    .videos-entry__image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -webkit-transition: -webkit-transform 150ms linear;
      transition: -webkit-transform 150ms linear;
      transition: transform 150ms linear;
      transition: transform 150ms linear, -webkit-transform 150ms linear; }
    .videos-entry__play {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 68px;
      height: 68px;
      background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAAXNSR0IB2cksfwAAAMxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////OpLhCAAAAER0Uk5TAAcXIy45P0VKHDFDTAsqR0YJARY3Ng89EAQsKwMZSR8kKSYNAgwTOhEYMK9V29J5CqYbynCcMj7AZ5OCwUEOOCglHiJ+lHuOAAAB70lEQVR4nK3Y2VbCMBAG4LCVAkOp7IpsZVHQIKCCG67v/042VKVCM5mS/LfN+U6SppOkjEmTSKbSGStr21krk04lE/KWsuTyBdhLIZ+LIxSd0r4QxHVOaEK5Uo0WgtQqBKPewAiRRlNBnJ6pCJHWOToZFsUAsIpyo92hGQCdtsxIUQmRbrThxDEAelFGP54B0D80vLgGgGfAOBjRgPxewukMwsaQuD72Yw11ByMSmpaRfSxij/6QzLEGQObXGB9vAIx/kAsdpBoYlzoGQFBd0npIWhhlVw9xyz4y0TMARNGdyh9fXVOQqY8c7C+78NkNASkwNkcec84XhM7M2RJH+O2dElmi3x7f5l7VGY+tlIiyMyu2ViOqzqyxl7ND+MMj0qzAsPXKQ3mSN3MZVo/CCF9Im9lkBFkwNnE4s2ekmUub2BdsXmFDesWKtd8gLDZ0KCIr9bLHhyLiKT9Awme8VJQC5VBE5nhRUg8FtkUJK4+UihSUe+1CPTG1ZehuXq3tDtjUQ17NbehmjhbsTb8jho5bRg5+Zo6gRg7DjHWPQQ6uKyYuCGauKoy9xzM+ogzGenGMz2jDzEXSv9JuaAZ2pfUv1y2K4aCXaz9N9TW/riBEKjWMqFJ+OGynxpHU3ZKDTsZ+9H/CBPn3O+gL+x30DaH3zXhQuTXJAAAAAElFTkSuQmCC);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      -webkit-transform: translate(-50%, -50%) scale(0.9);
              transform: translate(-50%, -50%) scale(0.9);
      -webkit-transition: -webkit-transform 150ms linear;
      transition: -webkit-transform 150ms linear;
      transition: transform 150ms linear;
      transition: transform 150ms linear, -webkit-transform 150ms linear; }

.classes {
  background-color: #264165; }
  .classes .container {
    padding: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .classes .container .class-image {
      position: absolute;
      left: 0;
      width: 55%;
      height: 100%;
      z-index: 2; }
      .classes .container .class-image img {
        padding: 20px;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
      .classes .container .class-image__prev, .classes .container .class-image__next {
        display: none;
        position: absolute;
        width: 10%;
        height: 100%;
        -webkit-transition: background-color 150ms linear;
        transition: background-color 150ms linear;
        cursor: pointer; }
        .classes .container .class-image__prev:hover, .classes .container .class-image__next:hover {
          background-color: rgba(0, 0, 0, 0.1); }
        .classes .container .class-image__prev span, .classes .container .class-image__next span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 18px;
          height: 48px;
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAACYCAMAAACGRNrCAAAAAXNSR0IB2cksfwAAAVxQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Y2H17gAAAHR0Uk5TADZ8GH9tBlEvehRoBEopdw9jAkQjdAxdAT1+HVhxCXJXH0BhDktpFXszVQhwPl8NdidJAzFTB28cfTx1JUZmEm4aOlwLZBF5LU9sN1oKcyFCEHgrTQVrFzVHJGomOExeOxlOKmAbUCxiPy4eMGUgVhNnRSIpQz1sAAAC20lEQVR4nL2a11YUQRBACc2SlrSkAQRHBAOKgTUroIKoKIKCGDGLOf//OT56+81bD+z7PV2z3XOrqmsaGhuCv6bmIJhaKkEwtUbB1BYF2zuCYOqsBsHUFQVTdxTs6Q2Cqa8WBFN/FEwDUXBwKAim4SIIppEoODpmwH0gxycEOLEfZGmWPDAKUolkEqASSXEQpBLJVA9IJZJugE4k0wCVSKqHQCqRHD4CUonkKB9TiWQGoBLJseMglUjGePSUSGb5mEYkxQmASiQnT4FUIjnNYJVI5gAqkdQ7QSqRdLSDLE2wZ/iYSiRnASqRnDsPUonkwkWQSiSX+JhGJMUwQCWSocsglUiuMFglknmSRiT1BYBKJIs8ekokbQxWiaSVpBFJ5SpAJZJrPHpKJNcZrBLJEkAlkuVBkEokAwy2NMH2kzQiqd0AqESychOkEsktBqtEcpukEUllFaASSXMTSCWSOwxWieQuSSOStXsAlUjWuaQSyQZJI5JaH0kjkvsPACqRbHJJJZItkkYkD7cBKpE84tFTInnMYMs9ALPqW4SaFV3mz3kS3I6nwQOQSd0cuexdFoe8kZx4rbJDI17k6jNwRh1dDFTI6jk5ocdwZceEblLADgMVSSfLHCLNZcIwifUFOJPKs2ZLFA9Ze1f+P1e8BGe89gqckcVrlo9CFpUWcCZbvAFnZPGWOyFkkd3xCFkU78CZrD8CzsjiPXdCyCJrHUwttQvOyOIDOCOLXpYmQhbFR3CmJv4EzsiCF0lGFtn9gek0eGNRCu4zOCML9idGFllZago9FsJGFl+wE0YW2SWiKZ95bWkK9q/gjCx4SWFkUfuGBU0bxG7YyOI7OCMLThJUc/kDC5p2llfWRhY/sRNGFvVf/zh1SfAbgRpZ/AFXCo4NsOqYMEVy4ycEGh14RUds4aFedIwYHVxGR6Xh4Wx0HBwdQEdH3uEhe3SsH/2QIPrpQvhjiejnGX8BOxhKVazsn1EAAAAASUVORK5CYII=);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
      .classes .container .class-image__prev {
        left: 0; }
        .classes .container .class-image__prev span {
          -webkit-transform: translate(-50%, -50%) rotate(-180deg);
                  transform: translate(-50%, -50%) rotate(-180deg); }
      .classes .container .class-image__next {
        right: 0; }
    .classes .container .class-info {
      position: relative;
      padding: 8% 8% 8% 18%;
      display: inline-block;
      width: 60%;
      height: 100%;
      background-color: #ffffff;
      -webkit-box-shadow: 1000px 0 0 0 #fff;
              box-shadow: 1000px 0 0 0 #fff;
      -webkit-clip-path: polygon(25% 0%, 500% 0%, 500% 100%, 0% 100%);
              clip-path: polygon(25% 0%, 500% 0%, 500% 100%, 0% 100%);
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .classes .container .class-info__title {
        margin: 0 0 15px 0;
        color: #333333;
        font-size: 64px;
        font-weight: 700;
        line-height: 60px;
        text-transform: uppercase;
        letter-spacing: 1.28px; }
      .classes .container .class-info__description {
        opacity: 0.87;
        color: rgba(29, 27, 27, 0.87);
        font-family: 'Roboto', sans-serif;
        font-size: 18px;
        line-height: 32px;
        min-height: 250px; }
      .classes .container .class-info .class-pagination {
        padding: 15px 0;
        margin: 15px 0;
        position: relative;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .classes .container .class-info .class-pagination:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 4px;
          background-color: #1f5afe; }
        .classes .container .class-info .class-pagination-item {
          margin: 0 34px 0 0;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          color: #333333;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.28px;
          opacity: 0.7;
          cursor: pointer; }
          .classes .container .class-info .class-pagination-item:hover, .classes .container .class-info .class-pagination-item.active {
            opacity: 1; }
            .classes .container .class-info .class-pagination-item:hover .class-name, .classes .container .class-info .class-pagination-item.active .class-name {
              opacity: 1; }
          .classes .container .class-info .class-pagination-item span {
            padding: 9px 0; }
      .classes .container .class-info .class-name {
        opacity: 0; }
    .classes .container .mono-destroyer,
    .classes .container .mono-cruiser,
    .classes .container .mono-battleship {
      margin: 0 10px 0 0;
      display: inline-block;
      width: 93px;
      height: 46px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(data:image/png;base64,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); }

@-webkit-keyframes ship-income {
  from {
    -webkit-transform: translate(-120px);
            transform: translate(-120px);
    opacity: 0.3; }
  to {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@keyframes ship-income {
  from {
    -webkit-transform: translate(-120px);
            transform: translate(-120px);
    opacity: 0.3; }
  to {
    -webkit-transform: translate(0);
            transform: translate(0);
    opacity: 1; } }

@-webkit-keyframes text-hide {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate(0, -100px);
            transform: translate(0, -100px);
    opacity: 0; } }

@keyframes text-hide {
  from {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate(0, -100px);
            transform: translate(0, -100px);
    opacity: 0; } }

@-webkit-keyframes text-income {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes text-income {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.class-destroyer,
.class-cruiser,
.class-battleship {
  display: inline-block;
  width: 72px;
  height: 36px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.class-destroyer {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAABVCAYAAADpPm5vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFCMzVFMjhDM0M1NzExRUFCMDQwOUJCNzZGMTFDMDU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFCMzVFMjhEM0M1NzExRUFCMDQwOUJCNzZGMTFDMDU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUIzNUUyOEEzQzU3MTFFQUIwNDA5QkI3NkYxMUMwNTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUIzNUUyOEIzQzU3MTFFQUIwNDA5QkI3NkYxMUMwNTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz56Q65XAAAG+UlEQVR42uyd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); }

.class-cruiser {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAABVCAYAAADpPm5vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwMTBEMzNBM0M1NzExRUE4NzI4RThBRDQwRjk4NTUwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwMTBEMzNCM0M1NzExRUE4NzI4RThBRDQwRjk4NTUwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjAxMEQzMzgzQzU3MTFFQTg3MjhFOEFENDBGOTg1NTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjAxMEQzMzkzQzU3MTFFQTg3MjhFOEFENDBGOTg1NTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73zzxFAAAKZElEQVR42uyd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); }

.class-battleship {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAABVCAYAAADpPm5vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0RjQzMzkwM0M1NzExRUE4QUE3RUM4ODc3QTNDMkE5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0RjQzMzkxM0M1NzExRUE4QUE3RUM4ODc3QTNDMkE5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjRGNDMzOEUzQzU3MTFFQThBQTdFQzg4NzdBM0MyQTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjRGNDMzOEYzQzU3MTFFQThBQTdFQzg4NzdBM0MyQTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5k03sYAAAN0klEQVR42uxd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); }

footer {
  padding: 25px 0;
  width: 100%;
  background-color: #000928; }
  footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #cdcdcd;
    font-size: 19px;
    letter-spacing: 0.02em; }
    footer .container .footer__navigation {
      padding: 0;
      margin: 0 0 25px 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      list-style: none;
      text-transform: uppercase; }
      footer .container .footer__navigation li {
        padding: 0 15px;
        display: inline-block; }
        footer .container .footer__navigation li a {
          opacity: 0.8; }
          footer .container .footer__navigation li a:hover {
            opacity: 1; }
    footer .container .footer__badges {
      margin: 0 0 25px 0;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      footer .container .footer__badges div {
        display: inline-block;
        width: 25%;
        text-align: center; }
      footer .container .footer__badges a {
        opacity: 0.8; }
        footer .container .footer__badges a:hover {
          opacity: 1; }
    footer .container .footer__text {
      text-align: center;
      color: rgba(205, 205, 205, 0.8); }
      footer .container .footer__text div {
        margin: 5px 0; }
    footer .container .footer .copyright {
      font-size: 20px; }
      footer .container .footer .copyright__description {
        font-size: 16px;
        line-height: 18px; }

.tns-outer {
  height: 100vh; }
  .tns-outer .tns-ovh {
    height: 100%; }
    .tns-outer .tns-ovh .tns-inner {
      height: 100%; }
      .tns-outer .tns-ovh .tns-inner .tns-carousel {
        height: 100%; }
        .tns-outer .tns-ovh .tns-inner .tns-carousel .tns-item {
          position: relative;
          height: 100%; }

.modal {
  display: none; }
  .modal.is-open {
    display: block;
    z-index: 3000;
    position: relative;
}
  .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    z-index: 1000; }
  .modal__video {
    position: relative;
    width: 100%;
    height: 100%; }
    .modal__video iframe {
      width: 100%;
      height: 100%; }
  .modal__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100%;
    max-width: 80vw;
    max-height: 80vh;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .modal__close {
    position: absolute;
    top: -49px;
    right: -49px;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAAXNSR0IB2cksfwAAAHVQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5YtmQAAAACd0Uk5TAEGgPjvP+8U0zf/DNszENz2fwjmdxjoyMzw4x8jBMdL8+TXJpKE/kjZgcQAAAUFJREFUeJyVle12gyAMhqEFQbRo6arWrd26dbv/SxwtQq2Gr/xSeA6Q5H1PEEIIb7YoEtsNNh+EFoyHWc4KSh5sKYSo6hBbVxrZaQRTcQ/Z+NlGPpBdi/bChDr42IOakDfUHi3dwWxn2WOLUC8tTSCWWFb299+BBWjHssEs8GpaqE5L9uS2XHFrt7Q4m7iNWWlHe9lrli43NUaXOwkeAV442qIuHwek0rx7014VqflILL+m6zA7y/J84TERPCVTlJ9fE+uVlxOji5BwZ71c9Q0Krq4WvaqI2bRiqYVpH2Oz4Jxn5CSYU7pnU8oi1pRZuy/nSLtfhDQket5INOj5lfgDngds5fU8aFif52Efw0f4fAw8LuDjtedD3lwU9DvD8/gn0liXJWvRzbIpYyJ9AFGcPtpKMwgzhqbO8fcvzNpx/A8KwyYEvn4JYAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.87;
    cursor: pointer; }
    .modal__close:hover {
      opacity: 1; }

 .modal__closer {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAMAAAApWqozAAAAAXNSR0IB2cksfwAAAHVQTFRFAAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////5YtmQAAAACd0Uk5TAEGgPjvP+8U0zf/DNszENz2fwjmdxjoyMzw4x8jBMdL8+TXJpKE/kjZgcQAAAUFJREFUeJyVle12gyAMhqEFQbRo6arWrd26dbv/SxwtQq2Gr/xSeA6Q5H1PEEIIb7YoEtsNNh+EFoyHWc4KSh5sKYSo6hBbVxrZaQRTcQ/Z+NlGPpBdi/bChDr42IOakDfUHi3dwWxn2WOLUC8tTSCWWFb299+BBWjHssEs8GpaqE5L9uS2XHFrt7Q4m7iNWWlHe9lrli43NUaXOwkeAV442qIuHwek0rx7014VqflILL+m6zA7y/J84TERPCVTlJ9fE+uVlxOji5BwZ71c9Q0Krq4WvaqI2bRiqYVpH2Oz4Jxn5CSYU7pnU8oi1pRZuy/nSLtfhDQket5INOj5lfgDngds5fU8aFif52Efw0f4fAw8LuDjtedD3lwU9DvD8/gn0liXJWvRzbIpYyJ9AFGcPtpKMwgzhqbO8fcvzNpx/A8KwyYEvn4JYAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.87;
    cursor: pointer; }
    .modal__closer:hover {
      opacity: 1; }

.modal[aria-hidden="false"] .modal__overlay {
  -webkit-animation: mmfadeIn 350ms cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 350ms cubic-bezier(0, 0, 0.2, 1); }

.modal[aria-hidden="true"] .modal__overlay {
  -webkit-animation: mmfadeOut 350ms cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 350ms cubic-bezier(0, 0, 0.2, 1); }

.modal .modal__container,
.modal .modal__overlay {
  will-change: transform; }

@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes mmfadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes mmfadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@media (max-width: 768px) {
    .container {
      padding-left: 16px;
      padding-right: 16px; }
    .section {
      height: auto; }
    .square-brackets {
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) top left/10% 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) left/100% 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) bottom left/10% 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) top right/10% 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) right/100% 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) bottom right/10% 4px no-repeat;
      background: linear-gradient(#ffffff, #ffffff) top left/10% 4px no-repeat, linear-gradient(#ffffff, #ffffff) left/100% 4px no-repeat, linear-gradient(#ffffff, #ffffff) bottom left/10% 4px no-repeat, linear-gradient(#ffffff, #ffffff) top right/10% 4px no-repeat, linear-gradient(#ffffff, #ffffff) right/100% 4px no-repeat, linear-gradient(#ffffff, #ffffff) bottom right/10% 4px no-repeat;
      background-size: 10% 4px,
 4px 100%,
 10% 4px,
 10% 4px,
 4px 100%,
 10% 4px; }
      .square-brackets > div {
        margin: 9px; }
        .header .container .logo {
          background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAoCAMAAADezbogAAAAAXNSR0IB2cksfwAAATJQTFRFAAAA////////////////////////////////+/z/la/+dZj+/////////v7/r8P+KmD9Iln91uD/P2/9k67+Omv95Ov/Pm79PW39gKD+/f7/f5/+YYn+9Pf/8/b/YIj+rcH+iqf+kaz+1uD/g6L+8vX/bZH+a5D+Kl/9jan+9fj/MGP9OWr9jKj+N2n9Z43+7vL/fZ3+JVz92eL/Xob+h6X+iKb+n7f+8PT/gaH+3OX/1N7//v7/6/D/T3v9T3v9zNn/////////ytf/OGn9I1r9bZL+/////////////v7/p73+Kl/9////////////+fn/fp7+f57+////////7/L/WoP+////////1eD/////////////tMf+LWH9/////////P3/////////////////dqAdogAAAGZ0Uk5TADjI/xylCoD26s7UWeP4zPz/z/HQ/////////////////////////////////////////////////////9bo///W/s31//8Ea+v0zf4QjPrn1tYjrtniPs3PAmDlzPwLgeyiNcQ01onzxQAAAZ1JREFUeJzN1FdbwjAUBuDAQRCZBSmIq24QVAQHS5kFQQWU7QJR//9fMGmANKU33vldlJ68z9OekoEQicEImhgNaBbTkhZJlkwKmi3LANYVG5cVK8CyxYyQ3QHgdLkFTdwuJ4DDjvBjPF4tkng9mDCv0tInzuOjI6sK22jhZ1356YhNzQHGAR0W1oIUg+uCHgsbm0S3tgV9FiTCkqDDO7s4e4T3yN2+hg/4f1T8Gx+KnB5pWwuFj2d4HA5xrfkipIqe0NZOTkkV8c35LHYe5z8sfh47YwyQuFDzRQKAY4BLxlfkV8PXjK//GSdTccrxVFKHAdIZcs2kabXAfBirpkM9LWzGolJWjVkpOp+xm1syCbk803yOjNzeYC4AFEtlXMmV6YoQKzIuy6UiQAFV72oA9fuH2Yqga+Hhvg5Qu6viHfzYaAK0nmSlBeWl8nMLoNl4nO7/dgc/s9ubre9eF5edNmLpD/DIUNnI3iG+HfQRl5fXN3wMvH98vONt//b6grQZjfEh8vmJD43xaAGVI2hCvmti0kWSr+/vH27gF29dTYsMuUnZAAAAAElFTkSuQmCC);
          width: 30px;
          height: 40px; }
      .welcome__logo {
        margin: 94px 0 23px 0; }
      .welcome__platform {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .welcome__platform-button {
          margin: 0 0 12px 0; }
      .activity__column {
        width: 100%; }
      .activity-pagination {
        display: none; }
    .arrow {
      display: none; }
    .activity-description {
      padding: 0;
      max-width: unset; }
      .activity-description__title {
        font-size: 24px;
        line-height: 1; }
    .pg {
      position: absolute;
      bottom: 16px;
      left: 50%;
      -webkit-transform: translate(-50%);
              transform: translate(-50%); }
      .pg-prev, .pg-next {
        display: inline-block; }
      .news__title {
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
        font-size: 24px; }
      .news__description {
        font-size: 16px;
        line-height: 24px; }
      .news-entries {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .news-entry {
        width: 100%;
        max-width: unset; }
      .news-entry .square-brackets {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .news-entry .news-entry__title {
        opacity: 0;
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px); }
        .news-entry__block {
          font-size: 16px;
          line-height: 24px; }
          .news-entry__block h3 {
            font-size: 18px;
            line-height: 24px; }
      .videos__title {
        text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.34);
        font-size: 24px; }
      .videos-entries {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .videos-entry {
        width: 100%;
        max-width: unset; }
      .classes .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .classes .container .class-image {
          position: relative;
          display: block;
          width: 100%;
          height: 33vh; }
          .classes .container .class-image__prev, .classes .container .class-image__next {
            display: inline-block; }
        .classes .container .class-info {
          padding: 20px;
          display: block;
          width: 100%;
          -webkit-clip-path: none;
                  clip-path: none; }
          .classes .container .class-info__title {
            font-size: 24px;
            line-height: 1; }
          .classes .container .class-info__description {
            font-size: 16px;
            min-height: auto; }
          .classes .container .class-info .class-pagination {
            display: none; }
        .classes .container .mono-destroyer,
        .classes .container .mono-cruiser,
        .classes .container .mono-battleship {
          width: 33px;
          height: 17px; }
        footer .container .footer__navigation {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          footer .container .footer__navigation li {
            padding: 5px 15px; }
        footer .container .footer__badges {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          footer .container .footer__badges div {
            width: 100%; }
      .modal__close {
        top: -29px;
        right: -29px;
        width: 24px;
        height: 24px; } 

 .modal__closer {
        width: 24px;
        height: 24px; }}

@media (max-width: 1320px) {
    .header {
      height: 56px; }
      .header .container {
        padding-left: 16px;
        padding-right: 16px; }
        .header .container .navigation {
          display: none;
          position: absolute;
          top: 56px;
          left: 0;
          right: 0;
          background: black;
          height: auto;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column; }
          .header .container .navigation:after {
            content: '';
            position: fixed;
            top: 125px;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10;
            background: rgba(0, 0, 0, 0.7); }
          .header .container .navigation li {
            margin: 0;
            position: relative;
            z-index: 15;
            display: block;
            border-bottom: 1px solid #43474b; }
            .header .container .navigation li a {
              display: block;
              padding: 20px;
              line-height: 1;
              font-size: 16px; }
                .header .container .navigation li a:hover:after, .header .container .navigation li a.active:after {
                  display: none; }
        .header .container .platforms {
          display: none; }
        .header .container .lang {
          margin: 0 0 0 auto; }
        .header .container .navigation-burger {
          display: inline-block; }
    .tns-slide-active .activity-description {
      -webkit-animation-name: none;
              animation-name: none; }
    .news {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: auto; }
      .news-entries {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
      .news-entry {
        width: 100%; }
        .news-entry__block {
          font-size: 20px;
          line-height: 22px; }
          .news-entry__block h3 {
            font-size: 26px;
            line-height: 28px; } }

@media (max-width: 1400px) {
          .header .container .navigation li {
            margin: 0 0 0 30px; }
            .header .container .navigation li a {
              font-size: 20px; }
          .header .container .platforms .pc {
            font-size: 20px; } }