/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: "fregat";
  src: url("../fonts/fregat.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "fregat";
  src: url("../fonts/fregat_bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "fregat";
  src: url("../fonts/fregat_bold_italic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "fregat";
  src: url("../fonts/fregat_italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

html {
  height: 100%;
  font-size: 62.5%;
  font-family: "Roboto", "Arial", sans-serif; }

body {
  height: 100%;
  font-family: "Roboto", "Arial", sans-serif;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent; }

* {
  box-sizing: border-box;
  -webkit-text-size-adjust: none; }

.svg-sprite {
  width: 0;
  height: 0;
  overflow: hidden; }

.layout {
  height: 100%;
  min-width: 1200px; }
  html:not(.mobile) .popup-cookie:not(._hidden) + .layout {
    height: calc(100% - 8rem);
    margin-top: 8rem; }
  .mobile .layout {
    min-width: initial; }

html {
  overflow: hidden; }

html._ready {
  overflow: auto; }

section[data-section] {
  z-index: 1; }

.content {
  margin: 0 auto;
  width: 100%;
  max-width: 930px;
  min-width: 320px; }
  .mobile .content {
    padding-left: 25px;
    padding-right: 25px; }

a {
  color: #2a364d;
  text-decoration: none;
  border-bottom: 1px solid #ffd919;
  transition: border-color 0.2s; }

a:hover {
  border-color: transparent; }

.section-title {
  font: bold 6rem/1.067em "fregat", "Arial", sans-serif;
  letter-spacing: -0.03em; }
  .mobile .section-title {
    font-size: calc(30vw / 3.75); }

.mobile .__mobile-hide {
  display: none; }

.burger {
  position: absolute;
  top: 38px;
  left: 47px;
  padding: 8px;
  cursor: pointer;
  z-index: 102;
  pointer-events: all; }
  .mobile .burger {
    padding: 13px 28px 13px 8px;
    top: 0;
    left: auto;
    right: 0; }
  .burger input {
    position: absolute;
    visibility: hidden; }
  .tablet:not(._menu-opened) .burger:hover .burger__1,
  .desktop:not(._menu-opened) .burger:hover .burger__1 {
    -webkit-transform: translate(-50%, -7px);
            transform: translate(-50%, -7px); }
  .tablet:not(._menu-opened) .burger:hover .burger__3,
  .desktop:not(._menu-opened) .burger:hover .burger__3 {
    -webkit-transform: translate(-50%, 7px);
            transform: translate(-50%, 7px); }
  .burger__items {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s; }
    .mobile .burger__items {
      width: 30px; }
  .burger__item {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 1.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 0;
    transition: all .3s .3s; }
    .burger__item:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      background-color: #fff;
      transition: background-color .2s 0s, -webkit-transform .3s;
      transition: transform .3s, background-color .2s 0s;
      transition: transform .3s, background-color .2s 0s, -webkit-transform .3s; }
    html:not(._menu-opened) .header[data-theme="black"] .burger__item:before {
      background-color: #2a364d;
      transition: background-color .3s .2s, -webkit-transform .3s;
      transition: transform .3s, background-color .3s .2s;
      transition: transform .3s, background-color .3s .2s, -webkit-transform .3s; }
  .burger__1 {
    -webkit-transform: translate(-50%, -5px);
            transform: translate(-50%, -5px); }
    ._menu-opened .burger .burger__1 {
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      transition-delay: 0s; }
      ._menu-opened .burger .burger__1:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        transition-delay: .3s, 0s; }
  .burger__3 {
    -webkit-transform: translate(-50%, 5px);
            transform: translate(-50%, 5px); }
    ._menu-opened .burger .burger__3 {
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      transition-delay: 0s; }
      ._menu-opened .burger .burger__3:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        transition-delay: .3s, 0s; }

@media all and (orientation: portrait) {
  html:not(.desktop).mobile .menu__burger {
    font-size: 2.5rem;
    top: 29px;
    right: 32px;
    padding: 28px; } }

@media all and (orientation: landscape) {
  html:not(.desktop).mobile .menu__burger {
    font-size: 1.5rem; } }

.header {
  position: relative;
  z-index: 2;
  min-width: 1200px; }
  .mobile .header {
    min-width: initial; }
  .header__logo {
    position: absolute;
    top: 50px;
    left: 50%;
    margin: 0 0 0 -85px;
    width: 170px;
    height: 29px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='170' height='29' viewBox='0 0 170 29'>  <defs>    <style>      .cls-1 {        fill: %23ffd919;        fill-rule: evenodd;      }    </style>  </defs>  <path id='logo.svg' class='cls-1' d='M1029.65,52.6a0.507,0.507,0,0,0-.76-0.415c-0.78.314-1.55,0.661-2.3,1.031a0.847,0.847,0,0,0-.48,1.077,9.629,9.629,0,0,1,.27,2.827c-0.01,1.027,0,2.049,0,3.145-0.13-.088-0.2-0.135-0.27-0.179a5.349,5.349,0,0,0-5.57-.468,5.481,5.481,0,0,0-2.79,3.273,10.514,10.514,0,0,0-.19,6.673,5.905,5.905,0,0,0,3.16,3.889,8.124,8.124,0,0,0,6.95-.026,3,3,0,0,0,2.02-2.456c0.03-.333.05-0.663,0.05-1V53.424A3.3,3.3,0,0,0,1029.65,52.6Zm-3.5,17.957a3.061,3.061,0,0,1-4.79-.864,6.484,6.484,0,0,1-.59-3.749,8.514,8.514,0,0,1,.41-1.93,2.528,2.528,0,0,1,1.93-1.825,3.49,3.49,0,0,1,3.18,1.054,0.455,0.455,0,0,1,.08.312c0.01,1.088.01,2.173,0.01,3.262s-0.01,2.152,0,3.23A0.6,0.6,0,0,1,1026.15,70.552ZM925.373,59.371a8.753,8.753,0,0,0-3.325-.255,8.573,8.573,0,0,0-3.4.994,2.067,2.067,0,0,0-1.218,1.976c0.034,5.116.017,10.229,0.021,15.345a4.567,4.567,0,0,0,.05.709,0.559,0.559,0,0,0,.615.585,13.081,13.081,0,0,0,1.385.069c1.065,0,1.306-.242,1.306-1.266V73.18a7.08,7.08,0,0,0,2.747.854,5.253,5.253,0,0,0,5.29-2.657,8.745,8.745,0,0,0,1.1-3.687A9.75,9.75,0,0,0,929.343,63,6.047,6.047,0,0,0,925.373,59.371Zm0.619,9.9a2.859,2.859,0,0,1-4.672,1.232,1.145,1.145,0,0,1-.52-1.043c0.04-.988.011-1.987,0.011-2.977,0-1.1-.007-2.194.008-3.292a0.585,0.585,0,0,1,.188-0.381,3.255,3.255,0,0,1,3.789-.363,3.4,3.4,0,0,1,1.4,2.128A7.985,7.985,0,0,1,925.992,69.274Zm85.548-9.362a7.208,7.208,0,0,0-4.17-.814,6.283,6.283,0,0,0-5.66,3.909,9.472,9.472,0,0,0-.73,3.64c0.06,0.635.09,1.279,0.21,1.905a6.744,6.744,0,0,0,2.72,4.388,7.107,7.107,0,0,0,4.72,1.21,6.513,6.513,0,0,0,5.93-4.561,9.642,9.642,0,0,0,.25-5.053A6.6,6.6,0,0,0,1011.54,59.912Zm-1.23,10.307a2.806,2.806,0,0,1-3.23,1.054,3.027,3.027,0,0,1-1.73-1.587,6.54,6.54,0,0,1-.03-6.082,3.261,3.261,0,0,1,1.59-1.569,2.785,2.785,0,0,1,3.12.655,5.128,5.128,0,0,1,1.36,3.143c0.03,0.246.03,0.494,0.05,0.74A5.85,5.85,0,0,1,1010.31,70.219Zm-48.82,1.554c-0.074-.79-0.135-1.587-0.145-2.38-0.031-2.267-.023-4.534-0.066-6.8a3.122,3.122,0,0,0-2.893-3.3,11.8,11.8,0,0,0-5.3.158,6.487,6.487,0,0,0-2.406.993,1.133,1.133,0,0,0-.418.626,2.482,2.482,0,0,0,.318,1.589,0.518,0.518,0,0,0,.783.219c0.175-.081.342-0.175,0.51-0.265a8.084,8.084,0,0,1,4.509-1.03,1.432,1.432,0,0,1,1.468,1,11.781,11.781,0,0,1,.132,2.67c-0.309-.167-0.56-0.322-0.829-0.448a6.524,6.524,0,0,0-3.777-.476,4.362,4.362,0,0,0-3.6,2.588,5.759,5.759,0,0,0-.371,3.253,4.333,4.333,0,0,0,1.732,3.015,5.5,5.5,0,0,0,4.967.717,15.946,15.946,0,0,0,2.136-.933,5.6,5.6,0,0,0,.244.571,0.772,0.772,0,0,0,1.046.389c0.592-.191,1.187-0.367,1.778-0.552a0.565,0.565,0,0,0,.432-0.876A3.056,3.056,0,0,1,961.49,71.773Zm-3.518-1.207a0.37,0.37,0,0,1-.094.27,3.925,3.925,0,0,1-3.188.84A2.076,2.076,0,0,1,953,70.15,3.555,3.555,0,0,1,953,68.1a2.032,2.032,0,0,1,2.056-1.534,3.522,3.522,0,0,1,2.763.951,0.556,0.556,0,0,1,.154.348c0.018,0.45.007,0.91,0.007,1.363S957.982,70.118,957.972,70.566Zm86.668-7.2a5.953,5.953,0,0,0-7.52-4.047,6.056,6.056,0,0,0-3.99,3.742,9.471,9.471,0,0,0-.39,5.993,6.136,6.136,0,0,0,2.77,4.028,7.733,7.733,0,0,0,7.76.173,1.115,1.115,0,0,0,.66-0.869c0.09-.583.18-1.167,0.22-1.751a0.648,0.648,0,0,0-.2-0.539,0.769,0.769,0,0,0-.55.106c-0.47.229-.91,0.514-1.37,0.737a4.863,4.863,0,0,1-2.88.5c-2.15-.328-3.13-2.27-3.15-4.2h7.94a0.769,0.769,0,0,0,.97-0.784A7.535,7.535,0,0,0,1044.64,63.362Zm-2.9,1.728h-5.62a3.6,3.6,0,0,1,1.32-2.766,2.6,2.6,0,0,1,4.02,1.094A3.52,3.52,0,0,1,1041.74,65.09Zm-63.487-5.783a6.061,6.061,0,0,0-4.021,3.751,9.526,9.526,0,0,0-.366,6.115,6.108,6.108,0,0,0,2.675,3.859,7.74,7.74,0,0,0,7.812.235,1.148,1.148,0,0,0,.682-0.887c0.082-.529.176-1.062,0.207-1.593a2.489,2.489,0,0,0-.17-0.72,6.288,6.288,0,0,0-.707.213,20,20,0,0,1-2.231,1.007,3.611,3.611,0,0,1-3.811-.82,4.8,4.8,0,0,1-1.255-3.227h0.389q3.813,0,7.627,0a0.748,0.748,0,0,0,.926-0.755,7.351,7.351,0,0,0-.275-3.157A5.945,5.945,0,0,0,978.253,59.307Zm4.581,5.789h-5.59a3.281,3.281,0,0,1,2.456-3.3,2.622,2.622,0,0,1,2.586,1.106A3.414,3.414,0,0,1,982.834,65.1Zm16.115,5.063c-0.352.2-.69,0.423-1.038,0.622a4.421,4.421,0,0,1-3.092.527,3.449,3.449,0,0,1-2.71-2.387,7.008,7.008,0,0,1-.24-3.818,3.731,3.731,0,0,1,5.86-2.621c0.288,0.178.572,0.365,0.877,0.515a0.465,0.465,0,0,0,.744-0.373,4.976,4.976,0,0,0-.224-1.98,1.586,1.586,0,0,0-1.349-1.294c-0.634-.123-1.272-0.208-1.834-0.288a8.452,8.452,0,0,0-.873-0.025c-0.475.043-.865,0.073-1.254,0.131a6.136,6.136,0,0,0-5.058,3.949,9.352,9.352,0,0,0-.454,5.507,6.473,6.473,0,0,0,2.721,4.266,7.589,7.589,0,0,0,7.015.822,1.944,1.944,0,0,0,1-.671,4.236,4.236,0,0,0,.549-2.6C999.56,70.08,999.284,69.968,998.949,70.159ZM971.8,71.482a11.452,11.452,0,0,1-1.441.107,1.487,1.487,0,0,1-1.555-1.139,3.638,3.638,0,0,1-.181-1.032c-0.019-2.442-.014-4.883-0.019-7.327,0-.071.007-0.143,0.014-0.257,0.635,0,1.235,0,1.836,0a0.836,0.836,0,0,0,.933-0.752,2.341,2.341,0,0,0,.052-0.526c-0.054-1.164-.33-1.356-1.33-1.315-0.49.02-.983,0-1.505,0V58.87c0-.838.011-1.677-0.007-2.516a3.658,3.658,0,0,0-.131-0.884,0.4,0.4,0,0,0-.51-0.316c-0.731.224-1.466,0.455-2.182,0.716a0.9,0.9,0,0,0-.589.94c0.01,0.725.013,1.451,0,2.173a0.946,0.946,0,0,1-.153.481c-0.369.545-.78,1.062-1.139,1.611-0.288.44-.1,0.736,0.441,0.753,0.275,0.009.551,0,.858,0V62.2c0,2.176-.012,4.348.007,6.522a13.8,13.8,0,0,0,.137,2.033,3.636,3.636,0,0,0,2.186,2.969,6.762,6.762,0,0,0,3.243.46,1.222,1.222,0,0,0,1.155-.8c0.166-.43.332-0.865,0.464-1.31C972.506,71.657,972.246,71.427,971.8,71.482ZM947.731,59.447a2.146,2.146,0,0,0-2.517.021,5.389,5.389,0,0,0-1.477,1.581c0-.108,0-0.216,0-0.327-0.017-.4-0.022-0.8-0.061-1.209a0.459,0.459,0,0,0-.566-0.446,8.933,8.933,0,0,0-2.573,1.006,0.825,0.825,0,0,0-.418,1.06,6.23,6.23,0,0,1,.195,1.187c0.017,3.394.01,6.787,0.017,10.184a4.592,4.592,0,0,0,.062.739,0.605,0.605,0,0,0,.61.574c0.654,0.017,1.309.024,1.966,0a0.612,0.612,0,0,0,.713-0.662,7.129,7.129,0,0,0,.055-0.772c0-1.625-.022-3.25.009-4.877a24.5,24.5,0,0,1,.205-2.742,4.033,4.033,0,0,1,.939-2.167,1.181,1.181,0,0,1,1.891-.186,0.363,0.363,0,0,0,.647-0.05,8.668,8.668,0,0,0,.765-1.417A1.137,1.137,0,0,0,947.731,59.447Zm-11.221.929a4.281,4.281,0,0,0-.106-0.951,0.4,0.4,0,0,0-.553-0.327A8.715,8.715,0,0,0,933.2,60.17a0.74,0.74,0,0,0-.315.868,10.763,10.763,0,0,1,.256,1.83c0.026,3.155.012,6.31,0.012,9.465,0,0.279.011,0.559,0.04,0.836a0.535,0.535,0,0,0,.584.609c0.735,0.033,1.477,0,2.214-.021a0.436,0.436,0,0,0,.441-0.388,6.915,6.915,0,0,0,.081-0.921c0.007-2,0-3.993,0-5.991C936.515,64.433,936.52,62.4,936.51,60.376Zm-1.721-7.824a1.725,1.725,0,0,0-1.751,1.116,2.344,2.344,0,0,0,.031,2.012,1.722,1.722,0,0,0,1.537,1.059,1.678,1.678,0,0,0,1.67-.949,5.81,5.81,0,0,0,.338-1.041c-0.057-.36-0.074-0.61-0.139-0.849A1.834,1.834,0,0,0,934.789,52.552ZM903.518,51.51a1.876,1.876,0,0,0-2.581,0l-4.327,4.154c-0.31-.191-0.631-0.369-0.96-0.529-0.025-.015-0.051-0.026-0.075-0.038-0.118-.055-0.237-0.112-0.354-0.165a1.172,1.172,0,0,0-.116-0.05c-0.2-.087-0.395-0.165-0.594-0.239-0.063-.027-0.123-0.051-0.186-0.073-0.08-.028-0.159-0.056-0.237-0.08-0.094-.034-0.191-0.063-0.286-0.093-0.073-.021-0.146-0.046-0.221-0.065-0.109-.032-0.218-0.062-0.33-0.089l-0.188-.048c-0.158-.037-0.319-0.074-0.479-0.107l-0.05-.012c-0.183-.035-0.372-0.067-0.56-0.094l-0.109-.015c-0.154-.023-0.307-0.04-0.461-0.057-0.047-.006-0.093-0.008-0.14-0.015-0.156-.012-0.312-0.025-0.472-0.031a0.954,0.954,0,0,0-.105-0.006c-0.2-.01-0.392-0.016-0.59-0.016s-0.4.007-.6,0.016c-0.034,0-.067,0-0.1.006-0.157.007-.313,0.019-0.471,0.031-0.047.007-.094,0.009-0.139,0.015-0.156.016-.31,0.034-0.461,0.057l-0.107.015c-0.191.027-.377,0.06-0.564,0.094a0.423,0.423,0,0,1-.048.012c-0.162.033-.321,0.066-0.481,0.107l-0.187.048c-0.111.027-.22,0.057-0.331,0.089-0.073.019-.147,0.044-0.222,0.065-0.095.03-.189,0.059-0.282,0.093s-0.162.052-.24,0.08c-0.062.025-.124,0.047-0.187,0.073-0.2.074-.4,0.152-0.6,0.239-0.036.014-.074,0.032-0.112,0.05-0.12.053-.236,0.111-0.356,0.165-0.024.015-.046,0.023-0.072,0.038A11.607,11.607,0,0,0,877.964,65.5a11.265,11.265,0,0,0,1.9,6.254l-4.327,4.157a1.708,1.708,0,0,0,0,2.481l1.138,1.092a1.878,1.878,0,0,0,2.584,0l4.325-4.154a12.449,12.449,0,0,0,6.517,1.825A11.9,11.9,0,0,0,902.23,65.5a11.259,11.259,0,0,0-1.9-6.258l4.326-4.157a1.7,1.7,0,0,0,0-2.48ZM890.1,72.409a7.428,7.428,0,0,1-2.876-.576h0a7.072,7.072,0,0,1-3.722-3.574,6.639,6.639,0,0,1-.128-5.216,32.765,32.765,0,0,0,3.933.576c0.3,2.506,1.434,4.367,2.793,4.367s2.49-1.861,2.793-4.367a32.808,32.808,0,0,0,3.932-.576,6.626,6.626,0,0,1,.468,2.456A7.056,7.056,0,0,1,890.1,72.409Z' transform='translate(-875 -51)'/></svg>") 50% 50% no-repeat; }
    .mobile .header__logo {
      top: 20px;
      margin: 0 0 0 -75px;
      width: 150px;
      height: 26px;
      background-size: 100%; }
  .header .footer__social {
    padding: 10px 0; }
  .header__personal {
    padding: 10px 0;
    font: 0.9rem/1.2rem "Roboto", "Arial", sans-serif;
    color: #737780; }
    .header__personal a {
      color: #acb2bf; }
    .mobile .header__personal {
      line-height: 1.6em; }
  .header__email {
    padding: 10px 0;
    font-size: 1.6rem; }
  .header__lang {
    position: absolute;
    top: 55px;
    right: 55px;
    font: 900 1rem/2.4rem "Roboto", "Arial", sans-serif;
    text-transform: uppercase; }
    .header__lang li {
      display: inline-block;
      margin: 0 0 0 7px; }
      .header__lang li a {
        padding: 5px;
        color: #acb2bf;
        border: none; }
      .header__lang li a.__active {
        color: #fff; }
    .mobile .header__lang {
      right: auto;
      top: 20px;
      left: 10px;
      font: 900 1.2rem/2.4rem "Roboto", "Arial", sans-serif; }
      .mobile .header__lang li {
        margin: 0 0 0 10px; }
  .header__menu {
    padding: 10px 0;
    font: 300 2.8rem/1.4em "Roboto", "Arial", sans-serif; }
    .header__menu li {
      margin: 24px 0 24px 0; }
    .header__menu a {
      border: none;
      color: #fff; }
      .header__menu a:hover {
        color: #ffd919; }
    .mobile .header__menu {
      font: 400 2rem/1.3em "Roboto", "Arial", sans-serif; }

.header-menu {
  position: fixed;
  z-index: 100;
  width: 500px;
  height: 100%;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  pointer-events: none; }
  .mobile .header-menu {
    width: 100%; }
  .header-menu__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 15vh 60px 18px 60px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transition: visibility 1s, opacity 0.4s;
    -webkit-overflow-scrolling: touch; }
    .header-menu__content a {
      color: #fff; }
    .mobile .header-menu__content {
      padding: 10vh 60px 16px 25px;
      z-index: 1; }
  .header-menu__bg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    fill: #2a364d;
    visibility: hidden;
    transition: visibility 1s; }
    .mobile .header-menu__bg {
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }

._menu-opened .header-menu {
  pointer-events: all; }
  ._menu-opened .header-menu__content {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s, 0.26667s; }
  ._menu-opened .header-menu__bg {
    visibility: visible; }

.mobile .header-menu:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a364d;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  transition: all 0.2s 0.2s; }

.mobile._menu-opened .header-menu:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2a364d;
  -webkit-transform: none;
          transform: none; }

.menu-sidebar {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%; }

svg {
  overflow: visible; }

.sidebar {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 500px;
  display: block;
  width: 100%;
  height: 100%; }

.s-path {
  cursor: -webkit-grab;
  cursor: grab; }

.cloned {
  position: absolute;
  z-index: 10;
  transition: top 0.3s, left 0.3s;
  transition-delay: 0.2s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .cloned.removed {
    transition: opacity 0.2s 0s;
    opacity: 0; }

.landscape-disabled {
  position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
  font: bold 2.2rem/1.2em "fregat", "Arial", sans-serif;
  color: #fff;
  background-color: #2a364d;
  z-index: 1000;
  text-align: center;
  vertical-align: middle;
  display: none; }
  .landscape-disabled div {
    padding: 2rem 0; }
    .landscape-disabled div:before {
      content: '';
      display: block;
      margin: 0 auto 3% auto;
      width: calc(130vw / 5);
      height: calc(121vw / 5);
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid' width='130' height='121' viewBox='0 0 130 121'>  <defs>    <style>      .cls-1 {        fill: %23ffd919;        fill-rule: evenodd;      }    </style>  </defs>  <path d='M129.986,27.316 C129.990,27.311 129.996,27.303 130.000,27.298 L130.000,27.316 L129.986,27.316 ZM97.678,27.424 C97.669,27.397 97.633,27.325 97.633,27.352 L108.254,27.146 L108.137,23.301 C107.920,16.313 100.254,11.004 92.876,11.130 L86.688,11.076 C86.192,9.854 86.472,4.905 86.472,2.830 L86.481,0.799 C86.562,0.395 86.643,0.350 86.715,0.216 C94.939,0.485 102.966,-0.000 110.281,6.261 C115.893,11.067 119.091,16.465 119.136,27.155 L129.986,27.316 C127.593,30.201 115.116,47.368 113.722,48.704 C113.136,48.147 98.435,28.879 97.678,27.424 ZM124.244,78.086 C125.271,85.201 118.884,89.629 113.425,95.064 L92.192,116.236 C90.102,118.329 87.507,121.059 82.697,120.997 C77.805,120.925 75.634,118.203 73.436,116.020 L16.611,59.357 C14.576,57.327 11.612,55.082 10.873,50.995 C9.558,43.674 16.278,38.931 21.575,33.649 L42.799,12.477 C44.880,10.393 47.600,7.644 52.456,7.770 C57.257,7.905 59.735,10.617 61.843,12.728 L118.658,69.409 C120.676,71.421 123.631,73.820 124.244,78.086 ZM52.267,18.477 L25.440,45.111 C24.422,46.126 22.080,48.030 21.584,49.351 L82.634,110.119 C84.048,109.544 106.092,87.060 109.551,83.602 C110.776,82.389 112.452,80.916 113.452,79.649 L52.267,18.477 ZM24.133,81.266 C26.773,84.832 29.394,88.389 32.052,91.830 C32.412,92.081 32.367,91.435 32.331,92.297 L21.647,92.306 L21.782,96.070 C21.395,99.690 24.800,103.579 26.449,104.810 C28.854,106.615 32.944,108.430 36.835,108.250 L43.186,108.340 C43.294,108.933 43.610,118.311 43.042,119.200 C32.196,119.200 26.359,118.481 19.413,113.092 C15.431,110.002 12.179,104.666 11.170,99.285 C10.684,96.680 10.891,94.686 10.603,92.216 L-0.000,92.144 L16.026,70.667 L24.133,81.266 Z' class='cls-1'/></svg>") 50% 50% no-repeat;
      background-size: cover; }

.mobile._landscape .landscape-disabled {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-content: space-between;
      -ms-flex-line-pack: justify;
          align-content: space-between;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.footer {
  position: relative;
  height: 80px;
  background-color: #262f40;
  overflow: hidden; }
  .mobile .footer {
    height: auto;
    padding: 20px 0; }
  .footer a {
    color: #fff; }
  .footer .content {
    max-width: 1120px;
    height: 100%;
    vertical-align: middle;
    font: 1.1rem/2.4rem "Roboto", "Arial", sans-serif;
    line-height: 80px;
    text-align: center;
    color: #acb2bf; }
    .mobile .footer .content {
      line-height: 32px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
  .footer__copyright {
    display: inline-block;
    float: left;
    margin-right: 50px; }
    .mobile .footer__copyright {
      margin: 0; }
  .footer__personal {
    display: inline-block;
    float: left; }
  .tablet .footer__scroll-top,
  .desktop .footer__scroll-top {
    position: absolute;
    top: 15px;
    left: 50%;
    margin: 0 0 0 -25px;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ffd919;
    box-sizing: border-box;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    vertical-align: middle;
    cursor: pointer;
    transition: background-color 0.2s; }
    .tablet .footer__scroll-top .svg-icon,
    .desktop .footer__scroll-top .svg-icon {
      position: absolute;
      top: 17px;
      left: 17px;
      width: 15px;
      height: 15px;
      fill: #fff;
      transition: background-color 0.2s; }
    .tablet .footer__scroll-top:hover,
    .desktop .footer__scroll-top:hover {
      background-color: #ffd919; }
      .tablet .footer__scroll-top:hover .svg-icon,
      .desktop .footer__scroll-top:hover .svg-icon {
        fill: #2a364d; }
  .mobile .footer__scroll-top {
    display: none; }
  .footer .header__email {
    float: left;
    padding: 0;
    font-size: inherit;
    margin-left: 50px; }
  .footer__social {
    float: right; }
  .mobile .footer .social {
    margin-bottom: 20px; }
  .mobile .footer .social__label {
    display: none; }
  .mobile .footer .header__email {
    float: none;
    padding: 0;
    margin: 0 0 26px 0;
    font-size: 1.6rem; }
  .mobile .footer .social a {
    margin: 0 9px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #ffd919;
    line-height: 48px; }

.social__label {
  margin-right: 4px;
  font: 1.1rem/2.4rem "Roboto", "Arial", sans-serif;
  color: #acb2bf; }

.social__in, .social__vk, .social__fb {
  display: inline-block;
  margin-left: 15px;
  border-bottom: none;
  vertical-align: middle;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center; }

.social__in .svg-icon,
.social__vk .svg-icon,
.social__fb .svg-icon {
  display: inline-block;
  vertical-align: middle;
  fill: #fff;
  transition: fill 0.2s; }

.social__in .svg-icon {
  width: 16px;
  height: 16px; }

.social__vk .svg-icon {
  width: 17px;
  height: 16px; }

.social__fb .svg-icon {
  width: 10px;
  height: 14px; }

.social__in:hover .svg-icon,
.social__vk:hover .svg-icon,
.social__fb:hover .svg-icon {
  fill: #ffd919; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #2a364d inset;
  transition: background-color 5000s ease-in-out 0s; }

.form {
  transition: all .4s; }
  .form-crm {
    width: 0;
    height: 0;
    visibility: hidden; }
  .form__group {
    margin: 0 -20px; }
    .form__group:after {
      content: '';
      display: block;
      clear: both; }
  .form__item {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0 0 0;
    padding: 0 20px;
    color: #fff; }
    .form__item._half {
      width: 50%; }
    .form__item._invalid:not(.__checkbox) .form__item-title {
      color: #ff6161; }
    .form__item-title {
      position: absolute;
      top: 22px;
      color: #acb2bf;
      font: normal 14px/15px "Roboto", "Arial", sans-serif;
      margin-top: -7px;
      transition: all .3s; }
    .form__item:active .form__item-title,
    .form__item._filled .form__item-title,
    .form__item._focus .form__item-title {
      top: 3px;
      font-size: 11px; }
    .form__item._invalid {
      color: #ff6161; }
    .form__item-field {
      position: relative;
      display: block;
      width: 100%;
      background: none;
      border: none;
      border-radius: 0;
      color: inherit;
      padding: 13px 0 9px 0;
      font: normal 14px/1em "Roboto", "Arial", sans-serif;
      z-index: 1; }
      .form__item-field textarea,
      .form__item-field input {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        border: none;
        outline: none;
        background: none;
        color: inherit;
        font: inherit;
        line-height: 20px; }
      .form__item-field input {
        height: 20px; }
      .form__item-field ._invalid {
        display: none;
        position: absolute;
        top: 13px;
        right: 0;
        height: 20px;
        padding: 0 0 0 5px;
        font-size: 11px;
        line-height: 20px;
        color: #ff6161;
        background-color: #2a364d;
        white-space: nowrap; }
        .form__item-field ._invalid:before {
          content: '';
          display: block;
          position: absolute;
          right: 100%;
          width: 40px;
          height: 100%;
          box-shadow: inset -50px 0px 40px -25px #2a364d;
          pointer-events: none; }
      .form__item-field textarea + ._invalid {
        white-space: normal;
        max-width: 150px; }
    .form__item._invalid ._invalid {
      display: block; }
    .form__item-decor {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 20px;
      right: 20px;
      display: block;
      overflow: hidden;
      z-index: 0; }
      .form__item-decor svg {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 300%;
        height: 50px;
        fill: none;
        stroke-width: 1px;
        stroke: #acb2bf;
        pointer-events: none;
        transition: stroke 0.7s, -webkit-transform 0.7s;
        transition: transform 0.7s, stroke 0.7s;
        transition: transform 0.7s, stroke 0.7s, -webkit-transform 0.7s;
        transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1); }
    .form__item:active .form__item-decor svg,
    .form__item._focus .form__item-decor svg {
      stroke-width: 2px;
      stroke: #ffd919;
      -webkit-transform: translate3d(-66.6%, 0, 0);
              transform: translate3d(-66.6%, 0, 0); }
    .form__item:hover .form__item-decor svg {
      stroke: #fff; }
    .form__item:active:hover .form__item-decor svg,
    .form__item._focus:hover .form__item-decor svg {
      stroke: #ffd919; }
    .form__item.__checkbox {
      min-height: 18px;
      padding-left: 48px; }
    .form__item.__checkbox .form__item-title {
      position: relative;
      top: 0;
      font-size: 11px; }
      .form__item.__checkbox .form__item-title a {
        color: #fff; }
    .form__item.__checkbox .form__item-field {
      position: absolute;
      top: 0;
      left: 20px;
      width: 16px;
      height: 16px;
      float: left;
      padding: 0;
      margin: 0 -20px 0 0;
      box-shadow: 0 0 0 1px #acb2bf;
      border-radius: 3px; }
      .form__item.__checkbox .form__item-field input {
        position: absolute;
        visibility: hidden; }
      .form__item.__checkbox .form__item-field ._invalid {
        display: none !important; }
    .form__item.__checkbox._invalid .form__item-field {
      box-shadow: 0 0 0 1px #ff6161; }
    .form__item._checked .form__item-field {
      box-shadow: none; }
      .form__item._checked .form__item-field:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        background: #ffd919 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'>  <defs>    <style>      .cls-1 {        fill: %232a364d;        fill-rule: evenodd;      }    </style>  </defs>  <path id='_check.svg' class='cls-1' d='M859.61,2310.36l-4.932,5.23a1.259,1.259,0,0,1-1.85,0l-2.466-2.62a1.445,1.445,0,0,1,0-1.96,1.258,1.258,0,0,1,1.849,0l1.542,1.63,4.007-4.24a1.259,1.259,0,0,1,1.85,0A1.445,1.445,0,0,1,859.61,2310.36Z' transform='translate(-850 -2308)'/></svg>") 50% 50% no-repeat; }
  .form-footer {
    margin: 34px 0 0 0; }

._shake {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0); } }

.button {
  position: relative;
  display: inline-block;
  min-width: 200px;
  height: 60px;
  border-radius: 30px;
  padding: 19px 51px 17px 51px;
  cursor: pointer;
  font: 900 1.3rem/24px "Roboto", "Arial", sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: none;
  background: none;
  border: none;
  color: #2a364d;
  background-color: #ffd919;
  transition: all 0.2s;
  overflow: hidden; }
  .button:hover {
    outline: none; }
  .button:active:hover, .button:hover {
    color: #2a364d;
    text-decoration: none;
    background-color: #e6c10b; }
  .button.__white {
    background-color: #fff; }
  .button.__white:active:hover, .button.__white:hover {
    color: #2a364d;
    text-decoration: none;
    background-color: #d0d7d9; }
  .button[disabled] {
    color: #8a8f99; }

.button__animated-success {
  transition: all 0.4s; }
  .button__animated-success:before {
    content: '';
    display: block;
    width: 24px;
    height: 18px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin: 0 0 0 -12px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='18' viewBox='0 0 24 18'>  <defs>    <style>      .cls-1 {        fill: %232a364d;        fill-rule: evenodd;      }    </style>  </defs>  <path id='button-check.svg' class='cls-1' d='M1087.06,631.985a1.006,1.006,0,0,1-.71-0.289l-8.06-8a1,1,0,1,1,1.41-1.419l7.3,7.245,13.23-15.186a1,1,0,0,1,1.51,1.313l-13.93,15.989a0.994,0.994,0,0,1-.72.343h-0.03Z' transform='translate(-1078 -614)'/></svg>") 50% 50% no-repeat;
    transition: bottom 0.4s; }
  .form._success .button__animated-success {
    line-height: 100px; }
    .form._success .button__animated-success:before {
      bottom: 40%; }

.preloader {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #643ec2;
  z-index: 99;
  background-image: radial-gradient(ellipse 100% 80% at 0% 100%, #c686a0 0%, #643ec2 130%); }
  .preloader__counter {
    width: 100%;
    position: absolute;
    top: 255px;
    left: 0;
    font-weight: bold;
    font-size: 120px;
    color: #fff;
    font-family: fregat, 'Open Sans', Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align: center; }
    .mobile .preloader__counter {
      top: 105px;
      font-size: 50px; }
  .preloader__inner {
    width: 369px;
    height: 524px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
    .mobile .preloader__inner {
      width: 150px;
      height: 214px; }
  .preloader__bomb {
    max-width: 100%;
    width: 100%; }
  .preloader__boom {
    display: none;
    width: 941px;
    height: 714px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1; }
    .mobile .preloader__boom {
      left: 50%;
      -webkit-transform: translateX(-45%);
              transform: translateX(-45%);
      width: 375px;
      height: 285px; }
    .preloader__boom-stars {
      position: absolute !important;
      top: -20px;
      right: 27px;
      z-index: 1 !important;
      transition: all 0.25s ease-in !important; }
    .preloader__boom img {
      max-width: 100%;
      display: block;
      margin-left: -40px;
      position: relative;
      z-index: 3;
      -webkit-transform: scale(0);
              transform: scale(0);
      opacity: 0;
      transition: all 0.2s ease-in; }
    .preloader__boom.boom img {
      opacity: 1;
      -webkit-transform: scale(1);
              transform: scale(1); }

._animated-line {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: none;
          transform: none;
  transition: all 2s 0.25s cubic-bezier(0.2, 1, 0.2, 1); }
  ._animated-line:last-child {
    position: relative;
    visibility: hidden; }
  ._animated-line:nth-child(1) {
    transition-delay: 0.1s; }
  ._animated-line:nth-child(2) {
    transition-delay: 0.2s; }
  ._animated-line:nth-child(3) {
    transition-delay: 0.3s; }
  ._animated-line:nth-child(4) {
    transition-delay: 0.4s; }
  ._animated-line:nth-child(5) {
    transition-delay: 0.5s; }
  ._animated-line:nth-child(6) {
    transition-delay: 0.6s; }
  ._animated-line:nth-child(7) {
    transition-delay: 0.7s; }
  ._animated-line:nth-child(8) {
    transition-delay: 0.8s; }
  ._animated-line:nth-child(9) {
    transition-delay: 0.9s; }
  ._animated-line:nth-child(10) {
    transition-delay: 1s; }
  ._animated ._animated-line {
    opacity: 0;
    -webkit-transform: translateY(30px) scale(0.9);
            transform: translateY(30px) scale(0.9); }

.contacts-form__title-start,
.contacts-form .button,
.contacts-form .form__item,
.form__item,
.contacts-form__title,
.digitalbay__info + .button,
.digitalbay__info,
.digitalbay__heading,
.team-text__desc p,
.team-text__heading,
.section-title,
.offer-desc,
.about-conclusion,
.about-columns__half,
.about-list__title,
.about-list li p,
.about-list li:before,
.about-desc {
  -webkit-transform: none;
          transform: none;
  transition: all .75s .25s ease-out; }

.contacts-form__title-start._animated,
.contacts-form .form._animated .button,
.contacts-form .form._animated .form__item,
.form__item._animated,
.digitalbay__info._animated + .button,
.digitalbay__info._animated,
.digitalbay__heading._animated,
.team-text__desc p._animated,
.team-text__heading._animated,
.section-title._animated,
.offer-desc._animated,
.about-conclusion._animated,
.about-columns__half._animated,
.about-list__title._animated,
.about-list li p._animated,
.about-list li._animated:before,
.about-desc._animated {
  opacity: 0;
  -webkit-transform: translateY(30px) scale(0.9);
          transform: translateY(30px) scale(0.9); }

.digitalbay__info + .button {
  transition-duration: 1.25s;
  transition-delay: 0.5s; }

.team-list__item {
  -webkit-transform: none;
          transform: none;
  transition: all .5s .5s; }

.team-list__item:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 110%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background-color: #fff;
  transition: opacity 1s ease, -webkit-transform 1s 0.5s cubic-bezier(0.2, 1, 0.2, 1);
  transition: transform 1s 0.5s cubic-bezier(0.2, 1, 0.2, 1), opacity 1s ease;
  transition: transform 1s 0.5s cubic-bezier(0.2, 1, 0.2, 1), opacity 1s ease, -webkit-transform 1s 0.5s cubic-bezier(0.2, 1, 0.2, 1); }

.team-list__item._animated {
  opacity: 0; }

.team-list__item._animated:after {
  -webkit-transform: translateX(0);
          transform: translateX(0); }

.portfolio-item {
  -webkit-transform: none;
          transform: none;
  transition: all 3s 0.25s cubic-bezier(0.2, 1, 0.2, 1); }

.portfolio-item._animated {
  opacity: 0;
  -webkit-transform: translateY(25%);
          transform: translateY(25%); }

.mobile .portfolio-item {
  -webkit-transform: none;
          transform: none;
  transition: all 1s 0s cubic-bezier(0.2, 1, 0.2, 1); }

.mobile .portfolio-item._animated {
  opacity: 0; }

.digitalbay .button {
  -webkit-transform: none;
          transform: none;
  transition: all .5s .5s, background-color .5s 0s; }

.digitalbay .button._animated {
  opacity: 0; }

.contacts-form .button,
.contacts-form .form__item {
  transition-timing-function: cubic-bezier(0.5, 2.5, 0.5, 0.7); }

.contacts-form .form__item:nth-child(1) {
  transition-delay: 0.1s; }

.contacts-form .form__item:nth-child(2) {
  transition-delay: 0.2s; }

.contacts-form .form__item:nth-child(3) {
  transition-delay: 0.3s; }

.contacts-form .form__item:nth-child(4) {
  transition-delay: 0.4s; }

.contacts-form .form__item:nth-child(5) {
  transition-delay: 0.5s; }

.contacts-form .form__item:nth-child(6) {
  transition-delay: 0.6s; }

.contacts-form .button {
  transition-delay: 0.7s; }

.popup-cookie {
  width: 100%;
  height: 8rem;
  background: #2a364d;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 3;
  box-sizing: border-box;
  padding: 0 5.5rem 0 5.5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .mobile .popup-cookie {
    height: auto;
    top: auto;
    bottom: 0;
    display: block;
    padding: 1rem 1rem 1rem 1rem; }
  .mobile .popup-cookie._hidden, .popup-cookie._hidden {
    display: none; }
  .popup-cookie .content {
    max-width: 1200px; }

.popup-cookie__text {
  font: 400 1.2rem/1.6rem "Roboto", "Arial", sans-serif;
  text-align: left;
  color: #acb2bf;
  margin-right: 25rem;
  vertical-align: top; }
  .mobile .popup-cookie__text {
    display: block;
    margin: 0 0 1rem 0;
    font-size: 1rem;
    line-height: 1.2rem; }
  .popup-cookie__text b {
    font-weight: 700; }
  .popup-cookie__text a {
    color: #fff; }

.popup-cookie__button {
  display: inline-block;
  margin-left: -18rem;
  vertical-align: top;
  text-align: right;
  width: 18rem; }
  .mobile .popup-cookie__button {
    display: block;
    margin: 0;
    width: auto;
    text-align: center; }
  .popup-cookie__button .button {
    background-color: #ffd919;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1rem 0 1rem 0; }

.button.popup-cookie__agree {
  width: 13rem;
  height: 4rem;
  min-width: 13rem;
  margin: 0 auto 0 auto; }

.intro {
  position: relative;
  height: 100%;
  padding: 0 40px;
  text-align: center;
  color: #fff; }
  .mobile .intro {
    padding: 0; }
  .intro:before {
    content: '';
    display: block;
    width: 100%;
    height: 58px;
    position: absolute;
    left: 0;
    bottom: -58px;
    background-size: cover; }
    .tablet .intro:before,
    .desktop .intro:before {
      background: url("../img/blocks/intro/footer.png") 50% 50% no-repeat; }
    .mobile .intro:before {
      height: 30px;
      bottom: -29px;
      background-image: url("../img/blocks/intro/m_footer.png"); }
  .intro canvas {
    display: block; }
  .intro .content {
    display: table;
    position: relative;
    max-width: 1200px;
    width: 100%;
    height: 100%;
    min-width: 940px; }
    .mobile .intro .content {
      min-width: initial; }
  .intro__content {
    display: table-cell;
    vertical-align: middle; }
  .intro__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-image: radial-gradient(ellipse 100% 100% at 0% 100%, #be71a0 0%, #924faf 50%, #643ec2 100%); }
    .mobile .intro__bg {
      background-image: radial-gradient(ellipse 100% 80% at 0% 100%, #c686a0 0%, #643ec2 130%); }
    .intro__bg:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .tablet .intro__bg:before,
      .desktop .intro__bg:before {
        background: url("../img/blocks/intro/bg_clouds.png") 50% 50% no-repeat; }
      .mobile .intro__bg:before {
        background-image: url("../img/blocks/intro/m_bg_clouds.png"); }
    .mobile .intro__bg {
      overflow: hidden; }
  .intro__heading {
    max-width: 70rem;
    margin: 8.6rem auto 3.6rem auto;
    font: 300 3.4rem/5rem "Roboto", "Arial", sans-serif;
    letter-spacing: -0.01em; }
    .mobile .intro__heading {
      font: 300 calc(22vw / 3.75)/1.64em "Roboto", "Arial", sans-serif;
      margin: 0 auto 57% auto; }
  .intro__info {
    max-width: 47rem;
    margin: 0 auto 30% auto;
    font: 400 1.6rem/2.8rem "Roboto", "Arial", sans-serif;
    color: #cec2e5; }
    .mobile .intro__info {
      display: none; }
    .intro__info a {
      color: #fff; }
  .intro__mountain {
    margin-left: -56rem;
    position: absolute;
    bottom: -7.3rem;
    left: 50%;
    width: 1825px;
    height: 545px; }
    .mobile .intro__mountain {
      width: auto;
      height: auto;
      bottom: 0;
      left: 50%;
      margin-left: 0; }
    .intro__mountain-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 120%;
      height: 100%; }
      .tablet .intro__mountain-img,
      .desktop .intro__mountain-img {
        background: url("../img/blocks/intro/mountain.png") 50% 50% no-repeat; }
      .mobile .intro__mountain-img {
        position: relative;
        width: 480px;
        height: 267px;
        background-image: url("../img/blocks/intro/m_mountain.png");
        background-size: cover;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
  .tablet .intro__baloon,
  .desktop .intro__baloon {
    position: absolute;
    top: 24%;
    right: 16.6%;
    transition: -webkit-transform 5s;
    transition: transform 5s;
    transition: transform 5s, -webkit-transform 5s; }
    .tablet .intro__baloon-wrap,
    .desktop .intro__baloon-wrap {
      -webkit-animation: baloon-shift 8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: baloon-shift 8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
    .tablet .intro__baloon-img,
    .desktop .intro__baloon-img {
      width: 111px;
      height: 155px;
      background: url("../img/blocks/intro/baloon.png") 50% 50% no-repeat;
      -webkit-animation: baloon-rotate 8s 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: baloon-rotate 8s 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .tablet .intro__baloon-img:before,
      .desktop .intro__baloon-img:before {
        content: '';
        display: block;
        position: absolute;
        top: 109px;
        left: 43px;
        width: 24px;
        height: 20px;
        opacity: 0;
        transition: opacity 0.4s 0.4s;
        background-image: url("data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODIyMUI4NENFQzZGMTFFN0JDOUNDMzZERTE5NTZCOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODIyMUI4NERFQzZGMTFFN0JDOUNDMzZERTE5NTZCOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MjIxQjg0QUVDNkYxMUU3QkM5Q0MzNkRFMTk1NkI5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MjIxQjg0QkVDNkYxMUU3QkM5Q0MzNkRFMTk1NkI5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpSDXvEAAAO+SURBVHjapFVbSFRBGP53GqdhWo+Hw7KcTssiUquVRS0lZWFkUXQzMMguD91furwYWiAFPllQ1ENgECFRL0p3ulAEPRRi0dVMIkQkbFkkZFtMLLZT/4znrLu6q0YH/jPnP/Nf5v/m+2c8P0yY9CM0euCLGbyk9UaBDQ5OyoekBdApMEYyGjKK/0Nii52Af3rSo+lsBTWZyGRINToNArwQwP6fBLQCgxzMaKnR+cAI4bJCO3sS4Wd69gQaXQImq0E0xJh5jc6Tg5eT8WvIF0dGJ9iKMk3CjBWEgRI/8zNVhfDSOmFx7lQnExCBGiFgqHlOBNqMrN6L/n5WkZZAlBvNwseeofFm4GQ4WIDXoG5BmX4UHTakVJArV6TrdL2z2sPgo0YyWoDvBwqB9Ap87C2UGwuhzGhO/rW4H/XH4KV5YNBtikGCKIgU/O4q8/leJMZKtwAI8h0SAcmJVIjOOxB4kgkQZ9TnOv830uHv4ZXKDH5WglVXYlWFWMFqB54qtM3DiIRSUN2F8M6QCVpQsncNRdgsfsJVVQWMeCCsNTrUXkVklCDfN+JCLJEvlkKpXiunhlAejkvmIN/qwmC7HNKp38FgFtfZOrRZloSl2FsNJdpTnLvn0vDB+GcEceHLsTP1QAG/iHCN6DNFFb6norwgEFO9/2iynamOCnsM94MZTD+hxAlEJULwFeX7JFNMdB64z0u1H/ALycEXye/3KGUThe+CblLETGBcTGT6USXoTwj4RlWFa7pftddDwp5esGRB/WjrUCKeA/23W3hMiLYe7y4zXPRltM1gLC4inZ+bvT7jmBkqeCL/eeR9INb4JCvgZqsl/91HaaosjVxP845Hj+O7oe+dP7dtgAQqlkcpaGZHqgn6X8WhFX2HKRwZAs+NAsxgWGlHHspzlEqJSGXxG3KzI2zjKDetEDoMDZgdhlDsEuqzce634yf7QDbd9uTWxCJAMtAujrIH5ZpDtVwMXquCK1ATBKwB2f2zUNxjYj7KIZT9qYESGJtkOdtfo0iIzjn6KWfsRxJNkVvi6PIIyUW5grIb5Uc6pW1cDyZgmVlwFny+N9cXN34qtnS30Tp7Yk395sq136gVCHQJX7V951Y96ek+DX3R9jGExth0nNvjj11SutYOzelM8cyziYC4QFJ4TXUCwboNt0l9XUO2llF7MNTbnfk+fXC3D4czqUef8rJTQnBxMmtLygrkS9oP9HQlO5LIrXGi4A10QVbjEiAR6QXaF71Mgvk/UY8O7dz0Ibla97omIw3+V4ABANNS/IN/6pxaAAAAAElFTkSuQmCC");
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
        -webkit-animation: baloon-fire-off 0.5s;
                animation: baloon-fire-off 0.5s; }
      .tablet .intro__baloon-img:after,
      .desktop .intro__baloon-img:after {
        content: '';
        display: block;
        position: absolute;
        top: 120px;
        left: 43px;
        width: 24px;
        height: 9px;
        opacity: 0;
        transition: opacity 0.4s 0.4s;
        background-image: url("data:image/png;base64,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UmVhZHlxyWU8AAADJmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODIyMUI4NENFQzZGMTFFN0JDOUNDMzZERTE5NTZCOUYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODIyMUI4NERFQzZGMTFFN0JDOUNDMzZERTE5NTZCOUYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MjIxQjg0QUVDNkYxMUU3QkM5Q0MzNkRFMTk1NkI5RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MjIxQjg0QkVDNkYxMUU3QkM5Q0MzNkRFMTk1NkI5RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpSDXvEAAAO+SURBVHjapFVbSFRBGP53GqdhWo+Hw7KcTssiUquVRS0lZWFkUXQzMMguD91furwYWiAFPllQ1ENgECFRL0p3ulAEPRRi0dVMIkQkbFkkZFtMLLZT/4znrLu6q0YH/jPnP/Nf5v/m+2c8P0yY9CM0euCLGbyk9UaBDQ5OyoekBdApMEYyGjKK/0Nii52Af3rSo+lsBTWZyGRINToNArwQwP6fBLQCgxzMaKnR+cAI4bJCO3sS4Wd69gQaXQImq0E0xJh5jc6Tg5eT8WvIF0dGJ9iKMk3CjBWEgRI/8zNVhfDSOmFx7lQnExCBGiFgqHlOBNqMrN6L/n5WkZZAlBvNwseeofFm4GQ4WIDXoG5BmX4UHTakVJArV6TrdL2z2sPgo0YyWoDvBwqB9Ap87C2UGwuhzGhO/rW4H/XH4KV5YNBtikGCKIgU/O4q8/leJMZKtwAI8h0SAcmJVIjOOxB4kgkQZ9TnOv830uHv4ZXKDH5WglVXYlWFWMFqB54qtM3DiIRSUN2F8M6QCVpQsncNRdgsfsJVVQWMeCCsNTrUXkVklCDfN+JCLJEvlkKpXiunhlAejkvmIN/qwmC7HNKp38FgFtfZOrRZloSl2FsNJdpTnLvn0vDB+GcEceHLsTP1QAG/iHCN6DNFFb6norwgEFO9/2iynamOCnsM94MZTD+hxAlEJULwFeX7JFNMdB64z0u1H/ALycEXye/3KGUThe+CblLETGBcTGT6USXoTwj4RlWFa7pftddDwp5esGRB/WjrUCKeA/23W3hMiLYe7y4zXPRltM1gLC4inZ+bvT7jmBkqeCL/eeR9INb4JCvgZqsl/91HaaosjVxP845Hj+O7oe+dP7dtgAQqlkcpaGZHqgn6X8WhFX2HKRwZAs+NAsxgWGlHHspzlEqJSGXxG3KzI2zjKDetEDoMDZgdhlDsEuqzce634yf7QDbd9uTWxCJAMtAujrIH5ZpDtVwMXquCK1ATBKwB2f2zUNxjYj7KIZT9qYESGJtkOdtfo0iIzjn6KWfsRxJNkVvi6PIIyUW5grIb5Uc6pW1cDyZgmVlwFny+N9cXN34qtnS30Tp7Yk395sq136gVCHQJX7V951Y96ek+DX3R9jGExth0nNvjj11SutYOzelM8cyziYC4QFJ4TXUCwboNt0l9XUO2llF7MNTbnfk+fXC3D4czqUef8rJTQnBxMmtLygrkS9oP9HQlO5LIrXGi4A10QVbjEiAR6QXaF71Mgvk/UY8O7dz0Ibla97omIw3+V4ABANNS/IN/6pxaAAAAAElFTkSuQmCC");
        background-position: 50% 100%;
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
        -webkit-animation: baloon-fire-off 0.5s;
                animation: baloon-fire-off 0.5s; }
    .tablet .intro__baloon-btn,
    .desktop .intro__baloon-btn {
      width: 111px;
      height: 155px;
      cursor: pointer;
      -webkit-animation: baloon-shift 8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: baloon-shift 8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955); }
  .intro.__baloon-animating .intro__baloon-img:before {
    opacity: 1;
    -webkit-animation: baloon-fire-glow 0.6s infinite step-end;
            animation: baloon-fire-glow 0.6s infinite step-end; }
  .intro.__baloon-animating .intro__baloon-img:after {
    opacity: 1;
    -webkit-animation: baloon-fire 0.4s infinite step-end;
            animation: baloon-fire 0.4s infinite step-end; }
  .intro.__baloon-to-left .intro__baloon {
    -webkit-animation: baloon-to-left 7s 0s cubic-bezier(0.3, 0, 1, 1), baloon-to-left-end 9s 7s cubic-bezier(0, 0, 0.5, 1);
            animation: baloon-to-left 7s 0s cubic-bezier(0.3, 0, 1, 1), baloon-to-left-end 9s 7s cubic-bezier(0, 0, 0.5, 1);
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .intro.__baloon-to-right .intro__baloon {
    -webkit-animation: baloon-to-right 7s 0s cubic-bezier(0.3, 0, 1, 1), baloon-to-right-end 9s 7s cubic-bezier(0, 0, 0.5, 1);
            animation: baloon-to-right 7s 0s cubic-bezier(0.3, 0, 1, 1), baloon-to-right-end 9s 7s cubic-bezier(0, 0, 0.5, 1);
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .intro__wave-1 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%; }
  .intro__wave-2 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    border-bottom: 20px solid #8ccfff; }
  .intro__wave-3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    border-bottom: 30px solid #a1d8ff; }
  .intro__island {
    padding-left: 15%;
    position: absolute;
    bottom: -4.4rem;
    right: 48.8%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
    .mobile .intro__island {
      width: 480px;
      margin: 0 auto;
      right: auto;
      left: 50%;
      bottom: 0;
      padding-left: 0;
      -webkit-transform: none;
              transform: none; }
    .intro__island-img {
      width: 821px;
      height: 500px;
      background-size: 100%; }
      .tablet .intro__island-img,
      .desktop .intro__island-img {
        background: url("../img/blocks/intro/island.png") 50% 50% no-repeat; }
      .mobile .intro__island-img {
        margin-left: -40px;
        width: 280px;
        height: 187px;
        background-image: url("../img/blocks/intro/m_island.png"); }
    @media all and (max-width: 1199px) {
      .intro__island {
        padding-left: 22%; } }
  .intro__ship {
    position: absolute;
    width: 1000px;
    bottom: 1.6rem;
    left: 50%;
    margin-left: -500px;
    padding-left: 25px;
    text-align: left;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards; }
    .mobile .intro__ship {
      margin-left: -210px; }
    .intro__ship.__animated {
      -webkit-animation: ship-enter 20s ease-out;
              animation: ship-enter 20s ease-out; }
      .mobile .intro__ship.__animated {
        -webkit-animation: m_ship-enter 10s ease-out;
                animation: m_ship-enter 10s ease-out; }
    .intro__ship-wrap {
      -webkit-animation: ship-shift 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: ship-shift 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
    .intro__ship-img {
      width: 315px;
      height: 285px;
      background-size: 100%;
      -webkit-animation: ship-rotate 3.5s 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: ship-rotate 3.5s 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards;
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%;
      z-index: 1; }
      .tablet .intro__ship-img,
      .desktop .intro__ship-img {
        background: url("../img/blocks/intro/ship.png") 50% 50% no-repeat; }
      .mobile .intro__ship-img {
        width: 210px;
        height: 190px;
        background-image: url("../img/blocks/intro/m_ship.png"); }
    .intro__ship-bird {
      position: absolute;
      width: 24px;
      height: 5px;
      opacity: 0.5; }
      .intro__ship-bird:nth-child(1) {
        top: 50px;
        left: -30px;
        -webkit-animation: bird-1 8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate;
                animation: bird-1 8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate; }
        .mobile .intro__ship-bird:nth-child(1) {
          left: -10px; }
      .intro__ship-bird:nth-child(2) {
        top: 100px;
        left: 300px;
        -webkit-animation: bird-2 8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate;
                animation: bird-2 8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite alternate; }
        .mobile .intro__ship-bird:nth-child(2) {
          top: 80px;
          left: 250px; }
      .intro__ship-bird:nth-child(3) {
        top: -20px;
        left: 50px;
        -webkit-animation: bird-3 30s cubic-bezier(0.5, 0, 0.5, 1) infinite;
                animation: bird-3 30s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        z-index: 0; }
        .mobile .intro__ship-bird:nth-child(3) {
          top: -30px;
          left: 20px; }
      .intro__ship-bird:before, .intro__ship-bird:after {
        content: '';
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid' width='24.47' height='4.688' viewBox='0 0 24.47 4.688'>  <defs>    <style>      .cls-1 {        fill: %23fff;        fill-rule: evenodd;      }    </style>  </defs>  <path d='M24.452,1.129 L15.950,-0.014 L11.784,2.679 L5.411,0.940 L-0.010,4.677 L5.719,2.650 L12.029,4.669 L16.350,1.423 L24.452,1.129 Z' class='cls-1'/></svg>");
        background-repeat: no-repeat; }
      .intro__ship-bird:before {
        left: 0;
        background-position: 0 0;
        background-size: 200%;
        -webkit-animation: bird-left 2s linear infinite;
                animation: bird-left 2s linear infinite;
        -webkit-transform-origin: 100% 0;
                transform-origin: 100% 0; }
      .intro__ship-bird:after {
        left: 50%;
        background-position: 100% 0;
        background-size: 200%;
        -webkit-animation: bird-right 2s linear infinite;
                animation: bird-right 2s linear infinite;
        -webkit-transform-origin: 0 0;
                transform-origin: 0 0; }
      .intro__ship-bird:nth-child(1):before, .intro__ship-bird:nth-child(1):after {
        -webkit-animation-delay: 0s;
                animation-delay: 0s; }
      .intro__ship-bird:nth-child(2):before, .intro__ship-bird:nth-child(2):after {
        -webkit-animation-duration: 1.8s;
                animation-duration: 1.8s; }
      .intro__ship-bird:nth-child(3):before, .intro__ship-bird:nth-child(3):after {
        -webkit-animation-duration: 1.5s;
                animation-duration: 1.5s; }

@-webkit-keyframes ship-enter {
  0% {
    -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes ship-enter {
  0% {
    -webkit-transform: translate3d(-300px, 0, 0);
            transform: translate3d(-300px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes m_ship-enter {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@keyframes m_ship-enter {
  0% {
    -webkit-transform: translate3d(-200px, 0, 0);
            transform: translate3d(-200px, 0, 0); }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-webkit-keyframes ship-shift {
  0% {
    -webkit-transform: translate(-1%, -0.5%);
            transform: translate(-1%, -0.5%); }
  100% {
    -webkit-transform: translate(1%, 3%);
            transform: translate(1%, 3%); } }

@keyframes ship-shift {
  0% {
    -webkit-transform: translate(-1%, -0.5%);
            transform: translate(-1%, -0.5%); }
  100% {
    -webkit-transform: translate(1%, 3%);
            transform: translate(1%, 3%); } }

@-webkit-keyframes ship-rotate {
  0% {
    -webkit-transform: rotateZ(6deg);
            transform: rotateZ(6deg); }
  100% {
    -webkit-transform: rotateZ(-3deg);
            transform: rotateZ(-3deg); } }

@keyframes ship-rotate {
  0% {
    -webkit-transform: rotateZ(6deg);
            transform: rotateZ(6deg); }
  100% {
    -webkit-transform: rotateZ(-3deg);
            transform: rotateZ(-3deg); } }

@-webkit-keyframes baloon-shift {
  0% {
    -webkit-transform: translate3d(-20%, -2%, 0);
            transform: translate3d(-20%, -2%, 0); }
  100% {
    -webkit-transform: translate3d(20%, 5%, 0);
            transform: translate3d(20%, 5%, 0); } }

@keyframes baloon-shift {
  0% {
    -webkit-transform: translate3d(-20%, -2%, 0);
            transform: translate3d(-20%, -2%, 0); }
  100% {
    -webkit-transform: translate3d(20%, 5%, 0);
            transform: translate3d(20%, 5%, 0); } }

@-webkit-keyframes baloon-rotate {
  0% {
    -webkit-transform: rotateZ(4deg);
            transform: rotateZ(4deg); }
  100% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg); } }

@keyframes baloon-rotate {
  0% {
    -webkit-transform: rotateZ(4deg);
            transform: rotateZ(4deg); }
  100% {
    -webkit-transform: rotateZ(-4deg);
            transform: rotateZ(-4deg); } }

@-webkit-keyframes bird-left {
  0% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); }
  25% {
    -webkit-transform: skewY(-10deg) scaleX(1);
            transform: skewY(-10deg) scaleX(1); }
  50% {
    -webkit-transform: skewY(-15deg) scaleX(0.8);
            transform: skewY(-15deg) scaleX(0.8); }
  75% {
    -webkit-transform: skewY(10deg) scaleX(0.8);
            transform: skewY(10deg) scaleX(0.8); }
  100% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); } }

@keyframes bird-left {
  0% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); }
  25% {
    -webkit-transform: skewY(-10deg) scaleX(1);
            transform: skewY(-10deg) scaleX(1); }
  50% {
    -webkit-transform: skewY(-15deg) scaleX(0.8);
            transform: skewY(-15deg) scaleX(0.8); }
  75% {
    -webkit-transform: skewY(10deg) scaleX(0.8);
            transform: skewY(10deg) scaleX(0.8); }
  100% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); } }

@-webkit-keyframes bird-right {
  0% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); }
  25% {
    -webkit-transform: skewY(10deg) scaleX(1);
            transform: skewY(10deg) scaleX(1); }
  50% {
    -webkit-transform: skewY(15deg) scaleX(0.8);
            transform: skewY(15deg) scaleX(0.8); }
  75% {
    -webkit-transform: skewY(-10deg) scaleX(0.8);
            transform: skewY(-10deg) scaleX(0.8); }
  100% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); } }

@keyframes bird-right {
  0% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); }
  25% {
    -webkit-transform: skewY(10deg) scaleX(1);
            transform: skewY(10deg) scaleX(1); }
  50% {
    -webkit-transform: skewY(15deg) scaleX(0.8);
            transform: skewY(15deg) scaleX(0.8); }
  75% {
    -webkit-transform: skewY(-10deg) scaleX(0.8);
            transform: skewY(-10deg) scaleX(0.8); }
  100% {
    -webkit-transform: skewY(0deg) scaleX(1);
            transform: skewY(0deg) scaleX(1); } }

@-webkit-keyframes bird-1 {
  0% {
    -webkit-transform: translate(100%, 20%) rotateZ(0deg);
            transform: translate(100%, 20%) rotateZ(0deg); }
  100% {
    -webkit-transform: translate(-100%, -15%) rotateZ(15deg);
            transform: translate(-100%, -15%) rotateZ(15deg); } }

@keyframes bird-1 {
  0% {
    -webkit-transform: translate(100%, 20%) rotateZ(0deg);
            transform: translate(100%, 20%) rotateZ(0deg); }
  100% {
    -webkit-transform: translate(-100%, -15%) rotateZ(15deg);
            transform: translate(-100%, -15%) rotateZ(15deg); } }

@-webkit-keyframes bird-2 {
  0% {
    -webkit-transform: translate(20%, 5%) rotateZ(0deg);
            transform: translate(20%, 5%) rotateZ(0deg); }
  100% {
    -webkit-transform: translate(-20%, -2%) rotateZ(15deg);
            transform: translate(-20%, -2%) rotateZ(15deg); } }

@keyframes bird-2 {
  0% {
    -webkit-transform: translate(20%, 5%) rotateZ(0deg);
            transform: translate(20%, 5%) rotateZ(0deg); }
  100% {
    -webkit-transform: translate(-20%, -2%) rotateZ(15deg);
            transform: translate(-20%, -2%) rotateZ(15deg); } }

@-webkit-keyframes bird-3 {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(20deg);
            transform: translate(0, 0) rotateZ(20deg);
    z-index: 0;
    width: 24px;
    height: 5px; }
  40% {
    -webkit-transform: translate(150px, 50px) rotateZ(0deg);
            transform: translate(150px, 50px) rotateZ(0deg);
    z-index: 0;
    width: 24px;
    height: 5px; }
  50% {
    -webkit-transform: translate(150px, 30px) rotateZ(10deg);
            transform: translate(150px, 30px) rotateZ(10deg);
    z-index: 2;
    width: 30px;
    height: 7px; }
  70% {
    -webkit-transform: translate(70px, 70px) rotateZ(0deg);
            transform: translate(70px, 70px) rotateZ(0deg);
    z-index: 2; }
  85% {
    -webkit-transform: translate(50px, 0px) rotateZ(0deg);
            transform: translate(50px, 0px) rotateZ(0deg);
    z-index: 2;
    width: 30px;
    height: 7px; }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(20deg);
            transform: translate(0, 0) rotateZ(20deg);
    z-index: 0;
    width: 24px;
    height: 5px; } }

@keyframes bird-3 {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(20deg);
            transform: translate(0, 0) rotateZ(20deg);
    z-index: 0;
    width: 24px;
    height: 5px; }
  40% {
    -webkit-transform: translate(150px, 50px) rotateZ(0deg);
            transform: translate(150px, 50px) rotateZ(0deg);
    z-index: 0;
    width: 24px;
    height: 5px; }
  50% {
    -webkit-transform: translate(150px, 30px) rotateZ(10deg);
            transform: translate(150px, 30px) rotateZ(10deg);
    z-index: 2;
    width: 30px;
    height: 7px; }
  70% {
    -webkit-transform: translate(70px, 70px) rotateZ(0deg);
            transform: translate(70px, 70px) rotateZ(0deg);
    z-index: 2; }
  85% {
    -webkit-transform: translate(50px, 0px) rotateZ(0deg);
            transform: translate(50px, 0px) rotateZ(0deg);
    z-index: 2;
    width: 30px;
    height: 7px; }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(20deg);
            transform: translate(0, 0) rotateZ(20deg);
    z-index: 0;
    width: 24px;
    height: 5px; } }

@-webkit-keyframes baloon-to-left {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(0);
            transform: translate(0, 0) rotateZ(0); }
  100% {
    -webkit-transform: translate(-30vw, 0) rotateZ(-15deg);
            transform: translate(-30vw, 0) rotateZ(-15deg); } }

@keyframes baloon-to-left {
  0% {
    -webkit-transform: translate(0, 0) rotateZ(0);
            transform: translate(0, 0) rotateZ(0); }
  100% {
    -webkit-transform: translate(-30vw, 0) rotateZ(-15deg);
            transform: translate(-30vw, 0) rotateZ(-15deg); } }

@-webkit-keyframes baloon-to-left-end {
  0% {
    -webkit-transform: translate(-30vw, 0) rotateZ(-15deg);
            transform: translate(-30vw, 0) rotateZ(-15deg); }
  100% {
    -webkit-transform: translate(-55vw, 0) rotateZ(0);
            transform: translate(-55vw, 0) rotateZ(0); } }

@keyframes baloon-to-left-end {
  0% {
    -webkit-transform: translate(-30vw, 0) rotateZ(-15deg);
            transform: translate(-30vw, 0) rotateZ(-15deg); }
  100% {
    -webkit-transform: translate(-55vw, 0) rotateZ(0);
            transform: translate(-55vw, 0) rotateZ(0); } }

@-webkit-keyframes baloon-to-right {
  0% {
    -webkit-transform: translate(-55vw, 0) rotateZ(0);
            transform: translate(-55vw, 0) rotateZ(0); }
  100% {
    -webkit-transform: translate(-25vw, 0) rotateZ(15deg);
            transform: translate(-25vw, 0) rotateZ(15deg); } }

@keyframes baloon-to-right {
  0% {
    -webkit-transform: translate(-55vw, 0) rotateZ(0);
            transform: translate(-55vw, 0) rotateZ(0); }
  100% {
    -webkit-transform: translate(-25vw, 0) rotateZ(15deg);
            transform: translate(-25vw, 0) rotateZ(15deg); } }

@-webkit-keyframes baloon-to-right-end {
  0% {
    -webkit-transform: translate(-25vw, 0) rotateZ(15deg);
            transform: translate(-25vw, 0) rotateZ(15deg); }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0);
            transform: translate(0, 0) rotateZ(0); } }

@keyframes baloon-to-right-end {
  0% {
    -webkit-transform: translate(-25vw, 0) rotateZ(15deg);
            transform: translate(-25vw, 0) rotateZ(15deg); }
  100% {
    -webkit-transform: translate(0, 0) rotateZ(0);
            transform: translate(0, 0) rotateZ(0); } }

@-webkit-keyframes baloon-fire {
  0% {
    opacity: 0.35;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  25% {
    opacity: 0.5;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  50% {
    opacity: 0.35;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  75% {
    opacity: 0.5;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  100% {
    opacity: 0.5;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes baloon-fire {
  0% {
    opacity: 0.35;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  25% {
    opacity: 0.5;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  50% {
    opacity: 0.35;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  75% {
    opacity: 0.5;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  100% {
    opacity: 0.5;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes baloon-fire-glow {
  0% {
    opacity: 0.15;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  25% {
    opacity: 0.25;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  50% {
    opacity: 0.15;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  75% {
    opacity: 0.25;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  100% {
    opacity: 0.25;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes baloon-fire-glow {
  0% {
    opacity: 0.15;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  25% {
    opacity: 0.25;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  50% {
    opacity: 0.15;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); }
  75% {
    opacity: 0.25;
    -webkit-transform: scaleY(1.05);
            transform: scaleY(1.05); }
  100% {
    opacity: 0.25;
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@-webkit-keyframes baloon-fire-off {
  0% {
    opacity: 0.25; }
  100% {
    opacity: 0; } }

@keyframes baloon-fire-off {
  0% {
    opacity: 0.25; }
  100% {
    opacity: 0; } }

@media (-webkit-min-device-pixel-ratio: 2) {
  .mobile .intro__ship-img {
    background-image: url("../img/blocks/intro/m_ship@2x.png"); }
  .mobile .intro__island-img {
    background-image: url("../img/blocks/intro/m_island@2x.png"); }
  .mobile .intro__mountain-img {
    background-image: url("../img/blocks/intro/m_mountain@2x.png"); }
  .mobile .intro:before {
    background-image: url("../img/blocks/intro/m_footer@2x.png"); } }

.about {
  position: relative;
  padding-top: 58px; }
  .mobile .about {
    padding-top: 2.8rem; }
  .about + section {
    margin-top: -75px; }
    .mobile .about + section {
      margin-top: 0; }
  .about a[name] {
    display: block;
    border: none; }
  .about-text {
    font: 1.4rem/1.71429em "Roboto", "Arial", sans-serif;
    color: #8a8f99;
    overflow: hidden; }
    .about-text p {
      margin: 0 0 1.5em 0; }
  .about .section-title {
    color: #2a364d;
    margin: 17.2rem 0 5.4rem 0; }
    .mobile .about .section-title {
      margin: 8rem 0 2rem 0; }
  .about-desc {
    font: 3.4rem/1.47059em "Roboto Light", "Arial", sans-serif;
    letter-spacing: -0.01em;
    color: #2a364d;
    margin: 5.4rem 0 6rem 0; }
    .mobile .about-desc {
      font-size: calc(14vw / 3.75);
      line-height: 1.74em;
      margin: 2rem 0 2rem 0; }
  .about-columns__half {
    display: inline-block;
    vertical-align: top;
    width: 44%; }
  .about-columns__half + .about-columns__half {
    margin-left: 9%; }
  .about-list {
    padding: 2rem 0 1rem 0;
    counter-reset: item;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .about-list__title {
      text-transform: uppercase;
      color: #2a364d;
      font-family: "Roboto Black", "Arial", sans-serif;
      font-weight: 500;
      margin: 0 0 2.8rem 0; }
    .about-list li {
      position: relative;
      width: 31%;
      padding-right: 4rem; }
      .about-list li:last-child {
        padding-right: 5rem; }
      .about-list li:before {
        counter-increment: item;
        content: "0" counter(item) ".";
        top: 0;
        display: block;
        width: 4.8rem;
        height: 4.8rem;
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 50%;
        font-size: 4.8rem;
        font-family: "fregat", "Arial", sans-serif;
        color: #ffd919;
        text-align: center;
        line-height: 5rem;
        margin: 0 0 1rem -0.05em; }
  .about-conclusion {
    font: 2rem/2.8rem "Roboto", "Arial", sans-serif;
    color: #2a364d;
    margin: 3.6rem 0 6rem 0; }
  .about-footer {
    font-size: 0;
    position: relative;
    height: 530px;
    margin-top: -58px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mobile .about-footer {
      margin-top: 0; }
    .mobile .about-footer {
      height: 275px; }
    .about-footer__clouds {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .tablet .about-footer__clouds,
      .desktop .about-footer__clouds {
        background: url("../img/blocks/about/clouds.png") 35% 0 no-repeat; }
      .mobile .about-footer__clouds {
        background: url("../img/blocks/about/m_clouds.png") 50% 10% no-repeat; }
    .about-footer__mountain {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%; }
      .about-footer__mountain-in {
        position: relative;
        left: 0;
        bottom: 10px;
        width: 1246px;
        height: 462px;
        background-size: cover; }
        .tablet .about-footer__mountain-in,
        .desktop .about-footer__mountain-in {
          background: url("../img/blocks/about/mountain.png") 50% 50% no-repeat; }
        .mobile .about-footer__mountain-in {
          width: 100%;
          height: 214px;
          background-image: url("../img/blocks/about/m_mountain.png"); }
    .about-footer__trees {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      overflow: hidden; }
      .about-footer__trees-in {
        position: relative;
        left: -7px; }
      .about-footer__trees-img {
        width: 1495px;
        height: 111px;
        background-size: 100%; }
        .tablet .about-footer__trees-img,
        .desktop .about-footer__trees-img {
          background: url("../img/blocks/about/trees.png") 50% 50% no-repeat; }
        .mobile .about-footer__trees-img {
          width: 480px;
          height: 43px;
          background-image: url("../img/blocks/about/m_trees.png"); }
    .about-footer__trees-shadow {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 1495px;
      height: 100%;
      box-sizing: content-box;
      background-size: cover;
      background-clip: content-box;
      clip: rect(0, 0, auto, 0); }
      .about-footer__trees-shadow:before {
        content: '';
        display: block;
        width: 200px; }
      .tablet .about-footer__trees-shadow,
      .desktop .about-footer__trees-shadow {
        background: url("../img/blocks/about/trees-shadow.png") no-repeat; }
      .mobile .about-footer__trees-shadow {
        width: 480px;
        background-image: url("../img/blocks/about/m_trees-shadow.png"); }
    .about-footer.__animated .about-footer__trees-shadow {
      -webkit-animation: trees-shadow 15s linear both;
              animation: trees-shadow 15s linear both; }
      .mobile .about-footer.__animated .about-footer__trees-shadow {
        -webkit-animation: m-trees-shadow 8s linear both;
                animation: m-trees-shadow 8s linear both; }
    .about-footer.__animated .about-footer__trees {
      -webkit-animation: trees-shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 16 both 0.3s;
              animation: trees-shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 16 both 0.3s; }
      .mobile .about-footer.__animated .about-footer__trees {
        -webkit-animation: trees-shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 9 both 0.3s;
                animation: trees-shake 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 9 both 0.3s; }
    .about-footer__godzilla {
      width: 100%;
      position: absolute;
      -webkit-transform: translateX(-500px);
              transform: translateX(-500px);
      bottom: 30px; }
      .mobile .about-footer__godzilla {
        bottom: 10px; }
      .about-footer__godzilla-in {
        width: 100%;
        height: 324px;
        background-size: 100%; }
        .tablet .about-footer__godzilla-in,
        .desktop .about-footer__godzilla-in {
          background: url("../img/blocks/about/godzilla.png") no-repeat; }
        .mobile .about-footer__godzilla-in {
          width: 311px;
          height: 168px;
          background-image: url("../img/blocks/about/m_godzilla.png"); }
    .about-footer.__animated .about-footer__godzilla {
      -webkit-animation: godzilla-move 15s linear , godzilla-step-fin 0.8s ease-in-out 15s forwards;
              animation: godzilla-move 15s linear , godzilla-step-fin 0.8s ease-in-out 15s forwards;
      -webkit-transform-origin: 10% 100%;
              transform-origin: 10% 100%; }
      .mobile .about-footer.__animated .about-footer__godzilla {
        -webkit-animation: m-godzilla-move 8s linear , m-godzilla-step-fin 0.8s ease-in-out 8s forwards;
                animation: m-godzilla-move 8s linear , m-godzilla-step-fin 0.8s ease-in-out 8s forwards; }
    .about-footer.__animated .about-footer__godzilla-in {
      -webkit-animation: godzilla-step 1s ease-in-out 15 both;
              animation: godzilla-step 1s ease-in-out 15 both;
      -webkit-transform-origin: 35% 100%;
              transform-origin: 35% 100%; }
      .mobile .about-footer.__animated .about-footer__godzilla-in {
        -webkit-animation: m-godzilla-step 1s ease-in-out 8 both;
                animation: m-godzilla-step 1s ease-in-out 8 both; }

@-webkit-keyframes godzilla-move {
  0% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px); }
  100% {
    -webkit-transform: translateX(44%);
            transform: translateX(44%); } }

@keyframes godzilla-move {
  0% {
    -webkit-transform: translateX(-500px);
            transform: translateX(-500px); }
  100% {
    -webkit-transform: translateX(44%);
            transform: translateX(44%); } }

@-webkit-keyframes m-godzilla-move {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px); }
  100% {
    -webkit-transform: translateX(6%);
            transform: translateX(6%); } }

@keyframes m-godzilla-move {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px); }
  100% {
    -webkit-transform: translateX(6%);
            transform: translateX(6%); } }

@-webkit-keyframes godzilla-step {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate(0px, 25px) rotate(2deg);
            transform: translate(0px, 25px) rotate(2deg); }
  50% {
    -webkit-transform: translate(0px, 25px) rotate(2deg);
            transform: translate(0px, 25px) rotate(2deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@keyframes godzilla-step {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate(0px, 25px) rotate(2deg);
            transform: translate(0px, 25px) rotate(2deg); }
  50% {
    -webkit-transform: translate(0px, 25px) rotate(2deg);
            transform: translate(0px, 25px) rotate(2deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes m-godzilla-step {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate(0px, 15px) rotate(2deg);
            transform: translate(0px, 15px) rotate(2deg); }
  50% {
    -webkit-transform: translate(0px, 15px) rotate(2deg);
            transform: translate(0px, 15px) rotate(2deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@keyframes m-godzilla-step {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate(0px, 15px) rotate(2deg);
            transform: translate(0px, 15px) rotate(2deg); }
  50% {
    -webkit-transform: translate(0px, 15px) rotate(2deg);
            transform: translate(0px, 15px) rotate(2deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes godzilla-step-fin {
  0% {
    -webkit-transform: translate(44%, 0) rotate(0deg);
            transform: translate(44%, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(44.25%, 10px) rotate(1deg);
            transform: translate(44.25%, 10px) rotate(1deg); }
  100% {
    -webkit-transform: translate(44%, 0) rotate(0deg);
            transform: translate(44%, 0) rotate(0deg); } }

@keyframes godzilla-step-fin {
  0% {
    -webkit-transform: translate(44%, 0) rotate(0deg);
            transform: translate(44%, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(44.25%, 10px) rotate(1deg);
            transform: translate(44.25%, 10px) rotate(1deg); }
  100% {
    -webkit-transform: translate(44%, 0) rotate(0deg);
            transform: translate(44%, 0) rotate(0deg); } }

@-webkit-keyframes m-godzilla-step-fin {
  0% {
    -webkit-transform: translate(6%, 0) rotate(0deg);
            transform: translate(6%, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(6.25%, 5px) rotate(1deg);
            transform: translate(6.25%, 5px) rotate(1deg); }
  100% {
    -webkit-transform: translate(6%, 0) rotate(0deg);
            transform: translate(6%, 0) rotate(0deg); } }

@keyframes m-godzilla-step-fin {
  0% {
    -webkit-transform: translate(6%, 0) rotate(0deg);
            transform: translate(6%, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(6.25%, 5px) rotate(1deg);
            transform: translate(6.25%, 5px) rotate(1deg); }
  100% {
    -webkit-transform: translate(6%, 0) rotate(0deg);
            transform: translate(6%, 0) rotate(0deg); } }

@-webkit-keyframes mountain-shake {
  10%, 90% {
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0); }
  20%, 80% {
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0); }
  40%, 60% {
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0); } }

@keyframes mountain-shake {
  10%, 90% {
    -webkit-transform: translate3d(0, -1px, 0);
            transform: translate3d(0, -1px, 0); }
  20%, 80% {
    -webkit-transform: translate3d(0, 1px, 0);
            transform: translate3d(0, 1px, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(0, -2px, 0);
            transform: translate3d(0, -2px, 0); }
  40%, 60% {
    -webkit-transform: translate3d(0, 2px, 0);
            transform: translate3d(0, 2px, 0); } }

@-webkit-keyframes trees-shake {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px); }
  20% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px); }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes trees-shake {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px); }
  20% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px); }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes trees-shadow {
  from {
    clip: rect(0, 0, auto, 0); }
  15% {
    clip: rect(0, 190px, auto, -260px); }
  to {
    clip: rect(0, calc((100vw * 0.44) + 490px), auto, calc((100vw * 0.44) + 50px)); } }

@keyframes trees-shadow {
  from {
    clip: rect(0, 0, auto, 0); }
  15% {
    clip: rect(0, 190px, auto, -260px); }
  to {
    clip: rect(0, calc((100vw * 0.44) + 490px), auto, calc((100vw * 0.44) + 50px)); } }

@-webkit-keyframes m-trees-shadow {
  from {
    clip: rect(0, 0, auto, 0); }
  45% {
    clip: rect(0, 110px, auto, -100px); }
  to {
    clip: rect(0, calc((100vw * 0.06) + 260px), auto, calc((100vw * 0.06) + 35px)); } }

@keyframes m-trees-shadow {
  from {
    clip: rect(0, 0, auto, 0); }
  45% {
    clip: rect(0, 110px, auto, -100px); }
  to {
    clip: rect(0, calc((100vw * 0.06) + 260px), auto, calc((100vw * 0.06) + 35px)); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  .mobile .about-footer__mountain-in {
    background-image: url("../img/blocks/about/m_mountain@2x.png"); }
  .mobile .about-footer__trees-img {
    background-image: url("../img/blocks/about/m_trees@2x.png"); }
  .mobile .about-footer__trees-shadow {
    background-image: url("../img/blocks/about/m_trees-shadow@2x.png"); }
  .mobile .about-footer__godzilla-in {
    background-image: url("../img/blocks/about/m_godzilla@2x.png"); } }

.offer {
  position: relative;
  padding: 155px 0 0 0;
  height: 897px; }
  .tablet .offer,
  .desktop .offer {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='897' viewBox='0 0 1920 897'>  <defs>    <style>      .cls-1 {        fill-rule: evenodd;        fill: url(%23linear-gradient);      }    </style>    <linearGradient id='linear-gradient' x1='701.058' y1='3798' x2='1218.942' y2='2901' gradientUnits='userSpaceOnUse'>      <stop offset='0' stop-color='%23a461aa'/>      <stop offset='1' stop-color='%236b3fbf'/>    </linearGradient>  </defs>  <path id='BG_shape.svg' class='cls-1' d='M1920,3798H0V2919.77s398.137-9.28,429.894-11.08,119.25-6.29,139.665-7.19,92.679-1.2.973,4.79-129.3,8.99-139.342,10.19-66.755,7.49.648,8.09l67.4,0.6s142.907-7.19,197.671-9.59,168.4-10.97,255.352-12.61c65.767-1.25,192.167,3.32,243.367,6.92s130.26,15.88,9.07,17.08-208.366,1.79-254.057,1.19-142.906,1.8-23.008,6,203.505,2.07,286.785,1.47c156.6-1.13,644.75,8.76,705.58,9.24V3798Z' transform='translate(0 -2901)'/></svg>") 50% 100% no-repeat; }
  .mobile .offer:before {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    top: -24px;
    left: 0;
    background: url("../img/blocks/offer/m_top.png") 50% 50% no-repeat;
    background-size: cover; }
  .mobile .offer {
    padding: 54px 0 162px 0;
    height: auto;
    background-image: radial-gradient(ellipse 120% 100% at 0% 100%, #c686a0 0%, #643ec2 100%); }
  .offer__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .offer-text {
    font: 1.4rem/1.71429em "Roboto", "Arial", sans-serif;
    color: #cec2e5;
    text-align: center;
    position: relative; }
    .mobile .offer-text {
      text-align: left; }
    .offer-text p {
      margin: 0 0 1.5em 0; }
    .offer-text a {
      color: #fff; }
  .offer .section-title {
    color: #fff;
    margin: 0 auto 50px auto;
    max-width: 730px; }
    .mobile .offer .section-title {
      margin: 0 0 10px 0;
      font-size: calc(30vw / 3.75);
      line-height: 1.333em; }
  .offer-desc {
    font: 1.6rem/2.8rem "Roboto", "Arial", sans-serif;
    color: #fff;
    margin: 50px auto 50px auto;
    max-width: 615px; }
    .mobile .offer-desc {
      margin: 35px 0 50px 0;
      font-size: calc((1vw + 1vh) * 1.35);
      line-height: calc((1vw + 1vh) * 2.31); }
  .offer-kraken {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .offer-kraken-img {
      display: block;
      width: 823px;
      height: 377px;
      margin: 0 auto;
      position: relative;
      left: 55px;
      -webkit-animation: kraken 3s cubic-bezier(0.5, 0, 0.5, 1) infinite alternate;
              animation: kraken 3s cubic-bezier(0.5, 0, 0.5, 1) infinite alternate;
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%; }
      .tablet .offer-kraken-img,
      .desktop .offer-kraken-img {
        background: url("../img/blocks/offer/kraken.png") 50% 50% no-repeat; }
      .mobile .offer-kraken-img {
        left: 0;
        width: 332px;
        height: 152px;
        background-image: url("../img/blocks/offer/m_kraken.png");
        background-size: 100%; }
  .offer-wind {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mobile .offer-wind {
      background: url("../img/blocks/offer/m_wind.png") 50% 81% no-repeat; }
    .offer-wind > * {
      position: absolute;
      background-repeat: no-repeat;
      -webkit-animation-timing-function: linear;
              animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
    .offer-wind__1 {
      top: 50%;
      left: 0;
      width: 100%;
      height: 121px;
      background-position: 0 0;
      -webkit-animation-duration: 20s;
              animation-duration: 20s; }
      .tablet .offer-wind__1,
      .desktop .offer-wind__1 {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='675.125' height='121.03' viewBox='0 0 675.125 121.03'>  <defs>    <style>      .cls-1 {        fill-rule: evenodd;        opacity: 0.06;      }    </style>  </defs>  <path id='_1.svg' data-name='1.svg' class='cls-1' d='M487.984,3444.26s-42.088-5.78-107.952.32-104.1,10.28-156.787,9.64c-72.607-.89-200.161-14.14-200.161-14.14s153.9,5.14,208.836,4.5S448.787,3431.09,487.984,3444.26Zm-131.723,23.81s22.022,0.72,25.852,0S370.384,3472.86,356.261,3468.07Zm-136,9s22.022,0.72,25.852,0S234.384,3481.86,220.261,3477.07Zm-151-11s22.022,0.72,25.852,0S83.384,3470.86,69.261,3466.07Zm110-95.11s22.022-.72,25.852,0S193.384,3366.18,179.261,3370.96Zm146-11s22.022-.71,25.852,0S339.384,3355.18,325.261,3359.96Zm139,9s22.022-.72,25.852,0S478.384,3364.18,464.261,3368.96Zm47,14s22.022-.71,25.852,0S525.384,3378.18,511.261,3382.96Zm-8,53.11s22.022,0.72,25.852,0S517.384,3440.86,503.261,3436.07Zm-96,18s22.022,0.72,25.852,0S421.384,3458.86,407.261,3454.07Zm-434.013,11.4s42.376,0.63,54.484.63,18.8-.31,18.8-0.31S16.262,3471.84-26.752,3465.47Zm-36-74.09s42.376-.64,54.484-0.64,18.8,0.32,18.8.32S-19.738,3385-62.752,3391.38Zm144-20s42.376-.64,54.484-0.64,18.8,0.32,18.8.32S124.261,3365,81.248,3371.38Zm450,73.09s42.376,0.63,54.484.63,18.8-.31,18.8-0.31S574.261,3450.84,531.248,3444.47Zm-83.782,8.41s44.918-3.74,78.117-2.9,86.487,8.2,118.012,5.69l31.526-2.52s-51.624,8.55-78.965,8.55-59.893-5.08-79.143-6.19S447.466,3452.88,447.466,3452.88Z' transform='translate(0 -3358)'/></svg>"); }
      .mobile .offer-wind__1 {
        display: none; }
    .offer-wind__2 {
      top: 50%;
      right: 11%;
      width: 100%;
      height: 96px;
      background-position: 100% 0;
      -webkit-animation-duration: 20s;
              animation-duration: 20s; }
      .tablet .offer-wind__2,
      .desktop .offer-wind__2 {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='697.63' height='96.4' viewBox='0 0 697.63 96.4'>  <defs>    <style>      .cls-1 {        fill-rule: evenodd;        opacity: 0.06;      }    </style>  </defs>  <path id='_2.svg' data-name='2.svg' class='cls-1' d='M1528.17,3452.01s30.31,1.1,34.29.66S1556.27,3455.99,1528.17,3452.01Zm-77-11s30.31,1.1,34.29.66S1479.27,3444.99,1451.17,3441.01Zm78-73s30.31,1.1,34.29.66S1557.27,3371.99,1529.17,3368.01Zm-251,55s30.31,1.1,34.29.66S1306.27,3426.99,1278.17,3423.01Zm-80,11s30.31,1.1,34.29.66S1226.27,3437.99,1198.17,3434.01Zm-102.41,5.43s10.94,0.97,12.33.83S1108.09,3442.76,1095.76,3439.44Zm76-6s10.94,0.97,12.33.83S1184.09,3436.76,1171.76,3433.44Zm298-76s10.94,0.97,12.33.83S1482.09,3360.76,1469.76,3357.44Zm113,14s10.94,0.97,12.33.83S1595.09,3374.76,1582.76,3371.44Zm76-3s10.94,0.97,12.33.83S1671.09,3371.76,1658.76,3368.44Zm-463.57,35.62s187.95,6.42,256.4,2.74c75.57-4.05,206.44-6.7,317.35,8.12,10.63,1.42,28.56,5.06,23.55,3.59-35.25-10.37-126.89-25.99-210.78-27.19-43.92-.62-103.86,4.85-170.21,8.19C1338.18,3403.2,1257.63,3404.81,1195.19,3404.06Z' transform='translate(-1095.75 -3357.44)'/></svg>"); }
      .mobile .offer-wind__2 {
        display: none; }
    .offer-wind__3 {
      top: 37%;
      right: 8%;
      width: 100%;
      height: 261px;
      background-position: 100% 0;
      -webkit-animation-duration: 22s;
              animation-duration: 22s; }
      .tablet .offer-wind__3,
      .desktop .offer-wind__3 {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='628' height='261.56' viewBox='0 0 628 261.56'>  <defs>    <style>      .cls-1 {        fill-rule: evenodd;        opacity: 0.15;      }    </style>  </defs>  <path id='_3.svg' data-name='3.svg' class='cls-1' d='M1626.17,3272.01s30.31,1.1,34.29.66S1654.27,3275.99,1626.17,3272.01Zm-78-27s30.31,1.1,34.29.66S1576.27,3248.99,1548.17,3245.01Zm-355.41-1.57s10.94,0.97,12.33.83S1205.09,3246.76,1192.76,3243.44Zm552.41,8.57s30.31,1.1,34.29.66S1773.27,3255.99,1745.17,3252.01Zm-410,71s30.31,1.1,34.29.66S1363.27,3326.99,1335.17,3323.01Zm317.84,181.98s30.2-1.2,34.17-.72S1681.01,3500.67,1653.01,3504.99Zm133.06-140.75s30.02,3.55,33.86,4.65S1814.4,3364.36,1786.07,3364.24Z' transform='translate(-1192.75 -3243.44)'/></svg>"); }
      .mobile .offer-wind__3 {
        display: none; }
    .offer-wind__4 {
      top: 17%;
      left: 0;
      width: 100%;
      height: 261px;
      background-position: 0 0;
      -webkit-animation-duration: 24s;
              animation-duration: 24s; }
      .tablet .offer-wind__4,
      .desktop .offer-wind__4 {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='407.75' height='261.56' viewBox='0 0 407.75 261.56'>  <defs>    <style>      .cls-1 {        fill-rule: evenodd;        opacity: 0.1;      }    </style>  </defs>  <path id='_3_copy_2.svg' data-name='3 copy 2.svg' class='cls-1' d='M-25.668,3021.01s-30.311,1.1-34.294.66S-53.766,3024.99-25.668,3021.01Zm78-27s-30.311,1.1-34.294.66S24.234,2997.99,52.332,2994.01Zm355.41-1.57s-10.943.97-12.329,0.83S395.413,2995.76,407.742,2992.44Zm-552.41,8.57s-30.311,1.1-34.293.66S-172.766,3004.99-144.668,3001.01Zm410,71s-30.311,1.1-34.293.66S237.233,3075.99,265.332,3072.01ZM-52.512,3253.99s-30.2-1.2-34.171-.72S-80.51,3249.67-52.512,3253.99Zm-133.06-140.75s-30.018,3.55-33.862,4.65S-213.9,3113.36-185.572,3113.24Z' transform='translate(0 -2992.44)'/></svg>"); }
      .mobile .offer-wind__4 {
        display: none; }
  .offer-bubbles {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .mobile .offer-bubbles {
      height: 50px; }
    .offer-bubbles canvas {
      display: block;
      margin: 0 auto;
      max-width: 100%;
      width: 100%;
      height: 110%; }
  .offer-bubbles-back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 196px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .tablet .offer-bubbles-back,
    .desktop .offer-bubbles-back {
      background: url("../img/blocks/offer/bubbles-back.png") 50% 50% no-repeat; }
    .mobile .offer-bubbles-back {
      height: 89px;
      background: url("../img/blocks/offer/m_bubbles-back.png") 50% 50% no-repeat;
      background-size: cover; }
  .offer-bubbles-front {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 196px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-bottom: 5px solid #fff; }
    .tablet .offer-bubbles-front,
    .desktop .offer-bubbles-front {
      background: url("../img/blocks/offer/bubbles.png") 50% 50% no-repeat; }
    .mobile .offer-bubbles-front {
      height: 89px;
      background: url("../img/blocks/offer/m_bubbles.png") 50% 50% no-repeat;
      background-size: cover;
      margin-bottom: -1px; }

@-webkit-keyframes wind {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@keyframes wind {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0); }
  100% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0); } }

@-webkit-keyframes kraken {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(1deg);
            transform: translate3d(0, 0, 0) rotateZ(1deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-2deg);
            transform: translate3d(0, 0, 0) rotateZ(-2deg); } }

@keyframes kraken {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(1deg);
            transform: translate3d(0, 0, 0) rotateZ(1deg); }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotateZ(-2deg);
            transform: translate3d(0, 0, 0) rotateZ(-2deg); } }

@media (-webkit-min-device-pixel-ratio: 2) {
  .mobile .offer:before {
    background-image: url("../img/blocks/offer/m_top@2x.png"); }
  .mobile .offer-kraken-img {
    background-image: url("../img/blocks/offer/m_kraken@2x.png"); }
  .mobile .offer-bubbles-front {
    background-image: url("../img/blocks/offer/m_bubbles@2x.png"); }
  .mobile .offer-bubbles-back {
    background-image: url("../img/blocks/offer/m_bubbles-back@2x.png"); } }

.team {
  position: relative;
  overflow: hidden; }
  ._team-opened .team {
    z-index: 3;
    overflow: visible; }
  .team .section-title {
    color: #2a364d;
    text-align: center;
    margin: 160px 0 90px 0; }
    .mobile .team .section-title {
      text-align: left;
      margin: 86px 0 44px 0; }
  .team-list {
    position: relative;
    transition: margin-left 0.4s, -webkit-transform 0.4s;
    transition: transform 0.4s, margin-left 0.4s;
    transition: transform 0.4s, margin-left 0.4s, -webkit-transform 0.4s;
    font-size: 0;
    z-index: 1; }
    .team-list-wrap:before {
      content: '';
      display: block;
      background: linear-gradient(135deg, #2a364d 0%, #2a364d 50%, #453a84 100%);
      opacity: 0;
      visibility: hidden;
      transition: all 0.4s; }
      ._team-opening .team-list-wrap:before,
      ._team-opened .team-list-wrap:before {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        visibility: visible; }
    ._team-opened .team-list-wrap {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .team-list:after {
      content: '';
      display: block;
      clear: both; }
    .mobile .team-list {
      white-space: nowrap; }
    ._team-opened .team-list__close {
      position: absolute;
      top: 12px;
      right: 22px;
      width: 40px;
      height: 40px;
      z-index: 3; }
      ._team-opened .team-list__close:after, ._team-opened .team-list__close:before {
        content: '';
        display: block;
        width: 30px;
        height: 3px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -1px 0 0 -15px;
        border-radius: 3px;
        background-color: #fff; }
      ._team-opened .team-list__close:after {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      ._team-opened .team-list__close:before {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    ._team-opened .team-list {
      height: 100%; }
    ._team-opened:not(._team-closing) .team-list {
      -webkit-transform: translateX(0) !important;
              transform: translateX(0) !important;
      transition-duration: 0s !important; }
    ._team-closing .team-list {
      transition-duration: 0s !important; }
    .team-list__item {
      position: relative;
      float: left;
      border-radius: 8px;
      white-space: normal;
      background: #2a364d;
      background: linear-gradient(135deg, #2a364d 0%, #2a364d 50%, #453a84 100%); }
      .team-list__item + .team-list__item {
        margin: 100px 0 0 60px;
        background: linear-gradient(-135deg, #2a364d 0%, #2a364d 50%, #453a84 100%); }
        .team-list__item + .team-list__item:before {
          -webkit-transform: scaleX(-1);
                  transform: scaleX(-1); }
      .mobile .team-list__item + .team-list__item {
        margin: 0 0 0 25px; }
      .mobile .team-list__item {
        display: inline-block;
        float: none; }
      ._team-closing .team-list__item,
      ._team-opening .team-list__item {
        opacity: 0;
        transition: all 0.4s; }
      ._team-opened .team-list__item {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        margin: 0 !important;
        border-radius: 0;
        background: none;
        opacity: 0;
        z-index: 1; }
        ._team-opened .team-list__item._leaving, ._team-opened .team-list__item._active {
          opacity: 1;
          z-index: 2; }
  .team-person {
    position: relative;
    width: 435px;
    height: 500px;
    cursor: pointer;
    border-radius: inherit; }
    .mobile .team-person {
      width: calc(100vw - 75px);
      height: auto;
      padding-top: 113.33%; }
    .team-person__img {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: inherit;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      z-index: 0; }
      .mobile .team-person__img {
        position: absolute;
        top: 0; }
      .team-person__img img {
        width: 100%;
        display: block;
        border-radius: inherit; }
    .tablet .team-person__img:after,
    .desktop .team-person__img:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -34px;
      right: 36px;
      background-color: #2a364d;
      width: 68px;
      height: 68px;
      border-radius: 50%;
      transition: -webkit-transform .4s;
      transition: transform .4s;
      transition: transform .4s, -webkit-transform .4s; }
    .team-person.__mouseenter .team-person__img:after {
      -webkit-transform: scale(4);
              transform: scale(4);
      transition-duration: .5s;
      transition-timing-function: cubic-bezier(0.8, -0.5, 0.2, 1.4); }
    .team-person.__opened .team-person__img:after {
      -webkit-transform: scale(20);
              transform: scale(20);
      transition-duration: 1s;
      transition-timing-function: ease; }
    .team-person__position {
      font: bold 1.2rem/2.4rem "Roboto", "Arial", sans-serif;
      color: #acb2bf;
      text-transform: uppercase;
      margin: 4px 0 0 0; }
      .mobile .team-person__position {
        margin: 0;
        font-size: calc(11vw / 3.75); }
    .team-person__info {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      font: 1.4rem/2.4rem "Roboto", "Arial", sans-serif;
      color: #acb2bf; }
      .team-person__info p + p {
        margin-top: 24px; }
    .team-person__text {
      padding: 0 35px 0 35px;
      overflow: hidden;
      max-height: 0;
      transition: opacity 0.4s, visibility 0.4s, max-height 0.4s; }
      .tablet .team-person__text,
      .desktop .team-person__text {
        opacity: 0;
        visibility: hidden; }
      .team-person__text p:last-child {
        padding-bottom: 73px; }
    .tablet .team-person.__opened .team-person__text,
    .desktop .team-person.__opened .team-person__text {
      max-height: 300px;
      opacity: 1;
      visibility: visible;
      transition: opacity 0.2s 0.4s, visibility 0.4s, max-height 0.6s cubic-bezier(0.45, 0.45, 0, 1) 0.2s; }
    .team-person__title {
      position: absolute;
      top: 0;
      width: 100%;
      padding: 5px 35px 27px 35px;
      overflow: hidden;
      -webkit-transform: translateY(-100%);
              transform: translateY(-100%); }
      .mobile .team-person__title {
        overflow: visible;
        padding: 0 20px 12px 20px; }
    .team-person__name {
      font: bold 2.8rem/1.285em "fregat", "Arial", sans-serif;
      letter-spacing: -0.01em;
      color: #fff;
      transition: -webkit-transform 0.4s;
      transition: transform 0.4s;
      transition: transform 0.4s, -webkit-transform 0.4s;
      -webkit-transform-origin: 0 100%;
              transform-origin: 0 100%;
      margin-left: -0.5px; }
      .mobile .team-person__name {
        font-size: calc(22vw / 3.75); }
    .team-person.__opened .team-person__name {
      transition-delay: 0.2s;
      -webkit-transform: scale(1.35);
              transform: scale(1.35); }
    .team-person__toggler {
      position: absolute;
      bottom: -35px;
      right: 35px;
      background-color: #ffd919;
      width: 70px;
      height: 70px;
      border-radius: 50%; }
      .mobile .team-person__toggler {
        bottom: -28px;
        right: 20px;
        width: 55px;
        height: 55px; }
      .team-person__toggler:after, .team-person__toggler:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        width: 20px;
        height: 4px;
        margin-top: -2px;
        border-radius: 4px;
        background-color: #2a364d; }
      .team-person__toggler:after {
        left: 50%;
        margin-left: -10px;
        -webkit-animation: person-toggler-1-off 0.4s both;
                animation: person-toggler-1-off 0.4s both; }
        .mobile .team-person__toggler:after {
          -webkit-animation: none;
                  animation: none;
          width: 4px;
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg); }
      .team-person__toggler:before {
        right: 50%;
        margin-right: -10px;
        -webkit-animation: person-toggler-2-off 0.4s both;
                animation: person-toggler-2-off 0.4s both; }
        .mobile .team-person__toggler:before {
          -webkit-animation: none;
                  animation: none;
          width: 4px;
          -webkit-transform: rotate(0deg);
                  transform: rotate(0deg);
          box-shadow: -8px 0 0 0 #2a364d; }
    .tablet .team-person.__opened .team-person__toggler:after,
    .desktop .team-person.__opened .team-person__toggler:after {
      -webkit-animation: person-toggler-1-on 0.4s both;
              animation: person-toggler-1-on 0.4s both; }
    .tablet .team-person.__opened .team-person__toggler:before,
    .desktop .team-person.__opened .team-person__toggler:before {
      -webkit-animation: person-toggler-2-on 0.4s both;
              animation: person-toggler-2-on 0.4s both; }
    ._team-opened .team-person {
      position: relative;
      width: 100%;
      max-width: initial;
      height: 100%;
      padding: 0; }
      ._team-opened .team-person__img {
        position: absolute; }
        ._team-opened .team-person__img img {
          margin-top: -50px;
          opacity: 0;
          transition: all 0.4s;
          z-index: 0; }
        ._team-opened .team-person__img:after {
          content: '';
          display: block;
          position: absolute;
          top: calc(100vw + 30px);
          bottom: 0;
          width: 100%;
          background-color: #fff;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          visibility: hidden;
          z-index: 2; }
        ._team-opened .team-person__img:before {
          content: '';
          display: block;
          position: fixed;
          top: calc(100vw - 25px);
          left: 15px;
          right: 15px;
          bottom: 0;
          background-color: #e6eef0;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          opacity: 1;
          -webkit-transform: translateY(8px);
                  transform: translateY(8px);
          transition: all 0.4s;
          z-index: 1; }
      ._team-opened .team-person__info {
        position: relative;
        padding-top: calc(100vw - 17px);
        height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        ._team-opened .team-person__info:after {
          content: '';
          position: fixed;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 30px;
          box-shadow: inset 0 -60px 40px -40px #fff;
          -webkit-transform: translateX(-100%);
                  transform: translateX(-100%);
          transition: all 0.4s; }
        ._team-opened .team-person__info p + p {
          margin-top: 20px; }
        ._team-opened .team-person__info p:last-child {
          padding: 0; }
      ._team-opened .team-person__title {
        position: relative;
        padding: 35px 25px 17px 25px;
        background-color: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
      ._team-opened .team-person__position, ._team-opened .team-person__name {
        color: transparent;
        transition: color 0.4s; }
      ._team-opened .team-person__text {
        position: relative;
        max-height: initial;
        overflow: visible;
        color: transparent;
        font-size: 13px;
        line-height: 20px;
        padding: 0 25px 27px 25px;
        background-color: #fff;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1; }
      ._team-opened .team-person__toggler {
        display: none; }
    ._team-opened ._active .team-person__title {
      -webkit-transform: translateX(0) !important;
              transform: translateX(0) !important;
      transition: all 0.4s; }
    ._team-opened ._active .team-person__name {
      color: #2a364d; }
    ._team-opened ._active .team-person__position {
      color: #8a8f99; }
    ._team-opened ._active .team-person__text {
      color: #8a8f99;
      -webkit-transform: translateX(0) !important;
              transform: translateX(0) !important;
      transition: all 0.4s; }
    ._team-opened ._active .team-person:after {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    ._team-opened ._active .team-person__img img {
      opacity: 1; }
    ._team-opened ._active .team-person__img:after {
      transition: all 0.4s 0.4s;
      visibility: visible; }
    ._team-opened ._active .team-person__img:before {
      opacity: 1;
      -webkit-transform: translate(0, 0) !important;
              transform: translate(0, 0) !important; }
    ._team-opened ._leaving .team-person__title {
      transition: all 0.4s; }
    ._team-opened ._leaving .team-person__text {
      transition: all 0.4s; }
    ._team-opened ._leaving .team-person__img:before {
      left: 0;
      right: 0;
      opacity: 1;
      background-color: #fff;
      -webkit-transform: translateY(8px) !important;
              transform: translateY(8px) !important; }
    ._team-opened ._swipeleft .team-person__title {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    ._team-opened ._swipeleft .team-person__text {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    ._team-opened ._swipeleft ._leaving .team-person__title {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
    ._team-opened ._swipeleft ._leaving .team-person__text {
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
    ._team-opened ._swiperight .team-person__title {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    ._team-opened ._swiperight .team-person__text {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    ._team-opened ._swiperight ._leaving .team-person__title {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
    ._team-opened ._swiperight ._leaving .team-person__text {
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
  .team-text {
    margin: 68px 0 40px 0; }
    .team-text:after {
      content: '';
      display: block;
      clear: both; }
    .mobile .team-text {
      margin: 50px 0 0 0; }
    .team-text__heading {
      width: 435px;
      float: left;
      font: 300 3.4rem/5rem "Roboto", "Arial", sans-serif; }
      .mobile .team-text__heading {
        width: 240px;
        font-size: calc(14vw / 3.75);
        line-height: 1.74em;
        color: #8a8f99; }
        .mobile .team-text__heading a {
          color: #2a364d; }
    .team-text__desc {
      width: 435px;
      float: left;
      margin: 69px 0 0 60px;
      font: 1.4rem/2.4rem "Roboto", "Arial", sans-serif;
      color: #8a8f99; }
      .mobile .team-text__desc {
        display: none; }
      .team-text__desc p {
        margin: 0 0 1.7em 0; }

@-webkit-keyframes person-toggler-1-off {
  0% {
    width: 20px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes person-toggler-1-off {
  0% {
    width: 20px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes person-toggler-2-off {
  0% {
    width: 20px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    box-shadow: none; }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: none; }
  51% {
    width: 4px;
    box-shadow: -8px 0 0 0 #2a364d; }
  100% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: -8px 0 0 0 #2a364d; } }

@keyframes person-toggler-2-off {
  0% {
    width: 20px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    box-shadow: none; }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: none; }
  51% {
    width: 4px;
    box-shadow: -8px 0 0 0 #2a364d; }
  100% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: -8px 0 0 0 #2a364d; } }

@-webkit-keyframes person-toggler-1-on {
  0% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    width: 20px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); } }

@keyframes person-toggler-1-on {
  0% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    width: 20px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); } }

@-webkit-keyframes person-toggler-2-on {
  0% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: -8px 0 0 0 #2a364d; }
  49% {
    width: 4px;
    box-shadow: -8px 0 0 0 #2a364d; }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: none; }
  100% {
    width: 20px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    box-shadow: none; } }

@keyframes person-toggler-2-on {
  0% {
    width: 4px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: -8px 0 0 0 #2a364d; }
  49% {
    width: 4px;
    box-shadow: -8px 0 0 0 #2a364d; }
  50% {
    width: 20px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: none; }
  100% {
    width: 20px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    box-shadow: none; } }

.portfolio {
  position: relative;
  padding-bottom: 211px; }
  .mobile .portfolio {
    padding-bottom: 123px; }
  .portfolio a[name] {
    display: block;
    border: none;
    overflow: hidden; }
  .portfolio .content {
    max-width: 1120px; }
  .portfolio .section-title {
    color: #2a364d;
    text-align: center;
    margin: 139px 0 88px 0; }
    .mobile .portfolio .section-title {
      text-align: left;
      margin: 78px 0 40px 0;
      line-height: 1.333em; }
  .portfolio-list {
    position: relative;
    margin: 0 -10px 0 -10px; }
    .mobile .portfolio-list {
      margin: 0 -15px 0 -15px; }
    .portfolio-list:after {
      content: '';
      display: block;
      clear: both; }
    .portfolio-list__item {
      position: relative;
      float: left;
      margin: 0 10px 20px 10px; }
      .mobile .portfolio-list__item {
        float: none;
        margin: 0 auto 10px auto;
        max-width: 355px; }
      .portfolio-list__item:last-child {
        display: none; }
        .mobile .portfolio-list__item:last-child {
          display: block; }
  .portfolio-item {
    position: relative;
    width: 550px;
    height: 350px;
    cursor: pointer; }
    .mobile .portfolio-item {
      position: relative;
      padding-top: 63.6928%;
      max-width: 355px;
      width: 100%;
      height: auto; }
    .portfolio-item__img {
      display: block;
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
      border-radius: 5px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .mobile .portfolio-item__img {
        position: absolute;
        top: 0; }
      .portfolio-item__img img {
        display: block;
        width: 100%;
        transition: -webkit-transform 2s;
        transition: transform 2s;
        transition: transform 2s, -webkit-transform 2s; }
    .portfolio-item__info {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      padding: 0 120px 23px 25px;
      font: 1.4rem/2.4rem "Roboto", "Arial", sans-serif;
      color: #acb2bf; }
      .mobile .portfolio-item__info {
        padding: 0 15px 13px 15px; }
    .portfolio-item__name {
      display: block;
      font: 900 1.4rem/1.8rem "Roboto", "Arial", sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.01em;
      color: #fff;
      transition: -webkit-transform 0.4s;
      transition: transform 0.4s;
      transition: transform 0.4s, -webkit-transform 0.4s;
      -webkit-transform-origin: 0 100%;
              transform-origin: 0 100%; }
    .portfolio-item__desc {
      display: block;
      font: 400 1.2rem/1.4rem "Roboto", "Arial", sans-serif;
      color: #fff;
      opacity: 0.75;
      margin: 2px 0 0 0; }
    html:not(.mobile) .portfolio-item__toggler {
      position: absolute;
      bottom: 19px;
      right: 25px;
      background-color: #ffd919;
      text-align: right;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='11' viewBox='0 0 14 11'>  <defs>    <style>      .cls-1 {        fill: %23fff;        fill-rule: evenodd;      }    </style>  </defs>  <path id='_arrow.svg' class='cls-1' d='M479.8,1981.89c-1.656-1.56-3.313-3.13-4.969-4.69a0.73,0.73,0,0,0-1.014,1.05q1.856,1.74,3.712,3.5c-3.617,0-7.235.01-10.852,0.01a0.742,0.742,0,0,0,0,1.48q5.363,0,10.726-.01c-1.2,1.17-2.4,2.35-3.609,3.52a0.727,0.727,0,0,0,1.015,1.04c1.664-1.62,3.328-3.23,4.991-4.85A0.762,0.762,0,0,0,479.8,1981.89Z' transform='translate(-466 -1977)'/></svg>") 50% 50% no-repeat; }
      html:not(.mobile) .portfolio-item__toggler:after {
        content: attr(data-text);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        font: 900 1.2rem/42px "Roboto", "Arial", sans-serif;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all 0.2s;
        -webkit-transform: translateX(0);
                transform: translateX(0); }
      html:not(.mobile) .portfolio-item__toggler i {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        overflow: hidden; }
        html:not(.mobile) .portfolio-item__toggler i:last-child {
          top: 50%;
          -webkit-transform: rotate(-180deg);
                  transform: rotate(-180deg); }
      .mobile html:not(.mobile) .portfolio-item__toggler {
        display: none; }
      html:not(.mobile) .portfolio-item__toggler i:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: 1px solid #fff;
        border-bottom: none;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        transition: all 0.2s linear 0.2s;
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%; }
      html:not(.mobile) .portfolio-item__toggler i:last-child:before {
        transition-delay: 0s; }
    .portfolio-item:hover .portfolio-item__toggler i:before {
      -webkit-transform: rotate(-180deg);
              transform: rotate(-180deg);
      transition-delay: 0s; }
    .portfolio-item:hover .portfolio-item__toggler i:last-child:before {
      transition-delay: 0.2s; }
    .portfolio-item:hover .portfolio-item__toggler:after {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateX(-38px);
              transform: translateX(-38px);
      transition-delay: 0.2s; }
    html:not(.mobile) .portfolio-item:hover .portfolio-item__img img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }

.digitalbay {
  display: none; }

html:not(.mobile) .digitalbay {
  display: block;
  position: relative;
  margin: 50px 0 0 0;
  background-color: #7c26b8; }
  html:not(.mobile) .digitalbay:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 50px;
    margin-top: -50px;
    background: url("../img/blocks/digitalbay/top.png") 50% 50% no-repeat; }
  html:not(.mobile) .digitalbay__serfer1 {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 72px;
    height: 39px;
    margin: -74px 0 0 -346px;
    background: url("../img/blocks/digitalbay/serf1.png") 50% 50% no-repeat;
    -webkit-animation: serf1 2s infinite alternate;
            animation: serf1 2s infinite alternate;
    -webkit-transform-origin: 70% 50%;
            transform-origin: 70% 50%; }
  html:not(.mobile) .digitalbay__serfer2 {
    position: absolute;
    top: 39px;
    left: 434px;
    -webkit-animation: serf2-move 10s infinite alternate;
            animation: serf2-move 10s infinite alternate; }
    html:not(.mobile) .digitalbay__serfer2:before {
      content: '';
      display: block;
      width: 38px;
      height: 45px;
      margin: 0 0 0 0;
      background: url("../img/blocks/digitalbay/serf2.png") 50% 50% no-repeat;
      -webkit-animation: serf1 2s infinite alternate;
              animation: serf1 2s infinite alternate;
      -webkit-transform-origin: 70% 50%;
              transform-origin: 70% 50%; }
  html:not(.mobile) .digitalbay .content {
    min-height: 832px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
  html:not(.mobile) .digitalbay__content {
    position: relative;
    width: 610px;
    color: #fff; }
  html:not(.mobile) .digitalbay__heading {
    font: 300 3.4rem/5rem "Roboto", "Arial", sans-serif;
    letter-spacing: -0.01em; }
  html:not(.mobile) .digitalbay__info {
    width: 450px;
    margin: 28px 0 0 0;
    font: 1.6rem/2.8rem "Roboto", "Arial", sans-serif;
    color: #cec2e5; }
  html:not(.mobile) .digitalbay .button {
    margin: 42px 0 0 0; }
  html:not(.mobile) .digitalbay__wave {
    width: 700px;
    height: 522px;
    overflow: hidden;
    padding-bottom: 10px; }
    html:not(.mobile) .digitalbay__wave:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 700px;
      height: 512px;
      background: url("../img/blocks/digitalbay/wave_bg.jpg") 0 0 repeat;
      -webkit-animation: wave 20s infinite linear;
              animation: wave 20s infinite linear; }
    html:not(.mobile) .digitalbay__wave:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 710px;
      height: 522px;
      background: url("../img/blocks/digitalbay/wave_mask_infinite.png") 0 0 repeat-x; }
  html:not(.mobile) .digitalbay__wave-wrap {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    max-width: 42%;
    overflow: hidden; }

@-webkit-keyframes serf1 {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  50% {
    -webkit-transform: rotateZ(8deg);
            transform: rotateZ(8deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); } }

@keyframes serf1 {
  0% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); }
  50% {
    -webkit-transform: rotateZ(8deg);
            transform: rotateZ(8deg); }
  100% {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg); } }

@-webkit-keyframes serf2-move {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(20px, 5px);
            transform: translate(20px, 5px); }
  50% {
    -webkit-transform: translate(5px, 20px);
            transform: translate(5px, 20px); }
  75% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes serf2-move {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  25% {
    -webkit-transform: translate(20px, 5px);
            transform: translate(20px, 5px); }
  50% {
    -webkit-transform: translate(5px, 20px);
            transform: translate(5px, 20px); }
  75% {
    -webkit-transform: translate(5px, 5px);
            transform: translate(5px, 5px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes wave {
  from {
    background-position: 0 0; }
  to {
    background-position: 1469px 0; } }

@keyframes wave {
  from {
    background-position: 0 0; }
  to {
    background-position: 1469px 0; } }

.contacts {
  margin-top: -43px;
  padding: 43px 0 0 0;
  position: relative;
  overflow: hidden;
  min-height: 946px;
  background-color: #2a364d;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  .contacts:before {
    content: '';
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    height: 43px;
    background: #fff url("../img/blocks/contacts/top.png") 50% 50% no-repeat;
    background-size: cover; }
    .mobile .contacts:before {
      height: 16px;
      background-image: url("../img/blocks/contacts/m_top.png"); }
  .tablet .digitalbay + .contacts:before,
  .desktop .digitalbay + .contacts:before {
    background-color: #7c26b8; }
  .mobile .contacts {
    min-height: initial;
    padding: 82px 0 230px 0; }
  .contacts__bg {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .contacts-stars {
    position: absolute;
    top: 43px;
    bottom: 0;
    width: 100%;
    background: url("../img/blocks/contacts/stars.png") 50% 0 no-repeat; }
  .contacts-clouds {
    position: absolute;
    top: 60%;
    left: 0;
    width: 100%;
    height: 242px;
    background: url("../img/blocks/contacts/clouds.png") 50% 50% no-repeat; }
  .contacts-mountains {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    max-width: 1700px;
    min-width: 1500px; }
    .mobile .contacts-mountains {
      min-width: initial; }
    .tablet .contacts-mountains__left,
    .desktop .contacts-mountains__left {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 772px;
      height: 235px;
      background: url("../img/blocks/contacts/mountain_left.png") 50% 50% no-repeat; }
    .mobile .contacts-mountains__left {
      width: 100%;
      height: 162px;
      background: url("../img/blocks/contacts/m_mountain_left.png") 50% 50% no-repeat;
      background-size: cover; }
    .tablet .contacts-mountains__right,
    .desktop .contacts-mountains__right {
      position: absolute;
      bottom: 0;
      right: -105px;
      width: 500px;
      height: 84px;
      background: url("../img/blocks/contacts/mountain_right.png") 50% 50% no-repeat; }
  .tablet .contacts-moon,
  .desktop .contacts-moon {
    position: absolute;
    top: 49%;
    left: 32%; }
    .tablet .contacts-moon__img,
    .desktop .contacts-moon__img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 336px;
      height: 343px;
      background: url("../img/blocks/contacts/moon.png") 50% 50% no-repeat; }
    .tablet .contacts-moon__ufo,
    .desktop .contacts-moon__ufo {
      position: absolute;
      top: -270px;
      left: 6px;
      -webkit-transform-origin: 100% 20%;
              transform-origin: 100% 20%;
      -webkit-animation: contacts-ufo 8s infinite alternate cubic-bezier(0.5, 0, 0.5, 1);
              animation: contacts-ufo 8s infinite alternate cubic-bezier(0.5, 0, 0.5, 1);
      width: 121px;
      height: 154px;
      background: url("../img/blocks/contacts/ufo.png") 50% 50% no-repeat; }
    .tablet .contacts-moon__flag,
    .desktop .contacts-moon__flag {
      position: absolute;
      top: -150px;
      left: -109px;
      -webkit-transform-origin: 96% 80%;
              transform-origin: 96% 80%;
      transition: -webkit-transform 0.4s;
      transition: transform 0.4s;
      transition: transform 0.4s, -webkit-transform 0.4s;
      cursor: pointer;
      width: 62px;
      height: 120px;
      background: url("../img/blocks/contacts/flag.png") 50% 50% no-repeat; }
      .tablet .contacts-moon__flag:hover,
      .desktop .contacts-moon__flag:hover {
        -webkit-transform: rotate(0deg) skewY(-8deg) scaleX(0.8);
                transform: rotate(0deg) skewY(-8deg) scaleX(0.8); }
      .tablet .contacts-moon__flag:active,
      .desktop .contacts-moon__flag:active {
        -webkit-transform: rotate(-5deg) skewY(-8deg) scaleX(0.8);
                transform: rotate(-5deg) skewY(-8deg) scaleX(0.8); }
    .tablet .contacts-moon__shadow,
    .desktop .contacts-moon__shadow {
      position: absolute;
      top: 50%;
      left: 30%;
      -webkit-transform: translate(-50%, -51%);
              transform: translate(-50%, -51%);
      width: 330px;
      height: 330px;
      border-radius: 50%;
      box-shadow: 0 0 200px 200px rgba(57, 54, 93, 0.5); }
    .tablet .contacts-moon__light,
    .desktop .contacts-moon__light {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -51%);
              transform: translate(-50%, -51%);
      width: 330px;
      height: 330px;
      border-radius: 50%;
      box-shadow: 0 0 80px 0 rgba(238, 234, 192, 0.5); }
  .tablet .contacts-explosions,
  .desktop .contacts-explosions {
    position: absolute;
    bottom: -10%;
    height: 10%;
    width: 100%; }
    .tablet .contacts-explosions div,
    .desktop .contacts-explosions div {
      float: left;
      width: 10%;
      height: 10%;
      padding-bottom: 10%;
      border-radius: 50%;
      background-color: #f00;
      transition: box-shadow 0.2s;
      box-shadow: 0 0 180px 50px rgba(238, 234, 192, 0); }
      .tablet .contacts-explosions div.__animated,
      .desktop .contacts-explosions div.__animated {
        box-shadow: 0 0 180px 50px rgba(238, 234, 192, 0.5); }
  .contacts-land {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    min-width: 1700px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .mobile .contacts-land {
      min-width: initial; }
    .tablet .contacts-land__trees,
    .desktop .contacts-land__trees {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 602px;
      height: 47px;
      background: url("../img/blocks/contacts/trees.png") 100% 50% no-repeat; }
    .mobile .contacts-land__trees {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 42px;
      background: url("../img/blocks/contacts/m_trees.png") 50% 50% no-repeat;
      background-size: cover; }
    .tablet .contacts-land__island,
    .desktop .contacts-land__island {
      position: absolute;
      bottom: 0;
      left: 574px;
      width: 182px;
      height: 149px;
      background: url("../img/blocks/contacts/island.png") 50% 50% no-repeat; }
    .mobile .contacts-land__island {
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -30px;
      width: 117px;
      height: 70px;
      background: url("../img/blocks/contacts/m_island.png") 50% 50% no-repeat;
      background-size: cover; }
  .contacts-sea {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    min-width: 1700px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
    .mobile .contacts-sea {
      min-width: initial; }
      .mobile .contacts-sea__wave1, .mobile .contacts-sea__wave2 {
        left: 60%; }
    .contacts-sea__wave1 {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 34%;
      height: 15px; }
      .mobile .contacts-sea__wave1 {
        height: 20px; }
      .contacts-sea__wave1 canvas {
        display: block;
        width: 100%;
        height: 100%; }
    .contacts-sea__wave2 {
      position: absolute;
      bottom: 0;
      right: 0;
      left: 34%;
      height: 35px; }
      .mobile .contacts-sea__wave2 {
        height: 40px; }
      .contacts-sea__wave2 canvas {
        display: block;
        width: 100%;
        height: 100%; }
    .tablet .contacts-sea__mayak,
    .desktop .contacts-sea__mayak {
      position: absolute;
      bottom: 2px;
      right: 0;
      left: 44%;
      width: 52px;
      height: 41px;
      background: url("../img/blocks/contacts/mayak.png") 0 0 no-repeat; }
    .mobile .contacts-sea__mayak {
      position: absolute;
      bottom: 5px;
      right: 2%;
      width: 37px;
      height: 29px;
      background: url("../img/blocks/contacts/m_mayak.png") 0 0 no-repeat;
      background-size: contain; }
    .tablet .contacts-sea__ship,
    .desktop .contacts-sea__ship {
      position: absolute;
      bottom: 0;
      right: 32%;
      text-align: left;
      -webkit-transform: translate(300px, 0);
              transform: translate(300px, 0); }
      .tablet .contacts-sea__ship-img,
      .desktop .contacts-sea__ship-img {
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
        z-index: 1;
        width: 110px;
        height: 99px;
        background: url("../img/blocks/contacts/ship.png") 0 0 no-repeat;
        -webkit-transform: rotate(-6deg);
                transform: rotate(-6deg); }
      .tablet .contacts-sea__ship.__animated,
      .desktop .contacts-sea__ship.__animated {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
        -webkit-animation: contacts-ship-enter 40s ease-out;
                animation: contacts-ship-enter 40s ease-out;
        -webkit-animation-fill-mode: backwards;
                animation-fill-mode: backwards; }
    .desktop .contacts-sea__ship.__animated .contacts-sea__ship-wrap {
      -webkit-animation: contacts-ship-shift 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: contacts-ship-shift 3.5s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
    .desktop .contacts-sea__ship.__animated .contacts-sea__ship-img {
      -webkit-animation: contacts-ship-rotate 3.5s 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: contacts-ship-rotate 3.5s 0.8s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
    .tablet .contacts-sea__nessi,
    .desktop .contacts-sea__nessi {
      position: absolute;
      bottom: 3px;
      right: -200px;
      width: 77px;
      height: 22px;
      background: url("../img/blocks/contacts/nessi.png") 0 0 no-repeat; }
    .tablet .contacts-sea__ship.__animated .contacts-sea__nessi,
    .desktop .contacts-sea__ship.__animated .contacts-sea__nessi {
      -webkit-animation: contacts-nessi-shift 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
              animation: contacts-nessi-shift 2s infinite alternate cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-animation-fill-mode: backwards;
              animation-fill-mode: backwards; }
  .contacts-meteors > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 98px;
    height: 57px;
    background: url("../img/blocks/contacts/meteor.png") 0 0 no-repeat;
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
    opacity: 0; }
    .contacts-meteors > div.__animated {
      -webkit-animation: contacts-meteors 0.5s linear;
              animation: contacts-meteors 0.5s linear; }
  .contacts-form {
    float: right;
    width: 435px;
    position: relative; }
    .mobile .contacts-form {
      width: auto; }
      .mobile .contacts-form .button {
        display: block;
        width: 100%; }
    .contacts-form__title {
      width: 100%;
      color: #fff;
      margin: 0 0 25px 0;
      font: 300 34px/50px "Roboto", "Arial", sans-serif;
      letter-spacing: -0.02em; }
      .contacts-form__title:after {
        content: '';
        display: block;
        clear: both; }
      .mobile .contacts-form__title {
        margin: 0 0 4px 0;
        font-size: calc(20vw / 3.75);
        line-height: 1.5em; }
    .contacts-form__title-start {
      display: block;
      width: 105%;
      margin-right: -5%;
      float: left;
      transition: all 0.4s 0.2s; }
    .contacts-form._success .contacts-form__title-start {
      opacity: 0;
      visibility: hidden;
      transition-delay: 0s; }
    .contacts-form__title-end {
      display: block;
      float: right;
      width: 100%;
      margin-left: -100%;
      margin-top: -100px;
      transition: all 0.4s;
      opacity: 0;
      visibility: hidden; }
    .contacts-form._success .contacts-form__title-end {
      opacity: 1;
      visibility: visible;
      margin-top: 0;
      transition-delay: 0.2s; }
    .contacts-form._success .form-footer .button {
      pointer-events: none; }

@-webkit-keyframes contacts-ship-enter {
  0% {
    -webkit-transform: translate(300px, 0);
            transform: translate(300px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes contacts-ship-enter {
  0% {
    -webkit-transform: translate(300px, 0);
            transform: translate(300px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes contacts-ship-shift {
  0% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%); }
  100% {
    -webkit-transform: translate(-1%, 3%);
            transform: translate(-1%, 3%); } }

@keyframes contacts-ship-shift {
  0% {
    -webkit-transform: translate(1%, -1%);
            transform: translate(1%, -1%); }
  100% {
    -webkit-transform: translate(-1%, 3%);
            transform: translate(-1%, 3%); } }

@-webkit-keyframes contacts-ship-rotate {
  0% {
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg); }
  100% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); } }

@keyframes contacts-ship-rotate {
  0% {
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg); }
  100% {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg); } }

@-webkit-keyframes contacts-nessi-shift {
  0% {
    -webkit-transform: translate(2%, -5%);
            transform: translate(2%, -5%); }
  100% {
    -webkit-transform: translate(-1%, 3%);
            transform: translate(-1%, 3%); } }

@keyframes contacts-nessi-shift {
  0% {
    -webkit-transform: translate(2%, -5%);
            transform: translate(2%, -5%); }
  100% {
    -webkit-transform: translate(-1%, 3%);
            transform: translate(-1%, 3%); } }

@-webkit-keyframes contacts-ufo {
  0% {
    -webkit-transform: rotateZ(0deg) translate(0, 0%);
            transform: rotateZ(0deg) translate(0, 0%); }
  100% {
    -webkit-transform: rotateZ(-10deg) translate(-50%, -20%);
            transform: rotateZ(-10deg) translate(-50%, -20%); } }

@keyframes contacts-ufo {
  0% {
    -webkit-transform: rotateZ(0deg) translate(0, 0%);
            transform: rotateZ(0deg) translate(0, 0%); }
  100% {
    -webkit-transform: rotateZ(-10deg) translate(-50%, -20%);
            transform: rotateZ(-10deg) translate(-50%, -20%); } }

@-webkit-keyframes contacts-meteors {
  0% {
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
    opacity: 0; }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-100%, 100%);
            transform: translate(-100%, 100%);
    opacity: 0; } }

@keyframes contacts-meteors {
  0% {
    -webkit-transform: translate(100%, -100%);
            transform: translate(100%, -100%);
    opacity: 0; }
  50% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  100% {
    -webkit-transform: translate(-100%, 100%);
            transform: translate(-100%, 100%);
    opacity: 0; } }

@media (-webkit-min-device-pixel-ratio: 2) {
  .mobile .contacts:before {
    background-image: url("../img/blocks/contacts/m_top@2x.png"); }
  .mobile .contacts-land__island {
    background-image: url("../img/blocks/contacts/m_island@2x.png"); }
  .mobile .contacts-land__trees {
    background-image: url("../img/blocks/contacts/m_trees@2x.png"); }
  .mobile .contacts-mountains__left {
    background-image: url("../img/blocks/contacts/m_mountain_left@2x.png"); }
  .mobile .contacts-sea__mayak {
    background-image: url("../img/blocks/contacts/m_mayak@2x.png"); } }

.notfound {
  position: relative;
  height: 100vh;
  padding: 0 40px;
  color: #fff;
  background-size: cover;
  background: #a34ca6;
  background: linear-gradient(45deg, #a34ca6 0%, #7742b9 50%, #643ec2 100%);
  overflow: hidden; }
  .mobile .notfound {
    text-align: center; }
  .notfound:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/blocks/intro/bg_clouds.png") 50% 50% no-repeat; }
  .notfound canvas {
    display: block; }
  .notfound .content {
    display: table;
    position: relative;
    max-width: 1150px;
    width: 100%;
    height: 100%;
    min-width: 940px;
    z-index: 0; }
    .mobile .notfound .content {
      min-width: initial;
      padding: 0; }
  .notfound__content {
    display: table-cell;
    vertical-align: middle;
    z-index: 0; }
    .notfound__content .button {
      margin: 0 0 10rem 0; }
      .mobile .notfound__content .button {
        margin: 0 0 18rem 0; }
  .notfound__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 0;
    pointer-events: none; }
  .notfound__heading {
    max-width: 42rem;
    margin: 0 0 4.6rem 0;
    font: 600 10rem/7.5rem "fregat", "Arial", sans-serif;
    letter-spacing: -0.01em;
    text-transform: uppercase; }
    .mobile .notfound__heading {
      font: 600 calc(50vw / 3.75)/0.86em "fregat", "Arial", sans-serif;
      max-width: 25rem;
      margin: 0 auto 2.5rem auto; }
  .notfound__info {
    max-width: 42rem;
    margin: 0 0 4.5rem 0;
    font: 400 2rem/2.8rem "Roboto", "Arial", sans-serif;
    color: #cec2e5; }
    .mobile .notfound__info {
      font: 400 calc(14vw / 3.75)/1.714em "Roboto", "Arial", sans-serif;
      max-width: 27rem;
      margin: 0 auto 2.8rem auto; }
    .notfound__info a {
      color: #fff; }
  .notfound__wave-1 {
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 100%;
    border-bottom: 10px solid #73c5ff; }
  .notfound__wave-2 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    border-bottom: 20px solid #8ccfff; }
  .notfound__wave-3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    border-bottom: 30px solid #a1d8ff; }
  .notfound__godzilla {
    z-index: 1000; }
    .notfound__godzilla-pet {
      width: 1160px;
      text-align: right;
      position: absolute;
      margin-left: -525px;
      left: -700px;
      bottom: 10px;
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%; }
      .mobile .notfound__godzilla-pet {
        width: 339px;
        height: 233px;
        margin-left: 0;
        left: -300px; }
    .notfound__godzilla-in {
      width: 1054px;
      height: 566px; }
      .tablet .notfound__godzilla-in,
      .desktop .notfound__godzilla-in {
        background: url("../img/blocks/notfound/godzilla.png") 50% 50% no-repeat; }
      .mobile .notfound__godzilla-in {
        width: 339px;
        height: 233px;
        background-image: url("../img/blocks/notfound/m_godzilla.png");
        background-size: cover; }
    .notfound__godzilla.__animated .notfound__godzilla-pet {
      -webkit-animation: godzilla-move-404 10s linear both, godzilla-step-fin-404 0.8s ease-in-out 10s both;
              animation: godzilla-move-404 10s linear both, godzilla-step-fin-404 0.8s ease-in-out 10s both; }
      .mobile .notfound__godzilla.__animated .notfound__godzilla-pet {
        -webkit-animation: godzilla-move-404-m 5s linear both, godzilla-step-fin-404 0.8s ease-in-out 5s both;
                animation: godzilla-move-404-m 5s linear both, godzilla-step-fin-404 0.8s ease-in-out 5s both; }
    .notfound__godzilla.__animated .notfound__godzilla-in {
      -webkit-animation: godzilla-step-404 1s ease-in-out 10 both;
              animation: godzilla-step-404 1s ease-in-out 10 both;
      -webkit-transform-origin: 50% 100%;
              transform-origin: 50% 100%; }
      .mobile .notfound__godzilla.__animated .notfound__godzilla-in {
        -webkit-animation: godzilla-step-404 1s ease-in-out 5 both;
                animation: godzilla-step-404 1s ease-in-out 5 both; }

.content.__animated .notfound__content,
.notfound__bg.__animated .notfound__wave-1,
.notfound__bg.__animated .notfound__wave-2,
.notfound__bg.__animated .notfound__wave-3 {
  -webkit-animation: trees-shake-404 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 11 both 0.3s;
          animation: trees-shake-404 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 11 both 0.3s; }

.mobile .content.__animated .notfound__content, .mobile
.notfound__bg.__animated .notfound__wave-1, .mobile
.notfound__bg.__animated .notfound__wave-2, .mobile
.notfound__bg.__animated .notfound__wave-3 {
  -webkit-animation: trees-shake-404 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 6 both 0.3s;
          animation: trees-shake-404 1s cubic-bezier(0.36, 0.07, 0.19, 0.97) 6 both 0.3s; }

.notfound__bg.__animated .notfound__wave-3 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

.notfound__bg.__animated .notfound__wave-2 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }

@-webkit-keyframes godzilla-move-404 {
  0% {
    left: -700px; }
  100% {
    left: 50%; } }

@keyframes godzilla-move-404 {
  0% {
    left: -700px; }
  100% {
    left: 50%; } }

@-webkit-keyframes godzilla-move-404-m {
  0% {
    left: -300px; }
  100% {
    left: 0; } }

@keyframes godzilla-move-404-m {
  0% {
    left: -300px; }
  100% {
    left: 0; } }

@-webkit-keyframes godzilla-step-404 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate(0px, 25px) rotate(2deg);
            transform: translate(0px, 25px) rotate(2deg); }
  50% {
    -webkit-transform: translate(-5px, 25px) rotate(2deg);
            transform: translate(-5px, 25px) rotate(2deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@keyframes godzilla-step-404 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  40% {
    -webkit-transform: translate(0px, 25px) rotate(2deg);
            transform: translate(0px, 25px) rotate(2deg); }
  50% {
    -webkit-transform: translate(-5px, 25px) rotate(2deg);
            transform: translate(-5px, 25px) rotate(2deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes godzilla-step-fin-404 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(10px, 10px) rotate(1deg);
            transform: translate(10px, 10px) rotate(1deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@keyframes godzilla-step-fin-404 {
  0% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate(10px, 10px) rotate(1deg);
            transform: translate(10px, 10px) rotate(1deg); }
  100% {
    -webkit-transform: translate(0, 0) rotate(0deg);
            transform: translate(0, 0) rotate(0deg); } }

@-webkit-keyframes trees-shake-404 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px); }
  20% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px); }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes trees-shake-404 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  10% {
    -webkit-transform: translate(0, -2px);
            transform: translate(0, -2px); }
  20% {
    -webkit-transform: translate(0, 2px);
            transform: translate(0, 2px); }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

.mobile .notfound__godzilla-in {
  background-image: url("../img/blocks/notfound/m_godzilla@2x.png"); }