@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body, figure {
  margin: 0; }

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

*:focus {
  outline: none; }

a {
  text-decoration: none; }

a:active,
a:hover {
  outline: 0; }

small {
  font-size: 80%; }

img {
  border: 0; }

address {
  font-style: normal; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-appearance: none; }

textarea {
  overflow: auto;
  resize: none; }

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

ul, ol {
  margin: 0;
  padding-left: 0;
  list-style-type: none; }

td, th {
  padding: 0; }

p {
  margin: 0; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

*::-moz-selection {
  background: rgba(24, 125, 238, 0.5); }

*::selection {
  background: rgba(24, 125, 238, 0.5); }

body {
  color: #717171;
  font-family: 'Roboto', sans-serif;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.64;
  font-size: 18px;
  letter-spacing: 0.4px;
  font-weight: 300; }

.wrapper {
  overflow: hidden;
  height: 100%; }

.main {
  padding-top: 40px; }

.disable-hover,
.disable-hover * {
  pointer-events: none !important; }

.main-background {
  pointer-events: none; }

.background__lights {
  position: absolute;
  height: 100%;
  z-index: 1;
  right: 0;
  max-width: 800px; }

.lines {
  opacity: 0.05; }

.mwow, .my2 {
  visibility: visible !important; }

.line {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: rgba(255, 255, 255, 0.3); }

.lights {
  opacity: 0.9; }

.light {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #1b6f79; }

@media (min-width: 320px) {
  body {
    font-size: 14px; }
  html {
    font-size: 12px; } }

@media (min-width: 1024px) {
  html {
    font-size: 14px; } }

@media (min-width: 1700px) {
  html {
    font-size: 16px; } }

@media (min-width: 1800px) {
  html {
    font-size: 18px; } }

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

.row-sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.row-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.text-center {
  text-align: center; }

.container {
  max-width: 1590px;
  padding: 0 30px;
  margin: 0 auto; }

@media(max-width: 1600px){
	.container {
  max-width: 1590px;
  padding: 0 40px;
  margin: 0 auto; }
}

@media (max-width: 1023px) {
  .container {
    padding: 0 15px; } }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  margin-bottom: 0;
  margin-top: 0;
  display: block; }

h1, .h1 {
  font-size: 4.44444rem;
  text-transform: uppercase;
  line-height: 1.2;
  color: #12c9d3;
  letter-spacing: 2.5px;
  font-weight: 700;
  margin-bottom: 3.33333rem; }

h2, .h2 {
  font-size: 2.22222rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 1.22222rem;
  position: relative;
  letter-spacing: 1px;
  text-transform: uppercase; }
  h2 b, .h2 b {
    font-weight: 700; }

h3, .h3 {
  font-size: 1.94444rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 400; }

h4, .h4 {
  font-size: 1.66667rem;
  font-weight: 500;
  line-height: 1.2; }

.text-wrap {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.7; }
  .text-wrap p + p {
    margin-top: 22px; }

.text-wrap ul {
  margin: 20px 0; }
  .text-wrap ul li {
    position: relative;
    padding-left: 25px; }
    .text-wrap ul li:after {
      content: "";
      width: 5px;
      height: 5px;
      position: absolute;
      left: 0;
      top: 6px;
      border-radius: 50%;
      background: #187dee; }

.text-wrap ul, .text-wrap ol {
  margin: 20px 0; }

.text-wrap ol {
  counter-reset: с; }

.text-wrap ol li {
  position: relative;
  counter-increment: c;
  padding-left: 25px; }

.text-wrap ol li:before {
  content: counter(c);
  position: absolute;
  top: 0px;
  color: #717171;
  font-size: 18px;
  left: 0; }

.text-wrap ul li {
  position: relative;
  padding-left: 25px; }

.text-wrap ul li:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 9px;
  border-radius: 50%;
  background: #717171; }

.fancybox-content h1, .fancybox-content .h1 {
  font-size: 2.77778rem;
  margin-bottom: 15px; }

.fancybox-content h2, .fancybox-content .h2 {
  font-size: 2.22222rem;
  margin-bottom: 15px; }

.fancybox-content h3, .fancybox-content .h3 {
  font-size: 1.66667rem;
  margin-bottom: 15px; }

.fancybox-content h4, .fancybox-content .h4 {
  font-size: 1.33333rem;
  margin-bottom: 15px; }

.fancybox-content ul {
  margin: 20px 0; }
  .fancybox-content ul li {
    position: relative;
    padding-left: 25px; }
    .fancybox-content ul li:after {
      content: "";
      width: 5px;
      height: 5px;
      position: absolute;
      left: 0;
      top: 6px;
      border-radius: 50%;
      background: #187dee; }

.fancybox-content ul, .fancybox-content ol {
  margin: 20px 0; }

.fancybox-content ol {
  counter-reset: с; }

.fancybox-content ol li {
  position: relative;
  counter-increment: c;
  padding-left: 25px; }

.fancybox-content ol li:before {
  content: counter(c);
  position: absolute;
  top: 0px;
  color: #187dee;
  font-size: 18px;
  left: 0; }

.fancybox-content ul li {
  position: relative;
  padding-left: 25px; }

.fancybox-content ul li:after {
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 50%;
  background: #187dee; }

@media (max-width: 1560px) {
  h1, .h1 {
    font-size: 3.33333rem; } }

@media (max-width: 1279px) {
  h1, .h1 {
    font-size: 2.22222rem; }
  .text-wrap {
    font-size: 15px; } }

@media (max-width: 479px) {
  h1, .h1 {
    font-size: 1.88889rem; }
  h3, .h3 {
    font-size: 1.22222rem; } }

a {
  text-decoration: none;
  -webkit-transition: color .35s linear;
  -o-transition: color .35s linear;
  transition: color .35s linear; }
  a:hover {
    text-decoration: none; }

.btn {
  min-width: 240px;
  background: #187dee;
  font-size: 12px;
  letter-spacing: 2px;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 48px; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
  height: 120px;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%); }
  .header.stop {
    height: 40px; }
    .header.stop .header-nav {
      opacity: 0;
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%); }
  .header--fixed {
    background: #12c9d3; }
  .header-nav {
    opacity: 1;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
            .header-nav > .row-sb{
			    -webkit-align-items: center;
			    -ms-flex-align: center;
			    align-items: center;
            }
    .header-nav .logo {
      height: 100%;
      width: 210px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .header-nav .logo .fig {
        width: 70px;
        display: block;
        position: relative;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 70px;
                flex: 0 0 70px;
        top: -23px; }
        .header-nav .logo .fig img {
          width: 100%; }
    .header-nav .logo-text {
      height: 100%;
      padding-top: 2px;
      width: 130px; }
  .header a {
    color: #fff; }
  .header-social {
    display: -webkit-box;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 30px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-top: 12px; }
    .header-social li {
      line-height: 0; }
    .header-social .facebook {
      display: inline-block;
      width: 8px;
      margin-right: 20px;
      height: 14px; }
      .header-social .facebook svg {
        width: 100%;
        height: 100%; }
    .header-social .in {
      display: inline-block;
      width: 14px;
      height: 12px; }
      .header-social .in svg {
        width: 100%;
        height: 100%; }
  .header-menu {
    text-transform: uppercase;
    padding: 30px 0;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px; }
    .header-menu .btn-callback {
      display: none; }
    .header-menu li {
      margin-left: 25px; }
      .header-menu li a {
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        border-bottom: 1px solid transparent; }
        .header-menu li a:hover {
          border-bottom: 1px solid #fff; }
  .header-top {
    color: #fff;
    background: #12c9d3;
    -webkit-box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.21);
            box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.21); }
    .header-top .logo {
      display: none; }
    .header-top .btn-callback {
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      font-size: 15px;
      cursor: pointer; }
      .header-top .btn-callback:hover {
        color: #f17a54; }
    .header-top .tel {
      margin: 0 40px;
      padding-left: 20px;
      position: relative;
      font-size: 17px; }
      .header-top .tel:hover {
        color: #f17a54; }
      .header-top .tel:after {
        content: "";
        width: 15px;
        height: 18px;
        position: absolute;
        left: 0px;
        top: 0;
        bottom: 0;
        margin: auto;
        background: url(../img/svg/tel.svg) no-repeat; }
    .header-top .container {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
  .header-language {
    position: absolute;
    right: 35px;
    top: 7px;
    font-size: 15px; }
    .header-language:hover {
      color: #f17a54; }

.download-files {
  line-height: 40px;
  background: #e135ff;
  padding: 0 15px 0 40px;
  font-size: 15px;
  position: relative;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear; }
  .download-files:hover {
    background: #ffc53f; }
  .download-files:after {
    content: "";
    width: 15px;
    height: 18px;
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/svg/ps.svg) no-repeat; }

.menu {
  display: none; }

@media (max-width: 1720px) {
  .header-top .container {
    padding: 0 120px 0 30px; }
/*   .header-language {
    right: 100px; }
  .header-social {
    right: 35px;
    left: auto; } */ }

@media (max-width: 1279px) {
  .header {
    height: 108px; }
  .header-menu {
    font-size: 12px;
    padding: 25px 0; } }

@media (max-width: 1023px) {
  .header-nav .logo {
    width: 160px; } }

@media (max-width: 959px) {
  .header-menu li {
    margin-left: 15px; }
  .header-menu {
    font-size: 11px;
    letter-spacing: 0;
    padding: 21px 0; }
  .header-nav .logo .fig {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    top: -19px;
    max-width: 60px; }
  .header-top .tel {
    margin: 0 15px;
    font-size: 15px; }
  .header-nav .logo-text {
    padding-top: 5px;
    width: 113px; }
  .header {
    height: 100px; }
  .header-top .container {
    padding: 0 90px 0 15px;
  }
  .header-language{
    right: 20px;
  }
  .header-social{
    left: 15px;
  }
  .download-files{
    font-size: 14px;
  }
     }

@media (max-width: 767px) {
  .download-files {
    font-size: 0;
    width: 40px;
    padding: 0; }
  .header.stop .header-nav {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .header-nav {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
  .header {
    height: auto; }
  .header-top .logo {
    width: 100px;
    position: absolute;
    left: 15px;
    top: 7px;
    display: block; }
   .header-top .logo img{
   	width: 100%;
   }
  .header-top .btn-callback {
    display: none; }
  .menu {
    display: block;
    width: 40px;
    position: absolute;
    right: 0;
    height: 40px;
    top: 0;
    border-left: 1px solid #fff; }
    .menu.show .line {
      -webkit-transition-delay: .12s;
           -o-transition-delay: .12s;
              transition-delay: .12s;
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
           -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
              transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg); }
      .menu.show .line:before {
        top: 0;
        -webkit-transition: top 75ms ease,opacity 75ms ease .12s;
        -o-transition: top 75ms ease,opacity 75ms ease .12s;
        transition: top 75ms ease,opacity 75ms ease .12s;
        opacity: 0; }
      .menu.show .line:after {
        bottom: 0;
        -webkit-transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
        transition: bottom 75ms ease, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
        -o-transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
        transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
        transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg); }
    .menu .line {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      background: #fff;
      width: 26px;
      height: 1px;
      -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
           -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
              transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-transition-duration: 75ms;
           -o-transition-duration: 75ms;
              transition-duration: 75ms; }
    .menu .line:after {
      content: "";
      width: 26px;
      height: 1px;
      background: #fff;
      -webkit-transition-timing-function: ease;
           -o-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: .15s;
           -o-transition-duration: .15s;
              transition-duration: .15s;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      position: absolute;
      right: 0;
      bottom: -9px; }
    .menu .line:before {
      content: "";
      background: #fff;
      width: 26px;
      height: 1px;
      -webkit-transition-timing-function: ease;
           -o-transition-timing-function: ease;
              transition-timing-function: ease;
      -webkit-transition-duration: .15s;
           -o-transition-duration: .15s;
              transition-duration: .15s;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      -o-transition-property: transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      position: absolute;
      right: 0;
      top: -9px; }
  .header-language {
    right: 120px; }
  .header-top .container {
    padding: 0 190px 0 15px; }
  .header-social {
    right: 56px;
    left: auto; }
  .header-nav .logo {
    display: none; }
  .header-menu {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 15px;
    overflow: hidden;
    height: auto;
    max-height: 0px;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0);
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    background: rgba(24, 125, 238, 0);
    top: 40px; }
    .header-menu li {
      opacity: 0;
      -webkit-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      -webkit-transition-delay: 0s;
           -o-transition-delay: 0s;
              transition-delay: 0s; }
    .header-menu .btn-callback {
      display: table;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      font-size: 15px;
      cursor: pointer;
      color: #fff;
      margin: 10px auto;
      border-bottom: 1px solid #fff; }
    .header-menu.show {
      -webkit-box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.21);
              box-shadow: 0 2px 21px 0 rgba(0, 0, 0, 0.21);
      background: #12c9d3;
      max-height: 500px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .header-menu.show li {
        opacity: 1;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        -webkit-transition-delay: .4s;
             -o-transition-delay: .4s;
                transition-delay: .4s; }
    .header-menu .row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .header-menu li {
      padding: 11px 0;
      margin: 0 15px;
      letter-spacing: 2px;
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
      .header-menu li:last-child {
        border-bottom: 0; }
  .header-top .tel {
    font-size: 14px; } }

@media (max-width: 599px) {
  .header-top .tel {
    display: none; } }

@media (max-width: 415px) {
  .header-top .logo {
    width: 75px;
    position: absolute;
    left: 15px;
    top: 12px;
    display: block; }
  .header-top .container {
    padding: 0 180px 0 15px; } }

.global-banner {
  padding: 125px 0 255px;
  background: url(../img/banner-bg.jpg) no-repeat;
  font-size: 18px;
  font-weight: 300;
  pointer-events: none;
  z-index: 3;
  position: relative;
  background-position: center bottom;
  background-size: cover; }
    .global-banner .container{
      pointer-events: auto;
    }
  .global-banner .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .global-banner__text {
    padding-left: 40px;
    position: relative;
    z-index: 2;
    color: #fff;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 68%;
            flex: 0 0 68%;
    max-width: 68%; }
  .global-banner .h1, .global-banner h1 {
    margin-bottom: 10px;
    color: #fff;
    letter-spacing: 8px; }
    @media(max-width: 415px){
      .global-banner .h1, .global-banner h1{
        letter-spacing: 5px;
      }
    }
  .global-banner .h3, .global-banner h3 {
    font-weight: 500;
    margin-bottom: 30px; }
  .global-banner .text-wrap {
    margin-bottom: 38px;
    opacity: 0.67;
    line-height: 1.8; }
  .global-banner .link-more {
    margin-bottom: 1.66667rem;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #fff;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear; }
    .global-banner .link-more:hover {
      border-bottom: 1px solid transparent; }
  .global-banner .link-other {
    display: inline-block;
    margin: 20px 15px 0 0;
    position: relative;
    z-index: 2;
    width: 185px;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear; }
  .global-banner .orbit-n {
    left: 48%;
    top: -2%;
    width: 95px;
    height: 95px;
    background: #187dee;
    -webkit-animation: orbit1 50s linear infinite;
            animation: orbit1 50s linear infinite; }
  .global-banner .fig-circle-s {
    right: 2%;
    top: 24%;
    background: #187dee; }
  .global-banner .orbit-b {
    left: 35%;
    width: 140px;
    height: 140px;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important;
    top: 56%;
    background: #187dee;
    -webkit-animation: orbit1 66s linear infinite;
            animation: orbit1 66s linear infinite; }
  .global-banner__fig {
    position: relative;
    z-index: 2; }
    .global-banner__fig .gif {
      position: absolute;
      top: 51px;
      left: 96px;
      z-index: -1; }

@-webkit-keyframes orbit1 {
  0% {
    left: 48%;
    top: -2%; }
  5% {
    left: 68%;
    top: 9%; }
  10% {
    left: 85%;
    top: 22%; }
  15% {
    left: 98%;
    top: 37%; }
  20% {
    left: 115%;
    top: 66%; }
  25% {
    left: 96%;
    top: 71%; }
  30% {
    left: 78%;
    top: 73%; }
  35% {
    left: 55%;
    top: 68%; }
  40% {
    left: 39%;
    top: 61%; }
  45% {
    left: 19%;
    top: 49%; }
  50% {
    left: 3%;
    top: 34%; }
  55% {
    left: -13%;
    top: 14%; }
  70% {
    left: -6%;
    top: -26%; }
  90% {
    left: 28%;
    top: -16%; }
  100% {
    left: 48%;
    top: -2%; } }

@keyframes orbit1 {
  0% {
    left: 48%;
    top: -2%; }
  5% {
    left: 68%;
    top: 9%; }
  10% {
    left: 85%;
    top: 22%; }
  15% {
    left: 98%;
    top: 37%; }
  20% {
    left: 115%;
    top: 66%; }
  25% {
    left: 96%;
    top: 71%; }
  30% {
    left: 78%;
    top: 73%; }
  35% {
    left: 55%;
    top: 68%; }
  40% {
    left: 39%;
    top: 61%; }
  45% {
    left: 19%;
    top: 49%; }
  50% {
    left: 3%;
    top: 34%; }
  55% {
    left: -13%;
    top: 14%; }
  70% {
    left: -6%;
    top: -26%; }
  90% {
    left: 28%;
    top: -16%; }
  100% {
    left: 48%;
    top: -2%; } }

.fig-circle, .orbit {
  width: 90px;
  height: 90px;
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
  -webkit-box-shadow: inset 0 0 5px tomato, 0 0 5px black;
          box-shadow: inset 0 0 5px tomato, 0 0 5px black; }
  .fig-circle-n, .orbit-n {
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
  .fig-circle-xn, .orbit-xn {
    width: 120px;
    height: 120px;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
  .fig-circle-s, .orbit-s {
    width: 68px;
    height: 68px;
    -webkit-box-shadow: inset -18px -18px 25px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 25px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
  .fig-circle-xs, .orbit-xs {
    width: 50px;
    height: 50px;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
  .fig-circle-b, .orbit-b {
    width: 168px;
    height: 168px;
    -webkit-box-shadow: inset -10px -10px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -10px -10px 35px 0 rgba(0, 0, 0, 0.1), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }

.global-banner__fig {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  margin-right: 5%;
  max-width: 400px; }
  .global-banner__fig img {
    width: 100%; }

.global-banner__fig .gif {
  position: absolute;
  top: 41px;
  left: 73px;
  z-index: -1;
  width: 251px; }

@media (max-width: 1800px) {
  .global-banner {
    padding-top: 80px;
    padding-bottom: 220px; }
  .global-banner .fig-circle-n {
    top: 3%; }
  @-webkit-keyframes orbit1 {
    0% {
      left: 48%;
      top: 3%; }
    5% {
      left: 65%;
      top: 12%; }
    10% {
      left: 85%;
      top: 27%; }
    15% {
      left: 103%;
      top: 50%; }
    20% {
      left: 115%;
      top: 66%; }
    25% {
      left: 96%;
      top: 71%; }
    30% {
      left: 78%;
      top: 74%; }
    35% {
      left: 52%;
      top: 68%; }
    40% {
      left: 31%;
      top: 58%; }
    45% {
      left: 11%;
      top: 45%; }
    50% {
      left: -14%;
      top: 18%; }
    55% {
      left: -15%;
      top: -18%; }
    60% {
      left: 5%;
      top: -16%; }
    85% {
      left: 5%;
      top: -16%; }
    95% {
      left: 28%;
      top: -5%; }
    100% {
      left: 48%;
      top: 3%; } }
  @keyframes orbit1 {
    0% {
      left: 48%;
      top: 3%; }
    5% {
      left: 65%;
      top: 12%; }
    10% {
      left: 85%;
      top: 27%; }
    15% {
      left: 103%;
      top: 50%; }
    20% {
      left: 115%;
      top: 66%; }
    25% {
      left: 96%;
      top: 71%; }
    30% {
      left: 78%;
      top: 74%; }
    35% {
      left: 52%;
      top: 68%; }
    40% {
      left: 31%;
      top: 58%; }
    45% {
      left: 11%;
      top: 45%; }
    50% {
      left: -14%;
      top: 18%; }
    55% {
      left: -15%;
      top: -18%; }
    60% {
      left: 5%;
      top: -16%; }
    85% {
      left: 5%;
      top: -16%; }
    95% {
      left: 28%;
      top: -5%; }
    100% {
      left: 48%;
      top: 3%; } } }

@media(max-width: 1600px){
	.global-banner__text{
		padding-left: 0;
	}
}
@media (max-width: 1400px) {
  .global-banner__fig {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 350px;
            flex: 0 0 350px;
    margin-right: 2%;
    max-width: 350px; }
  .global-banner__fig .gif {
        position: absolute;
    top: 35px;
    left: 65px;
    z-index: -1;
    width: 220px;}
  .global-banner {
    padding-top: 80px;
    padding-bottom: 141px; } }

@media (max-width: 1279px) {
  .global-banner__text {
    padding-right: 30px;
    padding-left: 0; }
  .orbit {
    -webkit-animation: none !important;
            animation: none !important; } }

@media (max-width: 1023px) {
  .global-banner {
    padding-top: 110px; }
  .global-banner__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    max-width: 60%; } }

@media (max-width: 767px) {
  .global-banner {
    padding-top: 50px;
    min-height: 360px;
    padding-bottom: 40px;
    font-size: 14px;
    background-size: contain;
    background-position: center;
    background-color: #12c9d3; }
  .global-banner__text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0; }
  .global-banner__fig {
    display: none; } }

@media (max-width: 599px) {
  .global-banner .text-wrap {
    opacity: 1; }
  .global-banner .link-other {
    width: auto; }
    .global-banner .link-other img {
      width: 100%; } }

.link-more {
  margin-bottom: 1.66667rem;
  text-transform: uppercase;
  display: table;
  color: #fff;
  position: relative;
  border-bottom: 1px solid #fff;
  font-weight: 300;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear; }
  .link-more:hover {
    border-bottom: 1px solid transparent; }
  .link-more.link-more-b {
    color: #187dee;
    border-bottom: 1px solid #187dee; }
    .link-more.link-more-b:hover {
      border-bottom: 1px solid transparent; }

.link-ps {
  position: relative;
  	z-index: 200;
  padding: 0 0 0 70px;
  line-height: 55px;
  display: inline-block;
  /* -webkit-transition: all .5s ;
  -o-transition: all .5s ;
  transition: all .5s ;  */
  text-transform: uppercase;
  color: #fff;  
}
  .link-ps:after {
    content: "";
    width: 55px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 55px;
    border-radius: 50%;
    background-image: url(../img/svg/ps.svg);
    background-size: 22px 28px;
    background-position: center;
    background-color: #ffc53f;
    background-repeat: no-repeat;
    /* -webkit-box-shadow: 9px 9px 16px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 9px 9px 16px 0 rgba(0, 0, 0, 0.24);
    -webkit-transition: all .5s ;
    -o-transition: all .5s ;
    transition: all .5s ;  */
}
  .link-ps:hover:after {
    background-color: #e135ff;
    -webkit-box-shadow: 11px 11px 26px 0 rgba(0, 0, 0, 0.34);
            box-shadow: 11px 11px 26px 0 rgba(0, 0, 0, 0.34); }

.link-faq {
  position: relative;
  font-size: 18px;
  padding: 0 0 0 70px;
  pointer-events: auto;
  line-height: 55px;
  color: #717171;
  display: table;
  margin-top: 55px;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
  text-transform: uppercase; }
  .link-faq i {
    width: 55px;
    position: absolute;
    left: 0;
    height: 55px;
    font-size: 28px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    border-radius: 50%;
    background-color: #ffc53f;
    background-repeat: no-repeat;
    -webkit-box-shadow: 9px 9px 16px 0 rgba(0, 0, 0, 0.24);
            box-shadow: 9px 9px 16px 0 rgba(0, 0, 0, 0.24);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear; }
  .link-faq:hover i {
    background-color: #e135ff; }

.jcf-scrollable-wrapper {
  margin-bottom: 30px; }

.jcf-scrollbar-dec {
  position: absolute;
  left: 0;
  right: 0;
  top: -20px;
  width: 0;
  height: 0;
  cursor: pointer;
  margin: auto;
  border-bottom: 18px solid #dde7f1;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent; }

.jcf-scrollbar-inc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  width: 0;
  height: 0;
  cursor: pointer;
  margin: auto;
  border-top: 18px solid #dde7f1;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent; }

.jcf-scrollbar {
  position: static !important; }

.interviewer-section {
  position: relative;
  overflow: hidden; 
  z-index: 2;
  padding-top: 120px;
  padding-bottom: 138px;
  /* background: url(../img/interviewer-bg.jpg) no-repeat; */
  /* background-size: cover; */
  /* background-position: center; */
/*       background: url(../img/border-b.png) no-repeat;
    background-position: center bottom; */
   }
/*   .interviewer-section:after{
    content: "";
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    height: 100%;
    background: url(../img/border-b.png) no-repeat;
    background-position: center bottom;
  } */
  .interviewer-section .jcf-scrollable {
    width: 100% !important;
    overflow: hidden; }
  .interviewer-section .container {
    pointer-events: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    z-index: 2; }
  .interviewer-section .fig-circle {
    background: #fff;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.18), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.18), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
    .interviewer-section .fig-circle-xs {
      top: 25%;
      left: 2%; }
    .interviewer-section .fig-circle-n {
      right: 2%;
      top: 24%; }
    .interviewer-section .fig-circle-xn {
      bottom: 10%;
      right: 41%; }

.interviewer-text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  max-width: 70%; }
  .interviewer-text .text-wrap {
    max-width: 880px;
    color: #5f5f5f;
    font-size: 19px;
    margin-bottom: 25px; }
  .interviewer-text .h1 {
    color: #12c9d3;
    margin-bottom: 2.33333rem; }

@media (max-width: 1590px) {
  .interviewer-section {
    background-size: cover; } }

@media (max-width: 767px) {
  .interviewer-section {
    margin-top: 0;
    padding-top: 50px;
    padding-bottom: 70px;
    background: #fff; }
  .interviewer-text .text-wrap {
    padding-right: 30px; } }

@media (max-width: 599px) {
  .link-faq{
    line-height: 30px;
    height: 52px;
    display: flex;
    align-items: center;;
    font-size: 15px;
  }
  .interviewer-section .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .interviewer-text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .progress-list {
    display: none; }
  .interviewer-text .text-wrap {
    padding-right: 0; } }

@media (max-width: 374px) {
  .link-faq {
    line-height: 27px;
    letter-spacing: 1.5px; } }
.progress-list{
	margin-right: 6%;
}
.progress-list li {
  text-transform: uppercase;
  text-align: center;
  font-weight: 500;
  font-size: 18px; }
  .progress-list li .number {
    color: #12c9d3;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 4px;
    font-size: 4.44444rem;
    font-weight: 700;
    line-height: 1;
    display: block;
    text-align: center;
    margin-bottom: 10px; }
  .progress-list li + li {
    margin-top: 4.77778rem; }

@media(max-width:1800px){
	.progress-list {
    	margin-right: 9%;
	}
}
@media (max-width: 1279px) {
  .progress-list li + li {
    margin-top: 4.44444rem; } 
	.progress-list li .number{
		font-size: 2.22222rem;
	}
	.progress-list {
    	margin-right: 6%;
	}
}

@media (max-width: 1023px) {
	.progress-list li{
		font-size: 16px;
     }
}

@media (max-width: 767px) {
  .progress-list li {
    font-size: 14px; } }

.data-section {
  margin-top: -1px;
  position: relative; }
  .data-section .fig-circle {
    background: #187dee;
    z-index: 3; }
    .data-section .fig-circle-s {
      top: 19%;
      left: 2%; }
    .data-section .fig-circle-n {
      left: 21%; }
    .data-section .fig-circle-s:nth-child(2) {
      top: 15%;
      right: 1%;
      left: auto; }
  .data-section .slick-dots {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: absolute;
    left: 0;
    top: -84px;
    right: 0;
    max-width: 1590px;
    margin: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    text-transform: uppercase;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 30px; }
    .data-section .slick-dots li {
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      margin: 0 15px; }
      .data-section .slick-dots li:after {
        content: "";
        border-bottom: 25px solid #fff;
        position: absolute;
        width: 0;
        height: 0;
        margin: auto;
        opacity: 0;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        left: 0;
        right: 0;
        top: 58px;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent; }
      .data-section .slick-dots li:before {
        content: "";
        border-bottom: 25px solid #12c9d3;
        position: absolute;
        width: 0;
        height: 0;
        margin: auto;
        left: 0;
        opacity: 0;
        -webkit-transition: all .4s linear;
        -o-transition: all .4s linear;
        transition: all .4s linear;
        top: 59px;
        right: 0;
        z-index: 1;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent; }
      .data-section .slick-dots li.slick-active {
        font-size: 24px; }
        .data-section .slick-dots li.slick-active:after, .data-section .slick-dots li.slick-active::before {
          opacity: 1; }

.data-nav {
  background: #12c9d3;
  padding-top: 3rem;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  border-bottom: 1px solid #fff;
  color: #fff; }
  .data-nav .logo {
    display: inline-block;
    width: 130px;
}
    .data-nav .logo img {
      width: 100%; }
  .data-nav .container {
    padding-top: 30px;
    padding-bottom: 25px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.data-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px; }
  .data-title li {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    margin: 0 15px; }
    .data-title li:after {
      content: "";
      border-bottom: 25px solid #fff;
      position: absolute;
      width: 0;
      height: 0;
      margin: auto;
      opacity: 0;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      left: 0;
      right: 0;
      top: 58px;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent; }
    .data-title li:before {
      content: "";
      border-bottom: 25px solid #12c9d3;
      position: absolute;
      width: 0;
      height: 0;
      margin: auto;
      left: 0;
      opacity: 0;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      top: 59px;
      right: 0;
      z-index: 1;
      border-left: 25px solid transparent;
      border-right: 25px solid transparent; }
    .data-title li.show {
      font-size: 24px; }
      .data-title li.show:after, .data-title li.show::before {
        opacity: 1; }

.data-items {
  color: #fff;
  background-size: cover;
  position: relative; }
  .data-items .arrow-left {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-right: 30px solid #fff;
    border-top: 33px solid transparent;
    opacity: 0.6;
    border-bottom: 33px solid transparent;
    left: 60px;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    cursor: pointer; }
    .data-items .arrow-left:hover {
    	opacity: 1;
      border-right: 30px solid #fff; }
  .data-items .arrow-right {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 30px solid #fff;
    opacity: 0.6;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    right: 60px;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    cursor: pointer; }
    .data-items .arrow-right:hover {
    	opacity: 1;
      border-left: 30px solid #fff; }
  .data-items .data-items__slider {
    position: relative;
    z-index: 2; }
    .data-items .data-items__slider .img {
      position: relative;
      right: 170px; 
    }
    .data-items .data-items__slider .slick-slide:nth-child(4) .img{
      right: auto;
    }
  .data-items .text-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 52%;
            flex: 0 0 52%;
    max-width: 52%;
    padding-top: 40px; }
   .data-items .container{
   	position: relative;
  	z-index: 4;
   }
    .data-items .text-wrap .h1 {
      color: #fff;
      margin-bottom: 3.61111rem;
      font-size: 3.77778rem; }
    .data-items .text-wrap .link-ps {
      margin-top: 55px; }
      .data-items .text-wrap .link-ps + .link-ps {
        margin-top: 30px;
        margin-left: 15px; }
    .data-items .text-wrap .jcf-scrollable {
      width: 100% !important;
      overflow: hidden;
      margin-bottom: 30px; }
    .data-items .slick-slide{
      height: auto;
    }
  .data-items .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    font-size: 18px;
    background-size: cover;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-position: bottom; }
    .data-items .item .bg {
      height: 100%;
      background: #12c9d3;
      padding: 3.22222rem 30px 6.11111rem; }
    .data-items .item .img {
      position: relative;
      z-index: 1;
      margin-right: -35px; }
      .data-items .item .img img {
        position: relative;
        z-index: 1; }
      .data-items .item .img .gif {
        top: 52px;
        position: absolute;
        left: 18%;
        z-index: 0; }
    .data-items .item .img-gif {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 400px;
              flex: 0 0 400px;
      margin-right: 0;
      max-width: 400px; }
      .data-items .item .img-gif img {
        width: 100%; }
      .data-items .item .img-gif .gif {
        position: absolute;
        top: 41px;
        left: 73px;
        z-index: -1;
        width: 251px; }

@-webkit-keyframes b_pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
    opacity: 0.5; }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.3; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.0; } }

@keyframes b_pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
    opacity: 0.5; }
  75% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.3; }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.0; } }

@-webkit-keyframes b_pulse2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    opacity: 0.5; }
  75% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.3; }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.0; } }

@keyframes b_pulse2 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.0; }
  25% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
    opacity: 1; }
  50% {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
    opacity: 0.5; }
  75% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0.3; }
  100% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    opacity: 0.0; } }

@media (max-width: 1800px) {
  .data-items .item .img {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    margin: 0; }
    .data-items .item .img img {
      max-width: 100%;
      max-height: 100%; }
    .data-items .item .img #img_screen {
      width: 130%;
      height: auto;
      position: relative;
      right: 40px;
  }
  .data-items .item .img-gif {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
            flex: 0 0 400px;
    margin-right: 0;
    max-width: 400px; }
    .data-items .item .img-gif img {
      width: 100%; }
    .data-items .item .img-gif .gif {
      position: absolute;
      top: 41px;
      left: 73px;
      z-index: -1;
      width: 251px; }
  .data-items .data-items__slider .slick-slide:nth-child(4) .img {
    right: -85px; }
  .data-items .bg {
    padding-left: 80px;
    padding-right: 80px;
    background-size: cover;
    background-position: right center; }
  .data-items .arrow-left {
    left: 20px; }
  .data-items .arrow-right {
    right: 20px; }
  .data-items .text-wrap .link-ps {
    margin-top: 25px; }
  .data-items {
    background-position: right; }
  .data-items .text-wrap .h1 {
    font-size: 3rem; }
  .data-section .slick-dots li:before {
    top: 52px; }
  .data-section .slick-dots {
    font-size: 14px;
    top: -75px; }
    .data-section .slick-dots li.slick-active {
      font-size: 18px; }
    .data-section .slick-dots li:after {
      top: 50px; }
  .data-items .data-items__slider .img {
    right: -80px; }
    .data-items .data-items__slider .slick-slide:nth-child(4) .img{
      right: auto;
    }
  }

@media (max-width: 1660px) {
  .data-items .data-items__slider .img {
    right: -40px; }
  .data-items .data-items__slider .slick-slide:nth-child(4) .img{
      right: auto;
    }
     }

@media (max-width: 1400px) {
  .data-items .data-items__slider .img{
    right: -85px;
  }
  .data-items .item .img #img_screen{
    right: 20px;
  }
  .data-items .item .img-gif {
    -ms-flex: 0 0 350px;
    -webkit-box-flex: 0;
            flex: 0 0 350px;
    max-width: 350px; }
    .data-items .item .img-gif .gif {
      top: 37px;
    left: 65px;
    z-index: -1;
    width: 219px; } }

@media (max-width: 1279px) {
  .data-items .text-wrap .h1 {
    margin-bottom: 30px; }
  .data-section .slick-dots {
    font-size: 12px; }
  .data-section .slick-dots li.slick-active {
    font-size: 14px; }
  .data-items .text-wrap .h1 {
    font-size: 2rem; } }

@media (max-width: 1100px) {
  .data-nav .logo {
    width: 160px;
    height: 100%; }
  .data-section .slick-dots {
    top: -65px; }
  .data-nav .container {
    padding-bottom: 20px; }
  .data-section .slick-dots li:after {
    top: 40px; }
  .data-section .slick-dots li:before {
    top: 42px; } }

@media (max-width: 1023px) {
  .data-items .bg {
    padding-left: 60px;
    padding-right: 60px;
    background: url(../img/bg3.jpg) no-repeat;
    background-size: cover; }
  .data-items .arrow-right {
    border-left: 18px solid #fff;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    opacity: 0.7;
    right: 20px; }
    .data-items .arrow-right:hover {
    	opacity: 1
      border-left: 18px solid #fff; }
  .data-items .arrow-left {
    border-right: 18px solid #fff;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    opacity: 0.7;
    left: 20px; }
    .data-items .arrow-left:hover {
    	opacity: 1
      border-right: 18px solid #fff; }
  .data-items .data-items__slider {
    min-height: 700px; }
  .data-title li:before {
    top: 32px; }
  .data-title li:after {
    top: 30px; } 
.data-items .text-wrap .link-ps + .link-ps{
	margin-left: 0;
	}
	.data-items .data-items__slider .img{
		right: 0;
	}
	.data-items .item .img{
		flex: 0 0 64%;
	}
	.data-items .data-items__slider .img,.data-items .data-items__slider .slick-slide:nth-child(4) .img{
		right: 90px;
	}
	.data-items .data-items__slider{
		min-height: 100%;
	}
}

@media (max-width: 900px) {

  .data-nav {
    padding: 25px 0; }
    .data-nav .logo {
      display: none; }
  .data-items .item .img {
    display: none; }
  .data-items .text-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    padding-top: 0; }
  .data-section .slick-dots {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; } }

@media (max-width: 629px) {
  .data-section .slick-dots {
    display: none !important; }
  .data-items .text-wrap .link-ps {
    padding-bottom: 0px; }
  .data-items .bg {
    padding-left: 30px;
    padding-right: 30px; }
  .data-items .arrow-right {
    right: 10px; }
  .data-items .arrow-left {
    left: 10px; }
  .data-nav {
    display: none; }
  .data-items .item .bg {
    padding-bottom: 60px; }
  .data-items .text-wrap .link-ps + .link-ps {
    display: table;
    margin: 35px 0 0; }
  .data-items .text-wrap .link-ps {
    line-height: 26px;
    font-size: 14px;
    margin-top: 10px; } }

.trust-section {
  padding: 8.16667rem 0 9.44444rem;
  position: relative;
 =}
  .trust-section .jcf-scrollable {
    width: 100% !important;
    /* height: 100%; */
    /* overflow: hidden; */
    margin-bottom: 30px; }
  .trust-section.animated .img, .trust-section.animated .text-wrap {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    opacity: 1; }
    .trust-section .fig-circle-s{
    	background: #fff;
    	right: 5%;
    	top: 45%;
    }
    .trust-section .fig-circle-n:nth-child(2){
    	background: #fff;
    	left: 30%;
    	top: 30%;
    }
.trust-section  .link-other {
    display: inline-block;
    margin: 20px 15px 0 0;
    position: relative;
    z-index: 2;
    width: 185px;
    -webkit-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
  }
  .trust-section .fig-circle-n {
    background: #fff;
    top: 21%;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
    left: 1%; }
  .trust-section .text-wrap {
    color: #5f5f5f;
    font-size: 19px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
            transform: translateX(-100px);
    opacity: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s; }
    .trust-section .text-wrap .h1 {
      letter-spacing:2.5px;
      margin-bottom: 2.77778rem; }
  .trust-section .img {
    margin-left: -42px;
    margin-top: -16px;
    width: 490px;
    height: 470px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 490px;
            flex: 0 0 490px;
    position: relative;
    -webkit-transform: translateX(100px);
        -ms-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s; }
    .trust-section .img .fig {
      position: absolute;
      width: 225px;
      height: 255px; }
      .trust-section .img .fig img {
        width: 100%; }
      .trust-section .img .fig1 {
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        -webkit-animation: fig1 14s linear infinite;
                animation: fig1 14s linear infinite;
        -webkit-animation-delay: 2s;
                animation-delay: 2s; }
      .trust-section .img .fig2 {
        right: 0;
        bottom: 0;
        -webkit-animation: fig2 14s linear infinite;
                animation: fig2 14s linear infinite;
        -webkit-animation-delay: 2s;
                animation-delay: 2s; }
      .trust-section .img .fig3 {
        left: 0;
        bottom: 0;
        -webkit-animation: fig3 14s linear infinite;
                animation: fig3 14s linear infinite;
        -webkit-animation-delay: 2s;
                animation-delay: 2s; }
  .trust-section .text {
    max-width: 820px;
    margin-bottom: 1.77778rem; }
    .trust-section .text-wrap .link-ps{
      display: table;
      color: #717171;
      margin-top:20px;
    }
    .trust-section .text-wrap .link-ps:hover{
      color: #187dee;
    }
  .trust-section .link-more {
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    color: #717171;
    border-bottom: 1px solid #717171; }
    .trust-section .link-more:hover {
      border-bottom: 1px solid transparent;
      color: #187dee; }

.data-items__slider .slick-slide > div{
  height: 100%;
}
.data-items__slider .slick-track{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

@-webkit-keyframes fig1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  16% {
    -webkit-transform: translate3d(59%, 84%, 0);
            transform: translate3d(59%, 84%, 0); }
  32% {
    -webkit-transform: translate3d(59%, 84%, 0);
            transform: translate3d(59%, 84%, 0); }
  48% {
    -webkit-transform: translate3d(-59%, 84%, 0);
            transform: translate3d(-59%, 84%, 0); }
  64% {
    -webkit-transform: translate3d(-59%, 84%, 0);
            transform: translate3d(-59%, 84%, 0); }
  80% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); } }

@keyframes fig1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  16% {
    -webkit-transform: translate3d(59%, 84%, 0);
            transform: translate3d(59%, 84%, 0); }
  32% {
    -webkit-transform: translate3d(59%, 84%, 0);
            transform: translate3d(59%, 84%, 0); }
  48% {
    -webkit-transform: translate3d(-59%, 84%, 0);
            transform: translate3d(-59%, 84%, 0); }
  64% {
    -webkit-transform: translate3d(-59%, 84%, 0);
            transform: translate3d(-59%, 84%, 0); }
  80% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); } }

@-webkit-keyframes fig2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  16% {
    -webkit-transform: translate3d(-118%, 0%, 0);
            transform: translate3d(-118%, 0%, 0); }
  32% {
    -webkit-transform: translate3d(-118%, 0%, 0);
            transform: translate3d(-118%, 0%, 0); }
  48% {
    -webkit-transform: translate3d(-59%, -84%, 0);
            transform: translate3d(-59%, -84%, 0); }
  64% {
    -webkit-transform: translate3d(-59%, -84%, 0);
            transform: translate3d(-59%, -84%, 0); }
  80% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); } }

@keyframes fig2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  16% {
    -webkit-transform: translate3d(-118%, 0%, 0);
            transform: translate3d(-118%, 0%, 0); }
  32% {
    -webkit-transform: translate3d(-118%, 0%, 0);
            transform: translate3d(-118%, 0%, 0); }
  48% {
    -webkit-transform: translate3d(-59%, -84%, 0);
            transform: translate3d(-59%, -84%, 0); }
  64% {
    -webkit-transform: translate3d(-59%, -84%, 0);
            transform: translate3d(-59%, -84%, 0); }
  80% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); } }

@-webkit-keyframes fig3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  16% {
    -webkit-transform: translate3d(59%, -85%, 0);
            transform: translate3d(59%, -85%, 0); }
  32% {
    -webkit-transform: translate3d(59%, -85%, 0);
            transform: translate3d(59%, -85%, 0); }
  48% {
    -webkit-transform: translate3d(118%, 0%, 0);
            transform: translate3d(118%, 0%, 0); }
  64% {
    -webkit-transform: translate3d(118%, 0%, 0);
            transform: translate3d(118%, 0%, 0); }
  80% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); } }

@keyframes fig3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  16% {
    -webkit-transform: translate3d(59%, -85%, 0);
            transform: translate3d(59%, -85%, 0); }
  32% {
    -webkit-transform: translate3d(59%, -85%, 0);
            transform: translate3d(59%, -85%, 0); }
  48% {
    -webkit-transform: translate3d(118%, 0%, 0);
            transform: translate3d(118%, 0%, 0); }
  64% {
    -webkit-transform: translate3d(118%, 0%, 0);
            transform: translate3d(118%, 0%, 0); }
  80% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); }
  100% {
    -webkit-transform: translate3d(0%, 0%, 0);
            transform: translate3d(0%, 0%, 0); } }

@media (max-width: 1590px) {
  .trust-section {
    padding: 9rem 0; }
  .trust-section .img {
    margin: 0; } }

@media (max-width: 1280px) {
  .trust-section {
    padding: 7rem 0; }
  .trust-section .img {
    width: 290px;
    height: 290px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 290px;
            flex: 0 0 290px; }
  .trust-section .img .fig {
    width: 125px;
    height: 155px; }
  @-webkit-keyframes fig1 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    16% {
      -webkit-transform: translate3d(65%, 87%, 0);
              transform: translate3d(65%, 87%, 0); }
    32% {
      -webkit-transform: translate3d(65%, 87%, 0);
              transform: translate3d(65%, 87%, 0); }
    48% {
      -webkit-transform: translate3d(-66%, 87%, 0);
              transform: translate3d(-66%, 87%, 0); }
    64% {
      -webkit-transform: translate3d(-66%, 87%, 0);
              transform: translate3d(-66%, 87%, 0); }
    80% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); } }
  @keyframes fig1 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    16% {
      -webkit-transform: translate3d(65%, 87%, 0);
              transform: translate3d(65%, 87%, 0); }
    32% {
      -webkit-transform: translate3d(65%, 87%, 0);
              transform: translate3d(65%, 87%, 0); }
    48% {
      -webkit-transform: translate3d(-66%, 87%, 0);
              transform: translate3d(-66%, 87%, 0); }
    64% {
      -webkit-transform: translate3d(-66%, 87%, 0);
              transform: translate3d(-66%, 87%, 0); }
    80% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); } }
  @-webkit-keyframes fig2 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    16% {
      -webkit-transform: translate3d(-132%, 0, 0);
              transform: translate3d(-132%, 0, 0); }
    32% {
      -webkit-transform: translate3d(-132%, 0, 0);
              transform: translate3d(-132%, 0, 0); }
    48% {
      -webkit-transform: translate3d(-65%, -87%, 0);
              transform: translate3d(-65%, -87%, 0); }
    64% {
      -webkit-transform: translate3d(-65%, -87%, 0);
              transform: translate3d(-65%, -87%, 0); }
    80% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); } }
  @keyframes fig2 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    16% {
      -webkit-transform: translate3d(-132%, 0, 0);
              transform: translate3d(-132%, 0, 0); }
    32% {
      -webkit-transform: translate3d(-132%, 0, 0);
              transform: translate3d(-132%, 0, 0); }
    48% {
      -webkit-transform: translate3d(-65%, -87%, 0);
              transform: translate3d(-65%, -87%, 0); }
    64% {
      -webkit-transform: translate3d(-65%, -87%, 0);
              transform: translate3d(-65%, -87%, 0); }
    80% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); } }
  @-webkit-keyframes fig3 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    16% {
      -webkit-transform: translate3d(66%, -87%, 0);
              transform: translate3d(66%, -87%, 0); }
    32% {
      -webkit-transform: translate3d(66%, -87%, 0);
              transform: translate3d(66%, -87%, 0); }
    48% {
      -webkit-transform: translate3d(132%, 0%, 0);
              transform: translate3d(132%, 0%, 0); }
    64% {
      -webkit-transform: translate3d(132%, 0%, 0);
              transform: translate3d(132%, 0%, 0); }
    80% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); } }
  @keyframes fig3 {
    0% {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
    16% {
      -webkit-transform: translate3d(66%, -87%, 0);
              transform: translate3d(66%, -87%, 0); }
    32% {
      -webkit-transform: translate3d(66%, -87%, 0);
              transform: translate3d(66%, -87%, 0); }
    48% {
      -webkit-transform: translate3d(132%, 0%, 0);
              transform: translate3d(132%, 0%, 0); }
    64% {
      -webkit-transform: translate3d(132%, 0%, 0);
              transform: translate3d(132%, 0%, 0); }
    80% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); }
    100% {
      -webkit-transform: translate3d(0%, 0%, 0);
              transform: translate3d(0%, 0%, 0); } } }

@media (max-width: 767px) {
  .trust-section {
    padding: 5rem 0 6rem; }
  .trust-section .img {
    display: none; }
  .trust-section .text-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }

@media (max-width: 639px) {
  .trust-section {
    padding: 5rem 0; }
    .trust-section .text {
      margin-bottom: 0; } }

.clients-section {
  position: relative; }
  .clients-section > .fig-circle {
    background: #fff;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
    .clients-section > .fig-circle-xs {
      left: 7%;
      top: 10%; }
      .clients-section > .fig-circle-xs:nth-child(2) {
        top: 40%;
        left: 4%;
        width: 45px;
        height: 45px;
        -webkit-box-shadow: inset -12px -12px 25px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
                box-shadow: inset -12px -12px 25px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1); }
  .clients-section .h1 {
    margin-bottom:1.2rem; }

.clients-container {
  max-width: 1270px;
  margin: 0 auto;
  position: relative; }

.clients-reviews {
  background: url(../img/tel-w.png) no-repeat;
  width: 305px;
  height: 560px;
  background-size: cover; }
  .clients-reviews .slick-slide {
    height: 370px;
    border: 0; }
  .clients-reviews .slick-arrow {
    width: 16px;
    height: 10px;
    position: absolute;
    padding: 0;
    cursor: pointer;
    background: none;
    border: 0;
    font-size: 0;
    z-index: 1;
    right: 0;
    left: 0;
    margin: auto; }
    .clients-reviews .slick-arrow.slick-prev {
      top: -20px; }
      .clients-reviews .slick-arrow.slick-prev:after {
        content: "";
        border-bottom: 10px solid #dde7f1;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        position: absolute;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
    .clients-reviews .slick-arrow.slick-next {
      bottom: -20px; }
      .clients-reviews .slick-arrow.slick-next:after {
        content: "";
        border-top: 10px solid #dde7f1;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        position: absolute;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0; }
  .clients-reviews .box {
    margin-left: 25px;
    padding: 63px 0 0;
    width: 230px; }
  .clients-reviews .title {
    color: #187dee;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1.5px;
    margin-bottom: 20px; }
  .clients-reviews .jcf-scrollable-wrapper {
    position: relative;
    margin-bottom: 0; }
  .clients-reviews .text-wrap {
    font-size: 12px;
    line-height: 20px;
    padding: 5px 15px 5px;
    height: 290px;
    overflow: hidden;
    width: 99.5% !important;
    display: inline-block;
    background: #ebf1f6; }
    .clients-reviews .text-wrap p {
      margin-bottom: 8px; }
      .clients-reviews .text-wrap p + p {
        margin-top: 0; }
  .clients-reviews .jcf-scrollbar-inc,
  .clients-reviews .jcf-scrollbar-dec {
    display: none; }
  .clients-reviews .jcf-scrollbar {
    width: 3px;
    padding: 5px 0;
    position: absolute !important;
    right: 3px;
    top: 0; }
  .clients-reviews .jcf-scrollbar-handle {
    width: 5px;
    background: #12c9d3;
    border-radius: 0; }
  .clients-reviews .name {
    font-size: 14px;
    display: block;
    line-height: 20px;
    margin-bottom: 7px; }
   /*  .clients-reviews .name b {
      display: block; } */
    .clients-reviews .name-text {
      padding: 10px; }
    .clients-reviews .name-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .clients-reviews .name-text .img{
      height: 42px;
      flex: 0 0 42px;
      max-width: 42px;
      margin-right: 12px;
      border-radius: 50%;
      overflow: hidden;
    }
    .clients-reviews .name-text .img img{
      width: 110%;
    }
  .clients-reviews .position {
    display: block;
    margin-bottom: 8px;
    color: #12c9d3;
    font-size: 12px; }

.clients-list {
  position: absolute;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .clients-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 72px;
    padding-left: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 50%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .clients-list li:nth-child(1) {
      left: 120px; }
    .clients-list li:nth-child(2) {
      right: 130px; }
    .clients-list li:nth-child(3) {
      left: 0px;
      top: -20px; }
    .clients-list li:nth-child(7) {
      left: 40px;
      top: -15px; }
    .clients-list li:nth-child(8) {
      top: -10px;
      right: 100px; }
    .clients-list li:nth-child(9) {
      left: 56px;
      top: 26px; }
    .clients-list li:nth-child(10) {
      right: 110px;
      top: 20px; }
    .clients-list li:nth-child(11) {
      left: 225px;
      top: 20px; }
    .clients-list li:nth-child(12) {
      right: 225px;
      top: 20px; }
    .clients-list li img {
      opacity: 0;
      z-index: 2;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear; }
      .clients-list li img:hover {
        opacity: 1; }
        .clients-list li img:hover + img {
          opacity: 0; }
      .clients-list li img + img {
        z-index: 1;
        opacity: 1;
        position: absolute; }
    .clients-list li:nth-child(even) {
      padding-right: 80px;
      padding-left: 0;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }

.clients-form {
  max-width: 620px;
  padding: 100px 0 62px 25px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;}
  .clients-form:before {
    content: "";
    border: 1px solid #d5e0ff;
    border-radius: 50%;
    position: absolute;
    left: -50px;
    right: -50px;
    top: -50px;
    bottom: -50px;
    pointer-events: none;
    -webkit-animation: pulse-sc 2.5s infinite;
            animation: pulse-sc 2.5s infinite;
    -webkit-animation-delay: 1s;
            animation-delay: 1s; }
  .clients-form:after {
    content: "";
    border: 1px solid #d5e0ff;
    border-radius: 50%;
    position: absolute;
    left: -50px;
    right: -50px;
    pointer-events: none;
    top: -50px;
    bottom: -50px;
    -webkit-animation: pulse-sc 2.5s infinite;
            animation: pulse-sc 2.5s infinite; }
  .clients-form .fig-circle {
    left: auto;
    width: 30px;
    height: 30px;
    top: 56%;
    -webkit-box-shadow: inset -1px -1px 20px 0 rgba(0, 0, 0, 0.1), 20px 23px 26px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -1px -1px 20px 0 rgba(0, 0, 0, 0.1), 20px 23px 26px 0 rgba(0, 0, 0, 0.1);
    right: -60px; }

@media (max-width: 1279px) {
  .clients-list li,
  .clients-list li:nth-child(even) {
    padding: 0; }
  .clients-form:after,
  .clients-form:before {
    display: none; } }

@media (max-width: 1180px) {
  .clients-reviews .title {
    margin-bottom: 35px; }
  .clients-list {
    position: relative;
    display: block;
    padding: 0 40px;
    top: 0; }
    .clients-list .slick-prev {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0;
      height: 0;
      border-right: 18px solid #529ef2;
      border-top: 17px solid transparent;
      border-bottom: 17px solid transparent;
      left: 0px;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      background: none;
      font-size: 0;
      padding: 0;
      border-left: 0;
      cursor: pointer; }
    .clients-list .slick-next {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 0;
      height: 0;
      border-left: 18px solid #529ef2;
      border-top: 17px solid transparent;
      border-bottom: 17px solid transparent;
      right: 0px;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      background: none;
      font-size: 0;
      border-right: 0;
      padding: 0;
      cursor: pointer; }
    .clients-list .slick-track {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%; }
      .clients-list .slick-track .slick-slide {
        height: auto; }
        .clients-list .slick-track .slick-slide > div {
          height: 100%; }
    .clients-list li {
      position: static;
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .clients-list li img {
    opacity: 1; }
  .clients-list li img + img {
    display: none; }
  .clients-list li {
    padding: 0 15px;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0; }
    .clients-list li img {
      max-height: 80px;
      max-width: 100%; } }

@media (max-width: 700px) {
  .clients-form {
    background: none;
    margin-top: 30px;
    padding: 40px 0px; } }

@media (max-width: 580px) {
  .clients-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
            transform: translateX(7px); } }

@media (max-width: 479px) {
  .clients-reviews {
    width: 290px; } }

.reviews-form {
  /* background: url(../img/tel-b.png) no-repeat; */
  width: 305px;
  height: 560px;
  background-size: cover; }
  .reviews-form .input-wrap {
    margin-bottom: 10px;
    font-size: 16px; }
    .reviews-form .input-wrap input {
      padding: 0 15px;
      width: 100%;
      color: #fff;
      border: 1px solid #fff;
      border-width: 0 0 1px;
      background: none;
      line-height: 38px; }
  .reviews-form .box {
    margin-left: 25px;
    padding: 63px 5px 0;
    width: 230px; }
  .reviews-form .title {
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: block;
    margin-bottom: 42px; }
  .reviews-form .btn {
    width: 50px;
    display: table;
    min-width: 0;
    margin: 0 auto;
    height: 50px;
    border-radius: 50%;
    border: 0;
    background-color: #239b71;
    cursor: pointer;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    background-image: url(../img/svg/plane.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px 28px; }
    .reviews-form .btn:hover {
      background-color: #f17a54; }
  .reviews-form .textarea-wrap {
    margin-bottom: 20px; }
    .reviews-form .textarea-wrap textarea {
      margin: 40px 0 0;
      padding: 0 15px;
      width: 100%;
      font-size: 16px;
      height: 40px;
      color: #fff;
      border: 1px solid #fff;
      border-width: 0 0 1px;
      background: none;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      line-height: 38px; }
      .reviews-form .textarea-wrap textarea:focus {
        margin-top: 0;
        height: 80px; }

.order-box {
  position: relative;
  margin: 5.83333rem auto 0;
  height: 473px;
  width: 702px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .order-box .fig-circle-n {
    left: 16%;
    top: 20px;
    width: 100px;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
    height: 100px; }
    .order-box .fig-circle-n:nth-child(2) {
      right: 5%;
      top: 40%;
      left: auto; }
  .order-box .fig-circle-xs {
    width: 62px;
    height: 62px;
    bottom: 0;
    left: auto;
    top: auto;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
    right: 30%; }

.order-btn {
  width: 155px;
  height: 155px;
  border-radius: 50%;
  background: #187dee;
  text-align: center;
  display: table;
  margin: 0 auto;
  color: #fff;
  text-transform: uppercase;
  padding: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 17px;
  cursor: pointer;
  line-height: 24px;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
  -webkit-animation: pulse 2s infinite;
          animation: pulse 2s infinite;
  -webkit-box-shadow: 0 0 0 rgba(24, 125, 238, 0.4);
          box-shadow: 0 0 0 rgba(24, 125, 238, 0.4); }
  .order-btn:hover {
    -webkit-box-shadow: 0 0 0 rgba(241, 122, 84, 0.4);
            box-shadow: 0 0 0 rgba(241, 122, 84, 0.4);
    -webkit-animation: pulse_h 2s infinite;
            animation: pulse_h 2s infinite;
    background: #f17a54; }

@media (max-width: 1279px) {
  .order-box {
    background-size: cover;
    width: 580px; } }

@media (max-width: 767px) {
  .order-box {
    width: 100%; } }

@media (max-width: 700px) {
  .order-box {
    margin-top: 100px; } }

.vacancy-section {
  padding:6rem 0 0;
  position: relative; }
  .vacancy-section .fig-circle-xn {
    background: #fff;
    right: 0;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
    bottom: -100px; }
  .vacancy-section .link-all {
    display: table;
    text-transform: uppercase;
    margin: 74px auto 0;
    cursor: pointer;
    font-size: 16px;
    border-bottom: 1px dashed #187dee;
    color: #187dee; }

.vacancy-list {
  margin: 0 -15px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .vacancy-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
    padding: 15px; }
    .vacancy-list li.green .box .front, .vacancy-list li.green .box .back {
      background: #28aa7d; }
    .vacancy-list li.orang .box .front, .vacancy-list li.orang .box .back {
      background: #f17a54; }
    .vacancy-list li.red .box .front, .vacancy-list li.red .box .back {
      background: #e14856; }
    .vacancy-list li.purple .box .front, .vacancy-list li.purple .box .back {
      background: #5b4594; }
    .vacancy-list li .box {
      height: 220px;
      color: #fff;
      text-align: center;
      display: block;
      letter-spacing: 1px;
      text-shadow: 0 3px 0 rgba(0, 0, 0, 0.22);
      position: relative; }
      .vacancy-list li .box .title {
        text-transform: uppercase; }
      .vacancy-list li .box .front {
        width: 100%;
        padding: 20px 15px;
        height: 100%;
        border-radius: 20px;
        position: absolute;
        z-index: 3;
        overflow: hidden;
        left: 0;
        -webkit-box-shadow: 0 20px 18px 0 rgba(0, 0, 0, 0.22);
                box-shadow: 0 20px 18px 0 rgba(0, 0, 0, 0.22);
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        .vacancy-list li .box .front > * {
          position: relative;
          z-index: 1; }
        .vacancy-list li .box .front:after {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          content: "";
          z-index: 0;
          background: url(../img/bg-v.png) no-repeat;
          background-size: cover; }
      .vacancy-list li .box .back {
        width: 100%;
        height: 100%;
        position: absolute;
        padding: 20px 15px;
        overflow: hidden;
        border-radius: 20px;
        z-index: 2;
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
        -webkit-box-shadow: 0 20px 18px 0 rgba(0, 0, 0, 0.22);
                box-shadow: 0 20px 18px 0 rgba(0, 0, 0, 0.22);
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
        .vacancy-list li .box .back > * {
          position: relative;
          z-index: 1; }
        .vacancy-list li .box .back:after {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          content: "";
          z-index: 0;
          background: url(../img/bg-v.png) no-repeat;
          background-size: cover; }
        .vacancy-list li .box .back .title {
          font-size: 14px; }
          .vacancy-list li .box .back .title > * {
            position: relative;
            z-index: 1; }
        .vacancy-list li .box .back .link {
          font-size: 12px;
          color: #fff;
          text-transform: uppercase; }
      .vacancy-list li .box:hover .front {
        -ms-transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg); }
      .vacancy-list li .box:hover .back {
        -ms-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        z-index: 3; }

@media (max-width: 1590px) {
  .vacancy-list li .box .text-wrap {
    font-size: 14px; } }

@media (max-width: 1279px) {
  .vacancy-section {
    padding-top: 2.77778rem; }
  .vacancy-list li .box .title {
    font-size: 15px; }
  .vacancy-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%; } }

@media (max-width: 600px) {
  .vacancy-list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; } }

.img-map {
  position: relative;
  background: url(../img/contact-map.png) no-repeat;
  background-size: contain;
  height: 789px;
  background-position: center top; }

.contact-section {
  padding: 6.66667rem 0 0;
  position: relative;
 }
  .contact-section.animated .contact-info {
    opacity: 1;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .contact-section .fig-circle {
    z-index: 1;
    -webkit-box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset -18px -18px 35px 0 rgba(24, 125, 238, 0.17), 30px 63px 32px 0 rgba(0, 0, 0, 0.1);
    background: #fff; }
    .contact-section .fig-circle-xs {
      left: 5%;
      top: 18%; }
    .contact-section .fig-circle-s {
      right: 20px;
      top: 40%; }
    .contact-section .fig-circle-n {
      top: 58%;
      left: 50%; }
  .contact-section .h1 {
    margin-bottom:3.4rem; }
  .contact-section .container {
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: absolute; }

.contact-info {
  width: 357px;
  left: 14%;
  top: 169px;
  z-index: 2;
  padding: 265px 0 0 30px;
  -webkit-transform: translateX(100vw);
      -ms-transform: translateX(100vw);
          transform: translateX(100vw);
  -webkit-transition: all 2.2s linear;
  -o-transition: all 2.2s linear;
  transition: all 2.2s linear;
  -webkit-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
  position: absolute;
  background: url(../img/tel-c.png) no-repeat;
  height: 645px;
  background-size: cover; }
  .contact-info::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    bottom: -90px;
    left: -5%;
    right: 0;
    border-bottom: 40px solid #12c9d3;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent; }
  .contact-info .box {
    width: 268px;
    padding: 0 10px; }
  .contact-info a {
    color: #717171;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 55px;
    padding: 0 8px;
    display: block;
    border-bottom: 1px solid #e5effb; }
  .contact-info_map {
    right: 14%;
     -webkit-transform: translateX(-100vw);
      -ms-transform: translateX(-100vw);
          transform: translateX(-100vw);
    padding: 235px 0 0 30px;
    left: auto; }
    .contact-info_map .box {
      padding: 0 0 0 1px; }
  .contact-info address {
    display: block;
    padding: 15px 8px 35px; }
    .contact-info address a {
      font-size: 17px;
      padding: 0;
      font-weight: 300;
      line-height: 1.4;
      color: #717171;
      border: 0; }
      .contact-info address a:hover {
        color: #12c9d3; }
  .contact-info .btn {
    font-size: 17px;
    min-width: 0;
    width: auto;
    cursor: pointer;
    display: block;
    color: #fff;
    margin: 0 8px;
    background: #e135ff;
    line-height: 55px;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase; }
    .contact-info .btn:hover {
      background: #ffc53f; }

#contact-map {
  width: 267px;
  height: 335px; }

.map {
  position: relative;
  margin: 0 auto;
  padding: 115px 0 0; }
  .map img {
    position: relative;
    width: 100%;
    margin: 0 auto;
    display: table;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear; }
  .map .marker {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #e135ff;
    cursor: pointer;
    position: absolute;
    top: 17%;
    z-index: 2;
    left: 49%;
    -webkit-animation: pulse-s 2s infinite;
            animation: pulse-s 2s infinite;
    -webkit-box-shadow: 0 0 0 rgba(225, 53, 255, 0.5);
            box-shadow: 0 0 0 rgba(225, 53, 255, 0.5); }

@media (max-width: 1700px) {
  .contact-info {
    bottom: 20px;
    top: auto; }
  .img-map {
    height: 650px; } }

@media (max-width: 1400px) {
  .contact-info::after {
    display: none; }
  .contact-info {
    height: 535px;
    width: 280px;
    padding: 188px 0 0 22px; }
    .contact-info .box {
      width: 220px;
      line-height: 44px;
      font-size: 14px;
      padding: 0 10px; }
    .contact-info .btn {
      font-size: 15px;
      line-height: 44px; }
    .contact-info a {
      font-size: 14px;
      line-height: 50px; }
    .contact-info address a {
      padding: 0;
      font-size: 14px; }
  .contact-info_map .box {
    padding: 0 0 0 1px; }
  .map img {
    width: 100%; }
  .contact-info address {
    padding-bottom: 25px; }
  .contact-info_map {
    padding: 191px 0 0 24px; }
  #contact-map {
    width: 218px;
    height: 270px; }
  .map .marker {
    top: 15%;
    left: 49%; } }

@media (max-width: 1279px) {
  .img-map {
    height: 550px; }
  .map .marker {
    top: 13%;
    left: 49%; } }

@media (max-width: 959px) {
  .map .marker {
    top: 12%;
    left: 49%; }
  .contact-info {
    left: 30px; }
    .contact-info_map {
      right: 30px;
      left: auto;
  }
  .fig-circle-b {
    width: 140px;
    height: 140px; } }

@media (max-width: 800px) {
  .map .marker {
    top: 8%;
    left: 49%; } }

@media (max-width: 767px) {
  .map .marker {
    display: none; }
  .contact-info {
    height: 532px;
    width: 280px;
    -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
            transform: translateX(7px);
    right: 0;
    left: 0;
    margin: auto;
    padding: 200px 0 0 25px; }
    .contact-info .btn {
      line-height: 40px;
      font-size: 14px; }
  .contact-section.animated .contact-info {
    -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
            transform: translateX(7px); }
  .contact-info address {
    font-size: 14px; }
  .contact-info .box {
    width: 216px; }
  .map {
    height: 600px; }
  .contact-section .h1 {
    text-align: center; }
  .fig-circle, .map .marker {
    display: none; }
  .contact-info a {
    font-size: 15px;
    letter-spacing: 0px; }
  .contact-info_map {
    display: none; } }

.model-window {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 99; }

#map-popup .btn-close {
  right: 30px;
  top: 10px; }

.fancybox-content {
  margin: 20px;
  display: none; }
  .fancybox-content .btn-close {
    position: absolute;
    right: 15px;
    top: 15px; }

.fancybox-stage .fancybox-content {
  display: inline-block;
  margin: 0; }

.btn-close {
  position: absolute;
  background: url(../img/svg/cancel.svg) no-repeat;
  width: 30px;
  height: 30px;
  opacity: 0.8;
  -webkit-transition: all .4s linear;
  -o-transition: all .4s linear;
  transition: all .4s linear;
  cursor: pointer;
  font-size: 0;
  border: 0; }
  .btn-close:hover {
    opacity: 1; }

#map-canvas {
  height: 90vh;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  right: 0;
  bottom: 0;
  width: 90vw; }

.form-order {
  background: #12c9d3;
  margin-top: 120px;
  margin-bottom: 50px;
  position: relative;
  padding: 3.61111rem 0 5.55556rem;
  z-index: 3;
  background-position: center;
  color: #fff; }
/*   .form-order .fig-circle {
    background: #fff; } */
    .form-order .fig-circle-xn {
      right: 9%;
      top: 10px; }
    .form-order .fig-circle-s {
      right: 15%;
      top: 63%; }
    .form-order .fig-circle-xs {
      left: 13%;
      top: 10px; }
  .form-order .fig-title {
    font-size: 77px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    text-align: center;
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    line-height: 1;
    color: #12c9d3;
    left: -115px;
    bottom: 33%;
    text-shadow: 4px 4px 100px rgba(0, 0, 0, 0.2); }
    .form-order .fig-title i {
      font-weight: 900;
      font-style: normal;
      display: block;
      font-size: 114px; }
  .form-order .close {
    width: 0;
    cursor: pointer;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 25px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .form-order .h2 {
    font-size: 3.77778rem;
    color: #fff;
    margin-bottom: 40px; }
  .form-order .container {
    max-width: 1040px;
    margin: 0 auto; }
  .form-order form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .form-order .btn {
    color: #fff;
    position: relative;
    background: none;
    line-height: 36px;
    font-size: 15px;
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 55px;
    border: 0;
    min-width: 185px; }
    .form-order .btn:after {
      content: "";
      position: absolute;
      left: 0;
      width: 50px;
      display: table;
      min-width: 0;
      top: -5px;
      height: 50px;
      border-radius: 50%;
      border: 0;
      background-color: #ffc53f;
      cursor: pointer;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      background-image: url(../img/svg/plane.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 32px 28px;
      -webkit-box-shadow: 9px 9px 16px 0 rgba(0, 0, 0, 0.24);
              box-shadow: 9px 9px 16px 0 rgba(0, 0, 0, 0.24); }
    .form-order .btn:hover:after {
      background-color: #e135ff;
      -webkit-box-shadow: 11px 11px 26px 0 rgba(0, 0, 0, 0.34);
      box-shadow: 11px 11px 26px 0 rgba(0, 0, 0, 0.34); }
  .form-order .input-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-bottom: 25px;
    max-width: 50%;
    padding: 0 15px; }
    .form-order .input-wrap input {
      padding: 0 15px;
      width: 100%;
      color: #fff;
      font-size: 16px;
      border: 1px solid #fff;
      border-width: 0 0 1px;
      background: none;
      line-height: 38px; }

.form-order .fig-title i:lang(en) {
  font-size: 80px; }

@media (max-width: 1700px) {
  .form-order .fig-title {
    font-size: 60px;
    left: -100px;
    bottom: 39%; }
    .form-order .fig-title i {
      font-size: 94px; }
  .form-order .fig-title:lang(en) {
    left: -130px;
    bottom: 35%; } }

@media (max-width: 1300px) {
  .fig-title, .fig-circle {
    display: none; } }

@media (max-width: 1023px) {
  .form-order {
    background: #12c9d3; }
  .form-order .h2 {
    font-size: 2.33333rem; } }

@media (max-width: 767px) {
  .form-order {
    margin-top: 90px; }
  .contact-info {
    bottom: 12px; } }

@media (max-width: 600px) {
  .form-order .input-wrap {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%; }
  .form-order {
    margin-top: 0;
    padding: 4.05556rem 0 5.55556rem; }
  .form-order .input-wrap {
    margin-bottom: 10px; }
  .form-order .btn {
    margin-top: 30px; }
  .form-order .h2 {
    margin-bottom: 15px; } }

@-webkit-keyframes pulse_h {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(241, 122, 84, 0.7);
            box-shadow: 0 0 0 0 rgba(241, 122, 84, 0.7); }
  70% {
    -webkit-box-shadow: 0 0 0 35px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 35px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@keyframes pulse_h {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(241, 122, 84, 0.7);
            box-shadow: 0 0 0 0 rgba(241, 122, 84, 0.7); }
  70% {
    -webkit-box-shadow: 0 0 0 35px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 35px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7);
            box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7); }
  70% {
    -webkit-box-shadow: 0 0 0 35px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 35px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7);
            box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7); }
  70% {
    -webkit-box-shadow: 0 0 0 35px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 35px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@-webkit-keyframes pulse-s {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7);
            box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7); }
  70% {
    -webkit-box-shadow: 0 0 0 18px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 18px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@keyframes pulse-s {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7);
            box-shadow: 0 0 0 0 rgba(24, 125, 238, 0.7); }
  70% {
    -webkit-box-shadow: 0 0 0 18px rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 18px rgba(204, 169, 44, 0); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
            box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }

@-webkit-keyframes pulse-sc {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
            transform: scale(1.8); } }

@keyframes pulse-sc {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.8);
            transform: scale(1.8); } }

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }

textarea::-moz-placeholder,
input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff; }

textarea:-moz-placeholder,
input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.error {
  border-bottom: 1px solid #f07953 !important; }

.loader-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  left: 0;
  background: #12c9d3;
  z-index: 999;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.loader-bg svg {
  position: absolute; }

.loader .ball:nth-child(1) {
  -webkit-animation: pull-left 2s ease infinite;
  animation: pull-left 2s ease infinite; }

.loader .ball:nth-child(2) {
  -webkit-animation: shimmy 2s ease infinite;
  animation: shimmy 2s ease infinite; }

.loader .ball:nth-child(3) {
  -webkit-animation: pull-right 2s ease infinite;
  animation: pull-right 2s ease infinite; }

.loader .ball {
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 100%; }

.loader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-animation: rotate 5s ease infinite;
  animation: rotate 5s ease infinite; }

.map-figure{
  position: absolute;
  top: 100px;
  z-index: -1;
  width: 104%;
}
.map-figure svg{
  width: 90%;
  display: table;
  margin: 0 auto;
}
.map-figure  .st0{
  transition: all .4s linear;
}
.map-figure g{
	display: inline-block;
	pointer-events: bounding-box;
	-webkit-pointer-events: bounding-box;
}
.map-figure g:hover .st0{
  fill: #58adaf;
}
#cursor{
  top: 40%;
  left: 60%;
  position: absolute;  
  margin-top: 100px;
  pointer-events: none;
}
#cursor:after{
  content: "";
  width: 1px;
  top: -100vh;
  bottom: -100vh;
  position: absolute;
  background: #e3ebf2;
}
#cursor:before{
  content: "";
  height:1px;
  left: -100vw;
  right: -100vw;
  position: absolute;
  background:#e3ebf2;
}
@media(max-width:1279px){
  #cursor{
    display: none!important;
  }
}

.data-items__slider  .slick-list{
	overflow: visible;
}


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

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

@-webkit-keyframes pull-left {
  0% {
    -webkit-transform: scale(0.5) translateX(150%);
    transform: scale(0.5) translateX(150%); }
  50% {
    -webkit-transform: scale(1) translateX(-25%);
    transform: scale(1) translateX(-25%); }
  75% {
    -webkit-transform: scale(1) translateX(300%);
    transform: scale(1) translateX(300%); }
  100% {
    -webkit-transform: scale(0.5) translateX(150%);
    transform: scale(0.5) translateX(150%); } }

@keyframes pull-left {
  0% {
    -webkit-transform: scale(0.5) translateX(150%);
    transform: scale(0.5) translateX(150%); }
  50% {
    -webkit-transform: scale(1) translateX(-25%);
    transform: scale(1) translateX(-25%); }
  75% {
    -webkit-transform: scale(1) translateX(300%);
    transform: scale(1) translateX(300%); }
  100% {
    -webkit-transform: scale(0.5) translateX(150%);
    transform: scale(0.5) translateX(150%); } }

@-webkit-keyframes pull-right {
  0% {
    -webkit-transform: scale(0.5) translateX(-150%);
    transform: scale(0.5) translateX(-150%); }
  50% {
    -webkit-transform: scale(1) translateX(25%);
    transform: scale(1) translateX(25%); }
  80% {
    -webkit-transform: scale(0.5) translateX(-150%);
    transform: scale(0.5) translateX(-150%); }
  90% {
    -webkit-transform: scale(0.5) translateX(-300%);
    transform: scale(0.5) translateX(-300%); }
  100% {
    -webkit-transform: scale(0.5) translateX(-150%);
    transform: scale(0.5) translateX(-150%); } }

@keyframes pull-right {
  0% {
    -webkit-transform: scale(0.5) translateX(-150%);
    transform: scale(0.5) translateX(-150%); }
  50% {
    -webkit-transform: scale(1) translateX(25%);
    transform: scale(1) translateX(25%); }
  80% {
    -webkit-transform: scale(0.5) translateX(-150%);
    transform: scale(0.5) translateX(-150%); }
  90% {
    -webkit-transform: scale(0.5) translateX(-300%);
    transform: scale(0.5) translateX(-300%); }
  100% {
    -webkit-transform: scale(0.5) translateX(-150%);
    transform: scale(0.5) translateX(-150%); } }

@-webkit-keyframes shimmy {
  0%, 55% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  60%, 65% {
    -webkit-transform: translate(-12px, 12px);
    transform: translate(-12px, 12px); }
  80%, 85% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    -webkit-transform: scaleX(1.2) translate(-24px, 0);
    transform: scaleX(1.2) translate(-24px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes shimmy {
  0%, 55% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  60%, 65% {
    -webkit-transform: translate(-12px, 12px);
    transform: translate(-12px, 12px); }
  80%, 85% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  90% {
    -webkit-transform: scaleX(1.2) translate(-24px, 0);
    transform: scaleX(1.2) translate(-24px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); } }

.main-footer {
  background: #12c9d3;
  padding: 5.27778rem 0;
  position: relative; }
  .main-footer .logo {
    display: inline-block;
}
    .main-footer .logo img {
      max-width: 130px;
      margin-bottom: 15px;
      width: 100%; }
  .main-footer .footer-right {
    font-size: 18px;
    color: #fff;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 73%;
            flex: 0 0 73%; }
    .main-footer .footer-right li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .main-footer .footer-right li + li {
        margin-top: 25px; }
    .main-footer .footer-right .title {
      min-width: 150px;
      display: inline-block; }
    .main-footer .footer-right a {
      margin-right: 20px;
      font-size: 16px;
      color: #fff;
      -webkit-transition: all .4s linear;
      -o-transition: all .4s linear;
      transition: all .4s linear;
      border-bottom: 1px solid transparent; }
      .main-footer .footer-right a:hover {
        border-bottom: 1px solid #fff; }
  .main-footer .footer-left {
    color: #fff;
    margin-top: -5px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
            flex: 0 0 27%; }

@media (max-width: 1330px) {

  .main-footer {
    padding: 30px 0; }
    .main-footer .footer-left {
      margin-bottom: 25px; }
    .main-footer .container {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
  .main-footer .footer-right a {
    font-size: 13px; }
  .main-footer .footer-right .title {
    font-size: 16px; } 
	.clients-list{
		margin-bottom: 50px;
	}
}

@media (max-width: 959px) {
  .main-footer .footer-right ul li {
    display: none; }
   .main-footer .footer-right ul li:last-child{
   	display:block;
   	text-align: center;
   }
   .main-footer .footer-right ul li .title{
   	display: block;
   	text-align: center;
   }
  .main-footer {
    padding: 15px 0; }
  .main-footer .logo {
    margin: 0 auto 10px;
    display: table; }
  .main-footer .footer-left {
    margin-bottom: 0; }
  .main-footer {
    font-size: 12px; } }

@media (max-width: 767px) {
  .main-footer .logo {
    margin: 0 auto  0px;
    width: 140px;
    display: table; } }

@media(max-width: 400px){
	.main-footer{
		padding-top: 25px;
	}
	.main-footer .footer-right a{
		display: table;
		margin: 2px auto;
	}
	.link-ps{
		line-height: 26px;
	}
}
.data-dost_nav{
	position: absolute;
	bottom: 50px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 4;
	width: 200px;
}
.data-dost_nav .slick-track{
	transform: translate(0)!important;
}
.data-dost_nav .slick-slide{
	padding: 0 10px;
}
@media(max-width: 959px){
	.data-dost_nav{
		bottom: 30px;
	}
}
@media(max-width:370px){
	.main-footer .logo{
		width: 85px;
	}
}
.data-dost_nav .item{
	width: 18px;
	height: 8px;
	background: #12c9d3;
	margin: 0 auto;
	transition: all .4s linear;
	cursor: pointer;
	border: 1px solid #fff;
}
.data-dost_nav .slick-current .item{
	background: #fff;
} 

#img_screen{
  width: 1400px;
  height: 884px;
}

#anim_img1{
	animation: screen1 12s linear infinite;
}
#anim_img2{
	animation: screen2 12s linear infinite;
}
#anim_img3{
	animation: screen3 12s linear infinite;
}

@keyframes  screen1{
	0%{
		visibility: visible;
	}
	32%{
		visibility: hidden;
	}
	33%,100%{
    visibility: visible;
	}
}
@keyframes  screen2{
	0%{
		visibility: hidden;
	}
	32%{
		visibility: hidden;
	}
	33%,65%{
		visibility: visible;
	}
	66%,100%{
	 visibility: hidden;
	}
}
@keyframes  screen3{
	0%{
		visibility: hidden;
	}
	65%{
		visibility: hidden;
	}
	66%,100%{
		visibility: visible;
	}
}

@media(max-width:639px){
  .data-dost_nav{
      bottom: 15px;
  }
}

#Screens image{
  
}
#img_screen image{
  background-color: transparent;
}

#img_screen .st2{
  stroke:#fff!important;
}

.clients-list li:nth-child(8) {
    top: -10px;
    right: 0px;
}