body, input, textarea {
    font-weight: 400;
    font-family: Roboto, sans-serif;
}
a, a:active, a:hover {
    cursor: pointer;
    text-decoration: none;
}
#languages, #wrapper, header .label {
    position: relative;
}
#candies, #step-3 .wrapper-center, #step-4 .wrapper-center, #step-6 .wrapper-center {
    overflow: hidden;
}
#menu ul li a, .basic-btn, .text .inner h2, header h1 {
    text-transform: uppercase;
}
* {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
}
html {
    height: 100%;
    -ms-text-size-adjust: 100%}
a, abbr, acronym, address, applet, article, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, iframe, img, input, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, section, small, strike, strong, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0;
    font-size: 100%;
    font-weight: 400;
    font-style: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    vertical-align: baseline;
}
:focus {
    outline: 0;
}
body {
    width: 100%;
    color: #747888;
    scroll-behavior: smooth;
}
ol, ul {
    list-style: none;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
caption, td, th {
    text-align: left;
}
input, textarea {
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-appearance: none;
}
input.submit {
    cursor: pointer;
}
.clear {
    height: 0;
    width: 1px;
    clear: both;
    font-size: 0;
    content: " ";
    display: block;
    line-height: 0;
    visibility: hidden;
}
#static, .none {
    display: none;
}
a {
    color: inherit;
    font-weight: inherit;
}
::-ms-clear {
    display: none;
}
.basic-btn {
    height: 48px;
    color: #132e9b;
    font-size: 16px;
    font-weight: 900;
    line-height: 46px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    display: inline-block;
    padding: 0 55px 0 30px;
    border: 1px solid #c1c3cb;
    background: url("../images/basic-btn.png") right center no-repeat #fff;
}
#wrapper {
    width: 100%;
    height: 1757px;
}
#playpause {
    top: 50%;
    right: 46px;
    width: 67px;
    height: 67px;
    z-index: 9999;
    position: fixed;
    margin-top: -200px;
    background: url("../images/process/icons-sound.png") 0 -134px no-repeat;
}
#playpause:hover {
    background-position: 0 -201px;
}
#playpause.stop {
    background-position: 0 0;
}
#playpause.stop:hover {
    background-position: 0 -67px;
}
header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    position: absolute;
}
header .label {
    float: left;
    width: 199px;
    height: 208px;
    margin-left: 10px;
    background: url("../images/header-label.png") no-repeat;
}
#languages ul, #logo, header h1 {
    position: absolute;
}
#logo {
    top: 15px;
    left: 34px;
    width: 126px;
    height: 93px;
    background: url("../images/logo-verbena.svg") no-repeat;
}
header.pl #logo {
    background-image: url("../images/logo-verbena-pl.png");
}
header h1 {
    left: 0;
    top: 142px;
    width: 100%;
    color: #112f92;
    font-size: 38px;
    font-weight: 900;
    text-align: center;
}
#languages .selected-language, #languages ul li a, #menu ul li a {
    color: #143393;
    font-size: 14px;
    line-height: 48px;
    font-weight: 900;
}
header .panel {
    float: right;
    height: 50px;
    margin-top: 57px;
    margin-right: 10px;
    border-radius: 25px 0 0 25px;
    -webkit-border-radius: 25px 0 0 25px;
    border: 1px solid rgba(103, 133, 232, .23);
}
#languages {
    float: right;
}
#languages .selected-language {
    width: 83px;
    height: 48px;
    display: block;
    padding-left: 19px;
    border-left: 2px solid #d8def5;
    background: url("../images/languages-arrow.png") 58px center no-repeat rgba(255, 255, 255, .85);
}
#languages ul {
    left: 0;
    top: 50px;
    display: none;
}
.section, .wrapper-center {
    position: relative;
}
#languages ul li {
    width: 84px;
    height: 50px;
    margin-bottom: 1px;
    border: 1px solid rgba(103, 133, 232, .23);
}
#languages ul li a {
    display: block;
    padding-left: 20px;
    background-color: rgba(232, 248, 249, .85);
}
#menu {
    float: right;
    height: 48px;
    padding: 0 26px 0 38px;
    border-radius: 24px 0 0 24px;
    -webkit-border-radius: 24px 0 0 24px;
    background-color: rgba(255, 255, 255, .85);
}
#menu ul li {
    float: left;
    height: 48px;
    margin: 0 13px;
}
#menu ul li a {
    height: 48px;
    display: block;
    padding: 0 1px;
    border-bottom: 3px solid transparent;
}
#menu ul li a.active, #menu ul li a:hover {
    color: #61687e;
    border-color: #e81000;
}
.wrapper-center {
    width: 100%;
    height: inherit;
    margin: 0 auto;
    max-width: 960px;
}
#step-1 .soil, .text, .text .arrow {
    position: absolute;
}
.text {
    opacity: 0;
    color: #fff;
    background-color: #b12d87;
}
.text .arrow {
    top: 0;
    right: -54px;
    width: 54px;
    height: 100px;
    background: url("../images/process/arrows.png") no-repeat;
}
.text.left .arrow {
    right: auto;
    left: -54px;
    background-position: 0 -100px;
}
.text .inner {
    padding: 34px 38px 16px;
}
.text.left .inner {
    text-align: right;
}
.text .inner h2 {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.363em;
    margin-bottom: 32px;
}
.text .inner p {
    font-size: 16px;
    line-height: 1.25em;
    padding-bottom: 18px;
}
#step-1 {
    z-index: 9;
    background: url("../images/process/step-1-background.jpg") center bottom no-repeat;
    background-size: cover;
}
#step-1 .soil {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 294px;
    background: url("../images/process/step-1-soil-background.png") 0 bottom repeat-x;
}
#step-1 .soil .root {
    left: 50%;
    bottom: 0;
    width: 1460px;
    height: 294px;
    position: absolute;
    margin-left: -730px;
    background: url("../images/process/step-1-soil.png") no-repeat;
}
#step-1 .flower, #step-1 .flower img {
    width: 287px;
    height: 600px;
    position: absolute;
}
#step-1 .flower {
    left: 353px;
    bottom: 214px;
}
#step-1 .flower img {
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#step-1 .flower img.start-visible {
    opacity: 1;
}
#step-1 .text {
    bottom: 354px;
    left: 36px;
    width: 362px;
    height: 348px;
}
#static .btn-next, #step-1 .btn-next {
    opacity: 0;
    z-index: 999;
    display: none;
    position: absolute;
    bottom: 25px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-next.png") no-repeat;
}
#static .btn-next, #step-2 .btn-next {
    opacity: 0;
    z-index: 999;
    display: none;
    position: absolute;
    bottom: 25px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-next.png") no-repeat;
}
#static .btn-next, #step-3 .btn-next {
    opacity: 0;
    z-index: 999;
    display: none;
    position: absolute;
    bottom: 25px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-next.png") no-repeat;
}
#static .btn-next, #step-4 .btn-next {
    opacity: 0;
    z-index: 999;
    display: none;
    position: absolute;
    bottom: 25px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-next.png") no-repeat;
}
#static .btn-next, #step-5 .btn-next {
    opacity: 0;
    z-index: 999;
    display: none;
    position: absolute;
    bottom: 25px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-next.png") no-repeat;
}
#static .btn-next, #step-6 .btn-next {
    opacity: 0;
    z-index: 999;
    display: none;
    position: absolute;
    bottom: 25px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-next.png") no-repeat;
}



#leafs {
    opacity: 0;
    display: none;
    bottom: 750px;
    left: 50%;
    z-index: 99;
    width: 960px;
    position: fixed;
    margin-left: -480px;
}
#leafs .leaf-1, #leafs .leaf-2, #leafs .leaf-3, #leafs .leaf-4, #leafs .leaf-5, #step-2 .basket, #step-3 .rod {
    position: absolute;
}
#leafs .leaf-1 {
    top: 0;
    left: 324px;
    width: 51px;
    height: 174px;
    background: url("../images/process/leaf-1.png") no-repeat;
}
#leafs .leaf-2 {
    top: 36px;
    left: 546px;
    width: 201px;
    height: 149px;
    background: url("../images/process/leaf-2.png") no-repeat;
}
#leafs .leaf-3 {
    top: 106px;
    left: 458px;
    width: 115px;
    height: 220px;
    background: url("../images/process/leaf-3.png") no-repeat;
}
#leafs .leaf-4 {
    top: 380px;
    left: 230px;
    width: 200px;
    height: 149px;
    background: url("../images/process/leaf-4.png") no-repeat;
}
#leafs .leaf-5 {
    top: 380px;
    left: 496px;
    width: 127px;
    height: 187px;
    background: url("../images/process/leaf-5.png") no-repeat;
}
#step-2 {
    z-index: 5;
    background: url("../images/process/step-2-background.jpg") center bottom no-repeat;
    background-size: cover;
}
#step-2 .text {
    bottom: 388px;
    left: 586px;
    width: 362px;
}
#step-2 .basket {
    left: 78px;
    bottom: -185px;
    width: 999px;
    height: 745px;
    background: url("../images/process/step-2-basket.png") 0 bottom no-repeat;
    background-size: 100% auto;
}
#step-3 {
    z-index: 6;
    background: url("../images/process/step-3-background.jpg") center top no-repeat;
    background-size: cover;
}
#step-3 .text {
    top: 80px;
    left: 22px;
    width: 368px;
}
#step-3 .rod {
    top: 0;
    left: 0;
    width: 100%;
    height: 25px;
    background: url("../images/process/step-3-rod.png") repeat-x;
}
#step-3 .rod .rod-center {
    height: 25px;
    width: 960px;
    margin: 0 auto;
    background: url("../images/process/step-3-rod-center.png") center 0 no-repeat;
}
#step-3 .dry-leafs, #step-3 .dry-leafs img {
    width: 546px;
    height: 735px;
    position: absolute;
}
#step-3 .dry-leafs {
    top: 25px;
    left: 217px;
}
#step-3 .dry-leafs img {
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#step-3 .dry-leafs img.start-visible {
    opacity: 1;
}
#step-4 {
    z-index: 6;
    background: url("../images/process/step-4-background.jpg") center bottom no-repeat;
    background-size: cover;
}
#step-4 .text {
    bottom: 165px;
    left: 585px;
    width: 362px;
}
#step-4 .chem-kit {
    bottom: 0;
    left: 275px;
    width: 810px;
    height: 661px;
    position: absolute;
    background: url("../images/process/chem-kit.png") no-repeat;
}
#step-4 .chem-kit .test-tube {
    opacity: 0;
    top: -182px;
    left: -210px;
    width: 379px;
    height: 125px;
    position: absolute;
    background: url("../images/process/step-4-test-tube.png") no-repeat;
}
#step-4 .chem-kit .test-tube .drop {
    top: 50px;
    left: 95px;
    width: 25px;
    height: 45px;
    opacity: .75;
    position: absolute;
    background: url("../images/process/step-4-drop.png") no-repeat;
}
#drop-blue, #drop-blue-2 {
    background: url("../images/process/drop-blue.png") no-repeat;
    width: 13px;
    height: 13px;
    position: absolute;
    opacity: 0;
}
#drop-blue {
    top: 561px;
    left: 298px;
}
#drop-blue-2 {
    top: 14px;
    left: 500px;
}
#drop-yellow {
    opacity: 0;
    top: 290px;
    left: 475px;
    width: 13px;
    height: 13px;
    position: absolute;
    background: url("../images/process/drop-yellow.png") no-repeat;
}
#drop-pink {
    opacity: 0;
    top: 559px;
    left: 227px;
    width: 13px;
    height: 13px;
    position: absolute;
    background: url("../images/process/drop-pink.png") no-repeat;
}
#dry-leaf {
    top: 0;
    left: 50%;
    opacity: 0;
    z-index: 99;
    width: 79px;
    height: 750px;
    display: none;
    position: fixed;
    margin-left: -25px;
}
#dry-leaf .leaf {
    top: 345px;
    left: 0;
    width: 79px;
    height: 257px;
    position: absolute;
    background: url("../images/process/leaf-one.png") no-repeat;
}
#step-5 {
    z-index: 5;
    background: url("../images/process/step-5-background.jpg") center bottom no-repeat;
    background-size: cover;
}
#step-5 .chem-kit {
    top: 0;
    left: 275px;
    width: 810px;
    height: 816px;
    position: absolute;
    background: url("../images/process/chem-kit.png") 0 bottom no-repeat;
}
#drop-final {
    left: 50%;
    top: 816px;
    opacity: 0;
    z-index: 99;
    width: 40px;
    height: 70px;
    position: fixed;
    margin-left: -157px;
    background: url("../images/process/drop-final.png") no-repeat;
}
#step-6 {
    z-index: 6;
    background: url("../images/process/step-6-background.jpg") center bottom no-repeat;
    background-size: cover;
}
#step-6 .text {
    top: 135px;
    left: 615px;
    width: 362px;
}
#step-6 .candy {
    top: 190px;
    left: 260px;
    width: 166px;
    height: 300px;
    position: absolute;
}
#step-6 .candy .top-half {
    top: 0;
    left: 0;
    opacity: 0;
    width: 166px;
    height: 126px;
    position: absolute;
    background: url("../images/process/step-6-candy-top-half.png") no-repeat;
}
#step-6 .candy .bottom-half {
    left: 0;
    top: 141px;
    width: 166px;
    height: 158px;
    position: absolute;
    background: url("../images/process/step-6-candy-bottom-half.png") no-repeat;
}
#step-6 .candy .shadow {
    bottom: 0;
    left: -7px;
    width: 180px;
    height: 39px;
    position: absolute;
    background: url("../images/process/step-6-candy-shadow.png") no-repeat;
}
#step-6 .packing, #step-6 .packing img {
    opacity: 0;
    width: 498px;
    height: 411px;
    position: absolute;
}
#step-6 .packing {
    top: 140px;
    left: 124px;
}
#step-6 .packing img {
    top: 0;
    left: 0;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
#step-6 .packing img.start-visible {
    opacity: 1;
}
#candies {
    top: -638px;
    left: 50%;
    opacity: 0;
    z-index: 99;
    display: none;
    width: 854px;
    height: 1068px;
    position: absolute;
    margin-left: -427px;
}
#candies .candy {
    width: 260px;
    height: 260px;
    position: absolute;
    background-repeat: no-repeat;
}
#candies .candy.c1 {
    top: 0;
    left: 0;
    background-image: url("../images/process/candy-1.png");
}
#candies .candy.c2 {
    top: -28px;
    left: 229px;
    background-image: url("../images/process/candy-2.png");
}
#candies .candy.c3 {
    top: 24px;
    left: 608px;
    background-image: url("../images/process/candy-3.png");
}
#candies .candy.c4 {
    top: 152px;
    left: -55px;
    background-image: url("../images/process/candy-4.png");
}
#candies .candy.c5 {
    top: 191px;
    left: 91px;
    background-image: url("../images/process/candy-5.png");
}
#candies .candy.c6 {
    top: 178px;
    left: 394px;
    background-image: url("../images/process/candy-6.png");
}
#candies .candy.c7 {
    top: 324px;
    left: 153px;
    background-image: url("../images/process/candy-7.png");
}
#candies .candy.c8 {
    top: 257px;
    left: 573px;
    background-image: url("../images/process/candy-8.png");
}
#candies .candy.c9 {
    top: 377px;
    left: 352px;
    background-image: url("../images/process/candy-9.png");
}
#candies .candy.c10 {
    top: 487px;
    left: -6px;
    background-image: url("../images/process/candy-10.png");
}
#candies .candy.c11 {
    top: 499px;
    left: 279px;
    background-image: url("../images/process/candy-11.png");
}
#candies .candy.c12 {
    top: 486px;
    left: 572px;
    background-image: url("../images/process/candy-12.png");
}
#step-7 {
    z-index: 5;
    background: url("../images/process/step-7-background.jpg") center bottom no-repeat;
    background-size: cover;
}
#step-7 .text p{
  color:#213a8f !important;
}
#step-7 .text h2{
  color:#213a8f !important;
}
#static .btn-back, #step-7 .btn-back {
    opacity: 0;
    display: none;
    position: absolute;
    z-index: 9999;
    top: 80px;
    width: 107px;
    height: 107px;
    left: 426px;
    background: url("../images/process/btn-prev.png") no-repeat;
}
#static .btn-back span, #step-7 .btn-back span {
    display: block;
    position: absolute;
    top: -35px;
    left: -72px;
    width: 251px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    color: #a5a6ab;
}
#static .text.t6, #step-7 .text {
    left: 0;
    top: 640px;
    z-index: 9;
    width: 960px;
    position: absolute;
    text-align: center;
    background-color: transparent;
}
#static .text.t6 p, #step-7 .text p {
    color: #747888;
    font-size: 16px;
    margin-bottom: 18px;
    line-height: 1.375em;
}
#static .text.t6 h2, #step-7 .text h2 {
    color: #132e9b;
    font-size: 26px;
    font-weight: 900;
    line-height: 1.269em;
}
#static .text.t6 .basic-btn, #step-7 .text .basic-btn {
    margin-top: 28px;
}
#step-7 .big-pack {
    top: 420px;
    left: 50%;
    width: 536px;
    height: 749px;
    position: absolute;
    margin-left: -268px;
    background: url("../images/process/step-7-big-pack.png") no-repeat;
}
.pl #step-7 .big-pack {
    background: url("../images/process/step-7-big-pack-pl.png") no-repeat;
}
#step-7 .open-pack {
    top: 418px;
    left: 50%;
    width: 440px;
    height: 100px;
    position: absolute;
    margin-left: -228px;
    background: url("../images/process/step-7-open-pack.png") no-repeat;
}
.pl #step-7 .open-pack {
    background: url("../images/process/step-7-open-pack-pl.png") no-repeat;
}
#step-7 .packages {
    top: 245px;
    left: 50%;
    opacity: 0;
    width: 240px;
    position: absolute;
    margin-left: -120px;
}
#step-7 .packages .herb, #step-7 .packages .pack-1, #step-7 .packages .pack-2, #step-7 .packages .pack-3, #step-7 .packages .pack-4, #step-7 .packages .pack-5, #step-7 .packages .tube-1, #step-7 .packages .tube-2, #step-7 .packages .tube-3, #step-7 .packages .tube-4, .pl #step-7 .packages .all-packs, .pl #step-7 .packages .pack-10, .pl #step-7 .packages .pack-11, .pl #step-7 .packages .pack-6, .pl #step-7 .packages .pack-7, .pl #step-7 .packages .pack-8, .pl #step-7 .packages .pack-9, .pl #step-7 .packages .tube-4 {
    left: 0;
    position: absolute;
    background-size: contain !important;
}
#step-7 .packages .herb {
    top: 215px;
    z-index: 6;
    width: 273px;
    height: 149px;
    background: url("../images/process/step-7-herb.png") no-repeat;
}
.pl #step-7 .packages .herb {
    display: none;
}
#step-7 .packages .pack-1 {
    top: 43px;
    z-index: 4;
    width: 246px;
    height: 202px;
    background: url("../images/process/step-7-pack-1.html") no-repeat;
}
#step-7 .packages .pack-2 {
    top: 14px;
    left: -34px;
    z-index: 5;
    width: 415px;
    height: 298px;
    background: url("../images/process/step-7-pack-2.png") no-repeat;
}
#step-7 .packages .pack-3 {
    top: -1px;
    z-index: 3;
    width: 267px;
    height: 311px;
    background: url("../images/process/step-7-pack-3.png") no-repeat;
}
#step-7 .packages .pack-4 {
    top: 34px;
    z-index: 2;
    width: 193px;
    height: 214px;
    background: url("../images/process/step-7-pack-4.html") no-repeat;
}
#step-7 .packages .pack-5 {
    top: 50px;
    z-index: 1;
    width: 179px;
    height: 173px;
    background: url("../images/process/step-7-pack-5.html") no-repeat;
}
#step-7 .packages .tube-1 {
    top: 210px;
    z-index: 6;
    width: 285px;
    height: 195px;
    background: url("../images/process/step-7-tube-1.png") no-repeat;
}
#step-7 .packages .tube-2 {
    top: 208px;
    z-index: 5;
    width: 240px;
    height: 161px;
    background: url("../images/process/step-7-tube-2.png") no-repeat;
}
#step-7 .packages .tube-3 {
    top: 197px;
    z-index: 4;
    width: 215px;
    height: 161px;
    background: url("../images/process/step-7-tube-3.png") no-repeat;
}
#step-7 .packages .tube-4 {
    top: 182px;
    z-index: 3;
    width: 200px;
    height: 161px;
    background: url("../images/process/step-7-tube-4.png") no-repeat;
}
.pl #step-7 .packages .pack-1 {
    top: 52px;
    z-index: 1;
    width: 270px;
    height: 198px;
    background: url("../images/process/step-7-pack-01-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-2 {
    top: 38px;
    left: 0;
    z-index: 2;
    width: 415px;
    height: 217px;
    background: url("../images/process/step-7-pack-02-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-3 {
    top: 22px;
    z-index: 3;
    width: 168px;
    height: 245px;
    background: url("../images/process/step-7-pack-03-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-4 {
    top: 14px;
    z-index: 4;
    width: 185px;
    height: 266px;
    background: url("../images/process/step-7-pack-04-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-5 {
    top: -10px;
    z-index: 5;
    width: 224px;
    height: 323px;
    background: url("../images/process/step-7-pack-05-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-6 {
    top: -10px;
    z-index: 5;
    width: 226px;
    height: 327px;
    background: url("../images/process/step-7-pack-06-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-7 {
    top: 14px;
    z-index: 4;
    width: 182px;
    height: 262px;
    background: url("../images/process/step-7-pack-07-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-8 {
    top: 1px;
    z-index: 3;
    width: 233px;
    height: 275px;
    background: url("../images/process/step-7-pack-08-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-9 {
    top: 20px;
    z-index: 2;
    width: 182px;
    height: 214px;
    background: url("../images/process/step-7-pack-09-pl.html") no-repeat;
}
.pl #step-7 .packages .pack-10 {
    top: 39px;
    z-index: 1;
    width: 126px;
    height: 163px;
    background: url("../images/process/step-7-pack-10-pl.html") no-repeat;
}
.pl #step-7 .packages .tube-1 {
    top: 180px;
    z-index: 6;
    width: 216px;
    height: 109px;
    background: url("../images/process/step-7-tube-01-pl.png") no-repeat;
}
.pl #step-7 .packages .tube-2 {
    top: 194px;
    z-index: 7;
    width: 232px;
    height: 116px;
    background: url("../images/process/step-7-tube-02-pl.png") no-repeat;
}
.pl #step-7 .packages .tube-3 {
    top: 225px;
    z-index: 8;
    width: 200px;
    height: 98px;
    background: url("../images/process/step-7-tube-03-pl.png") no-repeat;
}
.pl #step-7 .packages .tube-4 {
    top: 225px;
    z-index: 9;
    width: 281px;
    height: 170px;
    background: url("../images/process/step-7-tube-04-pl.html") no-repeat;
}
.pl #step-7 .text {
    top: 692px;
}
.pl #step-7 .packages .all-packs {
    top: -25px;
    left: -147px;
    z-index: 9;
    width: 534px;
    height: 433px;
    background: url("../images/process/step-7-all-packs-pl.html") no-repeat;
}
#nav-block {
    top: 50%;
    right: 70px;
    width: 20px;
    height: 320px;
    z-index: 9999;
    position: fixed;
    margin-top: -160px;
}
#step-7 .vrecka {
    top: 0;
    left: 0;
    opacity: 0;
    width: 941px;
    height: 372px;
    position: absolute;
    background: url("../images/process/_vrecka.png.html") no-repeat;
}