/*
    ==== GRID ====
*/
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("../fonts/proxima_nova_regular-webfont.eot");
  src: url("../fonts/proxima_nova_regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_regular-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_regular-webfont.woff") format("woff"), url("../fonts/proxima_nova_regular-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ththin';
  src: url("../fonts/proxima_nova_thin-webfont.eot");
  src: url("../fonts/proxima_nova_thin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_thin-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_thin-webfont.woff") format("woff"), url("../fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ltlight';
  src: url("../fonts/proxima_nova_light-webfont.eot");
  src: url("../fonts/proxima_nova_light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_light-webfont.woff") format("woff"), url("../fonts/proxima_nova_light-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ltsemibold';
  src: url("../fonts/proxima_nova_semibold-webfont.eot");
  src: url("../fonts/proxima_nova_semibold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_semibold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_semibold-webfont.woff") format("woff"), url("../fonts/proxima_nova_semibold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
    ==== GRID ====
*/
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("../fonts/proxima_nova_regular-webfont.eot");
  src: url("../fonts/proxima_nova_regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_regular-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_regular-webfont.woff") format("woff"), url("../fonts/proxima_nova_regular-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ththin';
  src: url("../fonts/proxima_nova_thin-webfont.eot");
  src: url("../fonts/proxima_nova_thin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_thin-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_thin-webfont.woff") format("woff"), url("../fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ltlight';
  src: url("../fonts/proxima_nova_light-webfont.eot");
  src: url("../fonts/proxima_nova_light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_light-webfont.woff") format("woff"), url("../fonts/proxima_nova_light-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ltsemibold';
  src: url("../fonts/proxima_nova_semibold-webfont.eot");
  src: url("../fonts/proxima_nova_semibold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_semibold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_semibold-webfont.woff") format("woff"), url("../fonts/proxima_nova_semibold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

/*
    ==== GRID ====
*/
@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("../fonts/proxima_nova_regular-webfont.eot");
  src: url("../fonts/proxima_nova_regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_regular-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_regular-webfont.woff") format("woff"), url("../fonts/proxima_nova_regular-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_regular-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ththin';
  src: url("../fonts/proxima_nova_thin-webfont.eot");
  src: url("../fonts/proxima_nova_thin-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_thin-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_thin-webfont.woff") format("woff"), url("../fonts/proxima_nova_thin-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_thin-webfont.svg#proxima_nova_ththin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ltlight';
  src: url("../fonts/proxima_nova_light-webfont.eot");
  src: url("../fonts/proxima_nova_light-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_light-webfont.woff") format("woff"), url("../fonts/proxima_nova_light-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_light-webfont.svg#proxima_nova_ltlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'proxima_nova_ltsemibold';
  src: url("../fonts/proxima_nova_semibold-webfont.eot");
  src: url("../fonts/proxima_nova_semibold-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima_nova_semibold-webfont.woff2") format("woff2"), url("../fonts/proxima_nova_semibold-webfont.woff") format("woff"), url("../fonts/proxima_nova_semibold-webfont.ttf") format("truetype"), url("../fonts/proxima_nova_semibold-webfont.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

.blue-white-section {
  background: url("../images/about-bg.jpg") 50% 100% no-repeat;
  background-size: cover; }

.mobile-anim-block {
  width: 820px;
  height: 670px;
  position: relative; }
  .mobile-anim-block svg {
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    -webkit-animation: 5s fade-out-main-phone forwards;
            animation: 5s fade-out-main-phone forwards;
    position: relative;
    z-index: 15; }
    .mobile-anim-block svg .more-color path {
      stroke: #00b6e1;
      fill: none;
      stroke-width: .7;
      opacity: 0.5; }
    .mobile-anim-block svg path {
      -webkit-animation: 4s main-phone-animation forwards;
              animation: 4s main-phone-animation forwards;
      stroke: #7dd5ea;
      stroke-width: 1;
      stroke-dasharray: 1028; }
      .mobile-anim-block svg path:not(.no_animate_) {
        fill: none; }
      .mobile-anim-block svg path.white-line {
        stroke-width: 3;
        color: #74F1FF; }
      .mobile-anim-block svg path.no_animate_ {
        opacity: 0;
        -webkit-animation: 2s fade-out-main-phone forwards 5s;
                animation: 2s fade-out-main-phone forwards 5s; }
        .mobile-anim-block svg path.no_animate_.support-svg {
          -webkit-animation: 2s fade-out-main-phone forwards 2s;
                  animation: 2s fade-out-main-phone forwards 2s; }
    .mobile-anim-block svg rect {
      -webkit-animation: 7s fade-out-main-phone forwards;
              animation: 7s fade-out-main-phone forwards; }
  .mobile-anim-block .img-phone {
    position: absolute;
    right: 11.6%;
    top: 13.3%;
    width: 36.4%;
    height: 56.2%;
    opacity: 0;
    -webkit-animation: 2s fade-out-main-phone forwards 4s;
            animation: 2s fade-out-main-phone forwards 4s;
    z-index: 10; }
  .mobile-anim-block .mobile-ver {
    display: none; }

.blue-white-section-holder {
  padding-bottom: 45px; }

.introducing-block h3 {
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
  color: #3cebff;
  font-family: "proxima_nova_ltlight";
  font-weight: 300;
  margin: 0 0 40px; }

.introducing-block .text-block {
  margin-top: 100px;
  font-size: 18px;
  line-height: 20px; }

.introducing-block p.blue-border {
  position: relative;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #05c7f3; }
  .introducing-block p.blue-border:after {
    content: "";
    position: absolute;
    width: 50px;
    left: 0;
    bottom: 0;
    height: 4px;
    background: #05c7f3; }

.introducing-block .title-intro-block {
  bottom: -66px;
  background: #fff; }

.gray-white-holder,
.white-gray-holder {
  max-width: 1190px;
  padding: 0 10px;
  margin: 0 auto;
  color: #000;
  font-size: 16px;
  line-height: 25px; }
  .gray-white-holder:before,
  .gray-white-holder:after,
  .white-gray-holder:before,
  .white-gray-holder:after {
    content: " ";
    display: table; }
  .gray-white-holder:after,
  .white-gray-holder:after {
    clear: both; }
  .gray-white-holder .step-letter,
  .white-gray-holder .step-letter {
    position: absolute;
    top: 50%;
    right: -89px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 120px;
    line-height: 120px;
    font-family: "proxima_nova_ltlight";
    font-weight: 300;
    color: #2f377f;
    text-transform: uppercase;
    z-index: 9; }
  .gray-white-holder .left_section,
  .white-gray-holder .left_section {
    background: #f8f8f8;
    margin: 0 -20px 0 -9999px;
    padding: 70px 60px 70px 9999px;
    position: relative; }
    .gray-white-holder .left_section:before,
    .white-gray-holder .left_section:before {
      content: " ";
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-61%);
          -ms-transform: translateY(-61%);
              transform: translateY(-61%);
      width: 1px;
      height: 37%;
      background-color: #1993e0; }
    .gray-white-holder .left_section .step-letter,
    .white-gray-holder .left_section .step-letter {
      color: #2f377f; }
  .gray-white-holder .right_section,
  .white-gray-holder .right_section {
    background: #fff;
    margin: 0 -9999px 0 -10px;
    padding: 70px 9999px 70px 70px; }
    .gray-white-holder .right_section .step-letter,
    .white-gray-holder .right_section .step-letter {
      right: auto;
      left: -106px;
      color: #008fd5; }
    .gray-white-holder .right_section figure,
    .white-gray-holder .right_section figure {
      margin: 50px 0 0; }
      .gray-white-holder .right_section figure svg,
      .white-gray-holder .right_section figure svg {
        margin-right: 20px;
        margin-left: -30px; }
  .gray-white-holder p,
  .white-gray-holder p {
    margin-bottom: 30px; }
  .gray-white-holder figure,
  .white-gray-holder figure {
    display: table;
    margin: 0 0 50px;
    position: relative; }
    .gray-white-holder figure svg,
    .white-gray-holder figure svg {
      width: 201px;
      height: 150px;
      display: table-cell;
      vertical-align: middle;
      opacity: 0;
      margin-right: -25px; }
      .gray-white-holder figure svg.mobile-ver,
      .white-gray-holder figure svg.mobile-ver {
        display: none; }
    .gray-white-holder figure figcaption,
    .white-gray-holder figure figcaption {
      display: table-cell;
      vertical-align: middle; }
    .gray-white-holder figure h4,
    .white-gray-holder figure h4 {
      margin: 0 15px 0 0;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 25px;
      line-height: 27px;
      color: #008fd5; }
  .gray-white-holder ul,
  .white-gray-holder ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .gray-white-holder ul li,
    .white-gray-holder ul li {
      padding: 0 0 10px 38px;
      background: url("../images/boolet.png") 0 0 no-repeat;
      position: relative;
      line-height: 18px; }
      .gray-white-holder ul li:before,
      .white-gray-holder ul li:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        left: 4px;
        top: 0;
        background: #c8c8c8; }
      .gray-white-holder ul li:last-child:before,
      .white-gray-holder ul li:last-child:before {
        display: none; }

.white-gray-holder .left_section {
  background: #fff; }
  .white-gray-holder .left_section:after {
    content: "";
    position: absolute;
    top: -28px;
    right: -28px;
    width: 56px;
    height: 56px;
    z-index: 10;
    background: url("data:image/png;base64,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") 0 0 no-repeat;
    background-size: cover; }
  .white-gray-holder .left_section:before {
    -webkit-transform: translateY(-52%);
        -ms-transform: translateY(-52%);
            transform: translateY(-52%);
    height: 41%;
    background-color: #72e0f4; }
  .white-gray-holder .left_section .step-letter {
    right: -97px;
    color: #0bc0ed; }

.white-gray-holder .right_section {
  background: #f8f8f8; }
  .white-gray-holder .right_section .step-letter {
    left: -106px;
    color: #3cebff; }

.gray-white .start-animation svg {
  -webkit-animation: 3s circle forwards;
          animation: 3s circle forwards; }

@media (max-width: 1380px) {
  .introducing-block .text-block {
    margin-bottom: 40px;
    margin-top: 40px; }
    .introducing-block .text-block p {
      font-size: 16px;
      line-height: 18px; }
      .introducing-block .text-block p.blue-border {
        padding-bottom: 20px;
        margin-bottom: 20px; }
  .introducing-block h3 {
    margin-bottom: 20px; }
  .mobile-anim-block {
    width: 495px;
    height: 407px;
    position: absolute;
    right: 0;
    bottom: 0; } }

@media (max-width: 1240px) {
  .introducing-block .text-block {
    margin-bottom: 50px;
    max-width: 490px; }
  .mobile-anim-block {
    bottom: -2%; } }

@media (max-width: 1170px) {
  .introducing-block .text-block {
    margin-top: 50px;
    max-width: 400px; }
  .mobile-anim-block {
    bottom: -4%; } }

@media (max-width: 1024px) {
  .blue-white-section {
    background: url("../images/about_1024.png") 50% 100% no-repeat;
    background-size: cover; }
  .gray-white-holder .left_section,
  .white-gray-holder .left_section {
    margin: 0 -30px;
    padding: 50px 20px 20px; }
    .gray-white-holder .left_section:before,
    .white-gray-holder .left_section:before {
      display: none; }
  .gray-white-holder .right_section,
  .white-gray-holder .right_section {
    margin: 0 -30px;
    padding: 160px 20px 20px; }
    .gray-white-holder .right_section figure,
    .white-gray-holder .right_section figure {
      position: absolute;
      width: 100%;
      top: 0;
      margin-top: 60px; }
      .gray-white-holder .right_section figure svg,
      .white-gray-holder .right_section figure svg {
        margin: 0; }
        .gray-white-holder .right_section figure svg.mobile-ver,
        .white-gray-holder .right_section figure svg.mobile-ver {
          right: auto;
          left: 0; }
      .gray-white-holder .right_section figure figcaption,
      .white-gray-holder .right_section figure figcaption {
        float: right;
        text-align: right; }
  .gray-white-holder figure,
  .white-gray-holder figure {
    display: block; }
    .gray-white-holder figure:before,
    .gray-white-holder figure:after,
    .white-gray-holder figure:before,
    .white-gray-holder figure:after {
      content: " ";
      display: table; }
    .gray-white-holder figure:after,
    .white-gray-holder figure:after {
      clear: both; }
    .gray-white-holder figure figcaption,
    .white-gray-holder figure figcaption {
      float: left;
      max-width: 40%; }
    .gray-white-holder figure svg,
    .white-gray-holder figure svg {
      display: none;
      margin: 0;
      width: 210px;
      height: 117px; }
      .gray-white-holder figure svg.mobile-ver,
      .white-gray-holder figure svg.mobile-ver {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }
  .gray-white-holder .step-letter,
  .white-gray-holder .step-letter {
    display: none; }
  .gray-white-holder .column,
  .white-gray-holder .column {
    height: auto !important; }
  .white-gray-holder .right_section {
    background: #fff; }
  .white-gray-holder .left_section {
    background: #f8f8f8; }
    .white-gray-holder .left_section:after {
      display: none; }
  .mobile-anim-block {
    width: 285px; }
    .mobile-anim-block svg {
      display: none; }
      .mobile-anim-block svg.mobile-ver {
        display: block; }
    .mobile-anim-block .img-phone {
      right: 19.6%;
      width: 69.4%;
      opacity: 0;
      -webkit-animation: 2s restart-animation-fade forwards 4s;
              animation: 2s restart-animation-fade forwards 4s; } }

@media (max-width: 768px) {
  .header_ {
    background: #05237d; }
  .blue-white-section {
    background: url("../images/about_768.jpg") 50% 100% no-repeat;
    background-size: cover; }
  .mobile-anim-block {
    position: relative;
    width: 100%;
    height: auto; }
    .mobile-anim-block svg {
      display: block; }
      .mobile-anim-block svg.mobile-ver {
        display: none; }
    .mobile-anim-block .img-phone {
      right: 11.6%;
      width: 36.4%;
      -webkit-animation: 2s fade-out-main-phone forwards 4s;
              animation: 2s fade-out-main-phone forwards 4s; }
  .introducing-block .text-block {
    max-width: 80%; } }

@media (max-width: 530px) {
  .gray-white-holder figcaption, .white-gray-holder figcaption {
    max-width: 50%; }
    .gray-white-holder figcaption h4, .white-gray-holder figcaption h4 {
      font-size: 20px; } }

@media (max-width: 450px) {
  .introducing-block h3 {
    font-size: 25px;
    line-height: 27px; }
  .mobile-anim-block {
    width: 55%;
    margin: 0 auto; }
    .mobile-anim-block svg {
      display: none; }
      .mobile-anim-block svg.mobile-ver {
        display: block; }
    .mobile-anim-block .img-phone {
      right: 19.6%;
      width: 69.4%;
      opacity: 0;
      -webkit-animation: 2s restart-animation-fade forwards 4s;
              animation: 2s restart-animation-fade forwards 4s; }
  .gray-white-holder figure,
  .white-gray-holder figure {
    margin-bottom: 20px; }
    .gray-white-holder figure figcaption,
    .white-gray-holder figure figcaption {
      float: none;
      width: 100%;
      max-width: 100%;
      text-align: center;
      margin-bottom: 20px;
      display: block; }
      .gray-white-holder figure figcaption h4,
      .white-gray-holder figure figcaption h4 {
        font-size: 18px; }
    .gray-white-holder figure svg.mobile-ver,
    .white-gray-holder figure svg.mobile-ver {
      float: none;
      margin: 0 auto;
      position: static;
      -webkit-transform: translate(0);
          -ms-transform: translate(0);
              transform: translate(0); }
  .gray-white-holder .right_section,
  .white-gray-holder .right_section {
    padding-top: 245px; }
    .gray-white-holder .right_section figure figcaption,
    .white-gray-holder .right_section figure figcaption {
      position: absolute;
      top: 0;
      text-align: center !important; }
    .gray-white-holder .right_section figure svg.mobile-ver,
    .white-gray-holder .right_section figure svg.mobile-ver {
      right: auto;
      left: 50%;
      position: absolute;
      top: 40px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); } }

.mobile-anim-block {
  width: 854px;
  height: 562px; }
  .mobile-anim-block .img-phone {
    right: 42.6%;
    top: 36.5%;
    width: 36.6%;
    height: 33.1%; }

.blue-white-section {
  background: #f7f7f7 url("../images/support-bg.jpg") 50% 100% no-repeat;
  background-size: cover;
  padding-bottom: 0; }

.blue-white-section-holder {
  padding-bottom: 0; }

.introducing-block {
  padding-bottom: 70px; }
  .introducing-block .text-block {
    max-width: 640px; }
    .introducing-block .text-block h2 {
      margin-bottom: 35px; }
    .introducing-block .text-block p {
      margin-bottom: 20px; }
  .introducing-block .title-intro-block {
    bottom: -84px; }

.btn-contact-support {
  text-align: center;
  display: block;
  max-width: 144px;
  padding: 17px 16px 14px;
  margin-top: 30px;
  color: #0bc0ed;
  border: 1px solid #0bc0ed;
  border-radius: 5px; }
  .btn-contact-support:hover {
    color: #2c3487;
    background-color: #008fd5;
    border: 1px solid #008fd5; }

.mobile-anim-block {
  margin-top: 60px; }
  .mobile-anim-block svg path {
    stroke-width: 0.7; }

.question-sections-holder {
  max-width: 1190px;
  padding: 0 10px;
  margin: 0 auto; }
  .question-sections-holder .row {
    margin: 0 -9999px;
    padding: 90px 9999px; }
    .question-sections-holder .row > div {
      float: none;
      display: inline-block;
      vertical-align: middle;
      margin-left: -4px; }
  .question-sections-holder .white-row {
    background: #fff; }
  .question-sections-holder .gray-row {
    background: #f7f7f7; }
  .question-sections-holder .holder-question {
    position: relative; }
    .question-sections-holder .holder-question:after {
      content: "";
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      width: 71px;
      height: 14px;
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAOCAYAAAB95wG7AAAD80lEQVRIS92XX2hbdRTHv+f8bjodsnbr0K0TXTtHRtv4MKKIFbbhVt18kE4MbOCLL4J/CsqUMeqWDLYhwgTRBx8kskEfKkMRNqR7sIU50M4GWYPrlmp1LGbdumiJtkl775Hfzb1JGtf0NgsMdh9yf7k5v29+58P3nN/vEkqu+vCFzQartyGynZjXAMiQoovC8q01l4ve6nnyamn8vT4mJ0FaFYkdBOEQAe6z/IAJRARhMQHqNWm2J70/+Me9DkbnZ+e/8vDwfgYdWyhhDUdHkgbFmCbCgevTX32McNiqGlJfn9qonuoAY51Y1mjipfXD1WgFBlMBEtVuAqn46O/n8Fpwdqk6/v4bTXV13EFkZTO5qcFfd2z424az4tBPjxmKLhFIVRItdRHYntqfzWb2TIWfvrXUxTzSe6XNZ9SdYsV+kA1csx8wc9OhRGjjDS96LWfH6pf7VvQS866C1QXjpkgovnX1kBcNnURg8OZRAr0Lgp2/iGQg1H1xa2OUGiOxT0B4w6OYXWKui0CUoLnc8xPvB8e8zl8fjTXQspVxZmrSTsyXbd6VAM5f7nr4Gb3GxfTavps4w8Q7be9rwM4EAdKWabbGtz2YWkwjMHDzPWL64HZxluA5ajw8nABow2JCpb+X9aKkyNyzkweCl7xoNJ9M7AOpD/MlWlqueqyVzc4rux89W0nL358M+pRvqADGBlSEZIkcGdmyuqfiej674Ht8U/MECA0LxH1PqyLDs0RkeEmsPKbgIqLrYHpLYNolYRgG4CoaRn6oPwxAKV+YFG9x+leh4bsuAkkUFp1w52upwuV+YepSirttB7tOdu6aEkFiliXvVMyJuYUJny8YI5i7Izh259E1wJQmi14HWaliUk5W7s0BRkqF2XDgqLxb5rkIFAWbJ2ySJWCKkPRz6WKluv8HRmvZtpaYCO4cTjVlVUpbRKaIrM7Jg8EfvLiv6dNf9imfU1ZKg2F3F7RdJGJ1/ra3pXJZnU4GWfHQ/P5XdBFAR0a21aCsltqQ5wEQScEyX5yMPPGjFzA6puGjWMMDdffFSXETKQbZgPReSRDQ+fFXmj01ZP/p5Blm3mk7xTmLOWWWlhlpjb9Qg4bsdSsvT14E52ayZujfo8E/vYJx49Ycj7fxMj7FzP4iHAxkBaHUqx638r6xet/y+3uZaVfhoAoZN5WELm9fW5utXC94sUNgWfL/WGJF0iNjx/FlyFwqmEL8y31qbUd7B/loHURGk2+2VnUI3PT11YDp43YWTo1eu1bbQ6Cz2Nu+PpQlnhWRL2ayVqQat1QN8S5OLBwu9RoKL57ADgAPieAvgvwshG9y0ziZObbZ0+n1LuZT07/+DxXxaU6pxnzTAAAAAElFTkSuQmCC") 0 0 no-repeat;
      background-size: cover; }
  .question-sections-holder .number {
    display: inline-block;
    border: 1px solid #008fd5;
    border-radius: 100%;
    width: 71px;
    height: 71px;
    line-height: 71px;
    text-align: center;
    font-size: 55px;
    color: #008fd5;
    font-family: "proxima_nova_ltlight";
    font-weight: 300;
    vertical-align: middle;
    margin-right: 23px; }
  .question-sections-holder h4 {
    font-size: 25px;
    line-height: 29px;
    color: #008fd5;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    vertical-align: middle;
    margin: 0;
    max-width: 310px; }
  .question-sections-holder p {
    text-align: justify;
    color: #000;
    font-family: "proxima_nova_ltlight";
    font-weight: 300;
    font-size: 16px;
    line-height: 18px; }
  .question-sections-holder .gray-row {
    overflow: hidden; }
    .question-sections-holder .gray-row h4 {
      text-align: right; }
    .question-sections-holder .gray-row .number {
      margin: 0 0 0 27px;
      color: #503d89;
      border-color: #503d89; }
    .question-sections-holder .gray-row h4 {
      color: #503d89; }
    .question-sections-holder .gray-row .holder-question {
      text-align: right; }
      .question-sections-holder .gray-row .holder-question:after {
        right: auto;
        left: 0;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAAAOCAYAAAB95wG7AAADvUlEQVRIS+WXXWgcZRSG3zOzu0m1aCKNrkJKIIW2hBLTJoqaaiy2/oBetKQXIRaX6F6ISUMltE0vGiVqG0uDMS24iuZO2CC1F7Y2/tBq4oUuBTEuBI3KSoM/IKmIVXe+88rs7iTbsNtMtrkp3YvZXeZ878x55pz3fCO4zj6R+7+sDthWREQeAbEBgpUgf4HIx0hzMPZ543kPiVwvbKLNidUMSj+EbQKxC+VNgiReeOvsphcBcA7O3uj0zdaK4AMWWJY2MjEwvHpmqeCimxLBivqKZkMNK83k4Mj6b5aq4cZHH/56o4hZC8WFP8a+nxjFTlOKTnZNn/V0y+NdlvBliKzwp8P9sU8bD2Xg7O9KRSyRoUyJucgII8CrL71W3ev+9SP4/DPTTQHLipOsgbqPAIDy1MW/Zttio40X/WhEHj1fdUMoGAfRktUgqJhylDvePHPnt3408mM67vniFrs89C5Eti1lLUGj+t862deZ2mbbcqbQYlXsfWWoemAx4Z5nfwzblCSASjehOTgk1PD0kXfWPLaYBgDp3D45DuLeHNgsHBey0Zm/L7Fu5GzDrA+dTEh0S6KWlA9FsMbvmsviqMektzs1LpD7CgqQs79f+u3WWKwxfaUL9D73Uz8hB9xMqNnSc5PyQKUVTYNv1yaupLG7NbkVwBjnq24eTraKeo5/UH/ET6LRlsQ6WvKJAHf4iS+S+7Qc6P7ZTTxQTIRgh8L8UPQiDiBiHRVIQwaGByUPDhVDCnMCjqfiwPF+575J7BIgUgyOKs8pTN+8BuCJ5MnCsqSKwOsCua1kMFlvca4eDgBbA0cJNmRuxmuFvCpS5ZCqOZE5XwiQ21Mqu0BEcj6T1cmvItVzjpq+yzU8vayoexTaYSGPuy1+1XCWpa26Uv1i5drK9YgF1aPGNA28sUhbtSe32rTHisFRoz3DJzf4a6sHE3eLJWMEbvI3TgpgJKeXzZCDQTspIpVzYHJVpOTpQ8M1vgx5T/vUOLDAkDXjXTN/pv+tG3nfvyF3bPnqroBYJwmESwLkGrKbw3KM8n27U00WEBeRGq+9lDyl/zhth2O1vkZ5Z+t3VaFyxon5Ua6GU46jO469V7fkUR7dnLgdZRIXSjMzT81fo82Nci98WTaB0URwVfmqZrWsMB2ZPDxcXdImsLs9udFGYK2jzoWZ9OTE6Gjpm8BWxO3Kh2r3AHIQ5I3+AOVtAv3xvLajMlUUkoMCeYpgWSFIRV8fru3U/d99ZPNnVaHQyieVfAJEvQgqCP4qkI8Wvnj+Dy9QTs319MG8AAAAAElFTkSuQmCC") 0 0 no-repeat;
        background-size: cover; }

@media (max-width: 1550px) {
  .introducing-block .text-block {
    max-width: 470px; } }

@media (max-width: 1380px) {
  .mobile-anim-block {
    width: 550px;
    height: 360px;
    bottom: 10px;
    margin-top: 0; }
  .introducing-block .text-block {
    max-width: 400px; } }

@media (max-width: 1024px) {
  .mobile-anim-block {
    width: 500px;
    height: 330px;
    bottom: 100px; }
    .mobile-anim-block svg {
      display: block; }
  .question-sections-holder .row {
    padding: 50px 9999px; }
    .question-sections-holder .row.gray-row {
      display: table; }
      .question-sections-holder .row.gray-row > div:first-child {
        display: table-footer-group; }
      .question-sections-holder .row.gray-row > div:last-child {
        display: table-header-group; }
      .question-sections-holder .row.gray-row .holder-question .number {
        margin: 0 0 0 10px; }
    .question-sections-holder .row p {
      max-width: 90%;
      margin: 0 auto; }
  .holder-question {
    margin-bottom: 50px; }
    .holder-question:after {
      display: none; } }

@media (max-width: 900px) {
  .mobile-anim-block {
    width: 400px;
    height: 270px;
    bottom: 125px; }
  .introducing-block .text-block {
    max-width: 370px;
    margin-top: 50px; } }

@media (max-width: 768px) {
  .header_ {
    background: #000000; }
  .introducing-block .text-block {
    max-width: 490px; }
  .mobile-anim-block {
    width: 100%;
    height: auto;
    bottom: 0; } }

@media (max-width: 550px) {
  .question-sections-holder .row {
    padding: 25px 9999px; }
    .question-sections-holder .row .holder-question {
      margin-bottom: 25px; }
      .question-sections-holder .row .holder-question .number {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 40px;
        margin-right: 10px; }
      .question-sections-holder .row .holder-question h4 {
        max-width: 70%;
        font-size: 20px; } }

.blue-white-section {
  background: url("../images/bg.jpg") 50% 100% no-repeat;
  background-size: cover;
  padding: 0; }

.introducing-block {
  padding-bottom: 25px; }
  .introducing-block .title-intro-block {
    bottom: -40px; }
    .introducing-block .title-intro-block:before {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABYCAYAAAATOhxeAAAExElEQVRYR+2YXWwUVRTH/+fOTpeWAkYQjCZEEgxW5U2IYlDBgIqCIk5nowbM7LZYUR94aRTRKqLywoOK2I9dJajZ6Sg1okQlAn5VA/FFI2Dii1UTAUsU2u4uu/ceMwvb7MfMzrZPJPa8zc65v7333HP+99whlNnO1Wdn6npDKwm6B4xriDCNGf+CcJwVf5zNjnS19U05WTyMih4obsp2InoGwORyeNHzMDO/GLW1bQDY/T0PMYxe7U6xZhcRPVRlcMkrZn73U/XBOsdplnlIPCI7CPRcrYCCH4Ofjya1Duo2UnOECB8jQnjMEEZGqUwTJZrlKxDUPlbAqL/ibRQ31c9EuHa8EGYcpUREpQBMGi8EQNqF5Ldp3MZgikfUKQJmjBfCwAlKmOojEFaOFwJgPyVM2QaiN8YNUdxObq2E6yb/DkLdWEEMqDTSV53PWFO6Kb92rBAw9lq2WJWH9JiZ6wX0H0Hna6lWkzJ3Q4tT98PooLgp3yKiR2oFgNm2bC0yWsX5Ja0avgL19Udd/QgEMf5JqZGmDU7jXyWQ88vKxQSJ7iCIglobS4Z2F/zKY+DmTR8I9/qBmDketbVY8fuKQHYap6fp2iVHAFxdAWJ8P3DityUdh+akq0LyyzLSc0mr+4aAWQVnZhxLnRta/Hjf1MFyuO+WdhqZ+SFN338BdFyeSy9r2dPwh9cyq+ZFp5GaHdLCB0kO32g5U075xSkwuRIR+baV1KrmzwSkMrwTMfl/xmSHMXT5JFG/kYhWMGMuEX5l5n1pldpekMSqetIVyS7SWNtLhEvLQ8iM05Lkytak3u8LeX31mekN4cZfAEyvorODI5mhecXiVJKx8YjcTKAXgoSawc9Gk9oWT6FORNTnAJYFQdxD3EqK5d4QU30LwqJACKPfssXNPhD5JojWB0O407K1Rz0hXea5BSEKHQ6C5Di3sNWuc4+VvFVIQVBPW+hdA8+dRHPuYZDYCsLsUWfGAFhtsnpD79R87rizTBiZJgh9O1R2o+WEjxV6+bFA8r4TR0ZlhkzE5GKMSdeazHVCD91FTOuYeJeQuX2WEz5aU7u1wzjZWC+md4LowYoBzO+l1OD6Dc7MoWpV7N7EPguQSFca7yguxlKhbs41kxB2kCixUma0N9TrKUrxiHIIeCAQArwfTQrDD9JPwE01QL6LJsWooJedO2oPAatrgPRFk+J+z5n0NOcsIUQ8CKKUisZ6QwlPSMdtB0OzZ93aD8ICXxDjyMCJLxd1HFqS81X7hHH2MmiTkwCWeoAOQA5Hylt03+6x28guFUKsINB9DP5QKbWvxdEP1JSx5U4TonQxilJhThO7U7o7nSvPzNAbGnuyI0Ox9Xun/u1XlJ61Ezezy0HaFgIWFgYycBgsN0dt3W1TS6wC0mPKxwTRDr9/VcwbYrZW8g2qBNJtZpo06D+BoFXREymRnd9i59uvvJXKoylfJaIngpSNmV+L2tqTnpCEqb4CYXEQBIyvLVvc4g2JqC98FK2ce8BKitt9IPIlgJ4KnAn4ZSupPe0J2WmMXBnWJrn3narfqDMyPa/NafjTV6h7jNzdQggHhPqKGTFSSikj5oQ+KX7nnWxGeh6Evsm9A164hQ26d0Co7Naok59pif0HOjhEi6hEgC4AAAAASUVORK5CYII=") 0 0 no-repeat;
      background-size: cover; }
  .introducing-block .text-block h2 {
    margin-bottom: 10px; }
  .introducing-block .text-block h3 {
    margin-bottom: 40px; }
  .introducing-block .text-block p {
    margin-bottom: 40px; }
  .introducing-block .text-block .upper {
    text-transform: uppercase;
    margin-bottom: 20px; }

.mobile-anim-block {
  width: 513px;
  height: 658px;
  margin-right: 240px; }
  .mobile-anim-block svg path {
    stroke-width: 1;
    stroke: #b7a0cd; }
  .mobile-anim-block svg .no_animate_ {
    opacity: 0; }
    .mobile-anim-block svg .no_animate_ path {
      -webkit-animation: none;
              animation: none;
      stroke-width: .2;
      fill: #fff; }
  .mobile-anim-block .img-phone {
    right: 11.6%;
    top: 33.9%;
    width: 66.9%;
    height: 36.5%; }

.hand-guide {
  position: absolute;
  -webkit-transform: translateX(300%);
      -ms-transform: translateX(300%);
          transform: translateX(300%);
  left: 100%;
  width: 470px;
  height: 351px;
  -webkit-animation: 3s hand-guide-animation forwards 4s;
          animation: 3s hand-guide-animation forwards 4s;
  top: 85px; }
  .hand-guide svg {
    width: 100%;
    height: 100%;
    stroke: #b7a0cd;
    stroke-width: 0.7; }
    .hand-guide svg path {
      stroke: #b7a0cd; }

.step-by-step {
  background: #fff; }

.step-by-step-holder {
  max-width: 1190px;
  margin: 0 auto;
  padding: 100px 10px 0; }
  .step-by-step-holder .center .svg-area {
    width: 150px;
    height: 150px; }
  .step-by-step-holder .svg-area {
    width: 125px;
    height: 125px;
    margin: 0 auto 25px; }
    .step-by-step-holder .svg-area svg {
      width: 100%;
      height: 100%; }
      .step-by-step-holder .svg-area svg path {
        stroke: #503D89; }
  .step-by-step-holder h4 {
    font-size: 25px;
    line-height: 27px;
    margin: 0 0 10px;
    color: #503d89;
    font-family: "proxima_nova_ltlight";
    font-weight: 300;
    text-align: center; }
  .step-by-step-holder p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-align: justify; }
  .step-by-step-holder .first-line,
  .step-by-step-holder .second-line,
  .step-by-step-holder .third-line {
    opacity: 0; }
  .step-by-step-holder .center {
    margin-top: 75px; }
  .step-by-step-holder .row {
    padding-bottom: 100px; }
    .step-by-step-holder .row > div {
      display: inline-block;
      vertical-align: top;
      margin-right: -4px;
      float: none; }
  .step-by-step-holder .title-step {
    max-width: 170px;
    background: #503d89;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-family: "proxima_nova_ltlight";
    font-weight: 300; }
  .step-by-step-holder .step-animation {
    position: relative; }
    .step-by-step-holder .step-animation.step-2 .svg-arrow-block {
      width: 873px;
      height: 190px;
      left: 21%; }
    .step-by-step-holder .step-animation .show-append {
      display: none; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(1) svg .first-line {
    stroke-dasharray: 500;
    stroke-dashoffset: -500;
    -webkit-animation: test 1s linear normal forwards;
            animation: test 1s linear normal forwards; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(1) svg .second-line {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    -webkit-animation: test-1 1s linear alternate forwards 1s;
            animation: test-1 1s linear alternate forwards 1s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(1) svg .third-line {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    -webkit-animation: test-1 1s linear alternate forwards 2s;
            animation: test-1 1s linear alternate forwards 2s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(1) svg .num-1 {
    -webkit-animation: 0.5s circle-sphere forwards 1s;
            animation: 0.5s circle-sphere forwards 1s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(1) svg .num-2 {
    -webkit-animation: 0.5s circle-sphere forwards 1.5s;
            animation: 0.5s circle-sphere forwards 1.5s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(1) svg .num-3 {
    -webkit-animation: 0.5s circle-sphere forwards 2.5s;
            animation: 0.5s circle-sphere forwards 2.5s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(2) {
    -webkit-animation: 0.5s circle-sphere forwards 1s;
            animation: 0.5s circle-sphere forwards 1s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(3) {
    -webkit-animation: 0.5s circle-sphere forwards 1.5s;
            animation: 0.5s circle-sphere forwards 1.5s; }
  .step-by-step-holder .row.start-animation .step-1 > div:nth-child(4) {
    -webkit-animation: 0.5s circle-sphere forwards 2.5s;
            animation: 0.5s circle-sphere forwards 2.5s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(1) svg .first-line {
    stroke-dasharray: 500;
    stroke-dashoffset: -100;
    -webkit-animation: test 1s linear normal forwards 3s;
            animation: test 1s linear normal forwards 3s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(1) svg .second-line {
    stroke-dasharray: 500;
    stroke-dashoffset: -500;
    -webkit-animation: test-1 1s linear normal forwards 4s;
            animation: test-1 1s linear normal forwards 4s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(1) svg .third-line {
    stroke-dasharray: 500;
    stroke-dashoffset: -500;
    -webkit-animation: test-1 1s linear normal forwards 5s;
            animation: test-1 1s linear normal forwards 5s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(1) svg .num-1 {
    -webkit-animation: 0.5s circle-sphere forwards 3s;
            animation: 0.5s circle-sphere forwards 3s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(1) svg .num-2 {
    -webkit-animation: 0.5s circle-sphere forwards 4s;
            animation: 0.5s circle-sphere forwards 4s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(1) svg .num-3 {
    -webkit-animation: 0.5s circle-sphere forwards 5s;
            animation: 0.5s circle-sphere forwards 5s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(2) {
    -webkit-animation: 0.5s circle-sphere forwards 5s;
            animation: 0.5s circle-sphere forwards 5s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(3) {
    -webkit-animation: 0.5s circle-sphere forwards 4s;
            animation: 0.5s circle-sphere forwards 4s; }
  .step-by-step-holder .row.start-animation .step-2 > div:nth-child(4) {
    -webkit-animation: 0.5s circle-sphere forwards 3s;
            animation: 0.5s circle-sphere forwards 3s; }
  .step-by-step-holder .step-1 > div:nth-child(1) svg .number, .step-by-step-holder .step-1 > div:nth-child(1) svg .num-1, .step-by-step-holder .step-1 > div:nth-child(1) svg .num-2, .step-by-step-holder .step-1 > div:nth-child(1) svg .num-3 {
    opacity: 0; }
  .step-by-step-holder .step-1 > div:nth-child(2) {
    opacity: 0; }
  .step-by-step-holder .step-1 > div:nth-child(3) {
    opacity: 0; }
  .step-by-step-holder .step-1 > div:nth-child(4) {
    opacity: 0; }
  .step-by-step-holder .step-1 > div:nth-child(5) {
    opacity: 0; }
  .step-by-step-holder .step-2 > div:nth-child(1) svg .number, .step-by-step-holder .step-2 > div:nth-child(1) svg .num-1, .step-by-step-holder .step-2 > div:nth-child(1) svg .num-2, .step-by-step-holder .step-2 > div:nth-child(1) svg .num-3 {
    opacity: 0; }
  .step-by-step-holder .step-2 > div:nth-child(2) {
    opacity: 0; }
  .step-by-step-holder .step-2 > div:nth-child(3) {
    opacity: 0; }
  .step-by-step-holder .step-2 > div:nth-child(4) {
    opacity: 0; }
  .step-by-step-holder .svg-arrow-block {
    position: absolute;
    top: -11%;
    left: -0.5%;
    width: 1000px;
    height: 190px;
    z-index: 100; }
    .step-by-step-holder .svg-arrow-block svg {
      width: 100%;
      height: 100%; }
      .step-by-step-holder .svg-arrow-block svg path {
        stroke: #503D89; }
  .step-by-step-holder .gray-holder {
    margin: 0 -9999px;
    padding: 70px 9999px 0;
    background: #f7f7f7 url("../images/step-by-step-bg.png") 48.5% 100% no-repeat; }
    .step-by-step-holder .gray-holder .title-step {
      background: #0bc0ed;
      color: #fff;
      border-radius: 5px;
      padding: 10px 20px;
      position: relative; }
      .step-by-step-holder .gray-holder .title-step:before {
        content: "";
        position: absolute;
        top: -82px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 17px;
        height: 88px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAABYCAYAAAATOhxeAAAEZ0lEQVRYR+2Ya2wUVRTHf2d2KTQSSQTUaEI0wdS6O2IMIGIwAQNGFF+xSNSA0UZ8RJOdVhuL6CpSW0t3E41GVNDGR4QaMaJNlFgSH4iAhDK7BRI/+UgUxAiBtMLuHDNdlu5rdpb6rfR+2p177y/nnjnnf84doXC0955PIPAQIregXI4wAeUIwn5UPyedfpMnpx3M3SY5f4RYsgn0GUTOKYJnH6geB3kRK9QGqPs4A6nbGGBWbSeGca/n5sIJx/mA7fuW0bU4nYF02FEM47mKAdmFjvM8DWZUaO+9lGBwHzD2jCHwL6lUrRBPtII0DQNwaou2CbFEEpErhg1R7XPfSD/CuOFDGBDiycHX9D+GupYcQpg0fIj+6frkM0QWDR/CFqHDfgTDeH34EG1y48TNlV8RqTpjkOKgziWZiI0nOkGWnjlEN2OFb81A2nvDBIN7T+dSpbR0ejqNV/40lMXxxDsg91e6H3QDkfCSoSx2f7XtvogxY/sG9cN36D+clFqeCv2RD8n4ph7kLV8GzlIi5nvZdbmilIHGkpsQbvMEqa7DCtfnzhdCoHXXBMZW7wQuKwIp2zl6cC7RuQPlIe5sLDEV4TuQC4YW6z76j8+h+ZrDhfBiS7IrYntNxNgyCFLdz8n0fJqm/VbqmN4Qd3VrcgpVupWBE7NovvqQl5/KQzJHexcrXDZ+RiHF7h31yVnqk5eTFxJUC2QhwlSUn0G7SUksK4nl9aTDno3IZkTOKxYl/RvVRTSY27whLT9OpHr8AWBiGZ09TP+xmlxxyo/YeGIlyAv+Qq3PEgmvKi3U8eRXwHx/CFuIhBaUhsQS3yMy2xeiug0rfJ2HJfYbYCz3heCsJWI+XBqyJjGDgOzwhaR1Jo1ht6wMjmIp8OtpT/Wu/nWnw74PQ1aDTMmpO7/g6AoazPcrrzuulWuStQQ0RlosGkNuw1yySRxVtrNU2XKPPUK6gtieEBK4CYxl4HSSNrppDPVV1m5Fk+M5V9cick8Jof6Qo7KcaOhYuSx2b2Jf+kikK4035iZjfgLG7MWIscFXlNS5G8vc6KWxXYjc5Q/Rj7HCdV5q7xala30h8AOR0GlBLzhO4hNE7vCFqG7CCt9Z2pIO+wEMY50vxHEepMFcXxoS3RpkwuRtIDO8QbqTI4dmE52b8lb7lt2TGVf1ESLzSsRJDwMnlhS26N4aG0/OQ52FiNyO6qeI0U0k1FNZxBauGiFZnD3W6HGKw2AE+WTNrkkY1W/j9NfTOP0vr6QsnTsxewHIKkRmnt6ougN0JZbptql5oxgSSzyKyGueUqD6GFY47xtUPqTNrqXKsIFAGWFKc8IxaTLd9mtw5EM67FcwjMcrULZXaTCf8FD75DcIc3whyrdYoeu9SsbXJRWtkKragxW+waNk2C1gPO1rCc5LRMxmD0v2XAzBA/7fqFM1WFf97i3Ucftm1OhCqC4WavoRp46I+UXuXOlga+utYUxwBcLCU7ewwyjdnEytpmmaezPLG/8ByynOgkNy1AYAAAAASUVORK5CYII=") 0 0 no-repeat;
        background-size: cover; }
    .step-by-step-holder .gray-holder .svg-arrow-block svg path, .step-by-step-holder .gray-holder .svg-arrow-block svg .num-1, .step-by-step-holder .gray-holder .svg-arrow-block svg .num-2, .step-by-step-holder .gray-holder .svg-arrow-block svg .num-3 {
      stroke: #0BC0ED; }
    .step-by-step-holder .gray-holder .svg-arrow-block svg polygon {
      fill: #0BC0ED; }
    .step-by-step-holder .gray-holder .svg-area svg path {
      stroke: #0BC0ED; }
    .step-by-step-holder .gray-holder .step-2 .svg-arrow-block {
      width: 65px;
      height: 90px;
      left: auto;
      right: 50px; }
      .step-by-step-holder .gray-holder .step-2 .svg-arrow-block svg .first-line {
        -webkit-animation-duration: 0.5s;
                animation-duration: 0.5s;
        stroke-dashoffset: -200; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(1) svg .first-line {
      stroke-dasharray: 500;
      stroke-dashoffset: -500;
      -webkit-animation: test 1s linear normal forwards;
              animation: test 1s linear normal forwards; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(1) svg .second-line {
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      -webkit-animation: test-1 1s linear alternate forwards 1s;
              animation: test-1 1s linear alternate forwards 1s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(1) svg .third-line {
      stroke-dasharray: 500;
      stroke-dashoffset: 500;
      -webkit-animation: test-1 1s linear alternate forwards 2s;
              animation: test-1 1s linear alternate forwards 2s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(1) svg .num-1 {
      -webkit-animation: 0.5s circle-sphere forwards 1s;
              animation: 0.5s circle-sphere forwards 1s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(1) svg .num-2 {
      -webkit-animation: 0.5s circle-sphere forwards 1.5s;
              animation: 0.5s circle-sphere forwards 1.5s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(1) svg .num-3 {
      -webkit-animation: 0.5s circle-sphere forwards 2.5s;
              animation: 0.5s circle-sphere forwards 2.5s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(2) {
      -webkit-animation: 0.5s circle-sphere forwards 1s;
              animation: 0.5s circle-sphere forwards 1s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(3) {
      -webkit-animation: 0.5s circle-sphere forwards 1.5s;
              animation: 0.5s circle-sphere forwards 1.5s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(4) {
      -webkit-animation: 0.5s circle-sphere forwards 2.5s;
              animation: 0.5s circle-sphere forwards 2.5s; }
    .step-by-step-holder .gray-holder.start-animation .step-1 > div:nth-child(5) {
      -webkit-animation: 0.5s circle-sphere forwards 3s;
              animation: 0.5s circle-sphere forwards 3s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(1) svg .first-line {
      stroke-dasharray: 500;
      stroke-dashoffset: -100;
      -webkit-animation: test 1s linear normal forwards 3s;
              animation: test 1s linear normal forwards 3s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(1) svg .second-line {
      stroke-dasharray: 500;
      stroke-dashoffset: -500;
      -webkit-animation: test-1 1s linear normal forwards 4s;
              animation: test-1 1s linear normal forwards 4s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(1) svg .third-line {
      stroke-dasharray: 500;
      stroke-dashoffset: -500;
      -webkit-animation: test-1 1s linear normal forwards 5s;
              animation: test-1 1s linear normal forwards 5s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(1) svg .num-1 {
      -webkit-animation: 0.5s circle-sphere forwards 3s;
              animation: 0.5s circle-sphere forwards 3s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(1) svg .num-2 {
      -webkit-animation: 0.5s circle-sphere forwards 4s;
              animation: 0.5s circle-sphere forwards 4s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(1) svg .num-3 {
      -webkit-animation: 0.5s circle-sphere forwards 5s;
              animation: 0.5s circle-sphere forwards 5s; }
    .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(2) {
      -webkit-animation: 0.5s circle-sphere forwards 3.5s;
              animation: 0.5s circle-sphere forwards 3.5s; }
    .step-by-step-holder .gray-holder h4 {
      color: #0bc0ed; }
  .step-by-step-holder .can-block {
    font-size: 16px;
    color: #0bc0ed; }
    .step-by-step-holder .can-block strong {
      text-transform: uppercase;
      font-weight: normal;
      display: inline-block;
      vertical-align: middle;
      margin-right: 60px; }
    .step-by-step-holder .can-block ul {
      margin: 0;
      padding: 0;
      list-style: none;
      text-transform: none;
      display: inline-block;
      vertical-align: middle; }
      .step-by-step-holder .can-block ul li {
        margin-bottom: 5px; }

@media (max-width: 1400px) {
  .mobile-anim-block {
    width: 342px;
    height: 437px;
    margin-right: 180px; }
  .hand-guide {
    width: 325px;
    height: 270px;
    top: 140px; }
  .introducing-block .text-block h3 {
    margin-bottom: 10px; }
  .introducing-block .text-block p {
    margin-bottom: 20px; }
  .introducing-block .text-block {
    margin-bottom: 30px;
    margin-top: 20px; } }

@-webkit-keyframes hand-guide-animation {
  0% {
    -webkit-transform: translateX(300%);
            transform: translateX(300%); }
  100% {
    -webkit-transform: translateX(-57%);
            transform: translateX(-57%); } }

@keyframes hand-guide-animation {
  0% {
    -webkit-transform: translateX(300%);
            transform: translateX(300%); }
  100% {
    -webkit-transform: translateX(-57%);
            transform: translateX(-57%); } }

@-webkit-keyframes fade-in-step {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in-step {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes test {
  from {
    opacity: 1;
    stroke-dashoffset: -500; }
  to {
    stroke-dashoffset: 0;
    opacity: 1; } }

@keyframes test {
  from {
    opacity: 1;
    stroke-dashoffset: -500; }
  to {
    stroke-dashoffset: 0;
    opacity: 1; } }

@-webkit-keyframes test-1 {
  from {
    opacity: 1;
    stroke-dashoffset: 500; }
  to {
    opacity: 1;
    stroke-dashoffset: 0; } }

@keyframes test-1 {
  from {
    opacity: 1;
    stroke-dashoffset: 500; }
  to {
    opacity: 1;
    stroke-dashoffset: 0; } }

@media (max-width: 1200px) {
  .step-by-step-holder .svg-arrow-block {
    display: none !important; }
  .step-by-step-holder .start-animation .step-animation .svg-area svg {
    opacity: 0; }
  .step-by-step-holder .start-animation .step-animation > div:nth-child(2) .svg-area svg {
    -webkit-animation: 2s circle forwards 1s;
            animation: 2s circle forwards 1s; }
  .step-by-step-holder .start-animation .step-animation > div:nth-child(3) .svg-area svg {
    -webkit-animation: 2s circle forwards 2s;
            animation: 2s circle forwards 2s; }
  .step-by-step-holder .start-animation .step-animation > div:nth-child(4) .svg-area svg {
    -webkit-animation: 2s circle forwards 3s;
            animation: 2s circle forwards 3s; }
  .step-by-step-holder .start-animation .step-animation > div:nth-child(5) .svg-area svg {
    -webkit-animation: 2s circle forwards 4s;
            animation: 2s circle forwards 4s; }
  .step-by-step-holder .start-animation .step-animation.step-2 > div:nth-child(2) .svg-area svg {
    -webkit-animation: 2s circle forwards 6s;
            animation: 2s circle forwards 6s; }
  .step-by-step-holder .start-animation .step-animation.step-2 > div:nth-child(3) .svg-area svg {
    -webkit-animation: 2s circle forwards 5s;
            animation: 2s circle forwards 5s; }
  .step-by-step-holder .start-animation .step-animation.step-2 > div:nth-child(4) .svg-area svg {
    -webkit-animation: 2s circle forwards 4s;
            animation: 2s circle forwards 4s; }
  .step-by-step-holder .gray-holder.start-animation .step-2 > div:nth-child(2) .svg-area svg {
    -webkit-animation: 2s circle forwards 4s;
            animation: 2s circle forwards 4s; }
  .step-by-step-holder .step-animation > div:nth-child(2),
  .step-by-step-holder .step-animation > div:nth-child(3),
  .step-by-step-holder .step-animation > div:nth-child(4),
  .step-by-step-holder .step-animation > div:nth-child(5) {
    position: relative;
    margin-bottom: 20px; }
    .step-by-step-holder .step-animation > div:nth-child(2):after,
    .step-by-step-holder .step-animation > div:nth-child(3):after,
    .step-by-step-holder .step-animation > div:nth-child(4):after,
    .step-by-step-holder .step-animation > div:nth-child(5):after {
      content: "1";
      position: absolute;
      font-size: 22px;
      left: 30px;
      top: 30px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background: #fff;
      border-radius: 100%;
      border: 1px solid #156ba9; }
  .step-by-step-holder .step-animation > div:nth-child(3):after {
    content: "2"; }
  .step-by-step-holder .step-animation > div:nth-child(4):after {
    content: "3"; }
  .step-by-step-holder .step-animation > div:nth-child(5):after {
    content: "4"; }
  .step-by-step-holder .step-animation.step-2 > div:nth-child(2):after {
    content: "6"; }
  .step-by-step-holder .step-animation.step-2 > div:nth-child(3):after {
    content: "5"; }
  .step-by-step-holder .step-animation.step-2 > div:nth-child(4):after {
    content: "4"; }
  .step-by-step-holder .gray-holder .step-animation.step-2 > div:nth-child(2):after {
    content: "4"; } }

@media (max-width: 1100px) {
  .hand-guide {
    display: none; }
  .mobile-anim-block {
    margin-right: 0; } }

@media (max-width: 1025px) {
  .step-by-step-holder .center {
    margin-top: 0; }
    .step-by-step-holder .center .svg-area {
      width: 125px;
      height: 125px; }
  .step-by-step-holder .row > div {
    display: block;
    margin: 0; }
  .step-by-step-holder .row .step-animation .hide-append {
    display: none; }
  .step-by-step-holder .row .step-animation .show-append {
    display: block; }
  .step-by-step-holder .row.start-animation .step-animation.step-2 > div:nth-child(2) {
    -webkit-animation: 0.5s circle-sphere forwards 3s;
            animation: 0.5s circle-sphere forwards 3s; }
    .step-by-step-holder .row.start-animation .step-animation.step-2 > div:nth-child(2):after {
      content: "4"; }
  .step-by-step-holder .row.start-animation .step-animation.step-2 > div:nth-child(3) {
    -webkit-animation: 0.5s circle-sphere forwards 4s;
            animation: 0.5s circle-sphere forwards 4s; }
    .step-by-step-holder .row.start-animation .step-animation.step-2 > div:nth-child(3):after {
      content: "5"; }
  .step-by-step-holder .row.start-animation .step-animation.step-2 > div:nth-child(4) {
    -webkit-animation: 0.5s circle-sphere forwards 5s;
            animation: 0.5s circle-sphere forwards 5s; }
    .step-by-step-holder .row.start-animation .step-animation.step-2 > div:nth-child(4):after {
      content: "6"; }
  .step-by-step-holder .gray-holder .step-animation > div {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px; }
    .step-by-step-holder .gray-holder .step-animation > div.show-append {
      display: inline-block; }
  .step-by-step-holder .gray-holder .step-animation.step-2 {
    display: none; } }

@media (max-width: 1024px) {
  .title-intro-block {
    font-size: 20px;
    padding: 14px 14px 10px 14px; }
  .mobile-anim-block {
    bottom: 0; } }

@media (max-width: 800px) {
  .mobile-anim-block {
    max-width: 408px;
    max-height: 528px;
    width: 100%;
    height: auto;
    position: relative;
    bottom: 0;
    overflow: hidden;
    margin: 0 auto;
    float: none; }
  .introducing-block .text-block {
    max-width: 70%; } }

@media (max-width: 768px) {
  .header_ {
    background: #000000; }
  .introducing-block .text-block {
    max-width: 100%; }
    .introducing-block .text-block h3 {
      margin-bottom: 20px;
      font-size: 25px; }
  .title-intro-block {
    font-size: 16px;
    padding: 5px 5px 3px; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .step-by-step-holder .start-animation.row svg path {
    stroke-dashoffset: 0 !important; }
  .step-by-step-holder .start-animation.gray-holder svg path {
    stroke-dashoffset: 0 !important; } }

@media (max-width: 450px) {
  .title-intro-block {
    font-size: 15px;
    max-width: 90%; } }