/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: https://meyerweb.com
	HTML5 Doctor				:: https://html5doctor.com
	and the HTML5 Boilerplate	:: https://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* Handle box-sizing while better addressing child elements:
   https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects
*/
img,
object,
embed {
  max-width: 100%;
}

/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	 In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type=radio] {
  vertical-align: text-bottom;
}

input[type=checkbox] {
  vertical-align: bottom;
}

.ie7 input[type=checkbox] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights https://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before, .clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") format("woff"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-v20-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-condensed-v18-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-condensed-v18-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-condensed-v18-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-condensed-v18-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-condensed-v18-latin-ext_latin_cyrillic-ext_cyrillic-700.woff") format("woff"), url("https://promo-cdn.worldofwarships.com/global_static/fonts/roboto-condensed-v18-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf") format("truetype");
}
body {
  position: relative;
  width: 100%;
  min-width: 320px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: white;
  background-color: #02111E;
}

.screen {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 980px) {
  .video-bg__container {
    display: none;
  }
}
@media screen and (max-width: 460px) {
  body {
    font-size: 12px;
  }
}
.loader {
  display: none;
}

body.loading.loading--fade-out .loader {
  -webkit-animation: loaderFadeOut 0.5s linear forwards;
          animation: loaderFadeOut 0.5s linear forwards;
}
body.loading .loader {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 99;
  opacity: 1;
}
body.loading .loader:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
body.loading .loader__processing {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: block;
  width: 78px;
  height: 78px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAC31BMVEVHcExFNDA7JBxhUEuLbkukflJCLChhVFFbRDw8JB50aGUfDAo1GhI9IBU9IBhKKBpyY115X0MlEA20h1gwGRJhQCpbSkROKx0gDQo6IBhvTTaNdlcqFBFKMCBePCtzXEyOeGaghF5SMirayKdXNSK8o4OynH1lTDiUcFJrRyytilm5j1SQZTwAAAAEBAIIBwYBBgcOCwpHPzsMDw4CDQobGBUUDw0DExEiGxc2NDIfHR0OBwQVDAgjFxE8ODUaEg8xHBQEKCFCOTM8KyEJGhQqFw8pKCcMExRcUUkJLCU5LipNRD6VjopXS0VHKRw3Jh0TEhFTUE0xKiQtJSFUMB8IOjF8dXGKhYE7IBUZIDECChBcVFFBPjpjWlQ9My8pHBQ0Ihl5Wjx0cG5TSEJFRUEUHCc0LyhCMSZNSEQlIBujnZhtZmGvragaJTmopZ8uLCsBIRtMLx83PDoEDhlUOSgWGRqBencmJCCWlJJhWk5WWVeblYwNQzq1r6tya2h5cWVeX10FMSkKEwYPIh9iUDtwY1mDYD5MS0icmpUtIRqUdU1OQDdmXlkFFSWvqaILGBu0tLGLgXMVKkMgEAm7t7NuUzhcOCONiodxSS1hQCqWi34RIjZBJBgPIi8KHSa9vLrIwbuiop9tXk4lUlCFgHwQGi5mYl5LOTRmVkouMi92a1wMHxng3do6NykgIyJLNSbDlF7JnmdjZmWEeWppbGmJaUXfqGiaelFkSDCCVjTZ19P/4ZNVRTqykmCklIP98rybbUPtxIQdMzGXhnJrPSYNMil3UjSriFvUzsj64qA4RkOhi3DKx8WBhYKtfUz50ojq5uOfdUmSaT50d3OUgGQSTkjruHQ5ZWXNlVhJVFKMj47fxIu7nGresnW8iVKqlXL99dr/76wjR0TPtIF/akvTqXKEc1+7rIymqqj//e3w4a5kkZjy8O7m1KVSfYC+pXInYFxCcXPGu6hwfX3r38NRwHseAAAA5nRSTlMAN4dj/P5mBBoeEpft0ZbuTPvI/rf0gM3TTMj+cNqOmYX8wP7z2fus0eDD59D//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////v///////////////////v25VdYAABIWSURBVFjDpZiHW5vX9cexDTZxPOOkSZrVjM7f753aW0ggCc2BkAAJCQlZIIkl9h5mbzB7mGFjps0ww2YaD2y8Zx1vx453nNn+Ab2ymzZtM9vzIJ4XnocP33PPec+99+vh8VOxdtPqXz2PVZvWevxv8dKbK19dv+61Y9PT00c1H21c/+rKN1/6L1FrVqz84+azV4sivjxx98Ts3VM7T924NXbB/Nr6lSvW/GKY99uvX56/MDV78MTOPU8+AREzWPvkyScHz82bzc3r3/b+ZUlu8Pzy8o0bdz7/6/KHl2sXFi7fOfXWW6e+WV7+5OCpG+8/GDu27uWfn7T3uw9vHDx45PKjDxfmguQjJiaTATPqFCOuxIL+2trxO3fvnhszb/yZwDWrPT//5MmTbwb7Wo61MyF3wMqkJCHqfmKaRsofPnp68MTs5gMb3/4Za/jSr996+uSTvx5xtXMZ4O+xgXSLZV/uRG5x+r591mEEEOsU/QtPH93/dH/iKz8pcPXm1vvfnD/Vwq0DsOHIfZf2WdLphmtJSdb44eL09HRrrBCCGX6y2g8HvzxUtG71jye64XePHo4fKQjygyGElmtJjxfE5wqudXfX7Jm5lPq4eHjAwKbR6DDE4BcOfj57qyzo5R9JeO2vvzz4yaOdCqAMKdbmnjyZe6Yzynq98/H5ZzWW1KZ41XJXqsVAF8QOg5xHaj8/ccvL9craH6Z9evfgpzv9GBAc37vPYL3+uOZ096XrZ4onJvapBCTVvoma8zXSrvpcOkmQBMF+O795emi+8Yd4a9y0OyNAmlKVHl/8l5rOqNPXrb25VA6JoMRiDU2P01WXZqqk9cs9JCVdgEB1IwsHAe+N78/3OU0DVo02YY0v2dP5+ExJLoGdggUYeYJhurU3xRBrFdCyukqSo05PxJLoBLCCR54euil/5ft477719OllDReCrLnx12pmukFfkCCYxHNmJ1uyk7Oztc5QPTsA4jirYnodqckqEpIEMRVHPp+/H/Tyf9JWNVy+c7mRC8Mq1UB6feel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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
}
body.loading .loader__processing:after {
  content: "";
  position: absolute;
  display: block;
  width: 78px;
  height: 78px;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-animation: loaderSpinning 1.5s linear infinite;
          animation: loaderSpinning 1.5s linear infinite;
}

@-webkit-keyframes loaderSpinning {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loaderSpinning {
  from {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loaderFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes loaderFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.video-bg__container {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.video-bg__container video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center right;
     object-position: center right;
}

@media screen and (max-width: 980px) {
  .video-bg__container {
    display: none;
  }
}
.background {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.background .bg-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.background .bg-image--desktop {
  display: block;
}
.background .bg-image--mobile {
  display: none;
}
.background::before, .background::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 35%;
  left: 0;
}
.background::before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 21, 52, 0)), to(#001534));
  background: -o-linear-gradient(top, rgba(0, 21, 52, 0) 0%, #001534 100%);
  background: linear-gradient(180deg, rgba(0, 21, 52, 0) 0%, #001534 100%);
  opacity: 0.8;
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.background::after {
  height: 60%;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 21, 52, 0)), to(#001534));
  background: -o-linear-gradient(top, rgba(0, 21, 52, 0) 0%, #001534 100%);
  background: linear-gradient(180deg, rgba(0, 21, 52, 0) 0%, #001534 100%);
  opacity: 0.8;
}

@media screen and (max-width: 600px) {
  .background {
    position: absolute;
  }
  .background .bg-image {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top;
       object-position: top;
  }
  .background .bg-image--desktop {
    display: none;
  }
  .background .bg-image--mobile {
    display: block;
  }
}
main {
  position: relative;
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  min-height: 565px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.main-wrapper {
  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;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  padding-top: 3.125em;
  padding-bottom: 3.6875em;
  z-index: 1;
}

@media screen and (max-width: 980px) {
  main {
    padding-top: 2em;
  }
}
.logo__wrapper {
  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: 90%;
  max-width: 367px;
}
.logo__wrapper svg {
  display: block;
  width: 100%;
  -webkit-filter: drop-shadow(0px 6px 13px rgba(0, 0, 0, 0.7));
          filter: drop-shadow(0px 6px 13px rgba(0, 0, 0, 0.7));
}

.main-title {
  display: none;
  margin-top: auto;
  font-weight: 700;
  font-size: 36px;
  line-height: 42px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
}

.main-title--showed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.button-wrapper .button {
  margin-top: 1em;
}

main .button.button--floating {
  margin-bottom: 5.625em;
}

.main-description {
  display: none;
  margin-top: 2em;
  max-width: 35%;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  color: #eeeeee;
}
.main-description a {
  position: relative;
  color: #00b4b9;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.main-description a svg {
  padding-left: 5;
  fill: currentColor;
}
.main-description a:hover {
  text-decoration: none;
  color: #00cccc;
}
.main-description a:active {
  text-decoration: none;
  color: #00b4b9;
  opacity: 0.5;
}

.main-description--showed {
  display: block;
}

@media screen and (max-width: 1600px) {
  .main-description {
    max-width: 50%;
  }
}
@media screen and (max-width: 1279px) {
  .logo__wrapper {
    max-width: 294px;
  }

  .main-description {
    max-width: none;
  }
}
@media screen and (max-width: 980px) {
  .main-wrapper {
    min-height: auto;
  }

  .main-title {
    margin-top: calc(1em + 35vh);
    font-size: 32px;
    line-height: 38px;
  }
}
.button {
  display: none;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8125em 1.5625em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 2em;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.55);
  background: #FE5000;
  border: none;
  opacity: 0.9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.button:hover, .button:focus-visible {
  background: #F56914;
  opacity: 1;
  outline: transparent;
}
.button:active {
  background: #DD5502;
}
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.button.button--showed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1279px) {
  .button {
    font-size: 1.5em;
  }
}
.content-button {
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.6875em 2.53125em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 0;
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.content-button span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  color: inherit;
}
.content-button:hover, .content-button:focus-visible {
  opacity: 1;
}
.content-button:active {
  opacity: 0.8;
}

.socials-button {
  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;
  padding: 0.5em 1.6429em;
  width: calc(25% - 1%);
  min-width: 143px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  border-radius: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.socials-button svg,
.socials-button img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.3571em;
}
.socials-button span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  color: inherit;
}
.socials-button:hover, .socials-button:focus-visible {
  background-color: white;
}
.socials-button:active {
  opacity: 0.8;
}

.socials-button.socials-button--youtube {
  background-color: rgba(230, 33, 23, 0.8);
}
.socials-button.socials-button--youtube:hover, .socials-button.socials-button--youtube:focus-visible {
  background-color: #e62117;
}

.socials-button.socials-button--facebook {
  background-color: rgba(66, 103, 178, 0.8);
}
.socials-button.socials-button--facebook:hover, .socials-button.socials-button--facebook:focus-visible {
  background-color: #4267b2;
}

.socials-button.socials-button--twitch {
  background-color: rgba(100, 65, 164, 0.8);
}
.socials-button.socials-button--twitch:hover, .socials-button.socials-button--twitch:focus-visible {
  background-color: #6441a4;
}

.socials-button.socials-button--instagram {
  background-color: rgba(221, 42, 123, 0.8);
}
.socials-button.socials-button--instagram:hover, .socials-button.socials-button--instagram:focus-visible {
  background-color: #dd2a7b;
}

.socials-button.socials-button--vk {
  background-color: rgba(77, 127, 180, 0.8);
}
.socials-button.socials-button--vk:hover, .socials-button.socials-button--vk:focus-visible {
  background-color: #4d7fb4;
}

.socials-button.socials-button--ok {
  background-color: rgba(245, 130, 31, 0.8);
}
.socials-button.socials-button--ok:hover, .socials-button.socials-button--ok:focus-visible {
  background-color: #f5821f;
}

.socials-button.socials-button--zen {
  background-color: rgba(46, 50, 56, 0.8);
}
.socials-button.socials-button--zen:hover, .socials-button.socials-button--zen:focus-visible {
  background-color: #2e3238;
}

.socials-button.socials-button--twitter {
  background-color: rgba(40, 170, 225, 0.8);
}
.socials-button.socials-button--twitter:hover, .socials-button.socials-button--twitter:focus-visible {
  background-color: #28aae1;
}

.forms__container {
  display: none;
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 1.5em auto 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.forms__container.form--showed {
  display: block;
}

.forms {
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

/* support backdrop-filter */
@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .forms {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
.forms__tabs {
  width: 90%;
  margin: 0 auto;
  padding: 1.5em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.forms__tabs::before, .forms__tabs::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
}

.forms__tab {
  display: block;
  width: 100%;
}
.form__tab-label {
  display: block;
  padding: 0 0.5em;
  font-family: inherit;
  font-size: 1.5em;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
}

.form {
  width: 100%;
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 2.0625em;
}

.form__row {
  position: relative;
  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;
  width: 100%;
  padding: 0 5%;
  margin: 0.75em auto 0;
}
.form__row:first-child {
  margin-top: 0;
}
.form__row:last-child {
  margin-top: 2.5em;
}
.form__row.form__row--hidden {
  display: none;
}

.form__input-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.form__input {
  display: block;
  width: 100%;
  padding: 0.9375em 7.1875em 0.9375em 1.125em;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 180, 185, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  opacity: 1;
}
.form__input[name=login], .form__input[name=invite_code] {
  padding-right: 1.125em;
}
.form__input::-webkit-input-placeholder {
  font-size: 1em;
  color: #ffffff;
  opacity: 0.54;
  -webkit-user-select: none;
          user-select: none;
}
.form__input::-moz-placeholder {
  font-size: 1em;
  color: #ffffff;
  opacity: 0.54;
  -moz-user-select: none;
       user-select: none;
}
.form__input:-ms-input-placeholder {
  font-size: 1em;
  color: #ffffff;
  opacity: 0.54;
  -ms-user-select: none;
      user-select: none;
}
.form__input::-ms-input-placeholder {
  font-size: 1em;
  color: #ffffff;
  opacity: 0.54;
  -ms-user-select: none;
      user-select: none;
}
.form__input::placeholder {
  font-size: 1em;
  color: #ffffff;
  opacity: 0.54;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form__input:-webkit-autofill, .form__input:autofill {
  background: rgba(0, 180, 185, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.form__input:focus, .form__input:active, .form__input:focus-visible {
  color: white;
  background-color: rgba(0, 180, 185, 0.15);
  border: 1px solid rgba(0, 180, 185, 0.9);
  outline: none;
}
.form__input[type=password]::-ms-reveal {
  display: none;
}

.form__password-visibility {
  position: absolute;
  top: 50%;
  right: 5em;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  width: 1em;
  height: 1em;
  opacity: 0.54;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form__password-visibility svg {
  display: block;
  width: 100%;
  height: 100%;
}

.form__hint-icon {
  position: absolute;
  top: 50%;
  right: 2em;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  display: block;
  width: 1.5em;
  height: 1.5em;
  opacity: 0.54;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form__hint-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.form__hint-icon.form__hint-icon--inline {
  position: relative;
  display: inline-block;
  width: 1.125em;
  height: 1.125em;
  line-height: 1;
  color: transparent;
  opacity: 1;
  background-image: url("https://promo-cdn.worldofwarships.com/glows-31312/src/images/icon_tooltip.svg");
  background-position: center;
  background-size: cover;
  position: relative;
  top: 0;
  right: 0;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.form__hint-text {
  position: absolute;
  bottom: 50%;
  left: calc(100% - 5% - 1em);
  display: none;
  padding: 1em 2em;
  width: 100%;
  max-width: 357px;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.375;
  background-color: #323234;
  z-index: 1;
}
.form__hint-text.form__hint-text--visible {
  display: block;
}

.form__hidden-row-button {
  margin-top: 1em;
  margin-left: 5%;
  background: transparent;
  -webkit-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border: none;
  opacity: 0.7;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.form__hidden-row-button:hover, .form__hidden-row-button:focus-visible {
  outline: none;
  opacity: 1;
}
.form__hidden-row-button span {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.375em;
  color: #00B4B9;
  text-decoration: underline;
}

.form__row#captchaRow {
  display: none;
}

.form__captcha-side {
  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: 50%;
}

.form__checkbox-label {
  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;
  width: 100%;
}

.form__checkbox-label-text {
  display: block;
  width: calc(100% - 1.5em - 1.875em);
  margin-left: 1.5em;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.375;
  color: rgba(255, 255, 255, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}

.form__checkbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -999;
  opacity: 0;
}
.form__checkbox + .form__checkbox-custom {
  position: relative;
  display: inline-block;
  width: 1.875em;
  height: 1.875em;
}
.form__checkbox + .form__checkbox-custom::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  display: block;
  width: 1.875em;
  height: 1.875em;
  border: 1px solid #ffffff;
  opacity: 0.5;
}
.form__checkbox + .form__checkbox-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  content: "";
  display: block;
  width: 1.375em;
  height: 1.375em;
  background-color: #ffffff;
  opacity: 0;
}
.form__checkbox:hover ~ .form__checkbox-custom::before, .form__checkbox:focus-visible ~ .form__checkbox-custom::before {
  opacity: 1;
}
.form__checkbox:checked + .form__checkbox-custom::before {
  opacity: 1;
  border: 1px solid rgba(0, 180, 185, 0.9);
}
.form__checkbox:checked + .form__checkbox-custom::after {
  opacity: 1;
  background-color: rgba(0, 180, 185, 0.9);
}
.form__checkbox:checked:hover + .form__checkbox-custom::before {
  border: 1px solid #00b4b9;
}
.form__checkbox:checked:hover + .form__checkbox-custom::after {
  background-color: #00b4b9;
}
.form__checkbox:hover ~ .form__checkbox-label-text, .form__checkbox:focus-visible ~ .form__checkbox-label-text {
  color: white;
}
.form__checkbox:checked ~ .form__checkbox-label-text {
  color: rgba(255, 255, 255, 0.8);
}
.form__checkbox:checked:hover ~ .form__checkbox-label-text, .form__checkbox:checked:focus-visible ~ .form__checkbox-label-text {
  color: white;
}

.form__button-wrapper {
  margin-top: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}

.form__button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.8333em 1.5625em;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 1;
  color: #FFFFFF;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.55);
  border: none;
  border-radius: 0;
  background: rgba(0, 180, 185, 0.8);
  opacity: 0.9;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.form__button span {
  position: relative;
}
.form__button:hover, .form__button:focus-visible {
  background: #00b4b9;
  opacity: 1;
  outline: transparent;
}
.form__button:active {
  opacity: 0.8;
}
.form__button:disabled {
  color: rgba(255, 255, 255, 0.3);
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  background: #0f5658;
  cursor: not-allowed;
}
.form__button:disabled:hover {
  background: rgba(0, 180, 185, 0.35);
}
.form__button.form__button--loading span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(https://promo-cdn.worldofwarships.com/glows-31312/src/images/icon_spinner.png);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: translate(-130%, -50%) rotate(0deg);
      -ms-transform: translate(-130%, -50%) rotate(0deg);
          transform: translate(-130%, -50%) rotate(0deg);
  -webkit-animation-name: spinerRotaion;
          animation-name: spinerRotaion;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.forms__footer {
  margin-top: 1.5em;
}

.forms__footer-title-container {
  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;
}

.forms__footer-line {
  display: block;
  width: 29%;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
}

.forms__footer-title {
  display: block;
  margin: 0 1em;
  font-size: 1.25em;
  line-height: 1.3;
  color: #FFFFFF;
  opacity: 0.7;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.forms__footer-links {
  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;
  margin-top: 1em;
  padding: 1em 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.forms__footer-side {
  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;
  width: calc( (100% - 1px) / 2 );
  padding: 0 5%;
}

.forms__footer-separator {
  display: block;
  width: 1px;
  height: 3em;
  background-color: #FFFFFF;
  opacity: 0.1;
}

.forms__footer-link {
  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-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.8;
}
.forms__footer-link:hover, .forms__footer-link:focus-visible {
  outline: none;
  opacity: 1;
}
.forms__footer-link:active {
  opacity: 0.8;
}

.hidden {
  display: none;
}

.b-message {
  width: 90%;
  margin: 1em auto 0;
  padding: 0.875em 1.125em;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.1875;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.b-message-info {
  background-color: rgba(0, 255, 127, 0.1);
  color: #99c59b;
}
.b-message-info .b-message-icon__error {
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.b-message-error {
  background-color: rgba(255, 0, 0, 0.4);
  color: #ffaeae;
}

.b-message-error_content {
  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: rgba(255, 255, 255, 0.7);
}
.b-message-error_content svg {
  margin-right: 0.75em;
}
.b-message-error_content p span {
  color: white;
}
.b-message-error_content p span:hover {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline;
}
.b-message-error_content p span:active {
  color: white;
  text-decoration: underline;
}
.b-message-error_content a {
  color: #FFFFFF;
  text-decoration: none;
}
.b-message-error_content a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

input.text-input__error {
  color: rgba(255, 174, 174, 0.6);
  background-color: rgba(255, 0, 0, 0.08);
  border: 1px solid rgba(255, 0, 0, 0.4);
}
input.text-input__error:hover, input.text-input__error:focus-visible {
  color: #ffaeae;
  background-color: rgba(255, 0, 0, 0.15);
  border: 1px solid rgba(255, 0, 0, 0.4);
}

.label-eula_error .form__checkbox + .form__checkbox-custom:before {
  border-color: rgba(255, 0, 0, 0.4);
}
.label-eula_error .form__checkbox:hover ~ .form__checkbox-label-text, .label-eula_error .form__checkbox:focus-visible ~ .form__checkbox-label-text {
  color: #ffaeae;
}
.label-eula_error .form__checkbox-label-text {
  color: rgba(255, 174, 174, 0.6);
}

/* support backdrop-filter */
@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .forms__footer-links {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
@media screen and (max-width: 1279px) {
  .form__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .form__input {
    padding-left: 1em;
    padding-right: 5em;
  }
  .form__input[name=nickname] {
    padding-right: 3em;
  }
  .form__input[name=login], .form__input[name=invite_code] {
    padding-right: 1em;
  }

  .form__hint-icon {
    right: 1em;
  }

  .form__hint-text {
    position: relative;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding: 1em 1em;
  }

  .form__password-visibility {
    right: 3.5em;
  }

  .forms__footer-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
  }

  .forms__footer-side {
    width: 100%;
    max-width: 375px;
    padding: 1.5em 5%;
  }

  .forms__footer-link.forms__footer-link--windows svg {
    width: 40px;
    height: 40px;
  }
  .forms__footer-link.forms__footer-link--steam svg {
    width: 127px;
    height: 38px;
  }
  .forms__footer-link.forms__footer-link--egs svg {
    width: 42px;
    height: 50px;
  }
  .forms__footer-link.forms__footer-link--xbox svg {
    width: 90px;
    height: 27px;
  }
  .forms__footer-link.forms__footer-link--ps svg {
    width: 160px;
    height: 21px;
  }

  .forms__footer-separator {
    width: 90%;
    height: 1px;
  }
}
@-webkit-keyframes spinerRotaion {
  0% {
    -webkit-transform: translate(-130%, -50%) rotate(0deg);
            transform: translate(-130%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-130%, -50%) rotate(360deg);
            transform: translate(-130%, -50%) rotate(360deg);
  }
}
@keyframes spinerRotaion {
  0% {
    -webkit-transform: translate(-130%, -50%) rotate(0deg);
            transform: translate(-130%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-130%, -50%) rotate(360deg);
            transform: translate(-130%, -50%) rotate(360deg);
  }
}
.message-wrapper {
  display: none;
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 1.5em auto 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.message-wrapper.message--showed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.message {
  display: block;
  width: 100%;
  max-width: 600px;
  background-color: rgba(0, 0, 0, 0.8);
}
.message.message--success .message__header::before,
.message.message--success .message__header::after {
  background-color: rgba(0, 180, 185, 0.9);
}
.message.message--success .message__title {
  color: #00B4B9;
}

/* support backdrop-filter */
@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .message {
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
}
.message__header {
  width: 90%;
  margin: 0 auto;
  padding: 1.5em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inherit;
  font-size: 1.5em;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
}
.message__header::before, .message__header::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
}

.message__title {
  display: block;
  white-space: nowrap;
  margin: 0 1em;
}

.message__content {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 5% 2em;
  margin-top: 1em;
}

.message__content-text {
  display: block;
  width: 100%;
  margin-top: 1em;
  font-size: 1.125em;
  line-height: 1.3333;
  text-align: center;
}

.message__content-email {
  display: block;
  color: #00B4B9;
}

.message__content .content-button {
  margin-top: 1.5em;
}

.message__button {
  margin-top: 0;
}

.message.message--success .message__header::before,
.message.message--success .message__header::after {
  background-color: rgba(0, 180, 185, 0.9);
}
.message.message--success .message__title {
  color: #00B4B9;
}

.message-additional {
  max-width: 600px;
  margin: 0 auto;
}

.message-additional__header {
  width: 90%;
  margin: 0 auto;
  padding: 2em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inherit;
  font-size: 1.5em;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
}
.message-additional__header::before, .message-additional__header::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
}

.message-additional__title {
  display: block;
  white-space: nowrap;
  margin: 0 1em;
}

.message-additional__content {
  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-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 0 5%;
}

.message-additional__content-text {
  display: block;
  width: 100%;
  margin-top: 0.8889em;
  font-size: 1.125em;
  line-height: 1.3333;
  text-align: center;
}

.message-additional__button-wrapper {
  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-top: 1.5em;
}

.message-socials {
  width: 100%;
}

.message-socials__header {
  width: 90%;
  margin: 0 auto;
  padding: 2em 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: inherit;
  font-size: 1.5em;
  line-height: 1.2;
  color: #ffffff;
  text-align: center;
}
.message-socials__header::before, .message-socials__header::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  opacity: 0.5;
}

.message-socials__title {
  display: block;
  white-space: nowrap;
  margin: 0 1em;
}

.message-socials__content {
  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;
  width: 100%;
  margin-top: 1.5em;
}

@media screen and (max-width: 1279px) {
  .message-socials__content {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
  .message-socials__content .socials-button {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .message-socials__content {
    grid-template-columns: 1fr;
  }
}
.footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 1.5em;
  width: 100%;
  background-blend-mode: multiply;
}

/* support backdrop-filter */
@supports ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
    z-index: -1;
  }
}
.footer-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 90%;
}

.footer__links-wrapper {
  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;
  width: 100%;
  margin: 0 auto;
}

.footer__links {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-top: 1em;
}

.footer__link {
  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: 0.5em 1em;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #00b4b9;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.75;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.footer__link:hover, .footer__link:focus-visible {
  opacity: 1;
}
.footer__link:active {
  text-decoration: underline;
}
.footer__link * {
  display: block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  color: inherit;
  text-shadow: inherit;
  white-space: inherit;
}

.footer__copyright-wrapper {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.375;
  color: #FFFFFF;
  opacity: 0.54;
}
.footer__copyright-wrapper * {
  display: inline-block;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-decoration: inherit;
  text-transform: inherit;
  color: inherit;
}

.language-switcher-wrapper {
  margin-left: 1.25em;
}

.age-ratings-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  margin-top: 1em;
}

@media screen and (max-width: 1279px) {
  .footer__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .footer__copyright-wrapper {
    width: 100%;
    margin-top: 1.5em;
    text-align: center;
  }

  .language-switcher-wrapper {
    margin: 1.5em auto 0;
  }

  .age-ratings-wrapper {
    margin-top: 0.25em;
  }
}
body #ot-sdk-btn.ot-sdk-show-settings {
  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: 0.5em 1em;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #00b4b9 !important;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 0.75;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0;
  border: none !important;
}
body #ot-sdk-btn.ot-sdk-show-settings:hover, body #ot-sdk-btn.ot-sdk-show-settings:focus-visible {
  color: #00b4b9;
  opacity: 1;
  border: none !important;
}
body #ot-sdk-btn.ot-sdk-show-settings:active {
  text-decoration: underline;
}

.language-switcher {
  position: relative;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.8;
  z-index: 1;
}
.language-switcher:hover, .language-switcher:focus-visible {
  opacity: 1;
}
.language-switcher:active {
  opacity: 0.6;
}
.language-switcher.language-switcher--showed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.language-switcher.language-switcher--active .language-switcher__arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.language-switcher__icon {
  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;
}
.language-switcher__icon img {
  display: block;
  margin-right: 0.4375em;
  width: 34px;
  height: 17px;
}

.language-switcher__label {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.375;
  text-align: center;
}

.language-switcher__arrow {
  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-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.language-switcher__arrow svg {
  display: block;
  width: 12px;
  height: 12px;
}

.language-popup {
  position: relative;
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  padding: 1.65em calc(1.65em + 18px + 1.65em);
  width: 100%;
  color: #FFFFFF;
  background-color: #161616;
  opacity: 1;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  cursor: default;
  z-index: 1;
}
.language-popup.language-popup--showed {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.language-popup__closer {
  position: absolute;
  top: 1.65em;
  right: 1.65em;
  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-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
.language-popup__closer svg {
  display: block;
  width: 18px;
  height: 18px;
}

.language-popup__title {
  display: block;
  width: 100%;
  font-size: 1.5em;
  line-height: 1.3;
  text-align: center;
}

.language-popup__realms-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  max-width: 834px;
  margin: 1.5em auto 0;
}

.language-popup__realm {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 150px;
  min-height: 150px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  padding-left: 16px;
  background-position: 16px 0;
  background-size: 150px auto;
  background-repeat: no-repeat;
}
.language-popup__realm.language-popup__realm--cis {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  background-image: url("https://promo-cdn.worldofwarships.com/glows-31312/src/images/bg_realm-cis.png");
}
.language-popup__realm.language-popup__realm--eu {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  background-image: url("https://promo-cdn.worldofwarships.com/glows-31312/src/images/bg_realm-eu.png");
}
.language-popup__realm.language-popup__realm--na {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background-image: url("https://promo-cdn.worldofwarships.com/glows-31312/src/images/bg_realm-na.png");
}
.language-popup__realm.language-popup__realm--asia {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  background-image: url("https://promo-cdn.worldofwarships.com/glows-31312/src/images/bg_realm-asia.png");
}

.language-popup__realm-title {
  display: block;
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  line-height: 1.375;
  color: #FFFFFF;
  text-align: left;
}

.language-popup__realm-languages {
  display: block;
  width: 100%;
  margin-top: 0.75em;
}

.language-popup__language {
  display: block;
  width: 100%;
}
.language-popup__language a {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 0.875em;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.language-popup__language a:hover, .language-popup__language a:focus-visible {
  color: white;
}
.language-popup__language--active {
  position: relative;
}
.language-popup__language--active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-16px, -50%);
      -ms-transform: translate(-16px, -50%);
          transform: translate(-16px, -50%);
  width: 16px;
  height: 16px;
  background-image: url("https://promo-cdn.worldofwarships.com/glows-31312/src/images/icon_arrow-right.svg");
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.language-popup__language--active a {
  color: white;
}

@media screen and (max-width: 1279px) {
  .language-popup {
    bottom: 0;
    top: 0;
    padding: 1.65em 0;
    overflow-y: auto;
  }

  .language-popup__realms-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 375px;
  }

  .language-popup__title {
    padding: 0 calc(1em + 18px + 5px);
  }

  .language-popup__realm {
    margin-top: 1em;
  }
  .language-popup__realm.language-popup__realm--cis {
    min-height: 78px;
    background-size: 120px auto;
  }
  .language-popup__realm.language-popup__realm--na {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-height: 107px;
    background-size: 120px auto;
  }
  .language-popup__realm.language-popup__realm--eu {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    min-height: 99px;
    background-size: 120px auto;
  }
  .language-popup__realm.language-popup__realm--asia {
    margin-top: calc(1.6em * 1);
    min-height: 87px;
    background-size: 120px auto;
  }
}
@media screen and (max-width: 375px) {
  .language-popup__realm.language-popup__realm--cis, .language-popup__realm.language-popup__realm--na, .language-popup__realm.language-popup__realm--eu, .language-popup__realm.language-popup__realm--asia {
    margin-top: calc(1.6em * 1);
  }
}
/* FOOTER AGE RATINGS START */
.age-ratings {
  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-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
}

.age-ratings__items {
  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;
}

.age-rating__link {
  display: block;
  height: 55px;
  margin: 0 8px;
  opacity: 0.9;
}

.age-rating__link img {
  display: block;
  height: 100%;
}

.age-ratings__description {
  display: block;
  text-align: center;
  margin-top: 10px;
  font-size: 10px;
  opacity: 0.7;
}

@media screen and (max-width: 1279px) {
  .age-ratings {
    margin-top: 1.25em;
  }
}
/* FOOTER AGE RATINGS END */