* {
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
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, main, picture {
  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, main {
  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;
}
::-webkit-input-placeholder {
  color: var(--placeholder);
}
::-webkit-input-placeholder, ::-moz-input-placeholder, :-moz-input-placeholder, :-ms-input-placeholder, ::placeholder, :placeholder-shown {
  color: var(--placeholder);
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], textarea {
  resize: none;
  font-family: inherit;
  border-radius: 0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus {
  outline: none;
}
textarea {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
}
button, input[type="submit"], input[type="button"] {
  border: 0;
  cursor: pointer;
  font-family: inherit;
  background: rgba(255, 255, 255, 0);
}
input[type='number'] {
  -moz-appearance: textfield;
}
input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
}
fieldset {
  position: relative;
  font-family: inherit;
}
select {
  font-family: inherit;
}
@font-face {
  font-family: "site_font";
  src: url("/wp-content/themes/wisual/fonts/RFDewi-Regular.eot");
  src: url("/wp-content/themes/wisual/fonts/RFDewi-Regular.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/wisual/fonts/RFDewi-Regular.woff") format("woff"), url("/wp-content/themes/wisual/fonts/RFDewi-Regular.ttf") format("truetype"), url("/wp-content/themes/wisual/fonts/RFDewi-Regular.svg#site_font") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "site_font";
  src: url("/wp-content/themes/wisual/fonts/RFDewiExpanded-Black.eot");
  src: url("/wp-content/themes/wisual/fonts/RFDewiExpanded-Black.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/wisual/fonts/RFDewiExpanded-Black.woff") format("woff"), url("/wp-content/themes/wisual/fonts/RFDewiExpanded-Black.ttf") format("truetype"), url("/wp-content/themes/wisual/fonts/RFDewiExpanded-Black.svg#site_font") format("svg");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "site_font";
  src: url("/wp-content/themes/wisual/fonts/RFDewi-Light.eot");
  src: url("/wp-content/themes/wisual/fonts/RFDewi-Light.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/wisual/fonts/RFDewi-Light.woff") format("woff"), url("/wp-content/themes/wisual/fonts/RFDewi-Light.ttf") format("truetype"), url("/wp-content/themes/wisual/fonts/RFDewi-Light.svg#site_font") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
[style*="--aspect-ratio"] {
  padding: 0 !important;
}
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {
  height: auto;
}
@supports (--custom: property) {
  [style*="--aspect-ratio"] {
      position: relative;
 }
  [style*="--aspect-ratio"]::before {
      content: "";
      display: block;
      padding-bottom: calc(100% / (var(--aspect-ratio)));
 }
  [style*="--aspect-ratio"] > :first-child {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
 }
}
.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.columns--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.column {
}
.column--1 {
  width: 100%;
}
.column--2 {
  width: 50%;
}
.column--3 {
  width: 33.3333%;
}
.column--3x2 {
  width: 66.6666%;
}
.column--4 {
  width: 25%;
}
.column--4x3 {
  width: 75%;
}
.column--5 {
  width: 20%;
}
.column--5x2 {
  width: 40%;
}
.column--5x3 {
  width: 60%;
}
.column--5x4 {
  width: 80%;
}
.column--6 {
  width: 16.6666%;
}
.figure {
  display: block;
  position: relative;
  background: center no-repeat;
  background-image: url("/wp-content/themes/wisual/img/preloader-images.svg");
  background-size: calc(0.25*var(--padding));
}
.figure img {
  -webkit-transition: opacity ease .5s;
  -o-transition: opacity ease .5s;
  transition: opacity ease .5s;
}
.figure--complete {
  background-image: none;
}
.image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-clip-path: url(#blobClip);
  clip-path: url(#blobClip);
}
video {
  object-fit: cover;
}
.hidden {
  display: none;
}
:root {
  --size: 8px;
  --font-size-xs: 0.625vw;
  --font-size-0: 1vw;
  --font-size-1: 1.125vw;
  --font-size-2: 1.375vw;
  --font-size-3: 1.5vw;
  --font-size-4: 2.5vw;
  --font-size-5: 3.75vw;
  --background: rgb(30,40,90);
  --background-opacity-0: rgba(37,48,105,0);
  --background-opacity-10: rgba(37,48,105,.1);
  --background-opacity-15: rgba(37,48,105,.15);
  --background-opacity-20: rgba(37,48,105,.2);
  --background-opacity-25: rgba(37,48,105,.25);
  --background-opacity-50: rgba(37,48,105,.5);
  --background-opacity-75: rgba(37,48,105,.75);
  --color-font: #FCFCFC;
  --color-link: rgba(86,112,245,1);
  --color-link-opacity-0: rgba(86,112,245,0);
  --color-link-opacity-25: rgba(86,112,245,.25);
  --color-link-opacity-50: rgba(86,112,245,.5);
  --color-link-opacity-75: rgba(86,112,245,.75);
  --color-dark: rgb(37,48,105);
  --color-gray: rgb(234,234,234);
  --color-active-1: #3DDC97;
  --color-active-2: #8A84E2;
  --color-active-3: #FF495C;
  --padding: 6.25vw;
}
::-moz-selection {
  color: #d6372d;
  background: rgba(214, 55, 45, 0.1);
  -webkit-text-stroke: 0 rgba(255, 255, 255, 0);
}
::selection {
  color: #d6372d;
  background: rgba(214, 55, 45, 0.1);
  -webkit-text-stroke: 0 rgba(255, 255, 255, 0);
}
a {
  color: var(--color-font);
  text-decoration: none;
}
a:hover {
  color: var(--color-active-1);
}
a[href^="tel:"] {
  color: var(--color-link);
}
.text h1 span, .text .h1 span, .text h2 span, .text .h2 span, .text h3 span, .text .h3 span, .text h4 span, .text .h4 span, .text h5 span, .text .h5 span {
  color: rgba(255, 255, 255, 1);
  background-color: var(--background);
}
.text .h0 {
  margin: calc(0.75*var(--padding)) 0 0;
  font-size: var(--font-size-5);
  font-weight: 700;
  text-transform: uppercase;
}
.text .h0:first-child {
  margin-top: 0;
}
.text h1, .text .h1 {
  margin: var(--padding) 0 calc(0.25*var(--padding));
  font-size: var(--font-size-4);
  font-weight: 700;
  text-transform: uppercase;
}
.text h1:first-child, .text .h1:first-child {
  margin-top: 0;
}
.text h2, .text .h2 {
  margin: calc(0.5*var(--padding)) 0 calc(0.25*var(--padding));
  font-size: var(--font-size-3);
  font-weight: 700;
  text-transform: uppercase;
}
.text h2:first-child, .text .h2:first-child {
  line-height: 1.5;
  margin-top: 0;
}
.text h3, .text .h3 {
  margin: calc(0.25*var(--padding)) 0 0;
  font-size: var(--font-size-1);
  font-weight: 700;
  text-transform: uppercase;
}
.text h3:first-child, .text .h3:first-child {
  margin-top: 0;
}
.text h4, .text .h4 {
  margin: calc(0.375*var(--padding)) 0 0;
  font-size: var(--font-size-1);
  font-weight: 700;
  text-transform: uppercase;
}
.text h4:first-child, .text .h4:first-child {
  margin-top: 0;
}
.text p {
  margin: calc(0.125*var(--padding)) 0;
  font-size: var(--font-size-1);
}
.text.descript p {
  margin: calc(0.125*var(--padding)) 0;
  font-size: var(--font-size-0);
}
.text p:first-child {
  margin-top: 0;
}
.text p:last-child {
  margin-bottom: 0;
}
.text p.big {
  font-size: var(--font-size-3);
}
.text p.xs {
  font-size: var(--font-size-xs);
}
.text strong {
  font-weight: 700;
}
.text ul {
  margin: calc(0.125*var(--padding)) 0;
}
.text ul:first-child {
  margin-top: 0;
}
.text ul:last-child {
  margin-bottom: 0;
}
.text ol {
  margin: calc(0.125*var(--padding)) 0;
}
.text ol:first-child {
  margin-top: 0;
}
.text ol:last-child {
  margin-bottom: 0;
}
.text li {
  position: relative;
  display: block;
  margin: calc(0.05*var(--padding)) 0;
  padding: 0 0 0 calc(0.25*var(--padding));
  font-size: var(--font-size-1);
  list-style: none;
}
.text li:first-child {
  margin-top: 0;
}
.text li:last-child {
  margin-bottom: 0;
}
.text li::before {
  position: absolute;
  left: 0;
  top: calc(0.125*var(--padding));
  width: calc(0.03125*var(--padding));
  height: calc(0.03125*var(--padding));
  background: var(--color-active-1);
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: -webkit-transform ease-in-out .375s;
  transition: -webkit-transform ease-in-out .375s;
  -o-transition: transform ease-in-out .375s;
  transition: transform ease-in-out .375s;
  transition: transform ease-in-out .375s, -webkit-transform ease-in-out .375s;
  content: '';
}
.text li:hover::before {
  -webkit-transform: scaleX(10);
  -ms-transform: scaleX(10);
  transform: scaleX(10);
}
.text li p {
  font-size: var(--font-size-1);
}
.text img {
  display: block;
  margin: calc(0.25*var(--padding)) auto;
  max-width: 100%;
  max-height: 80vh;
  width: auto;
  height: auto;
  border-radius: calc(0.125*var(--padding));
}
.text hr {
  margin: calc(0.25*var(--padding)) 0;
  width: 100%;
  height: calc(0.03125*var(--padding));
  border: 0;
  background: var(--color-link);
}
.text hr:first-child {
  margin-top: 0;
}
.text hr:last-child {
  margin-bottom: 0;
}
.text a[target^="_blank1"]{
  position: relative;
}
.text a[target^="_blank1"]::after {
  display: inline-block;
  vertical-align: top;
  width: calc(0.375*var(--padding));
  height: calc(0.375*var(--padding));
  background: center no-repeat;
  background-image: url("/wp-content/themes/wisual/img/icon--ArrowTopRight.svg");
  background-size: 50%;
  border-radius: 50%;
  -webkit-transform: translate3d(0,-0.5rem,0) scale(1);
  -ms-transform: translate3d(0,-0.5rem,0) scale(1);
  transform: translate3d(0,-0.5rem,0) scale(1);
  -webkit-transition: -webkit-transform ease-in-out .25s;
  transition: -webkit-transform ease-in-out .25s;
  -o-transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s;
  content: '';
}
.text a[href^="https://vk.com"], .text a[href^="https://vkontakte.com"], .text a[href^="https://facebook.com"], .text a[href^="https://instagram.com"], .text a[href^="https://twitter.com"], .text a[href^="https://tiktok.com"], .text a[href^="https://t.me"], .text a[href^="https://api.whatsapp.com"], .text a[href^="https://api.whatsapp.com"], .text a[href^="viber://chat?number="], .text a[href^="mailto:"] {
  position: relative;
  margin: 0 0 calc(0.25*var(--padding));
  padding-left: calc(0.5*var(--padding));
  height: calc(0.375*var(--padding));
  line-height: calc(0.375*var(--padding));
  font-weight: 700;
}
.text a[href^="https://vk.com"]::before, .text a[href^="https://vkontakte.com"]::before, .text a[href^="https://facebook.com"]::before, .text a[href^="https://instagram.com"]::before, .text a[href^="https://twitter.com"]::before, .text a[href^="https://tiktok.com"]::before, .text a[href^="https://t.me"]::before, .text a[href^="https://api.whatsapp.com"]::before, .text a[href^="https://api.whatsapp.com"]::before, .text a[href^="viber://chat?number="]::before, .text a[href^="mailto:"]::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: calc(0.375*var(--padding));
  height: calc(0.375*var(--padding));
  background: var(--color-link) center no-repeat;
  background-size: 75%;
  border-radius: 75%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform ease-in-out .25s;
  transition: -webkit-transform ease-in-out .25s;
  -o-transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s;
}
.text a[href^="https://vk.com"]:hover::before, .text a[href^="https://vkontakte.com"]:hover::before, .text a[href^="https://facebook.com"]:hover::before, .text a[href^="https://instagram.com"]:hover::before, .text a[href^="https://twitter.com"]:hover::before, .text a[href^="https://tiktok.com"]:hover::before, .text a[href^="https://t.me"]:hover::before, .text a[href^="https://api.whatsapp.com"]:hover::before, .text a[href^="https://api.whatsapp.com"]:hover::before, .text a[href^="viber://chat?number="]:hover::before, .text a[href^="mailto:"]:hover::before {
  -webkit-transform: scale(1.125);
  -ms-transform: scale(1.125);
  transform: scale(1.125);
  background-color: var(--color-active-1);
}
.text a[href^="https://vk.com"]::before, .text a[href^="https://vkontakte.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--vk-white.svg");
}
.text a[href^="https://facebook.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--facebook-white.svg");
}
.text a[href^="https://instagram.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--instagram-white.svg");
}
.text a[href^="https://twitter.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--twitter-white.svg");
}
.text a[href^="https://tiktok.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--tiktok-white.svg");
}
.text a[href^="https://t.me"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--telegram-white.svg");
}
.text a[href^="https://api.whatsapp.com"]::before, .text a[href^="https://whatsapp.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--whatsapp-white.svg");
}
.text a[href^="https://t.me"]::after {
  content: 'Написать в Tелеграм';
}
.text a[href^="https://api.whatsapp.com"]::after, .text a[href^="https://whatsapp.com"]::after {
  content: 'Написать в Whatsapp';
}
.text a[href^="viber://chat?number="]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--viber-white.svg");
}
.text a[href^="mailto:"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--mail-white.svg");
}
.black {
  color: #141414;
}
.gold {
  color: #FFD700;
}
.gray {
  color: #DCDCDC;
}
.white {
  color: #FFFFFF;
}
.green {
  color: #228B22;
}
.red {
  color: #d6372d;
}
.blue {
  color: #253069;
}
.dark {
  color: #253069;
}
html, body {
  width: 100%;
  background: var(--background);
  outline-style: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: transparent;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
html {
  font-size: var(--size);
}
body {
  font-size: 0;
  font-family: 'site_font', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  line-height: 1.5;
  color: var(--color-font);
  overflow: hidden;
}
.loading .header, .loading .page, .loading .footer, .loading .burger, .loading .work {
  opacity: 0;
}
.loading .threeObject {
  opacity: 0;
  -webkit-transform: translate3d(100%, -50%, 0);
  transform: translate3d(100%, -50%, 0);
}
.loading .header {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.loading .burger {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.loading .page__bar {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.preloader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: center no-repeat;
}
.preloader__typo {
  position: relative;
  z-index: 3;
  width: calc(0.5*var(--padding));
  height: calc(0.5*var(--padding));
  background: center no-repeat;
  background-size: auto 75%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}
.preloader__typo--1 {
  background-image: url("/wp-content/themes/wisual/img/sign--1.svg");
  -webkit-animation: preloader1 1s ease-in-out infinite;
  animation: preloader1 1s ease-in-out infinite;
}
.preloader__typo--2 {
  width: calc(0.375*var(--padding));
  background-image: url("/wp-content/themes/wisual/img/sign--2.svg");
  -webkit-animation: preloader2 1s ease-in-out infinite;
  animation: preloader2 1s ease-in-out infinite;
}
.preloader__typo--3 {
  background-image: url("/wp-content/themes/wisual/img/sign--3.svg");
  -webkit-animation: preloader3 1s ease-in-out infinite;
  animation: preloader3 1s ease-in-out infinite;
}
.preloader__typo--4 {
  background-image: url("/wp-content/themes/wisual/img/sign--4.svg");
  -webkit-animation: preloader4 1s ease-in-out infinite;
  animation: preloader4 1s ease-in-out infinite;
}
.preloader__typo--5 {
  background-image: url("/wp-content/themes/wisual/img/sign--5.svg");
  -webkit-animation: preloader5 1s ease-in-out infinite;
  animation: preloader5 1s ease-in-out infinite;
}
.preloader__typo--6 {
  background-image: url("/wp-content/themes/wisual/img/sign--6.svg");
  -webkit-animation: preloader6 1s ease-in-out infinite;
  animation: preloader6 1s ease-in-out infinite;
}
.preloader--hidden {
  display: none;
}
@-webkit-keyframes preloader1 {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@keyframes preloader1 {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@-webkit-keyframes preloader2 {
  10% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@keyframes preloader2 {
  10% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@-webkit-keyframes preloader3 {
  20% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@keyframes preloader3 {
  20% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@-webkit-keyframes preloader4 {
  30% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@keyframes preloader4 {
  30% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@-webkit-keyframes preloader5 {
  40% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@keyframes preloader5 {
  40% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@-webkit-keyframes preloader6 {
  50% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
@keyframes preloader6 {
  50% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
  85% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-filter: blur(0px);
      filter: blur(0px);
 }
  100% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-filter: blur(8px);
      filter: blur(8px);
 }
}
.logo {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.logo::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: center no-repeat url("/wp-content/themes/wisual/img/logo.svg");
  background-size: 100% auto;
  content: '';
}
.header {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: space-between;
  padding: calc(0.25*var(--padding)) calc(0.5*var(--padding));
  width: 100%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
  transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
  -o-transition: transform ease-in-out .375s, opacity ease-in-out .375s;
  transition: transform ease-in-out .375s, opacity ease-in-out .375s;
  transition: transform ease-in-out .375s, opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
}
.header__logo {
  position: absolute;
  left: 50%;
  top: 0;
  width: 12.5vw;
  height: 3.25vw;
  transform: translate3d(-50%,calc(0.25*var(--padding)),0);
}
.header__logo::before {
  background-size: 82.5% auto !important;
}
.header__contacts {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.header__contacts ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(0.5*var(--padding));
}
.header__contacts li {
  margin-top: 0.5rem;
}
.header::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--background);
  -webkit-box-shadow: 0 0.5rem 2.5rem rgba(37, 48, 105, 0);
  box-shadow: 0 0.5rem 2.5rem rgba(37, 48, 105, 0);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-transition: -webkit-transform ease-in-out .5s, -webkit-box-shadow ease-in-out .375s;
  transition: -webkit-transform ease-in-out .5s, -webkit-box-shadow ease-in-out .375s;
  -o-transition: transform ease-in-out .5s, box-shadow ease-in-out .375s;
  transition: transform ease-in-out .5s, box-shadow ease-in-out .375s;
  transition: transform ease-in-out .5s, box-shadow ease-in-out .375s, -webkit-transform ease-in-out .5s, -webkit-box-shadow ease-in-out .375s;
  content: '';
}
.header--hidden {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.header--visible::before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-box-shadow: 0 0.5rem 2.5rem rgba(37, 48, 105, 0.05);
  box-shadow: 0 0.5rem 2.5rem rgba(37, 48, 105, 0.05);
}
.nav {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav__element {
  margin: 0 calc(0.125*var(--padding)) 0 0;
}
.nav__link {
  position: relative;
  display: block;
  padding: calc(0.03125*var(--padding)) calc(0.25*var(--padding)) calc(0.0625*var(--padding)) calc(0.375*var(--padding));
  font-size: var(--font-size-0);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.nav__link span {
  position: relative;
}
.nav__link span::after {
  position: absolute;
  left: 0;
  top: 100%;
  margin: calc(0.03125*var(--padding)) 0 0;
  width: 100%;
  height: calc(0.03125*var(--padding));
  background: var(--color-active-1);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
  content: '';
}
.nav__link::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: calc(0.25*var(--padding));
  height: calc(0.25*var(--padding));
  background: center left no-repeat;
  background-size: 100%;
  -webkit-transform: translate3d(0, -51.25%, 0);
  transform: translate3d(0, -51.25%, 0);
  content: '';
}
.nav__link[href^="https://t.me"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--telegram-white.svg");
}
.nav__link[href^="https://api.whatsapp.com"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--whatsapp-white.svg");
}
.nav__link[href^="mailto:"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--mail-white.svg");
}
.nav__link[href^="tel:"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--phone-white.svg");
}
.nav__link:hover span::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.nav--white .nav__link {
  color: white;
}
.nav--white .nav__link span::after {
  background-color: white;
}
.nav--white .nav__link[href^="https://t.me"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--telegram-white.svg");
}
.nav--white .nav__link[href^="mailto:"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--mail-white.svg");
}
.nav--white .nav__link[href^="tel:"]::before {
  background-image: url("/wp-content/themes/wisual/img/icon--phone-white.svg");
}
.page {
  position: relative;
  z-index: 2;
  width: 100vw;
  opacity: .5s;
  -webkit-transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
  transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
  -o-transition: transform ease-in-out .375s, opacity ease-in-out .375s;
  transition: transform ease-in-out .375s, opacity ease-in-out .375s;
  transition: transform ease-in-out .375s, opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
}
.page__slide {
  position: relative;
}
.page__bar {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: var(--padding);
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform ease-in-out 1s;
  transition: -webkit-transform ease-in-out 1s;
  -o-transition: transform ease-in-out 1s;
  transition: transform ease-in-out 1s;
  transition: transform ease-in-out 1s, -webkit-transform ease-in-out 1s;
}
.page__scrolldown {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: calc(2*var(--padding));
  width: calc(0.03125*var(--padding));
  height: calc(1*var(--padding));
}
.page__scrolldown::before, .page__scrolldown::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: var(--color-link);
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  content: '';
}
.page__scrolldown::before {
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  -webkit-animation: scrolldown 1s ease-in-out infinite;
  animation: scrolldown 1s ease-in-out infinite;
}
.page__scrolldown::after {
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: scrolltop 1s ease-in-out infinite;
  animation: scrolltop 1s ease-in-out infinite;
}
.page__scrolldown--red::after, .page__scrolldown--red::before {
  background: var(--color-active-1);
}
@-webkit-keyframes scrolldown {
  from {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  50% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
 }
  50.1% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  to {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
}
@keyframes scrolldown {
  from {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  50% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
 }
  50.1% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  to {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
}
@-webkit-keyframes scrolltop {
  from {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  50% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  50.1% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
 }
  to {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
}
@keyframes scrolltop {
  from {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  50% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
  50.1% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
 }
  to {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
 }
}
.info {
  position: relative;
  z-index: 2;
  padding: var(--padding) calc(2*var(--padding)) calc(0.25*var(--padding));
}
.main {
  position: relative;
  z-index: 2;
  padding: var(--padding) calc(2*var(--padding));
  max-height: 66.6666vw;
  height: 100vh;
  width: 100%;
  color: var(--color-gray)
}
.main__bg {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: calc(1*var(--padding));
  bottom: calc(.5*var(--padding));
  border-radius: calc(0.375*var(--padding));
  overflow: hidden;
}
.main__bg::before {
  position: absolute;
  z-index:3;
  left:0;
  top:0;
  width:100%;
  height:100%;
  content:'';
}
.main__bg::before {
  background: var(--background-opacity-75)
}
.main__figure {
  width: 100%;
  height: 100%;
}
.main__column {
  position: relative;
  z-index: 2;
  padding: var(--padding) 0 0;
}

.main__text { 
  mix-blend-mode: difference;
  mix-blend-mode: exclusion;
  mix-blend-mode: hue;
  mix-blend-mode: saturation;
  mix-blend-mode: color;
}
.main__text p {
  width: 75%;
}
.subline {
  padding: calc(var(--padding)*.75) calc(2*var(--padding));
}
.subline__column {
  position: relative;
}
.subline__column:first-child {
  padding: 0 var(--padding) 0 0;
}
.subline__figure {
  padding: 0 0 125%;
  border-radius: calc(0.125*var(--padding));
  overflow: hidden;
}
.subline__image {
}
.subline__text {
  position: relative;
  z-index: 2;
}
.subline__blob {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  padding: 0 0 111.1111%;
  width: 200%;
  -webkit-transform: translate3d(-62.5%,-50%,0);
  transform: translate3d(-62.5%, -50%, 0);
}
.subline__blob svg {
  position: absolute;
  fill: none;
}
.subline__blob-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.clients {
  padding: var(--padding) 0;
  overflow: hidden;
}
.clients__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.client {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 8.3333%;
}
.client__wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(0.125*var(--padding));
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: calc(0.125*var(--padding));
  overflow: hidden;
}
.client__figure {
  position: relative;
  padding: 0 0 100%;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  overflow: hidden;
}
.client__figure:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.client__image {
}
.advantages {
  position: relative;
  margin: var(--padding) 0 0;
  z-index: 2;
}
.advantages__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 calc(1.25*var(--padding)) var(--padding);
}
.advantage {
  position: relative;
  z-index: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0 calc(0.25*var(--padding)) calc(0.5*var(--padding));
  width: 33.3333%;
}
.advantage__text {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: -webkit-transform ease-in-out .25s;
  transition: -webkit-transform ease-in-out .25s;
  -o-transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s;
}
.advantage__wrapper {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(0.5*var(--padding)) calc(0.5*var(--padding)) calc(1.5*var(--padding));
  height: 100%;
  background: var(--color-dark);
  -webkit-transition: -webkit-box-shadow ease-in-out .5s;
  transition: -webkit-box-shadow ease-in-out .5s;
  -o-transition: box-shadow ease-in-out .5s;
  transition: box-shadow ease-in-out .5s;
  transition: box-shadow ease-in-out .5s, -webkit-box-shadow ease-in-out .5s;
  border-radius: calc(0.375*var(--padding));
}
.advantage__subline {
  font-weight: 700!important;
}
.advantage__control {
  position: absolute !important;
  z-index: 1;
  left: calc(0.5*var(--padding));
  bottom: calc(0.5*var(--padding));
  margin-bottom: 0!important;
}
.advantage:hover {
  z-index: 2;
}
.advantage--color
.advantage__wrapper {
  background-color: var(--color-active-1);
}
.advantage--color 
.advantage__control {
  border-color: var(--color-font);
}
.advantage--color 
.advantage__control:hover {
  background-color: var(--color-active-2);
  border-color: var(--color-active-2);
}
.advantage__figure {
  width: var(--padding);
  height: var(--padding);
  border-radius: 20rem;
  overflow: hidden;
}
.advantage__image {
  margin: 0!important;
  width: 100%!important;
  height: 100%!important;
}
.advantage--small {
  
}
.advantage--small
.advantage__wrapper {
  padding: calc(0.5*var(--padding)) calc(0.5*var(--padding))
}
.pack__figure {
  padding: 0 0 66.6666%;
  width: 100%;
  border-radius: calc(0.0625*var(--padding));
  overflow: hidden;
}
.pack__figure img {
  margin: 0;
  width: 100%;
  height: 100%;
}
.videos {
  overflow: hidden;
}
.videos__wrapper {
  display: flex;
  justify-content: center;
  padding: 0 calc(1.25*var(--padding)) calc(2*var(--padding));
}
.videos__slider {
  margin-top: calc(.75*var(--padding));
  width: 100%;
}
.videos__sliderWrapper {
  display: flex;
  flex-wrap: wrap;
}
.videos__element {
  flex-shrink: 0;
  position: relative;
  width: 33.3333%;
}
.videos__elementWrapper {
  padding: 0 calc(0.25*var(--padding)) calc(0.25*var(--padding));
  width: 100%;
  height: 100%;
}
.video__container {
  position: relative;
  padding: 0 0 56.25%;
  width: 100%;
  border-radius: calc(0.25*var(--padding));
  overflow: hidden;
}
.video__control {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  width: calc(0.75*var(--padding));
  height: calc(0.75*var(--padding));
  background: rgba(0,0,0,.5) url("/wp-content/themes/wisual/img/play-solid.svg") center no-repeat;
  background-size: 75%;
  transform: translate3d(-50%,-50%,0) scale(1);
  border-radius: 50%;
}
.video__control:hover {
  background-color: rgba(0,0,0,1);
  transform: translate3d(-50%,-50%,0) scale(1.1);
}
.video__control:active {
  transform: translate3d(-50%,-50%,0) scale(.9);
}
.video__cover {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.photo__container {
  position: relative;
  width: 100%;
  border-radius: calc(0.25*var(--padding));
  overflow: hidden;
}
.photo__cover {
  display: block;
  width: 100%;
  height: 100%;
}
.photo__image {
  width: 100%;
}
.cases {

}
.cases__wrapper {
  padding: calc(0.5*var(--padding)) calc(1.5*var(--padding)) calc(1.5*var(--padding))
}
.case {
  margin: calc(0.5*var(--padding)) 0;
  padding: calc(0.5*var(--padding));
  background: var(--color-dark);
  border-radius: calc(.375*var(--padding));
}
.case:last-child {
  margin-bottom: 0;
}
.case__info {
  margin: 0 0 calc(.5*var(--padding))
}
.case__gallery {
  margin: 0 calc(-.125*var(--padding));
  display: flex;
  flex-wrap: wrap;
}
.case__element {
  flex-shrink: 0;
  margin: 0 0 calc(.25*var(--padding));
  padding: 0 calc(.125*var(--padding));
  width: 25%;
}
.case__figure {
  padding: 0 0 66.6666%;
  width: 100%;
  background: rgba(255,255,255,1);
  border-radius: calc(.125*var(--padding));
  overflow: hidden;
}
.users {
  position: relative;
  z-index: 2;
}
.users__wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: calc(0.25*var(--padding)) calc(1.25*var(--padding));
}
.users--personal {
  padding-top: var(--padding);
}
.user {
  position: relative;
  z-index: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: calc(2.25*var(--padding));
  padding: 0 calc(0.25*var(--padding));
  width: 50%;
}
.user h3 {
  margin-bottom: calc(0.25*var(--padding)) !important;
  color: var(--background);
}
.user__wrapper {
  position: relative;
  padding: 0 0 100%;
  border-radius: calc(0.125*var(--padding));
 /* -webkit-box-shadow: 0 2rem 12rem rgba(37, 48, 105, 0);
  box-shadow: 0 2rem 12rem rgba(37, 48, 105, 0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  */
}
.user__figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: calc(0.125*var(--padding));
  background-color: var(--color-link);
  overflow: hidden;
}
.user__figure:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#253069), to(rgba(37, 48, 105, 0)));
  background-image: -o-linear-gradient(bottom, #253069, rgba(37, 48, 105, 0));
  background-image: linear-gradient(to top, #253069, rgba(37, 48, 105, 0));
  content: '';
}
.user__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(0.5*var(--padding));
  width: 100%;
  height: 131%;
  -webkit-transform: translateZ(5rem);
  transform: translateZ(5rem);
}
.user__main {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}
.user__info {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding: 0 0 calc(0.25*var(--padding));
  width: 100%;
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transition: opacity ease-in-out .25s, -webkit-transform ease-in-out .25s;
  transition: opacity ease-in-out .25s, -webkit-transform ease-in-out .25s;
  -o-transition: transform ease-in-out .25s, opacity ease-in-out .25s;
  transition: transform ease-in-out .25s, opacity ease-in-out .25s;
  transition: transform ease-in-out .25s, opacity ease-in-out .25s, -webkit-transform ease-in-out .25s;
  color: var(--background);
}
.user:hover {
  z-index: 2;
}
/* .user:hover .user__wrapper {
  -webkit-box-shadow: 0 5rem 25rem rgba(37, 48, 105, 0.75);
  box-shadow: 0 5rem 25rem rgba(37, 48, 105, 0.75);
}
*/
.user:hover .user__info {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.user--full {
  margin-bottom: 0;
  width: 100%;
}
.user--full .user__wrapper {
  padding-bottom: 56.25%;
}
.user--small {
  margin-bottom: calc(0.25*var(--padding));
  padding-bottom: calc(0.25*var(--padding));
  width: 33.3333%;
}
.user--small .user__wrapper {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 0;
  height: 100%;
}
.user--small .user__figure {
  position: relative;
  padding: 0 0 100%;
  height: auto;
}
.user--small .user__figure::after {
  display: none;
}
.user--small .user__content {
  position: relative;
  padding-top: calc(0.25*var(--padding));
  height: auto;
}
.user--small .user__main {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}
.user--small .user__info {
  margin: calc(0.25*var(--padding)) 0 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: var(--color-link);
}
.user--small h3 {
  margin-bottom: 0 !important;
  color: var(--color-link);
}
.user--small:hover .user__wrapper {
  -webkit-box-shadow: 0 1rem 4rem rgba(37, 48, 105, 0.25) !important;
  box-shadow: 0 1rem 4rem rgba(37, 48, 105, 0.25) !important;
  background: var(--color-gray);
}
.contacts__wrapper {
  padding: 0 calc(1.75*var(--padding)) var(--padding) 
}
.contacts .columns {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center 
}
.contacts .column {
  padding: calc(0.25*var(--padding)) calc(0.25*var(--padding)) 0;
}
.contacts__messengers {
  display: flex;
  flex-direction: column;
  margin: calc(.5*var(--padding)) 0 0!important 
}
.contacts__messengers a::after {
  display: none!important;
}
.background {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .05;
}
.work {
  opacity: 0;
  -webkit-transition: opacity ease-in-out .375s;
  -o-transition: opacity ease-in-out .375s;
  transition: opacity ease-in-out .375s;
}
.work__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(1.5*var(--padding)) calc(2*var(--padding));
  min-height: 100vh;
}
.work__header .text {
  position: relative;
  z-index: 5;
  padding: var(--padding) 0 0;
  max-width: 80%;
  -webkit-transform: translate3d(0, calc(0.25*var(--padding)), 0);
  transform: translate3d(0, calc(0.25*var(--padding)), 0);
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
}
.work__header .text h2 {
  -webkit-animation: 7s Infinite linear floating;
  animation: 7s Infinite linear floating;
}
.work__header .text p {
  max-width: 50%;
  -webkit-animation: 4.5s Infinite linear floating;
  animation: 4.5s Infinite linear floating;
}
.work__footer {
  text-align: center;
}
.work__blob {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: var(--padding);
  padding: 0 0 50%;
  width: 50%;
  opacity: 0;
  -webkit-transform: translate3d(0, -50%, 0) scale(0.75);
  transform: translate3d(0, -50%, 0) scale(0.75);
  -webkit-transition: opacity ease-in-out .5s, -webkit-transform ease-in-out .5s;
  transition: opacity ease-in-out .5s, -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  transition: transform ease-in-out .5s, opacity ease-in-out .5s;
  transition: transform ease-in-out .5s, opacity ease-in-out .5s, -webkit-transform ease-in-out .5s;
}
.work__blob svg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.work__background {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.work__background-overlayer {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#253069), to(rgba(37, 48, 105, 0)));
  background-image: -o-linear-gradient(bottom, #253069, rgba(37, 48, 105, 0));
  background-image: linear-gradient(to top, #253069, rgba(37, 48, 105, 0));
  content: '';
}
.work__background img, .work__background video {
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.work__background img {
  z-index: 1;
}
.work__background video {
  z-index: 2;
}
.work__logo {
  position: relative;
  width: 100%;
  height: var(--padding);
}
.work__logo img {
  position: absolute;
  left: 0;
  top: 0;
  margin: calc(0.25*var(--padding)) 0;
  width: 100%;
  height: auto;
  -webkit-animation: 8s Infinite linear floating;
  animation: 8s Infinite linear floating;
}
.work__content {
  position: relative;
  z-index: 4;
  padding: var(--padding) calc(2*var(--padding));
}
.work__content .columns {
  justify-content: space-between;
}
.work__content .column {
  width: 47.5%;
}
.work__grid {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: var(--padding) calc(-1.75*var(--padding)) 0;
}
.work__sizer {
  width: 33.3333%;
}
.work__figure {
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(0.125*var(--padding)) calc(0.25*var(--padding));
  width: 33.3333%;
}
.work__figure img {
  margin: 0;
  max-height: 100% !important;
  width: 100%;
  height: auto;
  border-radius: calc(0.125*var(--padding));
}
.work__figure-video {
  position: relative;
  padding: 0 0 56.25%;
  width: 100%;
  background: var(--color-dark);
  border-radius: calc(0.125*var(--padding));
  overflow: hidden;
}
.work__figure-video video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: opacity .5s ease-in-out;
}
.work__figure-video video.loaded {
  opacity: 1;
}
.work__figure:hover {
  z-index: 2;
}
.work__videos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: calc(0.5*var(--padding)) 0;
}
.work__video {
  width: 100%;
  background: var(--color-dark) url('/wp-content/themes/wisual/img/preloader-images.svg') center no-repeat;
  background-size: 3rem;
  border-radius: calc(0.125*var(--padding));
  overflow: hidden;
}
.work__video video {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
.work__video video.loaded {
  opacity: 1;
}
.work--visible {
  opacity: 1;
}
.work--visible .work__header .text {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.work--visible .work__logo {
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.work--visible .work__blob {
  opacity: 1;
  -webkit-transform: translate3d(0, -50%, 0) scale(1);
  transform: translate3d(0, -50%, 0) scale(1);
}
.work__video.half {
  width: 47.5%;
  margin: calc(0.25*var(--padding)) 0;
}
.footer {
  position: relative;
  z-index: 3;
}
.footer__wrapper {
  padding: var(--padding) 0 calc(0.25*var(--padding));
  text-align: center;
}
.footer__copy {
  margin: 0 0 calc(0.125*var(--padding));
  font-size: 0.75vw;
  font-weight: 700;
  text-transform: uppercase;
}
.footer__cofounder {
  font-size: 0.75vw;
  text-transform: uppercase;
}
.pop {
  position: fixed;
  z-index: 9998;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  color: var(--background);
}
.pop h2 span, .pop h3 span, .pop h4 span, .pop h5 span {
  -webkit-text-stroke: calc(0.015625*var(--padding)) var(--background);
}
.pop--hidden {
  display: none;
}
.pop-preloader {
  position: fixed;
  z-index: 9999;
  left: 50%;
  top: 50%;
  width: var(--padding);
  height: var(--padding);
  background: var(--color-link) url("/wp-content/themes/wisual/img/preloader-images.svg") center no-repeat;
  background-size: calc(0.25*var(--padding));
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translate3d(-50%, -40%, 0) scale(0);
  transform: translate3d(-50%, -40%, 0) scale(0);
  -webkit-transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .5s;
  transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s, opacity ease-in-out .375s;
  transition: transform ease-in-out .5s, opacity ease-in-out .375s;
  transition: transform ease-in-out .5s, opacity ease-in-out .375s, -webkit-transform ease-in-out .5s;
}
.pop-preloader--visible {
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.pop-preloader--hidden {
  display: none;
}
.pop-close {
  position: fixed;
  z-index: 10000;
  right: 0;
  top: calc(0.25*var(--padding));
  padding: 0 calc(0.875*var(--padding)) 0 0;
  height: calc(0.5*var(--padding));
  font-size: var(--font-size-0);
  font-weight: 700;
  color: var(--background);
}
.pop-close::before, .pop-close::after {
  position: absolute;
  right: calc(0.5*var(--padding));
  top: 50%;
  width: calc(0.03125*var(--padding));
  height: calc(0.25*var(--padding));
  background: var(--background);
  -webkit-transform: translate3d(0, -50%, 0) scale(1, 1) rotate(225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1, 1) rotate(225deg) !important;
  -webkit-transition: -webkit-transform ease-in-out .25s;
  transition: -webkit-transform ease-in-out .25s;
  -o-transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s;
  content: '';
}
.pop-close::before {
  -webkit-transform: translate3d(0, -50%, 0) scale(1, 1) rotate(-225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1, 1) rotate(-225deg) !important;
}
.pop-close:hover {
  color: var(--color-active-1);
}
.pop-close:hover::after {
  background: var(--color-active-1);
  -webkit-transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(225deg) !important;
}
.pop-close:hover::before {
  background: var(--color-active-1);
  -webkit-transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(-225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(-225deg) !important;
}
.pop-close--hidden {
  display: none;
}
.pagination {
  width: 100%;
}
.pagination__bull {
  position: relative;
  display: block;
  width: 100%;
  height: calc(0.5*var(--padding));
}
.pagination__bull span {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 2rem;
  padding: calc(0.03125*var(--padding)) calc(0.075*var(--padding));
  border-radius: 20rem;
  background: var(--color-font);
  color: var(--background);
  font-size: var(--font-size-xs);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate3d(calc(0.075*var(--padding)), -50%, 0);
  transform: translate3d(calc(0.075*var(--padding)), -50%, 0);
  -webkit-transition: opacity ease-in-out .25s, -webkit-transform ease-in-out .5s;
  transition: opacity ease-in-out .25s, -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s, opacity ease-in-out .25s;
  transition: transform ease-in-out .5s, opacity ease-in-out .25s;
  transition: transform ease-in-out .5s, opacity ease-in-out .25s, -webkit-transform ease-in-out .5s;
}
.pagination__bull::after {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -0.25rem 0 0 -0.25rem;
  width: 0.5rem;
  height: 0.5rem;
  background: rgba(37, 48, 105, 0.1);
  border-radius: 50%;
  content: '';
}
.pagination__bull::before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.25rem 0 0 -1.25rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2.5rem;
  height: 2.5rem;
  border: 0.125rem solid var(--color-link);
  border-radius: 10rem;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
  content: '';
}
.pagination__bull--current::after {
  background: var(--color-link);
}
.pagination__bull--current::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.pagination__bull:hover span {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.pagination__bull:hover::after {
  background: var(--color-link);
}
.pagination--horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pagination--horizontal .pagination__bull {
  width: calc(0.5*var(--padding));
}
.bg {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.bg-blob {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  padding: 0 0 56.25%;
  width: 100%;
  background: center no-repeat;
}
.bg-blob--1 {
  background-image: url("/wp-content/themes/wisual/img/blob--1.svg");
  background-size: 66.6666% auto;
  background-position: right 5% top;
}
.bg-blob--2 {
  background-image: url("/wp-content/themes/wisual/img/blob--2.svg");
  background-size: 40% auto;
  background-position: left -5% top;
}
.bg-blob--3 {
  background-image: url("/wp-content/themes/wisual/img/blob--3.svg");
}
.bg-blob--4 {
  background-image: url("/wp-content/themes/wisual/img/blob--4.svg");
}
.bg-blob--5 {
  background-image: url("/wp-content/themes/wisual/img/blob--5.svg");
}
.blob-image {
  opacity: 0;
}
.blob-image--hover {
  z-index: 2 !important;
  opacity: 1;
}
.blob-image--selected {
  z-index: 1;
  opacity: 1;
}
.canvas-bg {
  width: 100%;
  height: 100%;
}
.canvas-bg canvas {
  width: 100%;
  height: 100%;
}
.overlayer {
  position: fixed;
  z-index: 91;
  right: calc(-0.5*var(--padding));
  top: calc(-0.5*var(--padding));
  width: var(--padding);
  height: var(--padding);
  background: var(--color-dark);
  border-radius: 50%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
}
.overlayer--hidden {
  display: none;
}
.overlayer--visible {
  -webkit-transform: scale(50);
  -ms-transform: scale(50);
  transform: scale(50);
}
.noclick {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.noclick--visible {
  display: block;
}
.noscroll {
  overflow: hidden;
}
.burger {
  position: fixed;
  z-index: 100;
  right: 0;
  top: calc(0.25*var(--padding));
  margin: 1px 0 0;
  padding: 0 calc(0.875*var(--padding)) 0 0;
  height: calc(0.5*var(--padding));
  font-size: var(--font-size-0);
  font-weight: 700;
  color: var(--color-font);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
  transition: opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
  -o-transition: transform ease-in-out .375s, opacity ease-in-out .375s;
  transition: transform ease-in-out .375s, opacity ease-in-out .375s;
  transition: transform ease-in-out .375s, opacity ease-in-out .375s, -webkit-transform ease-in-out .375s;
}
.burger::before, .burger::after {
  position: absolute;
  right: calc(0.5*var(--padding));
  top: 50%;
  width: calc(0.03125*var(--padding));
  height: calc(0.25*var(--padding));
  background: var(--color-font);
  -webkit-transform: translate3d(0, -50%, 0) scale(1, 1) rotate(10deg);
  transform: translate3d(0, -50%, 0) scale(1, 1) rotate(10deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform ease .25s;
  transition: -webkit-transform ease .25s;
  -o-transition: transform ease .25s;
  transition: transform ease .25s;
  transition: transform ease .25s, -webkit-transform ease .25s;
  content: '';
}
.burger::before {
  -webkit-transform: translate3d(calc(-0.125*var(--padding)), -50%, 0) scale(1, 1) rotate(10deg);
  transform: translate3d(calc(-0.125*var(--padding)), -50%, 0) scale(1, 1) rotate(10deg);
}
.burger:hover {
  color: var(--color-active-1);
}
.burger:hover::before {
  background: var(--color-active-1);
  -webkit-transform: translate3d(calc(-0.0625*var(--padding)), -50%, 0) scale(1, 1) rotate(10deg);
  transform: translate3d(calc(-0.0625*var(--padding)), -50%, 0) scale(1, 1) rotate(10deg);
}
.burger:hover::after {
  background: var(--color-active-1);
  -webkit-transform: translate3d(0, -50%, 0) scale(1, 1) rotate(10deg);
  transform: translate3d(0, -50%, 0) scale(1, 1) rotate(10deg);
}
.burger--close {
}
.burger--close::before {
  -webkit-transform: translate3d(0, -50%, 0) scale(1, 1) rotate(225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1, 1) rotate(225deg) !important;
}
.burger--close::after {
  -webkit-transform: translate3d(0, -50%, 0) scale(1, 1) rotate(-225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1, 1) rotate(-225deg) !important;
}
.burger--close:hover::before {
  -webkit-transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(225deg) !important;
}
.burger--close:hover::after {
  -webkit-transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(-225deg) !important;
  transform: translate3d(0, -50%, 0) scale(1.5, 1.5) rotate(-225deg) !important;
}
.burger--close span {
  visibility: hidden;
}
.mobile {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  margin: 0 auto;
  padding: 0 var(--padding);
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow-y: scroll;
  text-align: center;
  white-space: nowrap;
}
.mobile:before, .mobile::after {
  display: inline-block;
  vertical-align: middle;
  width: 1%;
  height: 100%;
  content: '';
}
.mobile__wrapper {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: calc(0.25*var(--padding)) 0 calc(0.25*var(--padding)) 50%;
  width: 90%;
  text-align: left;
  white-space: wrap;
}
.mobile--hidden {
  display: none;
}
.mobile--visible .mobile-nav__link span {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.mobile-nav__element {
  overflow: hidden;
}
.mobile-nav__element:hover .mobile-nav__link {
  color: var(--color-font);
}
.mobile-nav__link {
  display: inline-block;
  padding: calc(0.125*var(--padding)) 0;
  font-size: var(--font-size-5);
  font-weight: 700;
  color: var(--color-font);
  overflow: hidden;
}
.mobile-nav__link span {
  display: block;
  position: relative;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
}
.mobile-nav__link span::after {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: calc(0.0625*var(--padding));
  background: var(--color-font);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
  content: '';
}
.mobile-nav__link:hover, .mobile-nav__link--current {
  color: var(--background);
}
.mobile-nav__link:hover span::after, .mobile-nav__link--current span::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mobile-nav__link.current {
  color: var(--background);
}
.mobile ul ul {
  display: none;
  padding: .375rem 0;
  transform: translateY(100%);
  transition: transform ease-in-out .5s 
}
.mobile .opened ul {
  display: block;
}
.mobile ul ul li {
}
.mobile ul ul a {
  position: relative;
  display: inline-block;
  padding: .5rem 0 .25rem;
  color: var(--color-link);
  font-size: var(--font-size-0);
  font-weight: 700;
  color: var(--background) 
}
.mobile ul ul a::after {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 3px;
  background: var(--background);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform ease-in-out .5s;
  content: '';
}
.mobile ul ul a:hover {
  color: var(--background);
}
.mobile ul ul a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mobile ul ul a.current {
  color: var(--background);
}
.mobile ul ul a.current::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.mobile--visible ul ul {
  transform: translateY(0);
}
.button {
  position: relative;
  display: inline-block;
  margin: calc(0.5*var(--padding)) 0;
  padding: .75rem calc(0.25*var(--padding)) 1rem calc(0.5*var(--padding));
  background: rgba(255,255,255,0);
  border: 2px solid var(--color-active-1);
  border-radius: 10rem;
  font-size: var(--font-size-0);
  font-weight: 700;
  line-height: calc(0.375*var(--padding));
  color: var(--color-font);
  cursor: pointer;
  opacity: 1;
}
.button::after {
  position: absolute;
  left: 0;
  top: 50%;
  width: calc(0.375*var(--padding));
  height: calc(0.375*var(--padding));
  background: center no-repeat;
  background-size: 50%;
  border-radius: 50%;
  -webkit-transform: translate3d(0,-50%,0) scale(1);
  -ms-transform: translate3d(0,-50%,0) scale(1);
  transform: translate3d(0,-50%,0) scale(1);
  -webkit-transition: -webkit-transform ease-in-out .25s;
  transition: -webkit-transform ease-in-out .25s;
  -o-transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s;
  content: '';
}
.button--pop::after {
  margin: 0 0 0 .625rem;
  background-image: url("/wp-content/themes/wisual/img/icon--ArrowTopRight.svg");
}
.button--white {
}
.button--color {
  margin-bottom: 0;
  padding-left: calc(.25*var(--padding));
  background: var(--color-active-1)!important
}
.button:first-child {
  margin-top: 0;
}
.button:last-child {
  margin-bottom: 0;
}
.button:hover {
  background: var(--color-active-1);
  border-color: var(--color-active-1);
  color: var(--color-font);
}
.button:hover::after {
  -webkit-transform: translate3d(0,-50%,0) scale(1.125);
  -ms-transform: translate3d(0,-50%,0) scale(1.125);
  transform: translate3d(0,-50%,0) scale(1.125);
}
.button--main {
}
.button--main::after {
  margin: 0 0 0 .625rem;
  background-image: url("/wp-content/themes/wisual/img/icon--mail-white.svg");
  background-size: 75%;
}
.button--main:hover {
}
.button--color:hover {
  background: var(--color-active-2)!important
}
.cursor {
  position: absolute;
  z-index: 9999999;
  width: 25rem;
  height: 25rem;
  top: -12.5rem;
  left: -12.5rem;
  display: block;
  pointer-events: none;
  -webkit-transform: rotate(-90deg) scale(1);
  -ms-transform: rotate(-90deg) scale(1);
  transform: rotate(-90deg) scale(1);
}
.cursor svg {
  width: 100%;
  position: absolute;
  -webkit-transform: rotate(-90deg) scale(0.15);
  -ms-transform: rotate(-90deg) scale(0.15);
  transform: rotate(-90deg) scale(0.15);
  -webkit-transition: 600ms all cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 600ms all cubic-bezier(0.23, 1, 0.32, 1);
  transition: 600ms all cubic-bezier(0.23, 1, 0.32, 1);
}
.cursor svg path {
  -webkit-transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 350ms cubic-bezier(0.77, 0, 0.175, 1);
  width: 2rem;
  height: 2rem;
  fill: var(--color-active-1);
  -webkit-transition: 600ms all cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 600ms all cubic-bezier(0.23, 1, 0.32, 1);
  transition: 600ms all cubic-bezier(0.23, 1, 0.32, 1);
}
.cursor--hover {
  opacity: .5;
}
.cursor--hover svg {
  -webkit-transform: rotate(-90deg) scale(1);
  -ms-transform: rotate(-90deg) scale(1);
  transform: rotate(-90deg) scale(1);
  opacity: .5;
}
.cursor--prev, .cursor--next {
  opacity: 1;
}
.cursor--prev::after, .cursor--next::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/themes/wisual/img/icon--ArrowNext.svg") center no-repeat;
  background-size: 20%;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
  content: '';
}
.cursor--prev::after {
  -webkit-transform: scale(1) rotate(180deg);
  -ms-transform: scale(1) rotate(180deg);
  transform: scale(1) rotate(180deg);
}
.cursor--next::after {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
.column__svg {
  position: relative;
  padding: 0 0 100%;
}
.column__svg svg, .column__svg img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit:contain 
}
.scene {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.see-also {
  padding: 0 calc(2*var(--padding));
}
.see-also h2 {
  margin: 0 0 2rem;
  font-size: var(--font-size-3);
  font-weight: 700;
  color: var(--background);
}
.see-also ul {
  display: flex;
  flex-direction: column;
}
.see-also li {
  padding: 1.5rem 0;
  width: 100%;
}
.see-also a {
  position: relative;
  font-size: var(--font-size-2);
  font-weight: 700;
  color: var(--background);
}
.see-also a::after {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 3px;
  background: var(--background);
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform ease-in-out .5s;
  transition: -webkit-transform ease-in-out .5s;
  -o-transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s;
  transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s;
  content: '';
}
.see-also a:hover {
  color: var(--background);
}
.see-also a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.form {
  padding: calc(.5*var(--padding));
  background: var(--color-dark);
  border-radius: calc(.375*var(--padding));
}
.form h3 {
  margin-top: 0!important
}
.label {
  position: relative;
  display: block;
  margin: 0 0 calc(.125*var(--padding))
}
.label strong {
  margin: 0 0 calc(.0625*var(--padding));
  color: var(--color-font);
}
.label span {
  position: relative;
  z-index: 1;
  display: block;
}
.label input {
  padding: 0 calc(.125*var(--padding));
  width: 100%;
  height: 5rem;
  border: 0;
  border-radius: calc(.0625*var(--padding));
  line-height: 5rem;
}
.success p {
  font-size: var(--font-size-xs)!important;
  opacity: .5;
}
.wpcf7-response-output {
  padding: calc(.25*var(--padding));
  font-size: var(--font-size-0);
  background: var(--color-active-3);
  border: 0!important;
  border-radius: calc(.0625*var(--padding));
}
.wpcf7 form.sent .wpcf7-response-output {
  background-color: var(--color-active-2)!important;
}
.wpcf7-not-valid-tip {
  font-size: var(--font-size-xs)!important
}
.wpcf7-form-control {
  margin-top: calc(.125*var(--padding))!important;
  margin-bottom: 0!important
}
.wpcf7-spinner {
  vertical-align: middle;
}
@media screen and (min-width: 1600px) {
  :root {
      --font-size-xs: 0.5vw;
      --font-size-0: 0.75vw;
      --font-size-1: 1vw;
      --font-size-2: 1.25vw;
      --font-size-3: 1.5vw;
      --font-size-4: 2.5vw;
      --font-size-5: 3.5vw;
 }
}
@media screen and (max-width: 1366px) {
  :root {
      --font-size-xs: 1.125vw;
      --font-size-0: 1.25vw;
      --font-size-1: 1.375vw;
      --font-size-2: 1.5vw;
      --font-size-3: 3vw;
      --font-size-4: 4vw;
      --font-size-5: 5vw;
 }
  .cursor {
      display: none;
 }
  .pagination__bull {
      height: 5rem;
 }
  .work__header .text {
      max-width: 100%;
 }
  .overlayer--visible {
      -webkit-transform: scale(75);
      -ms-transform: scale(75);
      transform: scale(75);
 }
  .vbox-next {
      right: 2rem !important;
 }
  .vbox-prev {
      left: 2rem !important;
 }
  .canvas-bg {
      display: none;
 }
  .bg {
      background: url('/wp-content/themes/wisual/img/bg-ios.png') center no-repeat;
      background-position-y: 0;
      background-size: auto 125% 
 }
}
@media screen and (max-width: 1024px) {
  .page__scrolldown {
      left: var(--padding);
 }
 .main {
  padding: var(--padding)
 }
 .main__text {
  padding: 0
 }
 .videos__wrapper {
  padding-top: var(--padding)
 }
  .info {
      padding: var(--padding) var(--padding) calc(0.25*var(--padding));
 }
  .advantages__wrapper {
      padding: 0 calc(0.25*var(--padding)) calc(2*var(--padding));
 }
  .users__wrapper {
      padding: calc(0.25*var(--padding)) calc(0.25*var(--padding)) calc(1.25*var(--padding));
 }
  .contacts__wrapper {
      padding: 0 var(--padding) var(--padding);
 }
  .contacts .column {
      padding: 0;
 }
  .cases__wrapper {
      padding: 0 calc(0.25*var(--padding)) calc(2*var(--padding));
 }
  .work__header {
      padding: 0 var(--padding);
 }
  .work__content {
      padding: var(--padding);
 }
  .work__grid {
      margin: var(--padding) calc(-0.25*var(--padding));
 }
}
@media screen and (max-width: 767px) {
  :root {
      --font-size-xs: 2vw;
      --font-size-0: 2.5vw;
      --font-size-1: 3vw;
      --font-size-2: 3.5vw;
      --font-size-3: 4vw;
      --font-size-4: 5vw;
      --font-size-5: 6vw;
 }
  .preloader__typo {
      width: calc(2*var(--padding));
      height: calc(2*var(--padding));
 }
  .text ul {
      margin: calc(0.5*var(--padding)) 0;
 }
  .text ul:first-child {
      margin-top: 0;
 }
  .text ul:last-child {
      margin-bottom: 0;
 }
  .text li {
      padding: 0 0 0 calc(0.5*var(--padding));
 }
  .text li::before {
      top: calc(0.275*var(--padding));
      width: calc(0.125*var(--padding));
      height: calc(0.125*var(--padding));
 }
  .text li:first-child {
      margin-top: 0;
 }
  .text li:last-child {
      margin-bottom: 0;
 }
  .text p {
      margin: calc(0.5*var(--padding)) 0;
 }
  .text p:first-child {
      margin-top: 0;
 }
  .text p:last-child {
      margin-bottom: 0;
 }
  .column {
      width: 100% !important;
 }
 .button {
  padding: 1.75rem var(--padding) 2rem calc(1.25*var(--padding));
  line-height: calc(0.375*var(--padding));
 }
 .button::after {
  width: var(--padding);
  height: var(--padding)
 }
  .header {
      padding: var(--padding) calc(0.5*var(--padding));
 }
  .header__logo {
      position: relative;
      left: 0;
      margin: 0;
      width: 100%;
      height: 5vw;
      transform: none;
 }
  .header__logo::before {
      background-size: auto 92.5% !important;
 }
  .header__contacts {
      display: none !important;
 }
  .footer__wrapper {
      padding: 0 calc(1.5*var(--padding)) var(--padding);
 }
  .footer__copy, .footer__cofounder {
      font-size: var(--font-size-xs);
 }
 .page{
  padding: calc(3*var(--padding)) 0 0;
 }
 .main {
  max-height: 100vh;
  height: auto;
  align-items: flex-end;
 }
 .main__bg {
  top: 0;
  bottom: 0;
 }
  .main__text {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      padding-bottom: 0;
 }
 .subline {
  padding: var(--padding)
 }
 .subline__column {
  padding: 0!important
 }
 .subline__blob {
  position: relative;
  left: 0;
  top: 0;
  padding: 0 0 55.5555%;
  width: 100%;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
 }
  .page__scrolldown {
      display: none;
      width: calc(0.125*var(--padding));
      height: calc(2*var(--padding));
 }
  .clients {
    padding-bottom: calc();
 }
  .client {
      width: 20%;
 }
  .advantages {
      overflow-x: scroll;
      overflow-y: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none;
 }
  .advantages::-webkit-scrollbar {
      display: none;
 }
  .advantages__wrapper {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding: 0;
 }
  .advantage {
      padding: calc(0.5*var(--padding));
      width: 85%;
 }
  .advantage__rating {
      margin: 1rem 0 0;
 }
  .advantage__wrapper {
      padding: var(--padding) var(--padding) calc(3.5*var(--padding));
      border-radius: calc(0.5*var(--padding));
 }
  .advantage__text {
      -webkit-transform: translateZ(0) !important;
      transform: translateZ(0) !important;
 }
  .advantage__control {
      left: var(--padding);
      bottom: var(--padding);
 }
  .advantage strong {
      font-size: var(--font-size-2) 
 }
 .videos__wrapper {
  padding-left: calc(.75*var(--padding));
  padding-right: calc(.75*var(--padding));
  padding-bottom: calc(.5*var(--padding))
 }
 .video__container {
  border-radius: calc(0.5*var(--padding));
 }
 .videos__element {
  width: 50%;
 }
 .video__control {
  width: calc(2*var(--padding));
  height: calc(2*var(--padding));
 }
  .contacts__wrapper {
    padding: 0 calc(.5*var(--padding)) calc(2*var(--padding));
 }
  .contacts .column:first-child {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0;
      padding: 0 calc(.5*var(--padding)) var(--padding);
 }
  .contacts .column:last-child {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
 }
  .cases__wrapper {
      padding: 0 calc(.5*var(--padding)) calc(2*var(--padding));
 }
  .case {
      padding: calc(0.5*var(--padding));
      width: 100%;
 }
  .case__wrapper {
      -webkit-box-shadow: 0 1rem 4rem rgba(37, 48, 105, 0.25) !important;
      box-shadow: 0 1rem 4rem rgba(37, 48, 105, 0.25) !important;
      border-radius: calc(0.5*var(--padding));
 }
  .case__info-wrapper {
      padding: calc(0.5*var(--padding)) var(--padding) var(--padding);
 }
  .case__figure {
      border-radius: calc(0.5*var(--padding));
 }
  .case .button {
      margin-top: calc(0.5*var(--padding));
 }
 .case__element {
  width: 50%;
 }
  .burger {
      top: calc(1.125*var(--padding));
      right: calc(0.25*var(--padding));
      padding: 0 calc(1.25*var(--padding)) 0 0;
 }
  .burger::after, .burger::before {
      width: calc(0.125*var(--padding));
      height: calc(0.75*var(--padding));
 }
  .burger::before {
      -webkit-transform: translate3d(calc(-0.275*var(--padding)), -50%, 0) scale(1, 1) rotate(10deg);
      transform: translate3d(calc(-0.275*var(--padding)), -50%, 0) scale(1, 1) rotate(10deg);
 }
  .vbox-close {
      top: calc(0.625*var(--padding)) !important;
      right: calc(0.25*var(--padding)) !important;
 }
  .vbox-close::after, .vbox-close::before {
      width: calc(0.125*var(--padding)) !important;
      height: calc(0.75*var(--padding)) !important;
 }
  .mobile__wrapper {
      padding: 75vw 0 calc(3*var(--padding));
 }
  .mobile--visible .mobile__blob {
      -webkit-transform: translate3d(0, 0, 0) !important;
      transform: translate3d(0, 0, 0) !important;
 }
 .blobs, .background {
  display: none;
 }
 .text a[href^="https://vk.com"], .text a[href^="https://vkontakte.com"], .text a[href^="https://facebook.com"], .text a[href^="https://instagram.com"], .text a[href^="https://twitter.com"], .text a[href^="https://tiktok.com"], .text a[href^="https://t.me"], .text a[href^="https://api.whatsapp.com"], .text a[href^="https://api.whatsapp.com"], .text a[href^="viber://chat?number="], .text a[href^="mailto:"] {
  padding-left: calc(1.25*var(--padding));
  height: var(--padding);
  line-height: var(--padding);
 }
 .text a[href^="https://vk.com"]::before, .text a[href^="https://vkontakte.com"]::before, .text a[href^="https://facebook.com"]::before, .text a[href^="https://instagram.com"]::before, .text a[href^="https://twitter.com"]::before, .text a[href^="https://tiktok.com"]::before, .text a[href^="https://t.me"]::before, .text a[href^="https://api.whatsapp.com"]::before, .text a[href^="https://api.whatsapp.com"]::before, .text a[href^="viber://chat?number="]::before, .text a[href^="mailto:"]::before {
  width: var(--padding);
  height: var(--padding);
 }
}

#wpadminbar {
  display: none!important;
}



.blobs {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.blob:nth-child(1) {
  animation: move1 20s infinite linear;
}
@keyframes move1 {
  from {
    transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
 }
  to {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
 }
}
.blob:nth-child(2) {
  animation: move2 20s infinite linear;
}
@keyframes move2 {
  from {
    transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
 }
  to {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
 }
}
.blob:nth-child(3) {
  animation: move3 20s infinite linear;
}
@keyframes move3 {
  from {
    transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
 }
  to {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
 }
}
.blob:nth-child(4) {
  animation: move4 20s infinite linear;
}
@keyframes move4 {
  from {
    transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
 }
  to {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
 }
}
.blob:nth-child(5) {
  animation: move5 20s infinite linear;
}
@keyframes move5 {
  from {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
 }
  to {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
 }
}
.blob:nth-child(6) {
  animation: move6 20s infinite linear;
}
@keyframes move6 {
  from {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
 }
  to {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
 }
}
.blob:nth-child(7) {
  animation: move7 20s infinite linear;
}
@keyframes move7 {
  from {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
 }
  to {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
 }
}
.blob:nth-child(8) {
  animation: move8 20s infinite linear;
}
@keyframes move8 {
  from {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
 }
  to {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
 }
}
.blob:nth-child(9) {
  animation: move9 20s infinite linear;
}
@keyframes move9 {
  from {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
 }
  to {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
 }
}
.blob:nth-child(10) {
  animation: move10 20s infinite linear;
}
@keyframes move10 {
  from {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
 }
  to {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
 }
}
.blob:nth-child(11) {
  animation: move11 20s infinite linear;
}
@keyframes move11 {
  from {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
 }
  to {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
 }
}
.blob:nth-child(12) {
  animation: move12 20s infinite linear;
}
@keyframes move12 {
  from {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
 }
  to {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
 }
}
.blob:nth-child(13) {
  animation: move13 20s infinite linear;
}
@keyframes move13 {
  from {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
 }
  to {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
 }
}
.blob:nth-child(14) {
  animation: move14 20s infinite linear;
}
@keyframes move14 {
  from {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
 }
  to {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
 }
}
.blob:nth-child(15) {
  animation: move15 20s infinite linear;
}
@keyframes move15 {
  from {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
 }
  to {
    transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
 }
}
.blob:nth-child(16) {
  animation: move16 20s infinite linear;
}
@keyframes move16 {
  from {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
 }
  to {
    transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
 }
}
.blob:nth-child(17) {
  animation: move17 20s infinite linear;
}
@keyframes move17 {
  from {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
 }
  to {
    transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
 }
}
.blob:nth-child(18) {
  animation: move18 20s infinite linear;
}
@keyframes move18 {
  from {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
 }
  to {
    transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
 }
}