/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

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

/* 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/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 when focused and also mouse hovered in all browsers.
 */
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
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * 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; }

@font-face {
  font-family: "URWWoodTypD";
  src: url("fonts/URWWooDTypD.eot?") format("eot"), url("fonts/URWWooDTypD.woff") format("woff"), url("fonts/URWWooDTypD.ttf") format("truetype"), url("fonts/URWWooDTypD.svg#URWWoodTypD") format("svg");
  font-weight: normal;
  font-style: normal; }

div, ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

sup {
  font-size: 50%;
  vertical-align: super;
  top: 0; }

html, body {
  height: 100%; }

body {
  min-width: 320px;
  font-size: 14px;
  -ms-touch-action: none;
      touch-action: none; }
  @media (min-width: 768px) {
    .skrollr-desktop body:before {
      content: '';
      background-image: url("../images/mouse.png");
      position: fixed;
      width: 26px;
      height: 41px;
      bottom: 30px;
      left: 50%;
      margin-left: -13px;
      -webkit-animation: mouse 2s ease-in-out infinite;
              animation: mouse 2s ease-in-out infinite;
      pointer-events: none; }
    @-webkit-keyframes mouse {
      0% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0; }
      20% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 1; }
      50% {
        opacity: 1; }
      99% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        opacity: 0; }
      100% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0; } }
    @keyframes mouse {
      0% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0; }
      20% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 1; }
      50% {
        opacity: 1; }
      99% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        opacity: 0; }
      100% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0; } } }
  @media (min-width: 768px) and (max-width: 768px) and (min-width: 0px) {
    .skrollr-desktop body:before {
      display: none; } }
  @media (min-width: 768px) {
    .skrollr-desktop body.action-swipe-hidden:before {
      display: none; } }
  @media (max-width: 768px) and (orientation: landscape) {
    .skrollr-mobile body:after {
      content: '';
      z-index: 9999999;
      position: fixed;
      left: 0px;
      right: 0px;
      top: 0px;
      bottom: 0px;
      background-image: url("../images/vertical-phone.gif");
      background-repeat: no-repeat;
      background-size: auto 230px;
      background-position: center;
      background-color: #01a184; } }
  @media (max-width: 768px) {
    .skrollr-mobile body:before {
      content: '';
      position: fixed;
      left: 50%;
      bottom: 20px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.3);
      border: 2px solid rgba(0, 0, 0, 0.3);
      margin-left: -15px;
      z-index: 99999;
      -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
              animation: ca3_fade_move_down 2s ease-in-out infinite;
      pointer-events: none; }
    @-webkit-keyframes ca3_fade_move_down {
      0% {
        -webkit-transform: translate(0, 0px) scale(1.2);
                transform: translate(0, 0px) scale(1.2);
        opacity: 0; }
      30% {
        -webkit-transform: translate(0, 0px) scale(1);
                transform: translate(0, 0px) scale(1);
        opacity: 1; }
      100% {
        -webkit-transform: translate(0, -40px) scale(1);
                transform: translate(0, -40px) scale(1);
        opacity: 0; } }
    @keyframes ca3_fade_move_down {
      0% {
        -webkit-transform: translate(0, 0px) scale(1.2);
                transform: translate(0, 0px) scale(1.2);
        opacity: 0; }
      30% {
        -webkit-transform: translate(0, 0px) scale(1);
                transform: translate(0, 0px) scale(1);
        opacity: 1; }
      100% {
        -webkit-transform: translate(0, -40px) scale(1);
                transform: translate(0, -40px) scale(1);
        opacity: 0; } }
    .skrollr-mobile body.action-swipe-hidden:before {
      display: none; } }
  body .preloader {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #ffffff;
    background-image: url("../images/loading.gif");
    background-repeat: no-repeat;
    background-position: center 20%;
    z-index: 10000; }
    body .preloader.hidden-loading {
      opacity: 0;
      -webkit-transition: opacity 0.5s ease 0s, -webkit-transform 0s ease 0.5s;
      transition: opacity 0.5s ease 0s, -webkit-transform 0s ease 0.5s;
      transition: opacity 0.5s ease 0s, transform 0s ease 0.5s;
      transition: opacity 0.5s ease 0s, transform 0s ease 0.5s, -webkit-transform 0s ease 0.5s;
      -webkit-transform: scale(0);
              transform: scale(0);
      pointer-events: none; }
  .hiddenApp body {
    overflow: hidden; }

.main-wrapper {
  height: 100%; }
  .main-wrapper .header-sticky {
    height: 70px;
    -webkit-transition: -webkit-transform 0.5s ease 0s;
    transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; }
  @media (max-width: 768px) and (min-width: 0px) {
    .main-wrapper .header-sticky {
      height: 40px; } }

.main-content {
  padding: 0px 0 0px; }
  .main-content .container {
    width: auto !important;
    padding: 0px; }
    .main-content .container iframe {
      border: none;
      width: 100%;
      height: 100%;
      -webkit-transform: scale(1);
              transform: scale(1); }

.scene-head {
  background-color: #017573; }
  .scene-head p {
    margin: 0; }

#skrollr {
  width: 100%;
  height: 100%;
  position: relative !important;
  top: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  #skrollr .conteiner-ks {
    width: 100%;
    height: 100%;
    position: relative; }
    #skrollr .conteiner-ks .scene {
      position: fixed;
      height: 100%;
      top: 0;
      left: 0px;
      right: 0px; }
    #skrollr .conteiner-ks .scrollBlock {
      overflow: hidden;
      overflow-y: auto; }
      .skrollr-mobile #skrollr .conteiner-ks .scrollBlock {
        padding-bottom: 30px !important; }
    #skrollr .conteiner-ks .hand {
      position: absolute;
      background-image: url("../images/steps/hand.png");
      background-size: 100% 100%;
      width: 33px;
      height: 33px;
      -webkit-animation: 0.5s ease-in 0s infinite alternate hand;
              animation: 0.5s ease-in 0s infinite alternate hand; }

@-webkit-keyframes hand {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }

@keyframes hand {
  from {
    -webkit-transform: scale(1);
            transform: scale(1); }
  to {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); } }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .hand {
          display: none; } }
    #skrollr .conteiner-ks .popup-content {
      background: -webkit-gradient(linear, left top, left bottom, from(#015768), to(#01a184));
      background: linear-gradient(to bottom, #015768 0%, #01a184 100%);
      position: absolute;
      left: 0px;
      right: 0px;
      top: 100%;
      height: 100%;
      -webkit-transform: translateY(100%);
              transform: translateY(100%);
      -webkit-transition: top 0s ease 0.5s, opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
      transition: top 0s ease 0.5s, opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
      transition: transform 0.5s ease 0s, top 0s ease 0.5s, opacity 0s ease 0.5s;
      transition: transform 0.5s ease 0s, top 0s ease 0.5s, opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
      opacity: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #skrollr .conteiner-ks .popup-content.open {
        top: 0%;
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
        -webkit-transition: top 0s ease 0s, opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;
        transition: top 0s ease 0s, opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;
        transition: transform 0.5s ease 0s, top 0s ease 0s, opacity 0s ease 0s;
        transition: transform 0.5s ease 0s, top 0s ease 0s, opacity 0s ease 0s, -webkit-transform 0.5s ease 0s; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .popup-content {
          padding: 0px 0; }
          .skrollr-mobile #skrollr .conteiner-ks .popup-content {
            padding: 15px 0; } }
      #skrollr .conteiner-ks .popup-content .popup-wrapper {
        max-width: 1090px;
        width: 100%;
        position: relative;
        height: 100%;
        margin: 0px auto 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        max-height: 768px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .popup-content .popup-wrapper {
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        #skrollr .conteiner-ks .popup-content .popup-wrapper .close-popup {
          background-image: url("../images/steps/close-popup.png");
          background-size: 100% 100%;
          width: 25px;
          height: 25px;
          position: absolute;
          top: 12px;
          right: 12px;
          cursor: pointer;
          z-index: 10; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .popup-content .popup-wrapper .close-popup {
              top: 12px; }
              .skrollr-mobile #skrollr .conteiner-ks .popup-content .popup-wrapper .close-popup {
                top: 12px; } }
        #skrollr .conteiner-ks .popup-content .popup-wrapper .left-block {
          background-color: #ffffff;
          height: 100%;
          position: relative; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .popup-content .popup-wrapper .left-block {
              width: 95% !important;
              margin: 0px auto 0px; } }
    #skrollr .conteiner-ks [data-tippy-content] {
      border-bottom: 2px dotted #b3b3b3;
      cursor: pointer; }
    #skrollr .conteiner-ks .scene-0 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 768px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-0 .scene-content {
          max-height: 540px;
          max-width: 413px; } }
      #skrollr .conteiner-ks .scene-0 .scene-content .mouse {
        background-image: url("../images/mouse.png");
        position: fixed;
        width: 26px;
        height: 41px;
        bottom: 1%;
        left: 50%;
        margin-left: -13px;
        -webkit-animation: mouse 2s ease-in-out infinite;
                animation: mouse 2s ease-in-out infinite; }

@-webkit-keyframes mouse {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0; }
  20% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 1; }
  50% {
    opacity: 1; }
  99% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0; } }

@keyframes mouse {
  0% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0; }
  20% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 1; }
  50% {
    opacity: 1; }
  99% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
    opacity: 0; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-0 .scene-content .mouse {
            display: none; } }
      #skrollr .conteiner-ks .scene-0 .scene-content .bg {
        max-width: 722px;
        min-width: 413px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 100%; }
        #skrollr .conteiner-ks .scene-0 .scene-content .bg > img {
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-0 .scene-content .bg {
            max-width: 413px;
            -webkit-transform: translate(-50%, -20%);
                    transform: translate(-50%, -20%); } }
      #skrollr .conteiner-ks .scene-0 .scene-content .doctor {
        position: absolute;
        bottom: 0%;
        right: 0%;
        width: 222px; }
        #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip {
          position: absolute;
          background-color: #f7ab0f;
          border-radius: 16px 16px 0px 16px;
          width: 392px;
          top: -58px;
          left: 70%;
          -webkit-transform-origin: 0% 70%;
                  transform-origin: 0% 70%; }
          #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip:before {
            content: '';
            border-top: 12px solid transparent;
            border-right: 50px solid #f7ab0f;
            border-bottom: 12px solid transparent;
            -webkit-transform-origin: 100% 100%;
                    transform-origin: 100% 100%;
            -webkit-transform: rotate(31deg);
                    transform: rotate(31deg);
            position: absolute;
            right: 100%;
            bottom: 25px; }
          #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip span {
            position: absolute;
            border-radius: 16px;
            background-color: #f7ab0f; }
            #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip span.top-rotate {
              top: 0px;
              right: 0px;
              left: 0px;
              height: 28px;
              -webkit-transform-origin: 8px 8px;
                      transform-origin: 8px 8px;
              -webkit-transform: rotate(-1deg);
                      transform: rotate(-1deg);
              border-radius: 0px 16px 16px 16px; }
            #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip span.left-rotate {
              top: 0px;
              bottom: 0px;
              left: 0px;
              width: 28px;
              -webkit-transform-origin: 8px calc(100% - 8px);
                      transform-origin: 8px calc(100% - 8px);
              -webkit-transform: rotate(-6deg);
                      transform: rotate(-6deg); }
            #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip span.bottom-rotate {
              bottom: 0px;
              right: 0px;
              left: 0px;
              height: 28px;
              -webkit-transform-origin: 8px 8px;
                      transform-origin: 8px 8px;
              -webkit-transform: rotate(2deg);
                      transform: rotate(2deg); }
          #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip div {
            position: relative;
            padding: 12px 16px 6px 16px; }
            #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip div p {
              font-weight: 300;
              font-size: 16px;
              color: #ffffff; }
              #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip div p b {
                font-weight: 500; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip {
              left: 0;
              top: auto;
              bottom: 105%;
              width: 240px;
              -webkit-transform-origin: 50% 100%;
                      transform-origin: 50% 100%; }
              #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip:before {
                content: '';
                -webkit-transform-origin: 100% 0%;
                        transform-origin: 100% 0%;
                -webkit-transform: rotate(-69deg);
                        transform: rotate(-69deg);
                bottom: auto;
                right: 70px;
                top: 98%; }
              #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip span.left-rotate {
                -webkit-transform: rotate(-4deg);
                        transform: rotate(-4deg); }
              #skrollr .conteiner-ks .scene-0 .scene-content .doctor .tooltip > div p {
                margin: 0px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-0 .scene-content .doctor {
            max-width: 151px; } }
      #skrollr .conteiner-ks .scene-0 .scene-content .fl {
        position: absolute;
        bottom: 0%;
        right: 0%;
        width: 100%;
        min-width: 89px;
        max-width: 131px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-0 .scene-content .fl {
            max-width: 89px; } }
    #skrollr .conteiner-ks .scene-1 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 1043px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-1 .scene-content {
          max-height: 540px;
          max-width: 413px; } }
      #skrollr .conteiner-ks .scene-1 .scene-content .bg {
        max-width: 798px;
        min-width: 413px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -57%);
                transform: translate(-50%, -57%);
        width: 100%; }
        #skrollr .conteiner-ks .scene-1 .scene-content .bg > img {
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-1 .scene-content .bg {
            max-width: 413px;
            -webkit-transform: translate(-50%, -12%);
                    transform: translate(-50%, -12%); } }
      #skrollr .conteiner-ks .scene-1 .scene-content .man {
        position: absolute;
        bottom: 0%;
        right: 0%;
        width: 117px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-1 .scene-content .man {
            max-width: 67px; } }
      #skrollr .conteiner-ks .scene-1 .scene-content .dog {
        position: absolute;
        bottom: 5%;
        left: 0%;
        width: 100%;
        min-width: 89px;
        max-width: 130px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-1 .scene-content .dog {
            bottom: 1%;
            max-width: 71px; } }
      #skrollr .conteiner-ks .scene-1 .scene-content .tool {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute; }
        #skrollr .conteiner-ks .scene-1 .scene-content .tool div {
          color: #ffffff;
          position: relative; }
        #skrollr .conteiner-ks .scene-1 .scene-content .tool-1 {
          background-image: url("../images/steps/step-1/toll1.png");
          width: 171px;
          height: 160px;
          top: 5%;
          left: 1%; }
          #skrollr .conteiner-ks .scene-1 .scene-content .tool-1 div {
            padding: 37px 14px 8px 18px;
            -webkit-transform-origin: 0% 0%;
                    transform-origin: 0% 0%;
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
            font-size: 15px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-1 .scene-content .tool-1 {
              width: 120px;
              height: 112px;
              top: 30%; }
              #skrollr .conteiner-ks .scene-1 .scene-content .tool-1 div {
                padding: 26px 12px 12px 12px;
                line-height: 12px;
                font-size: 12px; } }
        #skrollr .conteiner-ks .scene-1 .scene-content .tool-2 {
          background-image: url("../images/steps/step-1/toll2.png");
          width: 178px;
          height: 181px;
          top: 57%;
          left: 2%; }
          #skrollr .conteiner-ks .scene-1 .scene-content .tool-2 div {
            padding: 40px 41px 20px 18px;
            -webkit-transform-origin: 0% 0%;
                    transform-origin: 0% 0%;
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
            font-size: 18px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-1 .scene-content .tool-2 {
              width: 112px;
              height: 114px;
              top: 8%; }
              #skrollr .conteiner-ks .scene-1 .scene-content .tool-2 div {
                padding: 33px 17px 20px 12px;
                line-height: 12px;
                font-size: 12px; } }
        #skrollr .conteiner-ks .scene-1 .scene-content .tool-3 {
          background-image: url("../images/steps/step-1/toll3.png");
          width: 208px;
          height: 171px;
          top: 7%;
          right: 17%; }
          #skrollr .conteiner-ks .scene-1 .scene-content .tool-3 div {
            padding: 20px 27px 12px 16px;
            -webkit-transform-origin: 0% 0%;
                    transform-origin: 0% 0%;
            -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
            font-size: 14px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-1 .scene-content .tool-3 {
              width: 145px;
              height: 120px;
              right: 8%; }
              #skrollr .conteiner-ks .scene-1 .scene-content .tool-3 div {
                padding: 12px 14px 12px 9px;
                line-height: 12px;
                font-size: 12px; } }
        #skrollr .conteiner-ks .scene-1 .scene-content .tool-4 {
          background-image: url("../images/steps/step-1/toll4.png");
          width: 211px;
          height: 197px;
          top: 29%;
          right: 11%; }
          #skrollr .conteiner-ks .scene-1 .scene-content .tool-4 div {
            padding: 67px 0px 8px 46px;
            -webkit-transform-origin: 0% 100%;
                    transform-origin: 0% 100%;
            -webkit-transform: rotate(-13deg);
                    transform: rotate(-13deg);
            font-size: 12px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-1 .scene-content .tool-4 {
              width: 183px;
              height: 150px;
              top: 29%;
              right: 2%; }
              #skrollr .conteiner-ks .scene-1 .scene-content .tool-4 div {
                padding: 50px 0px 8px 45px;
                line-height: 12px;
                font-size: 12px;
                -webkit-transform: rotate(-15deg);
                        transform: rotate(-15deg); } }
        #skrollr .conteiner-ks .scene-1 .scene-content .tool-5 {
          background-image: url("../images/steps/step-1/toll5.png");
          width: 154px;
          height: 95px;
          top: 64%;
          right: 14%; }
          #skrollr .conteiner-ks .scene-1 .scene-content .tool-5 div {
            padding: 8px 17px 0px 17px;
            -webkit-transform-origin: 100% 100%;
                    transform-origin: 100% 100%;
            -webkit-transform: rotate(-2deg);
                    transform: rotate(-2deg);
            font-size: 11px;
            text-align: right; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-1 .scene-content .tool-5 {
              width: 155px;
              height: 77px;
              top: 57%;
              right: 1%; }
              #skrollr .conteiner-ks .scene-1 .scene-content .tool-5 div {
                padding: 8px 12px 0px 16px;
                line-height: 12px;
                font-size: 12px; } }
    #skrollr .conteiner-ks .scene-2 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 1066px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-2 .scene-content {
          max-height: 540px;
          max-width: 413px; } }
      #skrollr .conteiner-ks .scene-2 .scene-content .bg {
        max-width: 613px;
        position: absolute;
        left: 42%;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        width: 100%;
        -webkit-mask-image: url("../images/steps/step-2/bg.png");
                mask-image: url("../images/steps/step-2/bg.png");
        -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat; }
        #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.bg-c {
          width: 100%; }
        #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.doc {
          position: absolute;
          left: 272px;
          top: 101px; }
        #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.q {
          position: absolute;
          left: 262px;
          top: 51px;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
        #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.stol {
          position: absolute;
          left: 261px;
          top: 90px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-2 .scene-content .bg {
            left: 72%;
            max-width: 285px;
            -webkit-transform: translate(-50%, 14%);
                    transform: translate(-50%, 14%); }
            #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.q {
              max-width: 35px;
              left: 109px;
              top: 33px; }
            #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.doc {
              left: 112px;
              top: 60px;
              max-width: 76px; }
            #skrollr .conteiner-ks .scene-2 .scene-content .bg > img.stol {
              left: 123px;
              top: 68px;
              max-width: 140px; } }
      #skrollr .conteiner-ks .scene-2 .scene-content .man {
        position: absolute;
        bottom: 0%;
        right: 0%;
        width: 117px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-2 .scene-content .man {
            max-width: 67px; } }
      #skrollr .conteiner-ks .scene-2 .scene-content .woman {
        position: absolute;
        bottom: 0%;
        left: 0%;
        width: 215px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-2 .scene-content .woman {
            bottom: 0%;
            max-width: 91px; } }
      #skrollr .conteiner-ks .scene-2 .scene-content .man {
        position: absolute;
        bottom: 0%;
        right: 0%;
        width: 113px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-2 .scene-content .man {
            bottom: 0%;
            max-width: 47px; } }
      #skrollr .conteiner-ks .scene-2 .scene-content .text-block {
        position: absolute;
        left: 1%;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        background-image: url("../images/steps/step-2/head-block.png");
        background-position: center 0px;
        background-size: 100% auto;
        background-repeat: no-repeat;
        background-color: #ce3946;
        width: 27%;
        border-radius: 8px;
        padding: 0 22px; }
        #skrollr .conteiner-ks .scene-2 .scene-content .text-block:before {
          content: '';
          border-top: 5px solid transparent;
          border-left: 21px solid #ce3946;
          border-bottom: 5px solid transparent;
          position: absolute;
          left: 100%;
          top: 120px;
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%;
          -webkit-transform: rotate(-29deg);
                  transform: rotate(-29deg); }
        #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block {
          padding: 10px 0px; }
          #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block span {
            color: #ffffff;
            font-size: 18px;
            font-weight: bold; }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block span b {
              font-size: 24px; }
        #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block {
          padding: 10px 0px; }
          #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul {
            margin: 0;
            padding: 0;
            list-style: none; }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul li {
              padding-left: 28px;
              color: #ffffff;
              font-size: 16px;
              line-height: 18px;
              position: relative;
              margin: 10px 0px; }
              #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul li:before {
                content: '+';
                position: absolute;
                left: 0px;
                top: 1px;
                font-weight: bold;
                font-size: 20px; }
        @media (max-width: 1000px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block {
            padding: 5px 0px; }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block span {
              font-size: 14px; }
              #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block span b {
                font-size: 18px; }
          #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block {
            padding: 0px 0px 5px; }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul li {
              font-size: 12px;
              line-height: 14px;
              margin: 5px 0px; }
              #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul li:before {
                font-size: 16px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-2 .scene-content .text-block {
            max-width: 282px;
            width: 100%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            top: 33%;
            left: 50%; }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block:before {
              left: 30%;
              top: 100%;
              -webkit-transform-origin: 0% 0%;
                      transform-origin: 0% 0%;
              -webkit-transform: rotate(121deg);
                      transform: rotate(121deg); }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block {
              padding: 5px 0px; }
              #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block span {
                font-size: 16px; }
                #skrollr .conteiner-ks .scene-2 .scene-content .text-block .head-block span b {
                  font-size: 16px; }
            #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block {
              padding: 0px 0px 5px; }
              #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul li {
                font-size: 14px;
                line-height: 16px;
                margin: 5px 0px;
                padding-left: 15px; }
                #skrollr .conteiner-ks .scene-2 .scene-content .text-block .content-block ul li:before {
                  font-size: 12px; } }
    #skrollr .conteiner-ks .scene-3 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 1140px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-3 .scene-content {
          max-height: 540px;
          max-width: 413px; } }
      #skrollr .conteiner-ks .scene-3 .scene-content .bg {
        max-width: 548px;
        position: absolute;
        left: 0%;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        width: 100%; }
        #skrollr .conteiner-ks .scene-3 .scene-content .bg > img {
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .scene-content .bg {
            max-width: 188px;
            -webkit-transform: translate(0%, -121%);
                    transform: translate(0%, -121%); } }
      #skrollr .conteiner-ks .scene-3 .scene-content .pacient {
        width: 492px;
        position: absolute;
        right: 0%;
        bottom: 4%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .scene-content .pacient {
            width: 176px;
            bottom: 51.5%; } }
      #skrollr .conteiner-ks .scene-3 .scene-content .tumba {
        width: 114px;
        position: absolute;
        right: 0%;
        bottom: 0%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .scene-content .tumba {
            width: 38px;
            bottom: 51.5%; } }
      #skrollr .conteiner-ks .scene-3 .scene-content .woman {
        width: 131px;
        position: absolute;
        left: 0%;
        bottom: 0%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .scene-content .woman {
            width: 87px;
            bottom: 42%; } }
      #skrollr .conteiner-ks .scene-3 .scene-content .man {
        width: 132px;
        position: absolute;
        left: 0%;
        bottom: 0%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .scene-content .man {
            width: 87px;
            bottom: 42%; } }
    #skrollr .conteiner-ks .scene-3 ul.button-popup {
      position: absolute;
      left: 100%;
      max-width: 218px;
      width: 100%;
      top: 50%;
      -webkit-transform: translate(-14%, -62%);
              transform: translate(-14%, -62%);
      list-style: none;
      margin: 0;
      padding: 0;
      z-index: 10;
      -webkit-transition: opacity 0.5s ease 0s;
      transition: opacity 0.5s ease 0s; }
      #skrollr .conteiner-ks .scene-3 ul.button-popup li {
        width: 100%;
        height: 46px;
        margin: 17px 0px;
        position: relative;
        cursor: pointer; }
        #skrollr .conteiner-ks .scene-3 ul.button-popup li div {
          background-color: #f7ab0f;
          border-radius: 23px;
          display: table;
          height: 100%;
          width: 100%; }
          #skrollr .conteiner-ks .scene-3 ul.button-popup li div span {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #ffffff; }
        #skrollr .conteiner-ks .scene-3 ul.button-popup li.active div {
          background-color: white;
          -webkit-box-shadow: 0px 7px 21px 0px rgba(1, 95, 108, 0.59);
                  box-shadow: 0px 7px 21px 0px rgba(1, 95, 108, 0.59); }
          #skrollr .conteiner-ks .scene-3 ul.button-popup li.active div span {
            color: #f7ab0f; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-3 ul.button-popup {
          -webkit-transform: translate(-50%, 0%);
                  transform: translate(-50%, 0%);
          top: 60%; } }
    #skrollr .conteiner-ks .scene-3 .popup-content:before {
      content: '';
      background-image: url("../images/steps/step-3/popup-bg.png");
      background-size: content;
      background-repeat: no-repeat;
      background-position: 0 center;
      position: absolute;
      left: 54%;
      top: 0px;
      bottom: 0px;
      right: 0px; }
    @media (max-width: 768px) and (min-width: 0px) {
      #skrollr .conteiner-ks .scene-3 .popup-content:before {
        display: none; } }
    #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block {
      width: 57%; }
      #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .title {
        font-size: 24px;
        color: #015568;
        font-weight: bold;
        padding-left: 32px;
        padding-bottom: 20px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .title {
            font-size: 18px;
            padding-left: 23px;
            padding-bottom: 10px; } }
      #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block p {
        font-size: 16px;
        margin: 10px 0px;
        padding-left: 32px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block p {
            padding-left: 23px; } }
      #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block ul.list {
        list-style: none;
        margin: 0;
        padding: 0; }
        #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block ul.list li {
          font-size: 16px;
          font-weight: 300;
          margin: 10px 0px;
          position: relative;
          padding-left: 32px; }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block ul.list li img {
            display: none;
            margin: 5px 10px 5px 0px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block ul.list li img {
                display: block; } }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block ul.list li:before {
            content: '+';
            position: absolute;
            left: 0px;
            top: -6px;
            font-size: 24px;
            font-weight: bold;
            color: #f7ab0f; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block ul.list li {
              padding-left: 23px; } }
      #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block {
        position: absolute;
        right: 0px;
        left: 0px;
        bottom: 0px;
        padding: 20px;
        background-color: #015568; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block {
            display: none; } }
        #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block ul.navigate-tab {
          float: right;
          list-style: none;
          margin: 0px;
          padding: 0px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block ul.navigate-tab li {
            border-radius: 50%;
            border: 1px solid #c8ccd3;
            width: 34px;
            height: 34px;
            margin: 0px 9px;
            cursor: pointer;
            display: table; }
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block ul.navigate-tab li span {
              display: table-cell;
              vertical-align: middle;
              text-align: center;
              font-size: 18px;
              color: #ffffff;
              font-weight: 300; }
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block ul.navigate-tab li.active {
              border-color: #f7ab0f; }
              #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .navigate-tab-in-block ul.navigate-tab li.active span {
                color: #f7ab0f;
                font-weight: bold; }
      #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        bottom: 0px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block {
            top: 0px; }
            .skrollr-mobile #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block {
              top: 0px; } }
        #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
          position: absolute;
          left: 0px;
          right: 0px;
          top: 0px;
          bottom: 0px;
          opacity: 0;
          display: none;
          padding: 7% 20% 7% 7%; }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.active {
            opacity: 1;
            display: block; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
              padding: 20px 10px 20px 10px; } }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 60px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block {
                bottom: 0px; } }
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block .tab-in-block {
              position: absolute;
              left: 0px;
              right: 0px;
              top: 0px;
              bottom: 0px;
              display: none;
              padding: 7% 20% 7% 7%; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block .tab-in-block {
                  padding: 20px 10px 20px 10px;
                  position: relative;
                  display: block; }
                  #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block .tab-in-block-2 .title, #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block .tab-in-block-3 .title {
                    display: none; } }
              #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tabs-in-block .tab-in-block.active {
                display: block; }
    #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block {
      width: 43%;
      height: 100%;
      position: relative;
      max-height: 603px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block {
          display: none; } }
      #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman {
        position: absolute;
        left: 80%;
        width: 355px;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 0%; }
        #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman .img-illustr {
          position: absolute;
          left: 50px;
          right: 69px;
          top: 0px;
          bottom: 374px; }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman .img-illustr > div {
            opacity: 0; }
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman .img-illustr > div.step-in > img {
              opacity: 0; }
              #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman .img-illustr > div.step-in > img.active {
                opacity: 1; }
            #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman .img-illustr > div.active {
              opacity: 1; }
          #skrollr .conteiner-ks .scene-3 .popup-content .popup-wrapper .righ-block .woman .img-illustr img {
            position: absolute;
            top: 0; }
    @media (max-width: 768px) and (min-width: 0px) {
      #skrollr .conteiner-ks .scene-3 .popup-content.open + .button-popup {
        opacity: 0;
        pointer-events: none; } }
    #skrollr .conteiner-ks .scene-4 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 810px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-4 .scene-content {
          max-height: 540px;
          max-width: 413px; } }
      #skrollr .conteiner-ks .scene-4 .scene-content .bg {
        max-width: 825px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -56%);
                transform: translate(-50%, -56%);
        width: 100%; }
        #skrollr .conteiner-ks .scene-4 .scene-content .bg > img {
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .scene-content .bg {
            width: 604px;
            left: 54%;
            top: -10%;
            -webkit-transform: translate(-50%, 0%);
                    transform: translate(-50%, 0%); } }
      #skrollr .conteiner-ks .scene-4 .scene-content .stol {
        width: 367px;
        position: absolute;
        left: 50%;
        bottom: 3%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%); }
        #skrollr .conteiner-ks .scene-4 .scene-content .stol .blood {
          position: absolute;
          width: 70px;
          top: 48px;
          left: 75px;
          cursor: pointer; }
          #skrollr .conteiner-ks .scene-4 .scene-content .stol .blood i.hand {
            left: 21px;
            top: 58px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-4 .scene-content .stol .blood {
              width: 41px;
              top: 17px;
              left: 47px; } }
        #skrollr .conteiner-ks .scene-4 .scene-content .stol .urine {
          position: absolute;
          width: 32px;
          top: 77px;
          right: 109px;
          cursor: pointer; }
          #skrollr .conteiner-ks .scene-4 .scene-content .stol .urine i.hand {
            left: 2px;
            top: 39px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-4 .scene-content .stol .urine {
              width: 20px;
              top: 31px;
              right: 51px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .scene-content .stol {
            width: 174px; } }
      #skrollr .conteiner-ks .scene-4 .scene-content .uzi {
        width: 116px;
        position: absolute;
        right: 0%;
        bottom: 3%;
        cursor: pointer; }
        #skrollr .conteiner-ks .scene-4 .scene-content .uzi i.hand {
          left: 34px;
          top: 75px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .scene-content .uzi {
            width: 58px;
            bottom: 41%; } }
      #skrollr .conteiner-ks .scene-4 .scene-content .men {
        width: 120px;
        position: absolute;
        right: 0%;
        bottom: 0%; }
        #skrollr .conteiner-ks .scene-4 .scene-content .men .tool {
          background-image: url("../images/steps/step-4/tool-1.png");
          background-size: 100% 100%;
          width: 213px;
          height: 97px;
          position: absolute;
          left: 80px;
          top: -70px;
          padding: 17px 5px 11px 50px;
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%; }
          #skrollr .conteiner-ks .scene-4 .scene-content .men .tool div {
            font-size: 16px;
            line-height: 18px;
            color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-4 .scene-content .men .tool {
              width: 151px;
              height: 67px;
              left: 49px;
              top: -51px;
              padding: 10px 4px 10px 32px; }
              #skrollr .conteiner-ks .scene-4 .scene-content .men .tool div {
                font-size: 12px;
                line-height: 12px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .scene-content .men {
            width: 71px;
            bottom: 41%; } }
      #skrollr .conteiner-ks .scene-4 .scene-content .woman {
        width: 161px;
        position: absolute;
        left: 0%;
        bottom: 0%;
        pointer-events: none; }
        #skrollr .conteiner-ks .scene-4 .scene-content .woman .tool {
          background-image: url("../images/steps/step-4/tool-2.png");
          background-size: 100% 100%;
          width: 167px;
          height: 54px;
          position: absolute;
          right: 77px;
          top: 3px;
          padding: 14px 42px 18px 19px;
          -webkit-transform-origin: 100% 100%;
                  transform-origin: 100% 100%; }
          #skrollr .conteiner-ks .scene-4 .scene-content .woman .tool div {
            font-size: 16px;
            line-height: 18px;
            color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-4 .scene-content .woman .tool {
              width: 104px;
              height: 42px;
              right: 48px;
              top: 9px;
              padding: 14px 20px 18px 9px; }
              #skrollr .conteiner-ks .scene-4 .scene-content .woman .tool div {
                font-size: 12px;
                line-height: 12px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .scene-content .woman {
            width: 100px;
            bottom: 41%; } }
      #skrollr .conteiner-ks .scene-4 .scene-content .egds {
        width: 138px;
        position: absolute;
        left: 0%;
        bottom: 3%;
        cursor: pointer; }
        #skrollr .conteiner-ks .scene-4 .scene-content .egds i.hand {
          left: 35px;
          top: 94px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .scene-content .egds {
            width: 68px;
            bottom: 41%; } }
    #skrollr .conteiner-ks .scene-4 ul.button-popup {
      position: absolute;
      left: 50%;
      max-width: 218px;
      width: 100%;
      top: 60%;
      -webkit-transform: translate(-50%, 0%);
              transform: translate(-50%, 0%);
      list-style: none;
      margin: 0;
      padding: 0;
      display: none; }
      #skrollr .conteiner-ks .scene-4 ul.button-popup li {
        width: 100%;
        height: 46px;
        margin: 6px 0px;
        position: relative;
        cursor: pointer; }
        #skrollr .conteiner-ks .scene-4 ul.button-popup li div {
          background-color: #f7ab0f;
          border-radius: 23px;
          display: table;
          height: 100%;
          width: 100%; }
          #skrollr .conteiner-ks .scene-4 ul.button-popup li div span {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-size: 16px;
            font-weight: bold;
            color: #ffffff; }
        #skrollr .conteiner-ks .scene-4 ul.button-popup li.active div {
          background-color: white;
          -webkit-box-shadow: 0px 7px 21px 0px rgba(1, 95, 108, 0.59);
                  box-shadow: 0px 7px 21px 0px rgba(1, 95, 108, 0.59); }
          #skrollr .conteiner-ks .scene-4 ul.button-popup li.active div span {
            color: #f7ab0f; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-4 ul.button-popup {
          display: block; } }
    #skrollr .conteiner-ks .scene-4 .popup-content:before {
      content: '';
      background-image: url("../images/steps/step-4/popup-bg.png");
      background-size: content;
      background-repeat: no-repeat;
      background-position: 0 center;
      position: absolute;
      left: 54%;
      top: 0px;
      bottom: 0px;
      right: 0px; }
    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper {
      max-width: 1120px; }
      #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block {
        width: 60%; }
        #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block {
          position: absolute;
          left: 0px;
          right: 0px;
          top: 0px;
          bottom: 0px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block {
              top: 0px; }
              .skrollr-mobile #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block {
                top: 0px; } }
          #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            opacity: 0;
            display: none;
            padding: 7% 7% 7% 7%; }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block-1 .tbl {
              background-image: url("../images/steps/step-4/blood-p.png");
              background-size: 141px 119px;
              background-repeat: no-repeat;
              background-position: calc(100% - 10px) calc(100% - 0px); }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block-1 .tbl {
                  background-size: 76px 65px;
                  padding-bottom: 100px !important;
                  background-position: 23px calc(100% - 10px) !important; } }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block-2 .tbl {
              background-image: url("../images/steps/step-4/urine-p.png");
              background-size: 110px 123px;
              background-repeat: no-repeat;
              background-position: calc(100% - 10px) calc(100% - 0px); }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block-2 .tbl {
                  background-size: 51px 56px;
                  padding-bottom: 70px !important;
                  background-position: 23px calc(100% - 10px) !important; } }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block-3 .tbl {
              background-image: url("../images/steps/step-4/egds-p.png");
              background-size: 223px 223px;
              background-repeat: no-repeat;
              background-position: calc(100% - 10px) 100%;
              padding-bottom: 210px !important; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block-3 .tbl {
                  background-size: 80px 80px;
                  padding-bottom: 100px !important;
                  background-position: 23px calc(100% - 10px) !important; } }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tbl {
              min-height: 100%;
              padding-bottom: 100px; }
              @media (max-width: 1120px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .tbl {
                  background-position: 50% 100%;
                  padding-bottom: 140px; } }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .title {
              font-size: 24px;
              line-height: 26px;
              font-weight: bold; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .title {
                  padding-left: 22px;
                  font-size: 18px;
                  color: #015568; } }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between; }
              @media (max-width: 1120px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content {
                  background-position: 0px 100%;
                  display: block; } }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table {
                padding-top: 38px; }
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table {
                  border-collapse: collapse;
                  width: 100%;
                  font-size: 16px;
                  font-weight: 300; }
                  #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr th {
                    padding-left: 28px;
                    text-align: left;
                    position: relative;
                    padding-bottom: 18px; }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr th {
                        padding-left: 22px; } }
                    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr th:before {
                      content: '+';
                      position: absolute;
                      left: 0px;
                      top: -3px;
                      color: #f7ab0f;
                      font-size: 30px;
                      line-height: 28px;
                      font-weight: bold; }
                      @media (max-width: 768px) and (min-width: 0px) {
                        #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr th:before {
                          font-size: 24px; } }
                  #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr td {
                    border-bottom: 1px solid #ebebeb;
                    padding: 5px 0px 3px 28px; }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr td {
                        padding-left: 22px; } }
                    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .table-content .table table tr td:nth-child(2) {
                      padding-left: 15px; }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content {
              font-size: 16px;
              font-weight: 300;
              color: #282828; }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content .title-list {
                position: relative;
                padding-left: 36px;
                margin-top: 35px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content .title-list {
                    padding-left: 22px; } }
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content .title-list:before {
                  content: '+';
                  position: absolute;
                  left: 0px;
                  top: -3px;
                  color: #f7ab0f;
                  font-size: 30px;
                  line-height: 28px;
                  font-weight: bold; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content .title-list:before {
                      font-size: 24px; } }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul {
                list-style: none;
                margin: 0px 0px;
                padding: 3px 0 0 36px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul {
                    padding-left: 22px; } }
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul li {
                  margin: 0px 0px 26px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul li {
                      margin-bottom: 16px; } }
                #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul.icon {
                  padding: 26px 0 0 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul.icon {
                      padding: 0px 0 0 0px; } }
                  #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul.icon li {
                    padding-left: 70px;
                    position: relative; }
                    #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul.icon li img {
                      position: absolute;
                      left: 0px;
                      top: 50%;
                      -webkit-transform: translateY(-50%);
                              transform: translateY(-50%); }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul.icon li {
                        padding-left: 22px; }
                        #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .list-content ul.icon li img {
                          position: relative;
                          top: 0;
                          -webkit-transform: translateY(0%);
                                  transform: translateY(0%);
                          display: block;
                          margin-bottom: 5px; } }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.active {
              opacity: 1;
              display: block; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
                padding: 20px 10px 20px 10px; } }
      #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block {
        width: 40%;
        height: 100%;
        position: relative;
        max-height: 735px; }
        #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr {
          width: 100%;
          position: relative;
          height: 100%; }
          #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div {
            opacity: 0; }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div img {
              position: absolute; }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div img.image-1 {
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                bottom: 0px; }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div img.image-2 {
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                bottom: 0px; }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div img.image-3 {
                right: 0%;
                bottom: 0px; }
              #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div img.image-4 {
                right: 0%;
                bottom: 0px; }
            #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block .img-illustr div.active {
              opacity: 1; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-4 .popup-content .popup-wrapper .righ-block {
            display: none; } }
    #skrollr .conteiner-ks .scene-5 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 1120px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-5 .scene-content {
          max-height: 540px;
          max-width: 413px; } }
      #skrollr .conteiner-ks .scene-5 .scene-content .bg {
        max-width: 548px;
        position: absolute;
        left: 3%;
        bottom: 15%;
        -webkit-transform: translate(0%, 0%);
                transform: translate(0%, 0%);
        width: 100%; }
        #skrollr .conteiner-ks .scene-5 .scene-content .bg > img {
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-5 .scene-content .bg {
            width: 417px;
            left: 50%;
            -webkit-transform: translate(-50%, 0%);
                    transform: translate(-50%, 0%);
            bottom: 69%; } }
      #skrollr .conteiner-ks .scene-5 .scene-content .berth {
        position: absolute;
        width: 492px;
        left: -200%;
        bottom: 5%; }
        #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool {
          background-image: url("../images/steps/step-5/tool-1.png");
          background-size: 100% 100%;
          position: absolute;
          width: 270px;
          height: 107px;
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%; }
          #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool div {
            font-size: 16px;
            color: #ffffff; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool div {
                font-size: 14px;
                line-height: 14px; } }
          #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-1 {
            left: 130px;
            top: 90px; }
            #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-1 div {
              padding: 33px 30px 30px 61px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-1 {
                background-image: url("../images/steps/step-5/tool-1-mobile.png");
                left: 53px;
                top: 49px;
                width: 175px;
                height: 33px; }
                #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-1 div {
                  padding: 7px 0px 0px 22px; } }
          #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-2 {
            left: 173px;
            top: 60px; }
            #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-2 div {
              padding: 23px 9px 30px 56px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-2 {
                background-image: url("../images/steps/step-5/tool-2-mobile.png");
                width: 150px;
                height: 71px;
                left: 69px;
                top: 0px; }
                #skrollr .conteiner-ks .scene-5 .scene-content .berth .tool-2 div {
                  padding: 9px 0px 0px 13px; } }
        #skrollr .conteiner-ks .scene-5 .scene-content .berth img {
          position: relative; }
          #skrollr .conteiner-ks .scene-5 .scene-content .berth img.pacient {
            width: 244px;
            position: absolute;
            left: 61px;
            top: 156px;
            -webkit-transform-origin: 127px 113px;
                    transform-origin: 127px 113px;
            -webkit-transform: rotate(-31deg);
                    transform: rotate(-31deg); }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-5 .scene-content .berth img.pacient {
                width: 107px;
                -webkit-transform-origin: 63px 48px;
                        transform-origin: 63px 48px;
                left: 21px;
                top: 64px; } }
          #skrollr .conteiner-ks .scene-5 .scene-content .berth img.hand-pacient {
            width: 97px;
            position: absolute;
            left: 182px;
            top: 235px;
            z-index: 2; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-5 .scene-content .berth img.hand-pacient {
                width: 44px;
                left: 75px;
                top: 101px; } }
          #skrollr .conteiner-ks .scene-5 .scene-content .berth img.notebook-pacient {
            width: 92px;
            position: absolute;
            left: 204px;
            top: 166px;
            opacity: 0;
            z-index: 1; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-5 .scene-content .berth img.notebook-pacient {
                width: 39px;
                left: 84px;
                top: 73px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-5 .scene-content .berth {
            width: 217px;
            bottom: 64%; } }
      #skrollr .conteiner-ks .scene-5 .scene-content .tumba {
        width: 114px;
        position: absolute;
        left: -200%;
        bottom: 0%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-5 .scene-content .tumba {
            width: 50px;
            bottom: 62.5%; } }
      #skrollr .conteiner-ks .scene-5 .scene-content .title-buttons {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        font-size: 20px;
        text-align: center;
        font-weight: bold; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-5 .scene-content .title-buttons {
            top: 32%;
            font-size: 13px;
            line-height: 13px; } }
      #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons {
        position: absolute;
        right: 0px;
        top: 10%;
        bottom: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        list-style: none;
        margin: 0;
        padding: 0 34px 0 0;
        z-index: 3;
        max-width: 288px;
        width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons {
            top: auto;
            bottom: 2%;
            left: 10px;
            right: 6px;
            padding: 0 30px 0 0;
            max-width: none;
            width: auto; } }
        #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li {
          position: relative;
          background-color: #66709c;
          height: 58px;
          max-width: 288px;
          width: 100%;
          border-radius: 8px;
          display: table;
          padding: 0px 20px 0px 86px;
          cursor: pointer;
          opacity: 0;
          right: -200%; }
          #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li i {
            background-image: url("../images/steps/step-5/i.png");
            background-size: 100% 100%;
            position: absolute;
            right: -22px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 35px;
            height: 35px; }
          #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li b {
            position: absolute;
            left: 0px;
            top: 0px;
            bottom: 0px;
            width: 67px;
            background-color: #555f8b;
            border-radius: 8px 0 0 8px; }
            #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li b:before {
              content: '';
              width: 132px;
              height: 132px;
              background-color: #555f8b;
              position: absolute;
              right: -8px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              border-radius: 50%;
              -webkit-clip-path: inset(37px -9px 37px 67px);
                      clip-path: inset(37px -9px 37px 67px); }
            #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li b img {
              position: absolute;
              left: calc(50% + 3px);
              top: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%); }
          #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li span {
            display: table-cell;
            vertical-align: middle;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li {
              height: 52px;
              border-radius: 26px;
              padding: 0px 52px 0px 35px;
              margin: 0 auto 2px; }
              #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li span {
                line-height: 14px; }
              #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li i {
                top: 40%;
                right: -25px; }
              #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li b {
                right: 0px;
                left: auto;
                width: 52px;
                border-radius: 26px; }
                #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li b:before {
                  right: 0px;
                  width: 52px;
                  height: 52px;
                  -webkit-clip-path: inset(0px 0px 0px 0px);
                          clip-path: inset(0px 0px 0px 0px); }
                #skrollr .conteiner-ks .scene-5 .scene-content ul.buttons li b img {
                  width: 24px;
                  left: 50%; } }
    #skrollr .conteiner-ks .scene-6 {
      z-index: 1; }
      #skrollr .conteiner-ks .scene-6 .scene-content {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        height: 100%;
        width: 100%;
        max-width: 1120px;
        margin: 0px auto;
        max-height: 570px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-6 .scene-content {
            max-height: 540px; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .bg {
          max-width: 1140px;
          min-width: 1000px;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 100%; }
          #skrollr .conteiner-ks .scene-6 .scene-content .bg > img {
            position: relative;
            width: 100%; }
        #skrollr .conteiner-ks .scene-6 .scene-content .bg2 {
          max-width: 582px;
          position: absolute;
          left: 0%;
          top: 50%;
          -webkit-transform: translate(0%, -50%);
                  transform: translate(0%, -50%);
          width: 100%; }
          #skrollr .conteiner-ks .scene-6 .scene-content .bg2 > img {
            position: relative;
            width: 100%; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .bg2 {
              left: 50%;
              -webkit-transform: translate(-50%, -50%);
                      transform: translate(-50%, -50%);
              min-width: 417px; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .board {
          max-width: 750px;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform-origin: 50% 87%;
                  transform-origin: 50% 87%;
          margin: -256px 0px 0px -375px;
          width: 100%; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .board {
              margin: 0px;
              left: 0%;
              right: 0;
              top: auto !important;
              bottom: -200%;
              padding: 20px 20px 20px 20px;
              z-index: 5;
              width: auto;
              -webkit-transform: scale(1) !important;
                      transform: scale(1) !important; }
              .skrollr-mobile #skrollr .conteiner-ks .scene-6 .scene-content .board {
                padding-top: 0px; } }
          #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad {
            position: relative; }
            #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad > img {
              width: 100%; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad {
                position: absolute;
                left: 50%;
                right: 0px;
                top: 0px;
                height: 100%;
                width: 320px;
                background-color: #ffffff;
                border: 10px solid #C7C7C7;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%); }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad:before, #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad:after {
                  content: '';
                  width: 20px;
                  height: 20px;
                  border-top: 10px solid #4D4D4D;
                  position: absolute;
                  top: -10px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad:before {
                  border-left: 10px solid #4D4D4D;
                  left: -10px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad:after {
                  border-right: 10px solid #4D4D4D;
                  right: -10px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad span {
                  position: absolute;
                  bottom: -10px;
                  left: -10px;
                  right: -10px;
                  width: auto;
                  height: auto; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad span:before, #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad span:after {
                    content: '';
                    width: 20px;
                    height: 20px;
                    border-bottom: 10px solid #4D4D4D;
                    position: absolute;
                    bottom: 0px; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad span:before {
                    border-left: 10px solid #4D4D4D;
                    left: 0px; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad span:after {
                    border-right: 10px solid #4D4D4D;
                    right: 0px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .img-borad > img {
                  display: none; } }
          #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: absolute;
            left: 10px;
            right: 10px;
            top: 10px;
            bottom: 70px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements {
                position: initial;
                left: 0px;
                right: 0px;
                top: 0;
                bottom: auto;
                display: block; } }
            #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div {
              width: 50%;
              height: 100%;
              position: relative; }
              #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.left-block {
                z-index: 1; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.left-block .help-text {
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: 300;
                  color: #818182;
                  font-style: italic;
                  pointer-events: none;
                  padding: 0px 0px 10px 0px;
                  margin: 0 auto 0;
                  max-width: 280px;
                  display: none; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.left-block .help-text {
                      display: block; } }
              #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.right-block .help-text {
                position: absolute;
                left: 20px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                font-size: 16px;
                line-height: 20px;
                font-weight: 300;
                color: #818182;
                font-style: italic;
                padding-bottom: 15px;
                pointer-events: none; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.right-block .help-text > img {
                  position: absolute;
                  left: 30px;
                  top: 100%;
                  -webkit-animation: hand-drag 2s ease-in-out infinite;
                          animation: hand-drag 2s ease-in-out infinite; }

@-webkit-keyframes hand-drag {
  0% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0; }
  20% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 1; }
  50% {
    opacity: 1; }
  99% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0; } }

@keyframes hand-drag {
  0% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0; }
  20% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 1; }
  50% {
    opacity: 1; }
  99% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0; } }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.right-block .help-text {
                    display: none; } }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div {
                  width: 100%;
                  padding-top: 19px; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div.right-block {
                    display: none; } }
              #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .top-block, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .bottom-block {
                position: absolute;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                pointer-events: none; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .top-block, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .bottom-block {
                    position: relative; } }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .bottom-block {
                  top: 0% !important;
                  min-width: 280px; } }
              #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .bottom-block .tablet {
                background-image: url("../images/steps/step-6/tablet.png");
                background-size: 100% 100%;
                width: 696px;
                height: 486px;
                position: absolute;
                left: 400%;
                opacity: 0;
                top: -160px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div .bottom-block .tablet {
                    background-image: url("../images/steps/step-6/tablet2.png");
                    background-size: 100% 100%;
                    width: 321px;
                    height: 586px;
                    position: absolute;
                    left: 400%;
                    opacity: 0;
                    top: -99px;
                    -webkit-transform: translateX(-50%);
                            transform: translateX(-50%); } }
              #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong {
                cursor: move;
                border: 1px solid #87c557;
                border-radius: 9px;
                padding: 0px 8px 0 8px;
                display: table;
                background-color: #ffffff;
                position: relative;
                pointer-events: auto; }
                @media (min-width: 768px) {
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong {
                    -webkit-transform: translateY(0px) !important;
                            transform: translateY(0px) !important; } }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong {
                    left: 0px !important;
                    width: 100% !important;
                    max-width: 280px;
                    height: 58px !important;
                    margin: 9px auto 9px;
                    padding: 4px 36px 4px 18px;
                    cursor: pointer;
                    border: 1px dashed #87c557; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable span, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong span {
                  display: table-cell;
                  vertical-align: middle;
                  font-size: 14px;
                  line-height: 16px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable i, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong i {
                  background-image: url(../images/steps/step-5/i.png);
                  background-size: 100% 100%;
                  position: absolute;
                  right: -19px;
                  top: 50%;
                  -webkit-transform: translateY(-50%);
                          transform: translateY(-50%);
                  width: 29px;
                  height: 29px;
                  display: none;
                  opacity: 0;
                  cursor: pointer; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable i, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong i {
                      right: -8px; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.ui-draggable-dragging, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.ui-draggable-dragging {
                  z-index: 1; }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active {
                  background-color: #87c557; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active span, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active span {
                    color: #ffffff; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active.wrong, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active.wrong {
                    border: none;
                    background-color: #ce3946; }
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active.wrong i, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active.wrong i {
                      display: block;
                      opacity: 1; }
                  #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active.true, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active.true {
                    border: none; }
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active.true i, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active.true i {
                      width: 23px;
                      height: 23px;
                      right: -16px; }
                      @media (max-width: 768px) and (min-width: 0px) {
                        #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.active.true i, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.active.true i {
                          width: 29px;
                          height: 29px;
                          right: -8px; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-1, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-1 {
                  width: 168px;
                  height: 46px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-1, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-1 {
                      top: 0px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-2, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-2 {
                  width: 133px;
                  height: 46px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-2, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-2 {
                      top: 464px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-3, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-3 {
                  width: 115px;
                  height: 46px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-3, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-3 {
                      top: 266px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-4, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-4 {
                  width: 200px;
                  height: 46px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-4, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-4 {
                      top: 134px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-5, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-5 {
                  width: 267px;
                  height: 30px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-5, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-5 {
                      top: -67px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-6, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-6 {
                  width: 183px;
                  height: 58px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-6, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-6 {
                      top: 328px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-7, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-7 {
                  width: 108px;
                  height: 46px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-7, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-7 {
                      top: -335px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-8, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-8 {
                  width: 228px;
                  height: 59px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-8, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-8 {
                      top: -3px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-9, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-9 {
                  width: 234px;
                  height: 46px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-9, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-9 {
                      top: -268px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-10, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-10 {
                  width: 240px;
                  height: 56px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-10, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-10 {
                      top: -469px !important; } }
                #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-11, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-11 {
                  width: 180px;
                  height: 45px;
                  left: 0px;
                  top: 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable.drop-11, #skrollr .conteiner-ks .scene-6 .scene-content .board .dragg-elements > div div.draggable-wrong.drop-11 {
                      top: -73px !important; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .fl {
          width: 144px;
          position: absolute;
          left: -200%;
          bottom: 14%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          @media (max-width: 1100px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .fl {
              pointer-events: none;
              opacity: 0; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .fl {
              width: 76px;
              top: 74%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .man-3 {
          width: 166px;
          position: absolute;
          left: -200%;
          bottom: 0%; }
          #skrollr .conteiner-ks .scene-6 .scene-content .man-3 .tool {
            background-image: url("../images/steps/step-6/tool-4.png");
            background-size: 100% 100%;
            width: 229px;
            height: 113px;
            position: absolute;
            left: 22px;
            top: -115px;
            -webkit-transform-origin: 0% 100%;
                    transform-origin: 0% 100%; }
            #skrollr .conteiner-ks .scene-6 .scene-content .man-3 .tool div {
              padding: 12px 17px 0px 20px;
              font-size: 16px;
              color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .man-3 {
              width: 119px;
              bottom: 8%;
              z-index: 6; }
              #skrollr .conteiner-ks .scene-6 .scene-content .man-3 .tool {
                background-image: url("../images/steps/step-6/tool-4-mobile.png");
                background-size: 100% 100%;
                width: 234px;
                height: 84px;
                left: 22px;
                top: -115px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .man-3 .tool div {
                  padding: 8px 8px 0px 11px; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .tablet-elements {
          width: 163px;
          position: absolute;
          right: -200%;
          bottom: 6%;
          z-index: 5;
          display: none; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .tablet-elements {
              display: block; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .man-1 {
          width: 166px;
          position: absolute;
          left: -200%;
          bottom: 4%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          #skrollr .conteiner-ks .scene-6 .scene-content .man-1 .tool {
            background-image: url("../images/steps/step-6/tool-2.png");
            background-size: 100% 100%;
            width: 264px;
            height: 116px;
            position: absolute;
            left: 117px;
            top: -90px;
            -webkit-transform-origin: 0% 100%;
                    transform-origin: 0% 100%; }
            #skrollr .conteiner-ks .scene-6 .scene-content .man-1 .tool div {
              padding: 12px 0px 0px 30px;
              font-size: 16px;
              color: #ffffff; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .man-1 {
              margin-left: -8%; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .man-1 {
              width: 99px;
              top: 65%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; }
              #skrollr .conteiner-ks .scene-6 .scene-content .man-1 .tool {
                background-image: url("../images/steps/step-6/tool-2-mobile.png");
                width: 215px;
                height: 116px;
                left: 27px;
                top: -147px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .man-1 .tool div {
                  padding: 15px 0px 0px 14px;
                  font-size: 14px;
                  line-height: 14px; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 {
          width: 97px;
          position: absolute;
          left: -200%;
          bottom: 6%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 .tool {
            background-image: url("../images/steps/step-6/tool-1.png");
            background-size: 100% 100%;
            width: 169px;
            height: 106px;
            position: absolute;
            left: 0px;
            top: -110px;
            -webkit-transform-origin: 30% 100%;
                    transform-origin: 30% 100%; }
            #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 .tool div {
              padding: 13px 0px 0px 16px;
              font-size: 16px;
              color: #ffffff; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 {
              pointer-events: none;
              opacity: 0; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 {
              width: 57px;
              top: 66%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; }
              #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 .tool {
                background-image: url("../images/steps/step-6/tool-1-mobile.png");
                width: 105px;
                height: 78px;
                left: 4px;
                top: -85px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .woman-1 .tool div {
                  padding: 8px 0px 0px 11px;
                  font-size: 14px;
                  line-height: 14px; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .man-2 {
          width: 110px;
          position: absolute;
          left: 0%;
          bottom: 8%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          #skrollr .conteiner-ks .scene-6 .scene-content .man-2 .tool {
            background-image: url("../images/steps/step-6/tool-3.png");
            background-size: 100% 100%;
            width: 148px;
            height: 82px;
            position: absolute;
            right: 77px;
            top: -50px;
            -webkit-transform-origin: 100% 100%;
                    transform-origin: 100% 100%; }
            #skrollr .conteiner-ks .scene-6 .scene-content .man-2 .tool div {
              padding: 10px 30px 0px 10px;
              text-align: center;
              font-size: 16px;
              color: #ffffff; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .man-2 {
              pointer-events: none;
              opacity: 0; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .man-2 {
              width: 73px;
              top: 67%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; }
              #skrollr .conteiner-ks .scene-6 .scene-content .man-2 .tool {
                background-image: url("../images/steps/step-6/tool-3-mobile.png");
                width: 107px;
                height: 53px;
                left: -78px;
                top: -56px; }
                #skrollr .conteiner-ks .scene-6 .scene-content .man-2 .tool div {
                  padding: 10px 9px 0px 0px;
                  font-size: 14px;
                  line-height: 14px; } }
        #skrollr .conteiner-ks .scene-6 .scene-content .woman-2 {
          width: 110px;
          position: absolute;
          left: 0%;
          bottom: 8%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .woman-2 {
              margin-left: 8%; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-6 .scene-content .woman-2 {
              width: 73px;
              top: 67%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; } }
    #skrollr .conteiner-ks .scene-7 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 1120px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-7 .scene-content {
          max-height: 540px; } }
      #skrollr .conteiner-ks .scene-7 .scene-content .bg {
        max-width: 548px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 100%;
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%; }
        #skrollr .conteiner-ks .scene-7 .scene-content .bg > img {
          position: relative;
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-7 .scene-content .bg {
            min-width: 417px;
            top: 10%; } }
      #skrollr .conteiner-ks .scene-7 .scene-content .pacient {
        width: 492px;
        position: absolute;
        right: 0%;
        bottom: 4%;
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%; }
        #skrollr .conteiner-ks .scene-7 .scene-content .pacient > img.prep {
          position: absolute;
          left: 217px;
          top: 195px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .pacient > img.prep {
              left: 92px;
              top: 82px;
              width: 44px; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .pacient .tool {
          position: absolute;
          left: 170px;
          top: 63px;
          background-image: url("../images/steps/step-7/tool-1.png");
          background-size: 100% 100%;
          width: 256px;
          height: 113px;
          -webkit-transform-origin: 0% 100%;
                  transform-origin: 0% 100%; }
          #skrollr .conteiner-ks .scene-7 .scene-content .pacient .tool div {
            padding: 29px 20px 0px 60px;
            font-weight: 500;
            font-size: 16px;
            color: #ffffff; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-7 .scene-content .pacient {
            width: 217px;
            bottom: 37%;
            -webkit-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
            #skrollr .conteiner-ks .scene-7 .scene-content .pacient .tool {
              left: 70px;
              top: -7px;
              background-image: url("../images/steps/step-7/tool-1-mobile.png");
              width: 144px;
              height: 73px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .pacient .tool div {
                padding: 6px 0px 10px 22px;
                font-size: 16px;
                line-height: 16px; } }
      #skrollr .conteiner-ks .scene-7 .scene-content .tumba {
        width: 70%;
        position: absolute;
        left: -200%;
        bottom: 0%;
        -webkit-transform: translateX(-50%) scale(0.37874);
                transform: translateX(-50%) scale(0.37874);
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%; }
        #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element {
          position: relative;
          width: 301px;
          -webkit-perspective: 1000px;
                  perspective: 1000px; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element > img.img {
            position: relative; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element > img.img {
                width: 187px;
                left: 50%;
                -webkit-transform: translateX(-50%);
                        transform: translateX(-50%); } }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element > img.prep {
            position: absolute;
            left: 194px;
            top: -56px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element > img.prep {
                left: 122px;
                top: -38px;
                width: 46px; } }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element > img.prep2 {
            position: absolute;
            left: 133px;
            top: -5px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element > img.prep2 {
                left: 86px;
                top: -1px;
                width: 93px; } }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .pack {
            position: absolute;
            width: 233px;
            height: 246px;
            left: 38px;
            top: 176px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .pack > img {
              position: absolute;
              left: 0;
              top: 0; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .pack > img:nth-child(2) {
                opacity: 0; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .pack {
                width: 145px;
                height: 154px;
                left: 27px;
                top: 110px; } }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .door {
            position: absolute;
            left: 19px;
            top: 172px;
            -webkit-transform-origin: 0% 50%;
                    transform-origin: 0% 50%;
            -webkit-transform-style: preserve-3d;
                    transform-style: preserve-3d;
            -webkit-transform: rotateY(0deg);
                    transform: rotateY(0deg);
            width: 265px;
            height: 253px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .door > img {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .door > img:nth-child(2) {
                -webkit-transform: rotateY(180deg);
                        transform: rotateY(180deg); }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element .door {
                left: 12px;
                top: 107px;
                width: 166px;
                height: 158px; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tumb-element {
              width: 187px; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool {
          position: absolute;
          right: 20px;
          left: 280px;
          max-width: 380px;
          background-color: #77bd41;
          border-radius: 8px;
          -webkit-transform-origin: 0% 50%;
                  transform-origin: 0% 50%; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool div {
            font-size: 16px;
            color: #ffffff;
            padding: 15px 30px 15px 30px; }
            @media (max-width: 840px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool div {
                font-size: 14px; } }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool i {
            background-image: url(../images/steps/step-5/i.png);
            background-size: 100% 100%;
            position: absolute;
            right: -19px;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            width: 29px;
            height: 29px;
            cursor: pointer; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool:before, #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool:after {
            content: '';
            position: absolute;
            -webkit-transform-origin: 100% 50%;
                    transform-origin: 100% 50%; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool-1 {
            top: 48px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool-1:before {
              border-top: 15px solid transparent;
              border-right: 41px solid #77bd41;
              border-bottom: 10px solid transparent;
              left: -28px;
              top: 0px;
              -webkit-transform: rotate(50deg);
                      transform: rotate(50deg); }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool-1:after {
              border-top: 10px solid transparent;
              border-right: 67px solid #77bd41;
              border-bottom: 10px solid transparent;
              left: -60px;
              top: 119px;
              -webkit-transform: rotate(-26deg);
                      transform: rotate(-26deg); }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool-2 {
            top: 274px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool-2:before {
              border-top: 10px solid transparent;
              border-right: 56px solid #77bd41;
              border-bottom: 5px solid transparent;
              left: -52px;
              top: 1px;
              -webkit-transform: rotate(-3deg);
                      transform: rotate(-3deg); }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool-2:after {
              border-top: 10px solid transparent;
              border-right: 58px solid #77bd41;
              border-bottom: 10px solid transparent;
              left: -50px;
              top: 97px;
              -webkit-transform: rotate(-23deg);
                      transform: rotate(-23deg); }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool {
              left: 0px;
              right: 0px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool > div {
                padding: 9px 15px 9px 15px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool.tool-1 {
                bottom: 115%;
                top: auto;
                -webkit-transform-origin: 50% 100%;
                        transform-origin: 50% 100%; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool.tool-1:before {
                  border-top: 4px solid transparent;
                  border-right: 33px solid #77bd41;
                  border-bottom: 6px solid transparent;
                  left: 127px;
                  top: calc(100% - 10px);
                  -webkit-transform: rotate(-110deg);
                          transform: rotate(-110deg); }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool.tool-1:after {
                  border-top: 8px solid transparent;
                  border-right: 147px solid #77bd41;
                  border-bottom: 8px solid transparent;
                  left: -19px;
                  top: calc(100% - 19px);
                  -webkit-transform: rotate(-97deg);
                          transform: rotate(-97deg); }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool.tool-2 {
                top: 100%;
                right: 10px;
                -webkit-transform-origin: 50% 0%;
                        transform-origin: 50% 0%; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool.tool-2:before {
                  border-top: 6px solid transparent;
                  border-right: 45px solid #77bd41;
                  border-bottom: 5px solid transparent;
                  left: 19px;
                  top: 1px;
                  -webkit-transform: rotate(109deg);
                          transform: rotate(109deg); }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tool.tool-2:after {
                  border-top: 9px solid transparent;
                  border-right: 73px solid #77bd41;
                  border-bottom: 8px solid transparent;
                  left: 158px;
                  top: 0px;
                  -webkit-transform: rotate(77deg);
                          transform: rotate(77deg); } }
        #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right {
          position: absolute;
          left: calc(50% + 163px);
          -webkit-transform: translate(0px);
                  transform: translate(0px);
          width: 24%;
          top: -15px;
          bottom: 33px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-transform-origin: 0% 50%;
                  transform-origin: 0% 50%;
          opacity: 0; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right div.lines {
            position: absolute;
            left: 100%;
            top: 10%;
            bottom: 10%;
            width: 21%;
            border: 2px solid #77bd41;
            border-left: none;
            border-radius: 0 18px 18px 0; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right div.lines > div {
              position: absolute;
              left: 0%;
              top: 42%;
              bottom: 28%;
              width: 86%;
              border: 2px solid #77bd41;
              border-left: none;
              border-radius: 0 18px 18px 0; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right div.lines > div i {
                background-image: url("../images/steps/step-5/i.png");
                background-size: 100% 100%;
                position: absolute;
                right: -19px;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                width: 29px;
                height: 29px;
                cursor: pointer; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right {
            background-color: #77bd41;
            border-radius: 8px;
            height: 97px;
            display: table;
            position: relative; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right:before {
              content: '';
              position: absolute;
              right: 100%;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              border-bottom: 14px solid #77bd41;
              border-left: 32px solid transparent; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right.first {
              margin-bottom: 50px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right div {
              display: table-cell;
              vertical-align: middle;
              font-size: 16px;
              line-height: 20px;
              font-weight: 300;
              color: #ffffff;
              padding: 5px 25px 5px 25px; }
              @media (max-width: 840px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right div {
                  font-size: 14px;
                  line-height: 16px; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right {
              left: 0;
              right: 10px;
              width: auto;
              top: auto;
              bottom: 100%;
              display: block; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right:before {
                content: '';
                position: absolute;
                left: 40px;
                top: 100%;
                -webkit-transform: rotate(-30deg);
                        transform: rotate(-30deg);
                border-bottom: 92px solid transparent;
                border-left: 14px solid #77bd41;
                -webkit-transform-origin: 0% 0%;
                        transform-origin: 0% 0%; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.lines {
                width: 0px;
                border: none;
                top: 0;
                bottom: 0; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.lines > div {
                  border: none;
                  width: 0px;
                  top: 0;
                  bottom: 0; }
                  #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.lines > div i {
                    z-index: 1;
                    right: -15px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right {
                height: auto;
                border-radius: 0px;
                margin-bottom: 0px !important; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right:before {
                  display: none; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right div {
                  padding: 2px 18px 2px 18px;
                  line-height: 17px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right.first {
                  border-radius: 8px 8px 0 0;
                  padding-top: 10px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-right > div.tool-right.last {
                  border-radius: 0 0 8px 8px;
                  padding-bottom: 10px; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left {
          position: absolute;
          right: calc(50% + 147px);
          -webkit-transform: translate(0px);
                  transform: translate(0px);
          opacity: 0;
          width: 28%;
          top: 0px;
          bottom: 80px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-transform-origin: 100% 50%;
                  transform-origin: 100% 50%; }
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div {
            background-color: #77bd41;
            border-radius: 8px;
            height: 97px;
            display: table;
            position: relative; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div i {
              background-image: url("../images/steps/step-5/i.png");
              background-size: 100% 100%;
              position: absolute;
              left: -14px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              width: 29px;
              height: 29px;
              cursor: pointer; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div:before {
              content: '';
              position: absolute;
              left: 100%;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              border-bottom: 14px solid #77bd41;
              border-right: 32px solid transparent; }
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div div {
              display: table-cell;
              vertical-align: middle;
              font-size: 16px;
              line-height: 20px;
              font-weight: 300;
              color: #ffffff;
              padding: 5px 25px 5px 25px;
              position: relative; }
              @media (max-width: 840px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div div {
                  font-size: 14px;
                  line-height: 16px; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left {
              left: 0px;
              right: 10px;
              top: calc(100% - 10px);
              bottom: auto;
              width: auto; }
              #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div {
                height: auto; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div:before {
                  left: 73px;
                  top: 0;
                  -webkit-transform: rotate(-80deg);
                          transform: rotate(-80deg);
                  border-bottom: 11px solid #77bd41;
                  border-right: 48px solid transparent;
                  -webkit-transform-origin: 0% 50%;
                          transform-origin: 0% 50%; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div div {
                  padding: 7px 18px 7px 18px;
                  line-height: 17px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .tumba .tools-left > div i {
                  z-index: 1;
                  left: auto;
                  right: -15px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-7 .scene-content .tumba {
            width: 302px;
            bottom: 9%; } }
      #skrollr .conteiner-ks .scene-7 .scene-content .women {
        position: absolute;
        bottom: 0%;
        width: 141px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-7 .scene-content .women {
            width: 121px;
            bottom: 7%; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .women i.hand {
          cursor: pointer;
          right: 45px;
          top: 131px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .women i.hand {
              display: block;
              right: 41px;
              top: 105px; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .women .tool {
          position: absolute;
          right: 109px;
          top: -24px;
          background-image: url("../images/steps/step-7/tool-2.png");
          background-size: 100% 100%;
          width: 350px;
          height: 148px;
          -webkit-transform-origin: 100% 50%;
                  transform-origin: 100% 50%; }
          #skrollr .conteiner-ks .scene-7 .scene-content .women .tool > div {
            padding: 7px 62px 17px 24px;
            font-size: 16px;
            color: #ffffff; }
            #skrollr .conteiner-ks .scene-7 .scene-content .women .tool > div p {
              margin: 12px 0px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .women .tool {
              background-image: url("../images/steps/step-7/tool-2-mobile.png");
              width: 294px;
              height: 140px;
              right: -1px;
              top: -137px;
              -webkit-transform-origin: 50% 100%;
                      transform-origin: 50% 100%; }
              #skrollr .conteiner-ks .scene-7 .scene-content .women .tool > div {
                padding: 7px 12px 17px 15px;
                line-height: 18px; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet {
          background-image: url("../images/steps/step-7/tablet.png");
          background-size: 100% 100%;
          width: 584px;
          height: 401px;
          position: absolute;
          right: -2000px;
          top: -77px;
          -webkit-box-shadow: 0px 36px 81px 0px black;
                  box-shadow: 0px 36px 81px 0px black;
          border-radius: 29px;
          opacity: 0;
          -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
          #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet .close-popup {
            background-image: url("../images/steps/close-popup.png");
            background-size: 100% 100%;
            width: 25px;
            height: 25px;
            position: absolute;
            top: 20px;
            right: 22px;
            cursor: pointer;
            z-index: 1; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet .close-popup {
                top: 12px; }
                .skrollr-mobile #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet .close-popup {
                  top: 38px;
                  right: 17px; } }
          #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet:after {
            content: '';
            background-image: url("../images/steps/step-7/women-2.png");
            background-size: 100% 100%;
            width: 141px;
            height: 436px;
            position: absolute;
            right: -60px;
            bottom: -111px; }
          #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text {
            padding: 40px 100px 0px 90px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text .title {
              font-size: 30px;
              color: #000000;
              font-weight: bold; }
            #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul {
              list-style: none;
              margin: 31px 0px;
              padding: 0; }
              #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul li {
                font-size: 16px;
                line-height: 20px;
                font-weight: 300;
                color: #000000;
                padding-left: 42px;
                position: relative;
                margin: 11px 0px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul li br {
                  display: none; }
                #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul li:before {
                  content: '';
                  background-image: url("../images/steps/step-7/checkbox.png");
                  background-size: 100% 100%;
                  width: 35px;
                  height: 28px;
                  position: absolute;
                  left: 0px;
                  top: 0px; }
          #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet.open {
            opacity: 1;
            right: 60px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet {
              background-image: url("../images/steps/step-7/tablet-mobile.png");
              width: 321px;
              height: 565px;
              position: fixed;
              top: -13px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet:after {
                width: 81px;
                height: 253px;
                position: absolute;
                right: 20px;
                bottom: 28px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text {
                padding: 70px 18px 0px 33px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text .title {
                  font-size: 18px;
                  color: #01606C;
                  font-weight: 500; }
                #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul {
                  margin: 21px 0px; }
                  #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul li {
                    font-size: 16px;
                    line-height: 18px;
                    padding-left: 38px; }
                    #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul li br {
                      display: initial; }
                    #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet div.tablet-text ul li:before {
                      width: 31px;
                      height: 27px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .women .popup-tablet.open {
                right: 50%;
                -webkit-transform: translateX(50%);
                        transform: translateX(50%); } }
      #skrollr .conteiner-ks .scene-7 .scene-content .men {
        position: absolute;
        bottom: 0%;
        width: 276px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-7 .scene-content .men {
            width: 215px;
            bottom: 7%; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .men .tool {
          position: absolute;
          right: 109px;
          top: -24px;
          background-image: url("../images/steps/step-7/tool-3.png");
          background-size: 100% 100%;
          width: 321px;
          height: 128px;
          -webkit-transform-origin: 100% 50%;
                  transform-origin: 100% 50%; }
          #skrollr .conteiner-ks .scene-7 .scene-content .men .tool > div {
            padding: 22px 55px 17px 20px;
            font-size: 16px;
            line-height: 20px;
            color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .men .tool {
              background-image: url("../images/steps/step-7/tool-3-mobile.png");
              width: 281px;
              height: 131px;
              right: 9px;
              top: -141px;
              -webkit-transform-origin: 80% 100%;
                      transform-origin: 80% 100%; }
              #skrollr .conteiner-ks .scene-7 .scene-content .men .tool > div {
                padding: 20px 12px 17px 22px;
                line-height: 18px; } }
      #skrollr .conteiner-ks .scene-7 .scene-content .egds {
        position: absolute;
        bottom: 0%;
        width: 171px;
        cursor: pointer; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-7 .scene-content .egds {
            width: 118px;
            bottom: 7%; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .egds > img {
          position: relative; }
        #skrollr .conteiner-ks .scene-7 .scene-content .egds i.hand {
          cursor: pointer;
          left: 11px;
          top: 62px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .egds i.hand {
              display: block;
              left: 24px;
              top: 70px; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds {
          background-color: #ffffff;
          background-size: 100% 100%;
          width: 100%;
          min-width: 643px;
          position: absolute;
          right: -2000px;
          bottom: 167px;
          -webkit-box-shadow: 0px 36px 81px 0px black;
                  box-shadow: 0px 36px 81px 0px black;
          border-radius: 29px;
          opacity: 0;
          -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s; }
          #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds .close-popup {
            background-image: url("../images/steps/close-popup.png");
            background-size: 100% 100%;
            width: 25px;
            height: 25px;
            position: absolute;
            top: 20px;
            right: 22px;
            cursor: pointer;
            z-index: 1; }
            @media (max-width: 768px) and (min-width: 0px) {
              .skrollr-mobile #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds .close-popup {
                top: 12px; } }
          #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text {
            padding: 0px 133px 0px 46px; }
            #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul {
              list-style: none;
              margin: 31px 0px;
              padding: 0; }
              #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul li {
                font-size: 16px;
                line-height: 20px;
                font-weight: 300;
                color: #000000;
                padding-left: 28px;
                position: relative;
                margin: 11px 0px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul li br {
                  display: none; }
                #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul li:before {
                  content: '+';
                  font-size: 30px;
                  line-height: 16px;
                  font-weight: bold;
                  color: #f7ab0f;
                  position: absolute;
                  left: 0px;
                  top: 1px; }
          #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds.open {
            opacity: 1;
            right: 30px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds {
              -webkit-transform: translateX(50%);
                      transform: translateX(50%);
              position: fixed;
              top: 0%;
              width: 300px;
              height: 532px;
              min-width: auto;
              border-radius: 0;
              z-index: 2; }
              #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text {
                padding: 25px 10px 0px 10px; }
                #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul li {
                  font-size: 16px;
                  line-height: 18px;
                  padding-left: 22px; }
                  #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul li br {
                    display: initial; }
                  #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds div.tablet-text ul li:before {
                    font-size: 23px;
                    top: 0; }
              #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds:before {
                content: '';
                background-image: url("../images/steps/step-7/egds.png");
                background-size: 100% 100%;
                width: 139px;
                height: 220px;
                position: absolute;
                right: 12px;
                bottom: 12px; }
              #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds.open {
                right: 50%; } }
        #skrollr .conteiner-ks .scene-7 .scene-content .egds .popup-egds.open ~ .hand {
          display: none; }
    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper {
      max-width: 1120px; }
      #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block {
        width: 100%; }
        #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block {
          position: absolute;
          left: 0px;
          right: 0px;
          top: 0px;
          bottom: 0px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block {
              top: 0px; }
              .skrollr-mobile #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block {
                top: 0px; } }
          #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            opacity: 0;
            display: none;
            padding: 4% 7% 4% 7%; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
                padding: 30px 10px 20px 32px; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .title {
              font-size: 24px;
              font-weight: bold;
              color: #282828;
              margin-bottom: 37px; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .title {
                  font-size: 18px;
                  line-height: 18px;
                  color: #015568; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 ul {
              list-style: none;
              margin: 0;
              padding: 0; }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 ul li {
                font-size: 16px;
                position: relative;
                padding-left: 28px;
                margin: 9px 0px; }
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 ul li:before {
                  content: '+';
                  font-size: 26px;
                  line-height: 16px;
                  color: #f7ab0f;
                  font-weight: bold;
                  position: absolute;
                  left: 0px;
                  top: 0px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 ul li {
                    line-height: 18px;
                    padding-left: 0px; }
                    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 ul li:before {
                      left: -23px;
                      top: 0px; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 p {
              font-size: 16px;
              margin: 60px 0px 40px; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 p {
                  margin: 30px 0px 20px;
                  line-height: 18px; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack {
              margin-top: 0px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack > div {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                max-width: 350px; }
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack > div > div {
                  padding-left: 22px; }
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack > div:nth-child(2) {
                  font-size: 18px;
                  font-weight: 300;
                  padding: 0 20px; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack {
                  display: block; }
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack > div {
                    max-width: none;
                    margin: 30px 0; }
                    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack > div:nth-child(2) {
                      display: none; } }
              @media (max-width: 460px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .pack > div {
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                      -ms-flex-direction: column;
                          flex-direction: column; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .title {
              font-size: 24px;
              font-weight: bold;
              color: #282828;
              margin-bottom: 37px; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .title {
                  font-size: 18px;
                  line-height: 18px;
                  color: #015568; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              margin: 37px 0; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text {
                  display: block; } }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text div {
                font-size: 16px;
                color: #282828; }
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text div p {
                  margin: 7px 0px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text div {
                    line-height: 18px; }
                    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text div p {
                      margin: 12px 0px; } }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text-1 img {
                -webkit-box-ordinal-group: 2;
                    -ms-flex-order: 1;
                        order: 1;
                width: 239px;
                margin-left: 32px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text-1 img {
                    margin: 0px auto 0px;
                    display: block; } }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text-1 div {
                -webkit-box-ordinal-group: 1;
                    -ms-flex-order: 0;
                        order: 0; }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text-2 img {
                width: 121px;
                margin-right: 32px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 .block-text-2 img {
                    margin: 0px auto 0px;
                    display: block; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 {
              padding: 4% 0% 4% 7%; }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .title {
                font-size: 24px;
                font-weight: bold;
                color: #282828;
                margin-bottom: 37px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .title {
                    font-size: 18px;
                    line-height: 18px;
                    color: #015568; } }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 p {
                font-size: 16px;
                font-weight: 300;
                margin: 0 0; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 p {
                    line-height: 18px; } }
              #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text {
                    display: block; } }
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text img {
                  width: 220px;
                  margin-right: 36px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text img {
                      display: block;
                      margin: 30px auto 0px;
                      left: -21px;
                      position: relative; } }
                #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack {
                  margin: 27px 0 33px 0; }
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack div.list-name {
                    font-size: 16px;
                    font-weight: bold; }
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack ul.list {
                    list-style: none;
                    margin: 0px 0px;
                    padding: 0 7% 0 0%; }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack ul.list {
                        padding: 0 0% 0 0%; } }
                    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack ul.list li {
                      font-size: 16px;
                      margin: 6px 0px;
                      padding-left: 30px;
                      position: relative; }
                      #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack ul.list li:before {
                        content: '+';
                        font-size: 25px;
                        line-height: 16px;
                        font-weight: bold;
                        color: #f7ab0f;
                        position: absolute;
                        left: 0px;
                        top: 2px; }
                      @media (max-width: 768px) and (min-width: 0px) {
                        #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack ul.list li {
                          line-height: 18px;
                          padding-left: 21px;
                          margin: 12px 0px; }
                          #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack ul.list li:before {
                            top: 0px;
                            font-size: 21px; } }
                  #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack .disclaimer {
                    margin: 33px 0 0px 0;
                    background-color: #ccebe6;
                    padding: 10px 30px 10px 35px; }
                    #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack .disclaimer span {
                      font-size: 16px;
                      font-weight: bold;
                      color: #01596a; }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .block-text .information-pack .disclaimer {
                        padding: 10px 15px 10px 15px;
                        margin-right: 20px;
                        line-height: 16px;
                        font-weight: 500; } }
            #skrollr .conteiner-ks .scene-7 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.active {
              display: block;
              opacity: 1; }
    #skrollr .conteiner-ks .scene-8 .scene-content {
      position: relative;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
              transform: translate(0%, -50%);
      height: 100%;
      width: 100%;
      max-width: 1120px;
      margin: 0px auto;
      max-height: 570px; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-8 .scene-content {
          max-height: 540px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .scene-all {
        position: relative;
        height: 100%; }
      #skrollr .conteiner-ks .scene-8 .scene-content .bg {
        width: 894px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        -webkit-transform-origin: 0% 100%;
                transform-origin: 0% 100%; }
        #skrollr .conteiner-ks .scene-8 .scene-content .bg > img.img {
          position: relative;
          width: 100%; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .bg {
            width: 454px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .chair1 {
        position: absolute;
        left: 50%;
        bottom: 13%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 553px;
        pointer-events: none; }
        #skrollr .conteiner-ks .scene-8 .scene-content .chair1 img {
          margin-left: 476px;
          width: 107px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .chair1 {
            width: 281px;
            bottom: 30%; }
            #skrollr .conteiner-ks .scene-8 .scene-content .chair1 img {
              margin-left: 240px;
              width: 54px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .chair2 {
        position: absolute;
        left: 50%;
        bottom: 4%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        width: 553px;
        pointer-events: none; }
        #skrollr .conteiner-ks .scene-8 .scene-content .chair2 img {
          margin-left: 166px;
          width: 107px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .chair2 {
            bottom: 25%;
            width: 281px; }
            #skrollr .conteiner-ks .scene-8 .scene-content .chair2 img {
              margin-left: 86px;
              width: 54px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .table {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 9%;
        width: 553px; }
        #skrollr .conteiner-ks .scene-8 .scene-content .table img {
          width: 100%; }
        #skrollr .conteiner-ks .scene-8 .scene-content .table .notebook {
          position: absolute;
          left: 266px;
          top: 177px;
          width: 146px;
          cursor: pointer; }
          #skrollr .conteiner-ks .scene-8 .scene-content .table .notebook i.hand {
            left: 80px;
            top: 10px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .scene-content .table .notebook {
              left: 145px;
              top: 85px;
              width: 85px; }
              #skrollr .conteiner-ks .scene-8 .scene-content .table .notebook i.hand {
                left: 50px;
                top: 0px; } }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .table {
            bottom: 28%;
            width: 281px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .doctor {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 0%;
        width: 553px; }
        #skrollr .conteiner-ks .scene-8 .scene-content .doctor img {
          margin-left: 185px;
          width: 196px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .doctor {
            bottom: 6%;
            width: 281px; }
            #skrollr .conteiner-ks .scene-8 .scene-content .doctor img {
              margin-left: -6px;
              width: 160px; } }
        #skrollr .conteiner-ks .scene-8 .scene-content .doctor .tool {
          background-image: url("../images/steps/step-8/tool-1.png");
          background-size: 100% 100%;
          width: 210px;
          height: 127px;
          position: absolute;
          left: 223px;
          top: -105px; }
          #skrollr .conteiner-ks .scene-8 .scene-content .doctor .tool div {
            padding: 19px 30px 0px 26px;
            font-size: 16px;
            line-height: 20px;
            color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .scene-content .doctor .tool {
              background-image: url("../images/steps/step-8/tool-1-mobile.png");
              width: 226px;
              height: 131px;
              left: 0px;
              top: -135px; }
              #skrollr .conteiner-ks .scene-8 .scene-content .doctor .tool div {
                padding: 24px 0px 0px 22px;
                font-size: 20px;
                line-height: 22px; } }
        #skrollr .conteiner-ks .scene-8 .scene-content .doctor .q {
          background-image: url("../images/steps/step-8/q.png");
          background-size: 100% 100%;
          width: 39px;
          height: 65px;
          position: absolute;
          left: 363px;
          top: -5px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .scene-content .doctor .q {
              width: 31px;
              height: 53px;
              left: 146px;
              top: -5px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 6%;
        width: 553px;
        pointer-events: none; }
        #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 img {
          margin-left: 164px;
          width: 203px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 {
            bottom: 23%;
            width: 281px; }
            #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 img {
              margin-left: 84px;
              width: 122px; } }
        #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 .tool {
          background-image: url("../images/steps/step-8/tool-2.png");
          background-size: 100% 100%;
          width: 315px;
          height: 103px;
          position: absolute;
          left: 51px;
          top: -91px;
          -webkit-transform-origin: 80% 100%;
                  transform-origin: 80% 100%; }
          #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 .tool div {
            padding: 19px 16px 0px 23px;
            font-size: 16px;
            line-height: 20px;
            color: #ffffff; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 .tool {
              background-image: url("../images/steps/step-8/tool-2-mobile.png");
              width: 186px;
              height: 166px;
              left: 18px;
              top: -184px; }
              #skrollr .conteiner-ks .scene-8 .scene-content .doctor2 .tool div {
                padding: 19px 0px 0px 25px;
                font-size: 16px;
                line-height: 18px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .men {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 12.6%;
        width: 553px; }
        #skrollr .conteiner-ks .scene-8 .scene-content .men img {
          margin-left: 420px;
          width: 160px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .men {
            bottom: 30%;
            width: 281px; }
            #skrollr .conteiner-ks .scene-8 .scene-content .men img {
              margin-left: 222px;
              width: 75px; } }
        #skrollr .conteiner-ks .scene-8 .scene-content .men .tool {
          background-image: url("../images/steps/step-8/tool-3.png");
          background-size: 100% 100%;
          width: 177px;
          height: 88px;
          position: absolute;
          left: 409px;
          top: -90px;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          #skrollr .conteiner-ks .scene-8 .scene-content .men .tool div {
            padding: 18px 4px 0px 5px;
            font-size: 16px;
            line-height: 20px;
            color: #ffffff;
            text-align: center; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .scene-content .men .tool {
              background-image: url("../images/steps/step-8/tool-3-mobile.png");
              width: 186px;
              height: 70px;
              left: 125px;
              top: -80px; }
              #skrollr .conteiner-ks .scene-8 .scene-content .men .tool div {
                padding: 15px 0px 0px 7px;
                font-size: 16px;
                line-height: 18px; } }
      #skrollr .conteiner-ks .scene-8 .scene-content > .help-text {
        font-size: 16px;
        line-height: 20px;
        font-weight: 300;
        color: #818182;
        font-style: italic;
        pointer-events: none;
        padding: 0px 0px 0px 372px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        bottom: 0%;
        width: 643px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content > .help-text {
            display: none; } }
      #skrollr .conteiner-ks .scene-8 .scene-content .list-button {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 100%;
        max-width: 1100px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0px 15px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .scene-content .list-button {
            display: block;
            left: 0%;
            right: 0%;
            -webkit-transform: translate(0%, 0%);
                    transform: translate(0%, 0%); } }
        #skrollr .conteiner-ks .scene-8 .scene-content .list-button .help-text {
          font-size: 16px;
          line-height: 20px;
          font-weight: 300;
          color: #818182;
          font-style: italic;
          pointer-events: none;
          padding: 0px;
          margin: 0 auto 0;
          max-width: 280px;
          display: none; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .scene-content .list-button .help-text {
              display: block; } }
        #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul {
          margin: 0px 0px;
          padding: 0px 0px;
          list-style: none;
          max-width: 394px;
          width: 100%; }
          #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li {
            background-color: #66709c;
            padding: 10px 15px 10px 22px;
            border-radius: 8px;
            margin: 14px 0;
            cursor: pointer;
            min-height: 63px;
            position: relative;
            display: table;
            width: 100%; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li {
                left: 0% !important; } }
            #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li span {
              display: table-cell;
              vertical-align: middle;
              color: #ffffff;
              font-weight: 300;
              font-size: 16px;
              line-height: 18px; }
            #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li i {
              background-image: url("../images/steps/step-5/i.png");
              background-size: 100% 100%;
              position: absolute;
              right: -15px;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              width: 29px;
              height: 29px;
              cursor: pointer;
              display: none; }
            #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li.active {
              background-color: #7fc14c; }
              #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li.active i {
                display: block; }
              #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul li.active[data-answer="0"] {
                background-color: #ce3946; }
          #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul.left-button {
            margin-right: 90px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul.left-button {
                margin: 0px auto 0; } }
          #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul.right-button {
            margin-left: 90px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-8 .scene-content .list-button ul.right-button {
                margin: 0px auto 0; } }
    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper {
      max-width: 1120px; }
      #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block {
        width: 100%; }
        #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block {
          position: absolute;
          left: 0px;
          right: 0px;
          top: 0px;
          bottom: 58px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block {
              bottom: 0px;
              top: 0px; }
              .skrollr-mobile #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block {
                top: 0px; } }
          #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 0px;
            bottom: 0px;
            opacity: 0;
            display: none;
            padding: 4% 7% 4% 7%; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block {
                padding: 20px 10px 20px 20px !important;
                position: relative;
                display: block;
                opacity: 1; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .title {
              font-size: 24px;
              font-weight: bold;
              color: #282828;
              margin-bottom: 37px; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block .title {
                  font-size: 18px;
                  line-height: 18px;
                  color: #015568;
                  font-weight: 500; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 p {
              font-size: 16px;
              font-weight: 300;
              margin: 15px 0; }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text {
                  display: block; } }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text img {
                width: 321px;
                margin-right: 36px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text img {
                    display: block;
                    margin: 0px auto 0px;
                    position: relative;
                    left: -13px; } }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack {
                margin: 27px 0 33px 0; }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack div.list-name {
                  font-size: 16px;
                  font-weight: bold; }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack ul.list {
                  list-style: none;
                  margin: 0px 0px;
                  padding: 0 7% 0 0%; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack ul.list {
                      padding: 0 0% 0 0%; } }
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack ul.list li {
                    font-size: 16px;
                    margin: 6px 0px;
                    padding-left: 30px;
                    position: relative; }
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack ul.list li:before {
                      content: '+';
                      font-size: 25px;
                      line-height: 16px;
                      font-weight: bold;
                      color: #f7ab0f;
                      position: absolute;
                      left: 0px;
                      top: 2px; }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack ul.list li {
                        line-height: 18px;
                        padding-left: 21px;
                        margin: 12px 0px; }
                        #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack ul.list li:before {
                          top: 0px;
                          font-size: 21px; } }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack .disclaimer {
                  margin: 33px 0 0px 0;
                  background-color: #ccebe6;
                  padding: 10px 30px 10px 35px; }
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack .disclaimer span {
                    font-size: 16px;
                    font-weight: bold;
                    color: #01596a; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-1 .block-text .information-pack .disclaimer {
                      padding: 10px 15px 10px 15px;
                      margin-right: 20px;
                      line-height: 16px;
                      font-weight: 500; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 div.list-name {
              font-size: 16px;
              font-weight: bold; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 div.list-name {
                  font-weight: 500;
                  line-height: 18px; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 ul.list {
              list-style: none;
              margin: 47px 0px;
              padding: 0 7% 0 0%; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 ul.list {
                  padding: 0 0% 0 0%; } }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 ul.list li {
                font-size: 16px;
                margin: 6px 0px;
                padding-left: 30px;
                position: relative; }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 ul.list li:before {
                  content: '+';
                  font-size: 25px;
                  line-height: 16px;
                  font-weight: bold;
                  color: #f7ab0f;
                  position: absolute;
                  left: 0px;
                  top: 2px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 ul.list li {
                    line-height: 18px;
                    padding-left: 21px;
                    margin: 12px 0px; }
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-2 ul.list li:before {
                      top: 0px;
                      font-size: 21px; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                      justify-content: space-between;
              list-style: none;
              margin: 90px auto 0;
              padding: 0 0; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images {
                  margin: 0px auto 0;
                  display: block; } }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images li {
                position: relative;
                width: calc(100% / 5);
                padding: 0px 10px; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images li {
                    width: 100%; } }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images li img {
                  max-width: 133px;
                  width: 100%;
                  display: block;
                  margin: 0px auto 30px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images li img {
                      margin: 30px auto 15px; } }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images li span {
                  display: block;
                  font-size: 16px;
                  line-height: 20px;
                  font-weight: 300;
                  color: #000000;
                  text-align: center; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 ul.images li span {
                      line-height: 18px; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .line {
              height: 4px;
              background-color: #f7ab0f;
              position: relative;
              margin-top: 70px; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .line {
                  display: none; } }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .line:before, #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .line:after {
                content: '';
                position: absolute;
                top: -9px;
                width: 21px;
                height: 22px; }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .line:before {
                background-image: url("../images/steps/step-8/arr-left.png");
                left: -17px; }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-3 .line:after {
                background-image: url("../images/steps/step-8/arr-right.png");
                right: -17px; }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 {
              padding: 4% 0% 4% 0%; }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .title {
                padding: 0% 7% 0% 7%; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .title {
                    padding: 0; } }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos {
                margin: 30px 0px; }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-pack: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  margin: 10px 0px; }
                  @media (max-width: 768px) and (min-width: 0px) {
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div {
                      display: block; } }
                  #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div > div {
                    width: 260px;
                    margin: 0% 4%; }
                    @media (max-width: 768px) and (min-width: 0px) {
                      #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div > div {
                        margin: 50px 0px;
                        width: auto; } }
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div > div img {
                      display: block;
                      margin: 0px auto 0px; }
                    #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div > div b {
                      font-size: 18px;
                      color: #282828; }
                      @media (max-width: 768px) and (min-width: 0px) {
                        #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.tab-block-4 .logos > div > div b {
                          line-height: 20px;
                          display: block;
                          padding: 0px 8px;
                          max-width: 260px;
                          margin: 0px auto 0px; } }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .tabs-block .tab-block.active {
              opacity: 1;
              display: block; }
        #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block {
          position: absolute;
          right: 0px;
          left: 0px;
          bottom: 0px;
          padding: 20px;
          background-color: #015568; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block {
              display: none; } }
          #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block ul.navigate-tab {
            float: right;
            list-style: none;
            margin: 0px;
            padding: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block ul.navigate-tab li {
              border-radius: 50%;
              border: 1px solid #c8ccd3;
              width: 34px;
              height: 34px;
              margin: 0px 9px;
              cursor: pointer;
              display: table; }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block ul.navigate-tab li span {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
                font-size: 18px;
                color: #ffffff;
                font-weight: 300; }
              #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block ul.navigate-tab li.active {
                border-color: #f7ab0f; }
                #skrollr .conteiner-ks .scene-8 .popup-content .popup-wrapper .left-block .navigate-tab-block ul.navigate-tab li.active span {
                  color: #f7ab0f;
                  font-weight: bold; }
    #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 {
      background: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 0px;
      overflow: auto; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 {
          display: block;
          position: fixed;
          top: 0px; } }
      #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper {
        background-image: url("../images/steps/step-8/tablet.png");
        background-size: 100% 100%;
        width: 737px;
        height: 535px;
        padding: 32px 48px 32px 65px;
        display: block; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper {
            background-image: url("../images/steps/step-8/tablet-center.png");
            background-repeat: repeat-y;
            background-size: 321px 131px;
            width: 321px;
            height: auto;
            border-radius: 23px;
            padding: 60px 28px 32px 34px;
            max-height: none; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper:before {
              content: '';
              background-image: url("../images/steps/step-8/tablet-top.png");
              background-size: 321px 111px;
              position: absolute;
              left: 0px;
              right: 0px;
              top: 0px;
              height: 111px; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper:after {
              content: '';
              background-image: url("../images/steps/step-8/tablet-bottom.png");
              background-size: 321px 115px;
              position: absolute;
              left: 0px;
              right: 0px;
              bottom: 0px;
              height: 115px; } }
        #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper .close-popup {
          top: 22px;
          right: 22px; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper .close-popup {
              top: 37px;
              right: 17px; } }
        #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper .title {
          font-size: 24px;
          color: #282828;
          font-weight: bold;
          position: relative;
          z-index: 1; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper .title {
              font-size: 17px;
              line-height: 24px;
              font-weight: 500;
              color: #01606C; } }
        #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs {
          padding: 0;
          margin: 0;
          list-style: none;
          position: relative;
          z-index: 1; }
          #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label {
            position: relative;
            padding-left: 42px;
            display: block;
            margin: 20px 0;
            cursor: pointer; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > i.checkbox {
              border: 4px solid #4a536b;
              width: 28px;
              height: 28px;
              display: block;
              position: absolute;
              left: 0px;
              top: 0px; }
              #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > i.checkbox:before {
                content: '';
                position: absolute;
                height: 22px;
                display: none; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label input:checked + i:before {
              display: block; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label input[data-input]:checked ~ span {
              color: #d41b16; }
              #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label input[data-input]:checked ~ span > span {
                display: block; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label input[data-input] + i:before {
              background-image: url("../images/steps/step-8/no.png");
              width: 22px;
              left: -1px;
              top: -1px; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label input[data-input="1"]:checked ~ span {
              color: #000000; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label input[data-input="1"] + i:before {
              background-image: url("../images/steps/step-8/ok.png");
              width: 31px;
              left: -2px;
              top: -4px; }
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span {
              font-size: 16px;
              color: #000000;
              font-weight: 300;
              position: relative;
              display: inline-block; }
              #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span > span {
                position: absolute;
                left: 100%;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                padding: 10px 10px 10px 10px;
                border-radius: 12px;
                background-color: #ce3946;
                display: none; }
                #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span > span:before {
                  content: '';
                  border-top: 8px solid transparent;
                  border-right: 21px solid #ce3946;
                  border-bottom: 8px solid transparent;
                  position: absolute;
                  right: 100%;
                  top: 50%;
                  margin-top: -8px; }
                #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span > span i {
                  font-style: normal;
                  font-size: 16px;
                  color: #ffffff;
                  font-weight: bold; }
                @media (max-width: 768px) and (min-width: 0px) {
                  #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span > span {
                    left: auto;
                    top: 59px;
                    right: 100%;
                    padding: 2px 5px 3px 5px; }
                    #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span > span:before {
                      border-top: 4px solid transparent;
                      border-left: 4px solid transparent;
                      border-right: 4px solid transparent;
                      border-bottom: 17px solid #ce3946;
                      right: 24px;
                      top: auto;
                      bottom: 100%;
                      margin-top: 0; } }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper ul.inputs li label > span {
                  line-height: 18px; } }
        #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper .help-text {
          font-size: 16px;
          line-height: 20px;
          font-weight: 300;
          color: #ffffff;
          font-style: italic;
          pointer-events: none;
          padding: 0px 0px 0px 0px;
          position: absolute;
          left: 0%;
          bottom: 0%;
          right: 0%;
          text-align: center; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-8 .popup-content#popup-9 .popup-wrapper .help-text {
              padding: 13px 0px 0px 0px;
              position: relative;
              color: #ABABAB; } }
    #skrollr .conteiner-ks .scene-9 {
      z-index: 1; }
      @media (max-width: 768px) and (min-width: 0px) {
        #skrollr .conteiner-ks .scene-9 {
          height: auto; } }
      #skrollr .conteiner-ks .scene-9 .scene-content {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
                transform: translate(0%, -50%);
        height: 100%;
        width: 100%;
        max-width: 1120px;
        margin: 0px auto;
        max-height: 570px; }
        @media (max-width: 768px) and (min-width: 0px) {
          #skrollr .conteiner-ks .scene-9 .scene-content {
            height: 680px;
            top: 0%;
            -webkit-transform: translate(0%, 0%);
                    transform: translate(0%, 0%);
            max-height: none; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .bg {
          width: 894px;
          position: absolute;
          left: 50%;
          top: 38%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          width: 100%; }
          #skrollr .conteiner-ks .scene-9 .scene-content .bg > img {
            position: relative;
            width: 100%; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .bg {
              width: 345px; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .board {
          max-width: 527px;
          position: absolute;
          left: 50%;
          bottom: 0%;
          -webkit-transform: translate(-50%, 0%);
                  transform: translate(-50%, 0%);
          margin: 0px 0px 0px 0px;
          width: 100%; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .board {
              margin: 0px;
              left: 0%;
              right: 0;
              top: 0 !important;
              bottom: auto !important;
              padding: 20px 20px 20px 20px;
              z-index: 5;
              width: auto;
              max-width: none;
              -webkit-transform: translate(0%, 0%);
                      transform: translate(0%, 0%); } }
          #skrollr .conteiner-ks .scene-9 .scene-content .board .img-borad {
            position: relative; }
            #skrollr .conteiner-ks .scene-9 .scene-content .board .img-borad > img {
              width: 100%; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-9 .scene-content .board .img-borad > img {
                display: none; } }
          #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board {
            position: absolute;
            left: 0px;
            right: 0px;
            top: 16px;
            bottom: 61px;
            text-align: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board {
                display: block;
                position: relative;
                top: 0px;
                bottom: 0px; } }
            #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .title {
              font-size: 25px;
              line-height: 30px;
              color: #39426b;
              font-weight: bold; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .title {
                  font-size: 16px;
                  line-height: 22px;
                  font-weight: 300; } }
            #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .grdeed-desc {
              background-color: #c6f7a1;
              padding: 7px 40px 8px 40px;
              margin: 0px 6px 0px 7px; }
              #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .grdeed-desc i {
                font-size: 24px;
                color: #015b6a;
                font-weight: 500; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .grdeed-desc {
                  background-color: transparent;
                  padding: 0px;
                  margin: 0px; }
                  #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .grdeed-desc i {
                    font-size: 16px;
                    line-height: 22px;
                    font-weight: 300; } }
            #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .num-odobr {
              font-size: 24px;
              color: #68a432;
              font-weight: bold; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-9 .scene-content .board .text-board .num-odobr {
                  position: absolute;
                  right: 0px;
                  top: -16px;
                  font-size: 16px;
                  color: #4B546B; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .man-1 {
          width: 147px;
          position: absolute;
          left: -200%;
          bottom: 15%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          #skrollr .conteiner-ks .scene-9 .scene-content .man-1 .tool {
            background-image: url("../images/steps/step-9/tool-2.png");
            background-size: 100% 100%;
            width: 253px;
            height: 131px;
            position: absolute;
            left: 26px;
            top: -122px;
            -webkit-transform-origin: 0% 100%;
                    transform-origin: 0% 100%; }
            #skrollr .conteiner-ks .scene-9 .scene-content .man-1 .tool div {
              padding: 15px 16px 0px 17px;
              font-size: 16px;
              line-height: 20px;
              color: #ffffff; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .man-1 {
              margin-left: -12%; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .man-1 {
              left: 17% !important;
              width: 73px;
              top: 50%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; }
              #skrollr .conteiner-ks .scene-9 .scene-content .man-1 img {
                position: relative;
                z-index: 1; }
              #skrollr .conteiner-ks .scene-9 .scene-content .man-1 .tool {
                -webkit-transform: scale(1) !important;
                        transform: scale(1) !important;
                background-image: url("../images/steps/step-9/tool-2-mobile.png");
                width: 215px;
                height: 97px;
                left: -5px;
                top: -66px; }
                #skrollr .conteiner-ks .scene-9 .scene-content .man-1 .tool div {
                  padding: 19px 11px 14px 14px;
                  font-size: 14px;
                  line-height: 14px; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .woman-1 {
          width: 89px;
          position: absolute;
          left: -200%;
          bottom: 15%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .woman-1 {
              pointer-events: none;
              opacity: 0; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .woman-1 {
              left: 5% !important;
              width: 43px;
              top: 51%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .man-2 {
          width: 106px;
          position: absolute;
          left: 0%;
          bottom: 15%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .man-2 {
              pointer-events: none;
              opacity: 0; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .man-2 {
              left: 84% !important;
              width: 54px;
              top: 51%;
              bottom: auto;
              -webkit-transform: translateY(-50%) !important;
                      transform: translateY(-50%) !important; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 {
          width: 97px;
          position: absolute;
          left: 0%;
          bottom: 15%;
          -webkit-transform-origin: 50% 100%;
                  transform-origin: 50% 100%; }
          #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool {
            background-image: url("../images/steps/step-9/tool-3.png");
            background-size: 100% 100%;
            width: 510px;
            height: 172px;
            position: absolute;
            right: -107px;
            top: -180px;
            -webkit-transform-origin: 100% 100%;
                    transform-origin: 100% 100%; }
            #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool div {
              padding: 20px 30px 10px 20px;
              font-size: 16px;
              line-height: 20px;
              color: #ffffff; }
            #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool-2 {
              background-image: url("../images/steps/step-9/tool-3-mobile.png");
              background-size: 100% 100%;
              width: 164px;
              height: 67px;
              position: absolute;
              right: 14px;
              bottom: -7px;
              -webkit-transform-origin: 100% 0%;
                      transform-origin: 100% 0%;
              display: none; }
              @media (max-width: 768px) and (min-width: 0px) {
                #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool-2 {
                  -webkit-transform: scale(1) !important;
                          transform: scale(1) !important;
                  display: block; } }
              #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool-2 div {
                color: #ffffff;
                padding: 23px 3px 10px 10px;
                font-size: 14px;
                line-height: 16px; }
          @media (max-width: 940px) and (min-width: 768px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 {
              margin-left: 8%; }
              #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool {
                width: 410px;
                height: 172px;
                right: -6px; }
                #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool div {
                  font-size: 14px;
                  line-height: 18px; } }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 {
              left: 70% !important;
              width: 51px;
              top: 39%;
              bottom: auto; }
              #skrollr .conteiner-ks .scene-9 .scene-content .woman-2 .tool {
                display: none; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .bottom-text {
          display: none;
          position: absolute;
          left: 20px;
          right: 20px;
          top: 67%;
          font-size: 16px;
          line-height: 18px;
          color: #01606C;
          font-weight: 600; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .bottom-text {
              display: block; } }
        #skrollr .conteiner-ks .scene-9 .scene-content .buttons {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          position: absolute;
          bottom: 10px;
          left: 10%;
          right: 10%; }
          @media (max-width: 768px) and (min-width: 0px) {
            #skrollr .conteiner-ks .scene-9 .scene-content .buttons {
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul {
            margin: 0px 0px; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul {
                margin: 10px 0px; } }
            #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul.button {
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex; }
              #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul.button li {
                cursor: pointer;
                background-color: #f7ab0f;
                border-radius: 23px;
                display: table;
                height: 40px;
                padding: 0px 10px;
                margin: 0 7px;
                -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
                        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); }
                #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul.button li span {
                  font-size: 14px;
                  color: #ffffff;
                  white-space: nowrap; }
                #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul.button li a {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-align: center;
                      -ms-flex-align: center;
                          align-items: center;
                  -webkit-box-pack: center;
                      -ms-flex-pack: center;
                          justify-content: center;
                  height: 100%;
                  text-decoration: none; }
            @media (max-width: 768px) and (min-width: 0px) {
              #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul.list-social-post li a:not(.link-remove) {
                width: 30px;
                height: 30px;
                line-height: 30px; }
                #skrollr .conteiner-ks .scene-9 .scene-content .buttons ul.list-social-post li a:not(.link-remove):before {
                  font-size: 16px;
                  line-height: 30px; } }

.tippy-box[data-animation=scale][data-placement^=top] {
  -webkit-transform-origin: bottom;
          transform-origin: bottom; }

.tippy-box[data-animation=scale][data-placement^=bottom] {
  -webkit-transform-origin: top;
          transform-origin: top; }

.tippy-box[data-animation=scale][data-placement^=left] {
  -webkit-transform-origin: right;
          transform-origin: right; }

.tippy-box[data-animation=scale][data-placement^=right] {
  -webkit-transform-origin: left;
          transform-origin: left; }

.tippy-box[data-animation=scale][data-state=hidden] {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0; }

[data-tippy-root] {
  pointer-events: auto !important; }
  @media (max-width: 768px) and (min-width: 0px) {
    [data-tippy-root].popup-blue {
      left: 10px !important;
      right: 10px !important;
      top: 10px !important;
      bottom: auto !important;
      padding-top: 0px;
      -webkit-transform: translate(0px, 0px) !important;
              transform: translate(0px, 0px) !important; }
      .skrollr-mobile [data-tippy-root].popup-blue {
        top: 10px !important; }
      [data-tippy-root].popup-blue .tippy-box {
        margin: 0px auto 0px; }
        [data-tippy-root].popup-blue .tippy-box .tippy-content {
          height: 100%; } }
  [data-tippy-root] .close {
    background-image: url(../images/steps/close-popup.png);
    background-size: 100% 100%;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    z-index: 1; }

.tippy-box {
  background-color: #daf2c8;
  border-radius: 15px;
  height: 100%; }
  .tippy-box .tippy-content {
    padding: 0px;
    font-size: 12px;
    color: #282828;
    overflow: auto; }
    .tippy-box .tippy-content .tippy-content-block {
      padding: 26px 0px 26px 26px;
      position: relative; }
    .tippy-box .tippy-content .popup-text {
      padding-right: 26px; }
    @media (max-width: 768px) and (min-width: 0px) {
      .tippy-box .tippy-content .icon + div.popup-text {
        padding-bottom: 50px; } }
  .tippy-box .tippy-arrow {
    color: #daf2c8; }
  .tippy-box[data-theme="tool"] {
    overflow: initial; }
    .tippy-box[data-theme="tool"] .tippy-content {
      padding: 5px 9px; }
  .tippy-box[data-theme="blue"] {
    background-color: #66709c;
    -webkit-box-shadow: 0px 36px 72.9px 8.1px #202124;
            box-shadow: 0px 36px 72.9px 8.1px #202124;
    border-radius: 9px; }
    .tippy-box[data-theme="blue"] .tippy-content {
      color: #ffffff; }
      .tippy-box[data-theme="blue"] .tippy-content .icon {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 82px;
        height: 82px;
        overflow: hidden;
        border-radius: 0 0 9px 0; }
        .tippy-box[data-theme="blue"] .tippy-content .icon:before {
          content: '';
          position: absolute;
          left: 0px;
          top: 0px;
          width: 132px;
          height: 132px;
          background-color: #555e8b;
          border-radius: 50%; }
        .tippy-box[data-theme="blue"] .tippy-content .icon > img {
          position: absolute;
          left: 60%;
          top: 60%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .tippy-box[data-theme="blue"] .tippy-content div.popup-text {
        position: relative; }
        .tippy-box[data-theme="blue"] .tippy-content div.popup-text b {
          font-size: 20px; }
          @media (max-width: 768px) and (min-width: 0px) {
            .tippy-box[data-theme="blue"] .tippy-content div.popup-text b {
              font-size: 16px;
              line-height: 19px; } }
        .tippy-box[data-theme="blue"] .tippy-content div.popup-text p {
          font-size: 16px;
          font-weight: 300;
          padding-right: 40px; }
          @media (max-width: 768px) and (min-width: 0px) {
            .tippy-box[data-theme="blue"] .tippy-content div.popup-text p {
              line-height: 19px;
              padding-right: 0px; } }
  .tippy-box[data-theme="red"] {
    background-color: #ce3946;
    -webkit-box-shadow: 0px 36px 72.9px 8.1px #202124;
            box-shadow: 0px 36px 72.9px 8.1px #202124;
    border-radius: 9px; }
    .tippy-box[data-theme="red"] .tippy-content {
      color: #ffffff; }
      .tippy-box[data-theme="red"] .tippy-content .icon {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 82px;
        height: 82px;
        overflow: hidden;
        border-radius: 0 0 9px 0; }
        .tippy-box[data-theme="red"] .tippy-content .icon:before {
          content: '';
          position: absolute;
          left: 0px;
          top: 0px;
          width: 132px;
          height: 132px;
          background-color: #c32d38;
          border-radius: 50%; }
        .tippy-box[data-theme="red"] .tippy-content .icon > img {
          position: absolute;
          left: 60%;
          top: 60%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .tippy-box[data-theme="red"] .tippy-content div.popup-text {
        position: relative; }
        .tippy-box[data-theme="red"] .tippy-content div.popup-text > b {
          font-size: 20px; }
          @media (max-width: 768px) and (min-width: 0px) {
            .tippy-box[data-theme="red"] .tippy-content div.popup-text > b {
              font-size: 16px;
              line-height: 19px; } }
        .tippy-box[data-theme="red"] .tippy-content div.popup-text p {
          font-size: 16px;
          font-weight: 300;
          padding-right: 40px; }
          @media (max-width: 768px) and (min-width: 0px) {
            .tippy-box[data-theme="red"] .tippy-content div.popup-text p {
              line-height: 19px;
              padding-right: 0px; } }
          .tippy-box[data-theme="red"] .tippy-content div.popup-text p > b {
            color: #ffde9b; }
  .tippy-box[data-theme="green"] {
    background-color: #77bd41;
    -webkit-box-shadow: 0px 36px 72.9px 8.1px #202124;
            box-shadow: 0px 36px 72.9px 8.1px #202124;
    border-radius: 9px; }
    .tippy-box[data-theme="green"] .tippy-content {
      color: #ffffff; }
      @media (max-width: 768px) and (min-width: 0px) {
        .tippy-box[data-theme="green"] .tippy-content {
          padding-left: 0px; } }
      .tippy-box[data-theme="green"] .tippy-content .icon {
        display: none; }
      .tippy-box[data-theme="green"] .tippy-content div.popup-text {
        position: relative; }
        @media (max-width: 768px) and (min-width: 0px) {
          .tippy-box[data-theme="green"] .tippy-content div.popup-text {
            padding-left: 5px; } }
        .tippy-box[data-theme="green"] .tippy-content div.popup-text > b {
          font-size: 20px; }
          @media (max-width: 768px) and (min-width: 0px) {
            .tippy-box[data-theme="green"] .tippy-content div.popup-text > b {
              font-size: 16px;
              line-height: 19px; } }
        .tippy-box[data-theme="green"] .tippy-content div.popup-text p {
          font-size: 16px;
          font-weight: 300; }
          @media (max-width: 768px) and (min-width: 0px) {
            .tippy-box[data-theme="green"] .tippy-content div.popup-text p {
              line-height: 19px; } }
        .tippy-box[data-theme="green"] .tippy-content div.popup-text > ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .tippy-box[data-theme="green"] .tippy-content div.popup-text > ul > li {
            font-size: 16px;
            font-weight: 300;
            position: relative;
            padding-left: 28px;
            margin: 8px 0; }
            .tippy-box[data-theme="green"] .tippy-content div.popup-text > ul > li:before {
              content: '+';
              font-size: 24px;
              color: #f6ca6f;
              font-weight: bold;
              line-height: 16px;
              position: absolute;
              left: 0px;
              top: 3px; }
            .tippy-box[data-theme="green"] .tippy-content div.popup-text > ul > li > ul {
              margin: 0;
              padding: 0 0 0 20px;
              list-style: none; }
            @media (max-width: 768px) and (min-width: 0px) {
              .tippy-box[data-theme="green"] .tippy-content div.popup-text > ul > li {
                line-height: 19px;
                padding-left: 0px; }
                .tippy-box[data-theme="green"] .tippy-content div.popup-text > ul > li:before {
                  left: -23px;
                  top: 0px; } }