@font-face {
    font-family: 'PFDinDisplayPro-Light';
    src: url('../../fonts/PFDinDisplayPro-Light.eot');
    src: local('☺'), url('../../fonts/PFDinDisplayPro-Light.woff2') format('woff2'), url('../../fonts/PFDinDisplayPro-Light.woff') format('woff'), url('../../fonts/PFDinDisplayPro-Light.ttf') format('truetype'), url('../../fonts/PFDinDisplayPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'PFDinDisplayPro-Reg';
    src: url('../../fonts/PFDinDisplayPro-Reg.eot');
    src: local('☺'), url('../../fonts/PFDinDisplayPro-Reg.woff2') format('woff2'), url('../../fonts/PFDinDisplayPro-Reg.woff') format('woff'), url('../../fonts/PFDinDisplayPro-Reg.ttf') format('truetype'), url('../../fonts/PFDinDisplayPro-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PFDinDisplayPro-Bold';
    src: url('../../fonts/PFDinDisplayPro-Bold.eot');
    src: local('☺'), url('../../fonts/PFDinDisplayPro-Bold.woff2') format('woff2'), url('../../fonts/PFDinDisplayPro-Bold.woff') format('woff'), url('../../fonts/PFDinDisplayPro-Bold.ttf') format('truetype'), url('../../fonts/PFDinDisplayPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PFDinTextCondPro-Bold';
    src: url('../../fonts/PFDinTextCondPro-Bold.eot');
    src: local('☺'), url('../../fonts/PFDinTextCondPro-Bold.woff2') format('woff2'), url('../../fonts/PFDinTextCondPro-Bold.woff') format('woff'), url('../../fonts/PFDinTextCondPro-Bold.ttf') format('truetype'), url('../../fonts/PFDinTextCondPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PFDinTextCondPro-Light';
    src: url('../../fonts/PFDinTextCondPro-Light.eot');
    src: local('☺'), url('../../fonts/PFDinTextCondPro-Light.woff2') format('woff2'), url('../../fonts/PFDinTextCondPro-Light.woff') format('woff'), url('../../fonts/PFDinTextCondPro-Light.ttf') format('truetype'), url('../../fonts/PFDinTextCondPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PFDinTextCondPro-Regular';
    src: url('../../fonts/PFDinTextCondPro-Regular.eot');
    src: local('☺'), url('../../fonts/PFDinTextCondPro-Regular.woff2') format('woff2'), url('../../fonts/PFDinTextCondPro-Regular.woff') format('woff'), url('../../fonts/PFDinTextCondPro-Regular.ttf') format('truetype'), url('../../fonts/PFDinTextCondPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PFDinTextCondPro-Xthin';
    src: url('../../fonts/pfdintextcondpro-xthin.eot');
    src: local('☺'), url('../../fonts/pfdintextcondpro-xthin.woff2') format('woff2'), url('../../fonts/pfdintextcondpro-xthin.woff') format('woff'), url('../../fonts/pfdintextcondpro-xthin.ttf') format('truetype'), url('../../fonts/pfdintextcondpro-xthin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PFDinTextCondPro-Mediumitalic';
    src: url('../../fonts/PFDinDisplayPro-MediumItalic.eot');
    src: local('☺'), url('../../fonts/PFDinDisplayPro-MediumItalic.woff2') format('woff2'), url('../../fonts/PFDinDisplayPro-MediumItalic.woff') format('woff'), url('../../fonts/PFDinDisplayPro-MediumItalic.ttf') format('truetype'), url('../../fonts/PFDinDisplayPro-MediumItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

html {
    font-size: 1px;
    color: #4C5150;
}

body {
    line-height: 1;
}

body.ovfl {
    overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    color: inherit;
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle;
    outline: none
}

input::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border: 0
}

* {
    box-sizing: border-box
}

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

.nav_hamburger {
    display: block;
    position: fixed;
    top: 40rem;
    left: 40rem;
    z-index: 200;
    padding: 10rem 10rem 10rem 0;
    height: 28rem;
    width: 27rem
}

.wrapper {
    position: relative;
}

.main_title {
	/* bottom: 270rem; */
  bottom: 210rem;
    z-index: 99;
    background: rgba(255,255,255,0.8);
    height: auto;
    padding: 10px;
    border-radius: 10px;
    display: block;
    position: absolute;
    left: 400rem;
    width: 800rem;
    transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -ms-transition: .5s ease all;
}

h1.main_title {
    text-align: center;
    font-family: PFDinTextCondPro-Bold, serif;
    color: #189B80;
    margin: 0 auto;
    font-size: 32rem;
}

.nav_hamburger {
    cursor: pointer
}

.nav_hamburger span,
.nav_hamburger span:before,
.nav_hamburger span:after {
    cursor: pointer;
    height: 4rem;
    width: 28rem;
    background: #189B80;
    position: absolute;
    display: block;
    content: ''
}

.blue_colors .nav_hamburger span,
.blue_colors .nav_hamburger span:before,
.blue_colors .nav_hamburger span:after {
    background: #00638E
}

.orange_colors .nav_hamburger span,
.orange_colors .nav_hamburger span:before,
.orange_colors .nav_hamburger span:after {
    background: #d86227
}

.nav_hamburger span:before {
    top: -11rem
}

.nav_hamburger span:after {
    bottom: -11rem
}

.nav_hamburger span,
.nav_hamburger span:before,
.nav_hamburger span:after {
    /* -webkit-transition: transform 500ms ease-in-out, background-color 500ms ease-in-out; */
    /* transition: transform 500ms ease-in-out, background-color 500ms ease-in-out; */
}

.nav_hamburger.active span {
    background-color: transparent
}

.nav_hamburger.active span:before,
.nav_hamburger.active span:after {
    top: 0
}

.nav_hamburger.active span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.nav_hamburger.active span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.nav_menu {
    position: fixed;
    z-index: 171;
    left: 0;
    top: 0;
    width: 370rem;
    height: 100vh;
    min-height: 74rem;
    background-color: #EAEAEA;
    -webkit-transform: translateX(-370rem);
    -ms-transform: translateX(-370rem);
    transform: translateX(-370rem);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s
}

.nav_menu--opened {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.nav_menu__list {
    margin-top: 110rem;
    margin-left: 40rem
}

.nav_menu__item {
    margin-bottom: 24rem;
    width: 250rem
}

.nav_menu__link {
    font-size: 24rem;
    line-height: 30rem;
    letter-spacing: 1.5rem;
    color: #4C5150;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.nav_menu__popup_list {
    display: inline-block;
    position: absolute;
    bottom: 41rem;
    left: 40rem;
    width: 290rem;
    border-top: 2rem #4C5150 solid
}

.nav_menu__popup_item {
    display: inline-block;
    margin-top: 34rem;
    width: 250rem;
    height: 30rem;
    padding-left: 50rem;
    cursor: pointer;
    font-size: 21rem;
    line-height: 33rem;
    color: #4C5150;
    text-decoration: none
}

.nav_menu__popup_item--sheet_icon {
    background: url(../../img/i__sheet.svg) left center no-repeat;
    background-size: 30rem
}

.nav_menu__popup_item--question_icon {
    background: url(../../img/i__circled_question.svg) left center no-repeat;
    background-size: 30rem
}

.blue_colors .nav_menu__popup_item--sheet_icon {
    background: url(../../img/i__sheet--blue.svg) left center no-repeat;
    background-size: 30rem
}

.blue_colors .nav_menu__popup_item--question_icon {
    background: url(../../img/i__circled_question--blue.svg) left center no-repeat;
    background-size: 30rem
}

.orange_colors .nav_menu__popup_item--sheet_icon {
    background: url(../../img/i__sheet--blue.svg) left center no-repeat;
    background-size: 30rem
}

.orange_colors .nav_menu__popup_item--question_icon {
    background: url(../../img/i__circled_question--blue.svg) left center no-repeat;
    background-size: 30rem
}

.slick-slider {
    position: relative;
    display: block;
    display--moz-box-sizing: border-box;
    display--moz-box-sizing-box-sizing: border-box;
    display--webkit-user-select: none;
    display--webkit-user-select--moz-user-select: none;
    display--webkit-user-select--moz-user-select--ms-user-select: none;
    display--webkit-user-select--moz-user-select--ms-user-select-user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -khtml-user-select--ms-touch-action: pan-y;
    -khtml-user-select--ms-touch-action-touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 !important
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    height: 450rem;
    position: relative;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    min-height: 1px;
    width: 529rem;
    height: 298rem;
    position: relative;
    margin-top: 81rem;
    transition: 0.3s ease all 0s;
    -webkit-transition: 0.3s ease all 0s;
    transition: 0.3s ease all 0s;
    transition: 0.3s ease all 0s;
}

.video_slider__video_frame iframe {
    display: none;
}

.video_slider__item.acts {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    z-index: 1;
}

.video_slider__item {}

.video_slider__item--next_center {}

.slick-slide.slick-center img {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    visibility: visible;
}

.video_slider__start_button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 168rem;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transition: 0.3s ease all 0.3s;
    -webkit-transition: 0.3s ease all 0.3s;
    transition: 0.3s ease all 0.3s;
    transition: 0.3s ease all 0.3s;
}

.mapMenu {
    font-size: 24rem;
    font-family: PFDinDisplayPro-Reg, serif
}

.mapMenu {
    margin-left: 0;
}

.mapMenu li {
    margin-bottom: 25rem;
    display: block;
}

.mapMenu a {
    text-decoration: none;
    color: #4C5150 !important;
}

.mapMenu a:hover {
    color: #189B80 !important;
}

.submenu-item {
    font-size: 21rem;
    margin: 20rem;
    margin-left: 30rem;
}

.submenu-item a {
    display: block;
    font-size: 21rem;
    margin-top: 20rem;
}

.sitemap {
    overflow: hidden;
}

.sitemap section {
    background-size: cover;
    position: relative;
}

.sitemap h1 {
    font-size: 36rem;
    font-family: 'PFDinTextCondPro-Bold';
    color: #118180;
    margin-bottom: 50rem;
    margin-top: 120rem;
    margin-left: 260rem;
}

.stmp {
    display: inline-block;
    position: absolute;
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.video_slider_container {
    margin: 23rem auto 0;
    width: 1370rem;
    position: relative;
    z-index: 9999;
}

.video_slider {
    margin: 0 auto;
    width: 1370rem;
    overflow: hidden
}

.video_slider__arrow {
    position: absolute;
    display: inline-block;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: 60rem;
    width: 60rem;
    border-radius: 60rem;
    background: url(../../img/i__arrow_down--green.svg) center no-repeat white;
    background-size: 30rem;
    cursor: pointer
}

.video_slider__arrow--rotate_left {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.video_slider__arrow--rotate_right {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.video_slider__arrow--position_left {
    left: -30rem
}

.video_slider__arrow--position_right {
    right: -30rem
}

.video_slider__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 450rem;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

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

.video_slider__wrapper:after {
    clear: both
}

.video_slider__wrapper {
    zoom: 1
}

.video_slider__video_frame,
.video_slider__img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
}

.articles_navi {
    position: fixed;
    width: 270rem;
    top: 100rem;
    left: 83rem;
    padding-right: 40rem;
    padding-top: 23rem;
    padding-bottom: 22rem;
    border-right: 2rem solid #189B80
}

.articles_navi_hide {
    font-size: 20px;
    padding: 0 0 10px 0;
}

.articles_navi__link {
    display: block;
    z-index: 1;
    margin-bottom: 29rem;
    text-decoration: none;
    font-size: 24rem;
    color: #4C5150;
    text-align: right;
    -webkit-transition: .4s color ease;
    transition: .4s color ease
}

.articles_navi__link:hover {
    color: #189B80
}

.articles_navi__link:last-child {
    margin-bottom: 0
}

.articles_navi__link.active {
    cursor: default;
    color: #189B80
}

.article {
    margin-left: 396rem;
    padding-bottom: 100rem;
    padding-top: 123rem;
    width: 805rem
}

.buypage_article {
    margin: 0 100rem;
	padding-top: 150rem;
    padding-bottom: 60rem;
    width: calc(100% - 200rem);
}
.buypage_article .spec_block {
	padding-right: 0;
}

.article ul {
    margin-left: 20px;
}

.article h2,
.article h3 {
    margin-bottom: 15px;
}

.article__paragraph {
    margin-bottom: 60rem
}

.article__paragraph:last-child {
    margin-bottom: 0
}

.article__text {
    margin-bottom: 20rem;
    font-size: 18rem;
    line-height: 24rem
}

.article__text:last-child {
    margin-bottom: 0
}

.header {
    margin: 0 auto 20rem;
    font-size: 36rem;
    text-transform: uppercase
}

.header--green {
    color: #189B80
}

.side_image_teaser {
    display: inline-block;
    position: fixed;
    left: 1150rem;
    top: 100rem;
    width: 300rem;
    text-decoration: none
}

.side_image_teaser_kids {
    display: inline-block;
    position: fixed;
    left: 1142rem;
    top: 130rem;
    text-decoration: none
}

.side_image_teaser__pack {
	position: relative;
    z-index: 2;
    width: auto;
    max-width: 80%;
    margin: 0 0 20rem 0;
	image-rendering: -webkit-optimize-contrast;
}

.side_image_teaser__pack_kids {
    position: relative;
    z-index: 2;
    width: 295rem
}

.side_image_teaser__text {
    display: block;
    z-index: 1;
    font-size: 18rem;
    color: #000000;
    line-height: 25rem;
}

.side_image_teaser__text_kids {
    display: inline-block;
    position: absolute;
    z-index: 1;
    bottom: -70rem;
    left: 77rem;
    padding-top: 70rem;
    padding-left: 20rem;
    width: 135rem;
    height: 160rem;
    background-color: #ef7837;
    font-size: 18rem;
    color: white;
    line-height: 25rem;
}

.effect_explanation {
    position: absolute;
    right: 213rem;
    bottom: 40rem;
    opacity: .5;
    font-size: 18rem
}

.effect_explanation_main {
    position: absolute;
    left: 150rem;
    /* bottom: 30rem; */
    bottom: 80rem;
    opacity: .5;
    font-size: 18rem
}

.effect_explanation_2 {
    position: absolute;
    right: 267rem;
    bottom: 60rem;
    opacity: .5;
    font-size: 18rem
}

.effect_explanation_3 {
    position: absolute;
    right: 200rem;
    bottom: 0;
    opacity: .5;
    font-size: 18rem
}

.effect_explanation_4 {
    right: 0rem;
    left: 80rem;
    bottom: 75rem;
    opacity: .5;
    font-size: 18rem;
    position: absolute;
    color: gray
}

.effect_explanation_5 {
    position: absolute;
    right: 267rem;
    bottom: 75rem;
    opacity: .7;
    font-size: 19rem;
    color: gray;
    letter-spacing: normal
}

.main_info {
    display: inline-block;
    margin-top: 232rem;
    margin-left: 702rem;
    -webkit-transition: .5s transform ease;
    transition: .5s transform ease
}

.main_info--left_position {
    margin-top: 322rem;
    margin-left: 252rem
}

.main_info__description {
    display: inline-block;
    padding-bottom: 26rem;
    border-bottom: 2rem solid rgba(76, 81, 80, 0.3);
    font-size: 72rem;
    letter-spacing: 1rem;
    text-transform: uppercase;
    transform: translateX(-46%);
    -ms-transform: translateX(-46%);
    -moz-transform: translateX(-46%);
    -webkit-transform: translateX(-46%);
    opacity: 0;
    transition: .5s all ease 0.2s;
    -ms-transition: .5s all ease 0.2s;
    -moz-transition: .5s all ease 0.2s;
    -webkit-transition: .5s all ease 0.2s;
}

.main_info__fast_effect_text {
    transition: .5s all ease 0.3s;
    -webkit-transition: .5s all ease 0.3s;
    -moz-transition: .5s all ease 0.3s;
    -ms-transition: .5s all ease 0.3s;
    margin-bottom: 20rem;
}

.active .main_info__description,
.old .main_info__description,
.main_info__fast_effect_text {
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.main_info__description--big_bottom_padding {
    padding-bottom: 49rem
}

.main_info__description--green {
    color: #189B80
}

.main_info__description--orange {
    color: #ef7837
}

.main_info__description--blue {
    color: #00638E
}

.main_info__description__copyright_symbol {
    position: absolute;
    font-size: 40rem
}

.main_info__description__copyright_symbol_small {
    font-size: 20rem;
    vertical-align: top
}

.main_info__description__copyright_symbol_small_numbers {
    font-size: 10rem;
    vertical-align: top
}

.main_info__description__copyright_symbol_small_numbers_2 {
    font-size: 8rem;
    vertical-align: top
}

.main_info__description__copyright_symbol_small_numbers_3 {
    font-size: 12rem;
    vertical-align: top;
    line-height: normal
}

.main_info__description__copyright_symbol_small_numbers_4 {
    font-size: 42rem;
    vertical-align: top;
    line-height: normal
}

.sld_3_pull_down_logo {
    position: absolute;
    top: 80rem;
}

.benefit--position_3_pull_up {
    position: absolute;
    top: -10rem;
}

.benefit--position_4_pull_up {
    position: absolute;
    top: -20rem;
}

.main_info__fast_effect_text {
    display: block;
    margin-top: 30rem;
    font-size: 28rem;
    transform: translateX(-46%);
    opacity: 0;
}

.active .main_info__fast_effect_text,
.old .main_info__fast_effect_text {
    transform: translateX(0);
    opacity: 1;
}

.main_info__asterix {
    position: absolute;
    font-size: 15rem
}

.main_info__links_block {
    display: inline-block;
    /* width: 250rem; */
    width: 150rem;
    text-decoration: none;
    color: #4C5150;
    transform-origin: center;
    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transition: .5s all ease;
    -ms-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -webkit-transition: .5s all ease;
    margin-top: 0;
    float: left;
}

.main_info__links_block_kids {
    margin-top: 79rem;
}

.blue_colors .main_info__links_block {
    margin-left: 0;
}

.main_info__link_orange {
    width: 240rem;
    margin-left: 5rem !important;
}

.main_info__link {
    display: block;
    /* margin-right: 86rem; */
    margin-right: 40rem;
    text-decoration: none;
    color: #4C5150;
    float: left;
    transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    -webkit-transform-origin: center;
    transition: .5s all ease;
    -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
}

.main_info__link_text {
    /* margin: auto 0 auto 26rem; */
    margin: auto 0 auto 16rem;
    font-size: 21rem;
    transition: .5s all ease 0.7s;
    -webkit-transition: .5s all ease 0.7s;
    -moz-transition: .5s all ease 0.7s;
    -ms-transition: .5s all ease 0.7s;
    float: left;
    margin-top: 10rem;
}

.mmps {
    transform: translateX(-50rem);
    -webkit-transform: translateX(-50rem);
    -moz-transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
    opacity: 0;
}

.active .mmps,
.old .mmps {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
}

.icon_circle {
    display: inline-block;
    position: relative;
    bottom: 0;
    height: 60rem;
    width: 60rem;
    border-radius: 60rem;
    float: left;
    -webkit-transition: .6s all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s;
    -moz-transition: .6s all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s;
    -ms-transition: .6s all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s;
    transition: .6s all cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.7s;
}

.icon_circle--down_arrow_icon {
    background: url(../../img/i__arrow_down--white.svg) center no-repeat;
    background-size: 30rem;
    transform: scale(0.3);
    opacity: 0;
}

.icon_circle--sheet_icon {
    background: url(../../img/i__sheet--white.svg) center no-repeat;
    background-size: 30rem;
    transform: scale(0.3);
    opacity: 0;
}

.active .icon_circle--sheet_icon,
.active .icon_circle--down_arrow_icon,
.old .icon_circle--sheet_icon,
.old .icon_circle--down_arrow_icon {
    transform: scale(1);
    opacity: 1;
}

.icon_circle--green {
    background-color: #189B80
}

.icon_circle--orange {
    background-color: #ef7837
}

.blue_colors .icon_circle--green {
    background-color: #00638E
}

.orange_colors .icon_circle--green {
    background-color: #d86227
}

.icon_circle--blue {
    background-color: #00638E
}

.next_slide_btn {
    position: absolute;
    z-index: 100;
    left: calc(50% - 80rem);
    top: 560rem;
    -webkit-transition: top 0.5s ease;
    transition: top 0.5s ease;
    display: block;
    width: 160rem;
}

.nclear:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.next_slide_btn.onmov .main_info__link_text {
    opacity: 0;
}

.next_slide_btn--position_fixed {
    position: fixed
}

.title {
    padding-top: 120rem;
    font-size: 48rem;
    line-height: 60rem;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2rem;
}

.title--big {
    position: relative;
    font-size: 64rem
}

.title--green {
    color: #189B80
}

.title--orange {
    color: #ea7739
}

.title--blue {
    color: #00638E
}

.sld_5_bubble_text {
    opacity: 1;
    width: auto;
    position: absolute;
    position: absolute;
    top: 204rem;
    left: 500rem;
    z-index: 1;
}

.benefit__title--caps {
    text-transform: uppercase
}

.subtitle {
    margin: 20rem auto 0;
    width: 530rem;
    font-size: 24rem;
    line-height: 32rem;
    opacity: 0;
    transform: translateY(50rem);
    transition: all 0.5s ease 0.8s;
}

.subtitlekids {
    text-align: center;
    margin: 20rem auto 0;
    font-size: 24rem;
    line-height: 32rem;
    opacity: 0;
    transform: translateY(50rem);
    transition: all 0.5s ease 0.8s;
}

.onactive .subtitle {
    opacity: 1;
    transform: translateY(0rem);
}

.onactive .subtitlekids {
    opacity: 1;
    transform: translateY(0rem);
}

.hovering_bacterium_wrapper {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

.hovering_bacterium {
    display: block;
    position: absolute;
    left: 490rem;
    top: 180rem;
    z-index: 10;
    opacity: 1;
    width: 598rem;
    -webkit-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hovering_bubble {
    display: table;
    position: absolute;
    z-index: 5;
    opacity: 1;
    height: 220rem;
    width: 220rem;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    -webkit-transition: top 0.9s ease, left 0.9s ease, -webkit-transform 0.6s 0.2s cubic-bezier(0.25, 0.1, 0.21, 2.1);
    transition: top 0.9s ease, left 0.9s ease, transform 0.6s 0.2s cubic-bezier(0.25, 0.1, 0.21, 2.1)
}

.hovering_bubble:after {
    content: "";
    display: block;
    position: absolute;
    opacity: 1;
    height: 2rem;
    width: 400rem;
    background-color: white;
    -ns-transition: all 0.5s 0.9s ease;
    -moz-transition: all 0.5s 0.9s ease;
    -webkit-transition: all 0.5s 0.9s ease;
    transition: all 0.5s 0.9s ease
}

.error_404 svg text {
    text-transform: uppercase;
}

.hovering_bubble--shape_circle {
    border-radius: 50%;
    background-color: rgba(1, 67, 65, 0.2);
    border: 5rem solid white
}

.hovering_bubble--shape_small_circle {
    height: 177.7rem;
    width: 177.7rem
}

.hovering_bubble--shape_lips {
    width: 308rem;
    background: url(../../img/img__lips.svg) no-repeat center;
    background-size: 308rem
}

.hovering_bubble--shape_small_lips {
    background: url(../../img/img__lips--small.svg) no-repeat center;
    background-size: 260rem
}

.hovering_bubble--position_1 {
    top: 240rem;
    left: 250rem
}

.hovering_bubble--position_1:after {
    top: 190rem;
    right: -380rem;
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.hovering_bubble--position_2 {
    top: 520rem;
    left: 270rem
}

.hovering_bubble--position_2:after {
    top: 10rem;
    left: 197rem;
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg)
}

.hovering_bubble--position_3 {
    top: 240rem;
    left: 1100rem
}

.hovering_bubble--position_3:after {
    top: 210rem;
    left: -383rem;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.hovering_bubble--position_4 {
    top: 590rem;
    left: 1160rem
}

.hovering_bubble--position_4:after {
    top: -14rem;
    left: -388rem;
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.hovering_bubble--position_5 {
    top: 210rem;
    left: 160rem;
    background-image: url(../../img/lips_1.svg);
}

.hovering_bubble--position_5:after {
    top: 212rem;
    right: -323rem;
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.hovering_bubble--position_6 {
    top: 530rem;
    left: 70rem;
    background-image: url(../../img/lips_3.png);
}

.hovering_bubble--position_6:after {
    top: 34rem;
    left: 285rem;
    -webkit-transform: rotate(-17.3deg);
    -ms-transform: rotate(-17.3deg);
    transform: rotate(-17.3deg)
}

.hovering_bubble--position_7 {
    top: 230rem;
    left: 1080rem;
    background-image: url(../../img/lips_2.svg);
}

.hovering_bubble--position_7:after {
    top: 206rem;
    left: -334rem;
    -webkit-transform: rotate(-17.3deg);
    -ms-transform: rotate(-17.3deg);
    transform: rotate(-17.3deg)
}

.hovering_bubble--position_8 {
    top: 550rem;
    left: 1150rem;
    background-image: url(../../img/lips_4.svg);
}

.hovering_bubble--position_8:after {
    top: 26rem;
    left: -350rem;
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.hovering_bubble__text {
    margin: auto;
    font-size: 28rem;
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.benefit {
    overflow: hidden;
    position: absolute;
    z-index: 45;
    width: 426rem;
    padding: 15rem 10rem 25rem 30rem;
    opacity: 1;
    border-radius: 20rem;
    background-color: transparent;
    opacity: 0;
    z-index: 1;
    transition: 0.3s ease all 0.9s;
}

.benefit:before {
    content: '';
    overflow: hidden;
    position: absolute;
    z-index: 45;
    width: 426rem;
    height: 100%;
    opacity: 1;
    border-radius: 20rem;
    background-color: transparent;
    z-index: -1;
    top: 0;
    transition: 0.3s ease all 0s;
    left: 0;
}

/*.benefit:hover:not(.benefit--no_bg):before{background-color:white;}*/
.benefit--position_1_kids_sld_3:hover:not(.benefit--no_bg):before {
    background: url(/img/lambda_hover.png) no-repeat;
    background-size: 105%;
}

.benefit--position_1_kids_sld_3:hover .benefit__img {
    display: none
}

.benefit--position_2_kids_sld_3:hover:not(.benefit--no_bg):before {
    background: url(/img/alpha_hover.png) no-repeat;
    background-size: 105%
}

.benefit--position_2_kids_sld_3:hover .benefit__img {
    display: none
}

.benefit--position_3_kids_sld_3:hover:not(.benefit--no_bg):before {
    background: url(/img/beta_hover.png) no-repeat;
    background-size: 105%
}

.benefit--position_3_kids_sld_3:hover .benefit__img {
    display: none
}

.benefit--position_4_kids_sld_3:hover:not(.benefit--no_bg):before {
    background: url(/img/gamma_hover.png) no-repeat;
    background-size: 105%
}

.benefit--position_4_kids_sld_3:hover .benefit__img {
    display: none
}

.benefit:hover:not(.benefit--no_bg) .benefit__description {
    opacity: 1
}

.benefit--position_5 {
    top: 270rem;
    left: 60rem
}

.benefit-2 {
    overflow: hidden;
    position: absolute;
    z-index: 45;
    width: 426rem;
    padding: 23rem 10rem 25rem 30rem;
    opacity: 1;
    border-radius: 20rem;
    background-color: transparent;
    opacity: 0;
    z-index: 1;
    transition: 0.3s ease all 0.9s;
}

.benefit--position_kids_111 {
    top: 80rem;
    left: 100rem;
    width: 330rem;
    padding-left: 64rem;
    height: 210rem;
    opacity: 1 !important;
}

.benefit--position_kids_116 {
    top: 96rem;
    left: 100rem;
    width: 330rem;
    padding-left: 64rem;
    height: 210rem;
    opacity: 1 !important;
}

.benefit--position_kids_117 {
    top: 65rem;
    left: 182rem;
    width: 330rem;
    padding-left: 64rem;
    height: 210rem;
    opacity: 1 !important;
}

.benefit--position_kids_118 {
    top: 141rem;
    left: 217rem;
    width: 329rem;
    padding-left: 64rem;
    height: 170rem;
    opacity: 1 !important;
}

.benefit__subtitle-7 {
    display: block;
    margin-bottom: 4rem;
    font-size: 24rem;
    line-height: 28rem;
}

.benefit--position_kids_111_text {
    left: 5rem;
    width: 230rem !important;
    position: absolute;
    top: 120rem;
    opacity: 1 !important;
}

.benefit--position_kids_114_text {
    left: 11rem;
    width: 240rem !important;
    position: absolute;
    font-size: 18rem !important;
    top: 94rem;
    opacity: 1 !important;
}

.benefit--position_kids_112_text {
    left: 17rem;
    width: 260rem !important;
    position: absolute;
    top: 94rem;
    font-size: 18rem !important;
    opacity: 1 !important;
}

.benefit--position_kids_112 {
    top: 60rem;
    left: 59rem;
    width: 350rem;
    padding-left: 106rem;
    height: 210rem;
    opacity: 1 !important;
}

.benefit--position_kids_113 {
    top: 50rem;
    left: 188rem;
    width: 331rem;
    padding-left: 79rem;
    height: 250rem;
    opacity: 1 !important;
}

.benefit--position_kids_113_text {
    left: 5rem;
    width: 250rem !important;
    position: absolute;
    top: 150rem;
    font-size: 17rem !important;
    opacity: 1 !important;
}

.benefit--position_kids_113_text_cat {
    left: 0rem;
}

.benefit--position_6 {
    top: 420rem;
    left: 60rem
}

.benefit--position_7 {
    top: 560rem;
    left: 60rem
}

.benefit--position_8 {
    top: 270rem;
    left: 1000rem
}

.benefit--position_9 {
    top: 420rem;
    left: 1000rem
}

.benefit--position_kids_1 {
    top: 220rem;
    left: 75rem
}

.benefit--position_kids_2 {
    top: 370rem;
    left: 75rem
}

.benefit--position_kids_3 {
    top: 510rem;
    left: 75rem
}

.benefit--position_kids_4 {
    top: 650rem;
    left: 75rem
}

.benefit--position_kids_5 {
    top: 220rem;
    left: 1000rem
}

.benefit--position_kids_6 {
    top: 370rem;
    left: 1000rem
}

.benefit--position_kids_7 {
    top: 510rem;
    left: 1000rem
}

.benefit--position_kids_8 {
    top: 650rem;
    left: 1000rem
}

.benefit--position_kids_1:hover:not(.benefit--no_bg):before .benefit__img {
    display: none
}

.benefit--position_kids_1_sld_4_hover {
    background: url(/img/benefit_kids_pos_1_hover.png) no-repeat;
    display: none;
    left: 50rem;
    top: 80rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 330rem;
    position: absolute
}

.benefit--position_kids_1_sld_3_hover {
    background: url(/img/benefit_kids_pos_3_hover2.png) no-repeat;
    display: none;
    left: 50rem;
    top: 490rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 330rem;
    position: absolute
}

.benefit--position_kids_1_sld_2_hover {
    background: url(/img/benefit_kids_pos_5_hover.png) no-repeat;
    display: none;
    left: 900rem;
    top: 130rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 374rem;
    position: absolute
}

.benefit--position_kids_1_sld_1_hover {
    background: url(/img/benefit_kids_pos_7_hover.png) no-repeat;
    display: none;
    left: 909rem;
    top: 451rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 374rem;
    position: absolute
}

.benefit--position_kids_1_sld_5_hover {
    background: url(/img/benefit_kids_pos_2_hover.png) no-repeat;
    display: none;
    left: 69rem;
    top: 305rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 374rem;
    position: absolute
}

.benefit--position_kids_1_sld_6_hover {
    background: url(/img/benefit_kids_pos_4_hover.png) no-repeat;
    display: none;
    left: 69rem;
    top: 612rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 374rem;
    position: absolute
}

.benefit--position_kids_1_sld_7_hover {
    background: url(/img/benefit_kids_pos_6_hover.png) no-repeat;
    display: none;
    left: 900rem;
    top: 346rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 315rem;
    position: absolute;
}

.benefit--position_kids_1_sld_8_hover {
    background: url(/img/benefit_kids_pos_8_hover.png) no-repeat;
    display: none;
    left: 883rem;
    top: 554rem;
    background-size: 100%;
    z-index: 1000;
    width: 554rem;
    height: 315rem;
    position: absolute;
}

.green_colors .sld_7.sld_7_kids {
	position: absolute;
	background-color: #383d3c;
	z-index: 1;
    height: auto !important;
    bottom: 0;
    top: auto !important;
	font-family: PFDinDisplayPro-Light, serif;
	padding: 30rem 60rem 150rem 60rem;
	color: #bfbfbf;
}

.benefit__img_container {
    float: left;
    margin-right: 23rem;
    margin-bottom: 100rem;
    width: 83rem
}

.benefit__img_container--small {
    margin-left: 10rem;
    margin-right: 30rem;
    width: 65rem;
}

.benefit__img_container--extra_small {
    width: 53rem;
    margin-left: 10rem;
    margin-right: 26rem;
}

.benefit__img {
    width: 99%
}

.benefit__img_kids {
    width: 120%
}

.benefit__title {
    display: block;
    margin-bottom: 1rem;
    margin-top: 30rem;
    color: #189B80;
    font-size: 24rem
}

.benefit__title_kids {
    color: #d86227
}

.benefit__title_kids_sld_4 {
    position: absolute;
    top: 1rem;
    left: 214rem;
    text-align: center;
    color: #FFFFFF;
    font-family: PFDinDisplayPro-Bold, serif;
}

.benefit__title_sld_4_elements {
    margin-top: 0;
    color: #d86227;
}

.benefit__title--blue {
    color: #00638E
}

.benefit__subtitle {
    display: block;
    margin-bottom: 12rem;
    font-size: 24rem;
    line-height: 28rem
}

.benefit__subtitle--small {
    font-size: 18rem
}

.benefit__description {
    display: inline-block;
    opacity: 0;
    width: 270rem;
    font-size: 18rem;
    line-height: 20rem;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -ms-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease
}

.benefit--position_1.benefit--no_bg .benefit__title {
    margin-top: 23rem
}

.benefit--position_2.benefit--no_bg .benefit__title {
    margin-top: 15rem
}

.benefit--position_3.benefit--no_bg .benefit__title {
    margin-top: 13rem
}

.benefit--position_4.benefit--no_bg .benefit__title {
    margin-top: 4rem
}

.container--bg_shards .container--bg_shards_kids .benefit--position_1.benefit--no_bg .benefit__title {
    margin-top: 14rem
}

.benefit--position_6 .benefit__title {
    margin-top: 24rem
}

.benefit--position_7 .benefit__title {
    margin-top: 12rem
}

.benefit--position_8 .benefit__title {
    margin-top: 06rem
}

.benefit--position_9 .benefit__title {
    margin-top: 07rem
}

.tube_img {
    position: absolute;
    left: 100rem;
    top: 130rem;
    width: 600rem;
    -webkit-transition: .5s ease all 0.45s;
    transition: .5s ease all 0.45s;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translatX(-100%);
    opacity: 0;
}

.tube_caption {
    -webkit-transition: .5s ease all 0.65s;
    transition: .5s ease all 0.65s;
}

.active .tube_img {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translatX(0);
}

.plus_img {
    position: absolute;
    left: 670rem;
    top: 400rem;
    width: 120rem;
    opacity: 0;
    transform: scale(0);
    transition: .5s ease all 0.55s;
}

.active .plus_img {
    opacity: 1;
    transform: scale(1);
}

.caption {
    position: absolute;
    display: inline-block;
    font-size: 24rem;
    text-align: center;
    line-height: 30rem;
    -webkit-transform: translateY(-20rem);
    -ms-transform: translateY(-20rem);
    transform: translatY(-20rem);
    opacity: 0;
}

.active .caption {
    -webkit-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translatY(0rem);
    opacity: 1;
}

.blue_pack_caption {
    transition: 0.6s ease all 0.55s;
}

.tube_caption {
    top: 700rem;
    left: 270rem;
    width: 200rem
}

.blue_pack_caption {
    top: 700rem;
    left: 880rem;
    width: 320rem
}

.qa_title {
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 150rem;
    padding-left: 76rem;
    width: 23%;
    font-size: 48rem;
    text-transform: uppercase;
    letter-spacing: 2rem;
    line-height: 60rem
}

.active .qa_title {
    position: fixed;
}

.qa_title--green {
    color: #189B80
}

.qa_title--blue {
    color: #00638E
}

.qa {
    display: inline-block;
    margin-top: 90rem;
    padding-right: 340rem;
    padding-bottom: 30rem;
    width: 76%;
    margin-left: 23%;
}

.qa:before {
    content: "";
    position: fixed;
    z-index: 8;
    left: 0;
    bottom: 0;
    width: 100vw;
    height: 100rem;
    background: -webkit-linear-gradient(top, transparent 0%, rgba(183, 183, 183, 0.86) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(183, 183, 183, 0.86) 100%);
    -webkit-transition: .4s ease all;
    transition: .4s ease all
}

.qa--no_cloud:before {
    content: none
}

.qa__question {
    position: relative;
    margin-bottom: 23rem;
    padding-left: 72rem;
    cursor: pointer;
    min-height: 63rem;
}

.qa__question:before {
    content: "";
    position: absolute;
    left: 0;
    top: -5rem;
    height: 50rem;
    width: 50rem;
    background: url(../../img/i__circled_question.svg) no-repeat center;
    background-size: 49rem
}

.active.qa__question:before {
    background: url(../../img/i__circled_bang.svg) no-repeat center;
    background-size: 49rem
}

.blue_colors .qa__question:before {
    background: url(../../img/i__circled_question--blue.svg) no-repeat center;
    background-size: 49rem
}

.blue_colors .active.qa__question:before {
    background: url(../../img/i__circled_bang--blue.svg) no-repeat center;
    background-size: 49rem
}

.qa__question_text {
    font-size: 24rem;
    line-height: 35rem;
    color: #4C5150
}

.qa__answer {
    display: none;
    position: relative;
    margin-bottom: 28rem;
    padding: 30rem 39rem;
    border: 2rem #189B80 solid;
    background-color: white
}

.qa__link {
    text-decoration: none;
}

.qa__answer:before {
    content: "";
    position: absolute;
    top: -20rem;
    left: 20rem;
    z-index: 5;
    height: 20rem;
    width: 40rem;
    background: url(../../img/i__bordered_triangle.svg) no-repeat top;
    background-size: 36rem
}

.blue_colors .qa__answer {
    border: 2rem #00638E solid
}

.orange_colors .qa__answer {
    border: 2rem #d86227 solid
}

.blue_colors .qa__answer:before {
    background: url(../../img/i__bordered_triangle--blue.svg) no-repeat top;
    background-size: 36rem
}

.qa__answer_text {
    font-size: 18rem;
    line-height: 25rem
}

.second_landing_container {
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    text-decoration: none
}

.second_landing_info {
    margin-left: 87rem;
    margin-top: 120rem;
}

.second_landing_info--smaller_margin_top {
    margin-top: 46rem;
}

.second_landing_info__small_title {
    display: inline-block;
    padding-bottom: 37rem;
    width: 590rem;
    font-size: 28rem;
    color: #4C5150;
    border-bottom: 2rem solid rgba(76, 81, 80, 0.3)
}

.second_landing_info__copyright_symbol {
    position: absolute;
    font-size: 25rem
}

.second_landing_info__title {
    margin-top: 17rem;
    font-size: 58rem;
    letter-spacing: 2rem;
    text-transform: uppercase;
}

.second_landing_info__title--green {
    color: #189B80
}

.second_landing_info__title--blue {
    color: #00638E
}

.second_landing_img {
    position: absolute;
    bottom: -241rem;
    margin-left: 596rem;
    width: 929rem
}

.second_landing_img--smaller_width {
    width: 558rem;
    bottom: -38rem;
    margin-left: 780rem
}

.second_landing_img--smaller_bottom_distance {
    bottom: 45rem;
    width: 560rem;
    margin-left: 739rem;
}

.footer {
    position: relative;
    bottom: 0;
    z-index: 1;
	padding-bottom: 20rem;
    padding-left: 40rem;
    height: auto;
	min-height: 100rem;
    width: 100%;
    background-color: rgb(56, 61, 60);
}

.snoska_bottom {
	font-size: 14rem;
	display: block;
	margin-top: 10rem;
}
.snoska_bottom ol li {
	font-size: 14rem;
}

.news_spec_block {
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.footer__license_info {
    color: #bfbfbf;
    font-size: 18rem;
    line-height: 1.5;
    float: left;
	display: block;
    padding-top: 10px;
}

.footer__license_info a {
    color: white;
}

.footer__otc_logo {
    float: left;
    margin-right: 140rem;
    margin-top: 18rem;
    width: 148rem;
    opacity: .5
}

.know_more_teaser {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 500rem;
    text-decoration: none;
    font-size: 24rem;
    color: white
}

.know_more_teaser__pack {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 340rem
}

.know_more_teaser__text {
    display: inline-block;
    position: absolute;
    right: -461rem;
    top: -115rem;
    padding: 17rem 0 0 50rem;
    width: 187rem;
    height: 75rem;
    background-color: #1AAF8F
}

.know_more_teaser__text_part {
    text-transform: uppercase
}

.side_image_block {
    display: inline-block;
    width: 28%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.dosage_container {
    position: relative;
    float: right;
    width: 72%;
    height: 100vh;
    text-align: center;
	padding-right: 0;
}

.side_image_block--bg_sick_couple {
    background-image: url(../../img/bg__sick_couple--cropped.jpg)
}

.side_image_block--bg_mirror_girl {
    background-image: url(../../img/bg__tyan_with_a_mirror.jpg)
}

.side_image_block--bg_mirror_deti {
    background-image: url(../../img/bg__deti.jpg)
}

.dosage_title_green {
    padding-top: 130rem
}

.dosage_title_blue {
    padding-top: 180rem
}

.label {
    display: inline-block;
    margin-top: 11rem;
    padding: 16rem 18rem 15rem;
    border-radius: 50rem;
    background-color: #189B80;
    font-size: 19.2rem;
    letter-spacing: 2rem;
    color: white
}

.label--blue {
    background-color: #00638E
}

.label--orange {
    background-color: #ea7739;
    line-height: 11rem
}

.dosage_block {
    margin-top: 70rem;
    margin-left: 0;
}

.dosage_block--bigger_margin_top {
    margin-top: 100rem
}

.dosage_block__title {
    margin-bottom: 15rem;
    text-transform: uppercase;
    color: #189B80;
    font-size: 33.2rem;
    letter-spacing: 2rem
}

.dosage_img_wrapper {
    display: inline-block;
    margin-bottom: 12rem;
    padding-bottom: 15rem;
    width: 440rem;
    border-bottom: rgba(76, 81, 80, 0.3) 2rem solid
}

.dosage_img_wrapper--wide {
    width: 660rem
}

.dosage_img_wrapper--slow {
    width: 270rem
}

.dosage_img_wrapper--giant {
    width: auto;
}

.dosage_img_wrapper--text_left {
    text-align: left;
}

.dosage_img_wrapper--text_center {
    text-align: center;
}

.dosage_img_wrapper--text_left.amixin_scheme_gerp {
    text-align: center;
	margin-left: -25%;
}

.pill {
    display: inline-table;
    width: 70rem;
    height: 70rem;
    background: url(../../img/img__pill.png) no-repeat center;
    background-size: 70rem;
}

.pill--small {
    width: 38rem;
    height: 42rem;
    background-size: 42rem
}

.pill--small .pill__number {
    font-size: 14.3rem
}

.pill__number {
    margin: auto;
    font-size: 22.4rem;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.pill__dash_img {
    margin-bottom: 15rem;
    width: 70rem
}

.pill__dash_img {
    margin-bottom: 7rem;
    width: 50rem
}

.dosage__day {
    font-size: 16.6rem
}

.dosage__day--position_1 {
    margin-right: 107rem;
    margin-left: 40rem
}

.dosage__day--position_2 {
    margin-right: 76rem
}

.dosage__day--position_3 {
    margin-right: 76rem
}

.dosage__day--position_4 {
    margin-right: 69rem
}

.dosage__day--position_5 {
    margin-right: 52rem;
    margin-left: 17rem
}

.dosage__day--position_6 {
    margin-right: 42rem
}

.dosage__day--position_7 {
    margin-right: 42rem
}

.dosage__day--position_8 {
    margin-right: 42rem
}

.dosage__day--position_9 {
    margin-right: 32rem
}

.dosage__day--position_10 {
    margin-right: 32rem
}

.dosage__day--position_11 {
    margin-right: 32rem
}

.dosage__day--position_12 {
    margin-right: 32rem
}

.dosage_info {
    display: block;
    font-size: 19rem;
}

.notice_text {
    position: absolute;
    bottom: 125rem;
    left: 60rem;
    opacity: .5;
    font-size: 14rem
}

.error_404 {
    margin-top: 30vh;
    text-align: center;
    font-family: PFDinTextCondPro-Bold, serif;
}

.error_404__code {
    font-size: 150rem
}

.error_404__text {
    font-size: 34rem;
    margin-left: 60rem;
    padding-left: 60rem;
    border-left: 3rem solid #acacac;
}

.error_404__text a {
    color: #189B80;
    text-decoration: none;
}

.error_404__text a:hover {
    text-decoration: underline;
}

.popup {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: -101rem;
    z-index: 9999;
    padding: 60rem;
    margin: auto;
    width: 47%;
    height: 447rem;
    background-color: #ffffff;
    font-size: 22.5rem;
    text-align: center;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.popup__close {
    position: absolute;
    right: 40rem;
    top: 70rem;
    width: 27.5rem;
    height: 27.5rem;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
}

.popup__title {
    color: #4B9C72;
    font-size: 38rem;
    text-transform: none;
    padding: 0;
    margin: 0;
    margin-bottom: 15rem;
    font-weight: 400;
}

.popup__text {
    margin-bottom: 0;
    font-size: 28rem;
    display: block;
}

.popup__buttons {
    display: inline-block;
    margin: auto
}

.popup__button {
    display: inline-block;
    height: 70rem;
    padding-left: 50rem;
    padding-right: 50rem;
    margin: 10rem;
    line-height: 70rem;
    vertical-align: middle;
    color: #189B80;
    background-color: #FFF;
    border: #189B80 solid 03.5rem;
    border-radius: 50rem;
    text-decoration: none
}

.popup__button:hover {
    background-color: #189B80;
    color: #fff
}

.popup--wide {
    width: 56%
}

.visible {
    display: block
}

.contact_form__block {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    margin-bottom: 20rem
}

.contact_form__block+.contact_form__block {
    margin-left: 5%
}

.contact_form__input {
    display: block;
    height: 40rem;
    width: 100%;
    padding: 5rem 0;
    margin-bottom: 15rem;
    background: #fff -webkit-linear-gradient(top, transparent 0px, transparent 38rem, #ccc);
    background: #fff linear-gradient(to bottom, transparent 0px, transparent 38rem, #ccc);
    border: none;
    font-size: 26rem
}

.contact_form__message {
    display: block;
    width: 100%;
    border: none;
    overflow: auto;
    font-size: 24rem;
    line-height: 30rem;
    resize: none;
    outline: none;
    background-attachment: local;
    background-image: -webkit-linear-gradient(top, transparent 0px, transparent 27rem, #ccc);
    background-image: linear-gradient(to bottom, transparent 0px, transparent 27rem, #ccc);
    background-size: 30rem 30rem;
    background-repeat: repeat
}

.contact_form__submit_btn {
    display: inline-block;
    position: relative;
    padding-top: 20rem;
    padding-bottom: 20rem;
    padding-left: 60rem;
    padding-right: 30rem;
    margin: 10rem;
    color: #189B80;
    background-color: #fff;
    border: #189B80 solid 3.5rem;
    border-radius: 50rem;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer
}

.contact_form__submit_btn:hover {
    background-color: #189B80;
    color: #fff
}

.contact_form__submit_btn:hover>.contact_form__submit_img * {
    fill: #fff
}

.contact_form__submit_img {
    position: absolute;
    left: 15rem;
    top: 15rem;
    width: 31rem;
    height: 31rem
}

.contact_form__captcha {
    display: inline-block;
    margin-right: 10rem
}

.captcha {
    width: 250rem;
    white-space: nowrap
}

.captcha__img {
    width: 30%;
    display: inline-block
}

.captcha__input_wr {
    width: 65%;
    display: inline-block
}

.tooltip-wrapper {
    position: absolute;
    z-index: 1000;
    color: #ccc;
    font-size: 20rem;
    margin-bottom: -10rem
}

.input--invalid {
    color: red
}

.input--invalid::-webkit-input-placeholder {
    color: red
}

.input--invalid::-moz-placeholder {
    color: red
}

.input--invalid:-ms-input-placeholder {
    color: red
}

.blue_colors .popup .popup__title {
    color: #00638E
}

.blue_colors .popup .popup__button {
    color: #00638E;
    border-color: #00638E
}

.blue_colors .popup .popup__button:hover {
    color: #fff;
    background-color: #00638E
}

.blue_colors .popup .popup__close * {
    fill: #00638E
}

.blue_colors .contact_form__submit_btn {
    color: #00638E;
    border-color: #00638E
}

.blue_colors .contact_form__submit_btn:hover {
    color: #fff;
    background-color: #00638E
}

.blue_colors .contact_form__submit_img * {
    fill: #00638E
}

.orange_colors .popup .popup__title {
    color: #d86227
}

.orange_colors .popup .popup__button {
    color: #d86227;
    border-color: #d86227
}

.orange_colors .popup .popup__button:hover {
    color: #fff;
    background-color: #d86227
}

.orange_colors .popup .popup__close * {
    fill: #d86227
}

.orange_colors .contact_form__submit_btn {
    color: #d86227;
    border-color: #d86227
}

.orange_colors .contact_form__submit_btn:hover {
    color: #fff;
    background-color: #d86227
}

.orange_colors .contact_form__submit_img * {
    fill: #d86227
}

.PFDinDisplayPro-Light {
    font-family: PFDinDisplayPro-Light, serif
}

.PFDinDisplayPro-Regular {
    font-family: PFDinDisplayPro-Reg, serif
}

.PFDinDisplayPro-Bold {
    font-family: PFDinDisplayPro-Bold, serif
}

.PFDinTextCondPro-Xthin {
    font-family: PFDinTextCondPro-Xthin, serif
}

.PFDinTextCondPro-Bold {
    font-family: PFDinTextCondPro-Bold, serif
}

.PFDinTextCondPro-Light {
    font-family: PFDinTextCondPro-Light, serif
}

.PFDinTextCondPro-Regular {
    font-family: PFDinTextCondPro-Regular, serif
}

.PFDinTextCondPro-Mediumitalic {
    font-family: PFDinTextCondPro-Mediumitalic, serif
}

body {
    background-color: #EAEAEA;
    overflow-x: hidden;
}

.overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.overlay--white {
    background-color: white
}

.overlay--black {
    display: none;
    background-color: rgba(76, 81, 80, 0.3)
}

.preloader {
    position: absolute;
    z-index: 155;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 180rem;
    height: 70rem
}

.body_overflow_hidden {
    overflow: hidden
}

.inpage .container {
    display: block;
    position: relative;
    padding-right: 101rem;
    min-width: 1000px;
    height: 100vh;
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F2F2F2;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translateZ(0)
}

.container--pushed:not(.container--position_fixed--sticked_to_top) {
    -webkit-transform: translateX(370rem);
    -ms-transform: translateX(370rem);
    transform: translateX(370rem)
}

.container--overflow_hidden {
    overflow: hidden
}

.container--height_auto {
    height: auto !important;
}

.container--position_fixed {}

.container--position_fixed:before,
.container--position_fixed:after {
    content: "";
    display: table
}

.container--position_fixed:after {
    clear: both
}

.container--position_fixed {
    zoom: 1
}

.container--position_fixed--sticked_to_top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.container--height_fixed {
    height: 454rem;
    min-height: inherit
}

.container--position_absolute {
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transition: .8s all ease;
    transition: .8s all ease
}

.container--bg_gray_gradient {
    /* background-image: url(../../img/bg__gray_gradient2.png) */
    background-image: url(../../img/bg__gray_gradient2.webp)
}

/* .webpAllowed .container--bg_gray_gradient {
    background-image: url(../../img/bg__gray_gradient2.webp)
} */

.container--bg_shards {
    background-image: url(../../img/bg__shards.jpg)
}

.container--bg_shards_kids {
    background-image: url(../../img/bg__shards_kids.jpg)
}

.container--bg_bacteria {
    background-image: url(../../img/bg__bacteria.jpg)
}

.container--bg_bacteria_and_shards {
    background-image: url(../../img/bg__bacteria_and_shards.jpg)
}

.container--bg_sick_couple {
    background-image: url(../../img/bg__sick_couple.jpg)
}

.container--bg_kids_teaser {
    background-image: url(../../img/kids-back-teaser.jpg)
}

.container--bg_sick_couple--blur {
    background-image: url(../../img/bg__sick_couple--blur.jpg)
}

.container--bg_sick_kids {
    background-image: url(../../img/bg__sick_kids.jpg)
}

.container--bg_sick_kids--blur {
    background-image: url(../../img/bg__sick_kids--blur.jpg)
}

.container--bg_sleeping_beauty {
    background-image: url(../../img/bg__sleepy_drunk_tyan.jpg);
    margin-top: 327rem;
}

.container--bg_mirror_girl {
    background-image: url(../../img/bg__tyan_with_a_mirror.jpg);
    background-position: 50% 100% !important;
}

.container--bg_mirror_girl--blur {
    background-image: url(../../img/bg__tyan_with_a_mirror--blur.jpg);
    background-position: 50% 100%;
}

.container--bg_blurred_people {
    background-image: url(../../img/bg__blurred_people.jpg)
}

.container--bg_bacteria--scaled_up {
    background-size: 184% auto
}

.logo_amixin__container {
    display: block;
    position: fixed;
    left: 105rem;
    top: 29rem;
    z-index: 200;
    height: 36.6rem;
    width: 191rem
}

.logo_amixin__container svg {
  margin-top: -5rem;
}
.mob_h .logo_amixin__container svg {
  margin-top: 0;
}

.logo_amixin__img, .preloader__img {
    height: 100%;
    width: 100%;
    -webkit-transition: .5s all ease;
    transition: .5s all ease
}

.blue_colors .logo_amixin__img path, .blue_colors .preloader__img path {
    fill: #00638E;
    -webkit-transition: .5s all ease;
    transition: .5s all ease
}

h1.dosage_title_green {
	color: #189B80;
}

.blue_colors #logo_amixin path {
	fill: #00638E;
}

.blue_colors .buyButton {
	background-color: #00638E;
}

.orange_colors #logo_amixin path {
	fill: #EA7739;
}

.orange_colors .buyButton {
	background-color: #EA7739;
}

.orange_colors .preloader__img path {
    fill: #d86227;
    -webkit-transition: .5s all ease;
    transition: .5s all ease
}

.preloader__scale_container {
    height: 4rem;
    width: 172rem;
    border-radius: 4rem;
    background-color: rgba(76, 81, 80, 0.3)
}

.preloader__scale {
    height: 4rem;
    width: 20%;
    border-radius: 4rem;
    background-color: #189B80
}

.blue_colors .preloader__scale {
    background-color: #00638E
}

.orange_colors .preloader__scale {
    background-color: #d86227
}

.block_relative {
	position: relative;
}

.age_block {
	position: absolute;
    display: block;
    width: 70px;
    height: 70px;
	border-radius: 50%;
	color: #fff;
    line-height: 70px;
    font-size: 30px;
    font-family: 'PFDinDisplayPro-Light';
    text-align: center;
}

.age_block_orange {
    background: #ef7837;
    top: -28px;
    right: 126px;
}

.age_block_green {
    background: #008209;
    top: 23px;
    right: 27px;
}

.age_block_blue {
    background: #755ea8;
	top: -3px;
    right: 97px;
}

.circles_navi {
    display: table;
    position: fixed;
    z-index: 160;
    right: 170rem;
    height: 900rem;
}

.circles_navi__list {
    margin: auto 0;
    display: table-cell;
    vertical-align: middle;
}

.circles_navi__item {
    display: inline-block;
    cursor: pointer;
    float: left;
    clear: both;
    margin-bottom: 23rem;
    height: 20rem;
    width: 20rem;
    border-radius: 50%;
    border: 3rem rgba(255, 255, 255, 0.5) solid;
}

.circles_navi__item:last-child {
    margin-bottom: 0
}

.circles_navi__item.active {
    background-color: white;
    cursor: default
}

.bacterium {
    position: absolute;
    background-color: transparent;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block
}

.bacterium--normal_size {
    width: 129.5rem;
    height: 129.5rem
}

.bacterium--small_size {
    width: 93.1rem;
    height: 93.1rem
}

.bacterium--x-small_size {
    width: 53.9rem;
    height: 53.9rem
}

.bacterium--green {
    background-image: url(../../img/img__big_bacterium--green.png);
}

.webpAllowed .bacterium--green {
    background-image: url(../../img/img__big_bacterium--green.webp);
}

.bacterium--blue {
    background-image: url(../../img/img__big_bacterium--blue.png);
}

.webpAllowed .bacterium--blue {
    background-image: url(../../img/img__big_bacterium--blue.webp);
}

.bacterium--orange {
    background-image: url(../../img/img__big_bacterium--orange.png);
}

.webpAllowed .bacterium--orange {
    background-image: url(../../img/img__big_bacterium--orange.webp);
}

.bacterium--translucent_70 {
    opacity: .7
}

.bacterium--blur_1 {
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='1');
    -webkit-filter: blur(1px);
    filter: blur(1px);
}

.bacterium--position_1 {
    z-index: 40;
    top: 663rem;
    left: 604rem
}

.bacterium--position_2 {
    top: 681rem;
    left: 938rem
}

.bacterium--position_3 {
    top: 730rem;
    left: 830rem
}

.bacterium--position_4 {
    top: 185rem;
    left: 1456rem
}

.bacterium--position_5 {
    top: 130rem;
    left: 1276rem
}

.bacterium--position_6 {
    top: 95rem;
    left: 1409rem
}

.bacterium--position_7 {
    top: 132rem;
    left: 80rem
}

.bacterium--position_8 {
    top: 263rem;
    left: 374rem
}

.bacterium--position_9 {
    top: 162rem;
    left: 309rem
}

.bubble_btn_text {
    position: absolute;
    z-index: 50;
    top: 147rem;
    display: inline-block;
    width: 316rem;
    height: 103rem;
    line-height: 100rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    font-size: 24rem;
    letter-spacing: 1.7px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1)
}

.bubble_btn_border {
    position: absolute;
    top: 229rem;
    display: inline-block;
    width: 321rem;
    height: 106rem;
    opacity: .3;
    border-style: solid;
    border-width: 5rem;
    border-radius: 124rem;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.4s ease, transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1)
}

.bubble_btn_border_span {
    position: absolute;
    top: 292rem;
    display: inline-block;
    width: 321rem;
    height: 124rem;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.4s ease, transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    color: #d86227;
    font-family: PFDinTextCondPro-Light, serif;
    left: -6rem;
    font-size: 17rem;
    text-align: center;
}

.bubble_btn_border_span_one {
    position: absolute;
    top: 690rem;
    display: inline-block;
    width: 450rem;
    height: 124rem;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.4s ease, transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    color: #189B80;
    font-family: PFDinTextCondPro-Light, serif;
    left: 500rem;
    font-size: 20rem;
    text-align: center;
}

.bubble_btn_border_span_two {
    position: absolute;
    top: 325rem;
    display: inline-block;
    width: 281rem;
    height: 124rem;
    opacity: 1;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.4s ease, transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    color: #00638E;
    font-family: PFDinTextCondPro-Light, serif;
    left: 1125rem;
    font-size: 20rem;
    text-align: center;
}

.bubble_btn_border_sld_5_kids {
    position: absolute;
    top: 130rem;
    display: inline-block;
    height: 210rem;
    opacity: .3;
    border-style: solid;
    border-width: 5rem;
    border-radius: 164rem;
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transition: opacity 0.4s ease, transform 0.4s 0.3s cubic-bezier(0.23, 1, 0.32, 1)
}

.bubble_btn_border_sld_5_kids.hovered {
    opacity: 1
}

.bubble_btn_border.hovered {
    opacity: 1
}

.bubble_btn--size_wider {
    width: 356rem
}

.bubble_btn--size_wider_sld_5_kids {
    width: 800rem
}

.bubble_btn_text--green {
    color: #189B80
}

.bubble_btn_text--blue {
    color: #00638E
}

.bubble_btn_text--orange {
    color: #d86227
}

.bubble_btn_border--green {
    border-color: #189B80
}

.bubble_btn_border--blue {
    border-color: #00638E
}

.bubble_btn_border--orange {
    border-color: #d86227
}

.bubble_btn--position_left {
    left: 550rem
}

.bubble_btn--position_right {
    left: 1111rem;
    top: 262rem;
}

.bubble_btn--position_left2 {
    left: -18rem
}

.bubble_btn--position_sld_5_kids {
    left: 334rem;
    top: 283rem
}

.sec_404 {
    text-align: center;
    background-image: url(../../img/404ba.jpg);
}

.error_404 {
    display: inline-block;
}

.error_404>* {
    float: left;
    width: 335rem;
    text-align: left;
    display: block;
}

.green_pack_left_turn {
    position: absolute;
    z-index: 40;
    width: 520rem;
    top: 176rem;
    left: 100rem;
    transform: translateX(-100%);
    opacity: 0;
}

.green_pack_left_turn_kids {
    position: absolute;
    z-index: 40;
    width: 580rem;
    top: 220rem;
    left: 80rem;
    transform: translateX(-100%);
    opacity: 0;
}

.orange_pack_left_turn {
    position: absolute;
    z-index: 40;
    width: 520rem;
    top: 176rem;
    left: -85rem;
    transform: translateX(-100%);
    opacity: 0;
}

.sld_1 .green_pack_left_turn {
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.sld_1 .orange_pack_left_turn {
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.sld_1.active .green_pack_left_turn,
.sld_1.old .green_pack_left_turn {
    transform: translateX(0);
    opacity: 1;
}

.sld_1.active .orange_pack_left_turn,
.sld_1.old .orange_pack_left_turn {
    transform: translateX(0);
    opacity: 1;
}

.green_pack_left_turn--left_position--bigger_top {
    top: 319rem
}

.orange_pack_left_turn--left_position--bigger_top {
    top: 216rem
}

.green_pack_left_turn--center_position.green_pack_left_turn,
.blue_pack_left_turn.blue_pack_left_turn--center_position {
    left: 524rem;
    top: 275rem;
}

.blue_pack_left_turn.blue_pack_left_turn--center_position {
    left: 360rem;
    top: 200rem;
}

.green_pack_left_turn__img {
    width: 100%
}

.green_pack_left_turn__img_kids_sld_3 {
    width: 100%
}

.orange_pack_left_turn__img {
    width: 100%
}

.green_pack_right_turn {
    position: absolute;
    z-index: 40;
    width: 750rem;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.green_pack_right_turn--center_position {
    z-index: 50;
    left: 330rem;
    bottom: -10rem
}

.green_pack_right_turn__img {
    width: 100%
}

.green_pack_right_turn__img_sld_4 {
    width: 90%
}

.blue_pack_right_turn {
    position: absolute;
    z-index: 1;
    width: 664rem;
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.orange_pack_left_turn {
    position: absolute;
    z-index: 1;
    width: 664rem;
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.sld_1.active .blue_pack_right_turn,
.sld_1.old .blue_pack_right_turn {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    opacity: 1;
}

.blue_pack_right_turn--right_position {
    top: 223rem;
    left: 736rem;

    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);

    transition: 0.6s ease all 0.35s;
}

.blue_pack_pull_down_main {
    top: 305rem
}

.bigger_width_blue_pack_main {
    width: 101% !important;
}

.active .blue_pack_right_turn--right_position {
    /* transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0); */
    opacity: 1;
}

.blue_pack_right_turn--center_position {
    z-index: 50;
    left: 370rem;
    width: 760rem;
    top: 239rem;
}

.centered_pack--z-index-42 {
    z-index: 42
}

.blue_pack_right_turn__img {
    width: 99%
}

.blue_pack_left_turn {
    position: absolute;
    left: 280rem;
    width: 800rem;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .5s ease all;
    transition: .5s ease all
}

.blue_pack_left_turn__img {
    width: 90%
}

.links_block {
    padding-bottom: 100rem;
    display: block;
	text-align: center;
    position: absolute;
    z-index: 20;
    /* bottom: 130rem; */
    bottom: 50rem;
    left: 400rem;
    width: 800rem;
    height: 120rem;
    transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -ms-transition: .5s ease all;
}

.buyButton--mainpage {
	/* margin: 30rem 0 0 0 !important; */
}

.main_page_top {
	margin-top: -100rem;
  max-height: 100vh;
}

.links_block_faq {
    margin-left: 0;
	padding-bottom: 0;
    display: block;
    position: relative;
    z-index: 20;
    left: 440rem;
    width: 800rem;
    height: 220rem;
    transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -ms-transition: .5s ease all;
}

.links_block_sld_5_kids {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    position: absolute;
    z-index: 20;
    bottom: 40rem;
    left: 340rem;
    width: 802rem;
    top: 554rem;
    height: 60rem;
    transition: .5s ease all;
    -webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -ms-transition: .5s ease all;
}

.links_block__item {
	text-align: left;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 31%;
    text-decoration: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    -ms-transition: -webkit-transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1)
}

.links_block__item--width_36 {
    width: 33%;
}

.links_block__circle {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 60rem;
    height: 60rem;
    border-radius: 60rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-top: -8px;
}

.links_block__circle--video_icon {
    background: url(../../img/i__video_play.svg) center no-repeat white;
    background-size: 30rem
}

.links_block__circle--instruction_icon {
    background: url(../../img/i__sheet.svg) center no-repeat white;
    background-size: 30rem
}

.links_block__circle--instruction_icon_kids {
    background: url(../../img/i__sheet_kids.png) center no-repeat white;
    background-size: 70rem
}

.links_block__circle--instruction_icon--blue {
    background: url(../../img/i__sheet--blue.svg) center no-repeat white;
    background-size: 30rem
}

.links_block__circle--share_icon {
    background: url(../../img/i__share.svg) center no-repeat white;
    background-size: 30rem
}

.links_block__circle--share_icon_kids {
    background: url(../../img/i__share_kids.png) center no-repeat white;
    background-size: 60rem
}

.questiom_mark_big {
    position: absolute;
    left: 644rem;
    top: 198rem;
    width: 400rem;
    height: 500rem
}

.background__question_sld_5 {
    width: 51%
}

.links_block__circle--share_icon--blue {
    background: url(../../img/i__share--blue.svg) center no-repeat white;
    background-size: 30rem
}

.links_block__circle--question_icon {
    background: url(../../img/i__question_mark.svg) center no-repeat white;
    background-size: 60rem
}

.links_block__circle--question_icon_kids {
    background: url(../../img/i__question_mark_kids.png) center no-repeat white;
    background-size: 25rem
}

.links_block__circle--question_icon--blue {
    background: url(../../img/i__question_mark--blue.svg) center no-repeat white;
    background-size: 60rem
}

.links_block__circle--side_triangle {
    overflow: visible;
    position: relative
}

.links_block__circle--side_triangle:before {
    content: "";
    position: absolute;
    right: -9rem;
    bottom: 2rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 25rem 20rem 0;
    border-color: transparent white transparent transparent;
    -webkit-transform: rotate(205deg);
    -ms-transform: rotate(205deg);
    transform: rotate(205deg)
}

.links_block__item_text {
    overflow: hidden;
    /* margin: auto 0 auto 26rem; */
    margin: auto 0 auto 12rem;
    opacity: 1;
    font-size: 21rem;
    color: #4C5150;
    letter-spacing: 1.2px;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.links_block__item_text--green {
    color: #189B80
}

.links_block__item_text--blue {
    color: #00638E
}

.links_block__item_text--orange {
    color: #d86227
}

.social_nets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute;
    height: 60rem;
    width: 188rem;
    padding: 0 13rem
}

.social_nets a,
.social_nets a:hover,
.social_nets a:active {
    text-decoration: none;
}

.social_nets img,
.social_nets img:hover {
    text-decoration: none;
}

.social_nets__btn {
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1)
}

.social_nets__btn:nth-child(1) {
    -webkit-transform: translateY(50rem);
    -ms-transform: translateY(50rem);
    transform: translateY(50rem)
}

.social_nets__btn:nth-child(2) {
    -webkit-transform: translateY(100rem);
    -ms-transform: translateY(100rem);
    transform: translateY(100rem)
}

.social_nets__btn:nth-child(3) {
    -webkit-transform: translateY(150rem);
    -ms-transform: translateY(150rem);
    transform: translateY(150rem)
}

.social_nets__btn:nth-child(4) {
    -webkit-transform: translateY(200rem);
    -ms-transform: translateY(200rem);
    transform: translateY(200rem)
}

.social_nets__btn_fb {
    width: 14rem
}

.social_nets__btn_vk {
    width: 18rem
}

.social_nets__btn_ok {
    width: 15rem
}

.social_nets__btn_twi {
    width: 28rem
}

.links_block__sharing:hover .social_nets__btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.links_block__sharing:hover .links_block__item_text {
    opacity: 0
}

.links_block__sharing:hover .links_block__circle {
    width: 688rem;
    background-position: -100rem center
}

.social_nets__img {
    width: 100%
}

.otc__logo {
    position: absolute;
    top: 10rem;
    left: 38rem;
    width: 150rem;
    opacity: 0.5;
}

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

.otc__logo_main {
    position: relative;
    z-index: 145;
    bottom: 172rem;
    left: 38rem;
    width: 150rem;
    opacity: 0.5;
}

.otc__logo_kids {
    position: relative;
    z-index: 145;
    top: 400rem;
    left: 38rem;
    width: 150rem;
    opacity: 0.5;
}

.otc__logo_kids2 {
    position: relative;
    z-index: 145;
    top: 16rem;
    left: 38rem;
    width: 150rem;
    opacity: 0.5;
}

.otc__logo_kids_index {
    position: fixed;
    z-index: 6;
    bottom: 13rem;
    left: 38rem;
    width: 150rem;
    opacity: 0.5;
}

.side_warning {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 159;
    margin: auto;
    height: 100%;
    min-width: 5%;
    opacity: .5;
}

.side_warning--fixed {
    display: block;
    position: fixed
}

.side_warning__img {
    min-width: 100%;
	height: 100%;
}

a.js-goto-bot {
    position: fixed;
    z-index: 140
}

a.js-goto-bot_2 {
    position: fixed;
    z-index: 140
}

a.next_slide_btn--visible {
    display: inline-block
}

.container--held {
    position: fixed;
    z-index: 120;
    left: 0;
    right: 0;
    top: 0
}

.js-container-bacterium {
    z-index: 90
}

.js-container-effects {
    z-index: 125
}

.js-container-plus {
    z-index: 127
}

.js-container-qa {
    z-index: 130
}

.js-dosage-container-green {
    z-index: 130
}

.js-container--z-index_133 {
    z-index: 133
}

.js-container--z-index_135 {
    z-index: 135
}

.body--padding_2_screens {
    padding-top: 200vh
}

.body--padding_2_screens .circles_navi {
    -webkit-transform: translateY(-200vh);
    -ms-transform: translateY(-200vh);
    transform: translateY(-200vh)
}

.sld .container.js-container-smashing_effects {
    z-index: 95;
    top: 0;
    position: absolute;
    left: 0;
    right: 0;
    background-color: transparent;
}

.keyframes-jumping {
    -webkit-animation: keyframes-jumping 1s infinite;
    animation: keyframes-jumping 1s infinite
}

@-webkit-keyframes keyframes-jumping {
    0% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    25% {
        -webkit-transform: translateY(2.2rem);
        transform: translateY(2.2rem)
    }

    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

@keyframes keyframes-jumping {
    0% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    25% {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }

    100% {
        -webkit-transform: translateY(0rem);
        transform: translateY(0rem)
    }
}

@-webkit-keyframes epillepsy {
    0% {
        -webkit-transform: translate(5rem, 1rem);
        transform: translate(5rem, 1rem)
    }

    40% {
        -webkit-transform: translate(-3rem, -0.5rem);
        transform: translate(-3rem, -0.5rem)
    }

    70% {
        -webkit-transform: translate(3rem, 0.5rem);
        transform: translate(3rem, 0.5rem)
    }

    100% {
        -webkit-transform: translate(5rem, 1rem);
        transform: translate(5rem, 1rem)
    }
}

@keyframes epillepsy {
    0% {
        -webkit-transform: translate(5rem, 1rem);
        transform: translate(5rem, 1rem)
    }

    40% {
        -webkit-transform: translate(-3rem, -0.5rem);
        transform: translate(-3rem, -0.5rem)
    }

    70% {
        -webkit-transform: translate(3rem, 0.5rem);
        transform: translate(3rem, 0.5rem)
    }

    100% {
        -webkit-transform: translate(5rem, 1rem);
        transform: translate(5rem, 1rem)
    }
}

.keyframes-hovering.hovering_bubble--position_1 {
    -webkit-animation: hovering 15s infinite linear;
    animation: hovering 15s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_2 {
    -webkit-animation: hovering 9s infinite linear;
    animation: hovering 9s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_3 {
    -webkit-animation: hovering 10s infinite linear;
    animation: hovering 10s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_4 {
    -webkit-animation: hovering 12s infinite linear;
    animation: hovering 12s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_5 {
    -webkit-animation: hovering 15s infinite linear;
    animation: hovering 15s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_6 {
    -webkit-animation: hovering 9s infinite linear;
    animation: hovering 9s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_7 {
    -webkit-animation: hovering 10s infinite linear;
    animation: hovering 10s infinite linear;
    animation-delay: 1s;
}

.keyframes-hovering.hovering_bubble--position_8 {
    -webkit-animation: hovering 12s infinite linear;
    animation: hovering 12s infinite linear;
    animation-delay: 1s;
}

@-webkit-keyframes hovering {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    20% {
        -webkit-transform: translate(3rem, -5rem);
        transform: translate(3rem, -5rem)
    }

    40% {
        -webkit-transform: translate(-7rem, 8rem);
        transform: translate(-7rem, 8rem)
    }

    60% {
        -webkit-transform: translate(4rem, 5rem);
        transform: translate(4rem, 5rem)
    }

    80% {
        -webkit-transform: translate(5rem, -7rem);
        transform: translate(5rem, -7rem)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes hovering {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    20% {
        -webkit-transform: translate(3rem, -5rem);
        transform: translate(3rem, -5rem)
    }

    40% {
        -webkit-transform: translate(-7rem, 8rem);
        transform: translate(-7rem, 8rem)
    }

    60% {
        -webkit-transform: translate(4rem, 5rem);
        transform: translate(4rem, 5rem)
    }

    80% {
        -webkit-transform: translate(5rem, -7rem);
        transform: translate(5rem, -7rem)
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.hovering_bacterium {
    -webkit-animation: hovering_and_spinning 18s infinite linear;
    animation: hovering_and_spinning 18s infinite linear
}

@-webkit-keyframes hovering_and_spinning {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(3rem, -5rem) rotate(3deg);
        transform: translate(3rem, -5rem) rotate(3deg)
    }

    40% {
        -webkit-transform: translate(-7rem, 8rem) rotate(6deg);
        transform: translate(-7rem, 8rem) rotate(6deg)
    }

    60% {
        -webkit-transform: translate(4rem, 5rem) rotate(6deg);
        transform: translate(4rem, 5rem) rotate(6deg)
    }

    80% {
        -webkit-transform: translate(5rem, -7rem) rotate(3deg);
        transform: translate(5rem, -7rem) rotate(3deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
}

@keyframes hovering_and_spinning {
    0% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }

    20% {
        -webkit-transform: translate(3rem, -5rem) rotate(3deg);
        transform: translate(3rem, -5rem) rotate(3deg)
    }

    40% {
        -webkit-transform: translate(-7rem, 8rem) rotate(6deg);
        transform: translate(-7rem, 8rem) rotate(6deg)
    }

    60% {
        -webkit-transform: translate(4rem, 5rem) rotate(6deg);
        transform: translate(4rem, 5rem) rotate(6deg)
    }

    80% {
        -webkit-transform: translate(5rem, -7rem) rotate(3deg);
        transform: translate(5rem, -7rem) rotate(3deg)
    }

    100% {
        -webkit-transform: translate(0, 0) rotate(0deg);
        transform: translate(0, 0) rotate(0deg)
    }
}

.animation-go_from_right {
    -webkit-transform: translateX(1000rem);
    -ms-transform: translateX(1000rem);
    transform: translateX(1000rem)
}

.animation-go_from_right--further {
    -webkit-transform: translateX(1700rem);
    -ms-transform: translateX(1700rem);
    transform: translateX(1700rem)
}

.animation-go_from_right--closer {
    -webkit-transform: translateX(550rem);
    -ms-transform: translateX(550rem);
    transform: translateX(550rem)
}

.animation-go_from_left {
    -webkit-transform: translateX(-800rem);
    -ms-transform: translateX(-800rem);
    transform: translateX(-800rem)
}

.animation-go_from_left--closer {
    -webkit-transform: translateX(-400rem);
    -ms-transform: translateX(-400rem);
    transform: translateX(-400rem)
}

.animation-go_from_bottom {
    -webkit-transform: translateY(300rem);
    -ms-transform: translateY(300rem);
    transform: translateY(300rem)
}

.animation-transparent {
    opacity: 0
}

.animation-no_transitions {
    -webkit-transition: none;
    transition: none
}

.js-container-bacterium .hovering_bubble {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.js-container-effects .subtitle {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.js-container-effects .benefit--position_1 {
    -webkit-transition: opacity 0.5s 0.6s ease, -webkit-transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.5s 0.6s ease, transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.js-container-effects .benefit--position_2 {
    -webkit-transition: opacity 0.5s 1.2s ease, -webkit-transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.5s 1.2s ease, transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.js-container-effects .benefit--position_3 {
    -webkit-transition: opacity 0.5s 1.8s ease, -webkit-transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.5s 1.8s ease, transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.js-container-effects .benefit--position_4 {
    -webkit-transition: opacity 0.5s 2.4s ease, -webkit-transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.5s 2.4s ease, transform 0.5s ease, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.js-container-benefits .container--position_absolute {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.js-container-benefits .title {
    -webkit-transition-delay: 2.1s;
    transition-delay: 2.1s
}

.js-container-benefits .green_pack_right_turn {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.active .js-container-benefits .benefit--position_1 {
    -webkit-transition: opacity 0.4s 3s ease, -webkit-transform 0.7s ease 3s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 3s ease, transform 0.7s ease 3s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_5 {
    -webkit-transition: opacity 0.4s 3s ease, -webkit-transform 0.7s ease 3s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 3s ease, transform 0.7s ease 3s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_3 {
    -webkit-transition: opacity 0.4s 3.8s ease, -webkit-transform 0.7s ease 3.8s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 3.8s ease, transform 0.7s ease 3.8s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_8 {
    -webkit-transition: opacity 0.4s 3.8s ease, -webkit-transform 0.7s ease 3.8s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 3.8s ease, transform 0.7s ease 3.8s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_2 {
    -webkit-transition: opacity 0.4s 4.6s ease, -webkit-transform 0.7s ease 4.6s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 4.6s ease, transform 0.7s ease 4.6s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_6 {
    -webkit-transition: opacity 0.4s 4.6s ease, -webkit-transform 0.7s ease 4.6s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 4.6s ease, transform 0.7s ease 4.6s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_4 {
    -webkit-transition: opacity 0.4s 5.4s ease, -webkit-transform 0.7s ease 5.4s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 5.4s ease, transform 0.7s ease 5.4s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_9 {
    -webkit-transition: opacity 0.4s 5.4s ease, -webkit-transform 0.7s ease 5.4s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 5.4s ease, transform 0.7s ease 5.4s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.active .js-container-benefits .benefit--position_7 {
    -webkit-transition: opacity 0.4s 6.2s ease, -webkit-transform 0.7s ease 6.2s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.4s 6.2s ease, transform 0.7s ease 6.2s, left 0.5s ease, top 0.5s ease, background-color 0.5s ease
}

.js-container-bacterium.animation-smashing-active .animation-hovering_bacterium-up-2 {
    opacity: 0
}

.js-container-bacterium.animation-smashing-active .animation-hovering_bacterium-small-1 {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    top: 50rem
}

.js-container-bacterium.animation-smashing-active .animation-hovering_bacterium-small-2 {
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4)
}

.js-container-bacterium.animation-smashing-active .hovering_bubble:after {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.js-container-bacterium.animation-smashing-active .hovering_bubble {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: keyframes-hovering_bubble-disappearing 1.5s;
    animation: keyframes-hovering_bubble-disappearing 1.5s;
    -webkit-transition: top 0.9s ease 0.3s, left 0.9s ease 0.3s, -webkit-transform 0.6s 0s ease, opacity ease 0.3s;
    transition: top 0.9s ease 0.3s, left 0.9s ease 0.3s, transform 0.6s 0s ease, opacity ease 0.3s
}

.js-container-bacterium.animation-smashing-active .hovering_bubble--position_1 {
    top: -300rem;
    left: -300rem
}

.js-container-bacterium.animation-smashing-active .hovering_bubble--position_2 {
    top: 1220rem;
    left: -300rem
}

.js-container-bacterium.animation-smashing-active .hovering_bubble--position_3 {
    top: -300rem;
    left: 1850rem
}

.js-container-bacterium.animation-smashing-active .hovering_bubble--position_4 {
    top: 1250rem;
    left: 1860rem
}

@-webkit-keyframes keyframes-hovering_bubble-disappearing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0
    }
}

@keyframes keyframes-hovering_bubble-disappearing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    25% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 1
    }

    100% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0
    }
}

.animation-fell {
    -webkit-transform: translateY(70rem);
    -ms-transform: translateY(70rem);
    transform: translateY(70rem)
}

.animation-bumping {
    -webkit-transform: translateY(300rem);
    -ms-transform: translateY(300rem);
    transform: translateY(300rem)
}

.sld .container {
    width: 1600rem;
    height: 900rem;
    display: block;
    position: relative;
}

.wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

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

.main_new_top {
}

.mainwrap.onsl {
    height: auto;
}

.next .hovering_bubble--position_1 {
    transition: 0.5s ease all 0.5s;
    -webkit-transition: 0.5s ease all 0.5s;
    -moz-transition: 0.5s ease all 0.5s;
    -ms-transition: 0.5s ease all 0.5s;
    transform: translate(-500rem, -400rem);
    -webkit-transform: translate(-500rem, -400rem);
    -moz-transform: translate(-500rem, -400rem);
    -ms-transform: translate(-500rem, -400rem);
    opacity: 0;
}

.next .hovering_bubble--position_2 {
    transition: 0.5s ease all 0.55s;
    -webkit-transition: 0.5s ease all 0.55s;
    -moz-transition: 0.5s ease all 0.55s;
    -ms-transition: 0.5s ease all 0.55s;
    transform: translate(-500rem, 400rem);
    -webkit-transform: translate(-500rem, 400rem);
    -moz-transform: translate(-500rem, 400rem);
    -ms-transform: translate(-500rem, 400rem);
    opacity: 0;
}

.next .hovering_bubble--position_3 {
    transition: 0.5s ease all 0.65s;
    -webkit-transition: 0.5s ease all 0.65s;
    -moz-transition: 0.5s ease all 0.65s;
    -ms-transition: 0.5s ease all 0.65s;
    transform: translate(500rem, -400rem);
    -webkit-transform: translate(500rem, -400rem);
    -moz-transform: translate(500rem, -400rem);
    -ms-transform: translate(500rem, -400rem);
    opacity: 0;
}

.next .hovering_bubble--position_4 {
    transition: 0.5s ease all 0.6s;
    -webkit-transition: 0.5s ease all 0.6s;
    -moz-transition: 0.5s ease all 0.6s;
    -ms-transition: 0.5s ease all 0.6s;
    transform: translate(500rem, 400rem);
    -webkit-transform: translate(500rem, 400rem);
    -moz-transform: translate(500rem, 400rem);
    -ms-transform: translate(500rem, 400rem);
    opacity: 0;
}

.next .hovering_bubble--position_1:after {}

.start_anim.hovering_bubble--position_1 {
    animation: bubb_1 1s;
    animation-delay: .04s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_2 {
    animation: bubb_3 1.7s;
    animation-delay: .34s;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_3 {
    animation: bubb_2 1.5s;
    animation-delay: .1.1s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_4 {
    animation: bubb_4 2s;
    animation-delay: .22s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_5 {
    animation: bubb_1 1s;
    animation-delay: .04s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_6 {
    animation: bubb_3 1.7s;
    animation-delay: .34s;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_7 {
    animation: bubb_2 1.5s;
    animation-delay: .1.1s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_8 {
    animation: bubb_4 2s;
    animation-delay: .22s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80% 75%;
    -webkit-trasnform-origin: 80% 75%;
    -moz-trasnform-origin: 80% 75%;
    -ms-trasnform-origin: 80% 75%;
}

.start_anim.hovering_bubble--position_1:after {
    animation: linn_1 0.3s;
    animation-delay: .7s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_2:after {
    animation: linn_3 0.3s;
    animation-delay: 1.2s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_3:after {
    animation: linn_2 0.3s;
    animation-delay: .86s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_4:after {
    animation: linn_4 0.3s;
    animation-delay: 1s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_5:after {
    animation: linn_1 0.3s;
    animation-delay: .7s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_6:after {
    animation: linn_3 0.3s;
    animation-delay: 1.2s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_7:after {
    animation: linn_2 0.3s;
    animation-delay: .86s;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

.start_anim.hovering_bubble--position_8:after {
    animation: linn_4 0.3s;
    animation-delay: 1s;
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-fill-mode: both;
    trasnform-origin: 80%;
    -webkit-trasnform-origin: 80%;
    -moz-trasnform-origin: 80%;
    -ms-trasnform-origin: 80%;
}

@-webkit-keyframes bubb_1 {
    0% {
        transform: translate(250rem, 150rem) scale(0);
    }

    100% {
        transform: translate(0rem, 0rem) scale(1);
    }
}

@-webkit-keyframes bubb_2 {
    0% {
        transform: translate(-250rem, 150rem) scale(0);
    }

    100% {
        transform: translate(0rem, 0rem) scale(1);
    }
}

@-webkit-keyframes bubb_3 {
    0% {
        transform: translate(250rem, -150rem) scale(0);
    }

    100% {
        transform: translate(0rem, 0rem) scale(1);
    }
}

@-webkit-keyframes bubb_4 {
    0% {
        transform: translate(-250rem, -150rem) scale(0);
    }

    100% {
        transform: translate(0rem, 0rem) scale(1);
    }
}

@-webkit-keyframes linn_1 {
    0% {
        transform: rotate(22deg) scaleX(0);
    }

    100% {
        transform: rotate(22deg) scaleX(1);
    }
}

@-webkit-keyframes linn_2 {
    0% {
        transform: rotate(-20deg) scaleX(0);
    }

    100% {
        transform: rotate(-20deg) scaleX(1);
    }
}

@-webkit-keyframes linn_3 {
    0% {
        transform: rotate(-18deg) scaleX(0);
    }

    100% {
        transform: rotate(-18deg) scaleX(1);
    }
}

@-webkit-keyframes linn_4 {
    0% {
        transform: rotate(22deg) scaleX(0);
    }

    100% {
        transform: rotate(22deg) scaleX(1);
    }
}

.step_4.container {
    position: absolute;
    top: 0;
    z-index: 55;
}

.onactive .green_pack_left_turn.green_pack_left_turn--center_position,
.onactive .blue_pack_left_turn.blue_pack_left_turn--center_position {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.active .hovering_bacterium_wrapper {
    transition: 1s ease-out all 0.5s;
    -webkit-transition: 1s ease-out all 0.5s;
    -moz-transition: 1s ease-out all 0.5s;
    -ms-transition: 1s ease-out all 0.5s;
    -webkit-filter: grayscale(0);
    opacity: 1;
}

.active .flow .hovering_bacterium_wrapper,
.old .flow .hovering_bacterium_wrapper {
    transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.55s;
    -webkit-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.55s;
    -moz-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.55s;
    -ms-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.55s;
    transform: scale(0.2) translate(0, 600rem);
    -webkit-transform: scale(0.2) translate(0, 600rem);
    -moz-transform: scale(0.2) translate(0, 600rem);
    -ms-transform: scale(0.2) translate(0, 600rem);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -webkit-filter: grayscale(1);
    opacity: 0;
}

.hovering_bub_cont {
    transition: 1s ease all 0.4s;
    -webkit-transition: 1s ease all 0.4s;
    -moz-transition: 1s ease all 0.4s;
    -ms-transition: 1s ease all 0.4s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform-origin: 50% 22%;
    -webkit-transform-origin: 50% 22%;
    -moz-transform-origin: 50% 22%;
    -ms-transform-origin: 50% 22%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.active .flow .hovering_bub_cont {
    transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    -webkit-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    -moz-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    -ms-transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
}

.step_3 .title,
.step_4 .title,
.blue_colors .sld_5 h2 {
    opacity: 0;
    transform: translateY(60rem);
    -webkit-transform: translateY(60rem);
    -moz-transform: translateY(60rem);
    -ms-transform: translateY(60rem);
}

.blue_colors .sld_5 h2 {
    transition: 0.4s ease all 1.35s;
    -webkit-transition: 0.4s ease all 1.35s;
    -moz-transition: 0.4s ease all 1.35s;
    -ms-transition: 0.4s ease all 1.35s;
}

.blue_colors .active.sld_5 h2 {
    opacity: 1;
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transition: 0.4s ease all 0.35s;
    -webkit-transition: 0.4s ease all 0.35s;
    -moz-transition: 0.4s ease all 0.35s;
    -ms-transition: 0.4s ease all 0.35s;
}

.active .step_3 .title {
    opacity: 1;
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transition: 0.4s ease all 1.35s;
    -webkit-transition: 0.4s ease all 1.35s;
    -moz-transition: 0.4s ease all 1.35s;
    -ms-transition: 0.4s ease all 1.35s;
}

.onactive.step_4 .title {
    opacity: 1;
    transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transition: 0.4s ease all 0.35s;
    -webkit-transition: 0.4s ease all 0.35s;
    -moz-transition: 0.4s ease all 0.35s;
    -ms-transition: 0.4s ease all 0.35s;
}

.step_4 .title {
    transition: 0.4s ease all 0s;
    -webkit-transition: 0.4s ease all 0s;
    -moz-transition: 0.4s ease all 0s;
    -ms-transition: 0.4s ease all 0s;
}

.onactive.step_4 .title {
    transition: 0.4s ease all 0.6s;
    -webkit-transition: 0.4s ease all 0.6s;
    -moz-transition: 0.4s ease all 0.6s;
    -ms-transition: 0.4s ease all 0.6s;
}

.active .flow.step_3 .title {
    opacity: 0;
    transform: translateY(-60rem);
    -webkit-transform: translateY(-60rem);
    -moz-transform: translateY(-60rem);
    -ms-transform: translateY(-60rem);
    transition: 0.35s ease all 0s;
    -webkit-transition: 0.35s ease all 0s;
    -moz-transition: 0.35s ease all 0s;
    -ms-transition: 0.35s ease all 0s;
}

.benefit.benefit--position_1 {
    top: 350rem;
    left: 175rem;
    transform: translateX(50rem);
    -webkit-transform: translateX(50rem);
    -moz-transform: translateX(50rem);
    -ms-transform: translateX(50rem);
    transition: 0.3s ease all 0s;
    -webkit-transition: 0.3s ease all 0s;
    -moz-transition: 0.3s ease all 0s;
    -ms-transition: 0.3s ease all 0s;
    z-index: 4;
}

.benefit.benefit--position_2 {
    top: 540rem;
    left: 175rem;
    transform: translateX(50rem);
    -webkit-transform: translateX(50rem);
    -moz-transform: translateX(50rem);
    -ms-transform: translateX(50rem);
    transition: 0.3s ease all 0.3s;
    -webkit-transition: 0.3s ease all 0.3s;
    -moz-transition: 0.3s ease all 0.3s;
    -ms-transition: 0.3s ease all 0.3s;
}

.benefit.benefit--position_3 {
    top: 350rem;
    left: 1030rem;
    transform: translateX(-50rem);
    -webkit-transform: translateX(-50rem);
    -moz-transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
    transition: 0.3s ease all 0.15s;
    -webkit-transition: 0.3s ease all 0.15s;
    -moz-transition: 0.3s ease all 0.15s;
    -ms-transition: 0.3s ease all 0.15s;
    z-index: 3;
}

.benefit.benefit--position_4 {
    top: 540rem;
    left: 1030rem;
    transform: translateX(-50rem);
    -webkit-transform: translateX(-50rem);
    -moz-transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
    transition: 0.3s ease all 0.45s;
    -webkit-transition: 0.3s ease all 0.45s;
    -moz-transition: 0.3s ease all 0.45s;
    -ms-transition: 0.3s ease all 0.45s;
}

.benefit.benefit--position_5 {
    transform: translateX(50rem);
    -webkit-transform: translateX(50rem);
    -moz-transform: translateX(50rem);
    -ms-transform: translateX(50rem);
    transition: 0.3s ease all 0s;
    -webkit-transition: 0.3s ease all 0s;
    -moz-transition: 0.3s ease all 0s;
    -ms-transition: 0.3s ease all 0s;
}

.benefit.benefit--position_6 {
    transform: translateX(50rem);
    -webkit-transform: translateX(50rem);
    -moz-transform: translateX(50rem);
    -ms-transform: translateX(50rem);
    transition: 0.3s ease all 0.3s;
    -webkit-transition: 0.3s ease all 0.3s;
    -moz-transition: 0.3s ease all 0.3s;
    -ms-transition: 0.3s ease all 0.3s;
}

.benefit.benefit--position_7 {
    transform: translateX(50rem);
    -webkit-transform: translateX(50rem);
    -moz-transform: translateX(50rem);
    -ms-transform: translateX(50rem);
    transition: 0.3s ease all 0.15s;
    -webkit-transition: 0.3s ease all 0.15s;
    -moz-transition: 0.3s ease all 0.15s;
    -ms-transition: 0.3s ease all 0.15s;
}

.benefit.benefit--position_8 {
    transform: translateX(-50rem);
    -webkit-transform: translateX(-50rem);
    -moz-transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
    transition: 0.3s ease all 0.6s;
    -webkit-transition: 0.3s ease all 0.6s;
    -moz-transition: 0.3s ease all 0.6s;
    -ms-transition: 0.3s ease all 0.6s;
}

.benefit.benefit--position_9 {
    transform: translateX(-50rem);
    -webkit-transform: translateX(-50rem);
    -moz-transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
    transition: 0.3s ease all 0.45s;
    -webkit-transition: 0.3s ease all 0.45s;
    -moz-transition: 0.3s ease all 0.45s;
    -ms-transition: 0.3s ease all 0.45s;
}

.benefit__img_container {
    transform: translateX(-40rem);
    -webkit-transform: translateX(-40rem);
    -moz-transform: translateX(-40rem);
    -ms-transform: translateX(-40rem);
}

.onactive .benefit__img_container {
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
}

.onactive .benefit.benefit--position_1,
.benefit.benefit--position_1 .benefit__img_container {
    transition: 0.6s ease all 1s;
    -webkit-transition: 0.6s ease all 1s;
    -moz-transition: 0.6s ease all 1s;
    -ms-transition: 0.6s ease all 1s;
}

.onactive .benefit.benefit--position_2,
.benefit.benefit--position_2 .benefit__img_container {
    transition: 0.6s ease all 1.3s;
    -webkit-transition: 0.6s ease all 1.3s;
    -moz-transition: 0.6s ease all 1.3s;
    -ms-transition: 0.6s ease all 1.3s;
}

.onactive .benefit.benefit--position_3,
.benefit.benefit--position_3 .benefit__img_container {
    transition: 0.6s ease all 1.15s;
    -webkit-transition: 0.6s ease all 1.15s;
    -moz-transition: 0.6s ease all 1.15s;
    -ms-transition: 0.6s ease all 1.15s;
}

.onactive .benefit.benefit--position_4,
.benefit.benefit--position_4 .benefit__img_container {
    transition: 0.6s ease all 1.45s;
    -webkit-transition: 0.6s ease all 1.45s;
    -moz-transition: 0.6s ease all 1.45s;
    -ms-transition: 0.6s ease all 1.45s;
}

.onactive .benefit.benefit--position_5,
.benefit.benefit--position_5 .benefit__img_container {
    transition: 0.6s ease all 1s;
    -webkit-transition: 0.6s ease all 1s;
    -moz-transition: 0.6s ease all 1s;
    -ms-transition: 0.6s ease all 1s;
}

.onactive .benefit.benefit--position_6,
.benefit.benefit--position_6 .benefit__img_container {
    transition: 0.6s ease all 1.3s;
    -webkit-transition: 0.6s ease all 1.3s;
    -moz-transition: 0.6s ease all 1.3s;
    -ms-transition: 0.6s ease all 1.3s;
}

.onactive .benefit.benefit--position_7,
.benefit.benefit--position_7 .benefit__img_container {
    transition: 0.6s ease all 1.6s;
    -webkit-transition: 0.6s ease all 1.6s;
    -moz-transition: 0.6s ease all 1.6s;
    -ms-transition: 0.6s ease all 1.6s;
}

.onactive .benefit.benefit--position_8,
.benefit.benefit--position_8 .benefit__img_container {
    transition: 0.6s ease all 1.15s;
    -webkit-transition: 0.6s ease all 1.15s;
    -moz-transition: 0.6s ease all 1.15s;
    -ms-transition: 0.6s ease all 1.15s;
}

.onactive .benefit.benefit--position_9,
.benefit.benefit--position_9 .benefit__img_container {
    transition: 0.6s ease all 1.45s;
    -webkit-transition: 0.6s ease all 1.45s;
    -moz-transition: 0.6s ease all 1.45s;
    -ms-transition: 0.6s ease all 1.45s;
}

.onactive .benefit-2.benefit--position_kids_1,
.benefit-2.benefit--position_kids_1 .benefit__img_container {
    transition: 0.6s ease all 1s;
    -webkit-transition: 0.6s ease all 1s;
    -moz-transition: 0.6s ease all 1s;
    -ms-transition: 0.6s ease all 1s;
}

.onactive .benefit-2.benefit--position_kids_2,
.benefit-2.benefit--position_kids_2 .benefit__img_container {
    transition: 0.6s ease all 1.3s;
    -webkit-transition: 0.6s ease all 1.3s;
    -moz-transition: 0.6s ease all 1.3s;
    -ms-transition: 0.6s ease all 1.3s;
}

.onactive .benefit-2.benefit--position_kids_3,
.benefit-2.benefit--position_kids_3 .benefit__img_container {
    transition: 0.6s ease all 1.15s;
    -webkit-transition: 0.6s ease all 1.15s;
    -moz-transition: 0.6s ease all 1.15s;
    -ms-transition: 0.6s ease all 1.15s;
}

.onactive .benefit-2.benefit--position_kids_4,
.benefit-2.benefit--position_kids_4 .benefit__img_container {
    transition: 0.6s ease all 1.45s;
    -webkit-transition: 0.6s ease all 1.45s;
    -moz-transition: 0.6s ease all 1.45s;
    -ms-transition: 0.6s ease all 1.45s;
}

.onactive .benefit-2.benefit--position_kids_5,
.benefit-2.benefit--position_kids_5 .benefit__img_container {
    transition: 0.6s ease all 1s;
    -webkit-transition: 0.6s ease all 1s;
    -moz-transition: 0.6s ease all 1s;
    -ms-transition: 0.6s ease all 1s;
}

.onactive .benefit-2.benefit--position_kids_6,
.benefit-2.benefit--position_kids_6 .benefit__img_container {
    transition: 0.6s ease all 1.3s;
    -webkit-transition: 0.6s ease all 1.3s;
    -moz-transition: 0.6s ease all 1.3s;
    -ms-transition: 0.6s ease all 1.3s;
}

.onactive .benefit-2.benefit--position_kids_7,
.benefit-2.benefit--position_kids_7 .benefit__img_container {
    transition: 0.6s ease all 1.6s;
    -webkit-transition: 0.6s ease all 1.6s;
    -moz-transition: 0.6s ease all 1.6s;
    -ms-transition: 0.6s ease all 1.6s;
}

.onactive .benefit-2.benefit--position_kids_8,
.benefit-2.benefit--position_kids_8 .benefit__img_container {
    transition: 0.6s ease all 1.15s;
    -webkit-transition: 0.6s ease all 1.15s;
    -moz-transition: 0.6s ease all 1.15s;
    -ms-transition: 0.6s ease all 1.15s;
}

.onactive .benefit-2.benefit--position_kids_9,
.benefit-2.benefit--position_kids_9 .benefit__img_container {
    transition: 0.6s ease all 1.45s;
    -webkit-transition: 0.6s ease all 1.45s;
    -moz-transition: 0.6s ease all 1.45s;
    -ms-transition: 0.6s ease all 1.45s;
}

.onactive .benefit {
    opacity: 1;
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -ms-transform: translateX(0rem);
}

.green_pack_left_turn--center_position.green_pack_left_turn,
.blue_pack_left_turn.blue_pack_left_turn--center_position {
    transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    -webkit-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    -moz-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    -ms-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.6s;
    transform: translate(0, 120%);
    -webkit-transform: translate(0, 120%);
    -moz-transform: translate(0, 120%);
    -ms-transform: translate(0, 120%);
    opacity: 1;
}

.onactive .green_pack_left_turn.green_pack_left_turn--center_position,
.onactive .blue_pack_left_turn.blue_pack_left_turn--center_position {
    transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.3s;
    -webkit-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.3s;
    -moz-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.3s;
    -ms-transition: 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all 0.3s;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
}

.flow .hovering_bub_cont .hovering_bubble--position_1 {
    transform: translate(-1500rem, -500rem);
    -webkit-transform: translate(-1500rem, -500rem);
    -moz-transform: translate(-1500rem, -500rem);
    -ms-transform: translate(-1500rem, -500rem);
    transition: 0.7s ease all 0.85s;
    -webkit-transition: 0.7s ease all 0.85s;
    -moz-transition: 0.7s ease all 0.85s;
    -ms-transition: 0.7s ease all 0.85s;
    opacity: 0;
}

.flow .hovering_bubble--position_1 .hovering_bubble__text {
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_1:after {
    opacity: 0;
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
}

.flow .hovering_bub_cont .hovering_bubble--position_2 {
    transform: translate(-1500rem, 500rem);
    -webkit-transform: translate(-1500rem, 500rem);
    -moz-transform: translate(-1500rem, 500rem);
    -ms-transform: translate(-1500rem, 500rem);
    transition: 0.7s ease all 1.05s;
    -webkit-transition: 0.7s ease all 1.05s;
    -moz-transition: 0.7s ease all 1.05s;
    -ms-transition: 0.7s ease all 1.05s;
    opacity: 0;
}

.flow .hovering_bubble--position_2 .hovering_bubble__text {
    transition: 0.3s ease all 0.80s;
    -webkit-transition: 0.3s ease all 0.80s;
    -moz-transition: 0.3s ease all 0.80s;
    -ms-transition: 0.3s ease all 0.80s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_2:after {
    opacity: 0;
    transition: 0.3s ease all 0.80s;
    -webkit-transition: 0.3s ease all 0.80s;
    -moz-transition: 0.3s ease all 0.80s;
    -ms-transition: 0.3s ease all 0.80s;
}

.flow .hovering_bub_cont .hovering_bubble--position_3 {
    transform: translate(1500rem, -500rem);
    -webkit-transform: translate(1500rem, -500rem);
    -moz-transform: translate(1500rem, -500rem);
    -ms-transform: translate(1500rem, -500rem);
    transition: 0.7s ease all 0.85s;
    -webkit-transition: 0.7s ease all 0.85s;
    -moz-transition: 0.7s ease all 0.85s;
    -ms-transition: 0.7s ease all 0.85s;
    opacity: 0;
}

.flow .hovering_bubble--position_3 .hovering_bubble__text {
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_3:after {
    opacity: 0;
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
}

.flow .hovering_bub_cont .hovering_bubble--position_4 {
    transform: translate(1500rem, 500rem);
    -webkit-transform: translate(1500rem, 500rem);
    -moz-transform: translate(1500rem, 500rem);
    -ms-transform: translate(1500rem, 500rem);
    transition: 0.7s ease all 0.95s;
    -webkit-transition: 0.7s ease all 0.95s;
    -moz-transition: 0.7s ease all 0.95s;
    -ms-transition: 0.7s ease all 0.95s;
    opacity: 0;
}

.flow .hovering_bubble--position_4 .hovering_bubble__text {
    transition: 0.3s ease all 0.7s;
    -webkit-transition: 0.3s ease all 0.7s;
    -moz-transition: 0.3s ease all 0.7s;
    -ms-transition: 0.3s ease all 0.7s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_4:after {
    opacity: 0;
    transition: 0.3s ease all 0.7s;
    -webkit-transition: 0.3s ease all 0.7s;
    -moz-transition: 0.3s ease all 0.7s;
    -ms-transition: 0.3s ease all 0.7s;
}

.flow .hovering_bub_cont .hovering_bubble--position_5 {
    transform: translate(-1500rem, -500rem);
    -webkit-transform: translate(-1500rem, -500rem);
    -moz-transform: translate(-1500rem, -500rem);
    -ms-transform: translate(-1500rem, -500rem);
    transition: 0.7s ease all 0.85s;
    -webkit-transition: 0.7s ease all 0.85s;
    -moz-transition: 0.7s ease all 0.85s;
    -ms-transition: 0.7s ease all 0.85s;
    opacity: 0;
}

.flow .hovering_bubble--position_5 .hovering_bubble__text {
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_5:after {
    opacity: 0;
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
}

.flow .hovering_bub_cont .hovering_bubble--position_6 {
    transform: translate(-1500rem, 500rem);
    -webkit-transform: translate(-1500rem, 500rem);
    -moz-transform: translate(-1500rem, 500rem);
    -ms-transform: translate(-1500rem, 500rem);
    transition: 0.7s ease all 1.05s;
    -webkit-transition: 0.7s ease all 1.05s;
    -moz-transition: 0.7s ease all 1.05s;
    -ms-transition: 0.7s ease all 1.05s;
    opacity: 0;
}

.flow .hovering_bubble--position_6 .hovering_bubble__text {
    transition: 0.3s ease all 0.80s;
    -webkit-transition: 0.3s ease all 0.80s;
    -moz-transition: 0.3s ease all 0.80s;
    -ms-transition: 0.3s ease all 0.80s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_6:after {
    opacity: 0;
    transition: 0.3s ease all 0.80s;
    -webkit-transition: 0.3s ease all 0.80s;
    -moz-transition: 0.3s ease all 0.80s;
    -ms-transition: 0.3s ease all 0.80s;
}

.flow .hovering_bub_cont .hovering_bubble--position_7 {
    transform: translate(1500rem, -500rem);
    -webkit-transform: translate(1500rem, -500rem);
    -moz-transform: translate(1500rem, -500rem);
    -ms-transform: translate(1500rem, -500rem);
    transition: 0.7s ease all 0.85s;
    -webkit-transition: 0.7s ease all 0.85s;
    -moz-transition: 0.7s ease all 0.85s;
    -ms-transition: 0.7s ease all 0.85s;
    opacity: 0;
}

.flow .hovering_bubble--position_7 .hovering_bubble__text {
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_7:after {
    opacity: 0;
    transition: 0.3s ease all 0.60s;
    -webkit-transition: 0.3s ease all 0.60s;
    -moz-transition: 0.3s ease all 0.60s;
    -ms-transition: 0.3s ease all 0.60s;
}

.flow .hovering_bub_cont .hovering_bubble--position_8 {
    transform: translate(1500rem, 500rem);
    -ms-transform: translate(1500rem, 500rem);
    -moz-transform: translate(1500rem, 500rem);
    -webkit-transform: translate(1500rem, 500rem);
    transition: 0.7s ease all 0.95s;
    -ms-transition: 0.7s ease all 0.95s;
    -moz-transition: 0.7s ease all 0.95s;
    -webkit-transition: 0.7s ease all 0.95s;
    opacity: 0;
}

.flow .hovering_bubble--position_8 .hovering_bubble__text {
    transition: 0.3s ease all 0.7s;
    -ms-transition: 0.3s ease all 0.7s;
    -moz-transition: 0.3s ease all 0.7s;
    -webkit-transition: 0.3s ease all 0.7s;
    opacity: 0;
}

.flow .hovering_bub_cont .hovering_bubble--position_8:after {
    opacity: 0;
    transition: 0.3s ease all 0.7s;
    -ms-transition: 0.3s ease all 0.7s;
    -moz-transition: 0.3s ease all 0.7s;
    -webkit-transition: 0.3s ease all 0.7s;
}

.benefit--position_4 .benefit__img_container {
    margin-top: 28rem;
}

.benefit--position_2 .benefit__img_container {
    margin-top: 10rem;
}

.benefit--position_3 .benefit__img_container {
    margin-top: 10rem;
}

.container--bg_sick_couple--blur {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    transition: 0.6s ease opacity 0.8s;
    -ms-transition: 0.6s ease opacity 0.8s;
    -moz-transition: 0.6s ease opacity 0.8s;
    -webkit-transition: 0.6s ease opacity 0.8s;
    opacity: 0;
}

.active .container--bg_sick_couple--blur {
    opacity: 1;
}

.container--bg_sick_kids--blur {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    transition: 0.6s ease opacity 0.8s;
    -ms-transition: 0.6s ease opacity 0.8s;
    -moz-transition: 0.6s ease opacity 0.8s;
    -webkit-transition: 0.6s ease opacity 0.8s;
    opacity: 0;
}

.active .container--bg_sick_kids--blur {
    opacity: 1;
}

.sld_4 .green_pack_right_turn--center_position {
    left: 411rem;
    transform: translateX(-1200rem);
    -ms-transform: translateX(-1200rem);
    -moz-transform: translateX(-1200rem);
    -webkit-transform: translateX(-1200rem);
    bottom: 45rem;
    transition: 0.6s ease all 0.8s;
    -ms-transition: 0.6s ease all 0.8s;
    -moz-transition: 0.6s ease all 0.8s;
    -webkit-transition: 0.6s ease all 0.8s;
}

.sld_4 .green_pack_right_turn--center_position {
    z-index: 1;
}

.sld_4 .blue_pack_right_turn--center_position {
    transform: translateX(-1200rem);
    -ms-transform: translateX(-1200rem);
    -moz-transform: translateX(-1200rem);
    -webkit-transform: translateX(-1200rem);
    transition: 0.6s ease all 0.8s;
    -ms-transition: 0.6s ease all 0.8s;
    -moz-transition: 0.6s ease all 0.8s;
    -webkit-transition: 0.6s ease all 0.8s;
}

.sld_4.active .green_pack_right_turn--center_position,
.sld_4.active .blue_pack_right_turn--center_position {
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    opacity: 1;
}

.sld_4 .title--big {
    opacity: 0;
    transform: translateX(-50rem);
    -moz-transform: translateX(-50rem);
    -ms-transform: translateX(-50rem);
    -webkit-transform: translateX(-50rem);
    transition: 0.8s ease all 0.6s;
    -ms-transition: 0.8s ease all 0.6s;
    -moz-transition: 0.8s ease all 0.6s;
    -webkit-transition: 0.8s ease all 0.6s;
}

.sld_4.active .title--big {
    opacity: 1;
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
}

.sld_2 .next_slide_btn,
.sld_4 .next_slide_btn,
.sld_5 .next_slide_btn {
    top: 90%;
}

.sld_2 .icon_circle--down_arrow_icon,
.sld_4 .icon_circle--down_arrow_icon {
    transform: translateY(40rem);
    -ms-transform: translateY(40rem);
    -moz-transform: translateY(40rem);
    -webkit-transform: translateY(40rem);
    transition: 0.4s ease all 1.2s;
    -moz-transition: 0.4s ease all 1.2s;
    -ms-transition: 0.4s ease all 1.2s;
    -webkit-transition: 0.4s ease all 1.2s;
}

.active .icon_circle--down_arrow_icon {
    transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -webkit-transform: translateY(0rem);
}

.bg_fix {
    background-attachment: fixed;
    background-size: cover;
}

.index_p {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.index_p .green_pack_left_turn {
    transition: 0.6s ease all 0s;
    -ms-transition: 0.6s ease all 0s;
    -moz-transition: 0.6s ease all 0s;
    -webkit-transition: 0.6s ease all 0s;
    width: 520rem;
    top: 170rem;
    left: 450rem;
}

.active.index_p .green_pack_left_turn--left_position--bigger_top {
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    opacity: 1;
}

.active.index_p .orange_pack_left_turn--left_position--bigger_top {
    transform: translateX(0rem);
    -ms-transform: translateX(0rem);
    -moz-transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
    opacity: 1;
}

.index_p .blue_pack_right_turn {
    width: 664rem;
    left: 875rem;
}

.index_p .bubble_btn--position_left {
    opacity: 0;
    transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transition: 0.3s ease all 0.2s;
    -ms-transition: 0.3s ease all 0.2s;
    -moz-transition: 0.3s ease all 0.2s;
    -webkit-transition: 0.3s ease all 0.2s;
}

.index_p.active .bubble_btn--position_left {
    opacity: .3;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.index_p .bubble_btn--position_right {
    opacity: 0;
    transform: translateX(100%);
    -ms-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transition: 0.3s ease all 0.55s;
    -ms-transition: 0.3s ease all 0.55s;
    -moz-transition: 0.3s ease all 0.55s;
    -webkit-transition: 0.3s ease all 0.55s;
}

.index_p.active .bubble_btn--position_right {
    opacity: .3;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
}

.dosg .container {
    transition: 0.5s ease all 0s;
    -ms-transition: 0.5s ease all 0s;
    -moz-transition: 0.5s ease all 0s;
    -webkit-transition: 0.5s ease all 0s;
}

.dosg {
    transition: 0.5s ease all 0s;
    -ms-transition: 0.5s ease all 0s;
    -moz-transition: 0.5s ease all 0s;
    -webkit-transition: 0.5s ease all 0s;
}

.dosg.active {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}

.default_page.dosg_und {
    top: 100%;
}

.default_page.dosg_und.active {
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}

.default_page.dosg_und_sec {
    top: 200%;
}

.default_page.scheme_page .container  {
    width: 100%;
    height: 1000rem;
    display: block;
    position: relative;
}

.scheme_page {
    width: 100%;
    display: block;
    position: relative;
}

.default_page.dosg_und_sec.active {
    transform: translateY(-200%);
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
}

.dosg_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.popup .btn {
    color: #189B80;
    background-color: white;
    border: 2rem solid #189B80;
    padding: 15rem 25rem;
    border-radius: 43rem;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    display: block;
    float: left;
    margin: 60rem 20rem 0;
    transition: 0.3s ease all 0s;
    -ms-transition: 0.3s ease all 0s;
    -moz-transition: 0.3s ease all 0s;
    -webkit-transition: 0.3s ease all 0s;
}

.blue_colors .popup .btn {
    color: #00638E;
    background-color: white;
    border: 2rem solid #00638E;
}

.orange_colors .popup .btn {
    color: #d86227;
    background-color: white;
    border: 2rem solid #d86227;
}

.popup.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1;
}

.popup .btn:hover {
    background-color: #189B80;
    color: white;
}

.blue_colors .popup .btn:hover {
    background-color: #00638E;
    color: white;
}

.orange_colors .popup .btn:hover {
    background-color: #d86227;
    color: white;
}

.bfbf {
    display: inline-block;
}

.popup__close:hover {
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
}

.popup.js-popup-obr {
    height: 600rem;
    width: 894rem;
    padding: 35rem 60rem;
}

.form {}

.form label {
    display: block;
    position: relative;
    text-align: left;
}

.form .pp_b input {
    width: 330rem;
    height: 35rem;
    margin-top: 33rem;
    font-size: 19rem;
    border: none;
    outline: none;
    background-color: transparent;
    font-family: 'PFDinDisplayPro-Light';
    border-bottom: 2rem solid #b5b6b6;
    font-weight: 100;
}

.form textarea {
    width: 330rem;
    height: 35rem;
    margin-top: 30rem;
    font-size: 19rem;
    border: none;
    resize: none;
    background-color: transparent;
    outline: none;
    font-family: 'PFDinDisplayPro-Light';
    font-weight: 100;
    height: 175rem;
    background-image: url(../../img/textar.jpg);
    line-height: 36rem;
    background-size: 330rem;
}

.er_spa {
    position: absolute;
    width: 100%;
    left: 0;
    top: 15rem;
    font-family: 'PFDinDisplayPro-Light';
    font-size: 17rem;
    text-align: left;
    color: #4C5150;
}

.form input.error {
    color: #E5655E;
}

.popup .btn.call_back_sumbit {
    float: none;
    clear: both;
    margin: 40rem auto 0;
    font-size: 20rem;
    font-weight: 100;
    background-image: url(../../img/i__send_me.svg);
    font-family: 'PFDinDisplayPro-Light';
    background-repeat: no-repeat;
    background-position: 12rem 50%;
    padding-left: 50rem;
}

.popup .btn.call_back_sumbit:hover {
    background-image: url(../../img/i__send_me2.svg);
}

.blue_colors .popup .btn.call_back_sumbit {
    background-image: url(../../img/i__send_me_blue.svg);
}

.blue_colors .popup .btn.call_back_sumbit:hover {
    background-image: url(../../img/i__send_me2.svg);
}

.send_mess {
    display: none;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 9999;
    padding: 60rem;
    margin: auto;
    text-align: center;
    font-family: 'PFDinDisplayPro-Light';
    font-size: 40rem;
    text-transform: uppercase;
    width: 100%;
    height: 447rem;
    text-align: center;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: white;
}

.send_mess.active {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    text-transform: uppercase;
    letter-spacing: 0.38rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

textarea:-moz-placeholder,
input:-moz-placeholder {
    text-transform: uppercase;
    letter-spacing: 0.38rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1
}

textarea::-moz-placeholder,
input::-moz-placeholder {
    text-transform: uppercase;
    letter-spacing: 0.38rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
    text-transform: uppercase;
    letter-spacing: 0.38rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
    text-transform: uppercase;
    letter-spacing: 14rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

textarea:focus:-moz-placeholder,
input:focus:-moz-placeholder {
    text-transform: uppercase;
    letter-spacing: 14rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1
}

textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
    text-transform: uppercase;
    letter-spacing: 14rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1
}

textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
    text-transform: uppercase;
    letter-spacing: 14rem;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

textarea:focus::-webkit-input-placeholder,
input:focus::-webkit-input-placeholder {
    color: transparent !important
}

textarea:focus:-moz-placeholder,
input:-moz-placeholder {
    color: transparent !important
}

textarea:focus::-moz-placeholder,
input:focus::-moz-placeholder {
    color: transparent !important
}

textarea:focus:-ms-input-placeholder,
input:focus:-ms-input-placeholder {
    color: transparent !important
}

.pp_b {
    float: left;
    width: 50%;
}

.spec_block {
    font-size: 18rem;
    line-height: 24rem;
    font-family: PFDinDisplayPro-Reg, serif;
    padding-right: 50rem;
}

.spec_block p {
    margin-bottom: 20rem;
}

.spec_block h2 {
    font-family: PFDinTextCondPro-Bold, serif;
	color: #4C5150;
    margin: 0 auto 20rem;
    font-size: 28rem;
    text-transform: uppercase;
    line-height: 30rem;
}

.instruction h2 {
    font-family: PFDinTextCondPro-Bold, serif;
    color: #189B80;
    margin: 0 auto 20rem;
    font-size: 28rem;
    text-transform: uppercase;
    line-height: 42rem;
}

.instruction_kids h2 {
    font-family: PFDinTextCondPro-Bold, serif;
    color: #ef7837;
    margin: 0 auto 20rem;
    font-size: 28rem;
    text-transform: uppercase;
    line-height: 42rem;
}

.spec_block h1 {
    font-family: PFDinTextCondPro-Bold, serif;
    color: #189B80;
    margin: 0 auto 20rem;
    font-size: 40rem;
    text-transform: uppercase;
    line-height: 42rem;
}

.spec_block h3 {
    font-size: 24rem;
    font-weight: bold;
}

.spec_block_kids {
    font-size: 18rem;
    line-height: 24rem;
    font-family: PFDinDisplayPro-Reg, serif;
    padding-right: 50rem;
}

.spec_block_kids p {
    margin-bottom: 20rem;
}

.spec_block_kids h2 {
    font-family: PFDinTextCondPro-Bold, serif;
    color: #ef7837;
    margin: 0 auto 20rem;
    font-size: 36rem;
    text-transform: uppercase;
    line-height: 42rem;
}

.spec_block_kids h1 {
    font-family: PFDinTextCondPro-Bold, serif;
    color: #ef7837;
    margin: 0 auto 20rem;
    font-size: 40rem;
    text-transform: uppercase;
    line-height: 42rem;
}

.spec_block_kids h3 {
    font-size: 24rem;
    font-weight: bold;
}

.turn-device {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: url('/production/mobile/img/mob404.jpg') center no-repeat;
    background-size: cover;
    z-index: 9999;
    display: none;
}

.turn-device .icon {
    width: 120rem;
    height: 120rem;
    background-size: cover;
    display: inline-block;
}

.turn-device .icon svg {
    width: 100%;
}

.blue_colors .turn-device .icon svg path {
    fill: #00638E;
}

.orange_colors .turn-device .icon svg path {
    fill: #d86227;
}

.turn-device .alignment {
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    margin-top: -120rem;
}

.turn-device p {
    font-size: 46rem;
    color: #4b9c73;
    line-height: 56rem;
    text-align: left;
    display: inline-block;
    margin-left: 20rem;
    margin-top: 0px;
    font-family: PFDinTextCondPro-Bold, serif;
    margin-bottom: 0px;
}

.blue_colors .turn-device p {
    color: #00638E;
}

.orange_colors .turn-device p {
    color: #d86227;
}

@media all and (orientation:portrait) and (min-width:768px) {
    body .turn-device {
        display: block;
    }
}

.blue_colors .propoza.active .icon_circle--down_arrow_icon {
    transform: translateY(200rem);
    -webkit-transform: translateY(200rem);
    -moz-transform: translateY(200rem);
    -ms-transform: translateY(200rem);
    transition: 0.4s ease all 0.1s;
    -webkit-transition: 0.4s ease all 0.1s;
    -moz-transition: 0.4s ease all 0.1s;
    -ms-transition: 0.4s ease all 0.1s;
}

.nezhe {
    margin-left: 128rem;
}

.article_fix_back {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    background-size: cover;
    background-attachment: fixed;
}

.articles_hide {
    margin: 0 auto;
    width: 1000px;
}

.news-title-1 a {
    font-size: 24rem;
    color: #4C5150;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    text-decoration: none;
    border-bottom: 2px solid #d2d2d2;
    transition: all 0.5s;
}

.news-title-1 a:hover {
    color: #189B80;
    border-bottom: 2px solid #189B80;
}

.articles_navi_hide a,
.articles_navi_hide a:visited {
    color: #189B80;
}

.articles_navi_hide {}

.articles_navi_hide ul {
    list-style: disc;
}

.h1_title {
    font-family: PFDinTextCondPro-Bold, serif;
    color: #189B80;
    font-size: 40rem;
    text-transform: uppercase;
    line-height: 42rem;
}

.js-blue-pack-falling span {
    font-size: 20rem;
}

.dop_top_one {
    top: 623rem !important;
    opacity: 1 !important;
}

.dop_top_blue {
    opacity: 1 !important;
}

.orange--color {
    color: #ea7739;
}

.div_new {
    background-image: url(../../img/new_sec.png);
    width: 316rem;
    left: -16rem;
    top: 229rem;
    display: inline-block;
    height: 116rem;
    background-size: contain;
    background-repeat: no-repeat;
    top: 224rem;
    position: absolute;
}

.padding_left {
    padding-left: 85px;
    margin-left: 200px
}

.ind_left_3_a {
    font-size: 24rem;
    left: -15rem;
    top: 231rem;
}

.span_orange {
    background: #ef7837 !important;
}

.nav_hamburger.active .span_orange {
    background: none !important;
}

.span_orange:before {
    background: #ef7837 !important;
}

.span_orange:after {
    background: #ef7837 !important;
}

.ind_left_description {
    position: absolute;
    z-index: 100;
    top: 405rem;
    left: 535rem;
    width: 560rem;
    height: 362rem;
    background-size: 104%;
    display: none;
    background-image: url(../../img/desc1.png);
    background-repeat: no-repeat
}

.ind_left_description span {
    display: block;
    width: 79%;
    font-size: 20rem;
    font-family: PFDinDisplayPro-light, serif;
    margin-left: 78rem;
    margin-top: 65rem
}

.ind_left_2_description span {
    display: block;
    width: 83%;
    font-size: 20rem;
    font-family: PFDinDisplayPro-light, serif;
    margin-left: 43rem;
    margin-top: 41rem
}

.ind_left_3_description span {
    display: block;
    width: 85%;
    font-size: 20rem;
    font-family: PFDinDisplayPro-light, serif;
    margin-left: 43rem;
    margin-top: 51rem
}

.ind_left_2_description {
    position: absolute;
    z-index: 100;
    top: 353rem;
    left: 65rem;
    width: 560rem;
    height: 370rem;
    background-size: 104%;
    display: none;
    background-image: url(../../img/desc2.png);
    background-repeat: no-repeat
}

.ind_left_3_description {
    position: absolute;
    z-index: 100;
    top: 423rem;
    left: 540rem;
    width: 560rem;
    height: 388rem;
    background-size: 105%;
    display: none;
    background-image: url(../../img/desc2.png);
    background-repeat: no-repeat
}

.left_block_sld_6 {
    height: 100%;
    width: 45%;
    display: inline-block;
    float: left;
    background-image: url("../../img/kids-back-teaser.jpg");
    background-size: cover;
    position: relative;
}

.right_block_sld_6 {
    height: 100%;
    width: 55%;
    display: inline-block;
    float: right;
    background-image: url("../../img/bg__tyan_with_a_mirror--blur.jpg");
    background-size: cover;
    position: relative;
}

.dop_sld_6_right {
    margin-left: 348rem;
    margin-top: 80rem
}

.dop_image_sld_6_right {
    position: absolute;
    bottom: 80rem;
    left: -60px;
    width: 502rem;
    margin: 0 !important;
}

.dop_image_sld_6_left {
    position: absolute;
    right: -22px;
    margin-left: 0rem !important;
    width: 430rem;
    bottom: 78rem;
    margin: 0 !important;
}

.dop_sld_6_left {
    margin-right: 348rem;
    margin-top: 80rem;
}

.dop_sld_6_left_desc {
    color: #ef7837;
    font-size: 34rem;
    margin-top: 15rem
}

.dop_sld_6_right_desc {
    font-size: 34rem;
    margin-top: 15rem
}

.sld_6_no_margin_left {
    margin: 0 0 0 0 !important;
    width: 50% !important;
    z-index: 500;
}

.sld_6_no_margin_right {
    margin: 0 0 0 0 !important;
    width: 50% !important;
    z-index: 500;
}

.small_text_sld_6_right {
    opacity: .7;
    font-size: 12rem;
    position: absolute;
    bottom: 80rem;
    color: grey;
    letter-spacing: 1rem
}

.links_block_green {
  bottom: inherit;
    margin-left: 0 !important;
}

.pull_down_112_text {
    top: 120rem
}

.extra_small_position_kids_6 {
    margin-right: 41rem !important;
}

.extra_small_position_kids_7 {
    margin-right: 41rem !important;
}

.footer_span_link {
    display: table-row
}

.footer2 {
    position: absolute;
    top: 0;
    z-index: 4;
    padding-left: 40rem;
    height: 100rem;
    width: 100%;
    background-color: rgb(56, 61, 60);
}

.footer2 ol {
    margin-left: 20rem;
    margin-top: 30rem;
    font-size: 18rem;
    font-family: PFDinDisplayPro-light, serif;
    line-height: 18rem;
}

.footer2 ol li {
    margin-bottom: 10rem;
    color: rgb(191, 191, 191);
    width: 70%;
}

.footer3 {
	position: relative;
    z-index: 1;
    padding-left: 40rem;
    height: 125rem;
    width: 100%;
    background: #383d3c;
}

.footer3 ol {
    margin-left: -170rem;
    font-size: 18rem;
    font-family: PFDinDisplayPro-light, serif;
    line-height: 18rem;
}

.footer3 ol li {
    margin-bottom: 16rem;
    color: rgb(191, 191, 191);
    width: 90%;
}

.ind_left_hover {
    position: absolute;
    width: 354rem;
    height: 437rem;
    top: 207rem;
    left: 548rem;
    z-index: 50;
}

.ind_left_2_hover {
    position: absolute;
    width: 354rem;
    height: 437rem;
    top: 326rem;
    right: 318rem;
    z-index: 6;
}

.ind_left_3_hover {
    position: absolute;
    width: 354rem;
    height: 437rem;
    top: 316rem;
    left: 51rem;
    z-index: 6;
}

.ind_left_hover a {
    width: 100%;
    height: 100%;
    display: block
}

.ind_left_2_hover a {
    width: 100%;
    height: 100%;
    display: block
}

.ind_left_3_hover a {
    width: 100%;
    height: 100%;
    display: block
}

.scheme-gk-1 {
    position: absolute;
    width: 300rem;
    margin: 30rem 0 0 30rem;
}

.scheme-gk-1 a {
    margin-bottom: 20rem;
}

.scheme-gk-2 {
	position: absolute;
    width: 300rem;
    margin: 140rem 0 0 30rem;
}

.scheme-gk-2 a {
    margin-bottom: 20rem;
}

.scheme-gk-3 {
    position: absolute;
    width: 300rem;
    margin: -100rem 0 0 30px;
}

.scheme-gk-3 a {
    margin-bottom: 20rem;
}

.scheme-gk-2_mt {
    margin-left: 0;
    margin-top: 170rem;
}

ul.left-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 8px;
    position: relative;
}

ul.left-menu li {
    padding: 10px 16px;
    background: #F5F5F5;
}

ul.left-menu li a {
    font-size: 100%;
    color: #BC262C;
    font-weight: bold;
    text-decoration: none;
}

ul.left-menu li a:visited {
    color: #BC262C;
}

ul.left-menu li a:hover {
    color: #BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover {
    color: #FC8D3D;
}

@media screen and (max-width: 1024px) {
	.nav_hamburger {
		top: 53rem;
	}
	.scheme-gk-1 {
		width: 250rem;
		margin: 30rem 0 0 0;
	}
	.scheme-gk-2 {
		width: 250rem;
		margin: 140rem 0 0 0;
	}
	.scheme-gk-3 {
		width: 250rem;
		margin: -70rem 0 0 0;
	}
}
