/* Helpers and Settings */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,800,600,400&subset=latin,cyrillic-ext,cyrillic);
/* img */
/* Main Libraries */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * 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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0; }

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

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

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

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

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * 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/10.
 */
img {
  border: 0; }

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

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

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * 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 Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
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; }

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

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

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0px; }

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

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

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

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

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

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

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

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

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; }

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

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

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

a:hover {
  cursor: pointer; }

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

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

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

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.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 {
  margin: 0 auto;
  max-width: 1260px;
  width: 100%; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    margin: 0 -8px;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

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

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    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.3333333333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    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.3333333333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    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.3333333333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .small-1 {
    width: 8.3333333333%; }
  .small-2 {
    width: 16.6666666667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.3333333333%; }
  .small-5 {
    width: 41.6666666667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.3333333333%; }
  .small-8 {
    width: 66.6666666667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.3333333333%; }
  .small-11 {
    width: 91.6666666667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0 !important; }
  .small-offset-1 {
    margin-left: 8.3333333333% !important; }
  .small-offset-2 {
    margin-left: 16.6666666667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.3333333333% !important; }
  .small-offset-5 {
    margin-left: 41.6666666667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.3333333333% !important; }
  .small-offset-8 {
    margin-left: 66.6666666667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.3333333333% !important; }
  .small-offset-11 {
    margin-left: 91.6666666667% !important; }
  .small-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; } }

@media only screen and (min-width: 481px) {
  .medium-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    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.3333333333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    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.3333333333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    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.3333333333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .medium-1 {
    width: 8.3333333333%; }
  .medium-2 {
    width: 16.6666666667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.3333333333%; }
  .medium-5 {
    width: 41.6666666667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.3333333333%; }
  .medium-8 {
    width: 66.6666666667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.3333333333%; }
  .medium-11 {
    width: 91.6666666667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0 !important; }
  .medium-offset-1 {
    margin-left: 8.3333333333% !important; }
  .medium-offset-2 {
    margin-left: 16.6666666667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.3333333333% !important; }
  .medium-offset-5 {
    margin-left: 41.6666666667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.3333333333% !important; }
  .medium-offset-8 {
    margin-left: 66.6666666667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.3333333333% !important; }
  .medium-offset-11 {
    margin-left: 91.6666666667% !important; }
  .medium-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

@media only screen and (min-width: 641px) {
  .large-push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.6666666667%;
    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.3333333333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.6666666667%;
    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.3333333333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.6666666667%;
    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.3333333333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .large-1 {
    width: 8.3333333333%; }
  .large-2 {
    width: 16.6666666667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.3333333333%; }
  .large-5 {
    width: 41.6666666667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.3333333333%; }
  .large-8 {
    width: 66.6666666667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.3333333333%; }
  .large-11 {
    width: 91.6666666667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0 !important; }
  .large-offset-1 {
    margin-left: 8.3333333333% !important; }
  .large-offset-2 {
    margin-left: 16.6666666667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.3333333333% !important; }
  .large-offset-5 {
    margin-left: 41.6666666667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.3333333333% !important; }
  .large-offset-8 {
    margin-left: 66.6666666667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.3333333333% !important; }
  .large-offset-11 {
    margin-left: 91.6666666667% !important; }
  .large-reset-order {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 8px;
    padding-right: 8px;
    float: left; }
  .push-0 {
    position: relative;
    left: 0;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

/* General Elements */
.audio {
  display: none !important; }

.video-wrap {
  overflow: hidden;
  -webkit-transition: opacity 2s;
          transition: opacity 2s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .video-wrap .video-home {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    -webkit-transition: 1s opacity;
            transition: 1s opacity; }
  .video-wrap .logo-wrap {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
    .video-wrap .logo-wrap .logo {
      display: table-cell;
      vertical-align: middle; }
      .video-wrap .logo-wrap .logo span {
        display: block;
        width: 100%;
        margin: 50px 0;
        text-align: center; }

.marks-cutting {
  display: none;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101; }
  .marks-cutting span {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(134, 134, 134, 0.3);
    border-radius: 100%; }
    .marks-cutting span:after, .marks-cutting span:before {
      content: '';
      position: absolute;
      background: rgba(134, 134, 134, 0.3); }
    .marks-cutting span:after {
      top: 6px;
      left: -18px;
      width: 50px;
      height: 1px; }
    .marks-cutting span:before {
      top: -18px;
      left: 6px;
      width: 1px;
      height: 50px; }
    .marks-cutting span:nth-child(1) {
      top: 25px;
      left: 25px; }
    .marks-cutting span:nth-child(2) {
      top: 25px;
      right: 25px; }
    .marks-cutting span:nth-child(3) {
      right: 25px;
      bottom: 25px; }
    .marks-cutting span:nth-child(4) {
      left: 25px;
      bottom: 25px; }
  @media only screen and (min-width: 1261px) {
    .marks-cutting {
      display: block; } }
  @media only screen and (min-width: 1441px) {
    .marks-cutting span:nth-child(1) {
      top: 40px;
      left: 40px; }
    .marks-cutting span:nth-child(2) {
      top: 40px;
      right: 40px; }
    .marks-cutting span:nth-child(3) {
      right: 40px;
      bottom: 40px; }
    .marks-cutting span:nth-child(4) {
      left: 40px;
      bottom: 40px; } }

.turn-off-audio {
  position: fixed;
  top: 0;
  left: 100px;
  width: 50px;
  height: 50px;
  background: red;
  z-index: 100; }

.row {
  max-width: 300px; }
  @media only screen {
    .row {
      max-width: 300px; } }
  @media only screen and (min-width: 481px) {
    .row {
      max-width: 460px; } }
  @media only screen and (min-width: 641px) {
    .row {
      max-width: 620px; } }
  @media only screen and (min-width: 961px) {
    .row {
      max-width: 940px; } }
  @media only screen and (min-width: 1261px) {
    .row {
      max-width: 1240px; } }

p {
  font-size: 14px;
  line-height: 140%; }

h1, h2, h3, h4, h5, h6, span {
  line-height: 140%; }

@media screen and (max-width: 1260px) {
  .step {
    height: auto !important; }
    .step .fp-tableCell {
      height: auto !important; }
  .paint {
    display: none; }
  .paint.paint-mobile {
    display: block; } }

@media only screen and (min-width: 1261px) {
  .paint {
    display: block; }
  .paint.paint-mobile {
    display: none; } }

html,
body {
  height: 100%;
  min-height: 100%;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: subpixel-antialiased; }

body {
  position: relative;
  background: url(../img/table/table.jpg);
  font-family: "Open Sans", sans-serif;
  line-height: 1; }
  body.open-profile {
    overflow: hidden !important; }

.light-on-lable {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .light-on-lable:after {
    z-index: -1;
    opacity: 0.06;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 2000px;
    height: 2000px;
    background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }

a {
  outline: none !important; }

body > * {
  -webkit-transition: opacity 1s;
          transition: opacity 1s; }

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

body:not(.loaded) {
  overflow: hidden; }

body.menu-visible .step > div {
  opacity: .3; }

.preloader {
  opacity: 1 !important;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.8s cubic-bezier(0.9, 0, 0.12, 1);
          transition: opacity 0.3s, transform 0.8s cubic-bezier(0.9, 0, 0.12, 1);
  z-index: 102;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  background: #F8F9F9; }
  .hide-preloader .preloader {
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%); }
  .preloader > div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .preloader .wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 26px;
    margin: 80px 0 0 -200px; }
    .preloader .wrapper.go-video .load-text, .preloader .wrapper.go-video .loadline {
      display: none; }
    .ua .preloader .wrapper.go-video .logos-wrapper {
      background: url(../img/logos/logo-ua-white.svg) no-repeat center top; }
    .ru .preloader .wrapper.go-video .logos-wrapper {
      background: url(../img/logos/logo-ru-white.svg) no-repeat center top; }
    .en .preloader .wrapper.go-video .logos-wrapper {
      background: url(../img/logos/logo-en-white.svg) no-repeat center top; }
    .preloader .wrapper.go-video .field-labels {
      background: url(../img/field-labels-white.svg) no-repeat center; }
    .preloader .wrapper .load-text {
      position: absolute;
      bottom: -30px;
      left: 0;
      width: 100%;
      text-align: center;
      font-size: 14px;
      color: #9E9E9E; }
      .preloader .wrapper .load-text p {
        margin: 0; }
        .preloader .wrapper .load-text p:nth-child(1) {
          display: block;
          -webkit-animation: pulsate .8s infinite;
                  animation: pulsate .8s infinite; }
        .preloader .wrapper .load-text p:nth-child(2) {
          display: none; }
        .hide-preloader .preloader .wrapper .load-text p:nth-child(1) {
          display: none; }
        .hide-preloader .preloader .wrapper .load-text p:nth-child(2) {
          display: block; }
    .preloader .wrapper .loadline {
      position: absolute;
      bottom: 0;
      left: 80px;
      width: calc(100% - 160px);
      height: 4px;
      overflow: hidden;
      border-radius: 2px; }
      .preloader .wrapper .loadline.loading .line {
        -webkit-transition: width 4s 0s ease;
                transition: width 4s 0s ease;
        width: 100%; }
      .preloader .wrapper .loadline .line {
        -webkit-transition: width .1s 0s;
                transition: width .1s 0s;
        position: relative;
        display: block;
        width: 0;
        background: #0098d1;
        height: 100%; }
    .preloader .wrapper .field-labels {
      display: none;
      position: absolute;
      width: 400px;
      height: 304px;
      bottom: -1px;
      left: 0;
      background: url(../img/field-labels.svg) no-repeat center; }
    .preloader .wrapper .logos-wrapper {
      position: absolute;
      bottom: 0;
      height: 230px;
      width: 100%;
      left: 0;
      text-align: center; }
      .ua .preloader .wrapper .logos-wrapper {
        background: url(../img/logos/logo-ua.svg) no-repeat center top; }
      .ru .preloader .wrapper .logos-wrapper {
        background: url(../img/logos/logo-ru.svg) no-repeat center top; }
      .en .preloader .wrapper .logos-wrapper {
        background: url(../img/logos/logo-en.svg) no-repeat center top; }
  .preloader .video-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0; }
    .preloader .video-preloader.ready-play {
      -webkit-transition: visibility 0s 0s, opacity .6s 0s;
              transition: visibility 0s 0s, opacity .6s 0s;
      visibility: visible;
      opacity: 1; }
  @media only screen and (min-width: 641px) {
    .preloader .wrapper .field-labels {
      display: block; } }

#menu {
  position: fixed;
  z-index: 100;
  background: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 100%;
  margin: 0;
  padding: 0;
  width: 200px;
  height: 100%;
  display: table;
  -webkit-transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
  list-style: none;
  text-align: right; }
  .printing-process #menu > div li {
    opacity: 0.5;
    pointer-events: none; }
  #menu:after {
    display: none;
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 28px;
    background: rgba(134, 134, 134, 0.3); }
  #menu > div {
    display: table-cell;
    vertical-align: middle; }
    #menu > div li {
      -webkit-transition: opacity .3s;
              transition: opacity .3s;
      display: table;
      width: 100%;
      padding: 0 40px 0 0;
      height: 50px; }
      #menu > div li.catalogue a {
        cursor: alias; }
      #menu > div li a {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        color: #fff; }
      #menu > div li.active a:after, #menu > div li.active a:before {
        content: '';
        position: absolute;
        top: 50%; }
      #menu > div li.active a:after {
        height: 1px;
        width: 114px;
        background: white;
        left: calc(100% + 10px); }
      #menu > div li.active a:before {
        display: none;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        border: 1px solid rgba(134, 134, 134, 0.3);
        right: -28px; }
  @media only screen and (min-width: 1261px) {
    #menu {
      display: block;
      width: auto;
      height: auto;
      background: none;
      right: 0;
      top: 50%;
      left: auto;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      padding: 0 22px 0 0;
      margin: 0 32px 0 0; }
      #menu:after {
        display: block;
        right: 0; }
      #menu > div {
        display: block; }
        #menu > div li {
          padding: 20px 0;
          height: auto; }
          #menu > div li a {
            display: block;
            color: #868686; }
          #menu > div li.active a:after, #menu > div li.active a:before {
            top: 50%;
            -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                    transform: translateY(-50%); }
          #menu > div li.active a:after {
            width: 24px;
            background: rgba(134, 134, 134, 0.3);
            right: -33px; }
          #menu > div li.active a:before {
            display: block; }
      .fp-viewing-beginning #menu li.active a {
        color: #B5B5B5; }
      .fp-viewing-about-the-company #menu li.active a {
        color: #0d4673; }
      .fp-viewing-services #menu li.active a {
        color: #a99b70; }
      .fp-viewing-history #menu li.active a {
        color: #731a3b; }
      .fp-viewing-management #menu li.active a {
        color: #2099df; }
      .fp-viewing-production #menu li.active a {
        color: #2099df; }
      .fp-viewing-partners #menu li.active a {
        color: #1a93d3; }
      .fp-viewing-contacts #menu li.active a {
        color: #1a93d3; } }
  @media only screen and (min-width: 1441px) {
    #menu {
      margin: 0 47px 0 0; } }

body .open-menu {
  position: fixed;
  top: 20px;
  right: 10px;
  width: 38px;
  height: 23px;
  z-index: 110; }
  body .open-menu span {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #565656; }
    body .open-menu span:nth-child(1) {
      top: 0; }
    body .open-menu span:nth-child(2) {
      top: 10px; }
    body .open-menu span:nth-child(3) {
      top: 20px; }

body .close-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }

body.menu-visible .close-menu {
  display: block; }

body.menu-visible .open-menu {
  display: none; }

body.menu-visible #menu {
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%); }

@media only screen and (min-width: 1261px) {
  body .open-menu, body .close-menu {
    display: none; } }

.process {
  display: none;
  position: absolute;
  top: 50%;
  left: 25px;
  z-index: 100;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
  .process .load-print span {
    display: block;
    width: 16px;
    height: 16px;
    background: red;
    margin: 0 0 2px 0;
    border: 1px solid rgba(0, 0, 0, 0.1); }
  .process .text-print {
    position: absolute;
    bottom: 49px;
    left: -44px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 150px;
    -webkit-animation: pulsate .8s infinite;
            animation: pulsate .8s infinite;
    font-size: 16px;
    font-weight: 400;
    color: rgba(134, 134, 134, 0.7); }
  .step-2 .process .load-print span:nth-child(1), .step-5 .process .load-print span:nth-child(1), .step-6 .process .load-print span:nth-child(1), .step-7 .process .load-print span:nth-child(1), .step-8 .process .load-print span:nth-child(1) {
    background: #0c6a9b; }
  .step-2 .process .load-print span:nth-child(2), .step-5 .process .load-print span:nth-child(2), .step-6 .process .load-print span:nth-child(2), .step-7 .process .load-print span:nth-child(2), .step-8 .process .load-print span:nth-child(2) {
    background: #308ebf; }
  .step-2 .process .load-print span:nth-child(3), .step-5 .process .load-print span:nth-child(3), .step-6 .process .load-print span:nth-child(3), .step-7 .process .load-print span:nth-child(3), .step-8 .process .load-print span:nth-child(3) {
    background: #4ba9da; }
  .step-2 .process .load-print span:nth-child(4), .step-5 .process .load-print span:nth-child(4), .step-6 .process .load-print span:nth-child(4), .step-7 .process .load-print span:nth-child(4), .step-8 .process .load-print span:nth-child(4) {
    background: #60beef; }
  .step-2 .process .load-print span:nth-child(5), .step-5 .process .load-print span:nth-child(5), .step-6 .process .load-print span:nth-child(5), .step-7 .process .load-print span:nth-child(5), .step-8 .process .load-print span:nth-child(5) {
    background: #7dd1fd; }
  .step-2 .process .load-print span:nth-child(6), .step-5 .process .load-print span:nth-child(6), .step-6 .process .load-print span:nth-child(6), .step-7 .process .load-print span:nth-child(6), .step-8 .process .load-print span:nth-child(6) {
    background: #a3defd; }
  .step-2 .process .load-print span:nth-child(7), .step-5 .process .load-print span:nth-child(7), .step-6 .process .load-print span:nth-child(7), .step-7 .process .load-print span:nth-child(7), .step-8 .process .load-print span:nth-child(7) {
    background: #c4e9fd; }
  .step-2 .process .load-print span:nth-child(8), .step-5 .process .load-print span:nth-child(8), .step-6 .process .load-print span:nth-child(8), .step-7 .process .load-print span:nth-child(8), .step-8 .process .load-print span:nth-child(8) {
    background: #e3f5fe; }
  .step-2 .process .load-print span:nth-child(9), .step-5 .process .load-print span:nth-child(9), .step-6 .process .load-print span:nth-child(9), .step-7 .process .load-print span:nth-child(9), .step-8 .process .load-print span:nth-child(9) {
    background: #ffffff; }
  .step-3 .process .load-print span:nth-child(1) {
    background: #ffffff; }
  .step-3 .process .load-print span:nth-child(2) {
    background: #e8e8e8; }
  .step-3 .process .load-print span:nth-child(3) {
    background: #d0d0d0; }
  .step-3 .process .load-print span:nth-child(4) {
    background: #b8b7b7; }
  .step-3 .process .load-print span:nth-child(5) {
    background: #9d9d9c; }
  .step-3 .process .load-print span:nth-child(6) {
    background: #828181; }
  .step-3 .process .load-print span:nth-child(7) {
    background: #646363; }
  .step-3 .process .load-print span:nth-child(8) {
    background: #434342; }
  .step-3 .process .load-print span:nth-child(9) {
    background: #1d1d1b; }
  .step-4 .process .load-print span:nth-child(1) {
    background: #e6007e; }
  .step-4 .process .load-print span:nth-child(2) {
    background: #e8398d; }
  .step-4 .process .load-print span:nth-child(3) {
    background: #ec619f; }
  .step-4 .process .load-print span:nth-child(4) {
    background: #ef81b2; }
  .step-4 .process .load-print span:nth-child(5) {
    background: #f29fc5; }
  .step-4 .process .load-print span:nth-child(6) {
    background: #f6bad6; }
  .step-4 .process .load-print span:nth-child(7) {
    background: #f9d3e6; }
  .step-4 .process .load-print span:nth-child(8) {
    background: #fceaf3; }
  .step-4 .process .load-print span:nth-child(9) {
    background: #ffffff; }
  .done .process .text-print {
    -webkit-animation: none;
            animation: none;
    color: transparent; }
    .done .process .text-print:after {
      content: 'completed!';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: rgba(134, 134, 134, 0.7); }
  @media only screen and (min-width: 1261px) {
    .process {
      display: block; } }
  @media only screen and (min-width: 1441px) {
    .process {
      left: 40px; } }

@-webkit-keyframes pulsate-inks {
  0% {
    visibility: visible; }
  49% {
    visibility: visible; }
  51% {
    visibility: hidden; }
  100% {
    visibility: hidden; } }

@keyframes pulsate-inks {
  0% {
    visibility: visible; }
  49% {
    visibility: visible; }
  51% {
    visibility: hidden; }
  100% {
    visibility: hidden; } }

@-webkit-keyframes pulsate {
  0% {
    color: #8d8d8d; }
  49% {
    color: #8d8d8d; }
  51% {
    color: transparent; }
  100% {
    color: transparent; } }

@keyframes pulsate {
  0% {
    color: #8d8d8d; }
  49% {
    color: #8d8d8d; }
  51% {
    color: transparent; }
  100% {
    color: transparent; } }

.languages {
  opacity: 1 !important;
  z-index: 103;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 13px 0 0 8px;
  pointer-events: none;
  text-align: left; }
  .languages span {
    pointer-events: all;
    display: inline-block;
    cursor: pointer;
    margin: 0 1px;
    color: #868686;
    font-size: 14px;
    font-weight: 400; }
    .languages span.active {
      text-decoration: underline; }
  @media only screen and (min-width: 1261px) {
    .languages {
      padding: 22px 96px 0 0;
      text-align: right; }
      .fp-viewing-beginning .languages span.active {
        color: #B5B5B5; }
      .fp-viewing-about-the-company .languages span.active {
        color: #0d4673; }
      .fp-viewing-services .languages span.active {
        color: #a99b70; }
      .fp-viewing-history .languages span.active {
        color: #731a3b; }
      .fp-viewing-management .languages span.active {
        color: #2099df; }
      .fp-viewing-production .languages span.active {
        color: #2099df; }
      .fp-viewing-partners .languages span.active {
        color: #1a93d3; }
      .fp-viewing-contacts .languages span.active {
        color: #1a93d3; } }
  @media only screen and (min-width: 1441px) {
    .languages {
      padding: 37px 96px 0 0; } }

/* step */
.step {
  position: relative;
  overflow: hidden; }
  .step .content {
    position: relative;
    z-index: 1;
    left: 0;
    -webkit-transition: left .6s ease;
            transition: left .6s ease; }
  .step .row, .step .columns {
    height: 100%; }
  .step .list-of-paper {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: translate(-50%, 30%) scale(0.6);
        -ms-transform: translate(-50%, 30%) scale(0.6);
            transform: translate(-50%, 30%) scale(0.6);
    -webkit-box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4);
            box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.4); }
  @media only screen and (min-width: 1261px) {
    .step .list-of-paper {
      display: block; }
    .step .content {
      max-width: none; } }

.content {
  width: 100%;
  height: 100%; }

.animated-1 .list-of-paper {
  -webkit-transform: translate(-50%, -50%) scale(0.6);
      -ms-transform: translate(-50%, -50%) scale(0.6);
          transform: translate(-50%, -50%) scale(0.6);
  -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.71, 0.16, 0.13, 1);
          transition: transform 0.8s 0s cubic-bezier(0.71, 0.16, 0.13, 1); }

.animated-2 .list-of-paper {
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: -webkit-transform 0.8s 0s cubic-bezier(0.71, 0.16, 0.13, 1);
          transition: transform 0.8s 0s cubic-bezier(0.71, 0.16, 0.13, 1); }

.svg-animation {
  display: none; }
  .advanced .svg-animation {
    display: block; }

.slack-wrapper {
  display: none; }
  .slack .slack-wrapper {
    display: block; }

.advanced-wrapper, .slack-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.slack-wrapper {
  z-index: 1; }

.general-print {
  width: 100%;
  height: 100%; }
  .general-print .paint {
    width: 100%;
    -webkit-transition: height 0.5s cubic-bezier(0.14, 0.46, 0.88, 0.82);
            transition: height 0.5s cubic-bezier(0.14, 0.46, 0.88, 0.82); }
    .general-print .paint > div {
      width: 100%; }
  @media only screen and (min-width: 1261px) {
    .general-print {
      position: absolute;
      top: 0;
      left: 0; }
      .general-print .paint {
        overflow: hidden;
        height: 0;
        position: absolute;
        top: 0;
        left: 0; }
        .advanced .general-print .paint {
          -webkit-box-shadow: 1px 0px 1px #868686;
                  box-shadow: 1px 0px 1px #868686; }
        .general-print .paint > div {
          position: absolute;
          top: 0;
          left: 0;
          height: 100vh; }
      .general-print .paint-mobile {
        display: none; } }
  .general-print .paint-1 {
    z-index: 1; }
    .print-1 .general-print .paint-1 {
      height: 100%; }
  .general-print .paint-2 {
    z-index: 2; }
    .print-2 .general-print .paint-2 {
      height: 100%; }
  .general-print .paint-3 {
    z-index: 3; }
    .print-3 .general-print .paint-3 {
      height: 100%; }
  .general-print .paint-4 {
    z-index: 4; }
    .print-4 .general-print .paint-4 {
      height: 100%; }
  .general-print .paint-5 {
    z-index: 5; }
    .print-5 .general-print .paint-5 {
      height: 100%; }
  .general-print .paint-6 {
    z-index: 6; }
    .print-6 .general-print .paint-6 {
      height: 100%; }
  .general-print .paint-7 {
    z-index: 7; }
    .print-7 .general-print .paint-7 {
      height: 100%; }
  .general-print .paint-8 {
    z-index: 8; }
    .print-8 .general-print .paint-8 {
      height: 100%; }

.print-2 .step-3 .general-print .paint-1 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .print-2 .step-3 .general-print .paint-1 > div {
    top: auto;
    bottom: 0; }

.step-2.print-2 .paint-1 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-2.print-2 .paint-1 > div {
    top: auto;
    bottom: 0; }

.step-2.print-3 .paint-2 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-2.print-3 .paint-2 > div {
    top: auto;
    bottom: 0; }

.step-2.print-4 .paint-3 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-2.print-4 .paint-3 > div {
    top: auto;
    bottom: 0; }

.step-2.print-5 .paint-4 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-2.print-5 .paint-4 > div {
    top: auto;
    bottom: 0; }

.step-2.print-6 .paint-5 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-2.print-6 .paint-5 > div {
    top: auto;
    bottom: 0; }

.step-3.print-2 .paint-1 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-3.print-2 .paint-1 > div {
    top: auto;
    bottom: 0; }

.step-3.print-3 .paint-2 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-3.print-3 .paint-2 > div {
    top: auto;
    bottom: 0; }

.step-5.print-2 .paint-1 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-5.print-2 .paint-1 > div {
    top: auto;
    bottom: 0; }

.step-5.print-3 .paint-2 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-5.print-3 .paint-2 > div {
    top: auto;
    bottom: 0; }

.step-5.print-4 .paint-3 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-5.print-4 .paint-3 > div {
    top: auto;
    bottom: 0; }

.step-4.print-2 .paint-1 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-4.print-2 .paint-1 > div {
    top: auto;
    bottom: 0; }

.step-4.print-3 .paint-2 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-4.print-3 .paint-2 > div {
    top: auto;
    bottom: 0; }

.step-4.print-4 .paint-3 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-4.print-4 .paint-3 > div {
    top: auto;
    bottom: 0; }

.step-4.print-5 .paint-4 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-4.print-5 .paint-4 > div {
    top: auto;
    bottom: 0; }

.step-4.print-6 .paint-5 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-4.print-6 .paint-5 > div {
    top: auto;
    bottom: 0; }

.step-4.print-7 .paint-6 {
  top: auto;
  bottom: 0;
  height: 0%; }
  .step-4.print-7 .paint-6 > div {
    top: auto;
    bottom: 0; }

.step-1 {
  background: none; }

.step-2 {
  padding: 0 0 56px 0;
  background: url(../img/bg-1.png); }
  .step-2 .list-of-paper {
    background: url(../img/bg-1.png); }
  .step-2 .blick {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
  .step-2 .advanced-wrapper {
    display: none; }
    .advanced .step-2 .advanced-wrapper {
      display: block; }
  .step-2 .slack-wrapper {
    display: none; }
    .slack .step-2 .slack-wrapper {
      display: block; }
  .step-2 .svg-animation {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateZ(0);
            transform: translateX(-50%) translateZ(0); }
    .step-2 .svg-animation img {
      position: absolute;
      left: 50%;
      max-width: none; }
  .step-2 .roots-wrapper {
    top: 0;
    width: 1110px;
    height: 100%; }
    .step-2 .roots-wrapper img {
      min-width: 100vw;
      max-height: 100%;
      top: 0;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
    .step-2 .roots-wrapper .blick {
      width: 2200px;
      height: 1080px;
      background: #96c17c;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjOTZjMTdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTklIiBzdG9wLWNvbG9yPSIjOTZjMTdjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjYzhjZjRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjYzhjZjRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjZWM2OTQzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZGE0MDY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZGE0MDY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTQlIiBzdG9wLWNvbG9yPSIjNmI2Yjk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjNmI2Yjk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjNjJhZWIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjNjJhZWIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjZDY0MzY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjZDY0MzY5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjYmRjZDViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkY2Q1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: linear-gradient(135deg, #96c17c 0%, #96c17c 19%, #c8cf4e 23%, #c8cf4e 32%, #ec6943 40%, #da4067 43%, #da4067 50%, #6b6b95 54%, #6b6b95 65%, #62aeb2 70%, #62aeb2 78%, #d64369 85%, #d64369 90%, #bdcd5b 95%, #bdcd5b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96c17c', endColorstr='#bdcd5b',GradientType=1 ); }
  .step-2 .iso-wrapper {
    top: 360px;
    width: 80px;
    height: 80px;
    margin: 0 0 0 80px; }
    .step-2 .iso-wrapper img {
      top: 50%;
      height: 200px;
      width: 600px;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .step-2 .iso-wrapper .blick {
      width: 200px;
      height: 100px;
      background: #debe95;
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZGViZTk1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNkZWJlOTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNSUiIHN0b3AtY29sb3I9IiNlYjkxYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlYjkxYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNjNDk2YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzNiUiIHN0b3AtY29sb3I9IiNjNDk2YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0MyUiIHN0b3AtY29sb3I9IiNiZWU3YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNiZWU3YTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNmMTk5YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNmMTk5YTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MiUiIHN0b3AtY29sb3I9IiNhZjk1Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4MSUiIHN0b3AtY29sb3I9IiNhZjk1Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiNiOWUyYTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYjllMmE5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
      background: linear-gradient(102deg, #debe95 0%, #debe95 9%, #eb91af 15%, #eb91af 23%, #c496c9 29%, #c496c9 36%, #bee7a1 43%, #bee7a1 50%, #f199a9 58%, #f199a9 66%, #af95cc 72%, #af95cc 81%, #b9e2a9 88%, #b9e2a9 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#debe95', endColorstr='#b9e2a9',GradientType=1 ); }
  .step-2 .text-wrapper {
    top: 278px;
    width: 80px;
    height: 80px;
    margin: 0 0 0 -60px; }
    .step-2 .text-wrapper img {
      top: 50%;
      height: 330px;
      width: 450px;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .step-2 .image-part {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .step-2 .image {
    position: relative;
    width: 100%;
    height: 100%; }
    .step-2 .image img {
      max-width: none;
      width: 820px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      left: 50%;
      position: relative;
      margin: 0 0 0 30px; }
  @media only screen and (min-width: 1261px) and (max-height: 840px) {
    .step-2 .paint .advanced-wrapper, .step-2 .paint .slack-wrapper {
      top: -80px; } }
  @media only screen and (min-width: 1261px) and (max-height: 720px) {
    .step-2 .paint .advanced-wrapper, .step-2 .paint .slack-wrapper {
      top: -150px; } }
  .step-2 .process .load-print span {
    display: none;
    -webkit-animation: pulsate-inks .3s infinite;
            animation: pulsate-inks .3s infinite; }
    .step-2 .process .load-print span:nth-child(1), .step-2 .process .load-print span:nth-child(2), .step-2 .process .load-print span:nth-child(3), .step-2 .process .load-print span:nth-child(4), .step-2 .process .load-print span:nth-child(5) {
      display: block;
      opacity: 0; }
    .step-2 .process .load-print span:nth-child(1) {
      background: #A0A0A0; }
    .step-2 .process .load-print span:nth-child(2) {
      background: #A0A0A0; }
    .step-2 .process .load-print span:nth-child(3) {
      background: #A0A0A0; }
    .step-2 .process .load-print span:nth-child(4) {
      background: #009BD7; }
    .step-2 .process .load-print span:nth-child(5) {
      background: #03070D; }
  .slack .step-2 .process .load-print span:nth-child(1), .slack .step-2 .process .load-print span:nth-child(2), .slack .step-2 .process .load-print span:nth-child(3), .slack .step-2 .process .load-print span:nth-child(4), .slack .step-2 .process .load-print span:nth-child(5) {
    opacity: 1;
    -webkit-animation: none;
            animation: none; }
  .step-2.print-1 .process .load-print span:nth-child(5) {
    opacity: 1; }
  .step-2.print-2 .process .load-print span:nth-child(5) {
    -webkit-animation: none;
            animation: none; }
  .step-2.print-2 .process .load-print span:nth-child(4) {
    opacity: 1; }
  .step-2.print-3 .process .load-print span:nth-child(4) {
    -webkit-animation: none;
            animation: none; }
  .step-2.print-3 .process .load-print span:nth-child(3) {
    opacity: 1; }
  .step-2.print-4 .process .load-print span:nth-child(3) {
    -webkit-animation: none;
            animation: none; }
  .step-2.print-4 .process .load-print span:nth-child(2) {
    opacity: 1; }
  .step-2.print-5 .process .load-print span:nth-child(2) {
    -webkit-animation: none;
            animation: none; }
  .step-2.print-5 .process .load-print span:nth-child(1) {
    opacity: 1; }
  .step-2.done .process .load-print span:nth-child(1) {
    -webkit-animation: none;
            animation: none; }
  @media only screen and (min-width: 481px) {
    .step-2 .image img {
      width: 940px; } }
  @media only screen and (min-width: 641px) {
    .step-2 .image img {
      width: 1110px; } }
  @media only screen and (min-width: 1261px) {
    .step-2 {
      background: transparent;
      padding: 0; }
      .step-2 .responsiv-content {
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center; }
      .step-2 .image {
        position: absolute;
        top: 0;
        left: 0; }
        .step-2 .image img {
          width: auto;
          -webkit-transform: none;
              -ms-transform: none;
                  transform: none;
          left: 0;
          margin: 0;
          max-height: 110%; }
      .step-2 .general-print .paint > div {
        left: -45px; } }
  @media only screen and (min-width: 1441px) {
    .step-2 .general-print .paint > div {
      left: 0; } }

.step-3 {
  margin: 0 0 -24px 0;
  background: url(../img/bg-2.png); }
  .step-3 .list-of-paper {
    background: url(../img/bg-2.png); }
  .step-3 .blick {
    opacity: 0.5;
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 43%, white 50%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
  .step-3 .advanced-wrapper {
    -webkit-transform: translateZ(0);
            transform: translateZ(0); }
  .step-3 .svg-print-1-ua, .step-3 .svg-print-1-ru, .step-3 .svg-print-1-en {
    display: none; }
  .ua .step-3 .svg-print-1-ua {
    display: block; }
  .ru .step-3 .svg-print-1-ru {
    display: block; }
  .en .step-3 .svg-print-1-en {
    display: block; }
  .step-3 .svg-image-wrap {
    margin: 0 0 0 -152px;
    position: absolute;
    bottom: 240px;
    left: 50%;
    width: 1100px;
    height: 100%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background-size: cover; }
    .step-3 .svg-image-wrap .bg-gold {
      background: url(../img/gold-7.png);
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 100%;
      height: 900px;
      margin: 45px 0 0 90px; }
    .step-3 .svg-image-wrap .blick {
      left: 70%; }
  .step-3 .svg-ico-wrap {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    background: url(../img/gold-7.png);
    height: 86px;
    position: relative;
    margin-top: -86px; }
    .step-3 .svg-ico-wrap img {
      max-width: none;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .step-3 .svg-ico-wrap.svg-ico-wrap-1 {
      top: 13px;
      left: 64px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-2 {
      top: 9px;
      left: 63px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-3 {
      top: 28px;
      left: 59px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-4 {
      top: 40px;
      left: 63px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-5 {
      top: 18px;
      left: 63px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-6 {
      top: 35px;
      left: 59px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-7 {
      top: 33px;
      left: 65px; }
  .step-3 .advanced-wrapper .image {
    position: absolute;
    bottom: 0;
    left: -70px;
    width: 100%; }
    .step-3 .advanced-wrapper .image img {
      position: absolute;
      bottom: 394px;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 1; }
      .ua.advanced .step-3 .advanced-wrapper .image img {
        width: 268px;
        margin: 0 0 27px -16px; }
      .ru.advanced .step-3 .advanced-wrapper .image img {
        width: 268px;
        margin: 0 0 3px 3px; }
      .en.advanced .step-3 .advanced-wrapper .image img {
        width: 244px;
        margin: 0 0 12px 5px; }
  .step-3 .slack-wrapper {
    top: 0;
    left: 0; }
    .step-3 .slack-wrapper .image {
      position: absolute;
      bottom: 120px;
      left: -70px; }
      .step-3 .slack-wrapper .image img {
        margin: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
  .step-3 .paint-mobile .image img {
    max-width: none;
    width: 660px;
    margin: 60px 0 10px -200px; }
  .step-3 .items {
    width: 100%;
    text-align: center;
    font-size: 0; }
    .step-3 .items > div {
      max-width: 1240px;
      margin: 0 auto; }
      .step-3 .items > div > div {
        margin: 24px 0 0 0;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 120px;
        position: relative;
        font-size: 16px; }
        .step-3 .items > div > div:nth-child(1) .svg-ico-wrap .blick {
          left: calc(50% + 10px); }
        .step-3 .items > div > div:nth-child(2) .svg-ico-wrap .blick {
          left: calc(50% - 100px); }
        .step-3 .items > div > div:nth-child(3) .svg-ico-wrap .blick {
          left: calc(50% - 237px); }
        .step-3 .items > div > div:nth-child(4) .svg-ico-wrap .blick {
          left: calc(50% - 387px); }
        .step-3 .items > div > div:nth-child(5) .svg-ico-wrap .blick {
          left: calc(50% - 505px); }
        .step-3 .items > div > div:nth-child(6) .svg-ico-wrap .blick {
          left: calc(50% - 637px); }
        .step-3 .items > div > div:nth-child(7) .svg-ico-wrap .blick {
          left: calc(50% - 757px); }
        .step-3 .items > div > div .png-ico {
          position: absolute;
          bottom: 128px;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
          .advanced .step-3 .items > div > div .png-ico {
            display: none; }
        .step-3 .items > div > div p {
          margin: 0;
          padding: 0 8px;
          color: #fff;
          font-size: 13px;
          line-height: 17px; }
  .step-3 .button-wrapper {
    max-width: 1240px;
    margin: 0 auto; }
    .step-3 .button-wrapper .button {
      position: relative;
      margin: 30px 0 120px 100px;
      width: 126px;
      height: 126px;
      text-transform: uppercase;
      font-weight: 400;
      font-size: 14px;
      text-align: center;
      line-height: 126px; }
      .slack .step-3 .button-wrapper .button {
        background: url(../img/step-3/button.png) no-repeat center; }
      .step-3 .button-wrapper .button .svg-circles {
        background: url(../img/gold-7.png) no-repeat center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transform: translateZ(0);
                transform: translateZ(0); }
      .step-3 .button-wrapper .button .blick {
        left: calc(50% - 440px); }
      .step-3 .button-wrapper .button a {
        z-index: 10;
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        text-decoration: none; }
  .step-3 .process .load-print span {
    display: none;
    -webkit-animation: pulsate-inks .3s infinite;
            animation: pulsate-inks .3s infinite; }
    .step-3 .process .load-print span:nth-child(1), .step-3 .process .load-print span:nth-child(2) {
      display: block;
      opacity: 0; }
    .step-3 .process .load-print span:nth-child(1) {
      background: #C0955A; }
    .step-3 .process .load-print span:nth-child(2) {
      background: #fff; }
  .slack .step-3 .process .load-print span:nth-child(1), .slack .step-3 .process .load-print span:nth-child(2) {
    opacity: 1;
    -webkit-animation: none;
            animation: none; }
  .step-3.print-1 .process .load-print span:nth-child(2) {
    opacity: 1; }
  .step-3.print-2 .process .load-print span:nth-child(2) {
    -webkit-animation: none;
            animation: none; }
  .step-3.print-2 .process .load-print span:nth-child(1) {
    opacity: 1; }
  .step-3.done .process .load-print span:nth-child(1) {
    -webkit-animation: none;
            animation: none; }
  @media only screen and (min-width: 481px) {
    .step-3 .paint-mobile .image img {
      width: auto;
      margin: 80px 0 40px -200px; }
    .step-3 .items > div > div {
      width: 33.33334%; }
    .step-3 .button-wrapper .button {
      margin: -50px 0 105px 300px; } }
  @media only screen and (min-width: 641px) {
    .step-3 .paint-mobile .image img {
      margin: 40px 0 40px -120px; }
    .step-3 .items > div > div {
      width: 25%; }
    .step-3 .button-wrapper .button {
      margin: -70px 0 85px 440px; } }
  @media only screen and (min-width: 961px) {
    .step-3 {
      margin: 0;
      padding: 0 0 88px 0; }
      .step-3 .paint-mobile .image img {
        margin: 40px 0 0 50px; }
      .step-3 .items > div > div {
        width: 14.22223%;
        height: 30px; }
        .step-3 .items > div > div .png-ico {
          bottom: 42px; }
      .step-3 .button-wrapper .button {
        margin: -60px 0 100px 720px; } }
  @media only screen and (min-width: 1261px) {
    .step-3 {
      background: transparent;
      padding: 0; }
      .step-3 .responsiv-content {
        padding: 0;
        position: absolute;
        bottom: 7vh;
        left: 0;
        width: 100%;
        height: 600px; }
      .step-3 .items {
        position: absolute;
        bottom: 0;
        left: 0; }
      .step-3 .button-wrapper .button {
        margin: 334px 0 0 904px; }
        .step-3 .button-wrapper .button a:after {
          display: none;
          opacity: 0.4;
          content: '';
          position: absolute;
          top: calc(50% - 1px);
          left: calc(50% - 1px);
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          border: 1px solid red;
          border-radius: 100%;
          width: calc(100% + 30px);
          height: calc(100% + 30px); }
      .step-3 .items > div {
        max-width: 1046px;
        position: relative;
        left: -30px; } }
  @media only screen and (min-width: 1441px) {
    .step-3 .items > div {
      max-width: 1240px;
      position: relative;
      left: 0; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-1 {
      left: 79px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-2 {
      left: 78px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-3 {
      left: 72px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-4 {
      left: 77px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-5 {
      left: 77px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-6 {
      left: 73px; }
    .step-3 .svg-ico-wrap.svg-ico-wrap-7 {
      left: 77px; } }

.step-4 {
  padding: 0 0 72px 0;
  background: url(../img/bg-3.png); }
  .step-4 .list-of-paper {
    background: url(../img/bg-3.png); }
  .step-4 .blick {
    opacity: 0.5;
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 43%, white 50%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
  .step-4 .svg-image-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    height: 100%;
    width: 369px;
    margin: 228px 0 0 -4px;
    background: url(../img/gold-7.png); }
    .slack .step-4 .svg-image-wrap {
      margin: 220px 0 0 -3px;
      display: block;
      -webkit-clip-path: none;
              clip-path: none;
      background: url(../img/step-4/slack/print-slack.png) no-repeat top center; }
      .slack .step-4 .svg-image-wrap .blick {
        display: none; }
  .step-4 .image {
    position: relative;
    width: 100%; }
    .step-4 .image img {
      width: 660px;
      max-width: none;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      position: relative;
      left: 50%;
      margin: -260px 0 0 66px; }
  .step-4 .text {
    margin: 10px 0 0 0;
    text-align: center; }
    .step-4 .text > div {
      position: relative;
      margin: 48px 0 0 0; }
      .step-4 .text > div:nth-child(-n+4) .image-wrapper .blick {
        left: calc(50% + 420px); }
      .step-4 .text > div:nth-child(n+5) .image-wrapper .blick {
        left: calc(50% - 130px); }
      .step-4 .text > div .slack-wrapper {
        position: static; }
      .step-4 .text > div .mobile-png {
        margin: 0 0 8px 0; }
      .step-4 .text > div .image-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: url(../img/gold-7.png); }
        .step-4 .text > div .image-wrapper .blick {
          opacity: 0.2; }
      .step-4 .text > div p {
        margin: 0 auto;
        max-width: 210px;
        font-size: 12px;
        color: #2e2c2e; }
  .step-4 .process .load-print span {
    display: none;
    -webkit-animation: pulsate-inks .3s infinite;
            animation: pulsate-inks .3s infinite; }
    .step-4 .process .load-print span:nth-child(1), .step-4 .process .load-print span:nth-child(2), .step-4 .process .load-print span:nth-child(3), .step-4 .process .load-print span:nth-child(4), .step-4 .process .load-print span:nth-child(5), .step-4 .process .load-print span:nth-child(6), .step-4 .process .load-print span:nth-child(7) {
      display: block;
      opacity: 0; }
    .step-4 .process .load-print span:nth-child(1) {
      background: #fff; }
    .step-4 .process .load-print span:nth-child(2) {
      background: #C0955A; }
    .step-4 .process .load-print span:nth-child(3) {
      background: #2B2729; }
    .step-4 .process .load-print span:nth-child(4) {
      background: #fff343; }
    .step-4 .process .load-print span:nth-child(5) {
      background: #d7569c; }
    .step-4 .process .load-print span:nth-child(6) {
      background: #3eb5f1; }
    .step-4 .process .load-print span:nth-child(7) {
      background: #1e1e1e; }
  .slack .step-4 .process .load-print span:nth-child(1), .slack .step-4 .process .load-print span:nth-child(2), .slack .step-4 .process .load-print span:nth-child(3), .slack .step-4 .process .load-print span:nth-child(4), .slack .step-4 .process .load-print span:nth-child(5), .slack .step-4 .process .load-print span:nth-child(6), .slack .step-4 .process .load-print span:nth-child(7) {
    opacity: 1;
    -webkit-animation: none;
            animation: none; }
  .step-4.print-1 .process .load-print span:nth-child(7) {
    opacity: 1; }
  .step-4.print-2 .process .load-print span:nth-child(7) {
    -webkit-animation: none;
            animation: none; }
  .step-4.print-2 .process .load-print span:nth-child(6) {
    opacity: 1; }
  .step-4.print-3 .process .load-print span:nth-child(6) {
    -webkit-animation: none;
            animation: none; }
  .step-4.print-3 .process .load-print span:nth-child(5) {
    opacity: 1; }
  .step-4.print-4 .process .load-print span:nth-child(5) {
    -webkit-animation: none;
            animation: none; }
  .step-4.print-4 .process .load-print span:nth-child(4) {
    opacity: 1; }
  .step-4.print-5 .process .load-print span:nth-child(4) {
    -webkit-animation: none;
            animation: none; }
  .step-4.print-5 .process .load-print span:nth-child(3) {
    opacity: 1; }
  .step-4.print-6 .process .load-print span:nth-child(3) {
    -webkit-animation: none;
            animation: none; }
  .step-4.print-6 .process .load-print span:nth-child(2) {
    opacity: 1; }
  .step-4.print-7 .process .load-print span:nth-child(2) {
    -webkit-animation: none;
            animation: none; }
  .step-4.print-7 .process .load-print span:nth-child(1) {
    opacity: 1; }
  .step-4.done .process .load-print span:nth-child(1) {
    -webkit-animation: none;
            animation: none; }
  @media only screen and (min-width: 481px) {
    .step-4 .image img {
      width: 820px; }
    .step-4 .text {
      font-size: 0px; }
      .step-4 .text > div {
        display: inline-block;
        width: 45%;
        vertical-align: top;
        padding: 0 16px;
        font-size: 16px; } }
  @media only screen and (min-width: 641px) {
    .step-4 .image img {
      width: 960px; } }
  @media only screen and (min-width: 961px) {
    .step-4 .image {
      position: absolute;
      top: 40px;
      right: -20px; }
      .step-4 .image img {
        width: 980px;
        margin: -260px 0 0 210px; }
    .step-4 .text {
      position: relative;
      top: 0;
      left: 16px;
      text-align: left; }
      .step-4 .text > div {
        display: block;
        padding: 0;
        width: auto; }
        .step-4 .text > div p {
          margin: 0; } }
  @media only screen and (min-width: 1261px) {
    .step-4 {
      padding: 0;
      background: transparent; }
      .step-4 .responsiv-content {
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(270px);
            -ms-transform: translateY(270px);
                transform: translateY(270px);
        left: 0;
        width: 100%;
        height: 600px; }
      .step-4 .image {
        position: absolute;
        bottom: 0;
        left: 95px; }
        .step-4 .image img {
          position: absolute;
          bottom: -570px;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%);
          width: auto;
          margin: 0; }
      .step-4 .text {
        top: 50%;
        left: 50%;
        margin: -150px 0 0 -150px;
        width: 300px;
        height: 300px; }
        .slack .step-4 .text {
          margin: -190px 0 0 -150px; }
        .step-4 .text > div {
          position: absolute;
          margin: 0;
          -webkit-transform: translateZ(0);
                  transform: translateZ(0);
          padding: 58px 0 0 0; }
      .step-4 .responsiv-content {
        -webkit-transform: translateY(320px);
            -ms-transform: translateY(320px);
                transform: translateY(320px);
        left: -52px; }
      .step-4 .text {
        margin: -200px 0 0 -140px; }
        .step-4 .text > div p {
          text-shadow: 0px 0px 20px #E4D4B8; }
        .step-4 .text > div:nth-child(1) {
          top: -160px;
          left: -320px; }
        .step-4 .text > div:nth-child(2) {
          top: -4px;
          left: -346px; }
        .step-4 .text > div:nth-child(3) {
          top: 250px;
          left: -341px; }
        .step-4 .text > div:nth-child(4) {
          top: 410px;
          left: -307px; }
        .step-4 .text > div:nth-child(5) {
          top: -150px;
          right: -395px; }
        .step-4 .text > div:nth-child(6) {
          top: -14px;
          right: -380px; }
        .step-4 .text > div:nth-child(7) {
          top: 166px;
          right: -400px; }
        .step-4 .text > div:nth-child(8) {
          top: 340px;
          right: -368px; } }
  @media only screen and (min-width: 1441px) {
    .step-4 .responsiv-content {
      -webkit-transform: translateY(270px);
          -ms-transform: translateY(270px);
              transform: translateY(270px);
      left: -30px; }
    .step-4 .text {
      margin: -150px 0 0 -150px; }
      .step-4 .text > div {
        position: absolute;
        margin: 0;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        padding: 58px 0 0 0; }
        .step-4 .text > div p {
          text-shadow: none; }
        .step-4 .text > div:nth-child(1) {
          top: -124px;
          left: -391px; }
        .step-4 .text > div:nth-child(2) {
          top: -1px;
          left: -461px; }
        .step-4 .text > div:nth-child(3) {
          top: 154px;
          left: -446px; }
        .step-4 .text > div:nth-child(4) {
          top: 316px;
          left: -390px; }
        .step-4 .text > div:nth-child(5) {
          top: -114px;
          right: -383px; }
        .step-4 .text > div:nth-child(6) {
          top: 10px;
          right: -462px; }
        .step-4 .text > div:nth-child(7) {
          top: 141px;
          right: -393px; }
        .step-4 .text > div:nth-child(8) {
          top: 287px;
          right: -462px; } }
  @media only screen and (min-width: 1601px) {
    .step-4 .responsiv-content {
      left: 0; } }
  @media only screen and (min-width: 1261px) and (max-height: 800px) {
    .step-4 .responsiv-content {
      -webkit-transform: translateY(270px);
          -ms-transform: translateY(270px);
              transform: translateY(270px);
      left: -54px; }
    .step-4 .text {
      margin: -120px 0 0 -140px; }
      .step-4 .text > div:nth-child(1) {
        top: -134px;
        left: -371px; }
      .step-4 .text > div:nth-child(2) {
        top: -2px;
        left: -349px; }
      .step-4 .text > div:nth-child(3) {
        top: 165px;
        left: -334px; }
      .step-4 .text > div:nth-child(4) {
        top: 316px;
        left: -360px; }
      .step-4 .text > div:nth-child(5) {
        top: -140px;
        right: -333px; }
      .step-4 .text > div:nth-child(6) {
        top: 0px;
        right: -372px; }
      .step-4 .text > div:nth-child(7) {
        top: 140px;
        right: -363px; }
      .step-4 .text > div:nth-child(8) {
        top: 280px;
        right: -402px; } }
  .step-4 .general-print .paint-5 .text img {
    opacity: 0; }
  .step-4 .general-print .paint-6 .text img {
    opacity: 1; }

.step-5 {
  padding: 0 0 72px 0;
  background: url(../img/bg-4.png); }
  .step-5 .list-of-paper {
    background: url(../img/bg-4.png); }
  .step-5 .svg-image-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 330px;
    height: 330px;
    z-index: 2;
    margin: -187px 0 0 89px;
    background: url(../img/step-5/bg-foil.png); }
    .step-5 .svg-image-wrap span {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 900px;
      height: 600px;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
  .step-5 .image img {
    margin: -20px 0 0 -74px; }
  .step-5 .home-text {
    z-index: 3;
    margin: 257px 0 0 150px;
    position: absolute;
    top: 0;
    left: 0;
    color: #1e1e1e;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 160%; }
    .step-5 .home-text:after {
      content: '';
      position: absolute;
      bottom: -7px;
      left: 3px;
      width: 35px;
      height: 4px;
      background: #1e1e1e; }
    .step-5 .home-text span:nth-of-type(1) {
      display: block;
      margin: 0 0 -9px -2px;
      font-size: 28px; }
    .step-5 .home-text span:nth-of-type(2) {
      background: #fff;
      padding: 0 0 6px 0; }
  .step-5 .items {
    width: 100%;
    text-align: center;
    font-size: 0; }
    .step-5 .items > div {
      max-width: 1150px;
      margin: 0 auto; }
      .step-5 .items > div > div {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        padding: 32px 0 0 0;
        position: relative;
        font-size: 16px; }
        .step-5 .items > div > div .more-content .text {
          margin: 12px 0 0 0;
          color: #2e2c2e; }
          .step-5 .items > div > div .more-content .text span {
            display: block; }
          .step-5 .items > div > div .more-content .text .big-image, .step-5 .items > div > div .more-content .text .email, .step-5 .items > div > div .more-content .text .description {
            display: none; }
          .step-5 .items > div > div .more-content .text .name {
            cursor: pointer;
            color: #000;
            font-size: 12px;
            font-weight: 400; }
          .step-5 .items > div > div .more-content .text .office {
            cursor: pointer;
            margin: 2px 0 0 0;
            font-size: 12px;
            font-weight: 300;
            line-height: 110%; }
        .step-5 .items > div > div .preview-image {
          cursor: pointer; }
  .step-5 .process .load-print span {
    display: none;
    -webkit-animation: pulsate-inks .3s infinite;
            animation: pulsate-inks .3s infinite; }
    .step-5 .process .load-print span:nth-child(1), .step-5 .process .load-print span:nth-child(2), .step-5 .process .load-print span:nth-child(3) {
      display: block;
      opacity: 0; }
    .step-5 .process .load-print span:nth-child(1) {
      background: #A0A0A0; }
    .step-5 .process .load-print span:nth-child(2) {
      background: #1e1e1e; }
    .step-5 .process .load-print span:nth-child(3) {
      background: #3eb5f1; }
  .slack .step-5 .process .load-print span:nth-child(1), .slack .step-5 .process .load-print span:nth-child(2), .slack .step-5 .process .load-print span:nth-child(3) {
    opacity: 1;
    -webkit-animation: none;
            animation: none; }
  .step-5.print-1 .process .load-print span:nth-child(3) {
    opacity: 1; }
  .step-5.print-2 .process .load-print span:nth-child(3) {
    -webkit-animation: none;
            animation: none; }
  .step-5.print-2 .process .load-print span:nth-child(2) {
    opacity: 1; }
  .step-5.print-3 .process .load-print span:nth-child(2) {
    -webkit-animation: none;
            animation: none; }
  .step-5.print-3 .process .load-print span:nth-child(1) {
    opacity: 1; }
  .step-5.done .process .load-print span:nth-child(1) {
    -webkit-animation: none;
            animation: none; }
  @media only screen and (min-width: 481px) {
    .step-5 .image img {
      margin: -25px 0 0 -107px; }
    .step-5 .home-text {
      margin: 417px 0 0 234px;
      font-size: 28px; }
      .step-5 .home-text span:nth-of-type(1) {
        margin: 0 0 -20px -2px;
        font-size: 42px; }
    .step-5 .items > div > div {
      width: 50%; } }
  @media only screen and (min-width: 641px) {
    .step-5 .image img {
      margin: -25px 0 0 -45px; }
    .step-5 .home-text {
      margin: 470px 0 0 343px;
      font-size: 36px; }
      .step-5 .home-text span:nth-of-type(1) {
        font-size: 50px; }
    .step-5 .items > div > div {
      width: 33.33334%; } }
  @media only screen and (min-width: 961px) {
    .step-5 .image img {
      margin: -25px 0 0 115px; }
    .step-5 .home-text {
      margin: 470px 0 0 508px; }
    .step-5 .items > div > div {
      width: 16.66667%; } }
  @media only screen and (min-width: 1261px) {
    .step-5 {
      background: transparent;
      padding: 0; }
      .step-5 .responsiv-content {
        padding: 0;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(46vh);
            -ms-transform: translateY(46vh);
                transform: translateY(46vh);
        left: 0;
        width: 100%;
        height: 600px; }
      .step-5 .image {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
        .step-5 .image img {
          margin: 0;
          position: absolute;
          bottom: 220px;
          left: 50%;
          -webkit-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
                  transform: translateX(-50%); }
      .step-5 .home-text {
        margin: 0 0 0 289px;
        top: auto;
        bottom: 369px;
        left: 50%;
        -webkit-transform: translateX(-58%);
            -ms-transform: translateX(-58%);
                transform: translateX(-58%); }
      .step-5 .items {
        position: absolute;
        bottom: 0;
        left: 0; }
        .step-5 .items > div > div {
          width: 16%;
          padding: 72px 0 0 0; }
      .step-5 .items > div {
        max-width: 1080px;
        position: relative;
        left: -35px; } }
  @media only screen and (min-width: 1441px) {
    .step-5 .items > div {
      max-width: 1140px;
      position: relative;
      left: 0; } }

@media only screen and (min-width: 1441px) and (min-width: 1261px) and (max-height: 700px) {
  .step-5 .responsiv-content {
    -webkit-transform: translateY(42vh);
        -ms-transform: translateY(42vh);
            transform: translateY(42vh); } }

.open-people {
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  z-index: 110;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: auto; }
  .open-profile .open-people {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  .open-profile-right .open-people .load-content {
    right: 0; }
  .open-profile-left .open-people .load-content {
    left: 0; }
  .open-people .close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    cursor: url(../img/close.svg), auto; }
  .open-people .close-mob {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 40px;
    height: 40px;
    cursor: pointer; }
    .open-people .close-mob span {
      position: absolute;
      width: 100%;
      height: 1px;
      background: #959595;
      top: 20px;
      left: 0; }
      .open-people .close-mob span:nth-child(1) {
        -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg); }
      .open-people .close-mob span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg); }
  .open-people .load-content {
    position: absolute;
    top: 0;
    width: 100%;
    min-height: 100%;
    background: #fff;
    padding: 50px 8px 16px; }
    .open-people .load-content .big-image-wrap {
      position: relative;
      padding: 0;
      max-width: 620px;
      margin: 0 auto; }
      .open-people .load-content .big-image-wrap .big-image {
        background-size: cover !important;
        background-position: center top !important;
        width: 100%;
        height: 65vh;
        min-height: 400px; }
    .open-people .load-content .text {
      max-width: 600px;
      margin: 4vh auto 0;
      text-align: center; }
      .open-people .load-content .text span {
        display: block;
        font-size: 12px;
        font-weight: 300;
        color: #000; }
      .open-people .load-content .text .right-text {
        max-width: 300px;
        margin: 10px auto 0; }
      .open-people .load-content .text .name {
        margin: 0 0 4px 0;
        font-weight: 400; }
      .open-people .load-content .text .email {
        margin: 8px 0 0 0;
        color: #2099df; }
  @media only screen and (min-width: 1261px) {
    .open-people {
      overflow: hidden; }
      .open-people .close-mob {
        display: none; }
      .open-people .general-print .paint {
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
      .open-people .load-content {
        padding: 9vh 11vh;
        width: 45vw; }
        .open-people .load-content .big-image-wrap {
          padding: 0;
          max-width: none;
          margin: 0; }
        .open-people .load-content .text {
          margin: 6vh 0 0 0;
          max-width: none;
          text-align: left; }
          .open-people .load-content .text .left-text {
            width: 40%;
            float: left; }
          .open-people .load-content .text .right-text {
            max-width: none;
            margin: 0;
            width: 60%;
            float: right; } }
  @media only screen and (min-width: 1441px) {
    .open-people .load-content .big-image-wrap {
      padding: 0 7vh; } }

.step-6 {
  padding: 0 0 72px 0;
  background: url(../img/bg-5.png); }
  .step-6 .list-of-paper {
    background: url(../img/bg-5.png); }
  .step-6 .advanced-wrapper .svg-print-1, .step-6 .advanced-wrapper .svg-print-2 {
    position: absolute;
    height: 1000px;
    top: -352px;
    width: 1750px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin: 0 0 0 -80px;
    background: rgba(255, 255, 255, 0.12); }
    .step-6 .advanced-wrapper .svg-print-1 .blick, .step-6 .advanced-wrapper .svg-print-2 .blick {
      width: 1920px;
      height: 1080px;
      position: absolute;
      top: 50%;
      left: 48%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      bottom: auto;
      margin-top: 30px; }
  .step-6 .advanced-wrapper .svg-print-1 .blick {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 43%, white 50%, rgba(255, 255, 255, 0) 57%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
  .step-6 .advanced-wrapper .svg-print-2 {
    background: #1A93D3; }
    .step-6 .advanced-wrapper .svg-print-2 .blick {
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDMlIiBzdG9wLWNvbG9yPSIjNGVjM2FkIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjMzliY2E0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzFiOWEwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjMzliY2E0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjNGVjM2FkIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
      background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(78, 195, 173, 0) 43%, #39bca4 48%, #31b9a0 50%, #39bca4 52%, rgba(78, 195, 173, 0) 57%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }
  .step-6 .svg-animation {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) translateZ(0);
            transform: translateX(-50%) translateZ(0); }
  .step-6 .slack-wrapper .image {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 200%; }
    .step-6 .slack-wrapper .image img {
      position: absolute;
      bottom: 0;
      left: 50%;
      max-width: 370%;
      margin: 0 0 0 -30px;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%); }
  .step-6 .paint-mobile .image {
    position: relative;
    padding-top: 191%; }
    .step-6 .paint-mobile .image img {
      position: absolute;
      top: 0;
      left: 50%;
      max-width: none;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      margin: -32px 0 0 -36px;
      width: 1110px; }
  .step-6 .home-text {
    position: absolute;
    top: 318px;
    left: 8px;
    z-index: 1;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 20px; }
    .step-6 .home-text span {
      display: block;
      margin: -4px 0 0 0;
      font-size: 40px; }
  .step-6 .items {
    position: relative;
    margin: -100px 0 0 0;
    width: 100%;
    font-size: 0; }
    .step-6 .items > div {
      max-width: 1140px;
      margin: 0 auto; }
      .step-6 .items > div > div {
        margin: 24px 0 0 0;
        display: inline-block;
        vertical-align: top;
        width: 100%;
        font-size: 16px; }
        .step-6 .items > div > div h2 {
          margin: 0 0 18px 0;
          padding: 14px 0;
          position: relative;
          color: #1a93d3;
          font-size: 26px;
          font-weight: 800;
          text-transform: uppercase; }
          .step-6 .items > div > div h2:after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 2px;
            background: #1a93d3; }
        .step-6 .items > div > div .text p {
          position: relative;
          margin: 6px 0;
          padding: 0 0 0 8px;
          color: #fff;
          font-size: 12px; }
          .step-6 .items > div > div .text p:after {
            content: '';
            position: absolute;
            top: 6px;
            left: 0;
            width: 4px;
            height: 4px;
            border-radius: 100%;
            background: #fff; }
  .step-6 .button {
    z-index: 1;
    position: absolute;
    top: 166px;
    right: 16px;
    background: url(../img/step-6/button.svg) no-repeat center;
    background-size: 100% auto;
    width: 78px;
    height: 92px;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 91px;
    text-align: center; }
    .step-6 .button:after {
      z-index: -1;
      display: none;
      opacity: 0.4;
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 144px;
      height: 122px;
      background: url(../img/step-6/button-hover.svg) no-repeat center; }
    .step-6 .button a {
      display: block;
      text-decoration: none;
      color: #fff; }
  .step-6 .process .load-print span {
    display: none;
    -webkit-animation: pulsate-inks .3s infinite;
            animation: pulsate-inks .3s infinite; }
    .step-6 .process .load-print span:nth-child(1), .step-6 .process .load-print span:nth-child(2), .step-6 .process .load-print span:nth-child(3), .step-6 .process .load-print span:nth-child(4) {
      display: block;
      opacity: 0; }
    .step-6 .process .load-print span:nth-child(1) {
      background: #fff; }
    .step-6 .process .load-print span:nth-child(2) {
      background: #A0A0A0; }
    .step-6 .process .load-print span:nth-child(3) {
      background: #1a93d3; }
    .step-6 .process .load-print span:nth-child(4) {
      background: #292929; }
  .slack .step-6 .process .load-print span:nth-child(1), .slack .step-6 .process .load-print span:nth-child(2), .slack .step-6 .process .load-print span:nth-child(3), .slack .step-6 .process .load-print span:nth-child(4) {
    opacity: 1;
    -webkit-animation: none;
            animation: none; }
  .step-6.print-1 .process .load-print span:nth-child(4) {
    opacity: 1; }
  .step-6.print-2 .process .load-print span:nth-child(4) {
    -webkit-animation: none;
            animation: none; }
  .step-6.print-2 .process .load-print span:nth-child(3) {
    opacity: 1; }
  .step-6.print-3 .process .load-print span:nth-child(3) {
    -webkit-animation: none;
            animation: none; }
  .step-6.print-3 .process .load-print span:nth-child(2) {
    opacity: 1; }
  .step-6.print-4 .process .load-print span:nth-child(2) {
    -webkit-animation: none;
            animation: none; }
  .step-6.print-4 .process .load-print span:nth-child(1) {
    opacity: 1; }
  .step-6.done .process .load-print span:nth-child(1) {
    -webkit-animation: none;
            animation: none; }
  @media only screen and (min-width: 481px) {
    .step-6 .paint-mobile .image {
      padding-top: 180%; }
      .step-6 .paint-mobile .image img {
        width: auto;
        margin: -72px 0 0 -30px; }
    .step-6 .home-text {
      top: 420px;
      left: 33px;
      font-size: 24px; }
      .step-6 .home-text span {
        font-size: 46px; }
    .step-6 .items {
      margin: -240px 0 0 0; }
      .step-6 .items > div > div {
        padding: 0 24px; }
    .step-6 .button {
      top: 225px;
      right: 20px;
      width: 109px; } }
  @media only screen and (min-width: 641px) {
    .step-6 .paint-mobile .image {
      padding-top: 131%; }
      .step-6 .paint-mobile .image img {
        margin: -85px 0 0 -30px; }
    .step-6 .home-text {
      top: 410px;
      left: 114px; }
    .step-6 .button {
      top: 211px;
      right: 99px; } }
  @media only screen and (min-width: 961px) {
    .step-6 .paint-mobile .image {
      padding-top: 104%; }
      .step-6 .paint-mobile .image img {
        width: auto;
        margin: 52px 0 0 -30px; }
    .step-6 .home-text {
      top: 545px;
      left: 273px; }
    .step-6 .items {
      margin: -220px 0 0 0; }
      .step-6 .items > div > div {
        margin: 0; }
        .step-6 .items > div > div:nth-child(1) {
          width: 42%; }
        .step-6 .items > div > div:nth-child(2) {
          width: 30%; }
        .step-6 .items > div > div:nth-child(3) {
          width: 28%; }
    .step-6 .button {
      top: 349px;
      right: 260px; } }
  @media only screen and (min-width: 1261px) {
    .step-6 {
      background: transparent;
      padding: 0; }
      .step-6 .content {
        max-width: none; }
      .step-6 .responsiv-content {
        padding: 0;
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(44vh);
            -ms-transform: translateY(44vh);
                transform: translateY(44vh);
        left: 0;
        width: 100%;
        height: 600px; }
      .step-6 .slack-wrapper .image {
        position: absolute;
        top: 0;
        left: 0;
        padding-top: 0; }
        .step-6 .slack-wrapper .image img {
          bottom: -18px;
          margin: 0;
          max-width: none; }
      .step-6 .home-text {
        top: auto;
        bottom: 274px;
        left: 50%;
        -webkit-transform: translateX(-58%);
            -ms-transform: translateX(-58%);
                transform: translateX(-58%); }
      .step-6 .items {
        position: absolute;
        bottom: 0;
        left: 0; }
      .step-6 .button {
        top: 43px;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        margin: 0 -186px 0 0; }
      .step-6 .items > div {
        max-width: 1000px;
        position: relative;
        left: -47px; }
        .step-6 .items > div > div {
          padding: 0 16px; } }
  @media only screen and (min-width: 1441px) {
    .step-6 .items > div {
      max-width: 1140px;
      position: relative;
      left: 0; }
      .step-6 .items > div > div {
        padding: 0 24px; } }
  @media only screen and (min-width: 1261px) and (max-height: 700px) {
    .step-6 .responsiv-content {
      -webkit-transform: translateY(47vh);
          -ms-transform: translateY(47vh);
              transform: translateY(47vh); } }
  .advanced .step-6 .general-print .paint-3 .items > div > div .title {
    opacity: 0; }
  .advanced .step-6 .general-print .paint-2 .items > div > div .text {
    opacity: 0; }

.step-7 .list-of-paper {
  background: url(../img/bg-6.png); }

.step-7 .responsiv-content {
  padding: 30vh 0; }

.step-7 .home-text-wrapper {
  max-width: 254px;
  margin: 0 auto; }
  .step-7 .home-text-wrapper .home-text {
    position: relative;
    text-transform: uppercase;
    font-weight: 800;
    color: #1a93d3;
    font-size: 40px; }
    .step-7 .home-text-wrapper .home-text span {
      margin: 0;
      font-size: 26px; }
      .step-7 .home-text-wrapper .home-text span:nth-of-type(1) {
        display: inline-block; }
      .step-7 .home-text-wrapper .home-text span:nth-of-type(2) {
        display: block;
        margin: -1px 0 0 0;
        font-size: 36px; }

.step-7 .under, .step-7 .under2 {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffefd+0,fffefd+47,f7f6f5+66,ffffff+100&1+0,0.81+47,0+66,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, white 0%, rgba(255, 255, 255, 0.81) 47%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefd', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 fallback on horizontal gradient */ }

.step-7 .under {
  left: 50%;
  width: 400px;
  height: 300px; }

.step-7 .under2 {
  display: none;
  left: 100%;
  width: 1000px;
  height: 800px; }

.step-7 .svg-animation {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateZ(0);
          transform: translateX(-50%) translateZ(0); }

.step-7 .image {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%; }
  .step-7 .image .logos {
    position: absolute;
    top: -5%;
    left: 0;
    width: 100%;
    height: 110%;
    background: url(../img/step-7/logos-pattern.svg) center;
    background-size: cover;
    z-index: 1; }
  .step-7 .image .blick, .step-7 .image .blick-mobi {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 2200px;
    height: 1080px;
    background: url(../img/step-7/blick.jpg) center; }

.step-7 .process .load-print span {
  display: none;
  -webkit-animation: pulsate-inks .3s infinite;
          animation: pulsate-inks .3s infinite; }
  .step-7 .process .load-print span:nth-child(1), .step-7 .process .load-print span:nth-child(2) {
    display: block;
    opacity: 0; }
  .step-7 .process .load-print span:nth-child(1) {
    background: #1a93d3; }
  .step-7 .process .load-print span:nth-child(2) {
    background: #A0A0A0; }

.slack .step-7 .process .load-print span:nth-child(1), .slack .step-7 .process .load-print span:nth-child(2) {
  opacity: 1;
  -webkit-animation: none;
          animation: none; }

.step-7.print-1 .process .load-print span:nth-child(2) {
  opacity: 1; }

.step-7.print-2 .process .load-print span:nth-child(2) {
  -webkit-animation: none;
          animation: none; }

.step-7.print-2 .process .load-print span:nth-child(1) {
  opacity: 1; }

.step-7.done .process .load-print span:nth-child(1) {
  -webkit-animation: none;
          animation: none; }

@media only screen and (min-width: 961px) {
  .step-7 .under {
    width: 800px;
    height: 600px; }
  .step-7 .image {
    background-size: 70%; } }

@media only screen and (min-width: 1261px) {
  .step-7 .under2 {
    display: block; }
  .step-7 .responsiv-content {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .step-7 .home-text-wrapper {
    max-width: none;
    margin: 0; }
    .step-7 .home-text-wrapper .home-text {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      font-size: 58px; }
      .step-7 .home-text-wrapper .home-text span {
        font-size: 31px; }
  .step-7 .image {
    background-size: auto; } }

.step-8 {
  border-top: 1px dashed #CBCBCB; }
  .step-8 .list-of-paper {
    background: #F7F7F7; }
  .slack .step-8 .general-print {
    padding: 250px 0 100px; }
  .slack .step-8 .paint-1 {
    display: block !important; }
  .slack .step-8 .paint-1 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0; }
  .slack .step-8 .paint-5 {
    display: block; }
    .slack .step-8 .paint-5 .advanced-wrapper {
      position: relative; }
    .slack .step-8 .paint-5 .contacts-wrapper .contacts > div {
      background: #1e1e1e;
      z-index: 1;
      overflow: hidden; }
      .slack .step-8 .paint-5 .contacts-wrapper .contacts > div:after {
        display: none;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(../img/step-8/slack/tree.png) no-repeat top right;
        background-size: auto 100%;
        z-index: -1; }
  @media only screen and (min-width: 481px) {
    .slack .step-8 .paint-5 .contacts-wrapper .contacts > div:after {
      display: block; } }
  .step-8 .map {
    pointer-events: all;
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    margin: 0 0 0 -50vw; }
  .step-8 .svg-image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    width: 360px;
    height: 400px;
    z-index: 2;
    margin: -20px 0 0 0;
    background: rgba(255, 255, 255, 0.1); }
    .step-8 .svg-image-wrap span {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1920px;
      height: 600px;
      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      background: #a1cd90;
      background: linear-gradient(135deg, #a1cd90 0%, #50b4c4 19%, #6b7fb2 36%, #d26793 55%, #50b4c4 77%, #d26793 98%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1cd90', endColorstr='#d26793',GradientType=1 ); }
  .step-8 .content {
    pointer-events: none; }
    .step-8 .content .large-12 {
      pointer-events: none; }
      .step-8 .content .large-12 .general-print {
        pointer-events: none; }
        .step-8 .content .large-12 .general-print .paint-2 {
          pointer-events: none; }
  .step-8 .under {
    display: none;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 1000px;
    height: 800px;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,f7f7f7+47,f7f6f5+66,ffffff+100&1+0,0.81+47,0+66,0+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, #f7f7f7 0%, rgba(247, 247, 247, 0.81) 47%, rgba(247, 246, 245, 0) 66%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#00ffffff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */ }
  .step-8 .developers {
    background: #F8F8F8;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 22px 0;
    height: 60px;
    pointer-events: auto;
    z-index: 1;
    text-align: center; }
    .step-8 .developers a {
      color: #179DD0;
      font-size: 14px;
      text-decoration: none;
      text-shadow: 0px 0px 17px #F7F7F7; }
  .step-8 .contacts-wrapper {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%; }
    .step-8 .contacts-wrapper .contacts {
      -webkit-transform: translateZ(0);
              transform: translateZ(0); }
      .step-8 .contacts-wrapper .contacts > div {
        overflow: hidden;
        pointer-events: all;
        position: relative;
        padding: 48px 24px;
        background: #1e1e1e;
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
        color: #fff; }
        .step-8 .contacts-wrapper .contacts > div .text {
          padding: 40px 0; }
          .step-8 .contacts-wrapper .contacts > div .text > div {
            padding: 4px 0; }
            .step-8 .contacts-wrapper .contacts > div .text > div span {
              display: block;
              padding: 0;
              font-weight: 300;
              font-size: 14px; }
        .step-8 .contacts-wrapper .contacts > div .button-form {
          display: block;
          width: 190px;
          background: #1bb0ff;
          padding: 16px 0 15px;
          cursor: pointer;
          text-align: center;
          text-transform: uppercase;
          font-size: 20px; }
        .step-8 .contacts-wrapper .contacts > div .form-wrapper {
          display: none;
          padding: 24px 8px;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #222; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper p {
            max-width: 80%;
            max-height: 38px;
            margin: 0 0 10px 0;
            color: #fff;
            font-size: 16px;
            font-weight: 300; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper form {
            position: relative; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper form label {
              display: block; }
              .step-8 .contacts-wrapper .contacts > div .form-wrapper form label input, .step-8 .contacts-wrapper .contacts > div .form-wrapper form label textarea {
                width: 100%;
                border: 1px solid rgba(255, 255, 255, 0.21);
                outline: none;
                padding: 10px 20px;
                margin: 7px 0 0;
                background: #222;
                color: #fff;
                font-weight: 300; }
                .step-8 .contacts-wrapper .contacts > div .form-wrapper form label input:focus, .step-8 .contacts-wrapper .contacts > div .form-wrapper form label textarea:focus {
                  border: 1px solid #1a93d3; }
              .step-8 .contacts-wrapper .contacts > div .form-wrapper form label textarea {
                height: 105px; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper form .button {
              position: relative;
              bottom: -11px;
              right: 0;
              border: none;
              outline: none;
              background: #1a93d3;
              padding: 11px 30px 12px 30px;
              font-size: 20px;
              color: #fff;
              text-transform: uppercase; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper .close {
            cursor: pointer;
            position: absolute;
            top: 16px;
            right: 8px;
            width: 40px;
            height: 40px; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .close:after, .step-8 .contacts-wrapper .contacts > div .form-wrapper .close:before {
              content: '';
              position: absolute;
              left: 0;
              top: 18px;
              width: 100%;
              height: 2px;
              background: #1A93D3; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .close:after {
              -webkit-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                      transform: rotate(45deg); }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .close:before {
              -webkit-transform: rotate(-45deg);
                  -ms-transform: rotate(-45deg);
                      transform: rotate(-45deg); }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper .results {
            display: none;
            max-width: 330px; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .results .response {
              display: none; }
              .ua .step-8 .contacts-wrapper .contacts > div .form-wrapper .results .response.response-ua {
                display: block; }
              .ru .step-8 .contacts-wrapper .contacts > div .form-wrapper .results .response.response-ru {
                display: block; }
              .en .step-8 .contacts-wrapper .contacts > div .form-wrapper .results .response.response-en {
                display: block; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .results h4 {
              color: #1BB0FF;
              font-weight: 400;
              font-size: 16px; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper .round {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .round .showbox {
              display: table-cell;
              vertical-align: middle; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .round .loader {
              position: relative;
              margin: 0px auto;
              width: 60px; }
              .step-8 .contacts-wrapper .contacts > div .form-wrapper .round .loader:before {
                content: '';
                display: block;
                padding-top: 100%; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .round .circular {
              -webkit-animation: rotate 2s linear infinite;
                      animation: rotate 2s linear infinite;
              height: 100%;
              -webkit-transform-origin: center center;
                  -ms-transform-origin: center center;
                      transform-origin: center center;
              width: 100%;
              position: absolute;
              top: 0;
              bottom: 0;
              left: 0;
              right: 0;
              margin: auto; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .round .path {
              stroke-dasharray: 1,200;
              stroke-dashoffset: 0;
              -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
                      animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
              stroke-linecap: round; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper.sending form, .step-8 .contacts-wrapper .contacts > div .form-wrapper.sending .change-text {
            display: none; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper.sending .round {
            display: table; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper.sent form, .step-8 .contacts-wrapper .contacts > div .form-wrapper.sent .change-text {
            display: none; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper.sent .results {
            display: block; }
      .step-8 .contacts-wrapper .contacts.open-form > div .text {
        opacity: 0; }
      .step-8 .contacts-wrapper .contacts.open-form > div .form-wrapper {
        display: block; }
  .step-8 .process .load-print span {
    display: none;
    -webkit-animation: pulsate-inks .3s infinite;
            animation: pulsate-inks .3s infinite; }
    .step-8 .process .load-print span:nth-child(1), .step-8 .process .load-print span:nth-child(2), .step-8 .process .load-print span:nth-child(3), .step-8 .process .load-print span:nth-child(4), .step-8 .process .load-print span:nth-child(5) {
      display: block;
      opacity: 0; }
    .step-8 .process .load-print span:nth-child(1) {
      background: #fff; }
    .step-8 .process .load-print span:nth-child(2) {
      background: #1bb0ff; }
    .step-8 .process .load-print span:nth-child(3) {
      background: #a0a0a0; }
    .step-8 .process .load-print span:nth-child(4) {
      background: #1e1e1e; }
    .step-8 .process .load-print span:nth-child(5) {
      background: #e5e5e5; }
  .slack .step-8 .process .load-print span:nth-child(1), .slack .step-8 .process .load-print span:nth-child(2), .slack .step-8 .process .load-print span:nth-child(3), .slack .step-8 .process .load-print span:nth-child(4), .slack .step-8 .process .load-print span:nth-child(5) {
    opacity: 1;
    -webkit-animation: none;
            animation: none; }
  .step-8.print-1 .process .load-print span:nth-child(5) {
    opacity: 1; }
  .step-8.print-2 .process .load-print span:nth-child(5) {
    -webkit-animation: none;
            animation: none; }
  .step-8.print-2 .process .load-print span:nth-child(4) {
    opacity: 1; }
  .step-8.print-3 .process .load-print span:nth-child(4) {
    -webkit-animation: none;
            animation: none; }
  .step-8.print-3 .process .load-print span:nth-child(3) {
    opacity: 1; }
  .step-8.print-4 .process .load-print span:nth-child(3) {
    -webkit-animation: none;
            animation: none; }
  .step-8.print-4 .process .load-print span:nth-child(2) {
    opacity: 1; }
  .step-8.print-5 .process .load-print span:nth-child(2) {
    -webkit-animation: none;
            animation: none; }
  .step-8.print-5 .process .load-print span:nth-child(1) {
    opacity: 1; }
  .step-8.done .process .load-print span:nth-child(1) {
    -webkit-animation: none;
            animation: none; }
  @media only screen and (min-width: 641px) {
    .step-8 .contacts-wrapper {
      display: table; }
      .step-8 .contacts-wrapper .contacts {
        display: table-cell;
        vertical-align: middle; }
        .step-8 .contacts-wrapper .contacts > div {
          padding: 50px 30px; }
          .step-8 .contacts-wrapper .contacts > div .text > div {
            padding: 4px 0;
            white-space: nowrap; }
            .step-8 .contacts-wrapper .contacts > div .text > div span {
              display: inline-block; }
              .step-8 .contacts-wrapper .contacts > div .text > div span:nth-child(2) {
                padding: 0 0 0 24px;
                font-size: 16px; }
          .step-8 .contacts-wrapper .contacts > div .form-wrapper {
            padding: 40px 48px; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper p {
              max-width: none;
              max-height: none;
              margin: 0 0 28px 0; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper form label {
              width: 37%; }
              .step-8 .contacts-wrapper .contacts > div .form-wrapper form label.text-4 {
                position: absolute;
                top: 0;
                right: 0;
                width: 58%; }
              .step-8 .contacts-wrapper .contacts > div .form-wrapper form label input, .step-8 .contacts-wrapper .contacts > div .form-wrapper form label textarea {
                padding: 13px 20px;
                margin: 26px 0 0; }
              .step-8 .contacts-wrapper .contacts > div .form-wrapper form label textarea {
                height: 118px; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper form .button {
              position: absolute;
              bottom: 0; }
            .step-8 .contacts-wrapper .contacts > div .form-wrapper .close {
              top: 33px;
              right: 42px; } }
  @media only screen and (min-width: 961px) {
    .step-8 .contacts-wrapper .contacts > div {
      padding: 50px;
      max-width: 640px; } }
  @media only screen and (min-width: 1261px) {
    .step-8 {
      border-top: none; }
      .step-8 .under {
        display: block; }
      .step-8 .responsiv-content {
        padding: 0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .step-8 .contacts-wrapper {
        position: absolute;
        top: 0;
        left: 0; }
        .step-8 .contacts-wrapper .contacts > div {
          top: -7vh;
          height: 370px; }
          .step-8 .contacts-wrapper .contacts > div .logo {
            position: absolute;
            top: 50px;
            left: 50px; }
          .step-8 .contacts-wrapper .contacts > div .text {
            padding: 100px 0 0 0; }
          .step-8 .contacts-wrapper .contacts > div .button-form {
            position: absolute;
            bottom: 50px;
            left: 50px; }
      .step-8 .map {
        height: 100vh;
        top: 50%;
        margin: -50vh 0 0 -50vw; }
      .slack .step-8 .paint-1, .slack .step-8 .paint-2 {
        height: 0; }
      .slack .step-8.print-5 .paint-1, .slack .step-8.print-5 .paint-2 {
        height: 100%; } }

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

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

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0; }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35px; }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124px; } }

@-webkit-keyframes color {
  100%, 0% {
    stroke: #1a93d3; } }

@keyframes color {
  100%, 0% {
    stroke: #1a93d3; } }

.step-8 .paint-3 .contacts-wrapper .contacts > div, .step-8 .paint-4 .contacts-wrapper .contacts > div, .step-8 .paint-5 .contacts-wrapper .contacts > div {
  background: none; }

.step-8 .paint-4 .svg-image-wrap, .step-8 .paint-5 .svg-image-wrap {
  display: none; }

.step-8 .paint-5 {
  z-index: 6; }

.step-8 .paint-4 .contacts-wrapper .contacts > div .button-form {
  color: transparent; }

/* ie8 */

/*custom css for footer links*/
.footer-links{
	background: #F8F8F8;
	width: 100%;
	padding: 22px 0px;
	text-align: center;
	position: absolute;
	bottom: 50px;
	pointer-events: auto;
}
.items-footer{
	position: relative;
	bottom: 0;
}
@media only screen and (min-width: 1441px){
	.items-footer > div{
		max-width: 1240px;
		position: relative;
		left: 0;
		margin:auto;
	}
}
@media only screen and (min-width: 1240px){
.footer-links .menu-item{
	width: 20%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	}
.footer-links.responsive{
	display: none;
}
}
.footer-links.responsive{
	bottom: 0!important;
}
.menu-item a{
	display: block;
	line-height: 21px;
	font-size: 14px;
    text-decoration: none;
	color: #179DD0;
}

@media only screen and (max-width: 1240px){
.footer-links .menu-item{
	width: 30%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	}
.menu-item a{
	display: block;
	line-height: 18px;
	font-size: 10px;
    text-decoration: none;
	color: #179DD0;
	}
.footer-links.responsive{
	bottom: 0!important;
	}
.step-8 .contacts-wrapper .contacts > div .text {
	padding: 20px 0px;
	}
.slack .step-8 .general-print{
	padding: 250px 0 170px;
	}
}
@media only screen and (max-width: 600px){
.footer-links .menu-item{
	width: 30%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	}
.slack .step-8 .general-print{
		padding: 250px 0 250px;
	}
	.menu-item a{
	display: block;
	line-height: 16px;
	font-size: 10px;
    text-decoration: none;
	color: #179DD0;
	}
}
.step-3 .button-wrapper .button .svg-circles.second-circle{
	top: -150px;
}
@media only screen and (max-width: 1250px){
.step-3 .button-wrapper .button.second-button{
	margin-bottom: 0px;
    margin-left: 580px;
    transform: translatey(-160px);
}
}
@media only screen and (max-width: 961px){
.step-3 .button-wrapper .button.second-button{
	margin-bottom: 0px;
    margin-left: 300px;
    transform: translatey(-140px);
}
}
@media only screen and (max-width: 641px){
.step-3 .button-wrapper .button.second-button{
	margin-bottom: 0px;
    margin-left: 150px;
    transform: translatey(-175px);
}
}
@media only screen and (max-width: 481px){
.step-3 .button-wrapper .button.second-button{
	margin-bottom: 0px;
    margin-left: 100px;
    transform: translatey(-100px);
}
}
/*end custom css for footer links*/