@font-face {
  font-family: Proxima Nova;
  src: url(../font/ProximaNova-Regular-330929dbc86904b32f8514e060fe078efaec9cefaff648612eeaed5914139682.eot);
  src: local("Proxima Nova Regular"), local("ProximaNova-Regular"), url(../font/ProximaNova-Regular-330929dbc86904b32f8514e060fe078efaec9cefaff648612eeaed5914139682.eot) format("embedded-opentype"), url(../font/ProximaNova-Regular-81c6d1a13227777d009f275f5ecb80bd6c780d2843b9b18fe2809ff9822a2066.woff) format("woff"), url(../font/ProximaNova-Regular-c28997e16f0bf987fb031b9f7bf5d5fbadb58fdfee8ad36eb67cc0a6aaca3b2c.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Proxima Nova;
  src: url(../font/ProximaNova-Semibold-2076ef5db01b757f773f2642371fb9989ee2a588029fbf83ef28c95aed6f8178.eot);
  src: local("Proxima Nova Semibold"), local("ProximaNova-Semibold"), url(../font/ProximaNova-Semibold-2076ef5db01b757f773f2642371fb9989ee2a588029fbf83ef28c95aed6f8178.eot) format("embedded-opentype"), url(../font/ProximaNova-Semibold-e3c22516771aea640173ca7a1a69e7cdb8039cfdc40d1885734be99ac5efa195.woff) format("woff"), url(../font/ProximaNova-Semibold-723091ba5a1b8e65164075516d69c00c71225c6dde61ffc32dd4047803ab42b5.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Proxima Nova;
  src: url(../font/ProximaNova-Bold-995408f4a1a0fb7deb0087a67d5c2562d29f7f2f4117bc556e6a3f0d701fe5e6.eot);
  src: local("Proxima Nova Bold"), local("ProximaNova-Bold"), url(../font/ProximaNova-Bold-995408f4a1a0fb7deb0087a67d5c2562d29f7f2f4117bc556e6a3f0d701fe5e6.eot) format("embedded-opentype"), url(../font/ProximaNova-Bold-99a24fdd4e16d8dd4fdd79a5dd2dd7b71c2c68473fd6b3cb4eca4fa3f33d9ac1.woff) format("woff"), url(../font/ProximaNova-Bold-ef64623e4017d5570c1112d6304828bf657deb3f96169c6024ae969dba48f701.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Proxima Nova;
  src: url(../font/ProximaNova-Light-7c2393bf4d71182d468f24d653a33d72150b9d8aeb16ff8d0edf82be981dde3e.eot);
  src: local("Proxima Nova Light"), local("ProximaNova-Light"), url(../font/ProximaNova-Light-7c2393bf4d71182d468f24d653a33d72150b9d8aeb16ff8d0edf82be981dde3e.eot) format("embedded-opentype"), url(../font/ProximaNova-Light-72ffdef6d473e2320b48a2c07d53756ea7171cc5a52b8d6045d38dbd6e25e345.woff) format("woff"), url(../font/ProximaNova-Light-db856c32aac6c241a27ec6d9eab7f491063688603e618029a9dcee73d4318137.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}

body,
html {
  font-size: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0
}

* {
  font-family: Proxima Nova, Arial
}

h1 {
  font-size: 2.5rem
}

h2 {
  font-size: 2rem
}

h3 {
  font-size: 1.375rem
}

h4 {
  font-size: 1.125rem
}

h5 {
  font-size: 1rem
}

h6 {
  font-size: .875rem
}

p {
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.8
}

.font-light {
  font-weight: 300
}

.font-regular {
  font-weight: 400
}

.font-heavy {
  font-weight: 700
}

.left {
  text-align: left
}

.right {
  text-align: right
}

.center {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}

.justify {
  text-align: justify
}

.hidden-sm {
  display: none
}

.container {
  width: 90%;
  margin-right: auto;
  margin-left: auto
}

@media only screen and (min-width:33.75em) {
  .container {
    width: 80%
  }
}

@media only screen and (min-width:60em) {
  .container {
    width: 75%;
    max-width: 78rem
  }
}

.row {
  position: relative;
  width: 100%
}

.row [class^=col] {
  float: left;
  min-height: .125rem;
  margin: .5rem 2%
}

.row:after {
  display: table;
  clear: both;
  content: ""
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  width: 96%
}

.col-1-sm {
  width: 4.33333%
}

.col-2-sm {
  width: 12.66667%
}

.col-3-sm {
  width: 21%
}

.col-4-sm {
  width: 29.33333%
}

.col-5-sm {
  width: 37.66667%
}

.col-6-sm {
  width: 46%
}

.col-7-sm {
  width: 54.33333%
}

.col-8-sm {
  width: 62.66667%
}

.col-9-sm {
  width: 71%
}

.col-10-sm {
  width: 79.33333%
}

.col-11-sm {
  width: 87.66667%
}

.col-12-sm {
  width: 96%
}

@media only screen and (min-width:45em) {
  .col-1 {
    width: 4.33333%
  }

  .col-2 {
    width: 12.66667%
  }

  .col-3 {
    width: 21%
  }

  .col-4 {
    width: 29.33333%
  }

  .col-5 {
    width: 37.66667%
  }

  .col-6 {
    width: 46%
  }

  .col-7 {
    width: 54.33333%
  }

  .col-8 {
    width: 62.66667%
  }

  .col-9 {
    width: 71%
  }

  .col-10 {
    width: 79.33333%
  }

  .col-11 {
    width: 87.66667%
  }

  .col-12 {
    width: 96%
  }

  .hidden-sm {
    display: block
  }
}

.viewport-section [class*=ae-] {
  visibility: hidden;
  transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -webkit-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -moz-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -ms-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -o-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  opacity: 0
}

.viewport-section [class*=ae-].from-fade {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.viewport-section [class*=ae-].from-bottom {
  -webkit-transform: translate3d(0, 100px, 0);
  -moz-transform: translate3d(0, 100px, 0);
  -ms-transform: translate3d(0, 100px, 0);
  -o-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0)
}

.viewport-section [class*=ae-].from-right {
  -webkit-transform: translate3d(100px, 0, 0);
  -moz-transform: translate3d(100px, 0, 0);
  -ms-transform: translate3d(100px, 0, 0);
  -o-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0)
}

.viewport-section [class*=ae-].from-left {
  -webkit-transform: translate3d(-100px, 0, 0);
  -moz-transform: translate3d(-100px, 0, 0);
  -ms-transform: translate3d(-100px, 0, 0);
  -o-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0)
}

.viewport-section [class*=ae-] {
  -webkit-transform: translate3d(0, -100px, 0);
  -moz-transform: translate3d(0, -100px, 0);
  -ms-transform: translate3d(0, -100px, 0);
  -o-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0)
}

.viewport-section.in-viewport [class*=ae-] {
  visibility: visible;
  transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -webkit-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -moz-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -ms-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -o-transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  -moz-transform: translateZ(0) !important;
  -ms-transform: translateZ(0) !important;
  -o-transform: translateZ(0) !important;
  opacity: 1 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.viewport-section [class*=ae-] {
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s
}

.viewport-section .ae-1 {
  transition-delay: .46s;
  -webkit-transition-delay: .46s;
  -moz-transition-delay: .46s;
  -ms-transition-delay: .46s;
  -o-transition-delay: .46s
}

.viewport-section .ae-2 {
  transition-delay: .61s;
  -moz-transition-delay: .61s;
  -ms-transition-delay: .61s;
  -o-transition-delay: .61s;
  -webkit-transition-delay: .61s
}

.viewport-section .ae-3 {
  transition-delay: .76s;
  -webkit-transition-delay: .76s;
  -moz-transition-delay: .76s;
  -ms-transition-delay: .76s;
  -o-transition-delay: .76s
}

.viewport-section .ae-4 {
  transition-delay: .91s;
  -webkit-transition-delay: .91s;
  -moz-transition-delay: .91s;
  -ms-transition-delay: .91s;
  -o-transition-delay: .91s
}

.viewport-section .ae-5 {
  transition-delay: 1.06s;
  -webkit-transition-delay: 1.06s;
  -moz-transition-delay: 1.06s;
  -ms-transition-delay: 1.06s;
  -o-transition-delay: 1.06s
}

.viewport-section .ae-6 {
  transition-delay: 1.21s;
  -webkit-transition-delay: 1.21s;
  -moz-transition-delay: 1.21s;
  -ms-transition-delay: 1.21s;
  -o-transition-delay: 1.21s
}

.viewport-section .ae-7 {
  transition-delay: 1.36s;
  -webkit-transition-delay: 1.36s;
  -moz-transition-delay: 1.36s;
  -o-transition-delay: 1.36s;
  -ms-transition-delay: 1.36s
}

.viewport-section .ae-8 {
  transition-delay: 1.51s;
  -webkit-transition-delay: 1.51s;
  -moz-transition-delay: 1.51s;
  -o-transition-delay: 1.51s;
  -ms-transition-delay: 1.51s
}

.viewport-section .ae-9 {
  transition-delay: 1.66s;
  -webkit-transition-delay: 1.66s;
  -moz-transition-delay: 1.66s;
  -o-transition-delay: 1.66s;
  -ms-transition-delay: 1.66s
}

.viewport-section .ae-10 {
  transition-delay: 1.81s;
  -webkit-transition-delay: 1.81s;
  -moz-transition-delay: 1.81s;
  -o-transition-delay: 1.81s;
  -ms-transition-delay: 1.81s
}

.modal {
  position: fixed;
  position: fixed !important;
  z-index: 50;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  opacity: 0
}

.modal.is-open {
  display: flex;
  opacity: 1;
  justify-content: center;
  align-items: center
}

.modal__overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background: #495b6d
}

.modal__content {
  z-index: 100;
  width: 100vw;
  max-width: 480px;
  padding: 30px 60px;
  background: #fff;
  max-height: 90vh;
  overflow: scroll
}

.modal__header {
  position: relative
}

.modal__title {
  font-size: 18px
}

.modal__close {
  position: absolute;
  top: -30px;
  right: -30px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  outline: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M505.943 6.058c-8.077-8.077-21.172-8.077-29.249 0L6.058 476.693c-8.077 8.077-8.077 21.172 0 29.249A20.612 20.612 0 0 0 20.683 512a20.614 20.614 0 0 0 14.625-6.059L505.943 35.306c8.076-8.076 8.076-21.171 0-29.248z'/%3E%3Cpath d='M505.942 476.694L35.306 6.059c-8.076-8.077-21.172-8.077-29.248 0-8.077 8.076-8.077 21.171 0 29.248l470.636 470.636a20.616 20.616 0 0 0 14.625 6.058 20.615 20.615 0 0 0 14.624-6.057c8.075-8.078 8.075-21.173-.001-29.25z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.modal .form-margin {
  margin: 0 40px 6px
}

.modal .custom-select {
  position: relative;
  cursor: pointer
}

.modal .custom-select select {
  display: none
}

.modal .select-selected {
  font-size: 18px;
  line-height: 44px;
  width: 100%;
  height: 44px;
  color: #999;
  background: #fafafa
}

.modal .select-label {
  position: absolute;
  top: 0;
  left: -14px;
  padding: 7px 0;
  transition: transform .3s ease, left .3s ease;
  transform: scale(.6) translateY(-15px)
}

.modal .select-value {
  padding: 17px 0;
  color: #000
}

.modal .select-selected.init .select-label,
.modal .select-selected.select-arrow-active .select-label {
  left: 8px;
  transform: scale(1) translateY(0)
}

.modal .select-selected.init .select-value,
.modal .select-selected.select-arrow-active .select-value {
  display: none
}

.modal .select-selected:after {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  content: "";
  transition: transform .3s ease;
  border: 6px solid transparent;
  border-top-color: #575757
}

.modal .select-selected.select-arrow-active:after {
  transform: rotate(-180deg)
}

.modal .select-items div,
.modal .select-selected {
  padding-left: 8px;
  cursor: pointer
}

.modal .select-items {
  font-size: 18px;
  line-height: 44px;
  position: absolute;
  z-index: 99;
  top: 100%;
  right: 0;
  left: -1px;
  height: 44px;
  color: #999;
  background: #fafafa
}

.modal .select-items>div {
  width: calc(100% - 15px);
  padding: 7px;
  color: #4b4b4b;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  background: #fafafa
}

.modal .select-hide {
  display: none
}

.modal .same-as-selected,
.modal .select-items div:hover {
  background-color: #e8e8e8 !important
}

.modal .form-input-view {
  font-size: 14px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  color: #262626;
  border: 1px solid #efefef;
  border-radius: 3px;
  background: #fafafa;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-appearance: none
}

.modal .form-input-view,
.modal .form-input__inp {
  background: #fafafa
}

.modal .form-input-view {
  margin-bottom: 10px
}

.modal .form-input-wrapper {
  position: relative;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  height: 44px;
  margin: 0;
  padding: 0;
  -webkit-box-flex: 1
}

.modal .form-input__label {
  font-size: 18px;
  line-height: 44px;
  position: absolute;
  right: 0;
  left: 8px;
  overflow: hidden;
  height: 44px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: -webkit-transform .1s ease-out;
  transition: transform .1s ease-out;
  transition: transform .1s ease-out, -webkit-transform .1s ease-out;
  -webkit-transform-origin: left;
  transform-origin: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
  color: #999
}

.modal .form-input__inp {
  font-size: 20px;
  overflow: hidden;
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  width: 100%;
  height: 28px;
  margin: 0;
  padding: 9px 0 7px 8px;
  text-overflow: ellipsis;
  border: 0;
  outline: 0;
  -webkit-box-flex: 1;
  -webkit-appearance: none
}

.modal ._3jk0j {
  border: 1px solid #b2b2b2
}

.modal .form-input-wtf {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  height: 100%;
  padding-right: 8px;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal
}

.modal .form-btn-wrapper {
  position: relative;
  display: block;
  margin: 8px 40px
}

.modal .form-input__label_focus {
  top: -5px;
  transform: scale(.6) translateY(-15px)
}

.modal .btn_submit {
  width: 100%;
  margin-top: 15px
}

.g-recaptcha>div {
  margin: 0 auto
}

@media (max-width:720px) {
  .modal__content {
    padding: 30px 20px
  }

  .modal__close {
    right: 0
  }
}

* {
  font-family: Proxima Nova, Helvetica, sans-serif !important;
  line-height: 1.5
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

::-moz-selection {
  color: #fff;
  background: #2daffd
}

::selection {
  color: #fff;
  background: #2daffd
}

body {
  margin: 0 !important
}

a {
  color: #007bff;
  background-color: transparent
}

a,
a:hover {
  text-decoration: none
}

a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):focus,
a:not([href]):not([tabindex]):hover {
  text-decoration: none;
  color: inherit
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

ul li {
  position: relative;
  list-style-type: none;
  font-size: 18px;
  font-weight: 200
}

h2 {
  font-size: 3rem;
  line-height: 1.2;
  margin-top: 70px;
  margin-bottom: 0;
  text-align: center
}

.in-viewport .btn {
  opacity: 1
}

.btn {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  display: inline-block;
  padding: .375rem .75rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color .5s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .35s ease, opacity .3s ease;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  opacity: 0;
  color: #fff !important;
  border: 1px solid transparent;
  border-radius: 5px;
  background-color: rgba(45, 175, 253, .8)
}

.btn:hover {
  -webkit-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 50px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .25)
}

.btn:active,
.btn:hover {
  background-color: rgba(45, 175, 253, .9)
}

.btn:active {
  -webkit-box-shadow: 0 0 50px 5px rgba(0, 0, 0, .55);
  -moz-box-shadow: 0 0 50px 5px rgba(0, 0, 0, .55);
  box-shadow: 0 0 50px 5px rgba(0, 0, 0, .55)
}

.btn:focus {
  outline: 0
}

.header {
  position: fixed;
  z-index: 40;
  top: 0;
  width: 100%;
  height: 4rem;
  padding: 2rem 0;
  user-select: none;
  transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  transition-duration: .2s;
  transition-property: transform;
  background-color: transparent
}

.header-row {
  display: flex;
  white-space: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between
}

.header .sticky-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  transition-timing-function: linear;
  transition-duration: .3s;
  transform: translate3d(0, -8rem, 0);
  background-color: #0a0a0a;
  -webkit-box-shadow: 6px 14px 25px -14px rgba(0, 0, 0, .75);
  -moz-box-shadow: 6px 14px 25px -14px rgba(0, 0, 0, .75);
  box-shadow: 6px 14px 25px -14px rgba(0, 0, 0, .75)
}

.header.black .logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='_3' data-name='3' viewBox='0 0 255 68.24'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%232a3239}.cls-4{fill:%2300aeff}%3C/style%3E%3C/defs%3E%3Cg id='logo'%3E%3Cpath fill='%230070c1' d='M213.56 208.27l-11.27 11.3a11.63 11.63 0 0 0 0-16.43l-21.53-21.57 3.07-3.08a11.58 11.58 0 0 1 16.4 0l13.33 13.35a11.63 11.63 0 0 1 0 16.43z' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M170.62 215.36l21.5 21.5-3.07 3.07a11.57 11.57 0 0 1-16.38 0l-13.31-13.31a11.59 11.59 0 0 1 0-16.38L170.62 199a11.59 11.59 0 0 0 0 16.36z' class='cls-2' transform='translate(-155.97 -175.08)'/%3E%3Cpath fill='%23515960' d='M170.62 221.5a11.59 11.59 0 0 0 0 16.38l-11.26-11.26a11.59 11.59 0 0 1 0-16.38l13.31-13.31a11.59 11.59 0 0 1 16.38 0l3.07 3.07z' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M213.56 208.27l-13.33 13.36a11.59 11.59 0 0 1-16.4 0l-3.07-3.08L202.29 197a11.64 11.64 0 0 0 0-16.44l11.27 11.3a11.63 11.63 0 0 1 0 16.41z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M239.67 231.24c-2.9 0-7-1.19-8.66-3.93a1.34 1.34 0 0 1-.18-1.34 1.91 1.91 0 0 1 1.07-1.17l1.53-.85a2.62 2.62 0 0 1 1.17-.34 1.94 1.94 0 0 1 1.53 1 3.64 3.64 0 0 0 3.65 1.64c2.56-.15 3.6-1.17 3.6-3.89v-2.46a18.15 18.15 0 0 1-4.38.58c-5.85 0-8.94-3-8.94-8.65v-4.15c0-5.9 3.35-9 9.67-9a19.49 19.49 0 0 1 7.57 1.32c1.45.68 1.79 1 1.79 2.25v19.47c0 6.28-3.26 9.52-9.42 9.52zm.4-27.62c-3 0-4.29 1.17-4.29 3.89v4.2c0 2.32 1.32 3.49 3.93 3.49a15.77 15.77 0 0 0 3.69-.47v-10.67a13.05 13.05 0 0 0-3.33-.44zm23.17 18.27c-6.34 0-9.83-3.26-9.83-9.18v-4.79c0-6 3.52-9.26 9.91-9.26 6.08 0 9.86 3.62 9.86 9.11v1.83c0 1.74-.58 2.24-2.53 2.24H259.1v1.22a3.84 3.84 0 0 0 4.14 4 5.74 5.74 0 0 0 4.8-2.14s.36-.93 2.07 0c0 0 1 .49 1.91 1a1.18 1.18 0 0 1 .4 1.85c-1.67 2.73-4.76 4.12-9.18 4.12zm4.25-14v-.4c0-2.43-1.4-3.87-4.17-3.87-1.93 0-4.22.85-4.22 3.87v.4z' class='cls-2' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M360 221.89c-6.34 0-9.83-3.26-9.83-9.18v-4.79c0-6 3.52-9.26 9.91-9.26 6.08 0 9.86 3.62 9.86 9.11v1.83c0 1.74-.57 2.24-2.53 2.24h-11.59v1.22a3.84 3.84 0 0 0 4.14 4 5.72 5.72 0 0 0 4.8-2.14s.37-.93 2.07 0c0 0 1 .49 1.91 1a1.18 1.18 0 0 1 .4 1.85c-1.67 2.73-4.76 4.12-9.14 4.12zm4.25-14v-.4c0-2.43-1.4-3.87-4.17-3.87-1.93 0-4.22.85-4.22 3.87v.4z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M288.88 221.22c-6.53 0-8.95-2.56-8.95-9.44v-7.3h-2.52c-1.2 0-1.5-.31-1.5-1.54v-2.17c0-1.2.3-1.5 1.5-1.5h2.52v-3.8c0-1.2.31-1.5 1.54-1.5h2.61c1.23 0 1.54.3 1.54 1.5v3.8h4.13c1.23 0 1.33.3 1.33 1.5v2.17c0 1.21-.11 1.54-1.33 1.54h-4.13v7.14c0 3.29 1.17 4.18 3.67 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.56 1.57z' class='cls-2' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M344.52 221.22c-6.52 0-8.95-2.56-8.95-9.44v-7.3h-2.52c-1.2 0-1.49-.31-1.49-1.54v-2.17c0-1.2.29-1.5 1.49-1.5h2.52v-3.8c0-1.2.31-1.5 1.54-1.5h2.62c1.23 0 1.53.3 1.53 1.5v3.8h4.14c1.23 0 1.32.3 1.32 1.5v2.17c0 1.21-.11 1.54-1.32 1.54h-4.14v7.14c0 3.29 1.18 4.18 3.67 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.55 1.57zm64.24 0c-6.52 0-8.94-2.56-8.94-9.44v-7.3h-2.53c-1.2 0-1.49-.31-1.49-1.54v-2.17c0-1.2.29-1.5 1.49-1.5h2.53v-3.8c0-1.2.3-1.5 1.53-1.5H404c1.23 0 1.54.3 1.54 1.5v3.8h4.13c1.23 0 1.32.3 1.32 1.5v2.17c0 1.21-.11 1.54-1.32 1.54h-4.13v7.14c0 3.29 1.17 4.18 3.66 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.55 1.57zm-110.11.06c-1.2 0-1.5-.1-1.5-1.33v-19.4c0-1.2.3-1.28 1.5-1.28h2.66c1.22 0 1.53.08 1.53 1.28V220c0 1.22-.32 1.33-1.53 1.33zm25.26 0c-1.2 0-1.5-.1-1.5-1.33v-12.73c0-2.41-1.21-3.49-3.93-3.49a14.44 14.44 0 0 0-3.69.49V220c0 1.23-.3 1.33-1.49 1.33h-2.66c-1.21 0-1.54-.11-1.54-1.33v-17.37c0-1.53.44-2 1.89-2.55a21.77 21.77 0 0 1 8.18-1.42c5.84 0 8.93 3 8.93 8.65V220c0 1.22-.32 1.33-1.53 1.33zm64.95 0c-1.2 0-1.5-.1-1.5-1.33v-12.73c0-2.41-1.21-3.49-3.93-3.49a14.44 14.44 0 0 0-3.69.49V220c0 1.23-.29 1.33-1.49 1.33h-2.66c-1.21 0-1.54-.11-1.54-1.33v-17.37c0-1.53.44-2 1.89-2.55a21.8 21.8 0 0 1 8.18-1.42c5.85 0 8.94 3 8.94 8.65V220c0 1.22-.33 1.33-1.54 1.33z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Ccircle cx='144.03' cy='19.19' r='2.99' class='cls-4'/%3E%3C/g%3E%3C/svg%3E")
}

.header.black .nav-item {
  color: #000 !important
}

.header.black .language-item {
  color: #000
}

.header.black .language-item:after {
  color: #000 !important
}

.header.black .bar1,
.header.black .bar2,
.header.black .bar3 {
  background-color: #000
}

.header.change,
.header.sticky {
  transform: translate3d(0, -1.5rem, 0)
}

.header.change .sticky-line,
.header.sticky .sticky-line {
  transform: translate3d(0, 1.5rem, 0)
}

.header.change .logo,
.header.sticky .logo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='_3' data-name='3' viewBox='0 0 255 68.24'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:%232a3239}.cls-4{fill:%2300aeff}%3C/style%3E%3C/defs%3E%3Cg id='logo'%3E%3Cpath fill='%230070c1' d='M213.56 208.27l-11.27 11.3a11.63 11.63 0 0 0 0-16.43l-21.53-21.57 3.07-3.08a11.58 11.58 0 0 1 16.4 0l13.33 13.35a11.63 11.63 0 0 1 0 16.43z' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M170.62 215.36l21.5 21.5-3.07 3.07a11.57 11.57 0 0 1-16.38 0l-13.31-13.31a11.59 11.59 0 0 1 0-16.38L170.62 199a11.59 11.59 0 0 0 0 16.36z' class='cls-2' transform='translate(-155.97 -175.08)'/%3E%3Cpath fill='%23515960' d='M170.62 221.5a11.59 11.59 0 0 0 0 16.38l-11.26-11.26a11.59 11.59 0 0 1 0-16.38l13.31-13.31a11.59 11.59 0 0 1 16.38 0l3.07 3.07z' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M213.56 208.27l-13.33 13.36a11.59 11.59 0 0 1-16.4 0l-3.07-3.08L202.29 197a11.64 11.64 0 0 0 0-16.44l11.27 11.3a11.63 11.63 0 0 1 0 16.41z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M239.67 231.24c-2.9 0-7-1.19-8.66-3.93a1.34 1.34 0 0 1-.18-1.34 1.91 1.91 0 0 1 1.07-1.17l1.53-.85a2.62 2.62 0 0 1 1.17-.34 1.94 1.94 0 0 1 1.53 1 3.64 3.64 0 0 0 3.65 1.64c2.56-.15 3.6-1.17 3.6-3.89v-2.46a18.15 18.15 0 0 1-4.38.58c-5.85 0-8.94-3-8.94-8.65v-4.15c0-5.9 3.35-9 9.67-9a19.49 19.49 0 0 1 7.57 1.32c1.45.68 1.79 1 1.79 2.25v19.47c0 6.28-3.26 9.52-9.42 9.52zm.4-27.62c-3 0-4.29 1.17-4.29 3.89v4.2c0 2.32 1.32 3.49 3.93 3.49a15.77 15.77 0 0 0 3.69-.47v-10.67a13.05 13.05 0 0 0-3.33-.44zm23.17 18.27c-6.34 0-9.83-3.26-9.83-9.18v-4.79c0-6 3.52-9.26 9.91-9.26 6.08 0 9.86 3.62 9.86 9.11v1.83c0 1.74-.58 2.24-2.53 2.24H259.1v1.22a3.84 3.84 0 0 0 4.14 4 5.74 5.74 0 0 0 4.8-2.14s.36-.93 2.07 0c0 0 1 .49 1.91 1a1.18 1.18 0 0 1 .4 1.85c-1.67 2.73-4.76 4.12-9.18 4.12zm4.25-14v-.4c0-2.43-1.4-3.87-4.17-3.87-1.93 0-4.22.85-4.22 3.87v.4z' class='cls-2' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M360 221.89c-6.34 0-9.83-3.26-9.83-9.18v-4.79c0-6 3.52-9.26 9.91-9.26 6.08 0 9.86 3.62 9.86 9.11v1.83c0 1.74-.57 2.24-2.53 2.24h-11.59v1.22a3.84 3.84 0 0 0 4.14 4 5.72 5.72 0 0 0 4.8-2.14s.37-.93 2.07 0c0 0 1 .49 1.91 1a1.18 1.18 0 0 1 .4 1.85c-1.67 2.73-4.76 4.12-9.14 4.12zm4.25-14v-.4c0-2.43-1.4-3.87-4.17-3.87-1.93 0-4.22.85-4.22 3.87v.4z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M288.88 221.22c-6.53 0-8.95-2.56-8.95-9.44v-7.3h-2.52c-1.2 0-1.5-.31-1.5-1.54v-2.17c0-1.2.3-1.5 1.5-1.5h2.52v-3.8c0-1.2.31-1.5 1.54-1.5h2.61c1.23 0 1.54.3 1.54 1.5v3.8h4.13c1.23 0 1.33.3 1.33 1.5v2.17c0 1.21-.11 1.54-1.33 1.54h-4.13v7.14c0 3.29 1.17 4.18 3.67 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.56 1.57z' class='cls-2' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M344.52 221.22c-6.52 0-8.95-2.56-8.95-9.44v-7.3h-2.52c-1.2 0-1.49-.31-1.49-1.54v-2.17c0-1.2.29-1.5 1.49-1.5h2.52v-3.8c0-1.2.31-1.5 1.54-1.5h2.62c1.23 0 1.53.3 1.53 1.5v3.8h4.14c1.23 0 1.32.3 1.32 1.5v2.17c0 1.21-.11 1.54-1.32 1.54h-4.14v7.14c0 3.29 1.18 4.18 3.67 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.55 1.57zm64.24 0c-6.52 0-8.94-2.56-8.94-9.44v-7.3h-2.53c-1.2 0-1.49-.31-1.49-1.54v-2.17c0-1.2.29-1.5 1.49-1.5h2.53v-3.8c0-1.2.3-1.5 1.53-1.5H404c1.23 0 1.54.3 1.54 1.5v3.8h4.13c1.23 0 1.32.3 1.32 1.5v2.17c0 1.21-.11 1.54-1.32 1.54h-4.13v7.14c0 3.29 1.17 4.18 3.66 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.55 1.57zm-110.11.06c-1.2 0-1.5-.1-1.5-1.33v-19.4c0-1.2.3-1.28 1.5-1.28h2.66c1.22 0 1.53.08 1.53 1.28V220c0 1.22-.32 1.33-1.53 1.33zm25.26 0c-1.2 0-1.5-.1-1.5-1.33v-12.73c0-2.41-1.21-3.49-3.93-3.49a14.44 14.44 0 0 0-3.69.49V220c0 1.23-.3 1.33-1.49 1.33h-2.66c-1.21 0-1.54-.11-1.54-1.33v-17.37c0-1.53.44-2 1.89-2.55a21.77 21.77 0 0 1 8.18-1.42c5.84 0 8.93 3 8.93 8.65V220c0 1.22-.32 1.33-1.53 1.33zm64.95 0c-1.2 0-1.5-.1-1.5-1.33v-12.73c0-2.41-1.21-3.49-3.93-3.49a14.44 14.44 0 0 0-3.69.49V220c0 1.23-.29 1.33-1.49 1.33h-2.66c-1.21 0-1.54-.11-1.54-1.33v-17.37c0-1.53.44-2 1.89-2.55a21.8 21.8 0 0 1 8.18-1.42c5.85 0 8.94 3 8.94 8.65V220c0 1.22-.33 1.33-1.54 1.33z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Ccircle cx='144.03' cy='19.19' r='2.99' class='cls-4'/%3E%3C/g%3E%3C/svg%3E")
}

.header.change .nav-item,
.header.sticky .nav-item {
  color: #000 !important
}

.header.change .language-item,
.header.sticky .language-item {
  color: #000
}

.header.change .language-item:after,
.header.sticky .language-item:after {
  color: #000 !important
}

.header.change .bar1,
.header.change .bar2,
.header.change .bar3,
.header.sticky .bar1,
.header.sticky .bar2,
.header.sticky .bar3 {
  background-color: #000
}

.header .wrapper {
  position: relative;
  float: right;
  width: 80%;
  height: 50px;
  margin-right: -90px;
  justify-content: flex-end
}

.header .logo {
  display: block;
  float: left;
  width: 186px;
  height: 50px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='_3' data-name='3' viewBox='0 0 255 68.24'%3E%3Cdefs%3E%3Cstyle%3E.cls-3{fill:%23fff}.cls-4{fill:%2300aeff}%3C/style%3E%3C/defs%3E%3Cg id='logo'%3E%3Cpath fill='%230070c1' d='M213.56 208.27l-11.27 11.3a11.63 11.63 0 0 0 0-16.43l-21.53-21.57 3.07-3.08a11.58 11.58 0 0 1 16.4 0l13.33 13.35a11.63 11.63 0 0 1 0 16.43z' transform='translate(-155.97 -175.08)'/%3E%3Cpath fill='%23b5b5b5' d='M170.62 215.36l21.5 21.5-3.07 3.07a11.57 11.57 0 0 1-16.38 0l-13.31-13.31a11.59 11.59 0 0 1 0-16.38L170.62 199a11.59 11.59 0 0 0 0 16.36z' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M170.62 221.5a11.59 11.59 0 0 0 0 16.38l-11.26-11.26a11.59 11.59 0 0 1 0-16.38l13.31-13.31a11.59 11.59 0 0 1 16.38 0l3.07 3.07z' class='cls-3' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M213.56 208.27l-13.33 13.36a11.59 11.59 0 0 1-16.4 0l-3.07-3.08L202.29 197a11.64 11.64 0 0 0 0-16.44l11.27 11.3a11.63 11.63 0 0 1 0 16.41z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M239.67 231.24c-2.9 0-7-1.19-8.66-3.93a1.34 1.34 0 0 1-.18-1.34 1.91 1.91 0 0 1 1.07-1.17l1.53-.85a2.62 2.62 0 0 1 1.17-.34 1.94 1.94 0 0 1 1.53 1 3.64 3.64 0 0 0 3.65 1.64c2.56-.15 3.6-1.17 3.6-3.89v-2.46a18.15 18.15 0 0 1-4.38.58c-5.85 0-8.94-3-8.94-8.65v-4.15c0-5.9 3.35-9 9.67-9a19.49 19.49 0 0 1 7.57 1.32c1.45.68 1.79 1 1.79 2.25v19.47c0 6.28-3.26 9.52-9.42 9.52zm.4-27.62c-3 0-4.29 1.17-4.29 3.89v4.2c0 2.32 1.32 3.49 3.93 3.49a15.77 15.77 0 0 0 3.69-.47v-10.67a13.05 13.05 0 0 0-3.33-.44zm23.17 18.27c-6.34 0-9.83-3.26-9.83-9.18v-4.79c0-6 3.52-9.26 9.91-9.26 6.08 0 9.86 3.62 9.86 9.11v1.83c0 1.74-.58 2.24-2.53 2.24H259.1v1.22a3.84 3.84 0 0 0 4.14 4 5.74 5.74 0 0 0 4.8-2.14s.36-.93 2.07 0c0 0 1 .49 1.91 1a1.18 1.18 0 0 1 .4 1.85c-1.67 2.73-4.76 4.12-9.18 4.12zm4.25-14v-.4c0-2.43-1.4-3.87-4.17-3.87-1.93 0-4.22.85-4.22 3.87v.4z' class='cls-3' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M360 221.89c-6.34 0-9.83-3.26-9.83-9.18v-4.79c0-6 3.52-9.26 9.91-9.26 6.08 0 9.86 3.62 9.86 9.11v1.83c0 1.74-.57 2.24-2.53 2.24h-11.59v1.22a3.84 3.84 0 0 0 4.14 4 5.72 5.72 0 0 0 4.8-2.14s.37-.93 2.07 0c0 0 1 .49 1.91 1a1.18 1.18 0 0 1 .4 1.85c-1.67 2.73-4.76 4.12-9.14 4.12zm4.25-14v-.4c0-2.43-1.4-3.87-4.17-3.87-1.93 0-4.22.85-4.22 3.87v.4z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M288.88 221.22c-6.53 0-8.95-2.56-8.95-9.44v-7.3h-2.52c-1.2 0-1.5-.31-1.5-1.54v-2.17c0-1.2.3-1.5 1.5-1.5h2.52v-3.8c0-1.2.31-1.5 1.54-1.5h2.61c1.23 0 1.54.3 1.54 1.5v3.8h4.13c1.23 0 1.33.3 1.33 1.5v2.17c0 1.21-.11 1.54-1.33 1.54h-4.13v7.14c0 3.29 1.17 4.18 3.67 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.56 1.57z' class='cls-3' transform='translate(-155.97 -175.08)'/%3E%3Cpath d='M344.52 221.22c-6.52 0-8.95-2.56-8.95-9.44v-7.3h-2.52c-1.2 0-1.49-.31-1.49-1.54v-2.17c0-1.2.29-1.5 1.49-1.5h2.52v-3.8c0-1.2.31-1.5 1.54-1.5h2.62c1.23 0 1.53.3 1.53 1.5v3.8h4.14c1.23 0 1.32.3 1.32 1.5v2.17c0 1.21-.11 1.54-1.32 1.54h-4.14v7.14c0 3.29 1.18 4.18 3.67 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.55 1.57zm64.24 0c-6.52 0-8.94-2.56-8.94-9.44v-7.3h-2.53c-1.2 0-1.49-.31-1.49-1.54v-2.17c0-1.2.29-1.5 1.49-1.5h2.53v-3.8c0-1.2.3-1.5 1.53-1.5H404c1.23 0 1.54.3 1.54 1.5v3.8h4.13c1.23 0 1.32.3 1.32 1.5v2.17c0 1.21-.11 1.54-1.32 1.54h-4.13v7.14c0 3.29 1.17 4.18 3.66 4.18 1.79 0 1.79.31 1.79 1.53v2.3c0 1.22-.3 1.52-1.55 1.57zm-110.11.06c-1.2 0-1.5-.1-1.5-1.33v-19.4c0-1.2.3-1.28 1.5-1.28h2.66c1.22 0 1.53.08 1.53 1.28V220c0 1.22-.32 1.33-1.53 1.33zm25.26 0c-1.2 0-1.5-.1-1.5-1.33v-12.73c0-2.41-1.21-3.49-3.93-3.49a14.44 14.44 0 0 0-3.69.49V220c0 1.23-.3 1.33-1.49 1.33h-2.66c-1.21 0-1.54-.11-1.54-1.33v-17.37c0-1.53.44-2 1.89-2.55a21.77 21.77 0 0 1 8.18-1.42c5.84 0 8.93 3 8.93 8.65V220c0 1.22-.32 1.33-1.53 1.33zm64.95 0c-1.2 0-1.5-.1-1.5-1.33v-12.73c0-2.41-1.21-3.49-3.93-3.49a14.44 14.44 0 0 0-3.69.49V220c0 1.23-.29 1.33-1.49 1.33h-2.66c-1.21 0-1.54-.11-1.54-1.33v-17.37c0-1.53.44-2 1.89-2.55a21.8 21.8 0 0 1 8.18-1.42c5.85 0 8.94 3 8.94 8.65V220c0 1.22-.33 1.33-1.54 1.33z' class='cls-4' transform='translate(-155.97 -175.08)'/%3E%3Ccircle cx='144.03' cy='19.19' r='2.99' class='cls-4'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0;
  -webkit-background-size: cover;
  background-size: cover
}

.header .nav-item {
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  padding-top: 15px;
  padding-bottom: 10px;
  cursor: pointer;
  user-select: none;
  transition: color .3s ease-in-out, border-bottom-color .4s ease;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff !important;
  border-bottom: 2px solid transparent
}

.header .nav-item.active {
  color: #2daffd !important
}

.header .nav-item.active,
.header .nav-item:active,
.header .nav-item:hover {
  border-bottom-color: #2daffd
}

.header .nav-item:active .nav-dropdown,
.header .nav-item:hover .nav-dropdown {
  max-height: 500px;
  transition: max-height .25s ease-in;
  border-top: 2px solid #2daffd;
  background-color: #fff;
  -webkit-box-shadow: 6px 14px 25px -14px rgba(0, 0, 0, .75);
  -moz-box-shadow: 6px 14px 25px -14px rgba(0, 0, 0, .75);
  box-shadow: 6px 14px 25px -14px rgba(0, 0, 0, .75)
}

.header .nav-dropdown {
  position: absolute;
  overflow: hidden;
  min-width: 160px;
  max-height: 0;
  margin: 10px 0 0;
  padding: 0;
  transition: max-height .15s ease-out, border-top-color .1s linear, background-color .2s ease-in-out;
  border-top: 2px solid transparent;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #fff;
  background-color: transparent;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px
}

.header .nav-dropdown-item {
  font-size: 16px;
  line-height: 1 !important;
  max-width: 160px;
  font-weight: 600;
  transition: color, background-color .3s ease;
  text-align: left;
  text-transform: none;
  color: #000
}

.header .nav-dropdown-item a {
  line-height: inherit;
  display: block;
  width: 100%;
  max-width: 140px;
  height: 100%;
  padding: 12px;
  cursor: pointer;
  white-space: normal;
  color: inherit
}

.header .nav-dropdown-item:active,
.header .nav-dropdown-item:hover {
  color: #fff;
  background-color: #4cc6ff
}

.header .burger {
  display: none;
  float: right;
  padding-top: 6px;
  cursor: pointer
}

.header .bar1,
.header .bar2,
.header .bar3 {
  width: 35px;
  height: 5px;
  margin: 6px 0;
  transition: .4s;
  background-color: #fff
}

.header.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px)
}

.header.change .bar2 {
  opacity: 0
}

.header.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px)
}

.header .language {
  display: flex;
  margin: 0;
  padding: 10px 10px 0
}

.header .language-item {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  padding-top: 6px;
  padding-bottom: 10px;
  cursor: pointer;
  user-select: none;
  transition: color .3s ease;
  text-transform: uppercase;
  color: #fff
}

.header .language-item:before {
  width: 0;
  height: 0
}

.header .language-item.active,
.header .language-item :hover {
  color: #4cc6ff
}

.header .language-item:after {
  margin: 0 8px;
  content: "|";
  color: #fff !important
}

.header .language-item:last-child:after {
  content: ""
}

.header .language-item a {
  color: inherit
}

.main {
  padding-bottom: 20px
}

.main h1 {
  font-size: 3.2rem;
  line-height: 1.2
}

.main h1 br {
  line-height: 1
}

.main p {
  font-size: 1.25rem;
  line-height: 1.4
}

.main .request-demo {
  font-size: 1.2rem;
  line-height: 1 !important;
  padding: 1.1rem
}

.flex {
  display: flex
}

.pre-footer {
  margin-top: 3rem;
  padding-bottom: 3rem;
  text-align: center;
  background: linear-gradient(105deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.pre-footer.in-viewport .crop-line {
  transform: translateZ(0) !important
}

.pre-footer .crop-line {
  position: relative;
  z-index: 0;
  top: -2px;
  left: 0;
  transition-delay: .5s;
  transition-timing-function: cubic-bezier(.25, .1, .2, 1);
  transition-duration: 2s;
  transition-property: transform;
  transform: translate3d(-100%, 0, 0);
  -webkit-filter: drop-shadow(14px 16px 5px rgba(0, 0, 0, .3));
  filter: drop-shadow(14px 16px 5px rgba(0, 0, 0, .3))
}

.pre-footer .crop-line-wrapper {
  position: relative
}

.pre-footer .do-it {
  font-size: 3rem;
  font-weight: 700;
  margin: 3rem 0;
  color: #fff
}

.pre-footer .request-demo {
  font-size: 1.2rem;
  line-height: 1;
  z-index: 3;
  padding: 1.1rem
}

.footer {
  overflow: hidden;
  margin-top: -4px;
  padding: 4rem 0;
  background: linear-gradient(100deg, #431f3f, #001a4f)
}

.footer nav {
  user-select: none
}

.footer nav a {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
  transition: color .3s ease;
  color: #fff
}

.footer nav a:active,
.footer nav a:hover {
  color: #2daffd
}

.footer nav .solutions a {
  font-size: 14px;
  line-height: 1;
  margin-top: 14px;
  padding: 15px;
  transition: border-color .3s ease;
  color: #fff !important;
  border: 1px solid hsla(0, 0%, 100%, .5);
  border-radius: 10px
}

.footer nav .solutions a:active,
.footer nav .solutions a:hover {
  border-color: #2daffd
}

.footer .pages {
  margin-bottom: 20px
}

.footer address {
  font-size: 14px;
  font-style: normal;
  position: relative;
  margin-right: -8rem;
  padding-left: 40px;
  color: #fff;
  border-left: 1px solid #46528c
}

.footer address:before {
  font-size: 3rem;
  font-weight: 800;
  position: absolute;
  bottom: 0;
  left: -20%;
  margin-left: -40px;
  content: "iab.";
  color: hsla(0, 0%, 100%, .5)
}

.footer address a {
  color: #fff
}

.footer address .social a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 50%;
  background: #1a38a0
}

.footer address .social a span {
  display: flex;
  width: 15px;
  height: 30px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.footer address .social a span.vk {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgMzMuODY3IDMzLjg2NyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI3LjQ5OCA3LjNjLS44NjYgMC0xLjU5NS4xNzQtMS45NSAxLjQxLS40NzYgMS42NS0yLjU0NiA1LjI3NS0zLjcyIDcuMDkxLS44MzUgMS4yOTMtMS45NDMuMzk0LTIuMDEtLjE2LS4xNjctMS4zOTcgMC02LjczNSAwLTYuNzM1IDAtMS4wNS0uNjUtMS41OTItMS4zNjgtMS41OTJoLTUuMzdjLS44OCAwLTEuMzIzIDEuMDY5LS4wNiAxLjg1IDEuMDkzLjY3NiAxLjM4OC43MTcgMS4zODggMS42N3Y2LjAzN2MwIC41MTYtLjc3OCAxLjA5Ni0xLjQyNS40MzMtLjk3LS45OTEtNC4zMDQtOC4wMDYtNC4zMDQtOC4wMDZTNy44IDcuMzE0IDUuNDUzIDcuMzE0SDEuNzc4Yy0uNDA3IDAtLjk1NS41MjctLjYxOSAxLjE4MiAwIDAgNCA5LjY2IDcuNjYgMTMuNjI4czYuNzA2IDQuNDQzIDYuNzA2IDQuNDQzaDMuMjMyczEuMTMyLjAyNyAxLjEzMi0xLjEzMnYtMy4zMTFjLS4wNS0uNzkgMS4wMTQtMS4zODcgMS45NC0uMzg0bDMuNDA5IDMuNjk5Yy44NDEuODg0IDEuODIgMS4xMjggMi43NiAxLjEyOGg0LjA0MWMuNjIzIDAgMS4yNDItLjc5Ny4yMzUtMS44MDVsLTQuOTAxLTUuNnMtLjc4My0uNjk5LS4xMTItMS43NmMuNjctMS4wNjMgNC4wNTgtNy42NTcgNC4yMjYtOC4xMDQuNDUyLS45NS4xMzktMS45ODQtLjk4NS0xLjk4NEwyNy40OTggNy4zeiIgcGFpbnQtb3JkZXI9ImZpbGwgbWFya2VycyBzdHJva2UiLz48L3N2Zz4=")
}

.footer address .social a span.youtube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M490.24 113.92c-13.888-24.704-28.96-29.248-59.648-30.976C399.936 80.864 322.848 80 256.064 80c-66.912 0-144.032.864-174.656 2.912-30.624 1.76-45.728 6.272-59.744 31.008C7.36 138.592 0 181.088 0 255.904v.256c0 74.496 7.36 117.312 21.664 141.728 14.016 24.704 29.088 29.184 59.712 31.264C112.032 430.944 189.152 432 256.064 432c66.784 0 143.872-1.056 174.56-2.816 30.688-2.08 45.76-6.56 59.648-31.264C504.704 373.504 512 330.688 512 256.192v-.256c0-74.848-7.296-117.344-21.76-142.016zM192 352V160l160 96-160 96z'/%3E%3C/svg%3E")
}

.footer address .social a span.rutube {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='523' height='465' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(//cdn.xuansiwei.com/jiush5426/assets/%23clip0_903_33087)' fill='%23fff'%3E%3Ccircle cx='475.275' cy='48.578' r='47.697'/%3E%3Cpath d='M336.161 91.859H.934V464.52h93.305V343.279h178.787l81.572 121.241h104.479l-89.952-121.8c27.935-4.469 48.049-15.085 60.341-31.846 12.291-16.762 18.437-43.58 18.437-79.337v-27.936c0-21.231-2.235-37.992-6.146-50.843-3.911-12.85-10.615-24.024-20.113-34.081-10.057-9.498-21.231-16.203-34.64-20.673-13.409-3.91-30.171-6.145-50.843-6.145zm-15.085 169.289H94.239v-87.159h226.837c12.85 0 21.789 2.235 26.259 6.146 4.47 3.911 7.263 11.174 7.263 21.79v31.288c0 11.174-2.793 18.437-7.263 22.348-4.47 3.911-13.409 5.587-26.259 5.587z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_903_33087'%3E%3Cpath fill='%23fff' d='M0 0h523v465H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.footer address .social a span.telegram {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MCIgaGVpZ2h0PSI1MCI+PHBhdGggZD0iTTQ2LjEzNyA2LjU1MmMtLjc1LS42MzYtMS45MjgtLjcyNy0zLjE0Ni0uMjM4aC0uMDAyYy0xLjI4MS41MTQtMzYuMjYxIDE1LjUxOC0zNy42ODUgMTYuMTMxLS4yNTkuMDktMi41MjEuOTM0LTIuMjg4IDIuODE0LjIwOCAxLjY5NSAyLjAyNiAyLjM5NyAyLjI0OCAyLjQ3OGw4Ljg5MyAzLjA0NWMuNTkgMS45NjQgMi43NjUgOS4yMSAzLjI0NiAxMC43NTguMy45NjUuNzg5IDIuMjMzIDEuNjQ2IDIuNDk0Ljc1Mi4yOSAxLjUuMDI1IDEuOTg0LS4zNTVsNS40MzctNS4wNDMgOC43NzcgNi44NDUuMjA5LjEyNWMuNTk2LjI2NCAxLjE2Ny4zOTYgMS43MTIuMzk2LjQyMSAwIC44MjUtLjA3OSAxLjIxMS0uMjM3IDEuMzE1LS41NCAxLjg0MS0xLjc5MyAxLjg5Ni0xLjkzNWw2LjU1Ni0zNC4wNzdjLjQtMS44Mi0uMTU2LTIuNzQ2LS42OTQtMy4yMDF6TTIyIDMybC0zIDgtMy0xMCAyMy0xNy0xNyAxOXoiLz48L3N2Zz4=")
}

@media (max-width:1200px) {
  .header-row {
    display: block
  }

  .header .language {
    position: relative;
    right: 0;
    left: 0;
    display: block;
    margin: 20px auto 200px
  }

  .header .request-demo {
    display: block;
    min-height: 50px;
    margin: 0 auto
  }

  .header .language-item {
    font-size: 20px;
    display: inline-block !important
  }

  .header .language-item:after {
    margin: 0
  }

  .header .wrapper {
    position: fixed;
    top: 54px;
    right: -20%;
    visibility: hidden;
    overflow: scroll;
    flex-direction: column;
    width: 20rem;
    max-width: 100%;
    height: 94vh;
    padding: 0 20px;
    transition-delay: .1s;
    transition-timing-function: cubic-bezier(.25, .1, .2, 1);
    transition-duration: .5s;
    transform: translate3d(250%, 0, 0);
    opacity: 0;
    background: #fff;
    align-items: flex-start
  }

  .header .burger {
    display: inline-block
  }

  .header .nav-item {
    display: block !important;
    margin: 0;
    text-align: left
  }

  .header .nav-dropdown,
  .header .nav-dropdown:active,
  .header .nav-dropdown:hover {
    position: relative;
    max-height: 500px;
    border-bottom: none;
    box-shadow: none !important
  }

  .header .nav-item {
    border-bottom-color: transparent !important
  }

  .header .nav-dropdown-item {
    color: #000
  }

  .header.change .wrapper {
    visibility: visible;
    margin-right: 0;
    transform: translateZ(0);
    justify-content: flex-start;
    opacity: 1
  }

  .header.change .nav {
    display: block;
    width: unset;
    margin: 30px auto
  }

  .footer address {
    width: 100%
  }
}

@media (max-width:720px) {
  .row-eq-height {
    display: block !important
  }

  h2 {
    font-size: 2rem;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0
  }

  ul {
    padding-left: 20px
  }

  .pre-footer .do-it {
    font-size: 1.5rem
  }

  .footer {
    padding: 2rem 0
  }

  .footer address {
    margin-right: 0
  }

  .footer address:before {
    left: 80%
  }
}

.sortable-handler {
  touch-action: none
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap
}

.reverse-block .row {
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.responsive {
  width: 100%;
  height: auto
}

textarea {
  resize: none
}

.form-textarea {
  height: calc(100% - 16px) !important
}

.file {
  width: 60% !important;
  padding-left: 100px !important
}

.grecaptcha-badge {
  display: none !important
}

blockquote {
  border-left: 4px solid #68bffe;
  margin-left: 0;
  padding-left: 20px;
  font-style: italic
}

.cookie_alert {
  width: 100vw;
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 20;
  box-shadow: 6px 14px 25px 4px rgba(0, 0, 0, .75);
  background: #fff
}

.cookie_alert .cookie-text {
  line-height: 1.1;
  font-size: 14px;
  margin: 0
}

.cookie_alert .cookie-buttons {
  display: flex;
  justify-content: space-around
}

.cookie_alert .cookie-more {
  display: block;
  padding: 6px
}

.cookie_alert.is-open {
  display: block
}

.main-page {
  overflow: hidden
}

.main-page .main {
  position: static;
  overflow: visible !important;
  padding-top: 8rem;
  color: #fff;
  background: linear-gradient(-45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.main-page .main:after {
  position: absolute;
  width: 100%;
  height: 1000px;
  content: "";
  background: linear-gradient(235deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.main-page .main .solution-link {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0 !important;
  transition: color .3s ease
}

.main-page .main .solution-link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -8px;
  left: 0;
  background-color: #fff;
  transition: background-color .3s ease
}

.main-page .main .solution-link:hover {
  color: #2daffd !important
}

.main-page .main .solution-link:hover:after {
  background-color: #2daffd
}

.main-page .main .solution-image {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 30%;
  right: -30%;
  bottom: -260px;
  z-index: 9;
  max-height: 140px;
  transition: opacity .3s ease, visibility .3s ease
}

.main-page .main .solution-image.hover {
  opacity: 1;
  visibility: visible
}

.main-page .main-image {
  position: absolute;
  z-index: 2;
  width: 210%;
  margin-top: -27%;
  margin-left: 16%;
  user-select: none
}

.main-page .main nav {
  user-select: none
}

.main-page .main nav a {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 10px;
  transition: color .3s ease;
  color: #fff
}

.main-page .main nav a:active,
.main-page .main nav a:hover {
  color: #2daffd
}

.main-page .main nav .solutions a {
  font-size: 14px;
  line-height: 1;
  margin-top: 14px;
  padding: 15px;
  transition: border-color .3s ease;
  color: #fff !important;
  border-radius: 10px
}

.main-page .white-block {
  position: relative
}

.main-page .white-block.loaded {
  animation-name: line-loaded;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  opacity: 1
}

.main-page .white-block:after {
  position: absolute;
  top: 98%;
  left: 0;
  width: 100%;
  height: 113vh;
  content: "";
  background-color: #fff
}

.main-page .bg-crop-top {
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  -webkit-filter: drop-shadow(14px -16px 5px rgba(0, 0, 0, .3));
  filter: drop-shadow(14px -16px 5px rgba(0, 0, 0, .3))
}

.main-page .benefits .benefit-content {
  display: flex;
  flex-direction: column;
  min-height: 330px;
  justify-content: center
}

.main-page .benefits-image {
  width: 100%;
  height: 320px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.main-page .benefits h3 {
  font-size: 1.8rem;
  line-height: 2rem;
  position: relative;
  display: inline-block;
  margin-right: -100px;
  margin-bottom: 20px;
}

.main-page .benefits h3 a {
  line-height: inherit;
  color: #000
}

.main-page .benefits h3.link {
  cursor: pointer;
  user-select: none
}

.main-page .benefits h3.link:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 70px;
  height: 2px;
  content: "";
  transition: width .3s ease;
  background-color: #2daffd
}

.main-page .benefits h3.link a {
  transition: color .3s ease
}

.main-page .benefits h3.link:active a,
.main-page .benefits h3.link:hover a {
  color: #00aeff
}

.main-page .benefits h3.link:active:after,
.main-page .benefits h3.link:hover:after {
  width: 100%;
  transition: width .2s ease-in-out
}

.main-page .benefits .blot {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../image/touminghuatupian (2).png");
  background-repeat: no-repeat;
  background-position-x: -362px;
  -webkit-background-size: cover;
}

.main-page .benefits .blot-wrapper {
  position: relative
}

.main-page .benefits ul {
  padding-left: 30px !important
}

.main-page .benefits li {
  position: relative;
  margin-right: -20px;
  margin-bottom: 20px;
  color: #4a4a4a
}

.main-page .benefits li:before {
  position: absolute;
  top: 10px;
  left: -20px;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 5px;
  background-color: #2daffd
}

.main-page .solutions {
  padding-bottom: 30px
}

.main-page .solutions .solution {
  position: relative;
  display: block;
  overflow: hidden;
  height: 15rem;
  padding: 4rem;
  transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  border-radius: 10px;
  background: linear-gradient(20deg, rgba(0, 174, 255, .8), rgba(0, 65, 179, .8));
  box-shadow: -6px 9px 11px rgba(0, 65, 179, .3)
}

.main-page .solutions .solution_big {
  background: linear-gradient(-20deg, rgba(0, 174, 255, .8), rgba(0, 65, 179, .8))
}

.main-page .solutions .solution_big:after {
  font-size: 8rem !important;
  line-height: .6 !important
}

.main-page .solutions .solution:after {
  font-size: 5rem;
  font-weight: 700;
  line-height: .8;
  position: absolute;
  right: -10px;
  bottom: -10px;
  content: attr(data-solution);
  white-space: nowrap;
  color: hsla(0, 0%, 100%, .2)
}

.main-page .solutions .solution:active,
.main-page .solutions .solution:hover {
  transition: transform .15s ease-in-out;
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  background: linear-gradient(20deg, #00aeff, #0041b3)
}

.main-page .solutions .solution:active {
  box-shadow: 7px 9px 11px rgba(0, 65, 179, .6)
}

.main-page .solutions .solution .name {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
  color: #fff
}

.main-page .solutions .solution .description {
  font-size: 1.2rem;
  line-height: 1;
  color: #fff
}

@media (max-width:1200px) {
  .main-page .blot {
    display: none
  }

  .main-page .main-image {
    width: 140%;
    margin-top: -30%
  }

  .main-page .benefits h3 {
    margin-right: 0
  }
}

@media (max-width:720px) {
  .main-page h1 {
    font-size: 2rem
  }

  .main-page h2 {
    font-size: 2.3rem !important;
    margin: 0 !important
  }

  .main-page h3 {
    font-size: 1.2rem !important;
    line-height: 1.4rem !important
  }

  .main-page p {
    font-size: 1rem;
    margin-right: 0 !important;
    margin-bottom: 20px
  }

  .main-page .main-image {
    position: relative;
    float: right;
    width: 40%;
    margin-top: -30%;
    margin-right: -11%
  }

  .main-page .reverse-block .row {
    display: block !important
  }

  .main-page .main:after {
    height: 500px
  }

  .main-page .benefits li {
    margin-right: 0 !important
  }

  .main-page .benefits-image {
    height: 200px
  }

  .main-page .white-block {
    display: none
  }

  .main-page .main {
    padding-top: 3rem
    /* padding-top: 6rem */
  }

  .main-page .main:after {
    width: 0;
    height: 0
  }

  .main-page .solution {
    padding: 1rem !important;
    height: 8rem !important
  }

  .main-page .solution:after {
    font-size: 3rem !important
  }

  .main-page .solution .name {
    margin: 15px !important
  }

  .main-page .solution .main [class*=ae-] {
    visibility: visible !important;
    transition: none !important;
    -webkit-transform: translateZ(0) !important;
    -moz-transform: translateZ(0) !important;
    -ms-transform: translateZ(0) !important;
    -o-transform: translateZ(0) !important;
    transform: translateZ(0) !important;
    opacity: 1 !important
  }
}

.solution-page {
  position: relative;
  overflow: hidden;
  height: 84vw;
  min-height: 600px;
  background: linear-gradient(120deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.solution-page .curve-top {
  position: absolute;
  top: calc(10rem - 1px);
  left: 0;
  -webkit-filter: drop-shadow(14px 16px 5px rgba(0, 0, 0, .3));
  filter: drop-shadow(14px 16px 5px rgba(0, 0, 0, .3))
}

.solution-page .curve-top-container {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important
}

.solution-page .curve-top-container:before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 10rem;
  content: "";
  background: #fff
}

.solution-page .curve-bottom {
  position: absolute;
  z-index: 0;
  top: unset !important;
  bottom: -1px;
  left: 0;
  -webkit-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
  -webkit-filter: drop-shadow(14px -16px 5px rgba(0, 0, 0, .3));
  filter: drop-shadow(14px -16px 5px rgba(0, 0, 0, .3))
}

.solution-page .parallax-wrapper {
  position: absolute;
  top: 2rem;
  width: 50%;
  height: 16rem;
  opacity: 0
}

.solution-page .main-container {
  margin-top: -3rem
}

.solution-page h1 {
  font-size: 2.5rem;
  line-height: 1;
  color: inherit
}

.solution-page p {
  margin-bottom: 40px;
  color: inherit
}

.solution-page .in-viewport .parallax-wrapper {
  opacity: 1
}

.solution-page .in-viewport .parallax-wrapper .main-image {
  visibility: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  opacity: 1 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.second-block {
  position: relative;
  margin-top: -40vw;
  padding-top: 160px
}

.second-block p {
  color: #000
}

@media (max-width:1200px) {
  .solution-page h1 {
    font-size: 2.4rem !important;
    line-height: 1 !important;
    margin: 0 !important
  }

  .solution-page p {
    font-size: 1rem !important;
    margin-bottom: 20px !important
  }

  .second-block h2 {
    font-size: 2rem !important;
    line-height: 1
  }
}

@media (max-width:1000px) {
  .solution-page {
    height: unset;
    min-height: unset;
    padding-bottom: 60px
  }

  .solution-page .parallax-wrapper {
    top: -4rem;
    top: -9rem !important;
    left: -20%;
    width: 100%;
    height: 16rem
  }

  .solution-page .images {
    position: relative;
    height: 16rem
  }

  .solution-page .curve-top {
    visibility: hidden;
    opacity: 0
  }

  .solution-page .curve-top-container:before {
    background-color: transparent
  }

  .solution-page .curve-bottom {
    display: none
  }

  .solution-page h1,
  .solution-page p {
    margin-right: 0 !important;
    color: #fff !important
  }

  .solution-page h1 {
    font-size: 2.4rem
  }

  .solution-page p {
    font-size: 1.25rem
  }

  .second-block {
    margin: 0;
    padding: 0
  }

  .second-block h2 {
    font-size: 2rem !important;
    line-height: 1
  }
}

.contacts-page {
  overflow: hidden;
  margin-top: 6rem
}

.contacts-page h1 {
  margin: 0
}

.contacts-page-wrapper {
  position: relative
}

.contacts-page .map {
  position: relative;
  width: 100%;
  height: auto
}

.contacts-page .map-wrapper {
  margin-top: 40px
}

.contacts-page .map-point {
  position: absolute;
  z-index: 0;
  width: 2vw;
  min-width: 15px;
  height: 2vw;
  min-height: 15px;
  cursor: pointer;
  transition: transform .3s ease-in-out;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Слой_2' data-name='Слой 2' viewBox='0 0 52.38 52.38'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%230041b3;stroke-miterlimit:10}%3C/style%3E%3C/defs%3E%3Ccircle cx='26.19' cy='26.19' r='12.75' fill='%230041b3'/%3E%3Ccircle cx='26.19' cy='26.19' r='17.38' class='cls-2'/%3E%3Ccircle cx='26.19' cy='26.19' r='25.69' class='cls-2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: contain;
  background-size: contain
}

.contacts-page .map-point:hover {
  transform: scale(2)
}

.contacts-page .map-point.active {
  z-index: 2
}

.contacts-page .map-point.active:hover {
  transform: none
}

.contacts-page .map-point.active .address-wrapper {
  visibility: visible;
  opacity: 1
}

.contacts-page .map-point .address-wrapper {
  position: absolute;
  z-index: 2;
  right: -200px;
  bottom: 3vw;
  visibility: hidden;
  width: 30vw;
  min-width: 400px;
  max-width: 100%;
  padding: 20px;
  transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  opacity: 0;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 15px 5px rgba(0, 65, 179, .3)
}

.contacts-page .map-point .address-wrapper .title {
  font-size: 24px;
  display: block;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  text-align: left;
  color: #000
}

.contacts-page .map-point .address-wrapper address {
  font-style: normal;
  display: inline-block;
  float: left;
  width: 50%
}

.contacts-page .map-point .address-wrapper .g-map {
  display: inline-block;
  float: right;
  width: 45%;
  min-height: 150px
}

.contacts-page .map-point .address-wrapper_small {
  width: 15vw;
  min-width: 150px
}

.contacts-page .map-point .address-wrapper_small .title {
  font-size: 12px;
  position: relative;
  display: inline-block !important;
  margin-bottom: 20px;
  cursor: pointer;
  transition: color .3s ease-in-out
}

.contacts-page .map-point .address-wrapper_small .title:after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 10px;
  height: 2px;
  content: "";
  transition: width .3s ease-in-out;
  background-color: #00acff
}

.contacts-page .map-point .address-wrapper_small .title:hover {
  color: #00acff
}

.contacts-page .map-point .address-wrapper_small .title:hover:after {
  width: 100%
}

.contacts-page .map-point .address-wrapper_small address {
  font-size: 10px;
  display: block !important;
  float: none !important;
  width: 100% !important
}

.contacts-page .map-point .address-wrapper_small address p {
  margin: 0 !important
}

.contacts-page .map-point .address-wrapper_small .g-map {
  display: none !important
}

@media (max-width:720px) {
  .map {
    display: none
  }

  .map-wrapper {
    padding: 20px
  }

  .map-point {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 20px !important;
    transform: none !important;
    background-image: none !important
  }

  .map-point .address-wrapper {
    position: relative !important;
    right: 0 !important;
    visibility: visible !important;
    width: unset !important;
    min-width: unset !important;
    margin: 0 auto !important;
    opacity: 1 !important
  }

  .map-point .address-wrapper .title {
    font-size: 20px !important
  }

  .map-point .address-wrapper address {
    font-size: inherit !important
  }

  .map-point .address-wrapper address,
  .map-point .g-map {
    display: block !important;
    float: none !important;
    width: 100% !important
  }

  .map-point .g-map {
    margin-top: 20px !important
  }
}

.capabilities {
  position: relative;
  overflow: hidden;
  margin-top: 6rem
}

.capabilities .tile-list {
  z-index: 2
}

.capabilities .tile-list .curve-tile {
  position: absolute;
  z-index: -1;
  right: -16%;
  bottom: -25%;
  width: 70%;
  height: 100%;
  -webkit-transition: width .4s ease, -webkit-transform .4s ease, opacity .3s ease, top .3s ease;
  -moz-transition: width .4s ease, -moz-transform .4s ease, opacity .3s ease, top .3s ease;
  -o-transition: width .4s ease, -o-transform .4s ease, opacity .3s ease, top .3s ease;
  -ms-transition: width .4s ease, -ms-transform .4s ease, opacity .3s ease, top .3s ease;
  transition: width .4s ease, transform .4s ease, opacity .3s ease, top .3s ease;
  opacity: .5;
  background-image: url("../image/QQjietu20221008152350.png");
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-background-size: contain;
  background-size: contain;
  justify-content: center;
  align-items: center
}

.capabilities .tile-list .curve-tile_wide {
  bottom: -73%;
  left: -19%;
  width: 100%;
  height: 140%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1450.18 992.35'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-375.72' y1='132.67' x2='482.99' y2='991.39' gradientTransform='matrix(1 0 0 -1 586.17 1094.35)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff4d73'/%3E%3Cstop offset='.14' stop-color='%23d54b7e'/%3E%3Cstop offset='.46' stop-color='%237b4794'/%3E%3Cstop offset='.72' stop-color='%233944a5'/%3E%3Cstop offset='.9' stop-color='%231042af'/%3E%3Cstop offset='1' stop-color='%230041b3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M152.18 94.26c-152 159-261.21 631.79 32 831 233 158.29 257.1-176.11 524 28 204 156 742-193 742-377 0-395-644.16-19.56-773-449-45-150-388.82-175.45-525-33z' fill='url(//cdn.xuansiwei.com/jiush5426/assets/%23a)' data-name='Слой 2 (копия)'/%3E%3C/g%3E%3C/svg%3E")
}

.capabilities .tile-list .curve-tile_tail {
  bottom: -30%;
  left: -21%;
  width: 130%;
  -webkit-transform: rotate(-40deg);
  -moz-transform: rotate(-40deg);
  -ms-transform: rotate(-40deg);
  -o-transform: rotate(-40deg);
  transform: rotate(-40deg);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 848.28 604.36'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='855.46' y1='210.49' x2='1379.91' y2='734.95' gradientTransform='rotate(180 749.495 386.495)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff4d73'/%3E%3Cstop offset='.19' stop-color='%23d44b7e'/%3E%3Cstop offset='.6' stop-color='%236a4698'/%3E%3Cstop offset='1' stop-color='%230041b3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M744.44 137.89c43.8 51.85 291 466.47-180 367.48-189.08-39.74-231 15-325.49 86.24C158.88 652 12.69 488 .47 307.38-11.2 134.77 195.67-78.77 284.75 29.23 440 217.38 540.45-103.6 744.44 137.89z' fill='url(//cdn.xuansiwei.com/jiush5426/assets/%23a)' data-name='Слой 3 (копия)'/%3E%3C/g%3E%3C/svg%3E")
}

.capabilities .tile-list .curve-tile_big {
  right: 0;
  bottom: -30%;
  transform: rotate(-20deg);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 994.69 680.66'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='1356.94' y1='373.72' x2='528.66' y2='828.29' gradientTransform='matrix(-1 0 0 1 1600.7 -271.63)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff4d73'/%3E%3Cstop offset='.13' stop-color='%23cd4b80'/%3E%3Cstop offset='.31' stop-color='%238f488f'/%3E%3Cstop offset='.48' stop-color='%235c459c'/%3E%3Cstop offset='.64' stop-color='%233443a6'/%3E%3Cstop offset='.78' stop-color='%231842ad'/%3E%3Cstop offset='.91' stop-color='%230641b1'/%3E%3Cstop offset='1' stop-color='%230041b3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M890.31 616c104.26-109 179.17-433.34-21.95-570C708.54-62.56 692 166.81 508.94 26.81 369-80.19 0 159.2 0 285.4c0 270.94 441.84 13.41 530.21 308 30.86 102.86 266.7 120.31 360.1 22.6z' fill='url(//cdn.xuansiwei.com/jiush5426/assets/%23a)' data-name='Слой 3'/%3E%3C/g%3E%3C/svg%3E")
}

.capabilities .tile-list .tile {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  min-height: 280px;
  max-height: 280px;
  margin-bottom: 30px;
  cursor: pointer;
  -webkit-transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -moz-transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -ms-transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -o-transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 17px 5px rgba(0, 65, 179, .3);
  -moz-box-shadow: 0 0 17px 5px rgba(0, 65, 179, .3);
  box-shadow: 0 0 17px 5px rgba(0, 65, 179, .3);
  justify-content: space-between
}

.capabilities .tile-list .tile:active,
.capabilities .tile-list .tile:hover {
  -webkit-transition: transform .15s ease-in-out;
  -moz-transition: transform .15s ease-in-out;
  -ms-transition: transform .15s ease-in-out;
  -o-transition: transform .15s ease-in-out;
  transition: -webkit-transform .15s ease-in-out;
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important
}

.capabilities .tile-list .tile:active .curve-tile,
.capabilities .tile-list .tile:hover .curve-tile {
  width: 120%;
  transform: scale(6);
  opacity: 1
}

.capabilities .tile-list .tile:active .curve-tile_tail,
.capabilities .tile-list .tile:hover .curve-tile_tail {
  left: 160%;
  width: 150%;
  transform: scale(6) rotate(90deg);
  -webkit-transform: scale(6) rotate(90deg);
  -moz-transform: scale(6) rotate(90deg);
  -ms-transform: scale(6) rotate(90deg);
  -o-transform: scale(6) rotate(90deg)
}

.capabilities .tile-list .tile:active .curve-tile_big,
.capabilities .tile-list .tile:hover .curve-tile_big {
  transform: scale(6) rotate(-20deg);
  -webkit-transform: scale(6) rotate(-20deg);
  -moz-transform: scale(6) rotate(-20deg);
  -ms-transform: scale(6) rotate(-20deg);
  -o-transform: scale(6) rotate(-20deg);
  opacity: 1
}

.capabilities .tile-list .tile:active .tile-date,
.capabilities .tile-list .tile:active .tile-description,
.capabilities .tile-list .tile:active .tile-name,
.capabilities .tile-list .tile:hover .tile-date,
.capabilities .tile-list .tile:hover .tile-description,
.capabilities .tile-list .tile:hover .tile-name {
  color: #fff !important
}

.capabilities .tile-list .tile-name {
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  padding: 19px 15px 0
}

.capabilities .tile-list .tile-description,
.capabilities .tile-list .tile-name {
  overflow: hidden;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  text-overflow: ellipsis;
  color: #000
}

.capabilities .tile-list .tile-description {
  font-size: 20px;
  font-weight: lighter;
  line-height: 1.2;
  padding: 0 15px
}

.capabilities .tile-list .tile-tags {
  display: flex;
  padding: 0 15px
}

.capabilities .tile-list .tile-tag {
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  margin-right: 5px;
  padding: 5px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #2daffd;
  border-radius: 10px;
  background-color: #2daffd
}

.capabilities .tile-list .tile-date {
  font-size: 16px;
  font-weight: lighter;
  overflow: hidden;
  padding: 0 15px 10px;
  -moz-transition: color .3s ease;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  text-overflow: ellipsis;
  color: #000
}

@media (max-width:720px) {
  .capabilities .tile {
    height: unset !important;
    max-height: unset !important
  }
}

.tag-list {
  margin-bottom: 20px
}

.tag-list .tag {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 15px 0;
  cursor: pointer;
  -webkit-transition: background-color .3s ease, color .3s ease, border-color .3s ease, -webkit-transform .3s ease;
  -moz-transition: background-color .3s ease, color .3s ease, border-color .3s ease, -moz-transform .3s ease;
  -ms-transition: background-color .3s ease, color .3s ease, border-color .3s ease, -ms-transform .3s ease;
  -o-transition: background-color .3s ease, color .3s ease, border-color .3s ease, -o-transform .3s ease;
  transition: background-color .3s ease, color .3s ease, border-color .3s ease, transform .3s ease;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  border: 1px solid #2daffd;
  border-radius: 10px;
  background-color: #fff
}

.tag-list .tag:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05)
}

.tag-list .tag.active {
  color: #fff;
  background-color: #2daffd
}

.list-page {
  position: relative;
  overflow: hidden;
  margin-top: 6rem
}

.list-page .tile-list {
  z-index: 2
}

.list-page .tile-list .tile {
  position: relative;
  overflow: hidden;
  min-height: 460px;
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -moz-transition: -moz-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -ms-transition: -ms-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -o-transition: -o-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover
}

.list-page .tile-list .tile:active,
.list-page .tile-list .tile:hover {
  -webkit-transition: -webkit-transform .15s ease-in-out;
  -ms-transition: -ms-transform .15s ease-in-out;
  -moz-transition: -moz-transform .15s ease-in-out;
  -o-transition: -o-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important
}

.list-page .tile-list .tile:active .tile-bg,
.list-page .tile-list .tile:hover .tile-bg {
  opacity: .8
}

.list-page .tile-list .tile-bg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: .9;
  background: linear-gradient(-92deg, #0041b3, #00aeff)
}

.list-page .tile-list .tile-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  padding: 10px 0
}

.list-page .tile-list .tile-name {
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 24px
}

.list-page .tile-list .tile-description,
.list-page .tile-list .tile-name {
  overflow: hidden;
  padding-right: 34px;
  padding-left: 34px;
  text-overflow: ellipsis;
  color: #fff
}

.list-page .tile-list .tile-description {
  font-size: 20px;
  font-weight: lighter
}

.capability-list .tile {
  position: relative;
  overflow: hidden;
  min-height: 460px;
  cursor: pointer;
  -webkit-transition: -webkit-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -moz-transition: -moz-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -ms-transition: -ms-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  -o-transition: -o-transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  transition: transform .3s ease-in-out, box-shadow .1s ease, background .2s ease;
  border-radius: 10px;
  background: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-box-shadow: 0 0 14px 0 #d1d1d1;
  -moz-box-shadow: 0 0 14px 0 #d1d1d1;
  box-shadow: 0 0 14px 0 #d1d1d1
}

.capability-list .tile:active,
.capability-list .tile:hover {
  -webkit-transition: -webkit-transform .15s ease-in-out;
  -moz-transition: -moz-transform .15s ease-in-out;
  -ms-transition: -ms-transform .15s ease-in-out;
  -o-transition: -o-transform .15s ease-in-out;
  transition: transform .15s ease-in-out;
  -webkit-transform: scale(1.05) !important;
  -moz-transform: scale(1.05) !important;
  -ms-transform: scale(1.05) !important;
  -o-transform: scale(1.05) !important;
  transform: scale(1.05) !important
}

.capability-list .tile:active .tile-description,
.capability-list .tile:active .tile-name,
.capability-list .tile:hover .tile-description,
.capability-list .tile:hover .tile-name {
  color: #fff !important
}

.capability-list .tile:active .curve-tile,
.capability-list .tile:hover .curve-tile {
  width: 700%;
  height: 760%
}

.capability-list .tile .image-wrapper {
  position: relative;
  display: flex;
  width: 60%;
  height: 40%;
  margin: 0 auto;
  justify-content: center;
  align-items: center
}

.capability-list .tile .image-wrapper .capability-image {
  width: 90%;
  height: 90%;
  margin-right: -10%;
  margin-left: 10%
}

.capability-list .tile .curve-tile,
.capability-list .tile .image-wrapper .capability-image {
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.capability-list .tile .curve-tile {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transition: width .6s ease, height .6s ease;
  -moz-transition: width .6s ease, height .6s ease;
  -ms-transition: width .6s ease, height .6s ease;
  -o-transition: width .6s ease, height .6s ease;
  transition: width .6s ease, height .6s ease;
  background: url(../image/Snipaste_2022-10-07_17-48-02.png) no-repeat;
  background-size: contain;
  background-position: 80px;
  justify-content: center;
  align-items: center
}

.capability-list .tile-bg {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -ms-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
  opacity: .9
}

.capability-list .tile-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center
}

.capability-list .tile-name {
  font-size: 36px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 24px
}

.capability-list .tile-description,
.capability-list .tile-name {
  overflow: hidden;
  padding-right: 34px;
  padding-left: 34px;
  -webkit-transition: color .3s ease;
  -moz-transition: color .3s ease;
  -ms-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  text-overflow: ellipsis;
  color: #000
}

.capability-list .tile-description {
  font-size: 20px;
  font-weight: lighter;
  margin-bottom: 30px
}

@media (max-width:1200px) {
  .list-page .tile {
    height: unset !important
  }

  .list-page-name {
    font-size: 26px;
    line-height: 30px;
    padding-right: 26px;
    padding-left: 26px
  }

  .list-page-description p {
    font-size: 16px
  }
}

@media (max-width:720px) {
  .list-page .tile {
    height: unset !important
  }
}

.about-main {
  position: relative;
  display: flex;
  overflow: hidden;
  height: calc(100vh - 8rem);
  min-height: 600px;
  padding-top: 8rem;
  background: linear-gradient(-45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3);
  align-items: center
}

.about-main .about-video {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}

.about-main .about-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  background: linear-gradient(-45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.about-main .about-content {
  position: relative;
  display: flex;
  overflow: visible !important;
  width: 100%;
  height: 100%;
  color: #fff;
  justify-content: center;
  align-items: center
}

.about-main h1 {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px;
  text-align: left;
  color: #fff
}

.about-main p {
  font-size: 24px;
  line-height: 1.2;
  color: #fff
}

.about-page {
  overflow: hidden
}

.about-page .curve-container {
  position: relative;
  overflow: visible
}

.about-page .curve-container .curve {
  top: 50vh;
  left: -10%;
  width: 40%;
  height: 100vh
}

.about-page .investors {
  position: relative;
  margin: 3rem 0
}

.about-page .investors-bg {
  width: 100vw;
  transform: translateX(20%)
}

.about-page .investors-content {
  position: absolute;
  top: 0;
  left: 20%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  color: #fff;
  justify-content: center
}

.about-page .investors-content h2 {
  margin: 0
}

.about-page .investors-content p {
  line-height: 1.3;
  margin: 0
}

.about-page .investors-logos {
  width: 120%;
  margin-top: 10px
}

.about-page .investors-logos-wrapper {
  display: flex;
  height: 100px;
  align-items: center
}

.about-page .investors-logos img {
  width: 100%;
  height: auto
}

@media (max-width:720px) {
  .investors {
    background: linear-gradient(-45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
  }

  .investors-bg {
    display: none
  }

  .investors-content {
    position: relative !important
  }
}

@media (max-width:1200px) {
  .about-main h1 {
    font-size: 34px;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0
  }
}

.on-board {
  display: flex;
  flex-direction: column
}

.on-board p {
  width: 80%;
  margin-top: 0
}

.on-board .btn {
  margin: 0 auto
}

.on-board:first-child {
  position: relative
}

.on-board:first-child:after {
  position: absolute;
  right: -20px;
  width: 1px;
  height: 100%;
  content: "";
  background-color: #4a4a4a
}

.on-board .image {
  width: 100%;
  height: 200px
}

.on-board .image img {
  height: 100%
}

.team-block .team-head {
  padding-bottom: 70px
}

.team-block .team-head .tile {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  justify-content: center;
  height: 230px;
  -webkit-transition: transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  border-radius: 10px
}

.team-block .team-head .tile:active .tile-bg,
.team-block .team-head .tile:hover .tile-bg {
  visibility: visible;
  opacity: 1
}

.team-block .team-head .tile-image {
  border-radius: 10px;
  box-shadow: 2px 7px 25px rgba(0, 65, 179, .3)
}

.team-block .team-head .tile-bg {
  font-size: 24px;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  text-align: center;
  opacity: 0;
  color: #fff;
  border-radius: 10px;
  background: linear-gradient(-92deg, rgba(0, 65, 179, .5), rgba(0, 174, 255, .5));
  align-content: center;
  justify-content: center;
  align-items: center
}

.team-block .team-head .tile-name {
  font-size: 20px;
  font-weight: 700;
  text-align: center
}

.team-block .team-head .tile-position {
  font-size: 15px;
  text-align: center
}

.team-block .team-slider {
  position: relative
}

.team-block .team-slider .slider {
  display: flex;
  touch-action: manipulation;
  max-height: 80vh
}

.team-block .team-slider .slider .tns-lazy-img {
  object-fit: cover;
  width: 100%;
  height: auto
}

.team-block .team-slider .slider li:before {
  width: 0;
  height: 0
}

.team-block .team-slider .tns-inner {
  overflow: hidden
}

.team-block .team-slider .tns-liveregion {
  display: none
}

.team-block .team-slider .tns-controls {
  position: relative
}

.team-block .team-slider .tns-controls button {
  position: absolute;
  z-index: 9;
  top: 20vw;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004' width='512' height='512'%3E%3Cpath d='M382.678 226.804L163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z' fill='%23494949'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.team-block .team-slider .tns-controls button:focus {
  outline: 0
}

.team-block .team-slider .tns-controls button:first-child {
  left: 5%;
  transform: rotate(180deg)
}

.team-block .team-slider .tns-controls button:nth-child(2) {
  right: 5%
}

.modal_person h4 {
  font-size: 32px;
  font-weight: 300;
  margin: 0;
  text-align: center
}

.modal_person h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0 0 8px;
  text-align: center;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #009ade
}

.modal_person hr {
  display: block;
  width: 50%;
  height: 1px;
  margin: 25px auto;
  padding: 0;
  border: 0;
  border-top: 4px solid #dfe0e0
}

.modal_person .modal__close {
  position: relative;
  float: right
}

.modal_person .person-description {
  overflow: scroll;
  max-height: 400px
}

.industry-solution {
  position: relative;
  display: flex;
  overflow: hidden !important;
  min-height: calc(80vh - 8rem);
  padding-top: 8rem;
  padding-bottom: 10px;
  color: #fff;
  background: linear-gradient(-45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3);
  justify-content: center;
  align-items: center
}

.industry-solution .about-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255, 77, 115, .5), rgba(217, 75, 163, .6) 14.97%, rgba(123, 71, 148, .7) 46.51%, rgba(57, 68, 165, .8) 72.14%, rgba(16, 66, 175, .9) 89.88%, #3944a5)
}

.industry-solution .ind-image {
  position: absolute
}

.industry-solution h1 {
  font-size: 54px;
  font-weight: 700;
  width: 120%;
  margin-top: 0;
  margin-bottom: 50px;
  margin-left: -10%;
  text-align: center;
  color: #fff
}

.industry-solution p {
  font-size: 24px;
  width: 76%;
  margin: 0 auto;
  color: #fff
}

@media (max-width:1200px) {
  .industry-solution h1 {
    font-size: 26px;
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0
  }

  .industry-solution p {
    font-size: 18px;
    width: 100%
  }
}

.capability-screen {
  overflow: hidden
}

.capability {
  position: relative;
  margin-top: 7rem;
  padding-bottom: 2rem
}

.capability .bg-curve {
  position: absolute;
  z-index: -1;
  top: -10%;
  right: -18%;
  height: 170%;
  opacity: .5 !important
}

.capability .bg-curve-wrapper {
  position: absolute;
  width: 100%;
  height: 100%
}

.capability .bg-curve.reverse-block {
  left: -5%
}

.capability .reverse-block .curve-left {
  left: unset !important
}

h1 {
  font-size: 46px
}

p {
  width: 100%
}

.curve {
  z-index: 1;
  top: 0;
  right: -40%;
  width: 90%;
  height: 100%
}

.curve-left {
  position: absolute;
  left: -20%;
  display: flex;
  width: 60%;
  height: 120%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Слой 3 (копия)' viewBox='0 0 777.64 721.66'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='954.96' x2='1479.42' y1='443.08' y2='967.54' gradientTransform='rotate(-151.87 827.872 700.603)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff4d73'/%3E%3Cstop offset='.19' stop-color='%23d44b7e'/%3E%3Cstop offset='.6' stop-color='%236a4698'/%3E%3Cstop offset='1' stop-color='%230041b3'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(//cdn.xuansiwei.com/jiush5426/assets/%23a)' d='M883.57 540.89c14.18 66.39 36.68 548.57-332 239.21-148-124.19-210.78-95.68-327.71-77.4-99.07 15.48-150.7-198-76.29-363.1 71.1-157.73 354.2-248.51 381.84-111.27 48.16 239.11 288.13 3.42 354.16 312.56z' transform='translate(-112.26 -161.09)'/%3E%3C/svg%3E");
  justify-content: center;
  align-items: center
}

.curve-left,
.curve-left .capability-image {
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.curve-left .capability-image {
  width: 90%;
  height: 90%;
  margin-right: -10%;
  margin-left: -10%
}

@media (max-width:1200px) {
  .capability h1 {
    font-size: 30px;
    padding-top: 0
  }
}

@media (max-width:720px) {
  .capability {
    padding-bottom: 0
  }

  .capability .bg-curve {
    top: 0;
    right: -25%;
    height: 60%;
    opacity: .3 !important
  }

  .capability .bg-curve.reverse-block {
    left: -15%
  }

  .capability .reverse-block .row {
    display: block
  }

  .capability .curve-left {
    position: relative;
    left: unset !important;
    width: 100%;
    height: 200px
  }
}

.tabs-block .tabs {
  display: flex;
  align-items: flex-end
}

.tabs-block .compare-tab {
  position: relative;
  display: block;
  overflow: hidden;
  width: 50%;
  height: 130px;
  padding: 2rem;
  cursor: pointer;
  -webkit-transition: height .3s ease-in-out, opacity .3s ease-in-out;
  transition: height .3s ease-in-out, opacity .3s ease-in-out;
  opacity: .8;
  border: none;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  outline: none;
  background: linear-gradient(20deg, rgba(0, 174, 255, .8), rgba(0, 65, 179, .8));
  -webkit-box-shadow: -6px -5px 17px -5px rgba(0, 65, 179, .3);
  -moz-box-shadow: -6px -5px 17px -5px rgba(0, 65, 179, .3);
  box-shadow: -6px -5px 17px -5px rgba(0, 65, 179, .3);
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px
}

.tabs-block .compare-tab:after {
  font-size: 5rem;
  font-weight: 700;
  line-height: .8;
  position: absolute;
  right: -10px;
  bottom: -10px;
  content: attr(data-compare-tab);
  white-space: nowrap;
  color: hsla(0, 0%, 100%, .8)
}

.tabs-block .compare-tab:active {
  outline: none
}

.tabs-block .compare-tab.active {
  height: 160px;
  opacity: 1
}

.tabs-block .compare-tab .description {
  font-size: 1.2rem;
  line-height: 1;
  color: #fff
}

.tabs-block .compare-list {
  display: none;
  margin-top: 0;
  padding: 40px 60px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background: #fff;
  box-shadow: 2px 7px 25px rgba(0, 65, 179, .3);
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px
}

.tabs-block .compare-list.active {
  display: block
}

.tabs-block .compare-list li {
  position: relative;
  margin-bottom: 30px
}

.tabs-block .compare-list li:before {
  font-weight: 600;
  position: absolute;
  top: 7px;
  left: -30px;
  display: flex;
  width: 20px;
  height: 20px;
  content: "✓";
  color: #fff;
  border-radius: 20px;
  background-color: #00acff;
  justify-content: center
}

.tabs-block .compare-list li .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3
}

.tabs-block .compare-list li .description {
  font-size: 20px;
  font-weight: 300
}

@media (max-width:720px) {
  .compare-tab {
    height: 80px !important
  }

  .compare-tab.active {
    height: 100px !important
  }

  .compare-tab .description {
    display: none
  }
}

.logo-slider {
  position: relative;
  margin: 40px 0
}

.logo-slider .slider {
  display: flex;
  touch-action: manipulation
}

.logo-slider .slider li {
  height: 60px;
  margin-right: 50px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain;
  list-style-type: none
}

.logo-slider .slider li:before {
  width: 0;
  height: 0
}

.logo-slider .tns-inner {
  overflow: hidden
}

.logo-slider .tns-liveregion {
  display: none
}

.logo-slider .tns-controls {
  position: relative
}

.logo-slider .tns-controls button {
  position: absolute;
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004' width='512' height='512'%3E%3Cpath d='M382.678 226.804L163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z' fill='%23494949'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.logo-slider .tns-controls button:focus {
  outline: 0
}

.logo-slider .tns-controls button:first-child {
  left: -70px;
  transform: rotate(180deg)
}

.logo-slider .tns-controls button:nth-child(2) {
  right: -70px
}

.review-slider {
  margin-top: 25px
}

.review-slider .slider {
  display: flex;
  touch-action: manipulation
}

.review-slider .slider li:before {
  width: 0;
  height: 0
}

.review-slider .review-text {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 40px
}

.review-slider .review-name {
  font-size: 18px;
  font-weight: 600;
  margin: 0
}

.review-slider .review-position {
  font-size: 18px
}

.review-slider .tns-item {
  width: 100%;
  height: 100%
}

.review-slider .tns-inner {
  overflow: hidden
}

.review-slider .tns-liveregion {
  display: none
}

.review-slider .tns-nav {
  display: flex;
  justify-content: center
}

.review-slider .tns-nav button {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 20px;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease;
  border: none;
  border-radius: 50%;
  background-color: #d3e0f4
}

.review-slider .tns-nav button:focus {
  outline: 0
}

.review-slider .tns-nav-active {
  background-color: #0041b3 !important
}

@media (max-width:720px) {
  .review-slider .tns-item {
    display: flex;
    flex-wrap: nowrap
  }

  .review-slider .col-2 {
    width: 60px !important
  }
}

.benefits-block .benefit-content {
  display: flex;
  flex-direction: column;
  min-height: 320px;
  justify-content: center
}

.benefits-block .benefit-content p,
.benefits-block .benefit-content span {
  font-size: 18px;
  line-height: 1.3;
  color: #7f8c8d
}

.benefits-block h3 {
  font-size: 28px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin: 0;
  white-space: nowrap
}

.benefits-block h3 a {
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  color: inherit
}

.benefits-block h3.link {
  cursor: pointer;
  user-select: none
}

.benefits-block h3.link:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 2px;
  content: "";
  transition: width .3s ease;
  background-color: #2daffd
}

.benefits-block h3.link a {
  transition: color .3s ease
}

.benefits-block h3.link:active a,
.benefits-block h3.link:hover a {
  color: #00aeff
}

.benefits-block h3.link:active:after,
.benefits-block h3.link:hover:after {
  width: 100%;
  transition: width .2s ease-in-out
}

.benefits-block p {
  font-size: 18px;
  line-height: 1rem;
  margin: 5px 0
}

.benefits-block .in-viewport .blot {
  opacity: .3 !important
}

.benefits-block .blot {
  position: absolute;
  left: 0;
  width: 100%;
  height: 90%
}

.benefits-block .blot img {
  width: 100%;
  height: 100%
}

.benefits-block .blot-wrapper {
  position: relative
}

.benefits-block .benefit {
  min-height: 350px;
  padding-top: 30px
}

.benefits-block .benefit .benefit-image {
  width: 100%;
  height: 320px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

@media (max-width:1200px) {
  .benefits-block .blot {
    display: none
  }

  .benefits-block h3 {
    font-size: 18px;
    white-space: normal
  }
}

@media (max-width:720px) {
  .benefits-block .reverse-block .row {
    display: block !important
  }
}

.list-block .list {
  padding: 0 20%
}

.list-block .list .point {
  display: flex
}

.list-block .list .point:before {
  width: 0;
  height: 0
}

.list-block .list .point .image {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 20px
}

.list-block .list .point .title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  margin-bottom: 20px
}

.list-block .list .point .description {
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 60px;
  padding-bottom: 20px
}

@media (max-width:720px) {
  .list-block .list {
    padding: 0
  }
}

.three-tiles-block h2 {
  margin-bottom: 0 !important
}

.three-tiles-block .tile {
  display: flex;
  flex-direction: column;
  padding: 30px 20px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 2px 7px 25px rgba(0, 65, 179, .3);
  justify-content: flex-start
}

.three-tiles-block .tile-name {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-overflow: ellipsis
}

.three-tiles-block .tile-text {
  font-size: 20px;
  font-weight: 300;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  line-height: 1;
  overflow: hidden;
  margin: 0;
  text-overflow: ellipsis
}

.three-tiles-block .tile-text p {
  margin: 0
}

.three-tiles-block .tile-text ul {
  padding-left: 20px;
  margin: 0
}

.three-tiles-block .tile-text br {
  line-height: 2
}

.three-tiles-block .tile-image {
  min-height: 140px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

@media (max-width:720px) {
  .three-tiles-block .tile {
    height: unset
  }

  .three-tiles-block h2 {
    margin-bottom: 0
  }
}

.four-tiles-block .tile {
  display: flex;
  flex-direction: column;
  height: calc(100% - 40px);
  padding: 20px 10px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 2px 7px 25px rgba(0, 65, 179, .32)
}

.four-tiles-block .tile-name {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  overflow: hidden;
  text-align: center;
  padding-bottom: 15px;
  text-overflow: ellipsis
}

.four-tiles-block .tile-list {
  font-size: 20px;
  font-weight: 300;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  padding-left: 10px;
  text-overflow: ellipsis
}

.four-tiles-block .tile-list ul {
  padding-left: 10px
}

.four-tiles-block .tile-list br {
  line-height: 2
}

.four-tiles-block .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  width: 120%;
  margin-left: -10%
}

@media (max-width:1200px) {
  .four-tiles-block .tile {
    padding: 20px
  }
}

@media (max-width:720px) {
  .four-tiles-block .tile {
    height: unset
  }

  .four-tiles-block h2 {
    margin-bottom: 0
  }

  .four-tiles-block .row-eq-height {
    width: 100%;
    margin-left: unset
  }
}

.table-block .table {
  display: flex;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 0 19px 2px rgba(0, 69, 179, .56);
  -moz-box-shadow: 0 0 19px 2px rgba(0, 69, 179, .56);
  box-shadow: 0 0 19px 2px rgba(0, 69, 179, .56)
}

.table-block .table .item {
  width: 100%;
  padding: 50px
}

.table-block .table .item-name {
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  position: relative;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-left: 30px;
  text-align: center
}

.table-block .table .item-name:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #2daffd
}

.table-block .table .item-list {
  position: relative
}

.table-block .table .item-list li {
  font-size: 20px;
  line-height: 1.3;
  position: relative;
  margin: 15px 0
}

.table-block .table .item-list li:before {
  position: absolute;
  top: 8px;
  left: -15px;
  width: 5px;
  height: 5px;
  content: "";
  border-radius: 5px;
  background-color: #2daffd
}

@media (max-width:1200px) {
  .table-block .table {
    flex-wrap: wrap
  }

  .table-block .table .item {
    padding: 20px
  }
}

.timeline ul {
  padding: 50px 0
}

.timeline ul li {
  position: relative;
  width: 6px;
  margin: 0 auto;
  padding-top: 50px;
  list-style-type: none;
  background: linear-gradient(45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.timeline ul li:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 30px;
  height: 30px;
  content: "";
  transform: translateX(-50%);
  border-radius: 50%;
  background: inherit
}

.timeline ul li div {
  position: relative;
  bottom: 0;
  width: 400px;
  padding: 15px;
  border: 2px solid #00aeff
}

.timeline ul li div:before {
  position: absolute;
  bottom: 7px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid
}

.timeline ul li:nth-child(odd) div {
  left: 45px
}

.timeline ul li:nth-child(odd) div:before {
  left: -27px;
  border-width: 18px 26px 18px 0;
  border-color: transparent #00aeff transparent transparent
}

.timeline ul li:nth-child(2n) div {
  left: -470px
}

.timeline ul li:nth-child(2n) div:before {
  right: -26px;
  border-width: 18px 0 18px 26px;
  border-color: transparent transparent transparent #0041b3
}

time {
  font-size: 1.2rem;
  font-weight: 700;
  display: block;
  margin-bottom: 8px
}

.timeline ul li:after {
  -webkit-transition: background .5s ease-in-out;
  transition: background .5s ease-in-out
}

.timeline ul li.in-viewport:after {
  background-color: #ff4d73
}

.timeline ul li div {
  visibility: hidden;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  opacity: 0
}

.timeline ul li:nth-child(odd) div {
  transform: translate3d(200px, 0, 0)
}

.timeline ul li:nth-child(2n) div {
  transform: translate3d(-200px, 0, 0)
}

.timeline ul li.in-viewport div {
  visibility: visible;
  transform: none;
  opacity: 1
}

@media screen and (max-width:900px) {
  .timeline ul li div {
    width: 250px
  }

  .timeline ul li:nth-child(2n) div {
    left: -320px
  }
}

@media screen and (max-width:600px) {
  .timeline ul li {
    margin-left: 20px
  }

  .timeline ul li div {
    width: calc(100vw - 91px)
  }

  .timeline ul li:nth-child(2n) div {
    left: 45px
  }

  .timeline ul li:nth-child(2n) div:before {
    left: -15px;
    border-width: 18px 26px 18px 0;
    border-color: transparent #00aeff transparent transparent
  }
}

.error {
  margin-top: 8rem
}

.error-container {
  line-height: 1.5em;
  text-align: left
}

.error-container nav {
  user-select: none
}

.error-container nav a {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 30px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
  color: #000
}

.error-container nav a:active,
.error-container nav a:hover {
  color: #2daffd !important
}

.error-container nav .solutions .solution-link {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  padding: 0 !important;
  transition: color .3s ease;
  color: #000
}

.error-container nav .solutions .solution-link:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -8px;
  left: 0;
  background-color: #000;
  transition: background-color .3s ease
}

.error-container nav .solutions .solution-link:hover {
  color: #2daffd !important
}

.error-container nav .solutions .solution-link:hover:after {
  background-color: #2daffd
}

.error-container .pages {
  margin-bottom: 20px
}

.error-container h1 {
  font-size: 60px !important;
  line-height: 1em;
  margin-top: 1em;
  margin-bottom: .5em;
  color: rgba(0, 0, 0, .6)
}

.error-container h2 {
  font-size: 24px !important;
  font-weight: 400 !important
}

.error-status {
  font-size: 14px;
  margin-top: 15px
}

.error-icon {
  position: relative;
  height: 400px;
  margin-top: 100px
}

.error-icon img {
  position: absolute
}

.error-icon>div {
  width: 100%
}

.parallax-img {
  position: absolute
}

.parallax-img_komp {
  left: 140px;
  width: 238px
}

.parallax-img_komp2 {
  width: 38px
}

.parallax-img_telochka1 {
  top: 250px;
  right: 200px;
  width: 50px
}

.parallax-img_telochka2 {
  top: 35px;
  right: 0;
  width: 106px
}

.parallax-img_chuvak1 {
  top: 130px;
  left: -70px;
  width: 82px
}

.parallax-img_chuvak2 {
  top: 250px;
  width: 72px
}

.parallax-img_chuvak-telochka {
  width: 193px
}

.parallax-img_krugi {
  z-index: 0;
  top: 160px;
  right: -90px;
  width: 395px
}

.error-description {
  text-align: left
}

.image-block {
  position: relative;
  overflow: hidden;
  margin: 50px 0;
  padding-bottom: 40px
}

.image-block .curve {
  position: absolute;
  z-index: 0 !important;
  left: -100px;
  width: 40rem;
  height: 100%
}

.image-block .curve svg {
  max-height: 100%
}

.image-block .curve.right {
  right: -100px;
  left: unset !important
}

.image-block .vertical-center {
  display: flex;
  align-items: center
}

.carousel-capability {
  position: relative
}

.carousel-capability .slider {
  display: flex;
  touch-action: manipulation
}

.carousel-capability .slider li {
  height: 300px;
  margin-right: 50px;
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.carousel-capability .slider li:before {
  width: 0;
  height: 0
}

.carousel-capability .tns-item {
  margin: 20px
}

.carousel-capability .tns-item .tile-content {
  justify-content: space-between;
  z-index: 0
}

.carousel-capability .tns-item .tile-content .tile-name {
  font-size: 24px;
  line-height: 25px;
  padding: 0 20px;
  max-height: 25%;
  margin: 30px 0 0
}

.carousel-capability .tns-item .tile-content .tile-description {
  max-height: 35%;
  padding: 0 20px;
  line-height: 1.2
}

.carousel-capability .tns-item .tile-content image-wrapper {
  margin: 0 auto 10px
}

.carousel-capability .tns-inner {
  overflow: hidden
}

.carousel-capability .tns-liveregion {
  display: none
}

.carousel-capability .tns-controls {
  position: absolute;
  top: 45%;
  display: flex;
  width: 120%;
  margin-left: -10%;
  justify-content: space-between
}

.carousel-capability .tns-controls button {
  top: 20px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 492.004 492.004' width='512' height='512'%3E%3Cpath d='M382.678 226.804L163.73 7.86C158.666 2.792 151.906 0 144.698 0s-13.968 2.792-19.032 7.86l-16.124 16.12c-10.492 10.504-10.492 27.576 0 38.064L293.398 245.9l-184.06 184.06c-5.064 5.068-7.86 11.824-7.86 19.028 0 7.212 2.796 13.968 7.86 19.04l16.124 16.116c5.068 5.068 11.824 7.86 19.032 7.86s13.968-2.792 19.032-7.86L382.678 265c5.076-5.084 7.864-11.872 7.848-19.088.016-7.244-2.772-14.028-7.848-19.108z' fill='%23494949'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: contain;
  background-size: contain
}

.carousel-capability .tns-controls button:focus {
  outline: 0
}

.carousel-capability .tns-controls button:first-child {
  transform: rotate(180deg)
}

.carousel-capability .tns-controls button:nth-child(2) {
  right: -70px
}

.case {
  padding: 20px 0
}

.case .row-eq-height {
  margin-bottom: 40px
}

.case h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-top: 20px
}

.case h2,
.case p {
  overflow: hidden;
  text-overflow: ellipsis
}

.case p {
  font-size: 18px;
  font-weight: 300;
  padding-left: 10px
}

.case .result {
  background: linear-gradient(-45deg, #ff4d73, #d54b7e 14.97%, #7b4794 46.51%, #3944a5 72.14%, #1042af 89.88%, #0041b3)
}

.case .result h2,
.case .result p {
  color: #fff !important
}

.case .tile {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 200px;
  margin: 20px 0;
  padding: 10px 40px;
  border-radius: 10px;
  box-shadow: 2px 7px 25px rgba(0, 65, 179, .3)
}

.case .tile .text {
  line-height: 1.4
}

@media (max-width:720px) {
  .case .row-eq-height {
    margin-bottom: 0
  }

  .case h2 {
    font-size: 28px
  }

  .case .tile {
    padding: 10px 15px
  }
}

.survey {
  margin: 6rem auto
}

.survey-bg {
  position: absolute;
  top: 0
}

.survey .iframe iframe {
  width: 100%
}

/*# sourceMappingURL=style.bundle.css.map*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */