/* Helpers and Settings */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,300,700,400italic&subset=latin,cyrillic-ext,cyrillic);
/* img */
/* Main Libraries */
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio, canvas, video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden], template {
  display: none; }

script {
  display: none !important; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b, strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: yellow;
  color: black; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button, input, select, textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button, input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button, select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

meta.foundation-mq-small {
  font-family: "/only screen and (max-width: 639px)/";
  width: 0px; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:640px)/";
  width: 640px; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:1024px)/";
  width: 1024px; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:1439px)/";
  width: 1439px; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:1921px)/";
  width: 1921px; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-size: 16px; }

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default; }

a:hover {
  cursor: pointer; }

img, object, embed {
  max-width: 100%;
  height: auto; }

object, embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: " ";
    display: table; }
  .clearfix:after {
    clear: both; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

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

.text-justify {
  text-align: justify !important; }

.hide {
  display: none; }

.start {
  float: left !important; }

.end {
  float: right !important; }

.text-start {
  text-align: left !important; }

.text-end {
  text-align: right !important; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1345px;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column, .row.collapse > .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column, .columns {
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  float: left; }

@media only screen {
  .column.small-centered, .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered, .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
    float: right; }
  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column, .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .small-1 {
    position: relative;
    width: 8.33333%; }
  .small-2 {
    position: relative;
    width: 16.66667%; }
  .small-3 {
    position: relative;
    width: 25%; }
  .small-4 {
    position: relative;
    width: 33.33333%; }
  .small-5 {
    position: relative;
    width: 41.66667%; }
  .small-6 {
    position: relative;
    width: 50%; }
  .small-7 {
    position: relative;
    width: 58.33333%; }
  .small-8 {
    position: relative;
    width: 66.66667%; }
  .small-9 {
    position: relative;
    width: 75%; }
  .small-10 {
    position: relative;
    width: 83.33333%; }
  .small-11 {
    position: relative;
    width: 91.66667%; }
  .small-12 {
    position: relative;
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .small-offset-0 {
    position: relative;
    margin-left: 0% !important; }
  .small-offset-1 {
    position: relative;
    margin-left: 8.33333% !important; }
  .small-offset-2 {
    position: relative;
    margin-left: 16.66667% !important; }
  .small-offset-3 {
    position: relative;
    margin-left: 25% !important; }
  .small-offset-4 {
    position: relative;
    margin-left: 33.33333% !important; }
  .small-offset-5 {
    position: relative;
    margin-left: 41.66667% !important; }
  .small-offset-6 {
    position: relative;
    margin-left: 50% !important; }
  .small-offset-7 {
    position: relative;
    margin-left: 58.33333% !important; }
  .small-offset-8 {
    position: relative;
    margin-left: 66.66667% !important; }
  .small-offset-9 {
    position: relative;
    margin-left: 75% !important; }
  .small-offset-10 {
    position: relative;
    margin-left: 83.33333% !important; }
  .column.small-reset-order, .columns.small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; } }

@media only screen and (min-width:640px) {
  .column.medium-centered, .columns.medium-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered, .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
    float: right; }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column, .columns {
    position: relative;
    padding-left: 25px;
    padding-right: 0px;
    float: left; }
  .medium-1 {
    position: relative;
    width: 8.33333%; }
  .medium-2 {
    position: relative;
    width: 16.66667%; }
  .medium-3 {
    position: relative;
    width: 25%; }
  .medium-4 {
    position: relative;
    width: 33.33333%; }
  .medium-5 {
    position: relative;
    width: 41.66667%; }
  .medium-6 {
    position: relative;
    width: 50%; }
  .medium-7 {
    position: relative;
    width: 58.33333%; }
  .medium-8 {
    position: relative;
    width: 66.66667%; }
  .medium-9 {
    position: relative;
    width: 75%; }
  .medium-10 {
    position: relative;
    width: 83.33333%; }
  .medium-11 {
    position: relative;
    width: 91.66667%; }
  .medium-12 {
    position: relative;
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .medium-offset-0 {
    position: relative;
    margin-left: 0% !important; }
  .medium-offset-1 {
    position: relative;
    margin-left: 8.33333% !important; }
  .medium-offset-2 {
    position: relative;
    margin-left: 16.66667% !important; }
  .medium-offset-3 {
    position: relative;
    margin-left: 25% !important; }
  .medium-offset-4 {
    position: relative;
    margin-left: 33.33333% !important; }
  .medium-offset-5 {
    position: relative;
    margin-left: 41.66667% !important; }
  .medium-offset-6 {
    position: relative;
    margin-left: 50% !important; }
  .medium-offset-7 {
    position: relative;
    margin-left: 58.33333% !important; }
  .medium-offset-8 {
    position: relative;
    margin-left: 66.66667% !important; }
  .medium-offset-9 {
    position: relative;
    margin-left: 75% !important; }
  .medium-offset-10 {
    position: relative;
    margin-left: 83.33333% !important; }
  .column.medium-reset-order, .columns.medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@media only screen and (min-width:1024px) {
  .column.large-centered, .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered, .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
    float: right; }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }
  .column, .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .large-1 {
    position: relative;
    width: 8.33333%; }
  .large-2 {
    position: relative;
    width: 16.66667%; }
  .large-3 {
    position: relative;
    width: 25%; }
  .large-4 {
    position: relative;
    width: 33.33333%; }
  .large-5 {
    position: relative;
    width: 41.66667%; }
  .large-6 {
    position: relative;
    width: 50%; }
  .large-7 {
    position: relative;
    width: 58.33333%; }
  .large-8 {
    position: relative;
    width: 66.66667%; }
  .large-9 {
    position: relative;
    width: 75%; }
  .large-10 {
    position: relative;
    width: 83.33333%; }
  .large-11 {
    position: relative;
    width: 91.66667%; }
  .large-12 {
    position: relative;
    width: 100%; }
  [class*="column"] + [class*="column"]:last-child {
    float: right; }
  [class*="column"] + [class*="column"].end {
    float: left; }
  .large-offset-0 {
    position: relative;
    margin-left: 0% !important; }
  .large-offset-1 {
    position: relative;
    margin-left: 8.33333% !important; }
  .large-offset-2 {
    position: relative;
    margin-left: 16.66667% !important; }
  .large-offset-3 {
    position: relative;
    margin-left: 25% !important; }
  .large-offset-4 {
    position: relative;
    margin-left: 33.33333% !important; }
  .large-offset-5 {
    position: relative;
    margin-left: 41.66667% !important; }
  .large-offset-6 {
    position: relative;
    margin-left: 50% !important; }
  .large-offset-7 {
    position: relative;
    margin-left: 58.33333% !important; }
  .large-offset-8 {
    position: relative;
    margin-left: 66.66667% !important; }
  .large-offset-9 {
    position: relative;
    margin-left: 75% !important; }
  .large-offset-10 {
    position: relative;
    margin-left: 83.33333% !important; }
  .column.large-reset-order, .columns.large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg); } }

@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

  to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* Orbit Graceful Loading */
.slideshow-wrapper {
  position: relative; }
  .slideshow-wrapper ul {
    list-style-type: none;
    margin: 0; }
    .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
      display: none; }
    .slideshow-wrapper ul li:first-child {
      display: block; }
  .slideshow-wrapper .orbit-container {
    background-color: transparent; }
    .slideshow-wrapper .orbit-container li {
      display: block; }
      .slideshow-wrapper .orbit-container li .orbit-caption {
        display: block; }

.preloader {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border: solid 3px;
  border-color: #555555 white;
  border-radius: 1000px;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 1.5s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.orbit-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  background: none; }
  .orbit-container .orbit-slides-container {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    .orbit-container .orbit-slides-container img {
      display: block;
      max-width: 100%; }
    .orbit-container .orbit-slides-container > * {
      position: absolute;
      top: 0;
      width: 100%;
      margin-left: 100%; }
      .orbit-container .orbit-slides-container > *:first-child {
        margin-left: 0%; }
      .orbit-container .orbit-slides-container > * .orbit-caption {
        position: absolute;
        bottom: 0;
        background-color: rgba(51, 51, 51, 0.8);
        color: white;
        width: 100%;
        padding: 0.625rem 0.875rem;
        font-size: 0.875rem; }
  .orbit-container .orbit-slide-number {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    color: white;
    background: rgba(0, 0, 0, 0);
    z-index: 10; }
    .orbit-container .orbit-slide-number span {
      font-weight: 700;
      padding: 0.3125rem; }
  .orbit-container .orbit-timer {
    position: absolute;
    top: 12px;
    right: 10px;
    height: 6px;
    width: 100px;
    z-index: 10; }
    .orbit-container .orbit-timer .orbit-progress {
      height: 3px;
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      width: 0%;
      position: relative;
      right: 20px;
      top: 5px; }
    .orbit-container .orbit-timer > span {
      display: none;
      position: absolute;
      top: 0px;
      right: 0;
      width: 11px;
      height: 14px;
      border: solid 4px white;
      border-top: none;
      border-bottom: none; }
    .orbit-container .orbit-timer.paused > span {
      right: -4px;
      top: 0px;
      width: 11px;
      height: 14px;
      border: inset 8px;
      border-right-style: solid;
      border-color: transparent transparent transparent white; }
      .orbit-container .orbit-timer.paused > span.dark {
        border-color: transparent transparent transparent #333333; }
  .orbit-container:hover .orbit-timer > span {
    display: block; }
  .orbit-container .orbit-prev, .orbit-container .orbit-next {
    position: absolute;
    top: 45%;
    margin-top: -25px;
    width: 36px;
    height: 60px;
    line-height: 50px;
    color: white;
    background-color: none;
    text-indent: -9999px !important;
    z-index: 10; }
    .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
      background-color: rgba(0, 0, 0, 0.3); }
    .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
      position: absolute;
      top: 50%;
      margin-top: -10px;
      display: block;
      width: 0;
      height: 0;
      border: inset 10px; }
  .orbit-container .orbit-prev {
    left: 0; }
    .orbit-container .orbit-prev > span {
      border-right-style: solid;
      border-color: transparent;
      border-right-color: white; }
    .orbit-container .orbit-prev:hover > span {
      border-right-color: white; }
  .orbit-container .orbit-next {
    right: 0; }
    .orbit-container .orbit-next > span {
      border-color: transparent;
      border-left-style: solid;
      border-left-color: white;
      left: 50%;
      margin-left: -4px; }
    .orbit-container .orbit-next:hover > span {
      border-left-color: white; }

.orbit-bullets-container {
  text-align: center; }

.orbit-bullets {
  margin: 0 auto 30px auto;
  overflow: hidden;
  position: relative;
  top: 10px;
  float: none;
  text-align: center;
  display: block; }
  .orbit-bullets li {
    display: inline-block;
    width: 0.5625rem;
    height: 0.5625rem;
    background: #cccccc;
    float: none;
    margin-right: 6px;
    border-radius: 1000px; }
    .orbit-bullets li.active {
      background: #999999; }
    .orbit-bullets li:last-child {
      margin-right: 0; }

.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
  display: none; }
.touch .orbit-bullets {
  display: none; }

@media only screen and (min-width:640px) {
  .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
    display: inherit; }
  .touch .orbit-bullets {
    display: block; } }

@media only screen and (max-width: 639px) {
  .orbit-stack-on-small .orbit-slides-container {
    height: auto !important; }
  .orbit-stack-on-small .orbit-slides-container > * {
    position: relative;
    margin-left: 0% !important; }
  .orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets {
    display: none; } }

/* General Elements */
.wow {
  visibility: visible !important; }

.ico {
  position: relative;
  border-radius: 100%; }
  .ico span {
    border: 1px solid white;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
    .ico span:nth-child(1) {
      width: -webkit-calc(100% + 12px);
      width: calc(100% + 12px);
      height: -webkit-calc(100% + 12px);
      height: calc(100% + 12px); }
    .ico span:nth-child(2) {
      width: -webkit-calc(100% + 24px);
      width: calc(100% + 24px);
      height: -webkit-calc(100% + 24px);
      height: calc(100% + 24px); }
    .ico span:nth-child(3) {
      width: -webkit-calc(100% + 36px);
      width: calc(100% + 36px);
      height: -webkit-calc(100% + 36px);
      height: calc(100% + 36px); }
  .ico.color-2 span:nth-child(1) {
    border-color: #423d3c; }
  .ico.color-2 span:nth-child(2) {
    border-color: rgba(66, 61, 60, 0.6); }
  .ico.color-2 span:nth-child(3) {
    border-color: rgba(66, 61, 60, 0.3); }
  .ico.color-4 span:nth-child(1) {
    border-color: #29abe2; }
  .ico.color-4 span:nth-child(2) {
    border-color: rgba(41, 171, 226, 0.6); }
  .ico.color-4 span:nth-child(3) {
    border-color: rgba(41, 171, 226, 0.3); }
  .ico.color-5 span:nth-child(1) {
    border-color: #b11e12; }
  .ico.color-5 span:nth-child(2) {
    border-color: rgba(177, 30, 18, 0.6); }
  .ico.color-5 span:nth-child(3) {
    border-color: rgba(177, 30, 18, 0.3); }
  .ico.color-7 span:nth-child(1) {
    border-color: grey; }
  .ico.color-7 span:nth-child(2) {
    border-color: rgba(128, 128, 128, 0.6); }
  .ico.color-7 span:nth-child(3) {
    border-color: rgba(128, 128, 128, 0.3); }

.ie .menu nav ul li a {
  line-height: 3.125em;
  font-size: 1em; }
.ie .step-1 .logo {
  margin: 8.9375em 0 0 0; }
.ie .menu nav {
  padding-top: 0; }
.ie .menu .lang {
  padding-top: 0; }

.ie .step-3 .lines span:nth-child(1):hover {
  background-size: 100% 100% !important; }
.ie .step-3 .lines span:nth-child(1):hover + span {
  background-size: 100% 100% !important; }
.ie .step-3 .lines span:nth-child(3):hover {
  background-size: 100% 100% !important; }
.ie .step-3 .item-wrapper .block:after {
  background-size: 400% 100% !important; }
.ie .step-3 .item-wrapper .block:hover:after {
  background-size: 400% 100% !important; }
.ie .step-5 .animate-block .animate-lines span {
  -webkit-transition: opacity 1s 0.6s;
  transition: opacity 1s 0.6s;
  opacity: 0;
  background-size: 100% 100% !important; }
.ie .step-5.animated .animate-block .animate-lines span {
  opacity: 1;
  background-size: 100% 100% !important; }
.ie .step-8 .animate-block .animate-lines span {
  -webkit-transition: opacity 1s 0.6s;
  transition: opacity 1s 0.6s;
  opacity: 0;
  background-size: 100% 100% !important; }
.ie .step-8.animated .animate-block .animate-lines span {
  opacity: 1;
  background-size: 100% 100% !important; }
.ie .step-12 .animate-block .animate-lines span {
  -webkit-transition: opacity 1s 0.6s;
  transition: opacity 1s 0.6s;
  opacity: 0;
  background-size: 100% 100% !important; }
.ie .step-12.animated .animate-block .animate-lines span {
  opacity: 1;
  background-size: 100% 100% !important; }

.ie9 .step-1 .home-page, .ie9 .step-1 .logo {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-2 .bg:before {
  height: 167px; }
.ie9 .step-2 .lines span {
  width: 100%; }
.ie9 .step-2 .bg > div > div .item .num-wrapper {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-2 .bg > div > div .item .text {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.ie9 .step-3:before {
  height: 11.875em; }
.ie9 .step-3 .top-wrapper .logo, .ie9 .step-3 .top-wrapper h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-3 .title {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-3 .item-wrapper .no-hover {
  visibility: hidden; }
.ie9 .step-3 .item-wrapper .block .item h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-3 .item-wrapper .block:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-3 .top-block + .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-4 .animate-block {
  height: 0; }
.ie9 .step-4 h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-4 .big, .ie9 .step-4 .small {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-4 .lines {
  opacity: 1; }
.ie9 .step-5 h1, .ie9 .step-5 .active-text {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-5 .right-arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
.ie9 .step-5 .active-year, .ie9 .step-5 .left-years, .ie9 .step-5 .right-years {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-5 .animate-block {
  height: 7.625em; }
  .ie9 .step-5 .animate-block .animate-lines span {
    background-size: 100% 100% !important; }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(1) {
      -webkit-transform: translateY(-3.4375em);
      -ms-transform: translateY(-3.4375em);
      transform: translateY(-3.4375em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(2) {
      -webkit-transform: translateY(-2.1875em);
      -ms-transform: translateY(-2.1875em);
      transform: translateY(-2.1875em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(3) {
      -webkit-transform: translateY(-0.8125em);
      -ms-transform: translateY(-0.8125em);
      transform: translateY(-0.8125em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(4) {
      -webkit-transform: translateY(0.125em);
      -ms-transform: translateY(0.125em);
      transform: translateY(0.125em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(5) {
      -webkit-transform: translateY(0.8125em);
      -ms-transform: translateY(0.8125em);
      transform: translateY(0.8125em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(6) {
      -webkit-transform: translateY(1.5em);
      -ms-transform: translateY(1.5em);
      transform: translateY(1.5em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(7) {
      -webkit-transform: translateY(2.0625em);
      -ms-transform: translateY(2.0625em);
      transform: translateY(2.0625em); }
.ie9 .step-5 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-6 h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-6 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-6 .item-wrapper .item {
  opacity: 1;
  top: 0; }
.ie9 .step-7 .wrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-7 .logo {
  top: 52px;
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
.ie9 .step-8 h1, .ie9 .step-8 h3, .ie9 .step-8 h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-8 .ico-wrapper .ico {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-8 .ico-wrapper .wrap-left h1, .ie9 .step-8 .ico-wrapper .wrap-left h3, .ie9 .step-8 .ico-wrapper .wrap-right h1, .ie9 .step-8 .ico-wrapper .wrap-right h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-8 .animate-block {
  height: 16.25em; }
  .ie9 .step-8 .animate-block .animate-lines span {
    background-size: 100% 100% !important; }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(1) {
      -webkit-transform: translateY(-4.0625em);
      -ms-transform: translateY(-4.0625em);
      transform: translateY(-4.0625em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(2) {
      -webkit-transform: translateY(-2.1875em);
      -ms-transform: translateY(-2.1875em);
      transform: translateY(-2.1875em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(3) {
      -webkit-transform: translateY(-1.5em);
      -ms-transform: translateY(-1.5em);
      transform: translateY(-1.5em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(4) {
      -webkit-transform: translateY(-0.6875em);
      -ms-transform: translateY(-0.6875em);
      transform: translateY(-0.6875em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(5) {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(6) {
      -webkit-transform: translateY(0.8125em);
      -ms-transform: translateY(0.8125em);
      transform: translateY(0.8125em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(7) {
      -webkit-transform: translateY(1.625em);
      -ms-transform: translateY(1.625em);
      transform: translateY(1.625em); }
.ie9 .step-9 h2, .ie9 .step-9 h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-9 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-9 .map {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-9 .point-wrapper > div {
  -webkit-transform: translate(0px, 0px) scale(1);
  -ms-transform: translate(0px, 0px) scale(1);
  transform: translate(0px, 0px) scale(1); }
.ie9 .step-10 h2, .ie9 .step-10 .title p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-10 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-10 .table .tr {
  opacity: 1; }
.ie9 .step-11 h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-11 .block-news h2, .ie9 .step-11 .block-news .item .text-wrapper .date, .ie9 .step-11 .block-news .item .text-wrapper .title, .ie9 .step-11 .block-news .item .text-wrapper .preview-text {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-11 .block-news .item .image-wrapper {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
.ie9 .step-11 .block-media h2, .ie9 .step-11 .block-media .date, .ie9 .step-11 .block-media .site, .ie9 .step-11 .block-media h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-12 .item {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-12 .dev {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-12 .animate-block {
  height: 160px; }
  .ie9 .step-12 .animate-block .animate-lines span {
    background-size: 100% 100% !important; }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(1) {
      -webkit-transform: translateY(-1.375em);
      -ms-transform: translateY(-1.375em);
      transform: translateY(-1.375em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(2) {
      -webkit-transform: translateY(-0.9375em);
      -ms-transform: translateY(-0.9375em);
      transform: translateY(-0.9375em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(3) {
      -webkit-transform: translateY(-0.5em);
      -ms-transform: translateY(-0.5em);
      transform: translateY(-0.5em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(4) {
      -webkit-transform: translateY(0.125em);
      -ms-transform: translateY(0.125em);
      transform: translateY(0.125em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(5) {
      -webkit-transform: translateY(0.625em);
      -ms-transform: translateY(0.625em);
      transform: translateY(0.625em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(6) {
      -webkit-transform: translateY(1.125em);
      -ms-transform: translateY(1.125em);
      transform: translateY(1.125em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(7) {
      -webkit-transform: translateY(1.625em);
      -ms-transform: translateY(1.625em);
      transform: translateY(1.625em); }

.my-preload {
  -webkit-transition: opacity 1s 0s, visibility 0s 1s;
  transition: opacity 1s 0s, visibility 0s 1s;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .my-preload .wrapper {
    display: table;
    height: 100%;
    width: 100%; }
    .my-preload .wrapper .image {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
      .my-preload .wrapper .image div {
        display: inline-block;
        width: 68px;
        height: 61px;
        background: url(../img/preload.png) no-repeat; }
  .loaded .my-preload {
    opacity: 0;
    visibility: hidden; }

.row {
  width: 100%;
  max-width: 300px;
  padding: 0 8px; }
  @media only screen and (min-width: 421px) {
    .row {
      max-width: 400px;
      padding: 0 8px; } }
  @media only screen and (min-width: 640px) {
    .row {
      max-width: 620px;
      padding: 0 8px; } }
  @media only screen and (min-width: 1024px) {
    .row {
      max-width: 1345px;
      padding: 0; } }
  @media only screen and (min-width: 1367px) {
    .row {
      max-width: 1345px; } }

html, body {
  height: 100%;
  min-height: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: 'Open Sans', sans-serif; }

body {
  background: white;
  overflow: hidden;
  overflow-y: auto;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }
  body .after-span {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #423d3c;
    -webkit-transition: opacity 1s 1.2s, visibility 0s 3s;
    transition: opacity 1s 1.2s, visibility 0s 3s; }
  body .body-wrapper {
    overflow: hidden;
    padding-top: 168px;
    margin-top: -168px;
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    position: relative;
    top: 100vh;
    -webkit-transition: -webkit-transform 1.5s 1.2s, opacity 1s 1.2s;
    transition: transform 1.5s 1.2s, opacity 1s 1.2s; }
  body.loaded .body-wrapper {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  body.loaded .after-span {
    opacity: 0;
    visibility: hidden; }
  @media only screen and (min-width: 1281px) {
    body {
      font-size: 14px; }
      body .step-2 {
        font-size: 12px; } }
  @media only screen and (min-width: 1367px) {
    body {
      font-size: 16px; }
      body .step-2 {
        font-size: 16px; } }
  body #wpadminbar {
    display: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  font-weight: 300;
  letter-spacing: 0.06em; }

h1 {
  font-size: 50px; }

h2 {
  font-size: 26px;
  line-height: 40px; }

h3 {
  font-size: 18px;
  line-height: 32px; }

h4 {
  text-transform: none; }

h5 {
  text-transform: none; }

p {
  font-size: 16px;
  line-height: 28px;
  color: black;
  letter-spacing: 0.06em; }

a {
  outline: none !important; }

@media only screen and (max-width: 639px) {
  h1 {
    font-size: 44px; }
  h2 {
    font-size: 24px;
    line-height: 36px; }
  h3 {
    font-size: 16px;
    line-height: 30px; } }

@media only screen and (max-width: 420px) {
  h1 {
    font-size: 30px; }
  h2 {
    font-size: 20px;
    line-height: 32px; }
  h3 {
    font-size: 14px;
    line-height: 28px; } }

body .wrapper-logo > * {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

body .wrapper-logo:not(.loaded) > * {
  opacity: 0; }

.menu {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #b11e12;
  -webkit-transition: height 0.6s 0s ease;
  transition: height 0.6s 0s ease;
  border-bottom: 1px solid #902e2e; }
  .loaded .menu {
    height: 21px; }
    .loaded .menu .menu-span {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
  .menu.active-menu, .menu.static, .menu.static-2 {
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease; }
    .menu.active-menu nav, .menu.static nav, .menu.static-2 nav {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .menu.active-menu .close-menu, .menu.static .close-menu, .menu.static-2 .close-menu {
      opacity: 1;
      -webkit-transform: translate(-50%, 0) rotate(-45deg);
      -ms-transform: translate(-50%, 0) rotate(-45deg);
      transform: translate(-50%, 0) rotate(-45deg);
      -webkit-transition: -webkit-transform 0.3s 0.4s ease, opacity 0.3s 0.55s;
      transition: transform 0.3s 0.4s ease, opacity 0.3s 0.55s; }
    .menu.active-menu .open-menu, .menu.static .open-menu, .menu.static-2 .open-menu {
      -webkit-transition: all 0.3s 0s ease;
      transition: all 0.3s 0s ease;
      -webkit-transform: translateX(-50%) translateY(10px);
      -ms-transform: translateX(-50%) translateY(10px);
      transform: translateX(-50%) translateY(10px);
      opacity: 0;
      pointer-events: none; }
  .menu .menu-span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    -webkit-transition: -webkit-transform 1s 0.7s;
    transition: transform 1s 0.7s; }
  .menu .open-menu {
    cursor: pointer;
    position: absolute;
    top: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 30px;
    height: 17px;
    -webkit-transition: all 0.3s 0.3s ease;
    transition: all 0.3s 0.3s ease; }
    .menu .open-menu span {
      position: absolute;
      background: white;
      height: 1px;
      width: 100%;
      left: 0;
      -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      transform: translateY(-10px);
      opacity: 0; }
      .menu .open-menu span:nth-child(1) {
        top: 0;
        -webkit-transition: all 0.3s 2.6s ease;
        transition: all 0.3s 2.6s ease; }
      .menu .open-menu span:nth-child(2) {
        top: 5px;
        -webkit-transition: all 0.3s 2.3s ease;
        transition: all 0.3s 2.3s ease; }
      .menu .open-menu span:nth-child(3) {
        top: 10px;
        -webkit-transition: all 0.3s 2s ease;
        transition: all 0.3s 2s ease; }
    .loaded .menu .open-menu span {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 1; }
  .menu .close-menu {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.3s 0s ease, opacity 0.3s 0s;
    transition: transform 0.3s 0s ease, opacity 0.3s 0s;
    position: absolute;
    bottom: 12px;
    left: 50%;
    -webkit-transform: translate(-50%, -80px) rotate(-45deg);
    -ms-transform: translate(-50%, -80px) rotate(-45deg);
    transform: translate(-50%, -80px) rotate(-45deg);
    width: 20px;
    height: 20px;
    z-index: 20; }
    .menu .close-menu span {
      position: absolute;
      width: 100%;
      height: 100%;
      border: 1px solid;
      border-color: white white transparent transparent;
      -webkit-transform: skew(10deg, 10deg);
      -ms-transform: skew(10deg, 10deg);
      transform: skew(10deg, 10deg); }
      .menu .close-menu span:nth-child(1) {
        top: 0;
        left: 0; }
      .menu .close-menu span:nth-child(2) {
        top: 5px;
        left: -5px; }
  .menu nav {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.6s 0s ease;
    transition: transform 0.6s 0s ease; }
    .menu nav > ul {
      margin: 0;
      padding: 0;
      text-align: left;
      list-style: none;
      white-space: nowrap; }
      .menu nav > ul li {
        display: inline-block; }
        .menu nav > ul li a {
          display: block;
          padding: 0 1.2em;
          color: white;
          text-decoration: none;
          text-transform: uppercase;
          line-height: 3.33333em;
          font-size: 0.9375em; }
          .menu nav > ul li a:hover {
            background: #ba2319; }
  .menu .lang {
    text-align: right; }
    .menu .lang ul {
      list-style: none;
      margin: 0;
      padding: 0; }
      .menu .lang ul li {
        display: inline-block; }
        .menu .lang ul li:hover a, .menu .lang ul li.active a {
          background: #ba2319; }
    .menu .lang a {
      padding: 0 0.25em;
      display: block;
      line-height: 3.0625em;
      color: white;
      text-decoration: none;
      font-size: 1em; }
  @media only screen and (max-width: 1023px) {
    .menu.active-menu, .menu.static, .menu.static-2 {
      height: 100%; }
    .menu nav {
      float: none;
      padding-top: 120px; }
      .menu nav > ul {
        text-align: center; }
        .menu nav > ul li {
          display: block; }
          .menu nav > ul li a {
            letter-spacing: 0.06em;
            line-height: 50px;
            font-size: 16px; }
            .menu nav > ul li a:hover {
              background: none; }
    .menu .lang {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      padding: 24px 0 0 0;
      text-align: center; }
      .menu .lang ul li:hover a, .menu .lang ul li.active a {
        background: none;
        border-bottom: 1px solid white; }
      .menu .lang a {
        margin: 0 0.5em;
        line-height: 30px;
        font-size: 14px; } }
  @media only screen and (min-width: 1024px) {
    .menu {
      font-size: 14px; }
      .loaded .menu {
        height: 0.625em; }
      .menu .close-menu {
        display: none; }
      .menu nav {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      .menu.active-menu, .menu.static, .menu.static-2 {
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        height: 3.125em; }
        .menu.active-menu nav > ul li, .menu.static nav > ul li, .menu.static-2 nav > ul li {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
          .menu.active-menu nav > ul li:nth-child(1), .menu.static nav > ul li:nth-child(1), .menu.static-2 nav > ul li:nth-child(1) {
            -webkit-transition: -webkit-transform 0.15s 0.1s ease, opacity 0.15s 0.17s;
            transition: transform 0.15s 0.1s ease, opacity 0.15s 0.17s; }
          .menu.active-menu nav > ul li:nth-child(2), .menu.static nav > ul li:nth-child(2), .menu.static-2 nav > ul li:nth-child(2) {
            -webkit-transition: -webkit-transform 0.15s 0.15s ease, opacity 0.15s 0.22s;
            transition: transform 0.15s 0.15s ease, opacity 0.15s 0.22s; }
          .menu.active-menu nav > ul li:nth-child(3), .menu.static nav > ul li:nth-child(3), .menu.static-2 nav > ul li:nth-child(3) {
            -webkit-transition: -webkit-transform 0.15s 0.2s ease, opacity 0.15s 0.27s;
            transition: transform 0.15s 0.2s ease, opacity 0.15s 0.27s; }
          .menu.active-menu nav > ul li:nth-child(4), .menu.static nav > ul li:nth-child(4), .menu.static-2 nav > ul li:nth-child(4) {
            -webkit-transition: -webkit-transform 0.15s 0.25s ease, opacity 0.15s 0.32s;
            transition: transform 0.15s 0.25s ease, opacity 0.15s 0.32s; }
          .menu.active-menu nav > ul li:nth-child(5), .menu.static nav > ul li:nth-child(5), .menu.static-2 nav > ul li:nth-child(5) {
            -webkit-transition: -webkit-transform 0.15s 0.3s ease, opacity 0.15s 0.37s;
            transition: transform 0.15s 0.3s ease, opacity 0.15s 0.37s; }
          .menu.active-menu nav > ul li:nth-child(6), .menu.static nav > ul li:nth-child(6), .menu.static-2 nav > ul li:nth-child(6) {
            -webkit-transition: -webkit-transform 0.15s 0.35s ease, opacity 0.15s 0.42s;
            transition: transform 0.15s 0.35s ease, opacity 0.15s 0.42s; }
          .menu.active-menu nav > ul li:nth-child(7), .menu.static nav > ul li:nth-child(7), .menu.static-2 nav > ul li:nth-child(7) {
            -webkit-transition: -webkit-transform 0.15s 0.4s ease, opacity 0.15s 0.47s;
            transition: transform 0.15s 0.4s ease, opacity 0.15s 0.47s; }
          .menu.active-menu nav > ul li:nth-child(8), .menu.static nav > ul li:nth-child(8), .menu.static-2 nav > ul li:nth-child(8) {
            -webkit-transition: -webkit-transform 0.15s 0.45s ease, opacity 0.15s 0.52s;
            transition: transform 0.15s 0.45s ease, opacity 0.15s 0.52s; }
          .menu.active-menu nav > ul li:nth-child(9), .menu.static nav > ul li:nth-child(9), .menu.static-2 nav > ul li:nth-child(9) {
            -webkit-transition: -webkit-transform 0.15s 0.5s ease, opacity 0.15s 0.57s;
            transition: transform 0.15s 0.5s ease, opacity 0.15s 0.57s; }
          .menu.active-menu nav > ul li:nth-child(10), .menu.static nav > ul li:nth-child(10), .menu.static-2 nav > ul li:nth-child(10) {
            -webkit-transition: -webkit-transform 0.15s 0.55s ease, opacity 0.15s 0.62s;
            transition: transform 0.15s 0.55s ease, opacity 0.15s 0.62s; }
          .menu.active-menu nav > ul li:nth-child(11), .menu.static nav > ul li:nth-child(11), .menu.static-2 nav > ul li:nth-child(11) {
            -webkit-transition: -webkit-transform 0.15s 0.6s ease, opacity 0.15s 0.67s;
            transition: transform 0.15s 0.6s ease, opacity 0.15s 0.67s; }
          .menu.active-menu nav > ul li:nth-child(12), .menu.static nav > ul li:nth-child(12), .menu.static-2 nav > ul li:nth-child(12) {
            -webkit-transition: -webkit-transform 0.15s 0.65s ease, opacity 0.15s 0.72s;
            transition: transform 0.15s 0.65s ease, opacity 0.15s 0.72s; }
        .menu.active-menu .lang ul li, .menu.static .lang ul li, .menu.static-2 .lang ul li {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          opacity: 1; }
          .menu.active-menu .lang ul li:nth-child(1), .menu.static .lang ul li:nth-child(1), .menu.static-2 .lang ul li:nth-child(1) {
            -webkit-transition: -webkit-transform 0.15s 0.7s ease, opacity 0.15s 0.77s;
            transition: transform 0.15s 0.7s ease, opacity 0.15s 0.77s; }
          .menu.active-menu .lang ul li:nth-child(2), .menu.static .lang ul li:nth-child(2), .menu.static-2 .lang ul li:nth-child(2) {
            -webkit-transition: -webkit-transform 0.15s 0.75s ease, opacity 0.15s 0.82s;
            transition: transform 0.15s 0.75s ease, opacity 0.15s 0.82s; }
          .menu.active-menu .lang ul li:nth-child(3), .menu.static .lang ul li:nth-child(3), .menu.static-2 .lang ul li:nth-child(3) {
            -webkit-transition: -webkit-transform 0.15s 0.8s ease, opacity 0.15s 0.87s;
            transition: transform 0.15s 0.8s ease, opacity 0.15s 0.87s; }
        .menu.active-menu .open-menu, .menu.static .open-menu, .menu.static-2 .open-menu {
          -webkit-transition: all 0.3s 0s ease;
          transition: all 0.3s 0s ease;
          -webkit-transform: translateX(-50%) translateY(10px);
          -ms-transform: translateX(-50%) translateY(10px);
          transform: translateX(-50%) translateY(10px);
          opacity: 0;
          pointer-events: none; }
      .menu .open-menu {
        top: 1.875em;
        width: 2.5em;
        height: 1.4375em;
        -webkit-transition: all 0.3s 0s ease;
        transition: all 0.3s 0s ease;
        pointer-events: none; }
        .menu .open-menu span {
          height: 3px;
          background: rgba(255, 255, 255, 0.3); }
          .menu .open-menu span:nth-child(1) {
            top: 0; }
          .menu .open-menu span:nth-child(2) {
            top: 0.625em; }
          .menu .open-menu span:nth-child(3) {
            top: 1.25em; }
      .menu nav > ul li {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: all 0.5s 0s;
        transition: all 0.5s 0s; }
      .menu .lang ul li {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        -webkit-transition: all 0.5s 0s;
        transition: all 0.5s 0s; } }
  @media only screen and (min-width: 1281px) {
    .menu {
      font-size: 16px; } }
  @media only screen and (max-height: 570px) and (max-height: 1023px) {
    .menu nav {
      padding-top: 100px; }
      .menu nav > ul li a {
        line-height: 40px;
        font-size: 14px; } }
  @media only screen and (max-height: 420px) and (max-height: 1023px) {
    .menu nav {
      padding-top: 60px; }
      .menu nav > ul li a {
        line-height: 30px;
        font-size: 12px; }
    .menu .lang {
      padding: 14px 0 0 0; }
      .menu .lang a {
        line-height: 24px;
        font-size: 12px; } }

/* step */
.step {
  background: white;
  overflow: hidden;
  position: relative; }

input {
  border: none;
  outline: none;
  padding: 16px 0; }
  input[type=submit] {
    outline: none;
    background: transparent;
    padding: 12px 40px;
    border: 1px solid #b11e12;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
    color: #b11e12; }
    input[type=submit]:hover {
      background: #b11e12;
      color: white; }

.step-1 {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  -webkit-transition: opacity 0.6s 0s;
  transition: opacity 0.6s 0s;
  opacity: 1; }
  .step-1 .logo {
    margin: 8.9375em 0 0 0;
    -webkit-transform: translateY(2.5em);
    -ms-transform: translateY(2.5em);
    transform: translateY(2.5em);
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
  .step-1 .home-page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/home-page.jpg) no-repeat center;
    background-size: cover;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
  .step-1.animated .home-page, .step-1.animated .logo {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-1.hidden {
    -webkit-transition: opacity 0.6s 0s;
    transition: opacity 0.6s 0s;
    opacity: 0; }
  @media only screen and (max-height: 639px) and (max-height: 1023px) {
    .step-1 .logo {
      margin: 3.125em 0 0 0; } }

.step-2 {
  background: transparent;
  overflow: visible;
  z-index: 1;
  position: relative; }
  .step-2.animated .bg:before {
    height: 10.4375em; }
  .step-2.line-top .bg:before {
    height: 0; }
  .step-2 .bg > div > div.animated .item .num-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-2 .bg > div > div.animated .item .text {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  .step-2 .bg {
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg-2-2.png); }
    .step-2 .bg > div > div {
      margin: 0;
      position: relative;
      padding-bottom: 28.125em;
      padding-top: 2.5em; }
      .step-2 .bg > div > div .wrapper {
        top: 50%;
        left: 0;
        width: 100%; }
    .step-2 .bg:before {
      content: '';
      position: absolute;
      bottom: 100%;
      height: 0px;
      background: url(../img/bg-2-1.png) no-repeat bottom center;
      background-size: 100% 100%;
      left: 50%;
      width: 78.75em;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .step-2 p, .step-2 span {
    color: white; }
  .step-2 .num-wrapper {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: relative;
    display: table;
    text-align: center; }
  .step-2 .num {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 0; }
    .step-2 .num .val {
      display: block; }
  .step-2 .ico {
    position: absolute;
    top: 0;
    left: 0;
    background: #b11e12; }
  .step-2 .text {
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    -ms-transform: translate(10px, -50%);
    transform: translate(10px, -50%);
    margin: 0;
    font-size: 16px;
    line-height: 21px; }
  .step-2 .lines {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78.75em;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 21.25em;
    margin-top: -6em;
    opacity: 0.18; }
    .step-2 .lines span {
      position: absolute;
      left: 0;
      width: 0;
      background-size: 78.75em 100% !important;
      background-position: left center !important; }
      .step-2 .lines span:nth-child(1) {
        top: -717px;
        height: 24em;
        background: url(../img/lines/line-2-1.png) no-repeat; }
      .step-2 .lines span:nth-child(2) {
        top: -420px;
        height: 17.3125em;
        background: url(../img/lines/line-2-2.png) no-repeat; }
      .step-2 .lines span:nth-child(3) {
        top: -140px;
        height: 23.3125em;
        background: url(../img/lines/line-2-3.png) no-repeat; }
      .step-2 .lines span:nth-child(4) {
        top: 100px;
        height: 23.4375em;
        background: url(../img/lines/line-2-4.png) no-repeat; }
      .step-2 .lines span:nth-child(5) {
        top: 560px;
        height: 24.625em;
        background: url(../img/lines/line-2-5.png) no-repeat; }
      .step-2 .lines span:nth-child(6) {
        top: 980px;
        height: 16.9375em;
        background: url(../img/lines/line-2-6.png) no-repeat; }
    .step-2 .lines.animated span {
      width: 100%; }
  .step-2 .item {
    position: relative;
    left: 0;
    width: 100%; }
  .step-2 .item-2 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-2 .num-wrapper, .step-2 .item-2 .ico {
      width: 7.875em;
      height: 7.875em; }
    .step-2 .item-2 .num {
      top: 0.05769em;
      font-size: 3.25em; }
    .step-2 .item-2 .val {
      padding: 0.44444em 0 0 0;
      font-size: 0.34615em; }
      .step-2 .item-2 .val .square {
        display: inline-block;
        vertical-align: top;
        margin: -4px 0 0 0;
        font-size: 10px; }
    .step-2 .item-2 .text {
      left: 9.6875em; }
  .step-2 .item-1 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-1 .num-wrapper, .step-2 .item-1 .ico {
      width: 7.875em;
      height: 7.875em; }
    .step-2 .item-1 .num {
      top: 0.19231em;
      font-size: 1.625em; }
    .step-2 .item-1 .val {
      padding: 0;
      font-size: 0.61538em; }
      .step-2 .item-1 .val .square {
        display: inline-block;
        vertical-align: top;
        margin: -4px 0 0 0;
        font-size: 10px; }
    .step-2 .item-1 .text {
      left: 9.6875em; }
  .step-2 .item-3 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-3 .num-wrapper, .step-2 .item-3 .ico {
      width: 3.875em;
      height: 3.875em; }
    .step-2 .item-3 .num {
      font-size: 1.625em; }
    .step-2 .item-3 .text {
      left: 5.625em; }
  .step-2 .item-4 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-4 .num-wrapper, .step-2 .item-4 .ico {
      width: 7.875em;
      height: 7.875em; }
    .step-2 .item-4 .num {
      font-size: 3.375em; }
    .step-2 .item-4 .text {
      left: 9.6875em; }
  .step-2 .item-5 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-5 .num-wrapper, .step-2 .item-5 .ico {
      width: 5.5em;
      height: 5.5em; }
    .step-2 .item-5 .num {
      font-size: 1.75em; }
    .step-2 .item-5 .text {
      left: 7.375em; }
  .step-2 .item-6 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-6 .num-wrapper, .step-2 .item-6 .ico {
      width: 5.5em;
      height: 5.5em; }
    .step-2 .item-6 .num {
      font-size: 2.25em; }
    .step-2 .item-6 .text {
      left: 7.375em; }
  .step-2 .item-7 {
    display: none;
    top: 0em;
    -webkit-transform: translate(0px, 0);
    -ms-transform: translate(0px, 0);
    transform: translate(0px, 0); }
    .step-2 .item-7 .num-wrapper, .step-2 .item-7 .ico {
      width: 4.875em;
      height: 4.875em; }
    .step-2 .item-7 .num {
      font-size: 2.625em; }
    .step-2 .item-7 .text {
      left: 6.6875em; }
  .step-2 .item-8 {
    top: 0em;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
    .step-2 .item-8 .num-wrapper, .step-2 .item-8 .ico {
      width: 12.25em;
      height: 12.25em; }
    .step-2 .item-8 .num {
      top: 0.11429em;
      font-size: 4.375em; }
    .step-2 .item-8 .val {
      padding: 0.58333em 0 0 0;
      font-size: 0.34286em; }
      .step-2 .item-8 .val .square {
        display: inline-block;
        vertical-align: top;
        margin: -4px 0 0 0;
        font-size: 10px; }
    .step-2 .item-8 .text {
      left: 14.0625em; }
  @media only screen and (max-width: 1023px) {
    .step-2 .bg:before {
      height: 167px; }
    .step-2 .lines span {
      width: 100%; }
    .step-2 .bg > div > div .item .num-wrapper {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .step-2 .bg > div > div .item .text {
      opacity: 1;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%); } }
  .step-2.static .bg:before {
    height: 167px; }
  .step-2.static .lines span {
    width: 100%; }
  .step-2.static .bg > div > div.static .item .num-wrapper {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-2.static .bg > div > div.static .item .text {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%); }
  @media only screen and (max-width: 639px) {
    .step-2 .bg > div > div {
      padding-bottom: 140px;
      padding-top: 30px; }
    .step-2 .num-wrapper {
      margin: 0 auto; }
    .step-2 .text {
      position: static;
      text-align: center; }
    .step-2 .item {
      padding: 0 0 16px 0; }
    .step-2 .item-2 .text {
      margin-top: 55px; }
    .step-2 .item-1 .text {
      margin-top: 54px; }
    .step-2 .item-3 {
      padding: 0; }
      .step-2 .item-3 .text {
        margin-top: 76px; }
    .step-2 .item-4 .text {
      margin-top: 56px; }
    .step-2 .item-5 .text {
      margin-top: 78px; }
    .step-2 .item-6 .text {
      margin-top: 86px; }
    .step-2 .item-7 {
      padding: 0 0 32px 0; }
      .step-2 .item-7 .text {
        margin-top: 26px; }
    .step-2 .item-8 .text {
      margin-top: 87px; } }
  @media only screen and (min-width: 421px) {
    .step-2 .lines {
      width: 179.9375em; }
      .step-2 .lines span {
        background-size: 179.9375em 100% !important; }
        .step-2 .lines span:nth-child(1) {
          top: -517px; }
        .step-2 .lines span:nth-child(2) {
          top: -260px; }
        .step-2 .lines span:nth-child(3) {
          top: -150px; }
        .step-2 .lines span:nth-child(4) {
          top: 142px; }
        .step-2 .lines span:nth-child(5) {
          top: 423px; }
        .step-2 .lines span:nth-child(6) {
          top: 610px; } }
  @media only screen and (min-width: 640px) and (max-width: 1023px) {
    .step-2 .item-2 {
      -webkit-transform: translate(90px, 170px);
      -ms-transform: translate(90px, 170px);
      transform: translate(90px, 170px); }
    .step-2 .item-1 {
      -webkit-transform: translate(290px, -180px);
      -ms-transform: translate(290px, -180px);
      transform: translate(290px, -180px); }
    .step-2 .item-3 {
      -webkit-transform: translate(-115px, 230px);
      -ms-transform: translate(-115px, 230px);
      transform: translate(-115px, 230px); }
      .step-2 .item-3 .num-wrapper {
        float: right; }
      .step-2 .item-3 .text {
        left: inherit;
        right: 90px;
        text-align: right; }
    .step-2 .item-4 {
      -webkit-transform: translate(30px, -10px);
      -ms-transform: translate(30px, -10px);
      transform: translate(30px, -10px); }
    .step-2 .item-5 {
      -webkit-transform: translate(-60px, 400px);
      -ms-transform: translate(-60px, 400px);
      transform: translate(-60px, 400px); }
      .step-2 .item-5 .num-wrapper {
        float: right; }
      .step-2 .item-5 .text {
        text-align: right;
        left: inherit;
        right: 120px; }
    .step-2 .item-6 {
      -webkit-transform: translate(-140px, 480px);
      -ms-transform: translate(-140px, 480px);
      transform: translate(-140px, 480px); }
      .step-2 .item-6 .num-wrapper {
        float: right; }
      .step-2 .item-6 .text {
        text-align: right;
        left: inherit;
        right: 117px; }
    .step-2 .item-7 {
      -webkit-transform: translate(8.75em, 28.5em);
      -ms-transform: translate(8.75em, 28.5em);
      transform: translate(8.75em, 28.5em); }
    .step-2 .item-8 {
      -webkit-transform: translate(40px, -19px);
      -ms-transform: translate(40px, -19px);
      transform: translate(40px, -19px); } }
  @media only screen and (min-width: 640px) {
    .step-2 .lines span:nth-child(1) {
      top: -550px; }
    .step-2 .lines span:nth-child(2) {
      top: -280px; }
    .step-2 .lines span:nth-child(3) {
      top: -205px; }
    .step-2 .lines span:nth-child(4) {
      top: 0; }
    .step-2 .lines span:nth-child(5) {
      top: 313px; }
    .step-2 .lines span:nth-child(6) {
      top: 550px; } }
  @media only screen and (min-width: 1024px) {
    .step-2 .bg > .row {
      padding-bottom: 8.75em; }
    .step-2 .bg > div > div {
      height: 100vh;
      min-height: 50em;
      padding-bottom: 0;
      padding-top: 0; }
      .step-2 .bg > div > div .wrapper {
        position: absolute;
        left: -3.125em;
        margin-top: -1.875em;
        height: 25em;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .step-2 .bg:before {
      -webkit-transition: all 1s ease;
      transition: all 1s ease;
      left: 0;
      width: 100%;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .step-2 .text {
      -webkit-transition: all 0.6s 1.6s ease;
      transition: all 0.6s 1.6s ease; }
    .step-2 .item {
      position: absolute;
      left: 50%;
      max-width: 31.25em; }
    .step-2 .item-2 {
      top: -3.875em;
      -webkit-transform: translate(-25.5em, 0);
      -ms-transform: translate(-25.5em, 0);
      transform: translate(-25.5em, 0); }
      .step-2 .item-2 .num-wrapper {
        -webkit-transition: 0.5s 0s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 0s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-1 {
      top: 5.125em;
      -webkit-transform: translate(-0.3125em, 0);
      -ms-transform: translate(-0.3125em, 0);
      transform: translate(-0.3125em, 0); }
      .step-2 .item-1 .num-wrapper {
        -webkit-transition: 0.5s 0.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 0.2s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-3 {
      top: 27.5em;
      -webkit-transform: translate(-22.9375em, 0);
      -ms-transform: translate(-22.9375em, 0);
      transform: translate(-22.9375em, 0); }
      .step-2 .item-3 .num-wrapper {
        -webkit-transition: 0.5s 0.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 0.4s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-4 {
      top: 14.6875em;
      -webkit-transform: translate(-32.125em, 0);
      -ms-transform: translate(-32.125em, 0);
      transform: translate(-32.125em, 0); }
      .step-2 .item-4 .num-wrapper {
        -webkit-transition: 0.5s 0.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 0.6s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-5 {
      top: 31.75em;
      -webkit-transform: translate(4.375em, 0);
      -ms-transform: translate(4.375em, 0);
      transform: translate(4.375em, 0); }
      .step-2 .item-5 .num-wrapper {
        -webkit-transition: 0.5s 0.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 0.8s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-6 {
      top: -8.75em;
      -webkit-transform: translate(21.75em, 0);
      -ms-transform: translate(21.75em, 0);
      transform: translate(21.75em, 0); }
      .step-2 .item-6 .num-wrapper {
        -webkit-transition: 0.5s 1s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 1s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-7 {
      top: 9.125em;
      -webkit-transform: translate(27.4375em, 0);
      -ms-transform: translate(27.4375em, 0);
      transform: translate(27.4375em, 0); }
      .step-2 .item-7 .num-wrapper {
        -webkit-transition: 0.5s 1.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 1.2s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .item-8 {
      top: 15.9375em;
      -webkit-transform: translate(15.625em, 0);
      -ms-transform: translate(15.625em, 0);
      transform: translate(15.625em, 0); }
      .step-2 .item-8 .num-wrapper {
        -webkit-transition: 0.5s 1.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.5s 1.4s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-2 .lines {
      width: 179.9375em; }
      .step-2 .lines span {
        background-size: 179.9375em 100% !important; }
        .step-2 .lines span:nth-child(1) {
          top: -16.875em;
          -webkit-transition: width 3s 0s ease;
          transition: width 3s 0s ease; }
        .step-2 .lines span:nth-child(2) {
          top: -3.75em;
          -webkit-transition: width 3s 0.3s ease;
          transition: width 3s 0.3s ease; }
        .step-2 .lines span:nth-child(3) {
          top: 3.25em;
          -webkit-transition: width 3s 0.6s ease;
          transition: width 3s 0.6s ease; }
        .step-2 .lines span:nth-child(4) {
          top: 4.3125em;
          -webkit-transition: width 3s 0.9s ease;
          transition: width 3s 0.9s ease; }
        .step-2 .lines span:nth-child(5) {
          top: 17.625em;
          -webkit-transition: width 3s 1.2s ease;
          transition: width 3s 1.2s ease; }
        .step-2 .lines span:nth-child(6) {
          top: 28.5em;
          -webkit-transition: width 3s 1.5s ease;
          transition: width 3s 1.5s ease; } }
  @media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .step-2 .text {
      font-size: 14px;
      line-height: 18px; }
    .step-2 .item-2 .text {
      left: 120px; }
    .step-2 .item-1 .text {
      left: 120px; }
    .step-2 .item-3 .text {
      left: 70px; }
    .step-2 .item-4 .text {
      left: 120px; }
    .step-2 .item-5 .text {
      left: 95px; }
    .step-2 .item-6 .text {
      left: 95px; }
    .step-2 .item-7 .text {
      left: 85px; }
    .step-2 .item-8 .text {
      left: 175px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .step-2 {
      font-size: 12px; }
      .step-2 .lines {
        margin-left: -80px; }
      .step-2 .bg > div > div .wrapper {
        left: -80px; } }
  @media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .step-2 .bg > .row {
      padding-bottom: 80px; } }

.step-3 {
  z-index: 1;
  overflow: visible;
  position: relative;
  padding: 9.375em 0 13.75em; }
  .step-3:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 78.75em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    background: url(../img/bg-3-1.png) no-repeat center bottom;
    background-size: 100% 100%;
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
  .step-3.animated .top-wrapper .logo, .step-3.animated .top-wrapper h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-3.animated .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-3.top-animated:before {
    height: 11.875em; }
  .step-3 .top-block.animated + .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-3 h1 {
    margin-bottom: 1.8em; }
  .step-3 .lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .step-3 .lines span {
      position: absolute;
      width: 100%;
      background-size: 500% 100% !important; }
      .step-3 .lines span:nth-child(1) {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
        z-index: 3;
        top: 33.375em;
        height: 8.25em;
        background: url(../img/lines/line-3-1.png) no-repeat center; }
        .step-3 .lines span:nth-child(1):hover {
          background-size: 400% 100% !important; }
          .step-3 .lines span:nth-child(1):hover + span {
            background-size: 400% 100% !important; }
        .step-3 .lines span:nth-child(1):after {
          -webkit-transition: all 2s 0s ease;
          transition: all 2s 0s ease; }
      .step-3 .lines span:nth-child(2) {
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        z-index: 2;
        top: 35.25em;
        height: 8.4375em;
        background: url(../img/lines/line-3-2.png) no-repeat center; }
        .step-3 .lines span:nth-child(2):hover {
          background-size: 400% 100% !important; }
        .step-3 .lines span:nth-child(2):after {
          -webkit-transition: all 2s 0.3s ease;
          transition: all 2s 0.3s ease; }
      .step-3 .lines span:nth-child(3) {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
        z-index: 1;
        top: 47.8125em;
        height: 7.5em;
        background: url(../img/lines/line-3-3.png) no-repeat center; }
        .step-3 .lines span:nth-child(3):hover {
          background-size: 400% 100% !important; }
        .step-3 .lines span:nth-child(3):after {
          -webkit-transition: all 2s 0.6s ease;
          transition: all 2s 0.6s ease; }
      .step-3 .lines span:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white; }
  .step-3 .top-wrapper {
    text-align: center; }
    .step-3 .top-wrapper .logo {
      -webkit-transition: all 0.6s 0s ease;
      transition: all 0.6s 0s ease;
      margin: 0 0 2.5em 0; }
    .step-3 .top-wrapper .logo, .step-3 .top-wrapper h3 {
      opacity: 0;
      -webkit-transform: translateY(1.25em);
      -ms-transform: translateY(1.25em);
      transform: translateY(1.25em); }
    .step-3 .top-wrapper h3 {
      -webkit-transition: all 0.6s 0.2s ease;
      transition: all 0.6s 0.2s ease; }
  .step-3 .title {
    -webkit-transition: all 0.6s 0.4s ease;
    transition: all 0.6s 0.4s ease;
    margin: 9.625em 0 0 0;
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em); }
  .step-3 .item-wrapper {
    position: relative;
    visibility: visible !important;
    clear: both;
    float: none !important;
    text-align: center; }
    .step-3 .item-wrapper .no-hover {
      -webkit-transition: all 0s 2.5s;
      transition: all 0s 2.5s;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10; }
    .step-3 .item-wrapper h2 {
      margin: 0;
      color: #902e2e; }
    .step-3 .item-wrapper .item {
      height: 7.5em;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .step-3 .item-wrapper .item h2 {
        opacity: 0;
        -webkit-transform: translateY(1.25em);
        -ms-transform: translateY(1.25em);
        transform: translateY(1.25em); }
      .step-3 .item-wrapper .item .text {
        -webkit-transition: -webkit-transform 0.2s 0s, opacity 0.2s 0s;
        transition: transform 0.2s 0s, opacity 0.2s 0s;
        opacity: 0;
        -webkit-transform: translateY(1.25em);
        -ms-transform: translateY(1.25em);
        transform: translateY(1.25em);
        position: absolute;
        top: 2.5em;
        left: 0;
        width: 100%; }
    .step-3 .item-wrapper .block {
      z-index: 1;
      position: relative; }
      .step-3 .item-wrapper .block:after, .step-3 .item-wrapper .block:before {
        z-index: 0;
        content: '';
        position: absolute;
        top: 100%;
        -webkit-transform: translateY(-5.625em);
        -ms-transform: translateY(-5.625em);
        transform: translateY(-5.625em);
        left: 0;
        height: 100%;
        width: 100%; }
      .step-3 .item-wrapper .block:before {
        z-index: 1;
        background: white; }
      .step-3 .item-wrapper .block:after {
        -webkit-transition: all 0.6s ease;
        transition: all 0.6s ease;
        background-position: center !important;
        background-size: 800% 100% !important; }
      .step-3 .item-wrapper .block:nth-child(1) .item h2 {
        -webkit-transition: all 0.6s 0s ease;
        transition: all 0.6s 0s ease; }
      .step-3 .item-wrapper .block:nth-child(1):before, .step-3 .item-wrapper .block:nth-child(1):after {
        height: 6.8125em; }
      .step-3 .item-wrapper .block:nth-child(1):before {
        -webkit-transition: 2s 0s ease;
        transition: 2s 0s ease; }
      .step-3 .item-wrapper .block:nth-child(1):after {
        background: url(../img/lines/line-3-4.png) no-repeat center; }
      .step-3 .item-wrapper .block:nth-child(2) .item h2 {
        -webkit-transition: all 0.6s 0.4s ease;
        transition: all 0.6s 0.4s ease; }
      .step-3 .item-wrapper .block:nth-child(2):before, .step-3 .item-wrapper .block:nth-child(2):after {
        height: 6.25em; }
      .step-3 .item-wrapper .block:nth-child(2):before {
        -webkit-transition: 2s 0.3s ease;
        transition: 2s 0.3s ease; }
      .step-3 .item-wrapper .block:nth-child(2):after {
        background: url(../img/lines/line-3-5.png) no-repeat center; }
      .step-3 .item-wrapper .block:nth-child(3) .item h2 {
        -webkit-transition: all 0.6s 0.8s ease;
        transition: all 0.6s 0.8s ease; }
      .step-3 .item-wrapper .block:nth-child(3):before, .step-3 .item-wrapper .block:nth-child(3):after {
        height: 6.375em; }
      .step-3 .item-wrapper .block:nth-child(3):before {
        -webkit-transition: 2s 0.8s ease;
        transition: 2s 0.8s ease; }
      .step-3 .item-wrapper .block:nth-child(3):after {
        background: url(../img/lines/line-3-6.png) no-repeat center; }
      .step-3 .item-wrapper .block:nth-child(4) .item h2 {
        -webkit-transition: all 0.6s 1.2s ease;
        transition: all 0.6s 1.2s ease; }
      .step-3 .item-wrapper .block:nth-child(4):before, .step-3 .item-wrapper .block:nth-child(4):after {
        height: 7.9375em; }
      .step-3 .item-wrapper .block:nth-child(4):before {
        -webkit-transition: 2s 1.4s ease;
        transition: 2s 1.4s ease; }
      .step-3 .item-wrapper .block:nth-child(4):after {
        background: url(../img/lines/line-3-7.png) no-repeat center; }
      .step-3 .item-wrapper .block > div {
        z-index: 2;
        position: relative;
        padding-top: 2.5em; }
      .step-3 .item-wrapper .block.hover > div .text {
        -webkit-transition: -webkit-transform 0.6s 0.2s, opacity 0.6s 0.2s;
        transition: transform 0.6s 0.2s, opacity 0.6s 0.2s;
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px); }
      .step-3 .item-wrapper .block.hover:after {
        background-size: 800% 100% !important; }
    .step-3 .item-wrapper.animated .no-hover {
      visibility: hidden; }
    .step-3 .item-wrapper.animated .block .item h2 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-3 .item-wrapper.animated .block:before {
      -webkit-transform: translateX(100%) translateY(-5.625em);
      -ms-transform: translateX(100%) translateY(-5.625em);
      transform: translateX(100%) translateY(-5.625em); }
  @media only screen and (max-width: 1023px) {
    .step-3:before {
      height: 11.875em; }
    .step-3 .top-wrapper .logo, .step-3 .top-wrapper h3 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-3 .title {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-3 .item-wrapper .no-hover {
      visibility: hidden; }
    .step-3 .item-wrapper .block .item h2 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-3 .item-wrapper .block:before {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .step-3 .top-block + .lines span:after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); } }
  .step-3.static:before {
    height: 11.875em; }
  .step-3.static .top-wrapper .logo, .step-3.static .top-wrapper h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-3.static .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-3.static .item-wrapper .no-hover {
    visibility: hidden; }
  .step-3.static .item-wrapper .block .item h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-3.static .item-wrapper .block:before {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-3.static .top-block + .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  @media only screen and (min-width: 1024px) {
    .step-3:before {
      left: 0;
      width: 100%;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .step-3 .item-wrapper .block:after {
      background-size: 300% 100% !important; } }
  @media only screen and (min-width: 1367px) {
    .step-3 .item-wrapper .block:after {
      background-size: 200% 100% !important; }
    .step-3 .lines span {
      background-size: 200% 100% !important; } }
  @media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .step-3 .lines span:nth-child(1) {
      top: 500px; }
    .step-3 .lines span:nth-child(2) {
      top: 530px; }
    .step-3 .lines span:nth-child(3) {
      top: 710px; } }
  @media only screen and (max-width: 639px) {
    .step-3 .lines span:nth-child(1) {
      top: 638px; }
    .step-3 .lines span:nth-child(2) {
      top: 668px; }
    .step-3 .lines span:nth-child(3) {
      top: 772px; } }

.step-4 {
  z-index: 1;
  overflow: visible;
  padding: 6.25em 0 12.5em;
  background: #55504f; }
  .step-4.animated .animate-block {
    height: 0; }
  .step-4.animated h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-4.animated .big, .step-4.animated .small {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-4.animated .lines {
    opacity: 1; }
  .step-4 .animate-block {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 10em;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    background: url(../img/bg-4-1.png) no-repeat bottom center;
    background-size: 100% 100%; }
  .step-4 h1 {
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    -webkit-transition: all 0.6s 0.6s ease;
    transition: all 0.6s 0.6s ease;
    color: white; }
  .step-4 p {
    color: white; }
  .step-4 .detalis {
    margin-top: 1.875em;
    text-align: center; }
  .step-4 .left-block {
    top: 0;
    left: 0; }
    .step-4 .left-block .big {
      -webkit-transition: -webkit-transform 0.6s 0.5s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.6s 0.5s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-4 .left-block .lines {
      -webkit-transition: all 0.6s 1.6s ease;
      transition: all 0.6s 1.6s ease; }
  .step-4 .right-block {
    top: 0;
    left: 0; }
    .step-4 .right-block .big {
      -webkit-transition: -webkit-transform 0.6s 0.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.6s 0.8s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-4 .right-block .lines {
      -webkit-transition: all 0.6s 1.8s ease;
      transition: all 0.6s 1.8s ease; }
  .step-4 .big {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
    position: relative;
    padding: 32px 0 56px 0;
    text-align: center; }
    .step-4 .big .back-block {
      display: none;
      z-index: -1;
      border-radius: 100%;
      border: 1px solid white;
      position: absolute;
      top: 50%;
      left: 50%;
      background: #55504f;
      width: -webkit-calc(100% - 8px);
      width: calc(100% - 8px);
      height: -webkit-calc(100% - 8px);
      height: calc(100% - 8px);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .step-4 .big h4 {
      position: relative;
      top: 0.3125em;
      font-size: 1em;
      line-height: 1.375em;
      text-transform: uppercase;
      color: white; }
  .step-4 .small, .step-4 .ico {
    position: static;
    display: block;
    border-radius: 100%; }
  .step-4 .ico {
    position: relative;
    width: 5.125em;
    height: 5.125em;
    top: 0;
    left: 0;
    background: grey;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 auto; }
  .step-4 .block {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px 8px 0 8px; }
    .step-4 .block img {
      z-index: 1;
      position: absolute; }
    .step-4 .block p {
      pointer-events: none;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      top: 0;
      left: 0;
      font-size: 1em;
      line-height: 1.3125em; }
  .step-4 .small {
    padding: 8px 0;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 100%; }
    .step-4 .small.small-1 {
      -webkit-transition: -webkit-transform 0.3s 0.7s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 0.7s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: 11.625em;
      left: -11.25em; }
      .step-4 .small.small-1 .block img {
        top: 1.3125em;
        left: 50%;
        margin-left: -1em; }
      .step-4 .small.small-1 .block p {
        top: 7.5em;
        left: -5em; }
    .step-4 .small.small-2 {
      -webkit-transition: -webkit-transform 0.3s 0.9s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 0.9s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: -5.75em;
      left: -9em; }
      .step-4 .small.small-2 .block img {
        top: 1.875em;
        left: 50%;
        margin-left: -0.8125em; }
      .step-4 .small.small-2 .block p {
        top: -8.25em;
        left: -5.625em; }
    .step-4 .small.small-3 {
      -webkit-transition: -webkit-transform 0.3s 1.1s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 1.1s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: -7.75em;
      left: 12.125em; }
      .step-4 .small.small-3 .block img {
        top: 1.625em;
        left: 50%;
        margin-left: -1.3125em; }
      .step-4 .small.small-3 .block p {
        top: 7.5em;
        left: 1.5em; }
    .step-4 .small.small-4 {
      -webkit-transition: -webkit-transform 0.3s 1.3s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 1.3s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: 14.375em;
      left: 11.75em; }
      .step-4 .small.small-4 .block img {
        top: 2.25em;
        left: 50%;
        margin-left: -1.3125em; }
      .step-4 .small.small-4 .block p {
        top: 7.5em;
        left: 0; }
    .step-4 .small.small-5 {
      -webkit-transition: -webkit-transform 0.3s 1s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 1s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: -0.875em;
      left: -11.5625em; }
      .step-4 .small.small-5 .block img {
        top: 1.5625em;
        left: 50%;
        margin-left: -1.0625em; }
      .step-4 .small.small-5 .block p {
        top: 7.5em;
        left: -1.25em; }
    .step-4 .small.small-6 {
      -webkit-transition: -webkit-transform 0.3s 1.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 1.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: -12.9375em;
      left: 4.75em; }
      .step-4 .small.small-6 .block img {
        top: 2.0625em;
        left: 50%;
        margin-left: -1.25em; }
      .step-4 .small.small-6 .block p {
        top: -0.4375em;
        left: -25em; }
    .step-4 .small.small-7 {
      -webkit-transition: -webkit-transform 0.3s 1.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 1.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: 3.5em;
      left: 18.625em; }
      .step-4 .small.small-7 .block img {
        top: 1.875em;
        left: 50%;
        margin-left: -1.25em; }
      .step-4 .small.small-7 .block p {
        top: 7.5em;
        left: -13.125em; }
    .step-4 .small.small-8 {
      -webkit-transition: -webkit-transform 0.3s 1.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      transition: transform 0.3s 1.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
      top: 16em;
      left: -1.375em; }
      .step-4 .small.small-8 .block img {
        top: 1.875em;
        left: 50%;
        margin-left: -1.9375em; }
      .step-4 .small.small-8 .block p {
        top: 0.5em;
        left: 8.4375em; }
  .step-4 .lines {
    display: none;
    opacity: 0;
    z-index: -10;
    position: absolute;
    top: 0;
    left: 0; }
    .step-4 .lines span {
      position: absolute;
      width: 6.25em;
      height: 1px;
      background: white; }
    .step-4 .lines.left-lines span:nth-child(1) {
      width: 12.5em;
      -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
      transform: rotate(35deg);
      top: 0.9375em;
      left: -7.5625em; }
    .step-4 .lines.left-lines span:nth-child(2) {
      width: 12.5em;
      -webkit-transform: rotate(128deg);
      -ms-transform: rotate(128deg);
      transform: rotate(128deg);
      top: -0.3125em;
      left: 3.9375em; }
    .step-4 .lines.left-lines span:nth-child(3) {
      width: 12.5em;
      -webkit-transform: rotate(233deg);
      -ms-transform: rotate(233deg);
      transform: rotate(233deg);
      top: 11.6875em;
      left: 3.5em; }
    .step-4 .lines.left-lines span:nth-child(4) {
      width: 12.5em;
      -webkit-transform: rotate(149deg);
      -ms-transform: rotate(149deg);
      transform: rotate(149deg);
      top: 10.375em;
      left: -8.625em; }
    .step-4 .lines.right-lines span:nth-child(1) {
      width: 12.5em;
      -webkit-transform: rotate(16deg);
      -ms-transform: rotate(16deg);
      transform: rotate(16deg);
      top: 3.625em;
      left: -9.375em; }
    .step-4 .lines.right-lines span:nth-child(2) {
      width: 12.5em;
      -webkit-transform: rotate(95deg);
      -ms-transform: rotate(95deg);
      transform: rotate(95deg);
      top: -3.875em;
      left: 0; }
    .step-4 .lines.right-lines span:nth-child(3) {
      width: 12.5em;
      -webkit-transform: rotate(184deg);
      -ms-transform: rotate(184deg);
      transform: rotate(184deg);
      top: 5.875em;
      left: 8.9375em; }
    .step-4 .lines.right-lines span:nth-child(4) {
      width: 12.5em;
      -webkit-transform: rotate(113deg);
      -ms-transform: rotate(113deg);
      transform: rotate(113deg);
      top: 13.75em;
      left: -3.8125em; }
  @media only screen and (max-width: 1023px) {
    .step-4 .animate-block {
      height: 0; }
    .step-4 h1 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-4 .big, .step-4 .small {
      opacity: 1;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .step-4 .lines {
      opacity: 1; } }
  .step-4.static .animate-block {
    height: 0; }
  .step-4.static h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-4.static .big, .step-4.static .small {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-4.static .lines {
    opacity: 1; }
  @media only screen and (min-width: 640px) {
    .step-4 .small {
      width: 280px;
      display: inline-block;
      vertical-align: top;
      padding: 24px 0 40px 0; }
      .step-4 .small.small-1 .block img {
        top: 2.3125em; }
      .step-4 .small.small-2 .block img {
        top: 2.8125em; }
      .step-4 .small.small-3 .block img {
        top: 2.625em; }
      .step-4 .small.small-4 .block img {
        top: 3.125em; }
      .step-4 .small.small-5 .block img {
        top: 2.5em; }
      .step-4 .small.small-6 .block img {
        top: 3.0625em; }
      .step-4 .small.small-7 .block img {
        top: 2.8125em; }
      .step-4 .small.small-8 .block img {
        top: 2.75em; } }
  @media only screen and (min-width: 1024px) {
    .step-4 {
      padding: 6.25em 0 26.25em; }
      .step-4 .detalis {
        margin-top: 240px;
        text-align: left; }
      .step-4 .left-block {
        left: 9.625em; }
      .step-4 .right-block {
        top: 0.375em;
        left: 15.25em; }
      .step-4 .big {
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        display: table;
        width: 11.375em;
        height: 11.375em;
        border-radius: 100%;
        border: 1px solid white;
        padding: 1em; }
        .step-4 .big .back-block {
          display: block; }
        .step-4 .big h4 {
          display: table-cell;
          vertical-align: middle; }
      .step-4 .lines {
        display: block; }
      .step-4 .small, .step-4 .ico {
        position: absolute; }
      .step-4 .ico {
        margin: 0; }
      .step-4 .small {
        padding: 0;
        background: grey;
        display: block;
        width: 5.125em;
        height: 5.125em; }
        .step-4 .small:hover .ico, .step-4 .small.active .ico {
          -webkit-transform: scale(1.3);
          -ms-transform: scale(1.3);
          transform: scale(1.3);
          background: #b11e12; }
        .step-4 .small:hover .block p, .step-4 .small.active .block p {
          opacity: 1;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
        .step-4 .small.small-6 .block p {
          text-align: right; }
        .step-4 .small.small-7 .block p {
          text-align: right; }
        .step-4 .small.small-1 .block img {
          top: 0.875em; }
        .step-4 .small.small-2 .block img {
          top: 1.375em; }
        .step-4 .small.small-3 .block img {
          top: 1.125em; }
        .step-4 .small.small-4 .block img {
          top: 1.8125em; }
        .step-4 .small.small-5 .block img {
          top: 1.0625em; }
        .step-4 .small.small-6 .block img {
          top: 1.625em; }
        .step-4 .small.small-7 .block img {
          top: 1.4375em; }
        .step-4 .small.small-8 .block img {
          top: 1.375em; }
      .step-4 .block {
        position: absolute;
        padding: 0; }
        .step-4 .block p {
          opacity: 0;
          -webkit-transform: translateY(0.625em);
          -ms-transform: translateY(0.625em);
          transform: translateY(0.625em);
          position: absolute;
          width: 22em; } }
  @media only screen and (min-width: 1024px) and (max-width: 1600px) {
    .step-4 {
      font-size: 13px; }
      .step-4 .left-block {
        top: -100px;
        left: 220px; }
      .step-4 .right-block {
        top: -60px;
        left: 210px; }
      .step-4 .small.small-8 .block img {
        max-width: 54px; }
      .step-4 .small.small-1 .block img {
        top: 9px;
        margin-left: -17px; }
      .step-4 .small.small-2 .block img {
        top: 17px;
        margin-left: -13px; }
      .step-4 .small.small-3 .block img {
        top: 13px;
        margin-left: -20px; }
      .step-4 .small.small-4 .block img {
        top: 24px;
        margin-left: -21px; }
      .step-4 .small.small-5 .block img {
        top: 11px;
        margin-left: -18px; }
      .step-4 .small.small-6 .block img {
        top: 20px;
        margin-left: -21px; }
      .step-4 .small.small-7 .block img {
        top: 15px;
        margin-left: -21px; }
      .step-4 .small.small-8 .block img {
        top: 15px;
        left: 31px; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .step-4 .detalis {
      width: 1010px;
      margin: 135px auto 18px;
      font-size: 12px; }
    .step-4 .left-block {
      left: 17.625em;
      top: -20px; }
    .step-4 .right-block {
      left: 13.25em;
      top: 5.375em; }
    .step-4 .small.small-1 .block img {
      top: 3px;
      margin-left: -15px; }
    .step-4 .small.small-2 .block img {
      top: 11px;
      margin-left: -13px; }
    .step-4 .small.small-3 .block img {
      top: 7px;
      margin-left: -21px; }
    .step-4 .small.small-4 .block img {
      top: 19px;
      margin-left: -21px; }
    .step-4 .small.small-5 .block img {
      top: 6px;
      margin-left: -18px; }
    .step-4 .small.small-6 .block img {
      top: 15px;
      margin-left: -20px; }
    .step-4 .small.small-7 .block img {
      top: 11px;
      margin-left: -21px; }
    .step-4 .small.small-8 .block img {
      top: 13px;
      margin-left: -27px;
      width: 54px; } }

.step-5 {
  z-index: 1;
  overflow: visible;
  position: relative;
  padding: 8.125em 0 3em; }
  .step-5.animated h1, .step-5.animated .active-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-5.animated .right-arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .step-5.animated .active-year, .step-5.animated .left-years, .step-5.animated .right-years {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-5.animated .animate-block {
    height: 7.625em; }
    .step-5.animated .animate-block .animate-lines span {
      background-size: 100% 100% !important; }
      .step-5.animated .animate-block .animate-lines span:nth-child(1) {
        -webkit-transform: translateY(-3.4375em);
        -ms-transform: translateY(-3.4375em);
        transform: translateY(-3.4375em); }
      .step-5.animated .animate-block .animate-lines span:nth-child(2) {
        -webkit-transform: translateY(-2.1875em);
        -ms-transform: translateY(-2.1875em);
        transform: translateY(-2.1875em); }
      .step-5.animated .animate-block .animate-lines span:nth-child(3) {
        -webkit-transform: translateY(-0.8125em);
        -ms-transform: translateY(-0.8125em);
        transform: translateY(-0.8125em); }
      .step-5.animated .animate-block .animate-lines span:nth-child(4) {
        -webkit-transform: translateY(0.125em);
        -ms-transform: translateY(0.125em);
        transform: translateY(0.125em); }
      .step-5.animated .animate-block .animate-lines span:nth-child(5) {
        -webkit-transform: translateY(0.8125em);
        -ms-transform: translateY(0.8125em);
        transform: translateY(0.8125em); }
      .step-5.animated .animate-block .animate-lines span:nth-child(6) {
        -webkit-transform: translateY(1.5em);
        -ms-transform: translateY(1.5em);
        transform: translateY(1.5em); }
      .step-5.animated .animate-block .animate-lines span:nth-child(7) {
        -webkit-transform: translateY(2.0625em);
        -ms-transform: translateY(2.0625em);
        transform: translateY(2.0625em); }
  .step-5.animated .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-5.line-animation .lines span {
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important; }
  .step-5 .animate-block {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 1260px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    background: url(../img/bg-5-1.png) no-repeat bottom center;
    background-size: 100% 100%; }
    .step-5 .animate-block .animate-lines {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .step-5 .animate-block .animate-lines span {
        display: block;
        position: absolute;
        width: 100%;
        background-size: 100% 0% !important; }
        .step-5 .animate-block .animate-lines span:nth-child(1) {
          height: 9.4375em;
          background: url(../img/lines/line-5-1.png) no-repeat center; }
        .step-5 .animate-block .animate-lines span:nth-child(2) {
          height: 8.625em;
          background: url(../img/lines/line-5-2.png) no-repeat center; }
        .step-5 .animate-block .animate-lines span:nth-child(3) {
          height: 7.875em;
          background: url(../img/lines/line-5-3.png) no-repeat center; }
        .step-5 .animate-block .animate-lines span:nth-child(4) {
          height: 7.5em;
          background: url(../img/lines/line-5-4.png) no-repeat center; }
        .step-5 .animate-block .animate-lines span:nth-child(5) {
          height: 7.3125em;
          background: url(../img/lines/line-5-5.png) no-repeat center; }
        .step-5 .animate-block .animate-lines span:nth-child(6) {
          height: 7.1875em;
          background: url(../img/lines/line-5-6.png) no-repeat center; }
        .step-5 .animate-block .animate-lines span:nth-child(7) {
          height: 7.125em;
          background: url(../img/lines/line-5-7.png) no-repeat center; }
  .step-5 h1 {
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em); }
  .step-5 .lines {
    opacity: 0.6;
    position: absolute;
    top: 4.6875em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%; }
    .step-5 .lines span {
      position: absolute;
      left: 0;
      width: 100%;
      -webkit-transition: -webkit-transform 0.3s 0s ease;
      transition: transform 0.3s 0s ease; }
      .step-5 .lines span:nth-child(1) {
        z-index: 3;
        -webkit-transform: translateY(0.1875em);
        -ms-transform: translateY(0.1875em);
        transform: translateY(0.1875em);
        height: 48.6875em;
        background: url(../img/lines/line-5-8.png) no-repeat center;
        background-size: 100% 100%;
        top: 0;
        left: 0; }
        .step-5 .lines span:nth-child(1):after {
          -webkit-transition: -webkit-transform 3s 0s;
          transition: transform 3s 0s; }
      .step-5 .lines span:nth-child(2) {
        z-index: 2;
        -webkit-transform: translateY(-0.125em);
        -ms-transform: translateY(-0.125em);
        transform: translateY(-0.125em);
        height: 48.25em;
        background: url(../img/lines/line-5-9.png) no-repeat center;
        background-size: 100% 100%;
        top: 1.25em;
        left: 0px; }
        .step-5 .lines span:nth-child(2):after {
          -webkit-transition: -webkit-transform 3s 0.6s;
          transition: transform 3s 0.6s; }
      .step-5 .lines span:nth-child(3) {
        z-index: 1;
        -webkit-transform: translateY(-0.1875em);
        -ms-transform: translateY(-0.1875em);
        transform: translateY(-0.1875em);
        height: 47.8125em;
        background: url(../img/lines/line-5-10.png) no-repeat center;
        background-size: 100% 100%;
        top: 2.375em;
        left: 0px; }
        .step-5 .lines span:nth-child(3):after {
          -webkit-transition: -webkit-transform 3s 1.2s;
          transition: transform 3s 1.2s; }
      .step-5 .lines span:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white; }
  .step-5 .lines-bg {
    z-index: 4;
    min-height: 37.3125em;
    position: relative; }
    .step-5 .lines-bg .columns {
      min-height: 37.3125em; }
    .step-5 .lines-bg.active-animations .active-text p {
      -webkit-transform: translateY(-1.5625em);
      -ms-transform: translateY(-1.5625em);
      transform: translateY(-1.5625em);
      opacity: 1;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .step-5 .lines-bg.active-animations .active-year > span {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .step-5 .lines-bg.active-animations .right-years > span, .step-5 .lines-bg.active-animations .left-years > span {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
      opacity: 1;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .step-5 .lines-bg .right-years > span, .step-5 .lines-bg .left-years > span {
      -webkit-transform: translateX(-1.5625em);
      -ms-transform: translateX(-1.5625em);
      transform: translateX(-1.5625em);
      opacity: 0;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
    .step-5 .lines-bg .active-year > span {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      opacity: 0;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
  .step-5 .years {
    width: 9.09091em;
    color: grey;
    font-size: 1.375em;
    text-align: center; }
    .step-5 .years span {
      white-space: nowrap;
      width: 100%; }
      .step-5 .years span > span {
        position: relative;
        top: -0.625em; }
  .step-5 .left-arrow, .step-5 .right-arrow {
    background: url(../img/history-arrows.png) no-repeat left top;
    width: 13px;
    height: 47px;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 12.375em; }
  .step-5 .right-arrow {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: -webkit-transform 0.6s 2.8s, opacity 0.6s 2.8s;
    transition: transform 0.6s 2.8s, opacity 0.6s 2.8s;
    background-position: right top;
    left: auto;
    right: 0; }
  .step-5 .active-year {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.6s 1.9s cubic-bezier(0.34, 1.01, 0.4, 1.55);
    transition: all 0.6s 1.9s cubic-bezier(0.34, 1.01, 0.4, 1.55);
    border: 2px solid #bc8282;
    border-radius: 100%;
    height: 7.5em;
    width: 7.5em;
    position: absolute;
    top: 10em;
    background: white;
    left: 50%;
    margin-left: -3.75em;
    display: table;
    text-align: center; }
    .step-5 .active-year span {
      display: table-cell;
      vertical-align: middle;
      color: #902e2e;
      font-size: 1.5em;
      line-height: 1em; }
      .step-5 .active-year span span {
        line-height: 3.125em; }
  .step-5 .active-text {
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    -webkit-transition: all 0.6s 2.5s ease;
    transition: all 0.6s 2.5s ease;
    position: absolute;
    top: 21.25em;
    left: 0;
    width: 100%;
    text-align: center; }
    .step-5 .active-text p {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      opacity: 0;
      -webkit-transition: all 0.5s ease 0s;
      transition: all 0.5s ease 0s; }
  .step-5 .left-years, .step-5 .right-years {
    display: none;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: relative;
    float: left;
    margin: 11.36364em 0 0 0;
    opacity: 1;
    -webkit-transition: all 0.5s ease 0s, -webkit-transform 0.6s 2.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
    transition: all 0.5s ease 0s, transform 0.6s 2.2s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
    .step-5 .left-years > span, .step-5 .right-years > span {
      display: block;
      white-space: nowrap;
      padding: 0 0 0.45455em 0; }
    .step-5 .left-years .bullet, .step-5 .right-years .bullet {
      position: relative; }
      .step-5 .left-years .bullet > span, .step-5 .right-years .bullet > span {
        background: #b11e12;
        height: 18px;
        width: 18px;
        margin-top: 0.63636em;
        border-radius: 100%;
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        .step-5 .left-years .bullet > span span, .step-5 .right-years .bullet > span span {
          border: 1px solid #bc8282;
          height: 24px;
          width: 24px;
          border-radius: 100%;
          left: 50%;
          position: absolute;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .step-5 .right-years {
    float: right;
    margin: 1.875em 0.5em 0 0; }
  .step-5 .hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s; }
  .step-5 .history-texts {
    display: none; }
  @media only screen and (max-width: 1023px) {
    .step-5 h1, .step-5 .active-text {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-5 .right-arrow {
      opacity: 1;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .step-5 .active-year, .step-5 .left-years, .step-5 .right-years {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .step-5 .animate-block {
      height: 7.625em; }
      .step-5 .animate-block .animate-lines span {
        background-size: 100% 100% !important; }
        .step-5 .animate-block .animate-lines span:nth-child(1) {
          -webkit-transform: translateY(-3.4375em);
          -ms-transform: translateY(-3.4375em);
          transform: translateY(-3.4375em); }
        .step-5 .animate-block .animate-lines span:nth-child(2) {
          -webkit-transform: translateY(-2.1875em);
          -ms-transform: translateY(-2.1875em);
          transform: translateY(-2.1875em); }
        .step-5 .animate-block .animate-lines span:nth-child(3) {
          -webkit-transform: translateY(-0.8125em);
          -ms-transform: translateY(-0.8125em);
          transform: translateY(-0.8125em); }
        .step-5 .animate-block .animate-lines span:nth-child(4) {
          -webkit-transform: translateY(0.125em);
          -ms-transform: translateY(0.125em);
          transform: translateY(0.125em); }
        .step-5 .animate-block .animate-lines span:nth-child(5) {
          -webkit-transform: translateY(0.8125em);
          -ms-transform: translateY(0.8125em);
          transform: translateY(0.8125em); }
        .step-5 .animate-block .animate-lines span:nth-child(6) {
          -webkit-transform: translateY(1.5em);
          -ms-transform: translateY(1.5em);
          transform: translateY(1.5em); }
        .step-5 .animate-block .animate-lines span:nth-child(7) {
          -webkit-transform: translateY(2.0625em);
          -ms-transform: translateY(2.0625em);
          transform: translateY(2.0625em); }
    .step-5 .lines span:after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); } }
  .step-5.static h1, .step-5.static .active-text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-5.static .right-arrow {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); }
  .step-5.static .active-year, .step-5.static .left-years, .step-5.static .right-years {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-5.static .animate-block {
    height: 7.625em; }
    .step-5.static .animate-block .animate-lines span {
      background-size: 100% 100% !important; }
      .step-5.static .animate-block .animate-lines span:nth-child(1) {
        -webkit-transform: translateY(-3.4375em);
        -ms-transform: translateY(-3.4375em);
        transform: translateY(-3.4375em); }
      .step-5.static .animate-block .animate-lines span:nth-child(2) {
        -webkit-transform: translateY(-2.1875em);
        -ms-transform: translateY(-2.1875em);
        transform: translateY(-2.1875em); }
      .step-5.static .animate-block .animate-lines span:nth-child(3) {
        -webkit-transform: translateY(-0.8125em);
        -ms-transform: translateY(-0.8125em);
        transform: translateY(-0.8125em); }
      .step-5.static .animate-block .animate-lines span:nth-child(4) {
        -webkit-transform: translateY(0.125em);
        -ms-transform: translateY(0.125em);
        transform: translateY(0.125em); }
      .step-5.static .animate-block .animate-lines span:nth-child(5) {
        -webkit-transform: translateY(0.8125em);
        -ms-transform: translateY(0.8125em);
        transform: translateY(0.8125em); }
      .step-5.static .animate-block .animate-lines span:nth-child(6) {
        -webkit-transform: translateY(1.5em);
        -ms-transform: translateY(1.5em);
        transform: translateY(1.5em); }
      .step-5.static .animate-block .animate-lines span:nth-child(7) {
        -webkit-transform: translateY(2.0625em);
        -ms-transform: translateY(2.0625em);
        transform: translateY(2.0625em); }
  .step-5.static .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  @media only screen and (min-width: 640px) {
    .step-5 .lines {
      width: 112.5em;
      opacity: 1; }
    .step-5 .left-years, .step-5 .right-years {
      display: block; }
    .step-5 .active-year {
      left: 160px;
      margin-left: 0; }
    .step-5 .active-text {
      top: 21.375em;
      left: 16.875em;
      width: 20.625em;
      text-align: left; } }
  @media only screen and (min-width: 1024px) {
    .step-5 {
      padding: 8.125em 0 5em; }
      .step-5 .lines-bg .columns {
        width: 60em; }
      .step-5 .lines {
        width: 179.9375em; }
      .step-5 .left-years, .step-5 .right-years {
        margin: 10.45455em 0 0 -7.72727em; }
      .step-5 .right-years {
        margin: 1.36364em -1.36364em 0 0; }
      .step-5 .left-arrow, .step-5 .right-arrow {
        left: 5em;
        top: 19.1875em; }
      .step-5 .right-arrow {
        right: 5em;
        left: inherit; }
      .step-5 .active-year {
        top: 16.875em;
        left: 10em; }
      .step-5 .active-text {
        left: 25.375em;
        width: 25.75em; }
      .step-5 .animate-block {
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
        left: 0;
        width: 100%;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0); }
        .step-5 .animate-block .animate-lines span {
          -webkit-transition: -webkit-transform 0.6s 0.2s, background-size 0.6s 0.6s;
          transition: transform 0.6s 0.2s, background-size 0.6s 0.6s; }
      .step-5 h1 {
        -webkit-transition: all 0.6s 1.6s;
        transition: all 0.6s 1.6s; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .step-5 .left-years {
      margin: 201px 0 0 -40px; }
    .step-5 .right-years {
      margin: 50px 65px 0 0; }
    .step-5 .left-arrow {
      left: 10.625em; }
    .step-5 .active-year {
      left: 13.75em; } }
  @media only screen and (min-width: 1281px) and (max-width: 1366px) {
    .step-5 .left-years {
      margin: 190px 0 0 -150px; }
    .step-5 .right-years {
      margin: 35px 55px 0 0; } }

.step-6 {
  padding: 2.5em 0 11.25em; }
  .step-6 h1 {
    margin-bottom: 2.4em; }
  .step-6 .large-centered {
    float: none !important; }
  .step-6.animated h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-6.animated .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-6.animated .item-wrapper .item {
    opacity: 1;
    top: 0; }
  .step-6 h1 {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.6s 0s ease;
    transition: all 0.6s 0s ease; }
  .step-6 .top-wrapper {
    position: relative;
    z-index: 1; }
  .step-6 .lines {
    position: absolute;
    top: 14.375em;
    left: 0;
    width: 100%;
    height: 100%; }
    .step-6 .lines span {
      position: absolute;
      left: 0;
      width: 100%;
      display: block; }
      .step-6 .lines span:nth-child(1) {
        z-index: 1;
        top: 0;
        height: 26.3125em;
        background: url(../img/lines/line-6-1.png) no-repeat center;
        background-size: 100% 100%; }
        .step-6 .lines span:nth-child(1):after {
          -webkit-transition: all 2s 1s;
          transition: all 2s 1s; }
      .step-6 .lines span:nth-child(2) {
        top: 5.75em;
        height: 27.4375em;
        background: url(../img/lines/line-6-2.png) no-repeat center;
        background-size: 100% 100%; }
        .step-6 .lines span:nth-child(2):after {
          -webkit-transition: all 2s 1.3s;
          transition: all 2s 1.3s; }
      .step-6 .lines span:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: white;
        width: 100%;
        height: 100%; }
  .step-6 .item-wrapper .item {
    opacity: 0;
    top: 1.25em;
    width: 100%;
    padding: 1em 0;
    position: relative; }
    .step-6 .item-wrapper .item:nth-child(1) {
      -webkit-transition: all 0.6s 0.3s ease;
      transition: all 0.6s 0.3s ease; }
    .step-6 .item-wrapper .item:nth-child(2) {
      -webkit-transition: all 0.6s 0.5s ease;
      transition: all 0.6s 0.5s ease; }
    .step-6 .item-wrapper .item:nth-child(3) {
      -webkit-transition: all 0.6s 0.7s ease;
      transition: all 0.6s 0.7s ease; }
    .step-6 .item-wrapper .item:nth-child(4) {
      -webkit-transition: all 0.6s 0.9s ease;
      transition: all 0.6s 0.9s ease; }
    .step-6 .item-wrapper .item:nth-child(5) {
      -webkit-transition: all 0.6s 1.1s ease;
      transition: all 0.6s 1.1s ease; }
    .step-6 .item-wrapper .item .wrapper {
      padding: 0;
      position: relative;
      height: 100%; }
    .step-6 .item-wrapper .item .img-wrapper {
      padding: 0.5em 0 0 0;
      -webkit-transition: all 0.3s 0s ease;
      transition: all 0.3s 0s ease;
      overflow: hidden;
      position: relative;
      width: 10em;
      margin: auto; }
      .step-6 .item-wrapper .item .img-wrapper * {
        -webkit-transition: all 0.3s 0s;
        transition: all 0.3s 0s; }
      .step-6 .item-wrapper .item .img-wrapper span {
        border-radius: 100%; }
      .step-6 .item-wrapper .item .img-wrapper img {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        width: 100%;
        height: auto;
        border-radius: 100%; }
    .step-6 .item-wrapper .item .text-wrapper {
      width: 100%; }
      .step-6 .item-wrapper .item .text-wrapper h4, .step-6 .item-wrapper .item .text-wrapper h5 {
        margin: 0; }
      .step-6 .item-wrapper .item .text-wrapper h4 {
        margin: 0.88889em 0 0.44444em;
        font-size: 1.125em; }
      .step-6 .item-wrapper .item .text-wrapper h5 {
        font-size: 0.75em; }
      .step-6 .item-wrapper .item .text-wrapper .top-text {
        display: none;
        -webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
        transition: transform 0.3s, opacity 0.1s; }
      .step-6 .item-wrapper .item .text-wrapper .more-text {
        -webkit-transition: all 0.3s;
        transition: all 0.3s; }
        .step-6 .item-wrapper .item .text-wrapper .more-text .head {
          -webkit-transition: all 0.3s 0s;
          transition: all 0.3s 0s; }
          .step-6 .item-wrapper .item .text-wrapper .more-text .head h4, .step-6 .item-wrapper .item .text-wrapper .more-text .head h5 {
            text-align: center; }
        .step-6 .item-wrapper .item .text-wrapper .more-text p {
          -webkit-transition: all 0.5s 0s;
          transition: all 0.5s 0s;
          text-align: center; }
    @media only screen and (min-width: 1024px) {
      .step-6 .item-wrapper .item.hover {
        height: auto; }
        .step-6 .item-wrapper .item.hover .img-wrapper {
          z-index: 2;
          opacity: 1;
          -webkit-transform: scale(1.6);
          -ms-transform: scale(1.6);
          transform: scale(1.6);
          border: 0.5em solid rgba(255, 255, 255, 0.8); }
          .step-6 .item-wrapper .item.hover .img-wrapper span {
            border: 2px solid #bc8282; }
          .step-6 .item-wrapper .item.hover .img-wrapper img {
            border: 0.3125em solid white; }
          .step-6 .item-wrapper .item.hover .img-wrapper + .text-wrapper .top-text {
            -webkit-transform: translateY(-2.5em);
            -ms-transform: translateY(-2.5em);
            transform: translateY(-2.5em);
            opacity: 0; }
          .step-6 .item-wrapper .item.hover .img-wrapper + .text-wrapper .more-text {
            opacity: 1; }
            .step-6 .item-wrapper .item.hover .img-wrapper + .text-wrapper .more-text .head {
              -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
              transform: translateY(0); }
            .step-6 .item-wrapper .item.hover .img-wrapper + .text-wrapper .more-text p {
              -webkit-transform: translateY(0);
              -ms-transform: translateY(0);
              transform: translateY(0); }
      .step-6 .item-wrapper .item.shaded .img-wrapper img {
        opacity: 0.7;
        -webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id…ale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
        filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id…ale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%); } }
  @media only screen and (max-width: 1023px) {
    .step-6 h1 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-6 .lines span:after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .step-6 .item-wrapper .item {
      opacity: 1;
      top: 0; } }
  .step-6.static h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-6.static .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-6.static .item-wrapper .item {
    opacity: 1;
    top: 0; }
  @media only screen and (min-width: 640px) {
    .step-6 .item-wrapper .item .img-wrapper {
      width: 25%;
      float: left;
      margin: 0; }
    .step-6 .item-wrapper .item .text-wrapper {
      width: 75%;
      float: right;
      padding: 0 0 0 1.5em; }
      .step-6 .item-wrapper .item .text-wrapper .more-text .head h4, .step-6 .item-wrapper .item .text-wrapper .more-text .head h5 {
        text-align: left; }
      .step-6 .item-wrapper .item .text-wrapper .more-text p {
        text-align: left; } }
  @media only screen and (min-width: 1024px) {
    .step-6 {
      padding: 2.5em 0 22.25em; }
      .step-6 .large-10 {
        width: 60em;
        margin: auto; }
      .step-6 .item-wrapper .item {
        padding: 0;
        float: left;
        height: auto;
        width: -webkit-calc(100%/6);
        width: calc(100%/6); }
        .step-6 .item-wrapper .item .img-wrapper {
          padding: 0;
          border-radius: 100%;
          border: 0px solid rgba(255, 255, 255, 0.8);
          height: 10em;
          width: 100%;
          float: none; }
          .step-6 .item-wrapper .item .img-wrapper span {
            position: absolute;
            border: 2px solid white; }
          .step-6 .item-wrapper .item .img-wrapper img {
            border: 0.3125em solid white;
            width: 100%;
            height: 100%; }
        .step-6 .item-wrapper .item .text-wrapper {
          position: absolute;
          left: 0;
          top: 11.4375em;
          width: 100%;
          float: none;
          padding: 0; }
          .step-6 .item-wrapper .item .text-wrapper .top-text {
            display: block; }
          .step-6 .item-wrapper .item .text-wrapper .more-text {
            opacity: 0;
            width: 27.5em;
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%); }
            .step-6 .item-wrapper .item .text-wrapper .more-text .head {
              margin: 1.625em 0 1.25em;
              -webkit-transform: translateY(3.4375em);
              -ms-transform: translateY(3.4375em);
              transform: translateY(3.4375em); }
              .step-6 .item-wrapper .item .text-wrapper .more-text .head h4, .step-6 .item-wrapper .item .text-wrapper .more-text .head h5 {
                text-align: center; }
            .step-6 .item-wrapper .item .text-wrapper .more-text p {
              -webkit-transform: translateY(3.4375em);
              -ms-transform: translateY(3.4375em);
              transform: translateY(3.4375em);
              margin-left: 3em; } }
  @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    .step-6 > .row > .columns {
      font-size: 14px; }
    .step-6 .item-wrapper .item .text-wrapper .more-text {
      font-size: 11px; }
      .step-6 .item-wrapper .item .text-wrapper .more-text p {
        font-size: 14px; } }

.step-7 .my-wrap {
  height: 100vh;
  min-height: 40em;
  max-height: 53.125em; }
.step-7 .wrapper {
  opacity: 0;
  -webkit-transform: translateY(1.25em);
  -ms-transform: translateY(1.25em);
  transform: translateY(1.25em);
  width: 100%;
  height: 100%;
  background: url(../img/img-step-7.jpg) no-repeat center;
  background-size: cover;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease; }
.step-7 .logo {
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  position: absolute;
  top: 6.25em;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 2.5em);
  -ms-transform: translate(-50%, 2.5em);
  transform: translate(-50%, 2.5em); }
.step-7.animated .wrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.step-7.animated .logo {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
@media only screen and (max-width: 1023px) {
  .step-7 .wrapper {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-7 .logo {
    top: 52px;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0); } }
.step-7.static .wrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.step-7.static .logo {
  top: 52px;
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.step-8 {
  position: relative;
  overflow: visible;
  padding: 6.25em 0; }
  .step-8.animated h1, .step-8.animated h3, .step-8.animated h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-8.animated .ico-wrapper .ico {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-8.animated .ico-wrapper .wrap-left h1, .step-8.animated .ico-wrapper .wrap-left h3, .step-8.animated .ico-wrapper .wrap-right h1, .step-8.animated .ico-wrapper .wrap-right h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-8.animated .animate-block {
    height: 16.25em; }
    .step-8.animated .animate-block .animate-lines span {
      background-size: 100% 100% !important; }
      .step-8.animated .animate-block .animate-lines span:nth-child(1) {
        -webkit-transform: translateY(-4.0625em);
        -ms-transform: translateY(-4.0625em);
        transform: translateY(-4.0625em); }
      .step-8.animated .animate-block .animate-lines span:nth-child(2) {
        -webkit-transform: translateY(-2.1875em);
        -ms-transform: translateY(-2.1875em);
        transform: translateY(-2.1875em); }
      .step-8.animated .animate-block .animate-lines span:nth-child(3) {
        -webkit-transform: translateY(-1.5em);
        -ms-transform: translateY(-1.5em);
        transform: translateY(-1.5em); }
      .step-8.animated .animate-block .animate-lines span:nth-child(4) {
        -webkit-transform: translateY(-0.6875em);
        -ms-transform: translateY(-0.6875em);
        transform: translateY(-0.6875em); }
      .step-8.animated .animate-block .animate-lines span:nth-child(5) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      .step-8.animated .animate-block .animate-lines span:nth-child(6) {
        -webkit-transform: translateY(0.8125em);
        -ms-transform: translateY(0.8125em);
        transform: translateY(0.8125em); }
      .step-8.animated .animate-block .animate-lines span:nth-child(7) {
        -webkit-transform: translateY(1.625em);
        -ms-transform: translateY(1.625em);
        transform: translateY(1.625em); }
  .step-8 h1 {
    -webkit-transition: all 0.6s 0s ease;
    transition: all 0.6s 0s ease;
    margin-bottom: 1.5em;
    -webkit-transform: translateY(0.4em);
    -ms-transform: translateY(0.4em);
    transform: translateY(0.4em); }
  .step-8 h3 {
    -webkit-transition: all 0.6s 0.3s ease;
    transition: all 0.6s 0.3s ease;
    margin-bottom: 3.11111em;
    -webkit-transform: translateY(1.11111em);
    -ms-transform: translateY(1.11111em);
    transform: translateY(1.11111em); }
  .step-8 h2 {
    -webkit-transition: all 0.6s 0.6s ease;
    transition: all 0.6s 0.6s ease;
    -webkit-transform: translateY(0.76923em);
    -ms-transform: translateY(0.76923em);
    transform: translateY(0.76923em); }
  .step-8 h1, .step-8 h3, .step-8 h2 {
    opacity: 0; }
  .step-8 .animate-block {
    position: absolute;
    bottom: 100%;
    left: 50%;
    width: 78.75em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    background: url(../img/bg-8-1.png) no-repeat bottom center;
    background-size: 100% 100%; }
    .step-8 .animate-block .animate-lines {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .step-8 .animate-block .animate-lines span {
        position: absolute;
        left: 0;
        width: 100%;
        background-size: 100% 0% !important;
        z-index: 1;
        -webkit-transition: -webkit-transform 0.6s 0.3s, background-size 0.6s 0.3s;
        transition: transform 0.6s 0.3s, background-size 0.6s 0.3s; }
        .step-8 .animate-block .animate-lines span:nth-child(1) {
          height: 17.5em;
          background: url(../img/lines/line-8-1.png) no-repeat; }
        .step-8 .animate-block .animate-lines span:nth-child(2) {
          height: 16.3125em;
          background: url(../img/lines/line-8-2.png) no-repeat; }
        .step-8 .animate-block .animate-lines span:nth-child(3) {
          height: 16.25em;
          background: url(../img/lines/line-8-3.png) no-repeat; }
        .step-8 .animate-block .animate-lines span:nth-child(4) {
          height: 16.0625em;
          background: url(../img/lines/line-8-4.png) no-repeat; }
        .step-8 .animate-block .animate-lines span:nth-child(5) {
          height: 15.875em;
          background: url(../img/lines/line-8-5.png) no-repeat; }
        .step-8 .animate-block .animate-lines span:nth-child(6) {
          height: 15.6875em;
          background: url(../img/lines/line-8-6.png) no-repeat; }
        .step-8 .animate-block .animate-lines span:nth-child(7) {
          height: 15.375em;
          background: url(../img/lines/line-8-7.png) no-repeat; }
  .step-8 .ico-wrapper {
    margin: 2em 0 0 0;
    text-align: center; }
    .step-8 .ico-wrapper > div {
      padding: 2.5em 0 0; }
    .step-8 .ico-wrapper .units {
      font-size: 0.7em; }
    .step-8 .ico-wrapper .square {
      display: inline-block;
      vertical-align: top;
      font-size: 0.68571em; }
    .step-8 .ico-wrapper h1, .step-8 .ico-wrapper h3 {
      letter-spacing: normal; }
    .step-8 .ico-wrapper h1 {
      margin: 0.8em 0 0 0; }
    .step-8 .ico-wrapper h3 {
      margin: 0.66667em 0 0 0; }
    .step-8 .ico-wrapper .wrap-left h1, .step-8 .ico-wrapper .wrap-left h3 {
      color: #29abe2; }
    .step-8 .ico-wrapper .wrap-left h1, .step-8 .ico-wrapper .wrap-left h3, .step-8 .ico-wrapper .wrap-right h1, .step-8 .ico-wrapper .wrap-right h3 {
      opacity: 0; }
    .step-8 .ico-wrapper .wrap-left h1, .step-8 .ico-wrapper .wrap-right h1 {
      -webkit-transform: translateY(0.4em);
      -ms-transform: translateY(0.4em);
      transform: translateY(0.4em); }
    .step-8 .ico-wrapper .wrap-left h3, .step-8 .ico-wrapper .wrap-right h3 {
      -webkit-transform: translateY(1.11111em);
      -ms-transform: translateY(1.11111em);
      transform: translateY(1.11111em); }
    .step-8 .ico-wrapper .wrap-left h1 {
      -webkit-transition: all 0.6s 1.2s;
      transition: all 0.6s 1.2s; }
    .step-8 .ico-wrapper .wrap-left h3 {
      -webkit-transition: all 0.6s 1.5s;
      transition: all 0.6s 1.5s; }
    .step-8 .ico-wrapper .wrap-right h1 {
      -webkit-transition: all 0.6s 1.5s;
      transition: all 0.6s 1.5s; }
    .step-8 .ico-wrapper .wrap-right h3 {
      -webkit-transition: all 0.6s 1.8s;
      transition: all 0.6s 1.8s; }
    .step-8 .ico-wrapper .ico {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      display: inline-block;
      width: 7em;
      height: 7em;
      border-radius: 100%;
      background-repeat: no-repeat !important; }
      .step-8 .ico-wrapper .ico.ico-left {
        -webkit-transition: all 0.6s 0.9s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: all 0.6s 0.9s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        background-image: url(../img/icons/icon-17.svg);
        background-position: 2.125em 1.3125em !important;
        background-color: #29abe2; }
      .step-8 .ico-wrapper .ico.ico-right {
        -webkit-transition: all 0.6s 1.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: all 0.6s 1.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        background-image: url(../img/icons/icon-18.svg);
        background-position: 2.0625em 1.25em !important;
        background-color: #423d3c; }
  @media only screen and (max-width: 1023px) {
    .step-8 h1, .step-8 h3, .step-8 h2 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-8 .ico-wrapper .ico {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .step-8 .ico-wrapper .wrap-left h1, .step-8 .ico-wrapper .wrap-left h3, .step-8 .ico-wrapper .wrap-right h1, .step-8 .ico-wrapper .wrap-right h3 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-8 .animate-block {
      height: 16.25em; }
      .step-8 .animate-block .animate-lines span {
        background-size: 100% 100% !important; }
        .step-8 .animate-block .animate-lines span:nth-child(1) {
          -webkit-transform: translateY(-4.0625em);
          -ms-transform: translateY(-4.0625em);
          transform: translateY(-4.0625em); }
        .step-8 .animate-block .animate-lines span:nth-child(2) {
          -webkit-transform: translateY(-2.1875em);
          -ms-transform: translateY(-2.1875em);
          transform: translateY(-2.1875em); }
        .step-8 .animate-block .animate-lines span:nth-child(3) {
          -webkit-transform: translateY(-1.5em);
          -ms-transform: translateY(-1.5em);
          transform: translateY(-1.5em); }
        .step-8 .animate-block .animate-lines span:nth-child(4) {
          -webkit-transform: translateY(-0.6875em);
          -ms-transform: translateY(-0.6875em);
          transform: translateY(-0.6875em); }
        .step-8 .animate-block .animate-lines span:nth-child(5) {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
        .step-8 .animate-block .animate-lines span:nth-child(6) {
          -webkit-transform: translateY(0.8125em);
          -ms-transform: translateY(0.8125em);
          transform: translateY(0.8125em); }
        .step-8 .animate-block .animate-lines span:nth-child(7) {
          -webkit-transform: translateY(1.625em);
          -ms-transform: translateY(1.625em);
          transform: translateY(1.625em); } }
  .step-8.static h1, .step-8.static h3, .step-8.static h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-8.static .ico-wrapper .ico {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-8.static .ico-wrapper .wrap-left h1, .step-8.static .ico-wrapper .wrap-left h3, .step-8.static .ico-wrapper .wrap-right h1, .step-8.static .ico-wrapper .wrap-right h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-8.static .animate-block {
    height: 16.25em; }
    .step-8.static .animate-block .animate-lines span {
      background-size: 100% 100% !important; }
      .step-8.static .animate-block .animate-lines span:nth-child(1) {
        -webkit-transform: translateY(-4.0625em);
        -ms-transform: translateY(-4.0625em);
        transform: translateY(-4.0625em); }
      .step-8.static .animate-block .animate-lines span:nth-child(2) {
        -webkit-transform: translateY(-2.1875em);
        -ms-transform: translateY(-2.1875em);
        transform: translateY(-2.1875em); }
      .step-8.static .animate-block .animate-lines span:nth-child(3) {
        -webkit-transform: translateY(-1.5em);
        -ms-transform: translateY(-1.5em);
        transform: translateY(-1.5em); }
      .step-8.static .animate-block .animate-lines span:nth-child(4) {
        -webkit-transform: translateY(-0.6875em);
        -ms-transform: translateY(-0.6875em);
        transform: translateY(-0.6875em); }
      .step-8.static .animate-block .animate-lines span:nth-child(5) {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
      .step-8.static .animate-block .animate-lines span:nth-child(6) {
        -webkit-transform: translateY(0.8125em);
        -ms-transform: translateY(0.8125em);
        transform: translateY(0.8125em); }
      .step-8.static .animate-block .animate-lines span:nth-child(7) {
        -webkit-transform: translateY(1.625em);
        -ms-transform: translateY(1.625em);
        transform: translateY(1.625em); }
  @media only screen and (min-width: 1024px) {
    .step-8 .animate-block {
      width: 100%;
      left: 0;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .step-8 .ico-wrapper > div {
      padding: 0; } }

.step-9 {
  padding: 0 0 1.25em 0; }
  .step-9.animated h2, .step-9.animated h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-9.animated .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-9.animated .map {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-9.animated .point-wrapper > div {
    -webkit-transform: translate(0px, 0px) scale(1);
    -ms-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1); }
  .step-9 .map {
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    -webkit-transition: all 0.6s 0.9s ease;
    transition: all 0.6s 0.9s ease;
    position: relative;
    margin: 2.875em 0 0 0;
    padding: 220px 0 0 0;
    background: url(../img/img-9-4.png) no-repeat top center;
    text-align: center; }
  .step-9 > .row {
    position: relative;
    z-index: 5; }
  .step-9 h2, .step-9 h3 {
    opacity: 0; }
  .step-9 h2 {
    -webkit-transition: all 0.6s 0s;
    transition: all 0.6s 0s;
    -webkit-transform: translateY(0.76923em);
    -ms-transform: translateY(0.76923em);
    transform: translateY(0.76923em); }
  .step-9 h3 {
    -webkit-transition: all 0.6s 0.6s;
    transition: all 0.6s 0.6s;
    -webkit-transform: translateY(1.11111em);
    -ms-transform: translateY(1.11111em);
    transform: translateY(1.11111em); }
  .step-9 .lines {
    position: absolute;
    left: 0;
    bottom: 1.625em;
    left: 0;
    width: 100%;
    height: 100%; }
    .step-9 .lines span {
      display: block;
      position: absolute;
      left: 0;
      width: 100%; }
      .step-9 .lines span:nth-child(1) {
        z-index: 4;
        bottom: 26.3125em;
        height: 21.25em;
        background: url(../img/lines/line-9-1.png) no-repeat center;
        background-size: 100% 100%; }
        .step-9 .lines span:nth-child(1):after {
          -webkit-transition: all 4s 0s;
          transition: all 4s 0s; }
      .step-9 .lines span:nth-child(2) {
        z-index: 3;
        bottom: 21.875em;
        height: 25.375em;
        background: url(../img/lines/line-9-2.png) no-repeat center;
        background-size: 100% 100%; }
        .step-9 .lines span:nth-child(2):after {
          -webkit-transition: all 4s 0.4s;
          transition: all 4s 0.4s; }
      .step-9 .lines span:nth-child(3) {
        z-index: 2;
        bottom: 6.25em;
        height: 29.25em;
        background: url(../img/lines/line-9-3.png) no-repeat center;
        background-size: 100% 100%; }
        .step-9 .lines span:nth-child(3):after {
          -webkit-transition: all 4s 0.8s;
          transition: all 4s 0.8s; }
      .step-9 .lines span:nth-child(4) {
        z-index: 1;
        bottom: 0.625em;
        height: 33.6875em;
        background: url(../img/lines/line-9-4.png) no-repeat center;
        background-size: 100% 100%; }
        .step-9 .lines span:nth-child(4):after {
          -webkit-transition: all 4s 1.2s;
          transition: all 4s 1.2s; }
      .step-9 .lines span:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: white; }
  .step-9 .point-wrapper h4 {
    margin: 0;
    padding: 0 0 1em 0;
    text-align: left;
    font-size: 1em;
    line-height: 120%; }
  .step-9 .point-wrapper p {
    margin: 0;
    font-size: 0.75em;
    line-height: 160%; }
  .step-9 .point-wrapper .point {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.34, 1.01, 0.4, 1.55);
    transition: all 0.3s cubic-bezier(0.34, 1.01, 0.4, 1.55);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    background: #423d3c; }
  .step-9 .point-wrapper .text {
    padding: 0 0 1em 0;
    text-align: left; }
  @media only screen and (max-width: 1023px) {
    .step-9 h2, .step-9 h3 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-9 .lines span:after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .step-9 .map {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-9 .point-wrapper > div {
      -webkit-transform: translate(0px, 0px) scale(1);
      -ms-transform: translate(0px, 0px) scale(1);
      transform: translate(0px, 0px) scale(1); } }
  .step-9.static h2, .step-9.static h3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-9.static .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-9.static .map {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-9.static .point-wrapper > div {
    -webkit-transform: translate(0px, 0px) scale(1);
    -ms-transform: translate(0px, 0px) scale(1);
    transform: translate(0px, 0px) scale(1); }
  @media only screen and (min-width: 421px) {
    .step-9 .map {
      padding: 280px 0 0 0;
      background: url(../img/img-9-3.png) no-repeat top center; } }
  @media only screen and (min-width: 640px) {
    .step-9 .map {
      padding: 460px 0 0 0;
      background: url(../img/img-9-2.png) no-repeat top center; }
    .step-9 .point-wrapper > div {
      display: inline-block;
      margin: 0 -3px 0 -3px;
      vertical-align: top;
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .step-9 .map {
      padding: 0;
      height: 44.625em;
      background: url(../img/img-9-1.png) no-repeat center;
      background-size: auto 100%; }
    .step-9 .point-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 50%;
      margin-left: 0.625em;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .step-9 .point-wrapper > div {
        display: block;
        margin: 0;
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 100%; }
      .step-9 .point-wrapper > div {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        top: 50%;
        left: 50%;
        -webkit-transform: translate(0px, 0px) scale(0);
        -ms-transform: translate(0px, 0px) scale(0);
        transform: translate(0px, 0px) scale(0); }
        .step-9 .point-wrapper > div:nth-child(1) {
          -webkit-transition: -webkit-transform 0.6s 1.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 1.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -12.9375em 0 0 9.0625em; }
        .step-9 .point-wrapper > div:nth-child(2) {
          -webkit-transition: -webkit-transform 0.6s 1.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 1.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -11.9375em 0 0 8.125em; }
        .step-9 .point-wrapper > div:nth-child(3) {
          -webkit-transition: -webkit-transform 0.6s 1.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 1.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -11.8125em 0 0 9.5em; }
        .step-9 .point-wrapper > div:nth-child(4) {
          -webkit-transition: -webkit-transform 0.6s 2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -11.25em 0 0 4.1875em; }
        .step-9 .point-wrapper > div:nth-child(5) {
          -webkit-transition: -webkit-transform 0.6s 2.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 2.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -10.875em 0 0 5.625em; }
        .step-9 .point-wrapper > div:nth-child(6) {
          -webkit-transition: -webkit-transform 0.6s 2.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 2.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -8.5em 0 0 8.125em; }
        .step-9 .point-wrapper > div:nth-child(7) {
          -webkit-transition: -webkit-transform 0.6s 2.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 2.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -10.1875em 0 0 11.1875em; }
        .step-9 .point-wrapper > div:nth-child(8) {
          -webkit-transition: -webkit-transform 0.6s 2.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 2.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -7.6875em 0 0 13.3125em; }
        .step-9 .point-wrapper > div:nth-child(9) {
          -webkit-transition: -webkit-transform 0.6s 3s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 3s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -6.25em 0 0 15.8125em; }
        .step-9 .point-wrapper > div:nth-child(10) {
          -webkit-transition: -webkit-transform 0.6s 3.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 3.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -2.875em 0 0 16.5625em; }
        .step-9 .point-wrapper > div:nth-child(11) {
          -webkit-transition: -webkit-transform 0.6s 3.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 3.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -4.375em 0 0 17.6875em; }
        .step-9 .point-wrapper > div:nth-child(12) {
          -webkit-transition: -webkit-transform 0.6s 3.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 3.6s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -6.875em 0 0 18.9375em; }
        .step-9 .point-wrapper > div:nth-child(13) {
          -webkit-transition: -webkit-transform 0.6s 3.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 3.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -5.3125em 0 0 23.625em; }
        .step-9 .point-wrapper > div:nth-child(14) {
          -webkit-transition: -webkit-transform 0.6s 4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -1.3125em 0 0 27.6875em; }
        .step-9 .point-wrapper > div:nth-child(15) {
          -webkit-transition: -webkit-transform 0.6s 4.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 4.2s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -2.4375em 0 0 29.75em; }
        .step-9 .point-wrapper > div:nth-child(16) {
          -webkit-transition: -webkit-transform 0.6s 4.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          transition: transform 0.6s 4.4s cubic-bezier(0.34, 1.01, 0.4, 1.55);
          margin: -0.625em 0 0 -23.75em; }
      .step-9 .point-wrapper .point {
        display: block; }
      .step-9 .point-wrapper .text {
        position: absolute;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        background: #f9fbfc;
        padding: 0.875em 0.875em 0.75em;
        width: 13.125em;
        top: 0.625em;
        right: 2.5625em; }
        .step-9 .point-wrapper .text:after {
          content: '';
          position: absolute;
          top: 0;
          right: -1.375em;
          border-width: 0.625em 1em;
          border-style: solid;
          border-color: #f9fbfc transparent transparent #f9fbfc; }
    .step-9 .point-wrapper > div:hover {
      z-index: 1; }
      .step-9 .point-wrapper > div:hover .point {
        -webkit-transform: translate(-50%, -50%) scale(1.8);
        -ms-transform: translate(-50%, -50%) scale(1.8);
        transform: translate(-50%, -50%) scale(1.8); }
      .step-9 .point-wrapper > div:hover .text {
        z-index: 1;
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        visibility: visible; } }

.step-10 {
  padding: 7.5em 0 4.375em; }
  .step-10.animated h2, .step-10.animated .title p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-10.animated .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-10.animated .table .tr {
    opacity: 1; }
  .step-10 h2 {
    position: relative;
    z-index: 4;
    opacity: 0;
    -webkit-transform: translateY(0.76923em);
    -ms-transform: translateY(0.76923em);
    transform: translateY(0.76923em);
    -webkit-transition: all 0.6s 0s ease;
    transition: all 0.6s 0s ease;
    margin-bottom: 3.07692em; }
  .step-10 > .row {
    position: relative;
    z-index: 3; }
  .step-10 .title {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 3em 0;
    text-align: center; }
    .step-10 .title p {
      opacity: 0;
      -webkit-transform: translateY(0.5em);
      -ms-transform: translateY(0.5em);
      transform: translateY(0.5em);
      margin: 0;
      width: 40%;
      float: right;
      font-size: 0.8em;
      line-height: 1.6em;
      text-transform: uppercase; }
      .step-10 .title p:first-child {
        -webkit-transition: all 0.3s 4s ease;
        transition: all 0.3s 4s ease;
        top: 0.0625em;
        left: 0em;
        color: #29abe2; }
@media only screen and (min-width: 1024px) {
	  .step-10 .title p:first-child {
		left: 1.25em; 
	  }
}    

	 .step-10 .title p:last-child {
        -webkit-transition: all 0.3s 4.5s ease;
        transition: all 0.3s 4.5s ease;
        right: 3.75em;
        bottom: 10em;
        color: #423d3c; }
    .step-10 .title .square {
      font-size: 0.6em;
      vertical-align: top;
      line-height: 2.16667em; }
  .step-10 .lines {
    z-index: 2;
    position: absolute;
    top: 0;
    opacity: 0.4;
    left: 50%;
    width: 62.5em;
    height: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .step-10 .lines span {
      position: absolute;
      left: 0;
      width: 100%;
      background-size: 100% 100% !important; }
      .step-10 .lines span:nth-child(1) {
        z-index: 6;
        top: 12.75em;
        height: 25.1875em;
        background: url(../img/lines/line-10-1.png) no-repeat center; }
        .step-10 .lines span:nth-child(1):after {
          -webkit-transition: all 3s 0s;
          transition: all 3s 0s; }
      .step-10 .lines span:nth-child(2) {
        z-index: 5;
        top: 14.625em;
        height: 25.0625em;
        background: url(../img/lines/line-10-2.png) no-repeat center; }
        .step-10 .lines span:nth-child(2):after {
          -webkit-transition: all 3s 0.4s;
          transition: all 3s 0.4s; }
      .step-10 .lines span:nth-child(3) {
        z-index: 4;
        top: 16.25em;
        height: 25.75em;
        background: url(../img/lines/line-10-3.png) no-repeat center; }
        .step-10 .lines span:nth-child(3):after {
          -webkit-transition: all 3s 0.8s;
          transition: all 3s 0.8s; }
      .step-10 .lines span:nth-child(4) {
        z-index: 3;
        top: 18.4375em;
        height: 33.25em;
        background: url(../img/lines/line-10-4.png) no-repeat center; }
        .step-10 .lines span:nth-child(4):after {
          -webkit-transition: all 3s 1.2s;
          transition: all 3s 1.2s; }
      .step-10 .lines span:nth-child(5) {
        z-index: 2;
        top: 19.6875em;
        height: 33.125em;
        background: url(../img/lines/line-10-5.png) no-repeat center; }
        .step-10 .lines span:nth-child(5):after {
          -webkit-transition: all 3s 1.6s;
          transition: all 3s 1.6s; }
      .step-10 .lines span:nth-child(6) {
        z-index: 1;
        top: 21.25em;
        height: 33.125em;
        background: url(../img/lines/line-10-6.png) no-repeat center; }
        .step-10 .lines span:nth-child(6):after {
          -webkit-transition: all 3s 2s;
          transition: all 3s 2s; }
      .step-10 .lines span:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: white; }
  .step-10 .table .tr {
    opacity: 0;
    height: 100%;
    position: relative;
    clear: both;
    text-align: center; }
    .step-10 .table .tr:nth-child(1) {
      -webkit-transition: all 0.3s 3s;
      transition: all 0.3s 3s; }
    .step-10 .table .tr:nth-child(2) {
      -webkit-transition: all 0.3s 3.3s;
      transition: all 0.3s 3.3s; }
    .step-10 .table .tr:nth-child(3) {
      -webkit-transition: all 0.3s 3.6s;
      transition: all 0.3s 3.6s; }
    .step-10 .table .tr:nth-child(4) {
      -webkit-transition: all 0.3s 3.9s;
      transition: all 0.3s 3.9s; }
    .step-10 .table .tr:nth-child(5) {
      -webkit-transition: all 0.3s 4.2s;
      transition: all 0.3s 4.2s; }
    .step-10 .table .tr:nth-child(6) {
      -webkit-transition: all 0.3s 4.6s;
      transition: all 0.3s 4.6s; }
    .step-10 .table .tr:nth-child(7) {
      -webkit-transition: all 0.3s 4.6s;
      transition: all 0.3s 4.6s; }	  
    .step-10 .table .tr .td {
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      width: 100%;
      -webkit-transform-origin: bottom;
      -ms-transform-origin: bottom;
      transform-origin: bottom;
      float: left;
      padding: 1.5em 0;
      margin: 0 0 -2.125em 0;
      text-align: center;
      font-size: 26px; }
      .step-10 .table .tr .td:nth-child(1) {
        width: 20%;
        color: #9a9a9a;
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        font-size: 1em;
        line-height: 3.75em; }
      .step-10 .table .tr .td:nth-child(2) {
        width: 40%; }
      .step-10 .table .tr .td:nth-child(3) {
        z-index: 1;
        width: 40%;
        color: #29abe2; }
        .step-10 .table .tr .td:nth-child(3) span {
          background: #29abe2; }
      .step-10 .table .tr .td span {
        display: none;
        background: #423d3c;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 6px;
        height: 6px;
        border-radius: 100%;
        -webkit-transform: translateX(-50%) scale(1) translateZ(0);
        -ms-transform: translateX(-50%) scale(1) translateZ(0);
        transform: translateX(-50%) scale(1) translateZ(0);
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease; }
    .step-10 .table .tr:nth-child(1) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(1) .td:nth-child(2) {
      bottom: 11.875em; }
    .step-10 .table .tr:nth-child(1) .td:nth-child(3) {
      bottom: 31.5625em; }
    .step-10 .table .tr:nth-child(2) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(2) .td:nth-child(2) {
      bottom: 14.6875em; }
    .step-10 .table .tr:nth-child(2) .td:nth-child(3) {
      bottom: 37.1875em; }
    .step-10 .table .tr:nth-child(3) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(3) .td:nth-child(2) {
      bottom: 11.875em; }
    .step-10 .table .tr:nth-child(3) .td:nth-child(3) {
      bottom: 34.6875em; }
    .step-10 .table .tr:nth-child(4) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(4) .td:nth-child(2) {
      bottom: 27.1875em; }
    .step-10 .table .tr:nth-child(4) .td:nth-child(3) {
      bottom: 40.9375em; }
    .step-10 .table .tr:nth-child(5) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(5) .td:nth-child(2) {
      bottom: 29.0625em; }
    .step-10 .table .tr:nth-child(5) .td:nth-child(3) {
      bottom: 37.5em; }
    .step-10 .table .tr:nth-child(6) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(6) .td:nth-child(2) {
      bottom: 25.625em; }
    .step-10 .table .tr:nth-child(6) .td:nth-child(3) {
      bottom: 39.0625em; }
    .step-10 .table .tr:nth-child(7) .td:nth-child(1) {
      bottom: 3.125em; }
    .step-10 .table .tr:nth-child(7) .td:nth-child(2) {
      bottom: 23.725em; }
    .step-10 .table .tr:nth-child(7) .td:nth-child(3) {
      bottom: 37.2em; }	  
  @media only screen and (max-width: 1023px) {
    .step-10 h2, .step-10 .title p {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-10 .lines span:after {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
    .step-10 .table .tr {
      opacity: 1; } }
  .step-10.static h2, .step-10.static .title p {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-10.static .lines span:after {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%); }
  .step-10.static .table .tr {
    opacity: 1; }
  @media only screen and (min-width: 640px) {
    .step-10 h2 {
      margin-bottom: 1.53846em; }
    .step-10 .title {
      position: absolute;
      padding: 0; }
      .step-10 .title p {
        position: absolute;
        width: auto;
        float: none;
        font-size: 1.25em;
        line-height: 2em; }
    .step-10 .lines {
      top: -0.9375em;
      opacity: 1; }
    .step-10 .table {
      height: 41.5em; }
      .step-10 .table .tr {
        float: left;
        width: 14%;
        clear: none; }
        .step-10 .table .tr .td {
          height: 2.125em;
          pointer-events: none;
          position: absolute;
          width: 100% !important;
          float: none;
          padding: 0;
          font-size: 1em; }
          .step-10 .table .tr .td span {
            display: block; }
          .step-10 .table .tr .td:after {
            content: ''; }
        .step-10 .table .tr:hover .td:nth-child(2), .step-10 .table .tr:hover .td:nth-child(3) {
          -webkit-transform: scale(2) translate3d(0, 0, 0);
          -ms-transform: scale(2) translate3d(0, 0, 0);
          transform: scale(2) translate3d(0, 0, 0); }
          .step-10 .table .tr:hover .td:nth-child(2):after, .step-10 .table .tr:hover .td:nth-child(3):after {
            -webkit-transform: scale(0.6) translate3d(-100%, -1.25em, 0);
            -ms-transform: scale(0.6) translate3d(-100%, -1.25em, 0);
            transform: scale(0.6) translate3d(-100%, -1.25em, 0); }
        .step-10 .table .tr:hover .td:nth-child(1) {
          -webkit-transform: scale(2) translate3d(0, 0, 0);
          -ms-transform: scale(2) translate3d(0, 0, 0);
          transform: scale(2) translate3d(0, 0, 0); }
    .step-10 .title p:last-child {
      right: 4em; } }
 


 @media only screen and (min-width: 1024px) {
    .step-10 .large-12 {
      width: 75.625em; }
    .step-10 .table .tr {
      width: 12%; }
      .step-10 .table .tr:hover .td:nth-child(2), .step-10 .table .tr:hover .td:nth-child(3) {
        -webkit-transform: scale(2.5) translate3d(0, 0, 0);
        -ms-transform: scale(2.5) translate3d(0, 0, 0);
        transform: scale(2.5) translate3d(0, 0, 0); }
        .step-10 .table .tr:hover .td:nth-child(2) span, .step-10 .table .tr:hover .td:nth-child(3) span {
          -webkit-transform: translateX(-50%) scale(0.6) translateZ(0);
          -ms-transform: translateX(-50%) scale(0.6) translateZ(0);
          transform: translateX(-50%) scale(0.6) translateZ(0); }
    .step-10 .lines {
      width: 110.6875em; 
	  left: 48%; }
    .step-10 .title p:last-child {
      right: 15em; } }
  @media only screen and (min-width: 1136px) {
	.step-10 .lines {
      top: 5px;
	  width: 120.6875em; 
	  left: 50%; }
	.step-10 .table .tr {
      width: 14%; }
  }

  @media only screen and (min-width: 1280px) {
    .step-10 .lines {
      top: 5px;
	  width: 124em; 
	  left: 50%; }
    .step-10 .table .tr {
      width: 14%; } }

   @media only screen and (min-width: 1366px) and (max-width: 1366px){
    .step-10 .lines {
      top: 5px;
	  width: 120em; 
	  left: 48%; }
    .step-10 .table .tr {
      width: 14%; } }

.step-11 {
  padding: 0 0 18.75em 0; }
  .step-11.animated h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-11.animated .block-news h2, .step-11.animated .block-news .news-wrapper .item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-11 .news-wrapper {
    -webkit-transition: all 0.6s 0.3s ease;
    transition: all 0.6s 0.3s ease;
    padding: 0 0 1.5em 0;
    position: relative; }
    .step-11 .news-wrapper:after {
      content: '';
      position: absolute;
      bottom: 1.875em;
      left: 0;
      width: 0;
      height: 0.3125em;
      background: #b11e12;
      -webkit-transition: width 0.3s ease;
      transition: width 0.3s ease; }
  .step-11 h1 {
    opacity: 0;
    -webkit-transform: translateY(1.25em);
    -ms-transform: translateY(1.25em);
    transform: translateY(1.25em);
    -webkit-transition: 0.6s 0s ease;
    transition: 0.6s 0s ease; }
  .step-11 .row {
    -webkit-transition: all 1s ease;
    transition: all 1s ease; }
    .step-11 .row h3 {
      text-align: left; }
    .step-11 .row .date {
      font-size: 0.75em; }
  .step-11 .block-news {
    overflow: hidden; }
    .step-11 .block-news .wrapper-item {
      padding: 4.375em 0 0 0;
      position: relative; }
      .step-11 .block-news .wrapper-item.open-news .item, .step-11 .block-news .wrapper-item.open-news .navigation {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(1.25em);
        -ms-transform: translateY(1.25em);
        transform: translateY(1.25em);
        -webkit-transition: all 0.6s 0s ease;
        transition: all 0.6s 0s ease; }
      .step-11 .block-news .wrapper-item.open-news .opened {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all 0.6s 0.3s ease;
        transition: all 0.6s 0.3s ease; }
    .step-11 .block-news h2 {
      margin: 0 0 0.92308em 0;
      opacity: 0;
      -webkit-transform: translateY(1.25em);
      -ms-transform: translateY(1.25em);
      transform: translateY(1.25em);
      -webkit-transition: all 0.6s 0.3s ease;
      transition: all 0.6s 0.3s ease; }
    .step-11 .block-news .item {
      padding: 0 0 4.125em 0;
      opacity: 0;
      -webkit-transform: translateY(1.25em);
      -ms-transform: translateY(1.25em);
      transform: translateY(1.25em);
      -webkit-transition: 0.6s 0.6s ease;
      transition: 0.6s 0.6s ease; }
      .step-11 .block-news .item.none-transition {
        -webkit-transition: 0.6s 0s ease;
        transition: 0.6s 0s ease; }
      .step-11 .block-news .item .image-wrapper {
        width: 11.875em;
        height: 11.875em;
        border-radius: 100%;
        background-position: center !important;
        background-size: cover !important;
        margin: 0 auto 1.75em; }
      .step-11 .block-news .item .text-wrapper {
        width: 100%;
        padding: 0; }
        .step-11 .block-news .item .text-wrapper .date {
          text-align: center; }
        .step-11 .block-news .item .text-wrapper .title {
          cursor: pointer;
          text-align: left; }
          .step-11 .block-news .item .text-wrapper .title:hover {
            color: #29abe2; }
        .step-11 .block-news .item .text-wrapper .all-text {
          display: none; }
    .step-11 .block-news .button {
      width: 100%;
      display: block;
      text-align: center;
      cursor: pointer;
      margin: 2.5em 0 0 0;
      color: #29abe2; }
    .step-11 .block-news .opened {
      visibility: hidden;
      position: absolute;
      top: 3.75em;
      left: 0;
      width: 100%;
      opacity: 0;
      -webkit-transform: translateY(-1.25em);
      -ms-transform: translateY(-1.25em);
      transform: translateY(-1.25em);
      -webkit-transition: all 0.6s 0s ease;
      transition: all 0.6s 0s ease; }
      .step-11 .block-news .opened h3 {
        text-align: left; }
  .step-11 .navigation {
    -webkit-transition: all 0.6s 0.6s ease;
    transition: all 0.6s 0.6s ease; }
  .step-11 .block-media {
    margin-top: 15em; }
    .step-11 .block-media.animated h2, .step-11 .block-media.animated .item {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-11 .block-media h2 {
      opacity: 0;
      -webkit-transform: translateY(1.25em);
      -ms-transform: translateY(1.25em);
      transform: translateY(1.25em);
      -webkit-transition: all 0.6s 0s ease;
      transition: all 0.6s 0s ease; }
    .step-11 .block-media .wrapper-item {
      padding: 3.125em 0 0 0; }
    .step-11 .block-media .item {
      padding: 0 0 3.5em 0;
      opacity: 0;
      -webkit-transform: translateY(1.25em);
      -ms-transform: translateY(1.25em);
      transform: translateY(1.25em);
      -webkit-transition: all 0.6s 0.3s ease;
      transition: all 0.6s 0.3s ease; }
    .step-11 .block-media .site, .step-11 .block-media h3 a {
      display: block;
      text-decoration: none;
      color: black; }
      .step-11 .block-media .site p:hover, .step-11 .block-media h3 a p:hover {
        color: #29abe2; }
    .step-11 .block-media .site {
      margin: 8px 0 0 0;
      font-size: 14px;
      color: #29abe2; }
    .step-11 .block-media .title {
      margin-top: 0.88889em; }
  .step-11 .nav-news, .step-11 .nav-media {
    text-align: center; }
    .step-11 .nav-news span, .step-11 .nav-news a, .step-11 .nav-media span, .step-11 .nav-media a {
      width: 20px;
      height: 30px;
      display: inline-block;
      line-height: 30px;
      color: black;
      opacity: 0.5; }
      .step-11 .nav-news span.current, .step-11 .nav-news a.current, .step-11 .nav-media span.current, .step-11 .nav-media a.current {
        color: #902e2e;
        opacity: 1;
        font-weight: 500; }
    .step-11 .nav-news a, .step-11 .nav-media a {
      text-decoration: none; }
    .step-11 .nav-news .prev, .step-11 .nav-news .next, .step-11 .nav-media .prev, .step-11 .nav-media .next {
      opacity: 1;
      width: 60px;
      color: transparent; }
    .step-11 .nav-news .prev, .step-11 .nav-media .prev {
      background: url(../img/str-l.svg) no-repeat center; }
    .step-11 .nav-news .next, .step-11 .nav-media .next {
      background: url(../img/str-r.svg) no-repeat center; }
  .step-11 .ajax-two, .step-11 .ajax {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .step-11 .ajax-two.ajax-animated .news-wrapper, .step-11 .ajax.ajax-animated .news-wrapper {
      opacity: 0.2;
      pointer-events: none; }
      .step-11 .ajax-two.ajax-animated .news-wrapper:after, .step-11 .ajax.ajax-animated .news-wrapper:after {
        width: 100%;
        -webkit-transition: width 0.6s ease;
        transition: width 0.6s ease; }
  @media only screen and (max-width: 1023px) {
    .step-11 h1 {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-11 .block-news h2, .step-11 .block-news .news-wrapper .item {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-11 .block-media h2, .step-11 .block-media .item {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); } }
  .step-11.static h1 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-11.static .block-news h2, .step-11.static .block-news .news-wrapper .item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-11.static .block-media h2, .step-11.static .block-media .item {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  @media only screen and (min-width: 421px) {
    .step-11 .block-media {
      margin-top: 11em; } }
  @media only screen and (min-width: 1024px) {
    .step-11 .block-news .item .image-wrapper {
      float: left;
      margin: 0; }
    .step-11 .block-news .item .text-wrapper {
      float: right;
      width: -webkit-calc(100% - 190px);
      width: calc(100% - 190px);
      padding: 0 0 0 2.5em; }
      .step-11 .block-news .item .text-wrapper .date {
        text-align: left; } }

.step-pre-11 {
  padding: 5.625em 0 9.375em 0;
  text-align: center; }
  .step-pre-11 h3 {
    max-width: 37.77778em;
    margin: 1.11111em auto 2.22222em; }
  .step-pre-11 img {
    margin: 1em 0 0.75em; }

.step-12 {
  overflow: visible;
  position: relative;
  background: #55504f;
  padding: 4.375em 0 1.25em;
  text-align: center; }
  .step-12.animated .item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-12.animated .dev {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-12.animated .animate-block {
    height: 160px; }
    .step-12.animated .animate-block .animate-lines span {
      background-size: 100% 100% !important; }
      .step-12.animated .animate-block .animate-lines span:nth-child(1) {
        -webkit-transform: translateY(-1.375em);
        -ms-transform: translateY(-1.375em);
        transform: translateY(-1.375em); }
      .step-12.animated .animate-block .animate-lines span:nth-child(2) {
        -webkit-transform: translateY(-0.9375em);
        -ms-transform: translateY(-0.9375em);
        transform: translateY(-0.9375em); }
      .step-12.animated .animate-block .animate-lines span:nth-child(3) {
        -webkit-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        transform: translateY(-0.5em); }
      .step-12.animated .animate-block .animate-lines span:nth-child(4) {
        -webkit-transform: translateY(0.125em);
        -ms-transform: translateY(0.125em);
        transform: translateY(0.125em); }
      .step-12.animated .animate-block .animate-lines span:nth-child(5) {
        -webkit-transform: translateY(0.625em);
        -ms-transform: translateY(0.625em);
        transform: translateY(0.625em); }
      .step-12.animated .animate-block .animate-lines span:nth-child(6) {
        -webkit-transform: translateY(1.125em);
        -ms-transform: translateY(1.125em);
        transform: translateY(1.125em); }
      .step-12.animated .animate-block .animate-lines span:nth-child(7) {
        -webkit-transform: translateY(1.625em);
        -ms-transform: translateY(1.625em);
        transform: translateY(1.625em); }
  .step-12 .animate-block {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 78.75em;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    background: url(../img/bg-footer-1.png) no-repeat bottom center;
    background-size: 100% 100%;
    -webkit-transition: all 1s 0s ease;
    transition: all 1s 0s ease; }
    .step-12 .animate-block .animate-lines {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
      .step-12 .animate-block .animate-lines span {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background-size: 100% 0% !important;
        z-index: 1;
        -webkit-transition: -webkit-transform 0.6s 0.3s, background-size 0.6s 0.3s;
        transition: transform 0.6s 0.3s, background-size 0.6s 0.3s; }
        .step-12 .animate-block .animate-lines span:nth-child(1) {
          height: 9.875em;
          background: url(../img/lines/line-11-1.png) no-repeat; }
        .step-12 .animate-block .animate-lines span:nth-child(2) {
          height: 10em;
          background: url(../img/lines/line-11-2.png) no-repeat; }
        .step-12 .animate-block .animate-lines span:nth-child(3) {
          height: 10.125em;
          background: url(../img/lines/line-11-3.png) no-repeat; }
        .step-12 .animate-block .animate-lines span:nth-child(4) {
          height: 10.1875em;
          background: url(../img/lines/line-11-4.png) no-repeat; }
        .step-12 .animate-block .animate-lines span:nth-child(5) {
          height: 10.25em;
          background: url(../img/lines/line-11-5.png) no-repeat; }
        .step-12 .animate-block .animate-lines span:nth-child(6) {
          height: 10.1875em;
          background: url(../img/lines/line-11-6.png) no-repeat; }
        .step-12 .animate-block .animate-lines span:nth-child(7) {
          height: 10.375em;
          background: url(../img/lines/line-11-7.png) no-repeat; }
  .step-12 .wrapper {
    float: none !important; }
  .step-12 .icons {
    cursor: pointer;
    position: relative;
    width: 6.75em;
    height: 6.75em;
    border-radius: 100%;
    display: inline-block; }
    .step-12 .icons span {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .step-12 .icons .bg-span {
      -webkit-transition: -webkit-transform 0.3s;
      transition: transform 0.3s;
      border-radius: 100%;
      background: white; }
    .step-12 .icons .ico-span {
      z-index: 1;
      background-repeat: no-repeat !important;
      background-position: center !important;
      background-size: auto !important; }
  .step-12 .text {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%; }
  .step-12 p {
    line-height: 1.375em; }
  .step-12 a {
    text-decoration: none;
    color: white; }
  .step-12 .dev {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 0.6s 1.3s ease;
    transition: all 0.6s 1.3s ease;
    margin: 5em 0 0 0; }
    .step-12 .dev a {
      opacity: 0.5;
      color: white;
      text-decoration: none;
      font-size: 12px;
      text-transform: uppercase;
      font-weight: 400; }
  .step-12 .item {
    padding: 0 0 1.5em 0; }
  .step-12 .item-1 .icons .ico-span {
    background-image: url(../img/icons/icon-21.svg); }
  .step-12 .item-2 .icons .ico-span {
    background-image: url(../img/icons/icon-20.svg); }
  .step-12 .item-3 .icons .ico-span {
    background-image: url(../img/icons/icon-19.svg); }
  @media only screen and (max-width: 1023px) {
    .step-12 .item {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1); }
    .step-12 .dev {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .step-12 .animate-block {
      height: 160px; }
      .step-12 .animate-block .animate-lines span {
        background-size: 100% 100% !important; }
        .step-12 .animate-block .animate-lines span:nth-child(1) {
          -webkit-transform: translateY(-1.375em);
          -ms-transform: translateY(-1.375em);
          transform: translateY(-1.375em); }
        .step-12 .animate-block .animate-lines span:nth-child(2) {
          -webkit-transform: translateY(-0.9375em);
          -ms-transform: translateY(-0.9375em);
          transform: translateY(-0.9375em); }
        .step-12 .animate-block .animate-lines span:nth-child(3) {
          -webkit-transform: translateY(-0.5em);
          -ms-transform: translateY(-0.5em);
          transform: translateY(-0.5em); }
        .step-12 .animate-block .animate-lines span:nth-child(4) {
          -webkit-transform: translateY(0.125em);
          -ms-transform: translateY(0.125em);
          transform: translateY(0.125em); }
        .step-12 .animate-block .animate-lines span:nth-child(5) {
          -webkit-transform: translateY(0.625em);
          -ms-transform: translateY(0.625em);
          transform: translateY(0.625em); }
        .step-12 .animate-block .animate-lines span:nth-child(6) {
          -webkit-transform: translateY(1.125em);
          -ms-transform: translateY(1.125em);
          transform: translateY(1.125em); }
        .step-12 .animate-block .animate-lines span:nth-child(7) {
          -webkit-transform: translateY(1.625em);
          -ms-transform: translateY(1.625em);
          transform: translateY(1.625em); } }
  .step-12.static .item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  .step-12.static .dev {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .step-12.static .animate-block {
    height: 160px; }
    .step-12.static .animate-block .animate-lines span {
      background-size: 100% 100% !important; }
      .step-12.static .animate-block .animate-lines span:nth-child(1) {
        -webkit-transform: translateY(-1.375em);
        -ms-transform: translateY(-1.375em);
        transform: translateY(-1.375em); }
      .step-12.static .animate-block .animate-lines span:nth-child(2) {
        -webkit-transform: translateY(-0.9375em);
        -ms-transform: translateY(-0.9375em);
        transform: translateY(-0.9375em); }
      .step-12.static .animate-block .animate-lines span:nth-child(3) {
        -webkit-transform: translateY(-0.5em);
        -ms-transform: translateY(-0.5em);
        transform: translateY(-0.5em); }
      .step-12.static .animate-block .animate-lines span:nth-child(4) {
        -webkit-transform: translateY(0.125em);
        -ms-transform: translateY(0.125em);
        transform: translateY(0.125em); }
      .step-12.static .animate-block .animate-lines span:nth-child(5) {
        -webkit-transform: translateY(0.625em);
        -ms-transform: translateY(0.625em);
        transform: translateY(0.625em); }
      .step-12.static .animate-block .animate-lines span:nth-child(6) {
        -webkit-transform: translateY(1.125em);
        -ms-transform: translateY(1.125em);
        transform: translateY(1.125em); }
      .step-12.static .animate-block .animate-lines span:nth-child(7) {
        -webkit-transform: translateY(1.625em);
        -ms-transform: translateY(1.625em);
        transform: translateY(1.625em); }
  @media only screen and (min-width: 1024px) {
    .step-12 .animate-block {
      left: 0;
      width: 100%;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .step-12 .text {
      position: absolute;
      top: 7.5em;
      -webkit-transform: translateY(-1.25em);
      -ms-transform: translateY(-1.25em);
      transform: translateY(-1.25em);
      opacity: 0;
      padding-top: 2.5em;
      pointer-events: none; }
    .step-12 .item {
      padding: 0; }
    .step-12 .dev {
      margin: 7.5em 0 0 0; }
    .step-12 .item {
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0); }
      .step-12 .item.hover .bg-span {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2); }
      .step-12 .item.hover .text {
        -webkit-transform: translateY(-2.5em);
        -ms-transform: translateY(-2.5em);
        transform: translateY(-2.5em);
        opacity: 1;
        pointer-events: auto; }
      .step-12 .item:nth-child(1) {
        -webkit-transition: 0.6s 0.5s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.6s 0.5s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
      .step-12 .item:nth-child(2) {
        -webkit-transition: 0.6s 0.8s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.6s 0.8s cubic-bezier(0.34, 1.01, 0.4, 1.55); }
      .step-12 .item:nth-child(3) {
        -webkit-transition: 0.6s 1.1s cubic-bezier(0.34, 1.01, 0.4, 1.55);
        transition: 0.6s 1.1s cubic-bezier(0.34, 1.01, 0.4, 1.55); } }

.internal-page {
  margin: 50px auto 0; }
  .internal-page .block-wrapper {
    position: relative;
    margin: 0 0 132px 0;
    z-index: 1;
    text-align: center; }
    .internal-page .block-wrapper:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      height: 8.25em;
      z-index: -1;
      background: url(../img/lines/line-3-6.png) no-repeat center; }
    .internal-page .block-wrapper > .row .laws > h5 {
      display: inline-block;
      margin: 24px 0 0;
      font-weight: 300;
      font-size: 16px;
      color: #b2b2b2; }
    .internal-page .block-wrapper .top-line {
      position: relative;
      z-index: 1;
      margin: 124px 0 0 0; }
      .internal-page .block-wrapper .top-line:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        height: 7.125em;
        -webkit-transform: translateY(-8.75em);
        -ms-transform: translateY(-8.75em);
        transform: translateY(-8.75em);
        z-index: -1;
        opacity: 0.3;
        background: url(../img/lines/line-5-7.png) no-repeat center;
        background-size: 100% 50%; }
      .internal-page .block-wrapper .top-line ul {
        padding: 0 8px;
        margin: 0;
        color: #b11e12; }
        .internal-page .block-wrapper .top-line ul li {
          margin: 48px 0;
          text-align: left; }
          .internal-page .block-wrapper .top-line ul li a {
            line-height: 200%;
            color: #818181; }
            .internal-page .block-wrapper .top-line ul li a:hover {
              color: #b11e12; }
    .internal-page .block-wrapper .contact p a {
      color: #b11e12; }
    .internal-page .block-wrapper .form-wrapper {
      opacity: 1;
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
      .internal-page .block-wrapper .form-wrapper.sending {
        opacity: 0.5;
        pointer-events: none; }
        .internal-page .block-wrapper .form-wrapper.sending form input[type=submit] {
          -webkit-animation: sending 1s infinite;
          animation: sending 1s infinite; }
      .internal-page .block-wrapper .form-wrapper form .inputs-wrapper {
        margin: 56px 0;
        width: 100%;
        font-size: 0; }
        .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span {
          position: relative;
          display: inline-block;
          max-width: 385px;
          min-width: 285px;
          font-size: 16px;
          margin: 16px 0; }
          .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input {
            position: relative;
            width: 100%;
            border-bottom: 1px solid #e0e4e5; }
            .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input:focus, .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input:valid {
              border-color: #b11e12; }
              .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input:focus + span, .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input:valid + span {
                display: none; }
            .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input + span {
              position: absolute;
              display: inline-block;
              top: 0;
              left: 0;
              margin: 16px 0;
              pointer-events: none;
              color: #969696;
              text-align: left; }
              .internal-page .block-wrapper .form-wrapper form .inputs-wrapper > span input + span span {
                margin: 16px 0;
                color: #b11e12; }
  .internal-page h1 {
    letter-spacing: 0; }
  .internal-page h2 {
    margin: 56px 0;
    color: #b11e12; }
  .internal-page h3 {
    margin: 64px 0; }
  .internal-page a {
    text-decoration: none;
    font-weight: bold;
    color: black; }
    .internal-page a:hover {
      color: #b11e12; }
  @media only screen and (min-width: 640px) {
    .internal-page .block-wrapper .form-wrapper form .inputs-wrapper span {
      margin: 16px 32px; } }
  @media only screen and (min-width: 1024px) {
    .internal-page {
      margin: 150px auto 0; }
      .internal-page .block-wrapper .form-wrapper form .inputs-wrapper {
        margin: 56px 0 56px -32px;
        width: -webkit-calc(100% + 180px);
        width: calc(100% + 180px); }
        .internal-page .block-wrapper .form-wrapper form .inputs-wrapper span {
          min-width: 400px; }
      .internal-page .block-wrapper .form-wrapper #formc .inputs-wrapper {
        width: 45%;
        margin: 56px auto; }
        .internal-page .block-wrapper .form-wrapper #formc .inputs-wrapper > span {
          min-width: 100%;
          margin: 16px 0; } }

@-webkit-keyframes sending {
  0% {
    background: transparent;
    color: #b11e12; }

  50% {
    background: #b11e12;
    color: white; }

  100% {
    background: transparent;
    color: #b11e12; } }

@keyframes sending {
  0% {
    background: transparent;
    color: #b11e12; }

  50% {
    background: #b11e12;
    color: white; }

  100% {
    background: transparent;
    color: #b11e12; } }

/* ie8 */
.ie .menu nav ul li a {
  line-height: 3.125em;
  font-size: 1em; }
.ie .step-1 .logo {
  margin: 8.9375em 0 0 0; }
.ie .menu nav {
  padding-top: 0; }
.ie .menu .lang {
  padding-top: 0; }

.ie .step-3 .lines span:nth-child(1):hover {
  background-size: 100% 100% !important; }
.ie .step-3 .lines span:nth-child(1):hover + span {
  background-size: 100% 100% !important; }
.ie .step-3 .lines span:nth-child(3):hover {
  background-size: 100% 100% !important; }
.ie .step-3 .item-wrapper .block:after {
  background-size: 400% 100% !important; }
.ie .step-3 .item-wrapper .block:hover:after {
  background-size: 400% 100% !important; }
.ie .step-5 .animate-block .animate-lines span {
  -webkit-transition: opacity 1s 0.6s;
  transition: opacity 1s 0.6s;
  opacity: 0;
  background-size: 100% 100% !important; }
.ie .step-5.animated .animate-block .animate-lines span {
  opacity: 1;
  background-size: 100% 100% !important; }
.ie .step-8 .animate-block .animate-lines span {
  -webkit-transition: opacity 1s 0.6s;
  transition: opacity 1s 0.6s;
  opacity: 0;
  background-size: 100% 100% !important; }
.ie .step-8.animated .animate-block .animate-lines span {
  opacity: 1;
  background-size: 100% 100% !important; }
.ie .step-12 .animate-block .animate-lines span {
  -webkit-transition: opacity 1s 0.6s;
  transition: opacity 1s 0.6s;
  opacity: 0;
  background-size: 100% 100% !important; }
.ie .step-12.animated .animate-block .animate-lines span {
  opacity: 1;
  background-size: 100% 100% !important; }

.ie9 .step-1 .home-page, .ie9 .step-1 .logo {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-2 .bg:before {
  height: 167px; }
.ie9 .step-2 .lines span {
  width: 100%; }
.ie9 .step-2 .bg > div > div .item .num-wrapper {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-2 .bg > div > div .item .text {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }
.ie9 .step-3:before {
  height: 11.875em; }
.ie9 .step-3 .top-wrapper .logo, .ie9 .step-3 .top-wrapper h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-3 .title {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-3 .item-wrapper .no-hover {
  visibility: hidden; }
.ie9 .step-3 .item-wrapper .block .item h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-3 .item-wrapper .block:before {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-3 .top-block + .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-4 .animate-block {
  height: 0; }
.ie9 .step-4 h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-4 .big, .ie9 .step-4 .small {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-4 .lines {
  opacity: 1; }
.ie9 .step-5 h1, .ie9 .step-5 .active-text {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-5 .right-arrow {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
.ie9 .step-5 .active-year, .ie9 .step-5 .left-years, .ie9 .step-5 .right-years {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-5 .animate-block {
  height: 7.625em; }
  .ie9 .step-5 .animate-block .animate-lines span {
    background-size: 100% 100% !important; }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(1) {
      -webkit-transform: translateY(-3.4375em);
      -ms-transform: translateY(-3.4375em);
      transform: translateY(-3.4375em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(2) {
      -webkit-transform: translateY(-2.1875em);
      -ms-transform: translateY(-2.1875em);
      transform: translateY(-2.1875em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(3) {
      -webkit-transform: translateY(-0.8125em);
      -ms-transform: translateY(-0.8125em);
      transform: translateY(-0.8125em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(4) {
      -webkit-transform: translateY(0.125em);
      -ms-transform: translateY(0.125em);
      transform: translateY(0.125em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(5) {
      -webkit-transform: translateY(0.8125em);
      -ms-transform: translateY(0.8125em);
      transform: translateY(0.8125em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(6) {
      -webkit-transform: translateY(1.5em);
      -ms-transform: translateY(1.5em);
      transform: translateY(1.5em); }
    .ie9 .step-5 .animate-block .animate-lines span:nth-child(7) {
      -webkit-transform: translateY(2.0625em);
      -ms-transform: translateY(2.0625em);
      transform: translateY(2.0625em); }
.ie9 .step-5 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-6 h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-6 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-6 .item-wrapper .item {
  opacity: 1;
  top: 0; }
.ie9 .step-7 .wrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-7 .logo {
  top: 52px;
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }
.ie9 .step-8 h1, .ie9 .step-8 h3, .ie9 .step-8 h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-8 .ico-wrapper .ico {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-8 .ico-wrapper .wrap-left h1, .ie9 .step-8 .ico-wrapper .wrap-left h3, .ie9 .step-8 .ico-wrapper .wrap-right h1, .ie9 .step-8 .ico-wrapper .wrap-right h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-8 .animate-block {
  height: 16.25em; }
  .ie9 .step-8 .animate-block .animate-lines span {
    background-size: 100% 100% !important; }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(1) {
      -webkit-transform: translateY(-4.0625em);
      -ms-transform: translateY(-4.0625em);
      transform: translateY(-4.0625em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(2) {
      -webkit-transform: translateY(-2.1875em);
      -ms-transform: translateY(-2.1875em);
      transform: translateY(-2.1875em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(3) {
      -webkit-transform: translateY(-1.5em);
      -ms-transform: translateY(-1.5em);
      transform: translateY(-1.5em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(4) {
      -webkit-transform: translateY(-0.6875em);
      -ms-transform: translateY(-0.6875em);
      transform: translateY(-0.6875em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(5) {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(6) {
      -webkit-transform: translateY(0.8125em);
      -ms-transform: translateY(0.8125em);
      transform: translateY(0.8125em); }
    .ie9 .step-8 .animate-block .animate-lines span:nth-child(7) {
      -webkit-transform: translateY(1.625em);
      -ms-transform: translateY(1.625em);
      transform: translateY(1.625em); }
.ie9 .step-9 h2, .ie9 .step-9 h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-9 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-9 .map {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-9 .point-wrapper > div {
  -webkit-transform: translate(0px, 0px) scale(1);
  -ms-transform: translate(0px, 0px) scale(1);
  transform: translate(0px, 0px) scale(1); }
.ie9 .step-10 h2, .ie9 .step-10 .title p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-10 .lines span:after {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.ie9 .step-10 .table .tr {
  opacity: 1; }
.ie9 .step-11 h1 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-11 .block-news h2, .ie9 .step-11 .block-news .item .text-wrapper .date, .ie9 .step-11 .block-news .item .text-wrapper .title, .ie9 .step-11 .block-news .item .text-wrapper .preview-text {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-11 .block-news .item .image-wrapper {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1; }
.ie9 .step-11 .block-media h2, .ie9 .step-11 .block-media .date, .ie9 .step-11 .block-media .site, .ie9 .step-11 .block-media h3 {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-12 .item {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }
.ie9 .step-12 .dev {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }
.ie9 .step-12 .animate-block {
  height: 160px; }
  .ie9 .step-12 .animate-block .animate-lines span {
    background-size: 100% 100% !important; }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(1) {
      -webkit-transform: translateY(-1.375em);
      -ms-transform: translateY(-1.375em);
      transform: translateY(-1.375em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(2) {
      -webkit-transform: translateY(-0.9375em);
      -ms-transform: translateY(-0.9375em);
      transform: translateY(-0.9375em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(3) {
      -webkit-transform: translateY(-0.5em);
      -ms-transform: translateY(-0.5em);
      transform: translateY(-0.5em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(4) {
      -webkit-transform: translateY(0.125em);
      -ms-transform: translateY(0.125em);
      transform: translateY(0.125em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(5) {
      -webkit-transform: translateY(0.625em);
      -ms-transform: translateY(0.625em);
      transform: translateY(0.625em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(6) {
      -webkit-transform: translateY(1.125em);
      -ms-transform: translateY(1.125em);
      transform: translateY(1.125em); }
    .ie9 .step-12 .animate-block .animate-lines span:nth-child(7) {
      -webkit-transform: translateY(1.625em);
      -ms-transform: translateY(1.625em);
      transform: translateY(1.625em); }
	  
@media only screen and (max-width:1921px) {
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 41em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 27em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 37em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(3){
		bottom: 38.0625em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(2){
		bottom: 25em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
		bottom: 36em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(2){
		bottom: 23em;
	}
}	

@media only screen and (max-width:1366px) {
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 40.9375em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 27em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 37.9em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(3){
		bottom: 39.0625em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(2){
		bottom: 25em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
		bottom: 36.9em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(2){
		bottom: 22.925em;
	}
}

@media only screen and (max-width:1280px) {
	.step-10 .table .tr:nth-child(1) .td:nth-child(3){
		bottom: 30em;
	}
	.step-10 .table .tr:nth-child(1) .td:nth-child(2){
		bottom: 12.375em;
	}
	.step-10 .table .tr:nth-child(2) .td:nth-child(3){
		bottom: 36.5em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(3){
		bottom: 33em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(2){
		bottom: 12.375em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 26em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 40em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 37em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(3){
		bottom: 37.9625em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(2){
		bottom: 25em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
		bottom: 36em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(2){
		bottom: 23em;
	}
}

@media only screen and (max-width:1120px) {
	.step-10 .table .tr:nth-child(3) .td:nth-child(3){
		bottom: 34.7875em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 38.9em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 21.5875em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 40em;
	}
}

@media only screen and (max-width:1100px){
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		    bottom: 39em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 22.5875em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(2){
		bottom: 28.9em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(2){
		bottom: 24.3em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
		bottom: 38.8em;
	}
	.step-10 .table .tr:nth-child(1) .td:nth-child(2){
		bottom: 11.75em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(2){
		bottom: 11.75em;
	}
} 

@media only screen and (max-width:1080px){
	.step-10 .table .tr:nth-child(1) .td:nth-child(3){
		bottom: 32.1em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(3){
		bottom: 34.6em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 40.2em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 24.5875em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 39.5em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(2){
		bottom: 29.5625em;
	}
}

@media only screen and (max-width:1080px){
	.step-10 .table .tr:nth-child(1) .td:nth-child(3){
		bottom: 32.9em;
	}
	.step-10 .table .tr:nth-child(1) .td:nth-child(2){
		bottom: 12.6em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(2){
		bottom: 12.6em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 41em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 27.5875em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 38em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(3){
		bottom: 38.7625em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(2){
		bottom: 27em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(2){
		bottom: 23.8em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
	bottom: 37.5em;
	}
}

@media only screen and (max-width:1025px) {
	.step-10 .table .tr:nth-child(1) .td:nth-child(3){
		bottom: 33.5em;
	}
	.step-10 .table .tr:nth-child(1) .td:nth-child(2){
		bottom: 11.875em;
	}
	.step-10 .table .tr:nth-child(2) .td:nth-child(3){
		bottom: 37.1875em;
	}
	.step-10 .table .tr:nth-child(2) .td:nth-child(2){
		bottom: 15.2875em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(3){
		bottom: 35.3em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(2){
		bottom: 11.875em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(3){
		bottom: 40.9em;
	}
	.step-10 .table .tr:nth-child(4) .td:nth-child(2){
		bottom: 27.5em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(3){
		bottom: 38.5em;
	}
	.step-10 .table .tr:nth-child(5) .td:nth-child(2){
		bottom: 29.7em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(3){
		bottom: 39.2625em;
	}
	.step-10 .table .tr:nth-child(6) .td:nth-child(2){
		bottom: 27em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
		bottom: 38.5em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(2){
		bottom: 23.725em;
	}
}


@media only screen and (max-width:901px) {
	.step-10 .table .tr:nth-child(1) .td:nth-child(3) {
		bottom: 31.5em;
	}	
	.step-10 .table .tr:nth-child(1) .td:nth-child(2){
		bottom: 11.875em;
	}
	.step-10 .table .tr:nth-child(3) .td:nth-child(2){
		bottom: 11.875em;
	}
	.step-10 .table .tr:nth-child(7) .td:nth-child(3){
		bottom: 37.5em;
	}
}