.text-image-pillar .field--name-media .field--name-field-media-image.app__img-3::before, .text-image-link .field--name-media .field--name-field-media-image.app__img-3::before {
    padding-top: 59.80608% !important;
}
.text-image-pillar .field--name-media .field--name-field-media-image.app__img-2::before, .text-image-link .field--name-media .field--name-field-media-image.app__img-2::before {
    padding-top: 66.80608% !important;
}
.text-image-pillar .field--name-media .field--name-field-media-image.app__img-1::before, .text-image-link .field--name-media .field--name-field-media-image.app__img-1::before {
    padding-top: 66.80608%;
}
.age-prompt--question {
    font-family: LeOsler, sans-serif !important;
}
.label-item {
    font-family: LeOsler, sans-serif !important;
}

.p_img {

}
.p_img img {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

#smartbanner {
    left: 0;
    top: -82px;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    height: 78px;
    font-family: 'Helvetica Neue', sans-serif;
    background: -webkit-linear-gradient(top, #f4f4f4 0%, #cdcdcd 100%);
    background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    z-index: 19998;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    -webkit-text-size-adjust: none;
    font-family: "NotoSans", sans-serif;
    bottom: 0;
    position: fixed !important;
    top: auto;
    border: 0 !important;
    border-top: 1px solid #e1e1e1 !important;
    box-shadow: none !important;
    background: #fff !important;
    height: 68px;
    width: 100vw;
}

#smartbanner, html.sb-animation {
    -webkit-transition: all .3s ease;
}

#smartbanner .sb-container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 68px;
}

#smartbanner .sb-close {
    position: absolute;
    left: 5px;
    top: 0;
    display: block;
    border: 2px solid #fff;
    width: 14px;
    height: 14px;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background: #070707;
    text-decoration: none;
    text-shadow: none;
    border-radius: 14px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    -webkit-font-smoothing: subpixel-antialiased;
    font-family: "NotoSans", sans-serif;
    position: relative;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
    color: #515151;
    margin-top: -10px;
    border: 0;
}

#smartbanner .sb-close:active {
    font-size: 13px;
    color: #aaa;
}

#smartbanner .sb-icon {
    position: absolute;
    left: 30px;
    top: 10px;
    display: block;
    width: 57px;
    height: 57px;
    background: rgba(0, 0, 0, 0.6);
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

#smartbanner.no-icon .sb-icon {
    display: none;
}

#smartbanner .sb-info {
    position: absolute;
    left: 98px;
    top: 18px;
    width: 44%;
    font-size: 10px;
    line-height: 1.2em;
    font-weight: bold;
    color: #6a6a6a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    top: 13px;
}

#smartbanner #smartbanner.no-icon .sb-info {
    left: 34px;
}

#smartbanner .sb-info strong {
    display: block;
    font-size: 13px;
    color: #4d4d4d;
    line-height: 18px;
    font-size: 11px;
    line-height: 1.5;
}

#smartbanner .sb-info > span {
    display: block;
}

#smartbanner .sb-info em {
    font-style: normal;
    text-transform: uppercase;
}

#smartbanner .sb-button {
    position: absolute;
    right: 20px;
    top: 24px;
    border: 1px solid #bfbfbf;
    padding: 0 10px;
    min-width: 10%;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    color: #6a6a6a;
    background: -webkit-linear-gradient(top, #efefef 0%, #dcdcdc 100%);
    text-transform: uppercase;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6), 0 1px 0 rgba(255, 255, 255, 0.7) inset;
    border: 0;
    color: #fff;
    min-height: 0;
    height: auto;
    top: 18px;
    display: block;
    padding: 9px 14px;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    background: #f34211;
    border-radius: 3px;
}

#smartbanner .sb-button span {
    display: block;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    background: transparent;
    border-radius: 3px;
}

#smartbanner .sb-button:active, #smartbanner .sb-button:hover {
    background: -webkit-linear-gradient(top, #dcdcdc 0%, #efefef 100%);
}

#smartbanner .sb-icon.gloss:after {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    border-top: 1px solid rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.2) 100%);
    border-radius: 10px 10px 12px 12px;
}

#smartbanner.android {
    border-color: #212228;
    background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7');
    border-top: 5px solid #88B131;
    box-shadow: none;
}

#smartbanner.android .sb-close {
    border: 0;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #b1b1b3;
    background: #1c1e21;
    text-shadow: 0 1px 1px #000;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) inset, 0 1px 1px rgba(255, 255, 255, 0.3);
    position: relative;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
    color: #515151;
    margin-top: -10px;
}

#smartbanner.android .sb-close:active {
    color: #eee;
}

#smartbanner.android .sb-info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
    color: #424242;
    text-shadow: none;
}

#smartbanner.android .sb-info strong {
    color: #fff;
    color: #424242;
}

#smartbanner.android .sb-button {
    min-width: 12%;
    border: 1px solid #DDDCDC;
    padding: 1px;
    color: #d1d1d1;
    background: none;
    border-radius: 0;
    box-shadow: none;
    min-height: 28px;
    border: 0;
    color: #fff;
    min-height: 0;
    height: auto;
    top: 18px;
    display: block;
    padding: 9px 14px;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    background: #f34211;
    border-radius: 3px;
}

#smartbanner.android .sb-button span {
    text-align: center;
    display: block;
    padding: 0 10px;
    background-color: #42B6C9;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#42B6C9), to(#39A9BB));
    background-image: -moz-linear-gradient(top, #42B6C9, #39A9BB);
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    display: block;
    padding: 0;
    line-height: 1;
    font-size: 10px;
    color: #fff;
    font-weight: normal;
    background: transparent;
    border-radius: 3px;
}

#smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover {
    background: none;
}

#smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span {
    background: #2AC7E1;
}

#smartbanner.windows .sb-icon {
    border-radius: 0px;
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px 5px;
}

[dir="rtl"] .ajax-progress {
    float: right;
}

.ajax-progress-throbber .throbber {
    background: transparent url(https://kinder-2020-1.letoagency.ru/images/throbber-active.gif) no-repeat 0 center;
    display: inline;
    padding: 1px 5px 2px;
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px;
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px;
}

.ajax-progress-bar {
    width: 16em;
}

.ajax-progress-fullscreen {
    left: 49%;
    position: fixed;
    top: 48.5%;
    z-index: 1000;
    background-color: #232323;
    background-image: url(https://kinder-2020-1.letoagency.ru/images/loading-small.gif);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7px;
    height: 24px;
    opacity: 0.9;
    padding: 4px;
    width: 24px;
}

[dir="rtl"] .ajax-progress-fullscreen {
    left: auto;
    right: 49%;
}

.js input.form-autocomplete {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/throbber-inactive.png);
    background-position: 100% center;
    background-repeat: no-repeat;
}

.js[dir="rtl"] input.form-autocomplete {
    background-position: 0% center;
}

.js input.form-autocomplete.ui-autocomplete-loading {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/throbber-active.gif);
    background-position: 100% center;
}

.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
    background-position: 0% center;
}

.js .js-hide {
    display: none;
}

.js-show {
    display: none;
}

.js .js-show {
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.position-container {
    position: relative;
}

.reset-appearance {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0 none;
    background: transparent;
    padding: 0;
    margin: 0;
    line-height: inherit;
}

.resize-none {
    resize: none;
}

.resize-vertical {
    resize: vertical;
    min-height: 2em;
}

.resize-horizontal {
    resize: horizontal;
    max-width: 100%;
}

.resize-both {
    resize: both;
    max-width: 100%;
    min-height: 2em;
}

table.sticky-header {
    background-color: #fff;
    margin-top: 0;
    z-index: 500;
    top: 0;
}

.system-status-counter__status-icon {
    display: inline-block;
    height: 25px;
    width: 25px;
    vertical-align: middle;
}

.system-status-counter__status-icon:before {
    content: "";
    background-size: 20px;
    background-position: center 2px;
    background-repeat: no-repeat;
    display: block;
}

.system-status-counter__status-icon--error:before {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/error.svg);
}

.system-status-counter__status-icon--warning:before {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/warning.svg);
}

.system-status-counter__status-icon--checked:before {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/check.svg);
}

.system-status-report-counters__item {
    width: 100%;
    padding: 0.5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0.063);
    margin-bottom: 0.5em;
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }

    .system-status-report-counters__item--half-width {
        width: 49%;
    }

    .system-status-report-counters__item--third-width {
        width: 33%;
    }
}

.system-status-general-info__item {
    border: 1px solid #ccc;
    margin-top: 1em;
    padding: 0 1em 1em;
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc;
}

body.drag {
    cursor: move;
}

tr.region-title {
    font-weight: bold;
}

tr.region-message {
    color: #999;
}

tr.region-populated {
    display: none;
}

tr.add-new .tabledrag-changed {
    display: none;
}

.draggable a.tabledrag-handle {
    cursor: move;
    float: left;
    height: 1.7em;
    margin-left: -1em;
    overflow: hidden;
    text-decoration: none;
}

[dir="rtl"] .draggable a.tabledrag-handle {
    float: right;
    margin-right: -1em;
    margin-left: 0;
}

a.tabledrag-handle:hover {
    text-decoration: none;
}

a.tabledrag-handle .handle {
    background: url(https://kinder-2020-1.letoagency.ru/images/move.svg) no-repeat 6px 7px;
    height: 14px;
    margin: -0.4em 0.5em 0;
    padding: 0.42em 0.5em;
    width: 14px;
}

a.tabledrag-handle:hover .handle, a.tabledrag-handle:focus .handle {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/move2.svg);
}

.touchevents .draggable td {
    padding: 0 10px;
}

.touchevents .draggable .menu-item__link {
    display: inline-block;
    padding: 10px 0;
}

.touchevents a.tabledrag-handle {
    height: 44px;
    width: 40px;
}

.touchevents a.tabledrag-handle .handle {
    background-position: 40% 19px;
    height: 21px;
}

[dir="rtl"] .touch a.tabledrag-handle .handle {
    background-position: right 40% top 19px;
}

.touchevents .draggable.drag a.tabledrag-handle .handle {
    background-position: 50% -32px;
}

.tabledrag-toggle-weight-wrapper {
    text-align: right;
}

[dir="rtl"] .tabledrag-toggle-weight-wrapper {
    text-align: left;
}

.indentation {
    float: left;
    height: 1.7em;
    margin: -0.4em 0.2em -0.4em -0.4em;
    padding: 0.42em 0 0.42em 0.6em;
    width: 20px;
}

[dir="rtl"] .indentation {
    float: right;
    margin: -0.4em -0.4em -0.4em 0.2em;
    padding: 0.42em 0.6em 0.42em 0;
}

.tablesort {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-size: 100%;
}

.tablesort--asc {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/twistie-down.svg);
}

.tablesort--desc {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/twistie-up.svg);
}

@-webkit-keyframes rotateplane {
    0% {
        -webkit-transform: perspective(120px);
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
    }
}

@keyframes rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.b-lazy, .b-responsive {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 500ms ease-in-out;
    transition: opacity 500ms ease-in-out;
}

.b-loaded, .media--loading.media--background {
    opacity: 1;
}

.media--loading {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
}

.media--loading::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    max-width: 30px;
    background: #2eaae0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    font-size: 0;
    z-index: 22;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

.media--background {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.addtoany {
    display: inline;
}

.addtoany_list {
    display: inline;
    line-height: 16px;
}

.addtoany_list > a, .addtoany_list a img, .addtoany_list a > span {
    vertical-align: middle;
}

.addtoany_list > a {
    border: 0;
    display: inline-block;
    font-size: 16px;
    padding: 0 4px;
}

.addtoany_list.a2a_kit_size_32 > a {
    font-size: 32px;
}

.addtoany_list .a2a_counter img {
    float: left;
}

.addtoany_list a span.a2a_img {
    display: inline-block;
    height: 16px;
    opacity: 1;
    overflow: hidden;
    width: 16px;
}

.addtoany_list a span {
    display: inline-block;
    float: none;
}

.addtoany_list.a2a_kit_size_32 a > span {
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    opacity: 1;
    width: 32px;
}

.addtoany_list a:hover:hover img, .addtoany_list a:hover span {
    opacity: .7;
}

.addtoany_list a.addtoany_share_save img {
    border: 0;
    width: auto;
    height: auto;
}

.addtoany_list a .a2a_count {
    position: relative;
}

span.ext {
    background: url(https://kinder-2020-1.letoagency.ru/images/extlink_s.png) 2px center no-repeat;
    width: 10px;
    height: 10px;
    padding-right: 12px;
    text-decoration: none;
}

span.mailto {
    background: url(https://kinder-2020-1.letoagency.ru/images/extlink_s.png) -20px center no-repeat;
    width: 10px;
    height: 10px;
    padding-right: 12px;
    text-decoration: none;
}

@media print {
    span.ext, span.mailto {
        display: none;
        padding: 0;
    }
}

.paragraph--unpublished {
    background-color: #fff4f4;
}

@font-face {
    font-family: 'Chronic';
    src: url(https://kinder-2020-1.letoagency.ru/fonts/chronic/Chronic-Regular.woff2) format("woff2"), url(https://kinder-2020-1.letoagency.ru/fonts/chronic/Chronic-Regular.woff) format("woff"), url(https://kinder-2020-1.letoagency.ru/fonts/chronic/Chronic-Regular.ttf) format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'LeOsler';
    src: url('https://kinder-2020-1.letoagency.ru/fonts/leosler/LeOsler-RoughRegular.eot');
    src: url('https://kinder-2020-1.letoagency.ru/fonts/leosler/LeOsler-RoughRegular.eot?#iefix') format('embedded-opentype'),
    url('https://kinder-2020-1.letoagency.ru/fonts/leosler/LeOsler-RoughRegular.woff2') format('woff2'),
    url('https://kinder-2020-1.letoagency.ru/fonts/leosler/LeOsler-RoughRegular.woff') format('woff'),
    url('https://kinder-2020-1.letoagency.ru/fonts/leosler/LeOsler-RoughRegular.ttf') format('truetype'),
    url('https://kinder-2020-1.letoagency.ru/fonts/leosler/LeOsler-RoughRegular.svg#LeOsler-RoughRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans';
    src: url(https://kinder-2020-1.letoagency.ru/fonts/notosans/NotoSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans';
    src: url(https://kinder-2020-1.letoagency.ru/fonts/notosans/NotoSans-Italic.ttf) format("truetype");
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans';
    src: url(https://kinder-2020-1.letoagency.ru/fonts/notosans/NotoSans-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'NotoSans';
    src: url(https://kinder-2020-1.letoagency.ru/fonts/notosans/NotoSans-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@keyframes buttonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1);
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    text-rendering: auto;
    letter-spacing: -.01ex;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "LeOsler", sans-serif;
}

[lang*='ar-'] h1, [lang*='ar-'] h2, [lang*='ar-'] h3, [lang*='ar-'] h4, [lang*='ar-'] h5, [lang*='ar-'] h6 {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] h1, [lang*='el-'] h2, [lang*='el-'] h3, [lang*='el-'] h4, [lang*='el-'] h5, [lang*='el-'] h6 {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] h1, [lang*='ko-'] h2, [lang*='ko-'] h3, [lang*='ko-'] h4, [lang*='ko-'] h5, [lang*='ko-'] h6 {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] h1, [lang*='ru-'] h2, [lang*='ru-'] h3, [lang*='ru-'] h4, [lang*='ru-'] h5, [lang*='ru-'] h6, [lang*='ru-LV'] h1, [lang*='ru-LV'] h2, [lang*='ru-LV'] h3, [lang*='ru-LV'] h4, [lang*='ru-LV'] h5, [lang*='ru-LV'] h6, [lang*='ru-LT'] h1, [lang*='ru-LT'] h2, [lang*='ru-LT'] h3, [lang*='ru-LT'] h4, [lang*='ru-LT'] h5, [lang*='ru-LT'] h6, [lang*='ru-EE'] h1, [lang*='ru-EE'] h2, [lang*='ru-EE'] h3, [lang*='ru-EE'] h4, [lang*='ru-EE'] h5, [lang*='ru-EE'] h6, [lang*='kk-'] h1, [lang*='kk-'] h2, [lang*='kk-'] h3, [lang*='kk-'] h4, [lang*='kk-'] h5, [lang*='kk-'] h6 {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] h1, [lang*='he-'] h2, [lang*='he-'] h3, [lang*='he-'] h4, [lang*='he-'] h5, [lang*='he-'] h6 {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] h1, [lang*='uk-'] h2, [lang*='uk-'] h3, [lang*='uk-'] h4, [lang*='uk-'] h5, [lang*='uk-'] h6, [lang*='bg-'] h1, [lang*='bg-'] h2, [lang*='bg-'] h3, [lang*='bg-'] h4, [lang*='bg-'] h5, [lang*='bg-'] h6 {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] h1, [lang*='zh-CN'] h2, [lang*='zh-CN'] h3, [lang*='zh-CN'] h4, [lang*='zh-CN'] h5, [lang*='zh-CN'] h6 {
    font-family: Arial;
}

[lang*='zh-TW'] h1, [lang*='zh-TW'] h2, [lang*='zh-TW'] h3, [lang*='zh-TW'] h4, [lang*='zh-TW'] h5, [lang*='zh-TW'] h6, [lang*='zh-HK'] h1, [lang*='zh-HK'] h2, [lang*='zh-HK'] h3, [lang*='zh-HK'] h4, [lang*='zh-HK'] h5, [lang*='zh-HK'] h6 {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] h1, [lang*='th-'] h2, [lang*='th-'] h3, [lang*='th-'] h4, [lang*='th-'] h5, [lang*='th-'] h6 {
    font-family: "Pridi", sans-serif;
}

.paragraph.white-background-transition .full-width-headers-item::after, .paragraph.white-background-transition::after, .paragraph.creamy-background-transition .full-width-headers-item::after, .paragraph.creamy-background-transition::after, .paragraph.bluish-background-transition .full-width-headers-item::after, .paragraph.bluish-background-transition::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    padding-bottom: 5%;
    width: 100%;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 5;
}

@media (min-width: 900px) {
    .paragraph.white-background-transition .full-width-headers-item::after, .paragraph.white-background-transition::after, .paragraph.creamy-background-transition .full-width-headers-item::after, .paragraph.creamy-background-transition::after, .paragraph.bluish-background-transition .full-width-headers-item::after, .paragraph.bluish-background-transition::after {
        background-size: contain;
    }
}

.paragraph.creamy-background-transition .full-width-headers-item::after, .paragraph.creamy-background-transition::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/creamy-transition.svg);
}

.paragraph.white-background-transition .full-width-headers-item::after, .paragraph.white-background-transition::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/white-transition.svg);
}

.paragraph.bluish-background-transition .full-width-headers-item::after, .paragraph.bluish-background-transition::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/bluish-transition.svg);
}

@media (max-width: 899px) {
    .paragraph.full-width-header.creamy-background-transition::after, .paragraph.full-width-header.white-background-transition::after, .paragraph.full-width-header.bluish-background-transition::after {
        display: none;
    }
}

html {
    height: 100%;
    font-size: 62.5%;
    box-sizing: border-box;
    font-family: "NotoSans", sans-serif;
    font-weight: 400;
    color: #424242;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #ffffff;
    font-family: inherit;
    font-size: 16px;
    color: inherit;
}

@media (min-width: 600px) {
    body {
        font-size: 17px;
    }
}

fieldset {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    list-style-image: none;
}

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

iframe {
    display: block;
    width: 100%;
    height: 100%;
}

:focus {
    outline: none;
}

figure {
    margin: 0;
}

video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.block-system-branding-block img {
    max-width: 144px;
}

.layout-container {
    overflow: hidden;
}

button {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: none;
    -webkit-appearance: none;
    cursor: pointer;
}

h1, h2, h3 {
    line-height: .91429;
}

.hidden, .visually-hidden {
    display: none;
}

.hidden-poster {
    display: none;
}

.node--type-landing-page {
    direction: ltr;
}

[dir='rtl'] .node--type-landing-page {
    direction: ltr;
}

[dir='rtl'] .field--name-description, [dir='rtl']
.field--name-field-text, [dir='rtl']
.field--type-string, [dir='rtl']
.field--name-quote, [dir='rtl']
.kinder-multicolor-title, [dir='rtl']
.field--type-string-long {
    direction: rtl;
}

.tabs {
    display: flex;
    justify-content: center;
}

.blue-background {
    background: -webkit-radial-gradient(#d6f2ff 5%, #009fe5 60%);
    background: -o-radial-gradient(#d6f2ff 5%, #009fe5 60%);
    background: -moz-radial-gradient(#d6f2ff 5%, #009fe5 60%);
    background: radial-gradient(#d6f2ff 5%, #009fe5 60%);
}

.creamy-background {
    background: -webkit-radial-gradient(#fff 5%, #F4E4C1 60%);
    background: -o-radial-gradient(#fff 5%, #F4E4C1 60%);
    background: -moz-radial-gradient(#fff 5%, #F4E4C1 60%);
    background: radial-gradient(#fff 5%, #F4E4C1 60%);
}

.grey-background {
    background: -webkit-radial-gradient(#fff 5%, #e8dfd7 60%);
    background: -o-radial-gradient(#fff 5%, #e8dfd7 60%);
    background: -moz-radial-gradient(#fff 5%, #e8dfd7 60%);
    background: radial-gradient(#fff 5%, #e8dfd7 60%);
}

.page-white-background {
    position: relative;
    background-color: #fff;
    z-index: 0;
}

.remove-colata .main-footer .footer-wave {
    display: none;
}

.remove-colata .region-footer {
    padding: 9em 8vmin 5vmin;
}

@media (min-width: 900px) {
    .remove-colata .region-footer {
        padding: 2.5em 2vmin 1.5em;
    }
}

.field--name-description a, .field--name-field-text a {
    color: #009fe5;
    text-decoration: none;
}

.field--name-description a:hover, .field--name-field-text a:hover {
    color: #f3410e;
    text-decoration: underline;
}

.absolute-link {
    position: relative;
    display: inline-block;
}

.absolute-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    color: transparent;
    z-index: 1;
}

.hover-image {
    position: relative;
}

.hover-image .field--name-kinder-product-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all;
}

.hover-image .field--name-kinder-product-media {
    opacity: 0;
}

.hover-image .field--name-image {
    opacity: 1;
}

@media (min-width: 900px) {
    .with-hover-image .hover-image:hover .field--name-kinder-product-media {
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }

    .with-hover-image .hover-image:hover .field--name-image {
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }
}

@media (min-width: 900px) {
    .with-hover-image:hover .field--name-title {
        opacity: 1;
    }
}

.paragraph--type--kinder-product-image.absolute-link {
    display: block;
}

.paragraph--type--kinder-carousel-products .field--name-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: all;
}

.paragraph--type--kinder-carousel-products .one-item .carousel-slide:not(.is-active) {
    pointer-events: auto;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-products .with-hover-image .hover-image .field--name-image {
        transition: opacity .25s ease-in-out;
    }

    .paragraph--type--kinder-carousel-products .with-hover-image .hover-image .field--name-media {
        transition: opacity .25s ease-in-out;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-products .with-hover-image .hover-image:hover .field--name-image {
        transition: opacity .25s ease-in-out;
    }

    .paragraph--type--kinder-carousel-products .with-hover-image .hover-image:hover .field--name-media {
        opacity: 1;
        transition: opacity .25s ease-in-out;
    }
}

.main-content .layout-content {
    padding-bottom: 40px;
}

@media (min-width: 900px) {
    .main-content .layout-content {
        padding-bottom: 5.61111vw;
    }
}

.creamy_space .main-content .layout-content {
    padding-bottom: 0;
}

.creamy_space .main-content .layout-content::after {
    content: '';
    display: block;
    padding-bottom: 40px;
    background: #faf5ed;
}

@media (min-width: 900px) {
    .creamy_space .main-content .layout-content::after {
        padding-bottom: 5.61111vw;
    }
}

.white_space .main-content .layout-content {
    padding-bottom: 0;
}

.white_space .main-content .layout-content::after {
    content: '';
    display: block;
    padding-bottom: 40px;
    background: #fff;
}

@media (min-width: 900px) {
    .white_space .main-content .layout-content::after {
        padding-bottom: 5.61111vw;
    }
}

.white_space .main-footer {
    background-color: #fff;
}

.nav-panel .white_space .main-footer {
    background-color: transparent;
}

.creamy_space .main-footer {
    background-color: #faf5ed;
}

.blazy__description {
    display: none;
}

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

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

.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);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

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

.slick-track:after {
    clear: both;
}

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

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

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

.slick-initialized .slick-slide {
    display: block;
}

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

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

.slick-arrow.slick-hidden {
    display: none;
}

.action-links {
    list-style: none;
    padding: 0;
    margin: 1em 0;
}

[dir="rtl"] .action-links {
    margin-right: 0;
}

.action-links li {
    display: inline-block;
    margin: 0 0.3em;
}

.action-links li:first-child {
    margin-left: 0;
}

[dir="rtl"] .action-links li:first-child {
    margin-left: 0.3em;
    margin-right: 0;
}

.button-action {
    display: inline-block;
    line-height: 160%;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
}

.button-action:before {
    content: '+';
    font-weight: 900;
    margin-left: -0.1em;
    padding-right: 0.2em;
}

[dir="rtl"] .button-action:before {
    margin-left: 0;
    margin-right: -0.1em;
    padding-left: 0.2em;
    padding-right: 0;
}

.container-inline label:after, .container-inline .label:after {
    content: ':';
}

.form-type-radios .container-inline label:after {
    content: '';
}

.form-type-radios .container-inline .form-type-radio {
    margin: 0 1em;
}

.container-inline .form-actions, .container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}

details {
    border: 1px solid #ccc;
    margin-top: 1em;
    margin-bottom: 1em;
}

details > .details-wrapper {
    padding: 0.5em 1.5em;
}

summary {
    cursor: pointer;
    padding: 0.2em 0.5em;
}

.exposed-filters .filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .filters {
    float: right;
    margin-left: 1em;
    margin-right: 0;
}

.exposed-filters .form-item {
    margin: 0 0 0.1em 0;
    padding: 0;
}

.exposed-filters .form-item label {
    float: left;
    font-weight: normal;
    width: 10em;
}

[dir="rtl"] .exposed-filters .form-item label {
    float: right;
}

.exposed-filters .form-select {
    width: 14em;
}

.exposed-filters .current-filters {
    margin-bottom: 1em;
}

.exposed-filters .current-filters .placeholder {
    font-style: normal;
    font-weight: bold;
}

.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em;
}

[dir="rtl"] .exposed-filters .additional-filters {
    float: right;
    margin-left: 1em;
    margin-right: 0;
}

.field__label {
    font-weight: bold;
}

.field--label-inline .field__label, .field--label-inline .field__items {
    float: left;
}

.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {
    padding-right: 0.5em;
}

[dir="rtl"] .field--label-inline .field__label, [dir="rtl"] .field--label-inline .field__items {
    padding-left: 0.5em;
    padding-right: 0;
}

.field--label-inline .field__label::after {
    content: ':';
}

.icon-help {
    background: url(https://kinder-2020-1.letoagency.ru/images/help.png) 0 50% no-repeat;
    padding: 1px 0 1px 20px;
}

[dir="rtl"] .icon-help {
    background-position: 100% 50%;
    padding: 1px 20px 1px 0;
}

.feed-icon {
    background: url(https://kinder-2020-1.letoagency.ru/images/feed.svg) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    width: 16px;
    height: 16px;
}

.form--inline .form-item {
    float: left;
    margin-right: 0.5em;
}

[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: 0.5em;
}

[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%;
}

.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: 0.5em;
}

[dir="rtl"] .form--inline .form-item-separator {
    margin-right: 0.5em;
    margin-left: 1em;
}

.form--inline .form-actions {
    clear: left;
}

[dir="rtl"] .form--inline .form-actions {
    clear: right;
}

.item-list .title {
    font-weight: bold;
}

.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

.item-list li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}

[dir="rtl"] .item-list li {
    margin: 0 1.5em 0.25em 0;
}

.item-list--comma-list {
    display: inline;
}

.item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir="rtl"] .item-list--comma-list .item-list__comma-list, [dir="rtl"] .item-list__comma-list li {
    margin: 0;
}

button.link {
    background: transparent;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

label button.link {
    font-weight: bold;
}

.more-link {
    display: block;
    text-align: right;
}

[dir="rtl"] .more-link {
    text-align: left;
}

.pager__items {
    clear: both;
    text-align: center;
}

.pager__item {
    display: inline;
    padding: 0.5em;
}

.pager__item.is-active {
    font-weight: bold;
}

tr.drag {
    background-color: #fffff0;
}

tr.drag-previous {
    background-color: #ffd;
}

body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}

tr.selected td {
    background: #ffc;
}

td.checkbox, th.checkbox {
    text-align: center;
}

[dir="rtl"] td.checkbox, [dir="rtl"] th.checkbox {
    text-align: center;
}

th.is-active img {
    display: inline;
}

td.is-active {
    background-color: #ddd;
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.ui-dialog--narrow {
    max-width: 500px;
}

@media screen and (max-width: 600px) {
    .ui-dialog--narrow {
        max-width: 95%;
        min-width: 95%;
    }
}

.messages {
    background: no-repeat 10px 17px;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

[dir="rtl"] .messages {
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
    padding-left: 20px;
    padding-right: 35px;
    text-align: right;
}

.messages + .messages {
    margin-top: 1.538em;
}

.messages__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.messages__item + .messages__item {
    margin-top: 0.769em;
}

.messages--status {
    color: #325e1c;
    background-color: #f3faef;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-image: url(https://kinder-2020-1.letoagency.ru/images/check.svg);
    box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
    margin-left: 0;
}

.messages--warning {
    background-color: #fdf8ed;
    background-image: url(https://kinder-2020-1.letoagency.ru/images/warning.svg);
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    color: #734c00;
    box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}

.messages--error {
    background-color: #fcf4f2;
    color: #a51b00;
    background-image: url(https://kinder-2020-1.letoagency.ru/images/error.svg);
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
    color: #a51b00;
}

.menu--main a, .menu--main-wrapper .nav-panel-content .main-navigation-title {
    font-family: "Chronic", sans-serif;
}

[lang*='ar-'] .menu--main a, .menu--main [lang*='ar-'] a, [lang*='ar-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='ar-'] .main-navigation-title {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .menu--main a, .menu--main [lang*='el-'] a, [lang*='el-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='el-'] .main-navigation-title {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .menu--main a, .menu--main [lang*='ko-'] a, [lang*='ko-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='ko-'] .main-navigation-title {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .menu--main a, .menu--main [lang*='ru-'] a, [lang*='ru-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='ru-'] .main-navigation-title, [lang*='ru-LV'] .menu--main a, .menu--main [lang*='ru-LV'] a, [lang*='ru-LV'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='ru-LV'] .main-navigation-title, [lang*='ru-LT'] .menu--main a, .menu--main [lang*='ru-LT'] a, [lang*='ru-LT'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='ru-LT'] .main-navigation-title, [lang*='ru-EE'] .menu--main a, .menu--main [lang*='ru-EE'] a, [lang*='ru-EE'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='ru-EE'] .main-navigation-title, [lang*='kk-'] .menu--main a, .menu--main [lang*='kk-'] a, [lang*='kk-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='kk-'] .main-navigation-title {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .menu--main a, .menu--main [lang*='he-'] a, [lang*='he-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='he-'] .main-navigation-title {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .menu--main a, .menu--main [lang*='uk-'] a, [lang*='uk-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='uk-'] .main-navigation-title, [lang*='bg-'] .menu--main a, .menu--main [lang*='bg-'] a, [lang*='bg-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='bg-'] .main-navigation-title {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .menu--main a, .menu--main [lang*='zh-CN'] a, [lang*='zh-CN'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='zh-CN'] .main-navigation-title {
    font-family: Arial;
}

[lang*='zh-TW'] .menu--main a, .menu--main [lang*='zh-TW'] a, [lang*='zh-TW'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='zh-TW'] .main-navigation-title, [lang*='zh-HK'] .menu--main a, .menu--main [lang*='zh-HK'] a, [lang*='zh-HK'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='zh-HK'] .main-navigation-title {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .menu--main a, .menu--main [lang*='th-'] a, [lang*='th-'] .menu--main-wrapper .nav-panel-content .main-navigation-title, .menu--main-wrapper .nav-panel-content [lang*='th-'] .main-navigation-title {
    font-family: "Pridi", sans-serif;
}

@keyframes playButtonBounce {
    0% {
        transform: scale(1) translate(-50%, -50%);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8) translate(-50%, -50%);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2) translate(-50%, -50%);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1) translate(-50%, -50%);
    }
}

@-webkit-keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes myButtonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.1) scaleY(0.9);
    }
    50% {
        transform: scaleX(0.9) scaleY(1.1);
    }
    75% {
        transform: scaleX(1) scaleY(1);
    }
}

.play-button {
    position: absolute;
    cursor: pointer;
}

.play-button .play-button-icon {
    fill: #fff;
}

.play-button .play-button-body {
    fill: #f3410e;
}

.play-button .play-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.play-button:hover svg {
    animation: buttonCtaBounce 0.5s;
}

.layout-container {
    /*padding-top: 50px;*/
}

@media (min-width: 1024px) {
    .layout-container {
        /*padding-top: 56px;*/
    }
}

.toolbar-fixed .layout-container .main-header {
    top: 80px;
}

@media (min-width: 1024px) {
    .layout-container.has-secondLevel {
        /*padding-top: 107px;*/
    }
}

.main-header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(0);
    transition: transform 0.125s ease-in-out;
    z-index: 10;
}

.main-header.sticky {
    transition: 0.25s;
}

.main-header.not-sticky {
    transform: translateY(-150px);
    transition: 0.125s;
}

.main-header .contextual-region {
    position: static;
}

.main-header:before {
    display: block;
    content: '';
    padding-top: 50px;
    background-color: #f3410e;
}

@media (min-width: 1024px) {
    .main-header:before {
        padding-top: 56px;
    }
}

.main-header .region-header {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    will-change: transform;
    backface-visibility: hidden;
    z-index: 2;
}

.main-header .block-system-branding-block {
    display: block;
    position: relative;
    width: 100px;
    z-index: 1001;
}

@media (min-width: 1024px) {
    .main-header .block-system-branding-block {
        min-width: 144px;
        height: 56px;
    }
}

.main-header .block-system-branding-block img {
    position: absolute;
    top: 0;
    left: 3vw;
    width: 87px;
    z-index: 10;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .main-header .block-system-branding-block img {
        width: 120px;
    }
}

@media (min-width: 901px) {
    .main-header .block-system-branding-block img {
        left: 2vw;
        width: 126px;
    }
}

@media (min-width: 1025px) {
    .main-header .block-system-branding-block img {
        left: 1vw;
        width: 144px;
    }
}

.main-header .menu--main-wrapper {
    position: relative;
    margin-left: auto;
}

.main-header .menu--main-wrapper .menu {
    white-space: nowrap;
}

.main-header .second-level-menu {
    display: none;
}

@media (min-width: 1024px) {
    .main-header .second-level-menu {
        display: block;
    }
}

.menu--main a {
    display: block;
    position: relative;
    letter-spacing: .01ex;
    text-decoration: none;
    z-index: 1;
}

.menu--main a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 0;
    height: 5px;
    opacity: 0;
    transform: translateX(-50%);
    transition: width .2s ease-out, opacity .1s;
}

.menu--main .next-level a::after {
    content: none;
}

.menu--main .menu-item:hover a::after {
    opacity: 1;
    width: calc(100% - 40px);
}

.menu--main .menu-item--expanded.show-with-logos .with-media .menu-item-title {
    display: none;
}

.menu--main .menu-item--expanded.show-with-logos .with-media img {
    transition: all .2s ease;
}

.menu--main .menu-item--expanded.show-with-logos .with-media img:hover {
    transform: scale3d(1.2, 1.2, 1.2);
}

.menu--main .promo-block {
    position: relative;
    width: 300px;
    height: 150px;
    border-radius: 16px 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

.menu--main .promo-block.promo-block-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(40, 40, 40, 0.98) 0%, rgba(40, 40, 40, 0.6) 15%, rgba(40, 40, 40, 0.3) 40%, rgba(40, 40, 40, 0) 88%);
    z-index: 1;
}

.menu--main .promo-block img {
    width: 100%;
}

.menu--main .promo-block .promo-block-text {
    position: absolute;
    right: 5px;
    bottom: 15px;
    left: 5px;
    text-transform: uppercase;
    text-align: center;
    font-size: 8px;
    z-index: 2;
}

.menu--main .promo-block .promo-block-white {
    color: #fff;
}

.menu--main .promo-block .promo-block-black {
    color: #000;
}

.menu--main .promo-block .promo-block-blue {
    color: #009fe5;
}

.menu--main .promo-block .promo-block-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.menu--main .promo-block .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.menu--main-wrapper .contextual-region {
    position: static;
    width: 100%;
}

@media (min-width: 1024px) {
    .menu--main-wrapper .main-footer {
        display: none;
    }
}

@media (min-width: 1024px) {
    .first-level .menu {
        display: flex;
        margin-left: auto;
    }

    .first-level .menu a {
        padding: 20px;
        font-size: 20px;
        line-height: 16px;
        color: #fff;
    }

    .first-level .menu .menu-item.menu-item--active-trail a::after, .first-level .menu .menu-item:not(.menu-item--expanded):hover a::after {
        opacity: 1;
        width: calc(100% - 40px);
        background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH4AAAAFBAMAAABx6EW5AAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMA7ffgbcWeVLPUF4Q9LPxNt5kAAADYSURBVBjTY2BAAK4FcKYLA8OtuwsY2AsYlm/Ldq85kpGWXbJ7i3f3XUfrBTy7C5A0Xe97GGr3cG/lO7Pkd++sazzfPRQUlHsHBBIg4pFkqNy7l0HvoEDpnWikseCM5mkutTD9JXogCb13j969ewjSp6inBCSE3ikbGoNlIKKPhC0jhUwj9RQFBRVNWyMNBY0jsqsgBvi9Iw687JB7Z5ERut1V7p1EqmWw4oy0NB+Itxl4vFMnGz3MPfEoovmdZPC7KQzHbx3JSHFxv7D8AMPaMwsYcIFVCxgAH+2M1PvZe2wAAAAASUVORK5CYII=") 50%/100% 100%;
    }

    .first-level .menu .menu-item--expanded {
        position: relative;
        overflow: hidden;
    }

    .first-level .menu .menu-item--expanded:hover {
        overflow: visible;
    }

    .first-level .menu .menu-item--expanded:hover a::after {
        bottom: 0;
        width: 55px;
        height: 13px;
        background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAOCAYAAACLroQjAAAAuUlEQVR4AWLwySwEdFsGNQzDMBQ9lkBRBMBgFEMwBEqgBIE5FEAYBEAvf//gXSpN1rK0zvakd6305LiyqwBWGuhDDXQZ8e27IzaaaaGVHnjPTtM3oXcERSpGCIzIdZo4fVpZg0Yg7nG6MwXXEF3idFIF11I/3b8RO2U/P6fp9UYtNNEGG7fp9YRttMKPPDxOfxaCOYi9cXaUPwdNXXG6U1GjZkZoMONO51HDbyE0nu/SV9RO2x9ZqTwB8mITuQtriU8AAAAASUVORK5CYII=") top;
        opacity: 1;
        transition: height 0.2s ease-out, opacity 0.1s;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.touched-link > .next-level, .first-level .menu .menu-item--expanded:hover > .next-level {
        height: auto;
        max-height: 500px;
        transition: max-height .8s ease-out;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.no-full-width:hover > .next-level {
        min-width: 100%;
        padding: 10px 0;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.show-full-width:hover > .next-level > .menu {
        display: flex;
    }
}

@media (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.show-with-logos .next-level .menu .menu-item {
        width: 120px;
        overflow: hidden;
    }

    .first-level .menu .menu-item--expanded.show-full-width {
        position: static;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .full-width-menu-wapper {
        position: relative;
        flex-shrink: 3;
        overflow: hidden;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos.kinder-has-promo-block .full-width-menu-wapper {
        margin-right: 10px;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos.kinder-has-promo-block .full-width-menu-wapper .full-width-menu-wapper-inner {
        justify-content: flex-start;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .full-width-menu-wapper-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .full-width-menu-wapper-inner.flex-start {
        justify-content: flex-start;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .full-width-menu-wapper-inner::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .next-level .menu {
        display: flex;
        flex-wrap: nowrap;
        flex-shrink: 0;
        align-items: center;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger {
        position: absolute;
        top: 0;
        width: 110px;
        height: 100%;
        z-index: 9999;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger .menu-arrow {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        padding: 10px;
        cursor: pointer;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger.service-menu-left {
        left: -110px;
        background: linear-gradient(90deg, white 35%, rgba(255, 255, 255, 0) 100%);
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger.service-menu-left .menu-arrow {
        left: 0;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger.service-menu-left .menu-arrow-svg {
        transform: rotate(180deg);
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger.service-menu-right {
        right: -110px;
        background: linear-gradient(-90deg, white 35%, rgba(255, 255, 255, 0) 100%);
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger.service-menu-right .menu-arrow {
        right: 0;
    }

    .first-level .menu .menu-item--expanded.show-full-width.show-with-logos .service-menu-trigger.service-menu-right .menu-arrow-svg {
        transform: scaleY(-1);
    }

    .first-level .menu .menu-item--expanded.touched-link {
        overflow: visible;
    }

    .first-level .menu .menu-item--expanded.touched-link > a::after {
        bottom: 0;
        width: 55px;
        height: 13px;
        background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAOCAYAAACLroQjAAAAuUlEQVR4AWLwySwEdFsGNQzDMBQ9lkBRBMBgFEMwBEqgBIE5FEAYBEAvf//gXSpN1rK0zvakd6305LiyqwBWGuhDDXQZ8e27IzaaaaGVHnjPTtM3oXcERSpGCIzIdZo4fVpZg0Yg7nG6MwXXEF3idFIF11I/3b8RO2U/P6fp9UYtNNEGG7fp9YRttMKPPDxOfxaCOYi9cXaUPwdNXXG6U1GjZkZoMONO51HDbyE0nu/SV9RO2x9ZqTwB8mITuQtriU8AAAAASUVORK5CYII=") top;
        opacity: 1;
        transition: height 0.2s ease-out, opacity 0.1s;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.touched-link > .next-level {
        height: auto;
        max-height: 500px;
        transition: max-height 0.8s ease-out;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.touched-link.no-full-width > .next-level {
        min-width: 100%;
        padding: 10px 0;
    }
}

@media (min-width: 1024px) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.touched-link.show-full-width > .next-level > .menu {
        display: flex;
    }
}

@media (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.show-full-width.kinder-has-promo-block > .next-level {
        display: flex;
        align-items: start;
    }

    .first-level .menu .menu-item--expanded.show-full-width.kinder-has-promo-block > .next-level .menu {
        flex-shrink: 3;
        width: 63%;
    }

    .first-level .menu .menu-item--expanded.show-full-width.kinder-has-promo-block > .next-level .promo-block {
        order: 1;
        flex-shrink: 1;
        margin: 40px auto 30px 0;
    }

    .first-level .menu .menu-item--expanded.no-full-width.kinder-has-promo-block > .next-level {
        display: block;
    }

    .first-level .menu .menu-item--expanded.no-full-width.kinder-has-promo-block > .next-level .menu {
        padding-top: 10px;
        padding-right: 320px;
    }

    .first-level .menu .menu-item--expanded.no-full-width.kinder-has-promo-block > .next-level .promo-block {
        float: right;
        margin: 10px 20px 10px 0;
    }

    .first-level .menu .menu-item--expanded.no-full-width.show-with-logos .menu-item {
        margin: 0 auto;
    }

    .first-level .menu .icon-arrow {
        display: none;
    }

    .first-level .menu .service-back-link {
        display: none;
    }
}

@media (min-width: 1024px) {
    .first-level .next-level {
        height: 0;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: opacity 1s linear;
    }
}

.first-level .menu-arrow-below {
    display: inline;
}

@media (min-width: 1024px) {
    .first-level .menu-arrow-below {
        display: none;
    }
}

.first-level .service-back-link .menu-arrow-below {
    display: none;
}

@media (min-width: 1024px) {
    .first-level .mobile-menu-button-top {
        display: none;
    }
}

@media (min-width: 1024px) {
    .first-level .draggable::before, .first-level .draggable::after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        pointer-events: none;
        z-index: 1;
    }

    .first-level .draggable::before {
        left: -180px;
        width: 180px;
        background: linear-gradient(90deg, #f3410e 0%, #f3410e 110px, rgba(243, 65, 14, 0.6) 163px, rgba(243, 65, 14, 0) 180px);
    }

    .first-level .draggable::after {
        right: 0;
        width: 80px;
        background: linear-gradient(90deg, rgba(243, 65, 14, 0) 1%, #f3410e);
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .first-level .menu .menu-item--expanded:hover a::after {
        bottom: 0;
        width: 55px;
        height: 13px;
        background: no-repeat url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAAOCAYAAACLroQjAAAAuUlEQVR4AWLwySwEdFsGNQzDMBQ9lkBRBMBgFEMwBEqgBIE5FEAYBEAvf//gXSpN1rK0zvakd6305LiyqwBWGuhDDXQZ8e27IzaaaaGVHnjPTtM3oXcERSpGCIzIdZo4fVpZg0Yg7nG6MwXXEF3idFIF11I/3b8RO2U/P6fp9UYtNNEGG7fp9YRttMKPPDxOfxaCOYi9cXaUPwdNXXG6U1GjZkZoMONO51HDbyE0nu/SV9RO2x9ZqTwB8mITuQtriU8AAAAASUVORK5CYII=") top;
        opacity: 1;
        transition: height 0.2s ease-out, opacity 0.1s;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 1024px),(-ms-high-contrast: active) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded:hover > .next-level {
        height: auto;
        max-height: 500px;
        transition: max-height 0.8s ease-out;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 1024px),(-ms-high-contrast: active) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.no-full-width:hover > .next-level {
        min-width: 100%;
        padding: 10px 0;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 1024px),(-ms-high-contrast: active) and (min-width: 1024px) {
    .first-level .menu .menu-item--expanded.show-full-width:hover > .next-level > .menu {
        display: flex;
    }
}

@media (min-width: 1024px) {
    .first-level .next-level {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #fff;
        opacity: 1;
        transition: opacity 1s linear;
        box-shadow: 0 2px 27px 0 rgba(0, 0, 0, 0.3);
    }

    .first-level .next-level a {
        padding: 10px 20px;
        color: #000;
        font-family: inherit;
        font-size: 16px;
        letter-spacing: 0.44px;
    }

    .first-level .next-level a:hover {
        color: #009fe5;
    }

    .first-level .next-level a.is-active {
        font-family: "NotoSans", sans-serif;
        font-weight: 700;
        color: #009fe5;
    }

    .first-level .next-level .menu {
        display: block;
    }

    .first-level .show-full-width .next-level {
        width: 100vw;
        right: 0;
        left: auto;
        padding: 0 40px 0 170px;
    }

    .first-level .show-full-width .next-level .menu {
        flex-wrap: wrap;
        margin: 40px auto 30px;
    }

    .first-level .show-full-width .next-level .menu .menu-item {
        width: 25%;
        white-space: normal;
    }

    .first-level .show-full-width .next-level .full-width-menu-wapper {
        margin: 30px auto;
    }

    .first-level .show-full-width .next-level .full-width-menu-wapper .menu {
        margin: 0;
    }

    .first-level .show-full-width .next-level a {
        padding: 10px;
    }

    .first-level .show-with-logos .next-level a {
        padding: 10px 15px;
    }

    .first-level .hide-md {
        display: none;
    }
}

@media (max-width: 1023px) {
    .mobile-menu-open {
        overflow: hidden;
    }

    .mobile-menu-open .main-content {
        opacity: 0;
        overflow: hidden;
    }

    .mobile-menu-open .button-to-top .mobile-menu-button-top {
        display: block;
        position: fixed;
        right: 20px;
        top: 60vh;
        z-index: 10;
    }

    .mobile-menu-open .main-header {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .mobile-menu-open .main-header.not-sticky {
        transform: none;
    }

    .mobile-menu-open .main-header .region-header {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
    }

    .mobile-menu-open.mobile-ios .menu--main-wrapper .next-level .region-footer {
        padding-bottom: 70px;
    }
}

@media (max-width: 1024px) and (min-width: 401px) {
    header .menu--main-wrapper .next-level .service-back-link a {
        margin-top: 80px;
    }
}

.menu--main-wrapper .nav-panel-content {
    position: relative;
}

.menu--main-wrapper .nav-panel-content .main-navigation-title {
    display: none;
}

@media (max-width: 1023px) {
    .menu--main-wrapper .nav-panel-content .main-navigation-title {
        display: block;
        padding-top: 48px;
        font-size: 28px;
        line-height: .91429;
        color: #009fe5;
        letter-spacing: -.01ex;
        text-align: center;
    }
}

@media (max-width: 1023px) {
    .menu--main-wrapper .nav-panel {
        position: fixed;
        top: 50px;
        right: 0;
        bottom: 0;
        left: 0;
        padding-bottom: 50px;
        width: 100%;
        height: 100vh;
        background-color: #faf5ed;
        transform: translateX(100%);
        overflow-y: auto;
        z-index: 5;
    }

    .mobile-menu-open .menu--main-wrapper .nav-panel {
        height: 100%;
    }

    .mobile-ios .menu--main-wrapper .nav-panel {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .menu--main-wrapper .nav-panel-content {
        background-image: url(https://kinder-2020-1.letoagency.ru/images/cloud.png), url(https://kinder-2020-1.letoagency.ru/images/cloud.png);
        background-position: -60px 90px, 100% 200px;
        background-size: 183px, 131px;
        background-repeat: no-repeat;
    }

    .menu--main-wrapper .nav-panel-content, .menu--main-wrapper .next-level {
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

    .menu--main-wrapper .nav-panel .main-footer {
        position: relative;
        z-index: 1;
        padding-bottom: 0;
        background: transparent;
        text-align: left;
    }

    .menu--main-wrapper .nav-panel .main-footer .memu {
        margin: 0;
        width: 100%;
    }

    .menu--main-wrapper .nav-panel .main-footer li {
        padding-left: 0;
        border-bottom: 0;
    }

    .menu--main-wrapper .nav-panel .main-footer a {
        padding: 0;
        font-family: "NotoSans", sans-serif;
    }

    .menu--main-wrapper .menu--main .next-level .menu--footer .menu {
        margin: 0;
        width: 100%;
    }

    .menu--main-wrapper .menu--main .next-level .menu--footer .menu li {
        border-bottom: 0 !important;
    }

    .menu--main-wrapper .menu--main .next-level .menu--footer .menu li a {
        padding: 0 !important;
    }

    .menu--main-wrapper .menu--main .next-level .menu--footer .menu li a:before {
        display: none !important;
    }

    .menu--main-wrapper .nav-panel-content > ul {
        transform: none !important;
        padding: 40px 0 64px;
    }

    .menu--main-wrapper .nav-panel-content > ul > li {
        display: block;
        text-align: center;
    }

    .menu--main-wrapper .nav-panel-content > ul > li a {
        display: inline-block;
        padding: 10px;
        color: #424242;
        line-height: 16px;
    }

    .menu--main-wrapper .nav-panel-content > ul > li a.sub-menu-open {
        color: #009fe5;
    }

    .menu--main-wrapper .nav-panel-content > ul > li a.sub-menu-open > .icon-arrow {
        transform: rotate(-90deg);
    }

    .menu--main-wrapper .nav-panel-content > ul > li a.sub-menu-open > .icon-arrow path {
        fill: #009fe5;
    }

    .menu--main-wrapper .nav-panel-content > ul > li > a {
        padding: 16px;
        font-size: 28px;
        line-height: 18px;
    }

    .menu--main-wrapper .nav-panel-content > ul > li > a > .icon-arrow {
        display: inline-block;
        width: 20px;
        height: 20px;
        transform: rotate(90deg);
        transition: transform .25s;
    }

    .menu--main-wrapper .nav-panel-content > ul > li.menu-item--expanded > a {
        line-height: 16px;
    }

    .menu--main-wrapper .next-level {
        position: absolute;
        top: 0;
        left: 100%;
        width: 0;
        margin-bottom: 50px;
        overflow: hidden;
        background-color: #faf5ed;
        z-index: 1;
    }

    .menu--main-wrapper .next-level ul {
        padding-bottom: 24px;
    }

    .menu--main-wrapper .next-level .next-level {
        display: none;
        height: 0;
    }

    .menu--main-wrapper .next-level .service-back-link a {
        margin: 50px 0 30px;
        padding: 0 5px;
        font-size: 28px;
        line-height: .91429;
        color: #009fe5;
        letter-spacing: 0.78px;
    }

    .menu--main-wrapper .next-level .service-back-link .icon-arrow {
        display: inline-block;
    }

    .menu--main-wrapper .next-level .service-back-link .icon-arrow svg {
        width: 16px;
        height: 21px;
        transform: rotate(180deg);
        fill: #009fe5;
    }

    .menu--main-wrapper .next-level .promo-block {
        margin: 0 auto 40px;
    }

    .menu--main-wrapper .next-level .service-menu-trigger {
        display: none;
    }

    .menu--main-wrapper .menu--main .next-level .menu {
        margin: 0 auto;
        width: 80vw;
        text-align: left;
    }

    .menu--main-wrapper .menu--main .next-level .menu a {
        padding: 0;
        font-family: inherit;
        font-size: 18px;
        color: #424242;
        letter-spacing: 0.5px;
        line-height: 2;
    }

    .menu--main-wrapper .menu--main .next-level .menu a.is-active {
        font-weight: 700;
        color: #009fe5;
    }

    .menu--main-wrapper .menu--main .next-level .menu a.is-active > .icon-arrow {
        transform: rotate(-90deg);
    }

    .menu--main-wrapper .menu--main .next-level .menu a.is-active > .icon-arrow path {
        fill: #009fe5;
    }

    .menu--main-wrapper .menu--main .next-level .menu .menu-item:not(.with-media) {
        border-bottom: 3px solid #F4E4C1;
    }

    .menu--main-wrapper .menu--main .next-level .menu .menu-item:not(.with-media) a {
        padding: 12px 0 12px 15px;
        line-height: 1;
        white-space: normal;
    }

    .menu--main-wrapper .menu--main .next-level .menu .menu-item:not(.with-media) a:before {
        content: '';
        display: block;
        position: absolute;
        top: 16px;
        left: 0;
        width: 9px;
        height: 13px;
        background-image: url(https://kinder-2020-1.letoagency.ru/images/arrow-black.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .menu--main-wrapper .nav-panel-content .block-language li a {
        display: block;
        padding: 0;
        line-height: 2.5625;
        text-align: center;
    }

    .menu--main-wrapper .menu-arrow-below {
        width: 16px;
        height: 18px;
        fill: #424242;
    }

    .menu--main-wrapper .mobile-menu-button-top {
        display: none;
    }

    .menu--main-wrapper .show-with-logos .next-level .menu .menu-item {
        width: 180px;
        margin: 20px auto;
    }

    .menu--main-wrapper .show-with-logos .next-level .menu .menu-item a {
        display: block;
        width: 100%;
    }

    .menu--main-wrapper .show-with-logos .next-level .menu .menu-item img {
        width: 100%;
    }

    .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner {
        display: flex;
        justify-content: center;
        min-width: 400px;
    }

    .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner .menu .menu-item {
        margin: 20px auto;
    }

    .menu--main-wrapper .show-with-logos.menu-item--expanded .with-media img:hover {
        transform: none;
    }

    .menu--main-wrapper .show-with-logos .next-level > .menu, .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner.single-menu .menu {
        display: flex;
        flex-wrap: wrap;
        width: 400px;
        margin: 0 auto;
    }

    .menu--main-wrapper .show-with-logos .next-level > .menu .menu-item, .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner.single-menu .menu .menu-item {
        margin: 20px 10px;
    }

    .menu--main-wrapper .menu--main .promo-block {
        width: 70vw;
        height: 35vw;
    }

    .menu--main-wrapper .menu--main .promo-block .play-button {
        width: 60px;
        height: 54px;
    }

    .menu--main-wrapper .hide-xs {
        display: none;
    }
}

@media (max-width: 899px) {
    .menu--main-wrapper .nav-panel-content, .menu--main-wrapper .next-level {
        background-position: -30px 170px, 103% 220px;
        background-size: 76px, 48px;
    }

    .menu--main-wrapper .next-level .menu a {
        font-size: 18px;
    }

    .menu--main-wrapper .next-level .promo-block {
        margin: 0 auto 20px;
    }

    .menu--main-wrapper .menu--main .promo-block {
        width: 80vw;
        height: 40vw;
    }
}

@media (max-width: 599px) {
    .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner {
        min-width: 300px;
    }

    .menu--main-wrapper .show-with-logos .next-level .menu .menu-item {
        width: 110px;
    }

    .menu--main-wrapper .show-with-logos .next-level > .menu, .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner.single-menu .menu {
        width: 260px;
    }

    .menu--main-wrapper .show-with-logos .next-level > .menu .menu-item, .menu--main-wrapper .show-with-logos .full-width-menu-wapper-inner.single-menu .menu .menu-item {
        margin: 10px;
    }
}

.nav-mobile-button {
    display: block;
    position: absolute;
    right: 0;
    padding: 13px;
    height: 24px;
    width: 32px;
    box-sizing: content-box;
}

@media (min-width: 1024px) {
    .nav-mobile-button {
        display: none;
    }
}

.nav-mobile-close-button {
    transform: translateX(100%);
}

[dir='rtl'] .main-header .block-system-branding-block img {
    left: 0;
    right: 3vw;
}

@media (min-width: 901px) {
    [dir='rtl'] .main-header .block-system-branding-block img {
        left: 0;
        right: 2vw;
    }
}

@media (min-width: 1025px) {
    [dir='rtl'] .main-header .block-system-branding-block img {
        left: 0;
        right: 1vw;
    }
}

[dir='rtl'] .main-header .menu--main-wrapper {
    margin-left: 0;
    margin-right: auto;
}

@media (min-width: 1024px) {
    [dir='rtl'] .main-header .first-level .menu {
        margin-left: 0;
        margin-right: auto;
    }

    [dir='rtl'] .main-header .first-level .next-level {
        right: 0;
        left: auto;
    }

    [dir='rtl'] .main-header .first-level .show-full-width .next-level {
        right: auto;
        left: 0;
        padding: 0 170px 0 40px;
    }

    [dir='rtl'] .main-header .first-level .menu .menu-item--expanded.kinder-has-promo-block > .next-level .promo-block {
        margin: 10px 20px 10px 0;
    }

    [dir='rtl'] .main-header .first-level .menu .menu-item--expanded.kinder-has-promo-block.show-full-width > .next-level .promo-block {
        margin: 40px 0 30px auto;
    }

    [dir='rtl'] .main-header .first-level .menu .menu-item--expanded.show-full-width.show-with-logos.kinder-has-promo-block .full-width-menu-wapper {
        margin-right: auto;
        margin-left: 10px;
    }
}

@media (max-width: 1023px) {
    [dir='rtl'] .main-header .first-level .next-level {
        right: 100%;
        left: auto;
    }

    [dir='rtl'] .main-header .first-level .next-level .service-back-link .icon-arrow svg {
        transform: scaleY(-1);
    }
}

[dir='rtl'] .main-header .nav-mobile-button {
    right: auto;
    left: 0;
}

[dir='rtl'] .main-header .nav-mobile-close-button {
    transform: translateX(-100%);
}

@media (max-width: 1023px) {
    [dir='rtl'] .menu--main-wrapper .nav-panel {
        transform: translateX(-100%);
    }
}

[dir='rtl'] .menu--main-wrapper .nav-panel-content > ul > li.menu-item--expanded > a svg {
    transform: rotate(180deg);
}

[dir='rtl'] .menu--main-wrapper .menu--main .next-level .menu {
    text-align: right;
}

[dir='rtl'] .menu--main-wrapper .menu--main .next-level .menu .menu-item:not(.with-media) a {
    padding-left: 0;
    padding-right: 15px;
}

[dir='rtl'] .menu--main-wrapper .menu--main .next-level .menu .menu-item:not(.with-media) a:before {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.footer-wave {
    position: relative;
    bottom: -1px;
    overflow: hidden;
}

.footer-wave svg {
    display: block;
    height: 18.48739vw;
}

@media (min-width: 900px) {
    .footer-wave svg {
        height: 8.61111vw;
    }
}

.region-footer {
    padding: 10vw 8vmin 5vmin;
    background-color: #f3410e;
    font-size: 11px;
    color: #fff;
}

@media (max-width: 899px) {
    .region-footer .region-footer-content {
        padding-right: 80px;
        white-space: normal;
    }
}

@media (min-width: 900px) {
    .region-footer {
        padding: 1em 2vmin 1.5em;
    }
}

.region-footer a {
    color: #fff;
    text-decoration: none;
}

.region-footer a:hover {
    text-decoration: underline;
}

.region-footer-content {
    position: relative;
}

@media (min-width: 900px) {
    .region-footer-content {
        display: flex;
        margin: 0 auto;
        max-width: 1056px;
    }
}

@media (max-width: 899px) {
    .region-footer-content {
        min-height: 60px;
    }
}

@media (max-width: 479px) {
    .region-footer-content {
        min-height: 100px;
    }
}

@media (min-width: 900px) {
    .menu--footer, .block-language {
        margin-top: 7px;
        font-size: 0;
    }
}

.menu--footer li, .block-language li {
    line-height: 1.15;
}

@media (min-width: 900px) {
    .menu--footer li, .block-language li {
        display: inline-block;
    }
}

.menu--footer li a, .block-language li a {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
}

.block-international-globe {
    position: static;
}

.globe {
    border-radius: 50%;
    min-width: 52px;
    width: 52px;
    height: 52px;
    box-shadow: 2px 4px 0 0 rgba(0, 0, 0, 0.1);
    text-indent: 52px;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/1cd9945ef6ef94d7ea9db97a39c528ca.png);
    background-size: 100%;
    color: transparent;
}

@media (min-width: 900px) {
    .globe {
        position: relative;
        top: -1.25em;
    }
}

@media (max-width: 1399px) {
    .globe {
        margin-left: 2em;
    }
}

@media (min-width: 900px) {
    .menu--footer + .block-international-globe .globe {
        margin-left: 2em;
    }
}

@media (max-width: 899px) {
    .globe {
        position: absolute;
        bottom: 55px;
        right: 0;
    }
}

.block--copywrite {
    margin-right: auto;
    font-size: 12px;
}

.block--copywrite .footer-logo {
    margin-bottom: 10px;
    width: 144px;
    height: 19px;
    background: url(https://kinder-2020-1.letoagency.ru/images/7608c14e2d3a3149a83b82a88bd96939.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.block--copywrite .field--name-kinder-footer-copyright-text-two img {
    margin-top: 5px;
    max-width: 200px;
}

@media (max-width: 899px) {
    .menu--footer {
        margin-top: 10px;
    }
}

.menu--footer ul {
    max-width: 44vw;
}

@media (min-width: 1592px) {
    .menu--footer ul {
        max-width: 34vw;
    }
}

.menu--footer li {
    margin-top: 1.5em;
    margin-bottom: .5em;
    font-size: 12px;
}

@media (min-width: 900px) {
    .menu--footer li {
        margin: 0 1.04167vw 1vw;
    }
}

.menu--footer a {
    font-weight: 700;
}

.menu--main-wrapper .nav-panel-content .menu--footer .visually-hidden {
    display: none;
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu {
    padding-bottom: 0;
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item {
    width: auto;
    margin: 1.5em 0 .5em;
    font-size: 12px;
    text-align: left;
}

@media (min-width: 900px) {
    .menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item {
        margin: 0 1.04167vw 1vw;
    }
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item a {
    display: inline-block;
    font-weight: 700;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    text-decoration: none;
}

.menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item a:hover {
    text-decoration: underline;
}

.menu--main-wrapper .nav-panel-content .region-footer-content a {
    position: static;
}

.menu--main-wrapper .nav-panel-content .block-language li a {
    font-weight: 400;
    color: #fff;
}

@media (min-width: 900px) {
    .menu--main-wrapper .nav-panel-content .block-language li a {
        padding: 0 1.31944vw;
    }
}

@media (max-width: 899px) {
    .menu--main-wrapper .nav-panel-content .block-language {
        position: absolute;
        width: auto;
    }

    .menu--main-wrapper .nav-panel-content .block-language li a {
        font-weight: 700;
    }

    .menu--main-wrapper .nav-panel-content .block-language ul.is-opened {
        padding-bottom: 0;
    }

    .menu--main-wrapper .nav-panel-content .block-language ul.is-opened li a {
        color: #424242;
        text-transform: none;
    }
}

.menu--main-wrapper .nav-panel-content .block-international-globe a {
    display: inline;
    padding: 0;
}

.block-language {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

@media (min-width: 900px) {
    .block-language {
        position: static;
        min-width: 7vw;
    }
}

@media (min-width: 900px) {
    .block-language li {
        border-right: 1px solid #fff;
    }

    .block-language li:last-child {
        border-right: 0;
    }
}

@media (min-width: 900px) {
    .block-language a {
        padding: 0 1.31944vw;
    }
}

@media (max-width: 899px) {
    .block-language .open-language {
        position: absolute;
        right: 0;
        bottom: 0;
        border-radius: 0 15px 15px 0;
        width: 45px;
        background: transparent;
        height: 45px;
        z-index: 1;
    }

    .block-language ul {
        position: relative;
        border: 2px solid #fff;
        border-radius: 15px;
        width: 90px;
        height: 45px;
        overflow: hidden;
    }

    .block-language ul:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -4px;
        width: 12px;
        height: 11px;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/b47a47768f98d2edecd2462b8fa3da01.png);
    }

    .block-language ul.is-opened {
        height: auto;
        background-color: #fff;
    }

    .block-language ul.is-opened li {
        display: block;
    }

    .block-language ul.is-opened li a {
        color: #424242;
        text-transform: none;
    }

    .block-language li {
        display: none;
        width: 50px;
    }

    .block-language li a {
        display: block;
        font-weight: 700;
        font-size: 16px;
        line-height: 2.5625;
        text-transform: lowercase;
        text-align: center;
    }

    .block-language li.is-active {
        display: block;
    }
}

@media (max-width: 899px) {
    [dir='rtl'] .block-language, [dir='rtl'] .globe {
        left: 0;
        right: inherit;
    }
}

[dir='rtl'] .block-language ul:after {
    right: inherit;
    left: 15px;
}

@media (min-width: 900px) {
    [dir='rtl'] .block-language li {
        border-right: 0;
        border-left: 1px solid #fff;
    }

    [dir='rtl'] .block-language li:last-child {
        border-left: 0;
    }
}

@media (max-width: 899px) {
    [dir='rtl'] .block-language .open-language {
        right: auto;
        left: 0;
        border-radius: 15px 0 0 15px;
    }
}

[dir='rtl'] .main-header .menu--main-wrapper .menu--footer .menu {
    margin-right: 0;
    margin-left: auto;
}

[dir='rtl'] .menu--main-wrapper .nav-panel-content .menu--footer ul.menu li.menu-item {
    text-align: right;
}

[dir='rtl'] .region-footer-content {
    padding-right: 0;
    padding-left: 80px;
    text-align: right;
}

@media (min-width: 900px) {
    [dir='rtl'] .region-footer-content {
        display: flex;
        margin: 0 auto;
        padding-left: 0;
        max-width: 1056px;
    }
}

[dir='rtl'] .region-footer-content .block--copywrite {
    margin-right: 0;
    margin-left: auto;
}

@keyframes buttonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1);
    }
}

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
    background: transparent;
}

.sliding-popup-bottom {
    position: fixed;
    right: -2vw;
    bottom: 3vw !important;
    width: auto !important;
    z-index: 999;
}

@media (min-width: 600px) {
    .sliding-popup-bottom {
        right: 3vw;
    }
}

.eu-cookie-compliance-buttons {
    text-align: right;
}

.eu-cookie-compliance-buttons .agree-button {
    position: relative;
    left: -35px;
    font-family: "Chronic", sans-serif;
    color: #fff;
}

.eu-cookie-compliance-buttons .agree-button:hover {
    animation: buttonCtaBounce 0.5s;
}

.eu-cookie-compliance-buttons .agree-button svg {
    display: block;
    width: 60px;
    height: 53px;
}

@media (min-width: 600px) {
    .eu-cookie-compliance-buttons .agree-button svg {
        width: 95px;
        height: 80px;
    }
}

.eu-cookie-compliance-buttons .agree-button svg .carousel-button-body {
    fill: #009fe5;
}

.eu-cookie-compliance-buttons .agree-button svg .carousel-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.eu-cookie-compliance-buttons .agree-button svg .carousel-button-text {
    font-size: 27.77px;
    line-height: 32px;
}

.eu-cookie-compliance-message {
    position: absolute;
    right: 74%;
    bottom: 62%;
    border-radius: 25px 0;
    padding: 2vw;
    width: 69vw;
    background-color: #fff;
}

@media (min-width: 900px) {
    .eu-cookie-compliance-message {
        width: 30vw;
    }
}

.eu-cookie-compliance-message h2 {
    position: relative;
    top: -7.5px;
    margin: 10px 0;
    font-size: 27.5px;
}

.eu-cookie-compliance-message p {
    margin: 0;
    line-height: 1.15;
    font-size: 3.4vw;
}

@media (min-width: 600px) {
    .eu-cookie-compliance-message p {
        font-size: 16px;
    }
}

.eu-cookie-compliance-message p a {
    color: #009fe5;
}

.eu-cookie-compliance-message p a:hover {
    color: #f3410e;
}

[dir='rtl'] .sliding-popup-bottom {
    right: inherit;
    left: -2vw;
}

@media (min-width: 600px) {
    [dir='rtl'] .sliding-popup-bottom {
        right: inherit;
        left: 3vw;
    }
}

[dir='rtl'] .eu-cookie-compliance-buttons {
    text-align: left;
}

[dir='rtl'] .eu-cookie-compliance-buttons .agree-button {
    left: inherit;
    right: -35px;
}

[dir='rtl'] .eu-cookie-compliance-buttons svg {
    direction: ltr;
}

[dir='rtl'] .eu-cookie-compliance-message {
    right: inherit;
    left: 74%;
    border-radius: 0 25px;
}

.kinder-multicolor-title {
    font-family: "LeOsler", sans-serif !important;
}

[lang*='ar-'] .kinder-multicolor-title {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .kinder-multicolor-title {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .kinder-multicolor-title {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .kinder-multicolor-title, [lang*='ru-LV'] .kinder-multicolor-title, [lang*='ru-LT'] .kinder-multicolor-title, [lang*='ru-EE'] .kinder-multicolor-title, [lang*='kk-'] .kinder-multicolor-title {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .kinder-multicolor-title {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .kinder-multicolor-title, [lang*='bg-'] .kinder-multicolor-title {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .kinder-multicolor-title {
    font-family: Arial;
}

[lang*='zh-TW'] .kinder-multicolor-title, [lang*='zh-HK'] .kinder-multicolor-title {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .kinder-multicolor-title {
    font-family: "Pridi", sans-serif;
}

.kinder-multicolor-title {
    margin: 0;
    font-size: 36px;
    text-align: center;
}

@media (min-width: 600px) {
    .kinder-multicolor-title {
        font-size: 5vw;
    }
}

[dir='rtl'] .kinder-multicolor-title {
    direction: rtl;
}

.black {
    color: #424242;
    letter-spacing: -.01ex;
}

.red {
    color: #f3410e;
    letter-spacing: -.01ex;
}

.yellow {
    color: #f2d503;
    letter-spacing: -.01ex;
}

.blue {
    color: #009fe5;
    letter-spacing: -.01ex;
}

.white {
    color: #fff;
    letter-spacing: -.01ex;
}

.story-slide-content .large {
    font-size: 90px;
}

.story-slide-content .medium {
    font-size: 50px;
}

.story-slide-content .small {
    font-size: 16px;
}

@media (min-width: 900px) {
    .story-slide-content .large {
        font-size: 7.375vw;
    }

    .story-slide-content .medium {
        font-size: 4vw;
    }

    .story-slide-content .small {
        font-size: 1.80556vw;
    }
}

@media (min-width: 1440px) {
    .story-slide-content .large {
        font-size: 7.375vw;
    }

    .story-slide-content .medium {
        font-size: 4vw;
    }

    .story-slide-content .small {
        font-size: 26px;
    }
}

.story-slide-content .large {
    line-height: 15vw;
}

@media (min-width: 900px) {
    .story-slide-content .large {
        line-height: 7.5vw;
    }
}

.paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title .small {
    font-size: 36px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title .small {
        font-size: 3vw;
    }
}

.paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title .medium {
    font-size: 45px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title .medium {
        font-size: 4.86111vw;
    }
}

.paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title .large {
    font-size: 45px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title .large {
        font-size: 6.25vw;
    }
}

.paragraph--type--kinder-text {
    position: relative;
    text-align: center;
    padding: 28.2% 0;
    background: #faf5ed;
}

.paragraph--type--kinder-text.with-white-background {
    background: #fff;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text {
        padding-top: 17.5%;
        padding-bottom: 17.5%;
    }
}

.paragraph--type--kinder-text.simple-text {
    text-align: center;
    padding: 33.33333vw 4.26667vw 4.26667vw;
    min-height: 2.5em;
    font-size: 24px;
    line-height: 1.6;
}

.paragraph--type--kinder-text.simple-text::before, .paragraph--type--kinder-text.simple-text::after {
    content: '';
    position: absolute;
    top: 9.26667vw;
    width: 32.53333vw;
    height: 22.93333vw;
    transform: scaleX(1);
}

.paragraph--type--kinder-text.simple-text::before {
    left: 4.26667vw;
    background: url(https://kinder-2020-1.letoagency.ru/images/9a5422b0b99a51a787281277b35b1988.svg) 50%/contain no-repeat;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text.simple-text::before {
        top: 2.22222vw;
        left: 2.22222vw;
        width: 16.94444vw;
        height: 12.98611vw;
    }
}

.paragraph--type--kinder-text.simple-text::after {
    right: 4.26667vw;
    background: url(https://kinder-2020-1.letoagency.ru/images/e264237358d0c89e484ff33598aab033.svg) 50%/contain no-repeat;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text.simple-text::after {
        top: 2.22222vw;
        right: 2.22222vw;
        width: 16.59722vw;
        height: 15.13889vw;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text.simple-text {
        padding: 2.22222vw 26.66667vw;
        padding-left: 17.70833vw;
        padding-right: 17.70833vw;
        font-size: 1.94444vw;
    }
}

.paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title {
    margin: 0 0 4.26667vw;
    font-size: 36px;
    letter-spacing: -.01ex;
}

@media (min-width: 600px) {
    .paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title {
        font-size: 3vw;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text.simple-text .field--name-multicolor-title-reference .kinder-multicolor-title {
        margin-bottom: 2.22222vw;
    }
}

.paragraph--type--kinder-text.simple-text .field--name-description p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 1em;
    font-size: 16px;
    line-height: 1.5;
}

@media (min-width: 600px) {
    .paragraph--type--kinder-text.simple-text .field--name-description p {
        font-size: 17px;
    }
}

.paragraph--type--kinder-text.simple-text .field--name-description img {
    margin: 0 auto;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text.simple-text.bigger-description {
        padding-left: 17.70833vw;
        padding-right: 17.70833vw;
    }

    .paragraph--type--kinder-text.simple-text.bigger-description::before, .paragraph--type--kinder-text.simple-text.bigger-description::after {
        top: 0;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text.simple-text {
        padding: 2.22222vw 26.66667vw;
        font-size: 1.18056vw;
    }
}

[dir='rtl'] .paragraph--type--kinder-text.simple-text::before, [dir='rtl'] .paragraph--type--kinder-text.simple-text::after {
    content: '';
    transform: scaleX(-1);
}

[dir='rtl'] .paragraph--type--kinder-text.simple-text::before {
    left: auto;
    right: 4.26667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .paragraph--type--kinder-text.simple-text::before {
        right: 2.22222vw;
    }
}

[dir='rtl'] .paragraph--type--kinder-text.simple-text::after {
    left: 4.26667vw;
    right: auto;
}

@media (min-width: 900px) {
    [dir='rtl'] .paragraph--type--kinder-text.simple-text::after {
        left: 2.22222vw;
    }
}

@media (min-width: 900px) {
    .paragraph--type--partners {
        margin-top: 0;
        padding: 2.22222vw;
    }
}

.paragraph--type--partners.has-background {
    background-color: #fff;
}

.paragraph--type--partners .field--name-tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.paragraph--type--partners .field--name-tabs .field__item {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
}

.paragraph--type--partners .field--name-tabs .field__item .absolute-link {
    position: static;
    width: 100%;
    height: 100%;
}

.paragraph--type--partners .field--name-tabs .field__item .absolute-link .field--name-image {
    width: 100%;
    height: 100%;
}

.paragraph--type--partners .field--name-tabs .field__item .absolute-link .field--name-image .media--type-image {
    height: 100%;
}

.paragraph--type--partners .field--name-tabs .field__item .absolute-link .field--name-image .media--type-image .field--name-field-media-image {
    width: 100%;
    height: 100%;
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab {
    position: relative;
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab .absolute-link {
    position: relative;
    margin: 2.13333vw;
    margin-bottom: 0;
    padding: 2.13333vw 4.26667vw;
    width: 28vw;
    height: 12.66667vw;
    box-sizing: content-box;
}

@media (min-width: 900px) {
    .paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab .absolute-link {
        margin: 1.11111vw;
        margin-bottom: 0;
        padding: 1.11111vw 2.22222vw;
        width: 175px;
        height: 80px;
    }
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab.with-text {
    vertical-align: top;
    width: 175px;
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab.with-text .absolute-link {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab.with-text .absolute-link img {
    position: static;
    width: 100%;
    transform: none;
}

@media (max-width: 899px) {
    .paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab.with-text {
        margin-top: 4.26667vw;
    }
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab.with-border .absolute-link {
    border-radius: 4.26667vw 0;
    border: 1px solid #d7d7d7;
}

@media (min-width: 900px) {
    .paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab.with-border .absolute-link {
        border-radius: 2.22222vw 0;
    }
}

.paragraph--type--partners .field--name-tabs .field__item .paragraph--type--partners-tab img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    height: auto;
    object-fit: contain;
    transform: translate(-50%, -50%);
}

.paragraph--type--partners .field--name-tabs .field__item .field--name-partners-link {
    display: block;
    margin: 0 10px;
}

.paragraph--type--partners .field--name-tabs .field__item .field--name-partners-link a {
    font-size: 13px;
    line-height: 20px;
    text-decoration: underline;
    color: #0af;
}

.paragraph--type--partners .field--name-tabs .field__item .field--name-partners-link:hover a {
    color: #f3410e;
}

@media (max-width: 768px) {
    .paragraph--type--partners .field--name-tabs {
        padding-bottom: 10vw;
    }
}

[dir='rtl'] .paragraph--type--partners .field--name-tabs {
    flex-direction: row-reverse;
}

.text-image {
    text-align: center;
}

@media (min-width: 900px) {
    .text-image {
        text-align: left;
    }
}

@media (min-width: 900px) {
    .text-image .container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
}

.text-image--left .paragraph-media {
    display: block;
}

@media (min-width: 900px) {
    .text-image--left .paragraph-media {
        display: none;
    }
}

.text-image--right {
    display: none;
}

@media (min-width: 900px) {
    .text-image--right {
        display: block;
    }
}

.text-image .field--name-kinder-text-image-title {
    position: relative;
    margin-bottom: 4.26667vw;
    z-index: 1;
}

@media (min-width: 900px) {
    .text-image .field--name-kinder-text-image-title {
        margin-bottom: 2.22222vw;
    }
}

.text-image .kinder-multicolor-title {
    text-align: center;
    font-size: 36px;
}

@media (min-width: 900px) {
    .text-image .kinder-multicolor-title {
        text-align: left;
        font-size: 3vw;
    }
}

.text-image .field--name-description {
    margin-bottom: 4.26667vw;
    padding: 0 4.26667vw;
    font-size: 16px;
}

@media (min-width: 900px) {
    .text-image .field--name-description {
        margin-bottom: 2.22222vw;
        padding-left: 0;
        padding-right: 0;
    }
}

.text-image .field--name-description p {
    margin-top: 0;
    line-height: 1.5;
}

.text-image .field--name-description p:last-child {
    margin-bottom: 0;
}

.text-image .field--name-description ul {
    padding-left: 20px;
    list-style-type: circle;
}

.text-image .paragraph-media {
    position: relative;
    margin-bottom: 4.26667vw;
    padding: 4vw;
    z-index: 1;
}

@media (min-width: 900px) {
    .text-image .paragraph-media {
        margin-bottom: 0;
        padding: 0;
        width: 33.33333vw;
        height: auto;
    }
}

@media (max-width: 899px) {
    .text-image .doodle-image-doodles {
        position: absolute;
        top: -4.26667vw;
        bottom: -4.26667vw;
        left: -4.26667vw;
        right: -4.26667vw;
    }
}

.text-image .doodle-image-doodles::before, .text-image .doodle-image-doodles::after {
    content: '';
    position: absolute;
    transform: scaleX(1);
    pointer-events: none;
}

.text-image.right-aligned .text-image--left {
    order: 1;
}

.text-image.right-aligned .text-image--right {
    order: 0;
}

.text-image.has-background {
    background-color: #fff;
}

.text-image-safari.beige-background, .text-image-pillar.beige-background, .text-image-copy-ingredients.beige-background {
    background-color: #faf5ed;
}

.text-image-safari.bluish-background, .text-image-pillar.bluish-background, .text-image-copy-ingredients.bluish-background {
    background-color: #E8F2FC;
}

[dir='rtl'] .text-image {
    text-align: center;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image {
        text-align: right;
    }
}

[dir='rtl'] .text-image .text-image--left {
    order: 1;
}

[dir='rtl'] .text-image .text-image--right {
    order: 0;
}

[dir='rtl'] .text-image .kinder-multicolor-title {
    text-align: center;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image .kinder-multicolor-title {
        text-align: right;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image .field--name-description {
        padding-left: 4.26667vw;
        padding-right: 0;
    }
}

[dir='rtl'] .text-image .field--name-description ul {
    padding-left: 0;
    padding-right: 20px;
}

[dir='rtl'] .text-image.right-aligned .text-image--left {
    order: 0;
}

[dir='rtl'] .text-image.right-aligned .text-image--right {
    order: 1;
}

.text-image-pillar .field--name-media, .text-image-link .field--name-media {
    position: relative;
}

.text-image-pillar .field--name-media::after, .text-image-link .field--name-media::after {
    content: '';
    position: absolute;
    top: 1.33333vw;
    left: 1.33333vw;
    border-radius: 32px 0;
    width: 100%;
    height: 100%;
    background-color: #e6e2e1;
    z-index: -1;
}

@media (min-width: 900px) {
    .text-image-pillar .field--name-media::after, .text-image-link .field--name-media::after {
        top: .69444vw;
        left: 0.69444vw;
    }
}

.text-image-pillar .field--name-media .field--name-field-media-image, .text-image-link .field--name-media .field--name-field-media-image {
    position: relative;
}

.text-image-pillar .field--name-media .field--name-field-media-image::before, .text-image-link .field--name-media .field--name-field-media-image::before {
    content: '';
    display: block;
    padding-top: 73.80608%;
}

.text-image-pillar .field--name-media img, .text-image-link .field--name-media img {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 32px 0;
    width: 100%;
    /*height: 100%;*/
    object-fit: cover;
}

.text-image-pillar .field--name-kinder-text-image-title, .text-image-link .field--name-kinder-text-image-title {
    padding: 0 4.26667vw;
}

@media (min-width: 900px) {
    .text-image-pillar .field--name-kinder-text-image-title, .text-image-link .field--name-kinder-text-image-title {
        padding-left: 0;
        padding-right: 4.44444vw;
    }
}

@media (min-width: 900px) {
    .text-image-pillar .text-image--left, .text-image-link .text-image--left {
        padding-right: 8.88889vw;
    }
}

@media (min-width: 900px) {
    .text-image-pillar.right-aligned .text-image--left, .text-image-link.right-aligned .text-image--left {
        padding-right: 0;
        padding-left: 8.88889vw;
    }
}

@media (min-width: 900px) {
    .text-image-pillar.right-aligned .field--name-kinder-text-image-title, .text-image-link.right-aligned .field--name-kinder-text-image-title {
        padding-right: 0;
    }
}

.text-image-pillar.is-minimal .doodle-image-doodles, .text-image-link.is-minimal .doodle-image-doodles {
    display: none;
}

.text-image-pillar.hide-shadow .field--name-media::after, .text-image-link.hide-shadow .field--name-media::after {
    display: none;
}

.text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before, .text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after {
    height: 6.53333vw;
    width: 7.46667vw;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before, .text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after {
        height: 3.40278vw;
        width: 3.88889vw;
    }
}

.text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/4d1bfbf2d791ea9301d7b1e3cc9ea314.svg) 50%/contain;
    left: 0;
    top: 0;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::before {
        left: -1.94444vw;
        top: -1.70139vw;
    }
}

.text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/8a058e14e982d48eda02d798d7a07092.svg) 50%/contain;
    right: 0;
    bottom: 0;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after, .text-image-link.doodle-top-left-bottom-right-arrow .doodle-image-doodles::after {
        right: -1.94444vw;
        bottom: -2.39583vw;
    }
}

.text-image-pillar.doodle-bottom-left-top-right-circle .doodle-image-doodles::before, .text-image-link.doodle-bottom-left-top-right-circle .doodle-image-doodles::before {
    top: auto;
    right: auto;
    bottom: -4vw;
    left: 0;
    height: 14vw;
    width: 14.26667vw;
    transform: scaleX(1);
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/684a34931b5f79394ebc4cacc696b10e.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-bottom-left-top-right-circle .doodle-image-doodles::before, .text-image-link.doodle-bottom-left-top-right-circle .doodle-image-doodles::before {
        top: auto;
        right: auto;
        bottom: -5.48611vw;
        left: -4.375vw;
        height: 5.48611vw;
        width: 8.81944vw;
    }
}

.text-image-pillar.doodle-bottom-left-top-right-circle .doodle-image-doodles::after, .text-image-link.doodle-bottom-left-top-right-circle .doodle-image-doodles::after {
    top: -4vw;
    bottom: auto;
    right: 0;
    left: auto;
    height: 11.2vw;
    width: 9.2vw;
    transform: scaleX(1);
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/6a2ebb3510a837e3584b94a96799e9b2.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-bottom-left-top-right-circle .doodle-image-doodles::after, .text-image-link.doodle-bottom-left-top-right-circle .doodle-image-doodles::after {
        bottom: auto;
        left: auto;
        height: 5.55556vw;
        width: 5.06944vw;
        top: -3.47222vw;
        right: -3.47222vw;
    }
}

.text-image-pillar.doodle-top-left-bottom-right-circle .doodle-image-doodles::before, .text-image-link.doodle-top-left-bottom-right-circle .doodle-image-doodles::before {
    top: -1.33333vw;
    right: auto;
    left: 0;
    height: 11.2vw;
    width: 9.2vw;
    background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3My44IDY0LjgiPgoJPHBhdGggZmlsbD0iIzAwOUZFNSIgZD0iTTczLjIgNi4yQzY1LjIgMy42IDU3IDEuOSA0OC43IDFjLS42LS4xLTEuMi40LTEuMSAxIDEuOSA4LjcgNC40IDE3LjEgNy41IDI1LjR2LjFjLjIuNC41LjUuOS41LjIgMCAuNS0uMS43LS4zQzYyLjQgMjEgNjggMTQuMyA3My42IDcuNmMuNC0uNC4yLTEuMi0uNC0xLjR6bS0xNi45IDE5Yy0xLjItMy40LTIuNC02LjctMy40LTEwLjJsNy41IDIuN2MxLjEuNCAxLjktMS4zLjctMS43LTIuOS0xLTUuOC0yLjEtOC43LTMuMWgtLjJjLS4yLS44LS41LTEuNy0uNy0yLjUgNC4xIDIuMSA4LjQgMy45IDEyLjcgNS41LTIuNiAzLTUuMiA2LjItNy45IDkuM3ptOS4zLTEwLjljLTQuOS0xLjgtOS43LTMuOC0xNC40LTYuMi0uMS0uMS0uMi0uMS0uMy0uMS0uMy0xLjEtLjUtMi4yLS44LTMuMyAyLjEgMS40IDQuOSAyLjQgNy4xIDMuNCAzLjIgMS41IDYuNSAzIDkuOCA0LjQtLjUuNi0uOSAxLjItMS40IDEuOHptMi43LTMuM2MtMy4xLTEuNC02LjItMi43LTkuMi00LjEtMi40LTEuMS01LjYtMi4xLTcuOS0zLjcgMi42LjMgNS4zLjggNy45IDEuMy4xLjEuMi4yLjMuMiAzLjIgMS45IDYuNSAzLjcgOS44IDUuMy0uNC40LS42LjctLjkgMXptMi0yLjNsLS4zLS4zYy0xLjctLjgtMy4zLTEuNy01LTIuNiAyLjEuNSA0LjIgMS4xIDYuMyAxLjctLjQuNC0uNy44LTEgMS4yek0xNi4yIDUzLjZsLTUuMS4xLTEuNy00LjhjLS4xLS40LS41LS43LS45LS42LS40IDAtLjguMy0uOS43TDYgNTMuOS45IDU0Yy0uNCAwLS44LjMtLjkuN3YuNGMwIC4zLjIuNS40LjdsNC4yIDIuOS0xLjQgNC45Yy0uMS40IDAgLjguNCAxLjEuMy4yLjguMiAxLjEgMGw0LTMuMSA0LjIgMi45Yy4zLjIuOC4yIDEuMSAwIC4zLS4zLjUtLjcuMy0xLjFsLTEuNy00LjggNC0zLjFjLjMtLjMuNS0uNy4zLTEuMS4xLS41LS4zLS44LS43LS44ek01LjkgNjEuM2MwLS4xLjEtLjEgMCAwem0uNy0yLjVsLjEtLjJjLjEgMCAuMi0uMS4zLS4xbC0uNC4zem0tLjctMmMtLjEuMS0uMi4xLS4yLjJMNCA1NS45bDIuOC0uMWMuNCAwIC44LS4zLjktLjdsLjgtMi43LjYgMS44Yy0xIDEtMiAxLjgtMy4yIDIuNnptNi4zLS4zbC45LS44aC4ybC0xLjEuOHptMTguMy01NWMwLS45LTEuMi0xLjQtMS43LS44LTEuNy0uNi0zLjYtLjktNS42LS43LTYuOC43LTExLjcgNi44LTExIDEzLjYuNyA2LjggNi45IDExLjYgMTMuNyAxMC45IDYuOC0uNyAxMS43LTYuOCAxMS0xMy42LS41LTQuMS0zLTcuNS02LjQtOS40ek0xNS4zIDE2LjljLS41LTEuMS0uOS0yLjItMS0zLjUtLjQtMy44IDEuMy03LjQgNC4zLTkuNS0xLjUgNC4zLTIuNiA4LjYtMy4zIDEzem0yLjggMy41Yy0uNC0uNC0uOS0uNy0xLjItMS4yLjktNS42IDIuMi0xMS4xIDQuMS0xNi40di0uMmMuOC0uMyAxLjYtLjUgMi40LS42aC40Yy0xLjkgNi4xLTMuOCAxMi4xLTUuNyAxOC4ydi4yem0xLjYgMS4xYy4xLS4xLjItLjIuMi0uNCAyLTYuMyA0LTEyLjYgNi0xOSAuNy4xIDEuNS4zIDIuMi41LTIuMiA2LjUtNC40IDEzLTYuNiAxOS42LS42LS4yLTEuMi0uNC0xLjgtLjd6bTYgMS4xYy0uNy4xLTEuNS4xLTIuMiAwIDIuMS02LjQgNC4zLTEyLjcgNi40LTE5LjEuNi40IDEuMi44IDEuOCAxLjMtMS44IDUtMy40IDEwLjEtNC41IDE1LjQtLjMgMS4zIDEuNyAxLjYgMiAuMyAxLjEtNC43IDIuNC05LjQgNC0xMy45LjkgMS4zIDEuNSAyLjkgMS43IDQuNi42IDUuNi0zLjUgMTAuOC05LjIgMTEuNHoiLz4KPC9zdmc+) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-top-left-bottom-right-circle .doodle-image-doodles::before, .text-image-link.doodle-top-left-bottom-right-circle .doodle-image-doodles::before {
        top: -4.16667vw;
        right: auto;
        bottom: auto;
        left: -4.375vw;
        height: 5.48611vw;
        width: 8.81944vw;
    }
}

.text-image-pillar.doodle-top-left-bottom-right-circle .doodle-image-doodles::after, .text-image-link.doodle-top-left-bottom-right-circle .doodle-image-doodles::after {
    top: auto;
    right: 0;
    bottom: -2.66667vw;
    left: auto;
    height: 11.2vw;
    width: 9.2vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/e272ede27817a4a2e6b6e16facec9b69.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-top-left-bottom-right-circle .doodle-image-doodles::after, .text-image-link.doodle-top-left-bottom-right-circle .doodle-image-doodles::after {
        top: auto;
        left: auto;
        right: -3.47222vw;
        bottom: -3.47222vw;
        height: 5.55556vw;
        width: 5.06944vw;
    }
}

.cta-button a .button-cta-label {
    font-family: "Chronic", sans-serif;
}

[lang*='ar-'] .cta-button a .button-cta-label, .cta-button a [lang*='ar-'] .button-cta-label {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .cta-button a .button-cta-label, .cta-button a [lang*='el-'] .button-cta-label {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .cta-button a .button-cta-label, .cta-button a [lang*='ko-'] .button-cta-label {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-'] .button-cta-label, [lang*='ru-LV'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-LV'] .button-cta-label, [lang*='ru-LT'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-LT'] .button-cta-label, [lang*='ru-EE'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-EE'] .button-cta-label, [lang*='kk-'] .cta-button a .button-cta-label, .cta-button a [lang*='kk-'] .button-cta-label {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .cta-button a .button-cta-label, .cta-button a [lang*='he-'] .button-cta-label {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .cta-button a .button-cta-label, .cta-button a [lang*='uk-'] .button-cta-label, [lang*='bg-'] .cta-button a .button-cta-label, .cta-button a [lang*='bg-'] .button-cta-label {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-CN'] .button-cta-label {
    font-family: Arial;
}

[lang*='zh-TW'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-TW'] .button-cta-label, [lang*='zh-HK'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-HK'] .button-cta-label {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .cta-button a .button-cta-label, .cta-button a [lang*='th-'] .button-cta-label {
    font-family: "Pridi", sans-serif;
}

@keyframes buttonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1);
    }
}

[dir='rtl'] .cta-button a {
    transform: scaleX(-1);
    margin-right: 0;
    margin-left: 3em;
}

[dir='rtl'] .cta-button a .button-cta-label .label-item {
    transform: scaleX(-1);
}

.cta-button a {
    display: inline-block;
    position: relative;
    margin-right: 3em;
    border: 0;
    height: 64px;
    min-width: 144px;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transform: translateZ(0);
    z-index: 1;
}

@media (min-width: 900px) {
    .cta-button a {
        height: 80px;
        min-width: 160px;
    }
}

@media (min-width: 1625px) {
    .cta-button a {
        min-width: 200px;
        height: 100px;
    }
}

.cta-button a .button-cta-label {
    display: block;
    position: relative;
    padding: 18px 1ex 24px 1em;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: .83333;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    z-index: 0;
    white-space: nowrap;
}

@media (min-width: 900px) {
    .cta-button a .button-cta-label {
        padding: .9em .45em 1em 2em;
        font-size: 27.77778px;
        line-height: 0.71429;
    }
}

@media (min-width: 1650px) {
    .cta-button a .button-cta-label {
        padding: .9em .45em 1em 2em;
        font-size: 34.72222px;
        line-height: 0.71429;
    }
}

.cta-button a .button-cta-label .label-item {
    display: inline-block;
    margin-top: 3px;
}

.cta-button a .button-cta-label .icon {
    display: inline-block;
    position: absolute;
    top: 1em;
    right: -.75em;
    height: 20px;
    width: 20px;
}

@media (min-width: 900px) {
    .cta-button a .button-cta-label .icon {
        height: .71em;
        width: .71em;
    }
}

.cta-button a .button-cta-label .icon svg {
    width: 100%;
    height: 100%;
}

.cta-button a .button-cta-label .icon svg path {
    fill: #fff;
}

.cta-button a .button-cta-marker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-duration: .5s;
    z-index: -1;
}

@media (min-width: 900px) {
    .cta-button a .button-cta-marker {
        margin-left: 28px;
    }
}

.cta-button a .button-cta-marker .marker-svg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(https://kinder-2020-1.letoagency.ru/images/ca47c7392140110a48db787687c1cb18.svg) no-repeat 50%/100% 100%;
}

.cta-button a .button-cta-marker .button-cta-cap {
    position: absolute;
    top: 0;
    right: -37px;
    bottom: 0;
    width: 38px;
    box-sizing: content-box;
}

@media (min-width: 600px) {
    .cta-button a .button-cta-marker .button-cta-cap {
        transform: translateX(30px);
        padding-right: 40px;
        width: 40px;
    }
}

@media (min-width: 900px) {
    .cta-button a .button-cta-marker .button-cta-cap {
        right: -38.09524px;
    }
}

@media (min-width: 1625px) {
    .cta-button a .button-cta-marker .button-cta-cap {
        right: -47.61905px;
    }
}

.cta-button a .button-cta-marker .cap-svg {
    display: block;
    height: 100%;
    width: 100%;
    background: url(https://kinder-2020-1.letoagency.ru/images/c899fb7d680294880e8208424fc40eb6.svg) no-repeat 50%/100% 100%;
}

.cta-button a:hover .button-cta-label, .cta-button a:hover .button-cta-marker {
    animation: buttonCtaBounce 0.5s;
}

@keyframes playButtonBounce {
    0% {
        transform: scale(1) translate(-50%, -50%);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8) translate(-50%, -50%);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2) translate(-50%, -50%);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1) translate(-50%, -50%);
    }
}

@-webkit-keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes myButtonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.1) scaleY(0.9);
    }
    50% {
        transform: scaleX(0.9) scaleY(1.1);
    }
    75% {
        transform: scaleX(1) scaleY(1);
    }
}

.poster {
    display: inline-block;
    position: relative;
}

.play-button {
    position: absolute;
    cursor: pointer;
}

.play-button .play-button-icon {
    fill: #fff;
}

.play-button .play-button-body {
    fill: #f3410e;
}

.play-button .play-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.play-button:hover svg {
    animation: buttonCtaBounce 0.5s;
}

.video-player {
    display: none;
}

.video-player--visible {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.video-player .player-wrapper {
    position: relative;
    margin: 48px;
    padding: 10px;
    width: 80%;
    background: #fff;
}

@media (min-width: 600px) {
    .video-player .player-wrapper {
        padding: 20px;
    }
}

@media (min-width: 769px) {
    .video-player .player-wrapper {
        max-width: 1200px;
    }
}

@media (max-height: 730px) {
    .video-player .player-wrapper {
        max-width: 950px;
    }
}

.video-player .with-poster {
    height: 50vw;
}

.video-player .button-close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 70px;
    height: 70px;
    z-index: 1;
}

.video-player .video-embed-field-provider-ferrero-video-platform {
    position: relative;
}

.video-player .video-embed-field-provider-ferrero-video-platform:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.video-player video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

@media (min-width: 900px) {
    .video-player iframe {
        min-height: 480px;
    }
}

.poster-gif {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.product-details-slide .play-button {
    height: 52px;
    width: 64px;
}

@media (min-width: 1650px) {
    .product-details-slide .play-button {
        width: 90px;
        height: 76px;
    }
}

.lightbox-video.contextual-region {
    position: static;
}

.lightbox-video .poster {
    width: 100%;
}

.lightbox-video .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}

@media (min-width: 900px) {
    .lightbox-video .play-button {
        bottom: 40px;
        left: 40px;
        right: auto;
        top: auto;
        transform: none;
    }
}

@media (min-width: 600px) {
    .lightbox-video .play-button {
        display: flex;
        align-items: center;
    }
}

.lightbox-video .play-button svg {
    display: block;
    width: 90px;
    height: 80px;
}

@media (min-width: 600px) {
    .lightbox-video .play-button svg {
        width: 6.25vw;
        height: 5.55556vw;
    }
}

.lightbox-video .play-button .field--name-video-title {
    display: none;
}

@media (min-width: 600px) {
    .lightbox-video .play-button .field--name-video-title {
        display: block;
        padding-left: 1em;
        font-size: 1.66667vw;
        color: #fff;
    }
}

.paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, .hub-header .lightbox-video .poster .play-button, .banners .lightbox-video .poster .play-button {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button svg, .hub-header .lightbox-video .poster .play-button svg, .banners .lightbox-video .poster .play-button svg {
    width: 100%;
    height: 100%;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, [dir='rtl']
.hub-header .lightbox-video .poster .play-button, [dir='rtl']
.banners .lightbox-video .poster .play-button {
    right: auto;
    left: 50%;
}

.hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button {
    padding: 0 10px;
    width: 22vw;
    height: 22vw;
    z-index: 1;
}

@media (min-width: 769px) {
    .hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button {
        width: 10vw;
        height: 10vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .brand-media .play-button {
        left: auto;
        right: 40px;
    }
}

[dir='rtl'] .brand-media .play-button .field--name-video-title {
    padding-left: 0;
    padding-right: 1em;
}

@media (min-width: 900px) {
    [dir='rtl'] .lightbox-video .poster .play-button {
        left: auto;
        right: 40px;
    }
}

@media (min-width: 600px) {
    [dir='rtl'] .lightbox-video .poster .field--name-video-title {
        padding-left: 0;
        padding-right: 1em;
    }
}

.text-image-pillar .container-wrapper {
    padding-top: 50px;
    padding-bottom: 30px;
}

@media (min-width: 600px) {
    .text-image-pillar .container-wrapper {
        padding-top: 140px;
    }
}

@media (min-width: 900px) {
    .text-image-pillar .container-wrapper {
        margin: 0 auto;
        padding-top: 4.5%;
        padding-bottom: 2.44444vw;
        max-width: 73.33333vw;
        min-height: 19.33333vw;
    }
}

.text-image-pillar .container-wrapper .container {
    height: 100%;
}

@media (max-width: 599px) {
    .text-image-pillar .container-wrapper .container {
        padding-top: 8.6vw;
    }
}

@media (min-width: 900px) {
    .text-image-pillar .text-image--left {
        width: 55%;
    }
}

@media (max-width: 899px) {
    .text-image-pillar .field--name-kinder-text-image-title {
        margin-bottom: 0;
    }
}

.text-image-pillar.doodle-bird .container-wrapper, .text-image-pillar.doodle-heart .container-wrapper, .text-image-pillar.doodle-balloon .container-wrapper {
    position: relative;
}

.text-image-pillar.doodle-bird .container-wrapper::before, .text-image-pillar.doodle-bird .container-wrapper::after, .text-image-pillar.doodle-heart .container-wrapper::before, .text-image-pillar.doodle-heart .container-wrapper::after, .text-image-pillar.doodle-balloon .container-wrapper::before, .text-image-pillar.doodle-balloon .container-wrapper::after {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 2.66667vw;
}

.text-image-pillar.doodle-bird .container-wrapper::before {
    left: 2.66667vw;
    top: 2.66667vw;
    width: 20.53333vw;
    height: 16.46667vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/daad875fb429999be8c1f71f339b6bc8.svg) 50%/contain;
    transform: scaleX(1);
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-bird .container-wrapper::before {
        left: -10.66666vw;
        top: 2.22222vw;
        width: 10.11111vw;
        height: 10.45833vw;
    }
}

.text-image-pillar.doodle-bird .container-wrapper::after {
    right: 2.66667vw;
    height: 13.6vw;
    width: 18.93333vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/89a6aed8383da4dae6443b77f183e5cd.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-bird .container-wrapper::after {
        top: 6.66667vw;
        right: -8.125vw;
        height: 5.41667vw;
        width: 5.41667vw;
    }
}

.text-image-pillar.doodle-heart .container-wrapper::before {
    top: 2.66667vw;
    left: 2.66667vw;
    height: 15.2vw;
    width: 13.86667vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/e5101541af779b7afd6b80237da46123.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-heart .container-wrapper::before {
        left: -6.04167vw;
        height: 6.59722vw;
        width: 6.04167vw;
        top: 2.22222vw;
    }
}

.text-image-pillar.doodle-heart .container-wrapper::after {
    top: 2.66667vw;
    right: 2.66667vw;
    height: 14.8vw;
    width: 13.46667vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/63272e7fd514778a84cf21dd06e1968b.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-heart .container-wrapper::after {
        top: 6.66667vw;
        right: -8.125vw;
        height: 5.41667vw;
        width: 5.41667vw;
    }
}

.text-image-pillar.doodle-balloon .container-wrapper::before {
    top: 6.66667vw;
    left: 2.66667vw;
    height: 10.4vw;
    width: 12.13333vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/91733a6b543aca0caaf4b55996b9ca48.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-balloon .container-wrapper::before {
        top: 2.22222vw;
        left: -6.31944vw;
        height: 5.41667vw;
        width: 6.31944vw;
    }
}

@media (max-width: 599px) {
    .text-image-pillar.doodle-balloon .container-wrapper::before {
        top: 6.33333vw;
    }
}

.text-image-pillar.doodle-balloon .container-wrapper::after {
    top: 6.66667vw;
    right: 2.66667vw;
    height: 16.4vw;
    width: 15.86667vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/cbd591ecf4a2868f605f6896d2fc24b7.svg) 50%/contain;
}

@media (min-width: 900px) {
    .text-image-pillar.doodle-balloon .container-wrapper::after {
        top: 6.66667vw;
        right: -14.9375vw;
        height: 19.23611vw;
        width: 16.59722vw;
    }
}

@media (max-width: 599px) {
    .text-image-pillar.doodle-balloon .container-wrapper::after {
        top: 5.33333vw;
    }
}

.text-image-pillar.right-aligned.doodle-bird .container-wrapper::before {
    top: -1.77778vw;
}

@media (min-width: 900px) {
    .text-image-pillar.right-aligned.doodle-bird.is-minimal .container-wrapper::before {
        display: none;
    }
}

@media (min-width: 900px) {
    .text-image-pillar.right-aligned.doodle-heart .container-wrapper::before {
        display: none;
    }
}

.text-image-pillar.right-aligned.doodle-balloon .container-wrapper::after {
    left: -12.33333vw;
    top: 8vw;
    width: 15.86667vw;
    height: 16.4vw;
}

.text-image-pillar.right-aligned.doodle-balloon .container-wrapper::before {
    right: 2.66667vw;
    top: 2.66667vw;
    left: auto;
    height: 10.4vw;
    width: 12.13333vw;
}

@media (min-width: 900px) {
    .text-image-pillar.right-aligned.doodle-balloon .container-wrapper::before {
        right: -9.47917vw;
        top: 6.66667vw;
        left: auto;
        height: 5.41667vw;
        width: 6.31944vw;
    }
}

[dir='rtl'] .text-image-pillar .field--name-kinder-text-image-title, [dir='rtl'] .text-image-link .field--name-kinder-text-image-title {
    padding: 0 4.26667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar .field--name-kinder-text-image-title, [dir='rtl'] .text-image-link .field--name-kinder-text-image-title {
        padding-left: 0;
        padding-right: 13.33333vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar .text-image--left, [dir='rtl'] .text-image-link .text-image--left {
        padding-right: 0;
        padding-left: 8.88889vw;
    }
}

[dir='rtl'] .text-image-pillar .text-image--left .field--name-kinder-text-image-title, [dir='rtl'] .text-image-link .text-image--left .field--name-kinder-text-image-title {
    padding-right: 0;
    padding-left: 4.44444vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.right-aligned .text-image--left, [dir='rtl'] .text-image-link.right-aligned .text-image--left {
        padding-left: 0;
        padding-right: 8.88889vw;
    }
}

[dir='rtl'] .text-image-pillar.right-aligned .field--name-kinder-text-image-title, [dir='rtl'] .text-image-link.right-aligned .field--name-kinder-text-image-title {
    padding-left: 0;
}

[dir='rtl'] .text-image-pillar.doodle-bird .container-wrapper::before {
    left: auto;
    right: 2.66667vw;
    transform: scaleX(-1);
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.doodle-bird .container-wrapper::before {
        left: auto;
        right: -10.66666vw;
    }
}

[dir='rtl'] .text-image-pillar.doodle-bird .container-wrapper::after {
    right: auto;
    left: 2.66667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.doodle-bird .container-wrapper::after {
        right: auto;
        left: -8.125vw;
    }
}

[dir='rtl'] .text-image-pillar.doodle-heart .container-wrapper::before {
    left: auto;
    right: 2.66667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.doodle-heart .container-wrapper::before {
        left: auto;
        right: -6.04167vw;
    }
}

[dir='rtl'] .text-image-pillar.doodle-heart .container-wrapper::after {
    right: auto;
    left: 2.66667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.doodle-heart .container-wrapper::after {
        right: auto;
        left: -8.125vw;
    }
}

[dir='rtl'] .text-image-pillar.doodle-balloon .container-wrapper::before {
    left: auto;
    right: 2.66667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.doodle-balloon .container-wrapper::before {
        left: auto;
        right: -6.31944vw;
    }
}

[dir='rtl'] .text-image-pillar.doodle-balloon .container-wrapper::after {
    right: auto;
    left: 2.66667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.doodle-balloon .container-wrapper::after {
        right: auto;
        left: -14.9375vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.right-aligned.doodle-bird.is-minimal .container-wrapper::before {
        display: none;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.right-aligned.doodle-heart .container-wrapper::before {
        display: none;
    }
}

[dir='rtl'] .text-image-pillar.right-aligned.doodle-balloon .container-wrapper::after {
    left: auto;
    right: -12.33333vw;
}

[dir='rtl'] .text-image-pillar.right-aligned.doodle-balloon .container-wrapper::before {
    right: auto;
    left: 2.66667vw;
}

@media (min-width: 900px) {
    [dir='rtl'] .text-image-pillar.right-aligned.doodle-balloon .container-wrapper::before {
        right: auto;
        left: -9.47917vw;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-title {
    margin: 0;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -.17px;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-title {
    font-family: "LeOsler", sans-serif !important;
}

[lang*='ar-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='ar-'] .field--name-title {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='el-'] .field--name-title {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='ko-'] .field--name-title {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='ru-'] .field--name-title, [lang*='ru-LV'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='ru-LV'] .field--name-title, [lang*='ru-LT'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='ru-LT'] .field--name-title, [lang*='ru-EE'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='ru-EE'] .field--name-title, [lang*='kk-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='kk-'] .field--name-title {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='he-'] .field--name-title {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='uk-'] .field--name-title, [lang*='bg-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='bg-'] .field--name-title {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='zh-CN'] .field--name-title {
    font-family: Arial;
}

[lang*='zh-TW'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='zh-TW'] .field--name-title, [lang*='zh-HK'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='zh-HK'] .field--name-title {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide [lang*='th-'] .field--name-title {
    font-family: "Pridi", sans-serif;
}

.paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title .small {
    font-size: 36px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.simple-text.myblock__01 .field--name-multicolor-title-reference .kinder-multicolor-title .small,
    .paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title .small {
        font-size: 1.9vw;
    }
}

.paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title .medium {
    font-size: 45px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title .medium {
        font-size: 4.86111vw;
    }
}

.paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title .large {
    font-size: 45px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title .large {
        font-size: 6.25vw;
    }
}

.slick-button {
    position: absolute;
    top: 50%;
    padding: 0;
    border: 0;
    width: 64px;
    height: 54px;
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
}

.slick-button.slick-prev {
    left: 5px;
}

@media (min-width: 600px) {
    .slick-button.slick-prev {
        left: 13.33333vw;
    }
}

.slick-button.slick-next {
    right: 5px;
}

@media (min-width: 600px) {
    .slick-button.slick-next {
        right: 13.33333vw;
    }
}

[data-color-parent="blue-background"] .slick-button.slick-next .carousel-button-body {
    fill: #fff;
}

[data-color-parent="blue-background"] .slick-button.slick-next .carousel-button-icon {
    fill: #009fe5;
}

@media (max-width: 899px) {
    [data-color-parent="blue-background"] .slick-button.slick-prev .carousel-button-body {
        fill: #fff;
    }

    [data-color-parent="blue-background"] .slick-button.slick-prev .carousel-button-icon {
        fill: #009fe5;
    }
}

.slick-button:hover {
    animation: carouselButtonBounce 0.5s;
}

.slick-button .carousel-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.slick-button .carousel-button-body {
    fill: #009fe5;
    transition: fill 0.25s;
}

.slick-button .carousel-button-icon {
    fill: #fff;
}

.slick-dots {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.slick-dots li {
    display: inline-block;
    border-radius: 50%;
    padding: 4px;
    transform: scale(0.5);
    transition: transform .25s;
    will-change: transform;
}

@media (min-width: 600px) {
    .slick-dots li {
        padding: 8px;
    }
}

.slick-dots li.slick-active {
    transform: scale(1);
}

.slick-dots li.slick-active button {
    background-color: #009fe5;
}

.slick-dots button {
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #351917;
    font-size: 0;
    color: transparent;
    transition: transform .25s;
    cursor: pointer;
}

@media (min-width: 600px) {
    .slick-dots button {
        width: 16px;
        height: 16px;
    }
}

[dir='rtl'] .slick-list {
    direction: rtl;
}

[dir='rtl'] .slick-button svg {
    transform: rotate(180deg);
}

[dir='rtl'] .slick-button.slick-prev {
    left: auto;
    right: 5px;
}

@media (min-width: 600px) {
    [dir='rtl'] .slick-button.slick-prev {
        left: auto;
        right: 13.33333vw;
    }
}

[dir='rtl'] .slick-button.slick-next {
    left: 5px;
    right: auto;
}

@media (min-width: 600px) {
    [dir='rtl'] .slick-button.slick-next {
        left: 13.33333vw;
        right: auto;
    }
}

.paragraph--type--kinder-carousel-product-range .product-range-carousel-wrapper {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.paragraph--type--kinder-carousel-product-range .product-range-carousel-wrapper.slick-slider {
    flex-direction: column;
}

.paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title {
    padding-bottom: .6em;
    padding-top: .6em;
    background-color: #fff;
    line-height: 32px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .paragraph--type--kinder-multicolor-title {
        padding-bottom: .4em;
        padding-top: .6em;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item {
    position: relative;
    padding: 5% 2% 2%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide {
    position: relative;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
    position: relative;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%;
    max-width: 365px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
        max-width: 320px;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
        max-width: 300px;
        box-sizing: content-box;
    }
}

@media (max-width: 768px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
        max-width: 300px;
        box-sizing: border-box;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image::after {
    content: '';
    position: absolute;
    top: -1px;
    left: 50%;
    width: 63%;
    height: 20%;
    background: no-repeat 100%/100% auto;
    transform: translateX(-50%);
    z-index: -1;
    clear: both;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image .field--name-field-media-image {
    height: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image .field--name-field-media-image img {
    position: absolute;
    top: 50%;
    width: 100%;
    /*height: 100%;*/
    transform: translateY(-50%);
    object-fit: cover;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title {
    position: relative;
    text-align: center;
    margin: 15px 0 0;
    font-size: 21px;
    line-height: 21px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title {
        font-size: 24px;
        line-height: 24px;
    }
}

.active-doodles.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+1) .field--name-kinder-slide-image {
    background: no-repeat 50%/70% auto;
/background-image: url(https://kinder-2020-1.letoagency.ru/images/d02edf1f0e4b6179ad3951e8adfd3daa.svg);
}

.active-doodles.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+1) .field--name-kinder-slide-image::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/ff2823a3d3f15f5f6fdbea859558094a.png);
}

.active-doodles.red.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+1) .field--name-kinder-slide-image::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/84dbc19359d05dbabc34e6248492ae62.png);
}

.active-doodles.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+2) .field--name-kinder-slide-image {
    background: no-repeat 50%/70% auto;
    background-image: url(https://kinder-2020-1.letoagency.ru/images/156e276e25eb70928a4a96cfb6160132.svg);
}

.active-doodles.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+2) .field--name-kinder-slide-image::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/beb0c050f675f01f655434a1ecf5a625.png);
}

.active-doodles.red.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+2) .field--name-kinder-slide-image::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/96d237b5750d86b5efb0342426e465bd.png);
}

.active-doodles.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+3) .field--name-kinder-slide-image {
    background: no-repeat 50%/70% auto;
    background-image: url(https://kinder-2020-1.letoagency.ru/images/1b70329d033a75f397f144071809da80.svg);
}

.active-doodles.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+3) .field--name-kinder-slide-image::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/beb0c050f675f01f655434a1ecf5a625.png);
}

.active-doodles.red.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+3) .field--name-kinder-slide-image::after {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/96d237b5750d86b5efb0342426e465bd.png);
}

@media (max-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.one-item {
        padding-bottom: 5%;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item::before, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item::after {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item::before {
    top: -1px;
    height: 6.38889vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/5e7b2e59d6664b676c09dd3831c6ece8.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item::after {
    bottom: -1px;
    padding-bottom: 5%;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/creamy-transition.svg) bottom/100% auto;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item::after {
        background-size: contain;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-controls .carousel-button, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-controls .slick-dots {
    display: none;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-controls .swiper-slide {
    flex: 1 1 auto;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel {
    display: flex;
    padding: 5% 0;
    align-items: flex-start;
    justify-content: center;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel::before, .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel::after {
    content: '';
    position: absolute;
    left: -1px;
    right: -1px;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel::before {
    content: '';
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 6.38889vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/5e7b2e59d6664b676c09dd3831c6ece8.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .swiper-container {
    padding-bottom: 0;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper {
    padding: 0 8px;
    width: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide {
    position: relative;
    flex: 1 1 auto;
    margin: 0 auto;
    padding: 0 7px;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
    position: relative;
    width: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image .field--name-field-media-image {
    height: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image .field--name-field-media-image img {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translateY(-50%);
    object-fit: cover;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
        max-width: 320px;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
        max-width: 300px;
        box-sizing: content-box;
    }
}

@media (max-width: 768px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image {
        max-width: 300px;
        box-sizing: border-box;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-doodle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 63%;
    height: 20%;
    transform: translateX(-50%);
    object-fit: contain;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-doodle .media--type-image {
    height: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-doodle .field--type-image {
    position: relative;
    height: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-doodle .field--type-image::before {
    content: '';
    display: block;
    padding-top: 100%;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-doodle .field--type-image img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-title {
    position: relative;
    text-align: center;
    margin: 15px 0 0;
    font-size: 21px;
    line-height: 21px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-title {
        font-size: 24px;
        line-height: 24px;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper {
        margin: 0 auto;
        width: 768px;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .carousel-button {
    display: none;
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    overflow: hidden;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
        width: 68%;
        max-width: 1152px;
        padding-bottom: 3.5vw;
    }
}

@media (min-width: 1200px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
        padding: 0;
        padding-bottom: 5vw;
    }
}

@media (max-width: 1199px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
        padding-bottom: 7vw;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
        padding-bottom: 7.5vw;
    }
}

@media (max-width: 768px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
        padding-bottom: 10vw;
    }
}

@media (max-width: 479px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-container {
        padding-bottom: 20vw;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-slide {
    padding: 0 8px;
    width: 100%;
    max-width: 1300px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-slide {
        max-width: 100%;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .swiper-slide::after {
    content: '';
    display: table;
    clear: both;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .carousel-button.carousel-button-prev {
        left: 65px;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .carousel-button.carousel-button-next {
        right: 65px;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .carousel-button:hover {
    animation: carouselButtonBounce 0.5s;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .carousel-button {
        width: 74px;
        height: 66px;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .carousel-button {
        display: none;
    }
}

.paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .slick-dots {
    left: 0;
    top: 100%;
    z-index: 1;
}

@media (max-width: 1199px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item {
        padding-bottom: 2%;
    }
}

@media (max-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item {
        padding-bottom: 0;
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item {
        margin-left: -3px;
        width: 101%;
        overflow: hidden;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item {
        margin-left: -3px;
        width: 101%;
        overflow: hidden;
    }
}

@media (max-width: 480px) and (orientation: portrait) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item {
        margin-left: -2px;
    }
}

.active-doodles.paragraph--type--kinder-carousel-product-range.blue-background.active-doodles .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+1) .field--name-kinder-slide-image {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/81d6b4fec52f64be630218e2884765c9.svg);
}

.active-doodles.paragraph--type--kinder-carousel-product-range.blue-background.active-doodles .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+2) .field--name-kinder-slide-image {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/32cecc0eaeaff8e6863d3977dd650f02.svg);
}

.active-doodles.paragraph--type--kinder-carousel-product-range.blue-background.active-doodles .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide:nth-of-type(3n+3) .field--name-kinder-slide-image {
    background-image: url(https://kinder-2020-1.letoagency.ru/images/0ca64a6ad0113431be8f2bbb41167c15.svg);
}

.paragraph--type--kinder-carousel-product-range.blue-background .field--name-kinder-product-range-item {
    background: radial-gradient(circle, #8bd2f1 0%, rgba(255, 255, 255, 0) 100%) #009fe5;
}

.paragraph--type--kinder-carousel-product-range.blue-background .carousel-button .carousel-button-body {
    fill: #fff;
}

.paragraph--type--kinder-carousel-product-range.blue-background .carousel-button .carousel-button-icon {
    fill: #009fe5;
}

.paragraph--type--kinder-carousel-product-range.blue-background .carousel-button.swiper-button-disabled .carousel-button-icon {
    fill: #ccc;
}

.paragraph--type--kinder-carousel-product-range.blue-background .slick-dots li button {
    background-color: #fff;
    transition: all .25s;
}

.paragraph--type--kinder-carousel-product-range.blue-background .slick-dots li button:hover {
    background-color: #009fe5;
}

.paragraph--type--kinder-carousel-product-range.blue-background .slick-dots li.slick-active button {
    background-color: #f3410e;
}

.paragraph--type--kinder-carousel-product-range.blue-background .field--name-title {
    color: #fff;
}

.paragraph--type--kinder-carousel-product-range.creamy-background .field--name-kinder-product-range-item, .paragraph--type--kinder-carousel-product-range.grey-background .field--name-kinder-product-range-item {
    background: radial-gradient(circle, #fff 0%, rgba(139, 210, 241, 0) 100%) #F4E4C1;
}

.paragraph--type--kinder-carousel-product-range.creamy-background .product-range-carousel-wrapper .swiper-slide .field--name-title, .paragraph--type--kinder-carousel-product-range.grey-background .product-range-carousel-wrapper .swiper-slide .field--name-title {
    color: #424242;
}

.paragraph--type--kinder-carousel-product-range.creamy-background .carousel-button .carousel-button-body, .paragraph--type--kinder-carousel-product-range.grey-background .carousel-button .carousel-button-body {
    fill: #fff;
}

.paragraph--type--kinder-carousel-product-range.creamy-background .carousel-button .carousel-button-icon, .paragraph--type--kinder-carousel-product-range.grey-background .carousel-button .carousel-button-icon {
    fill: #009fe5;
}

.paragraph--type--kinder-carousel-product-range.creamy-background .slick-dots li button, .paragraph--type--kinder-carousel-product-range.grey-background .slick-dots li button {
    background-color: #424242;
}

.paragraph--type--kinder-carousel-product-range.creamy-background .slick-dots li.slick-active button, .paragraph--type--kinder-carousel-product-range.grey-background .slick-dots li.slick-active button {
    background-color: #f3410e;
}

.paragraph--type--kinder-carousel-product-range.grey-background .field--name-kinder-product-range-item {
    background: radial-gradient(circle, #fff 0%, rgba(255, 255, 255, 0) 100%), #e8dfd7;
}

.paragraph--type--kinder-carousel-product-range.white_white, .paragraph--type--kinder-carousel-product-range.creamy_creamy, .paragraph--type--kinder-carousel-product-range.creamy_white:not(.paragraph--type--full-width-cross-link), .paragraph--type--kinder-carousel-product-range.white_creamy:not(.paragraph--type--full-width-cross-link), .paragraph--type--kinder-carousel-product-range.white_white {
    padding: 0;
    background: none !important;
}

.paragraph--type--kinder-carousel-product-range.creamy-background, .paragraph--type--kinder-carousel-product-range.grey-background, .paragraph--type--kinder-carousel-product-range.blue-background {
    background: none;
}

.paragraph--type--kinder-carousel-product-range.creamy_creamy .paragraph--type--kinder-multicolor-title {
    background-color: #faf5ed;
}

.paragraph--type--kinder-carousel-product-range.creamy_creamy .field--name-kinder-product-range-item::before {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/c4a82cecf42b14cc25605f0e8fe3c0c2.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range.white_white .paragraph--type--kinder-multicolor-title {
    background-color: #fff;
}

.paragraph--type--kinder-carousel-product-range.white_white .field--name-kinder-product-range-item::before {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/5e7b2e59d6664b676c09dd3831c6ece8.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range.white_white .field--name-kinder-product-range-item::after {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/white-transition.svg) bottom/100% auto;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range.white_white .field--name-kinder-product-range-item::after {
        background-size: contain;
    }
}

.paragraph--type--kinder-carousel-product-range.creamy_white .paragraph--type--kinder-multicolor-title {
    background-color: #faf5ed;
}

.paragraph--type--kinder-carousel-product-range.creamy_white .field--name-kinder-product-range-item::before {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/c4a82cecf42b14cc25605f0e8fe3c0c2.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range.creamy_white .field--name-kinder-product-range-item::after {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/white-transition.svg) bottom/100% auto;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-carousel-product-range.creamy_white .field--name-kinder-product-range-item::after {
        background-size: contain;
    }
}

.paragraph--type--kinder-carousel-product-range.white_creamy .paragraph--type--kinder-multicolor-title {
    background-color: #fff;
}

.paragraph--type--kinder-carousel-product-range.white_creamy .field--name-kinder-product-range-item::before {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/e21c10f81b9e8ceb9c93820dcc351756.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range.white_creamy_wave_dotted:not(.paragraph--type--full-width-cross-link) {
    background-color: #fff;
}

.paragraph--type--kinder-carousel-product-range.white_creamy_wave_dotted .field--name-kinder-product-range-item::before {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/c4a82cecf42b14cc25605f0e8fe3c0c2.svg) center -1px/100% auto;
}

.paragraph--type--kinder-carousel-product-range.white_creamy_wave_dotted:not(.paragraph--type--full-width-cross-link), .paragraph--type--kinder-carousel-product-range.creamy_white_wave_dotted:not(.paragraph--type--full-width-cross-link) {
    padding-top: 23%;
    padding-bottom: 0;
}

/*.paragraph--type--kinder-carousel-product-range .slick-arrow {*/
/*    display: none !important;*/
/*}*/

.slider5 .carousel-button-prev,
.slider5 .carousel-button-next,
.slider1 .carousel-button-prev,
.slider1 .carousel-button-next {
    display: none !important;
}

.paragraph--type--kinder-carousel-product-range .slick-dots {
    margin-top: 30px;
    z-index: 1;
}

@media (min-width: 1200px) {
    .paragraph--type--kinder-carousel-product-range .slick-dots {
        margin-top: 30px;
    }
}

@media (min-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .slick-dots {
        margin-top: 20px;
    }
}

.paragraph--type--kinder-carousel-product-range .slick-dots li {
    position: relative;
}

@media (max-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .slick-dots li {
        padding: 3.5px;
    }

    .paragraph--type--kinder-carousel-product-range .slick-dots li button {
        padding: 4px;
        width: 1px;
        height: 1px;
    }

    .paragraph--type--kinder-carousel-product-range .slick-dots li.slick-active button {
        width: 9px;
        height: 9px;
    }
}

@media (min-width: 769px) {
    .paragraph--type--kinder-carousel-product-range .slick-dots {
        min-height: 32px;
    }
}

[dir='rtl'] .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel {
    flex-direction: row-reverse;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item .product-range-carousel-wrapper .swiper-slide .field--name-title {
        padding-bottom: 10px;
    }

    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .swiper-container {
        margin: 0;
    }

    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-carousel .product-range-carousel-wrapper .swiper-slide .field--name-kinder-slide-image .media--type-image .field--name-field-media-image img {
        height: auto;
    }

    .paragraph--type--kinder-carousel-product-range .field--name-kinder-product-range-item.no-controls .swiper-container {
        margin: 0 auto;
    }
}

.banners {
    text-align: center;
}

.banners .field--name-description p {
    display: block;
    font-size: 1em;
}

.banners .field--name-field-media-image {
    position: relative;
    display: inline-block;
}

.banners .field--name-field-media-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e6e2e1;
    -ms-transform: translate(1.33333vw, 1.33333vw);
    transform: translate(1.33333vw, 1.33333vw);
    z-index: 0;
}

@media (min-width: 900px) {
    .banners .field--name-field-media-image::before {
        -ms-transform: translate(0.69444vw, 0.69444vw);
        transform: translate(0.69444vw, 0.69444vw);
    }
}

.banners .field--name-field-media-image img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}

.banners .carousel-controls {
    display: none;
}

.banners .lightbox-video {
    font-size: 0;
}

.banners.hide-shadow .field--name-field-media-image::before {
    display: none;
}

.banners.beige-background {
    background-color: #faf5ed;
}

.banners.bluish-background {
    background-color: #E8F2FC;
}

.banners.has-background {
    background-color: #fff;
}

[dir='rtl'] .banners {
    direction: rtl;
}

.banners-media-carousel .field--name-html-title p {
    font-family: "Chronic", sans-serif;
}

[lang*='ar-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='ar-'] p {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='el-'] p {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='ko-'] p {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='ru-'] p, [lang*='ru-LV'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='ru-LV'] p, [lang*='ru-LT'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='ru-LT'] p, [lang*='ru-EE'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='ru-EE'] p, [lang*='kk-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='kk-'] p {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='he-'] p {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='uk-'] p, [lang*='bg-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='bg-'] p {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='zh-CN'] p {
    font-family: Arial;
}

[lang*='zh-TW'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='zh-TW'] p, [lang*='zh-HK'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='zh-HK'] p {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-html-title [lang*='th-'] p {
    font-family: "Pridi", sans-serif;
}

@keyframes carouselButtonBounce {
    0% {
        transform: scale(1) translateY(-50%);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8) translateY(-50%);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2) translateY(-50%);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1) translateY(-50%);
    }
}

.carousel-pagination {
    position: absolute;
    bottom: -42.66667px;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 9;
}

.carousel-pagination .carousel-pagination-dot, .carousel-pagination .swiper-pagination-bullet {
    display: inline-block;
    padding: 4px;
    line-height: 0;
    cursor: pointer;
    transform: scale(0.5);
    transition: transform .25s;
    will-change: transform;
}

@media (min-width: 900px) {
    .carousel-pagination .carousel-pagination-dot, .carousel-pagination .swiper-pagination-bullet {
        padding: 8px;
    }
}

.carousel-pagination .carousel-pagination-dot::after, .carousel-pagination .swiper-pagination-bullet::after {
    display: block;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #351917;
}

@media (min-width: 600px) {
    .carousel-pagination .carousel-pagination-dot::after, .carousel-pagination .swiper-pagination-bullet::after {
        width: 16px;
        height: 16px;
    }
}

.carousel-pagination .carousel-pagination-dot.is-active, .carousel-pagination .carousel-pagination-dot.swiper-pagination-bullet-active, .carousel-pagination .swiper-pagination-bullet.is-active, .carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    cursor: default;
    transform: scale(1);
}

.carousel-pagination .carousel-pagination-dot.is-active::after, .carousel-pagination .carousel-pagination-dot.swiper-pagination-bullet-active::after, .carousel-pagination .swiper-pagination-bullet.is-active::after, .carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-color: #009fe5;
}

.carousel-button, .carousel-control-button {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 52px;
    cursor: pointer;
    transform: translateY(-50%);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    opacity: 1;
}

.carousel-button.is-inactive, .carousel-button.is-disabled, .carousel-button.swiper-button-disabled[aria-disabled="true"], .carousel-control-button.is-inactive, .carousel-control-button.is-disabled, .carousel-control-button.swiper-button-disabled[aria-disabled="true"] {
    cursor: default;
}

.carousel-button.is-inactive .carousel-button-body, .carousel-button.is-disabled .carousel-button-body, .carousel-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-body, .carousel-control-button.is-inactive .carousel-button-body, .carousel-control-button.is-disabled .carousel-button-body, .carousel-control-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-body {
    fill: #fff;
}

.carousel-button.is-inactive .carousel-button-icon, .carousel-button.is-disabled .carousel-button-icon, .carousel-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-icon, .carousel-control-button.is-inactive .carousel-button-icon, .carousel-control-button.is-disabled .carousel-button-icon, .carousel-control-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-icon {
    fill: #CCC;
}

.carousel-button.is-hidden, .carousel-control-button.is-hidden {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 900px) {
    .carousel-button:hover, .carousel-control-button:hover {
        animation: carouselButtonBounce 0.5s;
    }
}

.carousel-button.carousel-button-next, .carousel-control-button.carousel-button-next {
    right: -7vw;
}

@media (min-width: 600px) {
    .carousel-button.carousel-button-next, .carousel-control-button.carousel-button-next {
        right: -42px;
    }
}

.carousel-button.carousel-button-prev, .carousel-control-button.carousel-button-prev {
    left: -7vw;
}

@media (min-width: 600px) {
    .carousel-button.carousel-button-prev, .carousel-control-button.carousel-button-prev {
        left: -42px;
    }
}

.carousel-button .carousel-button-shadow, .carousel-control-button .carousel-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.carousel-button .carousel-button-body, .carousel-control-button .carousel-button-body {
    fill: #009fe5;
    transition: fill 0.25s;
}

.carousel-button .carousel-button-icon, .carousel-control-button .carousel-button-icon {
    fill: #fff;
}

.paragraph--type--kinder-seasonal-tab .carousel-button {
    top: 40%;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-seasonal-tab .carousel-button {
        top: 14vw;
    }
}

.paragraph--type--kinder-seasonal-tab .carousel-button:hover {
    animation: carouselButtonBounce 0.5s;
}

.paragraph--type--kinder-seasonal-tab .carousel-button-prev {
    left: 10px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-seasonal-tab .carousel-button-prev {
        left: -8.88889vw;
    }
}

.paragraph--type--kinder-seasonal-tab .carousel-button-next {
    right: 10px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-seasonal-tab .carousel-button-next {
        right: -8.88889vw;
    }
}

.paragraph--type--kinder-seasonal-tab .carousel-button-body {
    fill: #fff;
}

.paragraph--type--kinder-seasonal-tab .carousel-button-icon {
    fill: #009fe5;
}

@media (max-width: 768px) {
    .paragraph--type--kinder-full-width-header.full-width-header-small .carousel-button {
        display: none;
    }
}

.paragraph--type--kinder-main-carousel-home .carousel-button-prev, .paragraph--type--kinder-main-carousel-home .carousel-button-next, .paragraph--type--kinder-product-details-carousel .carousel-button-prev, .paragraph--type--kinder-product-details-carousel .carousel-button-next, .paragraph--type--kinder-full-width-header .carousel-button-prev, .paragraph--type--kinder-full-width-header .carousel-button-next {
    z-index: 5;
}

.paragraph--type--kinder-main-carousel-home .carousel-pagination, .paragraph--type--kinder-product-details-carousel .carousel-pagination, .paragraph--type--kinder-full-width-header .carousel-pagination {
    bottom: -42.66667px;
}

.paragraph--type--kinder-main-carousel-home .carousel-button-prev, .paragraph--type--kinder-product-details-carousel .carousel-button-prev, .paragraph--type--kinder-full-width-header .carousel-button-prev {
    left: 10px;
}

.paragraph--type--kinder-main-carousel-home .carousel-button-next, .paragraph--type--kinder-product-details-carousel .carousel-button-next, .paragraph--type--kinder-full-width-header .carousel-button-next {
    right: 10px;
}

.paragraph--type--kinder-product-details-carousel .carousel-pagination {
    z-index: 0;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-product-details-carousel .carousel-pagination {
        bottom: auto;
    }
}

.paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-body {
    fill: #fff;
}

.paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-icon {
    fill: #009fe5;
}

.magic-kinder-cards {
    position: relative;
}

.magic-kinder-cards .carousel-button {
    transform: none;
}

.banners-media-carousel .carousel-button {
    top: calc(50% + 15px);
}

.banners-media-carousel .carousel-button.carousel-button-prev {
    left: 10vw;
}

@media (max-width: 768px) {
    .banners-media-carousel .carousel-button.carousel-button-prev {
        left: 2.5vw;
    }
}

.banners-media-carousel .carousel-button.carousel-button-next {
    right: 10vw;
}

@media (max-width: 768px) {
    .banners-media-carousel .carousel-button.carousel-button-next {
        right: 2.5vw;
    }
}

@media (min-width: 900px) {
    .boxes .carousel-pagination {
        display: none;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-button, .paragraph--type--kinder-product-details-carousel .carousel-button, .full-width-header-big .carousel-button {
        top: 20%;
        height: 82px;
        width: 35px;
    }

    .paragraph--type--kinder-main-carousel-home .carousel-button svg, .paragraph--type--kinder-product-details-carousel .carousel-button svg, .full-width-header-big .carousel-button svg {
        display: none;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-button.carousel-button-prev, .paragraph--type--kinder-product-details-carousel .carousel-button.carousel-button-prev, .full-width-header-big .carousel-button.carousel-button-prev {
        left: 0;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/de136bf70faf9982fcbea909d049fc92.svg);
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-button.carousel-button-next, .paragraph--type--kinder-product-details-carousel .carousel-button.carousel-button-next, .full-width-header-big .carousel-button.carousel-button-next {
        right: 0;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/f276fae4160c4e22c0a632ecd4c2bb6c.svg);
    }
}

.paragraph--type--kinder-carousel-products .swiper-slide-prev .paragraph, .paragraph--type--kinder-carousel-products .swiper-slide-next .paragraph {
    pointer-events: none;
    opacity: .3;
}

.paragraph--type--kinder-carousel-products .carousel-button-prev {
    left: 0;
}

@media (min-width: 600px) {
    .paragraph--type--kinder-carousel-products .carousel-button-prev {
        left: 13.33333vw;
    }
}

.paragraph--type--kinder-carousel-products .carousel-button-next {
    right: 0;
}

@media (min-width: 600px) {
    .paragraph--type--kinder-carousel-products .carousel-button-next {
        right: 13.33333vw;
    }
}

.paragraph--type--kinder-magic-kinder .carousel-button-prev, .paragraph--type--kinder-magic-kinder .carousel-button-next {
    z-index: 5;
}

.paragraph--type--kinder-magic-kinder .carousel-pagination {
    bottom: 10px;
}

.paragraph--type--kinder-magic-kinder .carousel-button-prev {
    left: 10px;
}

.paragraph--type--kinder-magic-kinder .carousel-button-next {
    right: 10px;
}

.box-with-kinder .carousel-pagination {
    bottom: -20px;
}

[dir='rtl'] .carousel-pagination {
    direction: rtl;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-body {
    fill: #009fe5;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-icon {
    fill: #fff;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-prev .carousel-button-body {
    fill: #fff;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-prev .carousel-button-icon {
    fill: #009fe5;
}

.banners-media-carousel {
    position: relative;
    color: #0af;
}

.banners-media-carousel:not(.is-minimal)::before {
    content: '';
    position: absolute;
    top: -2.5vw;
    right: 0;
    bottom: 0;
    left: auto;
    height: 20.90278vw;
    width: 135.90278vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/9fbb271b1bfd9f02535c8e76c9640cfc.svg) 50%/contain;
    transform: translateX(4%);
}

.banners-media-carousel .kinder-image-fields-wrapper, .banners-media-carousel > .field__items {
    margin: 0 auto;
    overflow: hidden;
}

@media (min-width: 769px) {
    .banners-media-carousel .kinder-image-fields-wrapper, .banners-media-carousel > .field__items {
        width: 60%;
    }
}

.banners-media-carousel .kinder-image-fields-wrapper {
    padding-bottom: 1.33333vw;
}

@media (min-width: 900px) {
    .banners-media-carousel .kinder-image-fields-wrapper {
        padding-bottom: 0.69444vw;
    }
}

.banners-media-carousel .field--name-kinder-images-slides {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    margin: 30px auto 0;
}

@media (max-width: 768px) {
    .banners-media-carousel .field--name-kinder-images-slides {
        align-items: flex-start;
    }
}

.banners-media-carousel .field--name-kinder-images-slides > .field__item {
    flex-direction: column;
    flex-shrink: 0;
    width: 100%;
}

@media (min-width: 769px) {
    .banners-media-carousel .field--name-kinder-images-slides > .field__item {
        width: 20.77vw;
    }
}

.banners-media-carousel .paragraph--type--kinder-images-slide {
    padding-left: 15px;
    padding-right: 15px;
}

.banners-media-carousel .paragraph--type--kinder-images-slide > .container {
    display: inline-block;
}

.banners-media-carousel .field--name-html-title, .banners-media-carousel .field--name-description {
    white-space: normal;
}

.banners-media-carousel .field--name-html-title p, .banners-media-carousel .field--name-description p {
    margin: 1em auto;
    width: 85%;
}

.banners-media-carousel .field--name-html-title {
    margin: 0;
    font-size: 1.5em;
}

.banners-media-carousel .field--name-field-media-image::before {
    border-radius: 2.22222vw 0;
}

.banners-media-carousel .field--name-field-media-image img {
    border-radius: 2.22222vw 0;
}

.banners-media-carousel.activate-doodles-1::before {
    content: '';
    position: absolute;
    top: 10vw;
    right: 0;
    bottom: 0;
    left: auto;
    height: 20.90278vw;
    width: 135.90278vw;
    background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOTU3LjMiIGhlaWdodD0iMzAxLjMiPgoJPHBhdGggc3Ryb2tlPSIjMjI5RkUzIiBzdHJva2Utd2lkdGg9IjIuMiIgc3Ryb2tlLWRhc2hhcnJheT0iNi42LCAxMy4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGQ9Ik0xOTUzLjEgMTc4LjFjLTczLjY0Ni05My4yNS0yNDAuNDA4LTMyMi41Ni03MDUuNzE2LTMxLjcwMy00MjcuNzYgMjY3LjM4NS04MDAuMjI4IDEzNi4wMzctNzcyLjUzNS00NC41N0M0OTcuMjMtNDQuMTMyIDc2NS4yMyAzMTQuMTg4LS45IDkxLjEiLz4KPC9zdmc+) 50%/contain;
    transform: translateX(4%);
    pointer-events: none;
    z-index: -1;
}

@media (min-width: 769px) {
    .banners-media-carousel .less-or-3 {
        display: none;
    }
}

.paragraph--type--kinder-text.title-text .kinder-multicolor-title .small {
    font-size: 36px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.title-text .kinder-multicolor-title .small {
        font-size: 3vw;
    }
}

.paragraph--type--kinder-text.title-text .kinder-multicolor-title .medium {
    font-size: 45px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.title-text .kinder-multicolor-title .medium {
        font-size: 4.86111vw;
    }
}

.paragraph--type--kinder-text.title-text .kinder-multicolor-title .large {
    font-size: 45px;
}

@media (min-width: 769px) {
    .paragraph--type--kinder-text.title-text .kinder-multicolor-title .large {
        font-size: 6.25vw;
    }
}

.paragraph--type--kinder-text {
    position: relative;
    text-align: center;
    padding: 28.2% 0;
    background: #faf5ed;
}

.paragraph--type--kinder-text.with-white-background {
    background: #fff;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-text {
        padding-top: 17.5%;
        padding-bottom: 17.5%;
    }
}

.paragraph--type--kinder-text.title-text {
    margin: 0;
    padding: 0;
    background: #faf5ed;
}

.paragraph--type--kinder-text.title-text .kinder-multicolor-title {
    text-align: center;
    margin: 0;
    padding-top: 35px;
    padding-bottom: 35px;
}

@media (max-width: 1023px) {
    .paragraph--type--kinder-text.title-text .kinder-multicolor-title {
        padding: 35px 0;
    }
}

@media (max-width: 768px) {
    .paragraph--type--kinder-text.title-text .kinder-multicolor-title {
        padding-top: 25px;
        padding-bottom: 0;
    }
}

.paragraph--type--kinder-text.title-text.with-white-background {
    background: #fff;
}

.hub-ingredient {
    width: 100%;
}

@media (min-width: 769px) {
    .hub-ingredient {
        padding-top: 3.5vw;
    }
}

.hub-ingredient::after {
    display: block;
    content: '';
    position: absolute;
    margin-top: 2vw;
    top: auto;
    bottom: -1px;
    padding-top: 5%;
    width: 100%;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/white-transition.svg) bottom/100% auto;
}

@media (min-width: 900px) {
    .hub-ingredient::after {
        bottom: -2px;
        background-size: 100% auto;
    }
}

.hub-ingredient .paragraph--type--kinder-multicolor-title .field--name-field-media-image {
    max-width: 80%;
}

@media (min-width: 769px) {
    .hub-ingredient .paragraph--type--kinder-multicolor-title .field--name-field-media-image {
        max-width: 30%;
    }
}

.hub-ingredient .paragraph--type--kinder-multicolor-title .field--name-field-media-image img {
    margin: 0 auto;
}

@keyframes playButtonBounce {
    0% {
        transform: scale(1) translate(-50%, -50%);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8) translate(-50%, -50%);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2) translate(-50%, -50%);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1) translate(-50%, -50%);
    }
}

@-webkit-keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes myButtonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.1) scaleY(0.9);
    }
    50% {
        transform: scaleX(0.9) scaleY(1.1);
    }
    75% {
        transform: scaleX(1) scaleY(1);
    }
}

.poster {
    display: inline-block;
    position: relative;
}

.play-button {
    position: absolute;
    cursor: pointer;
}

.play-button .play-button-icon {
    fill: #fff;
}

.play-button .play-button-body {
    fill: #f3410e;
}

.play-button .play-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.play-button:hover svg {
    animation: buttonCtaBounce 0.5s;
}

.video-player {
    display: none;
}

.video-player--visible {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.video-player .player-wrapper {
    position: relative;
    margin: 48px;
    padding: 10px;
    width: 80%;
    background: #fff;
}

@media (min-width: 600px) {
    .video-player .player-wrapper {
        padding: 20px;
    }
}

@media (min-width: 769px) {
    .video-player .player-wrapper {
        max-width: 1200px;
    }
}

@media (max-height: 730px) {
    .video-player .player-wrapper {
        max-width: 950px;
    }
}

.video-player .with-poster {
    height: 50vw;
}

.video-player .button-close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 70px;
    height: 70px;
    z-index: 1;
}

.video-player .video-embed-field-provider-ferrero-video-platform {
    position: relative;
}

.video-player .video-embed-field-provider-ferrero-video-platform:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.video-player video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

@media (min-width: 900px) {
    .video-player iframe {
        min-height: 480px;
    }
}

.poster-gif {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.product-details-slide .play-button {
    height: 52px;
    width: 64px;
}

@media (min-width: 1650px) {
    .product-details-slide .play-button {
        width: 90px;
        height: 76px;
    }
}

.lightbox-video.contextual-region {
    position: static;
}

.lightbox-video .poster {
    width: 100%;
}

.lightbox-video .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}

@media (min-width: 900px) {
    .lightbox-video .play-button {
        bottom: 40px;
        left: 40px;
        right: auto;
        top: auto;
        transform: none;
    }
}

@media (min-width: 600px) {
    .lightbox-video .play-button {
        display: flex;
        align-items: center;
    }
}

.lightbox-video .play-button svg {
    display: block;
    width: 90px;
    height: 80px;
}

@media (min-width: 600px) {
    .lightbox-video .play-button svg {
        width: 6.25vw;
        height: 5.55556vw;
    }
}

.lightbox-video .play-button .field--name-video-title {
    display: none;
}

@media (min-width: 600px) {
    .lightbox-video .play-button .field--name-video-title {
        display: block;
        padding-left: 1em;
        font-size: 1.66667vw;
        color: #fff;
    }
}

.paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, .hub-header .lightbox-video .poster .play-button, .banners .lightbox-video .poster .play-button {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button svg, .hub-header .lightbox-video .poster .play-button svg, .banners .lightbox-video .poster .play-button svg {
    width: 100%;
    height: 100%;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, [dir='rtl']
.hub-header .lightbox-video .poster .play-button, [dir='rtl']
.banners .lightbox-video .poster .play-button {
    right: auto;
    left: 50%;
}

.hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button {
    padding: 0 10px;
    width: 22vw;
    height: 22vw;
    z-index: 1;
}

@media (min-width: 769px) {
    .hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button {
        width: 10vw;
        height: 10vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .brand-media .play-button {
        left: auto;
        right: 40px;
    }
}

[dir='rtl'] .brand-media .play-button .field--name-video-title {
    padding-left: 0;
    padding-right: 1em;
}

@media (min-width: 900px) {
    [dir='rtl'] .lightbox-video .poster .play-button {
        left: auto;
        right: 40px;
    }
}

@media (min-width: 600px) {
    [dir='rtl'] .lightbox-video .poster .field--name-video-title {
        padding-left: 0;
        padding-right: 1em;
    }
}

.hub-header {
    background-color: #faf5ed;
}

@media (max-width: 768px) {
    .hub-header {
        padding-top: 15vw;
    }
}

.hub-header .paragraph--type--kinder-multicolor-title .field--name-field-media-image {
    margin: 0 auto;
}

.hub-header .kinder-multicolor-title {
    margin: auto;
    width: 75%;
    font-size: 15vw;
}

@media (min-width: 769px) {
    .hub-header .kinder-multicolor-title {
        width: 60%;
        font-size: 5.86111vw;
    }
}

.hub-header .field--name-media {
    margin-top: 40px;
    margin-bottom: 40px;
}

@media (min-width: 769px) {
    .hub-header .field--name-media {
        margin-top: 60px;
        margin-bottom: 60px;
    }
}

.hub-header .field--name-media .field--name-field-media-image {
    position: relative;
}

.hub-header .field--name-media .field--name-field-media-image:before {
    content: '';
    position: absolute;
    top: 1vw;
    left: 3.5vw;
    width: 96%;
    height: 100%;
    border-radius: 20px 0;
    background-color: #e6e2e1;
}

@media (min-width: 769px) {
    .hub-header .field--name-media .field--name-field-media-image:before {
        top: 0.6vw;
        left: 17vw;
        width: 67%;
        height: 30vw;
        border-radius: 60px 0;
    }
}

.hub-header .field--name-media .field--name-field-media-image img {
    position: relative;
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: 20px 0;
    width: 96%;
}

@media (min-width: 769px) {
    .hub-header .field--name-media .field--name-field-media-image img {
        border-radius: 60px 0;
        width: 67%;
        height: 30vw;
    }
}

.hub-header .field--name-media .play-button {
    left: 50%;
    top: 50%;
    height: 22vw;
    width: 22vw;
    transform: translate(-50%, -50%);
}

@media (min-width: 769px) {
    .hub-header .field--name-media .play-button {
        height: 10vw;
        width: 10vw;
    }
}

.hub-header .with-logo img {
    margin: 0 auto 4vw;
    width: 35vw;
}

@media (min-width: 769px) {
    .hub-header .with-logo img {
        width: 12vw;
    }
}

.hub-header .field--name-description {
    margin: auto;
    width: 80%;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 769px) {
    .hub-header .field--name-description {
        width: 56%;
        font-size: 20px;
    }
}

.hub-header .field--name-description p {
    margin: 0;
}

.hub-header.dotted_line, .hub-header.doodles {
    background-size: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.hub-header.dotted_line::before, .hub-header.doodles::before {
    display: none;
}

.hub-header.dotted_line::after, .hub-header.doodles::after {
    position: relative;
    background-position: bottom;
}

@media (min-width: 900px) {
    .hub-header.dotted_line {
        background-image: url(https://kinder-2020-1.letoagency.ru/images/7f0920d6481da78a1dac83f6f3d62107.svg);
    }
}

@media (min-width: 900px) {
    .hub-header.doodles {
        background-image: url(https://kinder-2020-1.letoagency.ru/images/c9853035b5a114dd98b35a17236c5d4b.svg);
    }
}

.banners {
    text-align: center;
}

.banners .field--name-description p {
    display: block;
    font-size: 1em;
}

.banners .field--name-field-media-image {
    position: relative;
    display: inline-block;
}

.banners .field--name-field-media-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #e6e2e1;
    -ms-transform: translate(1.33333vw, 1.33333vw);
    transform: translate(1.33333vw, 1.33333vw);
    z-index: 0;
}

@media (min-width: 900px) {
    .banners .field--name-field-media-image::before {
        -ms-transform: translate(0.69444vw, 0.69444vw);
        transform: translate(0.69444vw, 0.69444vw);
    }
}

.banners .field--name-field-media-image img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1;
}

.banners .carousel-controls {
    display: none;
}

.banners .lightbox-video {
    font-size: 0;
}

.banners.hide-shadow .field--name-field-media-image::before {
    display: none;
}

.banners.beige-background {
    background-color: #faf5ed;
}

.banners.bluish-background {
    background-color: #E8F2FC;
}

.banners.has-background {
    background-color: #fff;
}

[dir='rtl'] .banners {
    direction: rtl;
}

@keyframes playButtonBounce {
    0% {
        transform: scale(1) translate(-50%, -50%);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8) translate(-50%, -50%);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2) translate(-50%, -50%);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1) translate(-50%, -50%);
    }
}

@-webkit-keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes productSliderImage {
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes productSliderContent {
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderSecondImage {
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes productSliderFirstImage {
    100% {
        opacity: 1;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes myButtonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.1) scaleY(0.9);
    }
    50% {
        transform: scaleX(0.9) scaleY(1.1);
    }
    75% {
        transform: scaleX(1) scaleY(1);
    }
}

.poster {
    display: inline-block;
    position: relative;
}

.play-button {
    position: absolute;
    cursor: pointer;
}

.play-button .play-button-icon {
    fill: #fff;
}

.play-button .play-button-body {
    fill: #f3410e;
}

.play-button .play-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.play-button:hover svg {
    animation: buttonCtaBounce 0.5s;
}

.video-player {
    display: none;
}

.video-player--visible {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

.video-player .player-wrapper {
    position: relative;
    margin: 48px;
    padding: 10px;
    width: 80%;
    background: #fff;
}

@media (min-width: 600px) {
    .video-player .player-wrapper {
        padding: 20px;
    }
}

@media (min-width: 769px) {
    .video-player .player-wrapper {
        max-width: 1200px;
    }
}

@media (max-height: 730px) {
    .video-player .player-wrapper {
        max-width: 950px;
    }
}

.video-player .with-poster {
    height: 50vw;
}

.video-player .button-close {
    position: absolute;
    top: -40px;
    right: -40px;
    width: 70px;
    height: 70px;
    z-index: 1;
}

.video-player .video-embed-field-provider-ferrero-video-platform {
    position: relative;
}

.video-player .video-embed-field-provider-ferrero-video-platform:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.video-player video {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
}

@media (min-width: 900px) {
    .video-player iframe {
        min-height: 480px;
    }
}

.poster-gif {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.product-details-slide .play-button {
    height: 52px;
    width: 64px;
}

@media (min-width: 1650px) {
    .product-details-slide .play-button {
        width: 90px;
        height: 76px;
    }
}

.lightbox-video.contextual-region {
    position: static;
}

.lightbox-video .poster {
    width: 100%;
}

.lightbox-video .play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer;
}

@media (min-width: 900px) {
    .lightbox-video .play-button {
        bottom: 40px;
        left: 40px;
        right: auto;
        top: auto;
        transform: none;
    }
}

@media (min-width: 600px) {
    .lightbox-video .play-button {
        display: flex;
        align-items: center;
    }
}

.lightbox-video .play-button svg {
    display: block;
    width: 90px;
    height: 80px;
}

@media (min-width: 600px) {
    .lightbox-video .play-button svg {
        width: 6.25vw;
        height: 5.55556vw;
    }
}

.lightbox-video .play-button .field--name-video-title {
    display: none;
}

@media (min-width: 600px) {
    .lightbox-video .play-button .field--name-video-title {
        display: block;
        padding-left: 1em;
        font-size: 1.66667vw;
        color: #fff;
    }
}

.paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, .hub-header .lightbox-video .poster .play-button, .banners .lightbox-video .poster .play-button {
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button svg, .hub-header .lightbox-video .poster .play-button svg, .banners .lightbox-video .poster .play-button svg {
    width: 100%;
    height: 100%;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel .lightbox-video .poster .play-button, [dir='rtl']
.hub-header .lightbox-video .poster .play-button, [dir='rtl']
.banners .lightbox-video .poster .play-button {
    right: auto;
    left: 50%;
}

.hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button {
    padding: 0 10px;
    width: 22vw;
    height: 22vw;
    z-index: 1;
}

@media (min-width: 769px) {
    .hub-header .lightbox-video .poster .play-button, .banners-large-image .lightbox-video .poster .play-button {
        width: 10vw;
        height: 10vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .brand-media .play-button {
        left: auto;
        right: 40px;
    }
}

[dir='rtl'] .brand-media .play-button .field--name-video-title {
    padding-left: 0;
    padding-right: 1em;
}

@media (min-width: 900px) {
    [dir='rtl'] .lightbox-video .poster .play-button {
        left: auto;
        right: 40px;
    }
}

@media (min-width: 600px) {
    [dir='rtl'] .lightbox-video .poster .field--name-video-title {
        padding-left: 0;
        padding-right: 1em;
    }
}

.banners-large-image {
    position: relative;
    padding: 4.26667vw;
}

@media (min-width: 900px) {
    .banners-large-image {
        padding: 2.22222vw 0;
    }
}

.banners-large-image .field--name-media {
    position: relative;
    display: block;
    margin: 0 auto 4.26667vw;
    width: 100%;
}

@media (min-width: 900px) {
    .banners-large-image .field--name-media {
        margin-bottom: 2.22222vw;
        width: 66.66667vw;
    }
}

.banners-large-image .field--name-media .field--name-field-media-image::before {
    border-radius: 4.26667vw 0;
}

.banners-large-image .field--name-media img {
    border-radius: 4.26667vw 0;
}

.banners-large-image .field--name-description p {
    margin: 0 auto;
    max-width: 960px;
}

.banners-large-image .field--name-kinder-doodle, .banners-large-image .field--name-doodle-right {
    position: absolute;
    top: 9.26667vw;
    z-index: 0;
}

@media (min-width: 900px) {
    .banners-large-image .field--name-kinder-doodle, .banners-large-image .field--name-doodle-right {
        top: auto;
    }
}

@media (max-width: 899px) {
    .banners-large-image .field--name-kinder-doodle, .banners-large-image .field--name-doodle-right {
        width: 32.53333vw;
        height: 22.93333vw;
    }

    .banners-large-image .field--name-kinder-doodle .media--type-image, .banners-large-image .field--name-kinder-doodle .field--name-field-media-image, .banners-large-image .field--name-kinder-doodle img, .banners-large-image .field--name-doodle-right .media--type-image, .banners-large-image .field--name-doodle-right .field--name-field-media-image, .banners-large-image .field--name-doodle-right img {
        height: 100%;
    }
}

.banners-large-image .field--name-kinder-doodle .field--name-field-media-image::before, .banners-large-image .field--name-doodle-right .field--name-field-media-image::before {
    display: none;
}

.banners-large-image .field--name-kinder-doodle {
    left: 4.26667vw;
}

@media (min-width: 900px) {
    .banners-large-image .field--name-kinder-doodle {
        bottom: 10vw;
        left: 2.2222vw;
    }
}

.banners-large-image .field--name-doodle-right {
    right: 4.26667vw;
}

@media (min-width: 900px) {
    .banners-large-image .field--name-doodle-right {
        top: 9vw;
        right: 2.2222vw;
    }
}

.banners-large-image .field--name-doodle-right img {
    margin-left: auto;
}

@keyframes carouselButtonBounce {
    0% {
        transform: scale(1) translateY(-50%);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8) translateY(-50%);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2) translateY(-50%);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1) translateY(-50%);
    }
}

.carousel-pagination {
    position: absolute;
    bottom: -42.66667px;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 9;
}

.carousel-pagination .carousel-pagination-dot, .carousel-pagination .swiper-pagination-bullet {
    display: inline-block;
    padding: 4px;
    line-height: 0;
    cursor: pointer;
    transform: scale(0.5);
    transition: transform .25s;
    will-change: transform;
}

@media (min-width: 900px) {
    .carousel-pagination .carousel-pagination-dot, .carousel-pagination .swiper-pagination-bullet {
        padding: 8px;
    }
}

.carousel-pagination .carousel-pagination-dot::after, .carousel-pagination .swiper-pagination-bullet::after {
    display: block;
    content: '';
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: #351917;
}

@media (min-width: 600px) {
    .carousel-pagination .carousel-pagination-dot::after, .carousel-pagination .swiper-pagination-bullet::after {
        width: 16px;
        height: 16px;
    }
}

.carousel-pagination .carousel-pagination-dot.is-active, .carousel-pagination .carousel-pagination-dot.swiper-pagination-bullet-active, .carousel-pagination .swiper-pagination-bullet.is-active, .carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    cursor: default;
    transform: scale(1);
}

.carousel-pagination .carousel-pagination-dot.is-active::after, .carousel-pagination .carousel-pagination-dot.swiper-pagination-bullet-active::after, .carousel-pagination .swiper-pagination-bullet.is-active::after, .carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    background-color: #009fe5;
}

.carousel-button, .carousel-control-button {
    position: absolute;
    top: 50%;
    width: 64px;
    height: 52px;
    cursor: pointer;
    transform: translateY(-50%);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    opacity: 1;
}

.carousel-button.is-inactive, .carousel-button.is-disabled, .carousel-button.swiper-button-disabled[aria-disabled="true"], .carousel-control-button.is-inactive, .carousel-control-button.is-disabled, .carousel-control-button.swiper-button-disabled[aria-disabled="true"] {
    cursor: default;
}

.carousel-button.is-inactive .carousel-button-body, .carousel-button.is-disabled .carousel-button-body, .carousel-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-body, .carousel-control-button.is-inactive .carousel-button-body, .carousel-control-button.is-disabled .carousel-button-body, .carousel-control-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-body {
    fill: #fff;
}

.carousel-button.is-inactive .carousel-button-icon, .carousel-button.is-disabled .carousel-button-icon, .carousel-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-icon, .carousel-control-button.is-inactive .carousel-button-icon, .carousel-control-button.is-disabled .carousel-button-icon, .carousel-control-button.swiper-button-disabled[aria-disabled="true"] .carousel-button-icon {
    fill: #CCC;
}

.carousel-button.is-hidden, .carousel-control-button.is-hidden {
    opacity: 0;
    visibility: hidden;
}

@media (min-width: 900px) {
    .carousel-button:hover, .carousel-control-button:hover {
        animation: carouselButtonBounce 0.5s;
    }
}

.carousel-button.carousel-button-next, .carousel-control-button.carousel-button-next {
    right: -7vw;
}

@media (min-width: 600px) {
    .carousel-button.carousel-button-next, .carousel-control-button.carousel-button-next {
        right: -42px;
    }
}

.carousel-button.carousel-button-prev, .carousel-control-button.carousel-button-prev {
    left: -7vw;
}

@media (min-width: 600px) {
    .carousel-button.carousel-button-prev, .carousel-control-button.carousel-button-prev {
        left: -42px;
    }
}

.carousel-button .carousel-button-shadow, .carousel-control-button .carousel-button-shadow {
    fill: rgba(0, 0, 0, 0.1);
}

.carousel-button .carousel-button-body, .carousel-control-button .carousel-button-body {
    fill: #009fe5;
    transition: fill 0.25s;
}

.carousel-button .carousel-button-icon, .carousel-control-button .carousel-button-icon {
    fill: #fff;
}

.paragraph--type--kinder-seasonal-tab .carousel-button {
    top: 40%;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-seasonal-tab .carousel-button {
        top: 14vw;
    }
}

.paragraph--type--kinder-seasonal-tab .carousel-button:hover {
    animation: carouselButtonBounce 0.5s;
}

.paragraph--type--kinder-seasonal-tab .carousel-button-prev {
    left: 10px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-seasonal-tab .carousel-button-prev {
        left: -8.88889vw;
    }
}

.paragraph--type--kinder-seasonal-tab .carousel-button-next {
    right: 10px;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-seasonal-tab .carousel-button-next {
        right: -8.88889vw;
    }
}

.paragraph--type--kinder-seasonal-tab .carousel-button-body {
    fill: #fff;
}

.paragraph--type--kinder-seasonal-tab .carousel-button-icon {
    fill: #009fe5;
}

@media (max-width: 768px) {
    .paragraph--type--kinder-full-width-header.full-width-header-small .carousel-button {
        display: none;
    }
}

.paragraph--type--kinder-main-carousel-home .carousel-button-prev, .paragraph--type--kinder-main-carousel-home .carousel-button-next, .paragraph--type--kinder-product-details-carousel .carousel-button-prev, .paragraph--type--kinder-product-details-carousel .carousel-button-next, .paragraph--type--kinder-full-width-header .carousel-button-prev, .paragraph--type--kinder-full-width-header .carousel-button-next {
    z-index: 5;
}

.paragraph--type--kinder-main-carousel-home .carousel-pagination, .paragraph--type--kinder-product-details-carousel .carousel-pagination, .paragraph--type--kinder-full-width-header .carousel-pagination {
    bottom: -42.66667px;
}

.paragraph--type--kinder-main-carousel-home .carousel-button-prev, .paragraph--type--kinder-product-details-carousel .carousel-button-prev, .paragraph--type--kinder-full-width-header .carousel-button-prev {
    left: 10px;
}

.paragraph--type--kinder-main-carousel-home .carousel-button-next, .paragraph--type--kinder-product-details-carousel .carousel-button-next, .paragraph--type--kinder-full-width-header .carousel-button-next {
    right: 10px;
}

.paragraph--type--kinder-product-details-carousel .carousel-pagination {
    z-index: 0;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-product-details-carousel .carousel-pagination {
        bottom: auto;
    }
}

.paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-body {
    fill: #fff;
}

.paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-icon {
    fill: #009fe5;
}

.magic-kinder-cards {
    position: relative;
}

.magic-kinder-cards .carousel-button {
    transform: none;
}

.banners-media-carousel .carousel-button {
    top: calc(50% + 15px);
}

.banners-media-carousel .carousel-button.carousel-button-prev {
    left: 10vw;
}

@media (max-width: 768px) {
    .banners-media-carousel .carousel-button.carousel-button-prev {
        left: 2.5vw;
    }
}

.banners-media-carousel .carousel-button.carousel-button-next {
    right: 10vw;
}

@media (max-width: 768px) {
    .banners-media-carousel .carousel-button.carousel-button-next {
        right: 2.5vw;
    }
}

@media (min-width: 900px) {
    .boxes .carousel-pagination {
        display: none;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-button, .paragraph--type--kinder-product-details-carousel .carousel-button, .full-width-header-big .carousel-button {
        top: 20%;
        height: 82px;
        width: 35px;
    }

    .paragraph--type--kinder-main-carousel-home .carousel-button svg, .paragraph--type--kinder-product-details-carousel .carousel-button svg, .full-width-header-big .carousel-button svg {
        display: none;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-button.carousel-button-prev, .paragraph--type--kinder-product-details-carousel .carousel-button.carousel-button-prev, .full-width-header-big .carousel-button.carousel-button-prev {
        left: 0;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/de136bf70faf9982fcbea909d049fc92.svg);
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-button.carousel-button-next, .paragraph--type--kinder-product-details-carousel .carousel-button.carousel-button-next, .full-width-header-big .carousel-button.carousel-button-next {
        right: 0;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/f276fae4160c4e22c0a632ecd4c2bb6c.svg);
    }
}

.paragraph--type--kinder-carousel-products .swiper-slide-prev .paragraph, .paragraph--type--kinder-carousel-products .swiper-slide-next .paragraph {
    pointer-events: none;
    opacity: .3;
}

.paragraph--type--kinder-carousel-products .carousel-button-prev {
    left: 0;
}

@media (min-width: 600px) {
    .paragraph--type--kinder-carousel-products .carousel-button-prev {
        left: 13.33333vw;
    }
}

.paragraph--type--kinder-carousel-products .carousel-button-next {
    right: 0;
}

@media (min-width: 600px) {
    .paragraph--type--kinder-carousel-products .carousel-button-next {
        right: 13.33333vw;
    }
}

.paragraph--type--kinder-magic-kinder .carousel-button-prev, .paragraph--type--kinder-magic-kinder .carousel-button-next {
    z-index: 5;
}

.paragraph--type--kinder-magic-kinder .carousel-pagination {
    bottom: 10px;
}

.paragraph--type--kinder-magic-kinder .carousel-button-prev {
    left: 10px;
}

.paragraph--type--kinder-magic-kinder .carousel-button-next {
    right: 10px;
}

.box-with-kinder .carousel-pagination {
    bottom: -20px;
}

[dir='rtl'] .carousel-pagination {
    direction: rtl;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-body {
    fill: #009fe5;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-next .carousel-button-icon {
    fill: #fff;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-prev .carousel-button-body {
    fill: #fff;
}

[dir='rtl'] .paragraph--type--kinder-product-details-carousel[data-color-parent='blue-background'] .carousel-button-prev .carousel-button-icon {
    fill: #009fe5;
}

.cta-button a .button-cta-label, .left-content h1, .left-content .kinder-multicolor-title, .left-content .field--name-multicolor-title-reference .media {
    font-family: "LeOsler", sans-serif;
}

[lang*='ar-'] .cta-button a .button-cta-label, .cta-button a [lang*='ar-'] .button-cta-label, [lang*='ar-'] .left-content h1, .left-content [lang*='ar-'] h1, [lang*='ar-'] .left-content .kinder-multicolor-title, .left-content [lang*='ar-'] .kinder-multicolor-title, [lang*='ar-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ar-'] .media {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .cta-button a .button-cta-label, .cta-button a [lang*='el-'] .button-cta-label, [lang*='el-'] .left-content h1, .left-content [lang*='el-'] h1, [lang*='el-'] .left-content .kinder-multicolor-title, .left-content [lang*='el-'] .kinder-multicolor-title, [lang*='el-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='el-'] .media {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .cta-button a .button-cta-label, .cta-button a [lang*='ko-'] .button-cta-label, [lang*='ko-'] .left-content h1, .left-content [lang*='ko-'] h1, [lang*='ko-'] .left-content .kinder-multicolor-title, .left-content [lang*='ko-'] .kinder-multicolor-title, [lang*='ko-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ko-'] .media {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-'] .button-cta-label, [lang*='ru-'] .left-content h1, .left-content [lang*='ru-'] h1, [lang*='ru-'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-'] .kinder-multicolor-title, [lang*='ru-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-'] .media, [lang*='ru-LV'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-LV'] .button-cta-label, [lang*='ru-LV'] .left-content h1, .left-content [lang*='ru-LV'] h1, [lang*='ru-LV'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-LV'] .kinder-multicolor-title, [lang*='ru-LV'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-LV'] .media, [lang*='ru-LT'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-LT'] .button-cta-label, [lang*='ru-LT'] .left-content h1, .left-content [lang*='ru-LT'] h1, [lang*='ru-LT'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-LT'] .kinder-multicolor-title, [lang*='ru-LT'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-LT'] .media, [lang*='ru-EE'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-EE'] .button-cta-label, [lang*='ru-EE'] .left-content h1, .left-content [lang*='ru-EE'] h1, [lang*='ru-EE'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-EE'] .kinder-multicolor-title, [lang*='ru-EE'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-EE'] .media, [lang*='kk-'] .cta-button a .button-cta-label, .cta-button a [lang*='kk-'] .button-cta-label, [lang*='kk-'] .left-content h1, .left-content [lang*='kk-'] h1, [lang*='kk-'] .left-content .kinder-multicolor-title, .left-content [lang*='kk-'] .kinder-multicolor-title, [lang*='kk-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='kk-'] .media {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .cta-button a .button-cta-label, .cta-button a [lang*='he-'] .button-cta-label, [lang*='he-'] .left-content h1, .left-content [lang*='he-'] h1, [lang*='he-'] .left-content .kinder-multicolor-title, .left-content [lang*='he-'] .kinder-multicolor-title, [lang*='he-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='he-'] .media {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .cta-button a .button-cta-label, .cta-button a [lang*='uk-'] .button-cta-label, [lang*='uk-'] .left-content h1, .left-content [lang*='uk-'] h1, [lang*='uk-'] .left-content .kinder-multicolor-title, .left-content [lang*='uk-'] .kinder-multicolor-title, [lang*='uk-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='uk-'] .media, [lang*='bg-'] .cta-button a .button-cta-label, .cta-button a [lang*='bg-'] .button-cta-label, [lang*='bg-'] .left-content h1, .left-content [lang*='bg-'] h1, [lang*='bg-'] .left-content .kinder-multicolor-title, .left-content [lang*='bg-'] .kinder-multicolor-title, [lang*='bg-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='bg-'] .media {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-CN'] .button-cta-label, [lang*='zh-CN'] .left-content h1, .left-content [lang*='zh-CN'] h1, [lang*='zh-CN'] .left-content .kinder-multicolor-title, .left-content [lang*='zh-CN'] .kinder-multicolor-title, [lang*='zh-CN'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='zh-CN'] .media {
    font-family: Arial;
}

[lang*='zh-TW'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-TW'] .button-cta-label, [lang*='zh-TW'] .left-content h1, .left-content [lang*='zh-TW'] h1, [lang*='zh-TW'] .left-content .kinder-multicolor-title, .left-content [lang*='zh-TW'] .kinder-multicolor-title, [lang*='zh-TW'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='zh-TW'] .media, [lang*='zh-HK'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-HK'] .button-cta-label, [lang*='zh-HK'] .left-content h1, .left-content [lang*='zh-HK'] h1, [lang*='zh-HK'] .left-content .kinder-multicolor-title, .left-content [lang*='zh-HK'] .kinder-multicolor-title, [lang*='zh-HK'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='zh-HK'] .media {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .cta-button a .button-cta-label, .cta-button a [lang*='th-'] .button-cta-label, [lang*='th-'] .left-content h1, .left-content [lang*='th-'] h1, [lang*='th-'] .left-content .kinder-multicolor-title, .left-content [lang*='th-'] .kinder-multicolor-title, [lang*='th-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='th-'] .media {
    font-family: "Pridi", sans-serif;
}

@keyframes buttonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1);
    }
}

[dir='rtl'] .cta-button a {
    transform: scaleX(-1);
    margin-right: 0;
    margin-left: 3em;
}

[dir='rtl'] .cta-button a .button-cta-label .label-item {
    transform: scaleX(-1);
}

.cta-button a {
    display: inline-block;
    position: relative;
    margin-right: 3em;
    border: 0;
    height: 64px;
    min-width: 144px;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transform: translateZ(0);
    z-index: 1;
}

@media (min-width: 900px) {
    .cta-button a {
        height: 80px;
        min-width: 160px;
    }
}

@media (min-width: 1625px) {
    .cta-button a {
        min-width: 200px;
        height: 100px;
    }
}

.cta-button a .button-cta-label {
    display: block;
    position: relative;
    padding: 18px 1ex 24px 1em;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: .83333;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    z-index: 0;
    white-space: nowrap;
}

@media (min-width: 900px) {
    .cta-button a .button-cta-label {
        padding: .9em .45em 1em 2em;
        font-size: 27.77778px;
        line-height: 0.71429;
    }
}

@media (min-width: 1650px) {
    .cta-button a .button-cta-label {
        padding: .9em .45em 1em 2em;
        font-size: 34.72222px;
        line-height: 0.71429;
    }
}

.cta-button a .button-cta-label .label-item {
    display: inline-block;
    margin-top: 3px;
}

.cta-button a .button-cta-label .icon {
    display: inline-block;
    position: absolute;
    top: 1em;
    right: -.75em;
    height: 20px;
    width: 20px;
}

@media (min-width: 900px) {
    .cta-button a .button-cta-label .icon {
        height: .71em;
        width: .71em;
    }
}

.cta-button a .button-cta-label .icon svg {
    width: 100%;
    height: 100%;
}

.cta-button a .button-cta-label .icon svg path {
    fill: #fff;
}

.cta-button a .button-cta-marker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-duration: .5s;
    z-index: -1;
}

@media (min-width: 900px) {
    .cta-button a .button-cta-marker {
        margin-left: 28px;
    }
}

.cta-button a .button-cta-marker .marker-svg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(https://kinder-2020-1.letoagency.ru/images/ca47c7392140110a48db787687c1cb18.svg) no-repeat 50%/100% 100%;
}

.cta-button a .button-cta-marker .button-cta-cap {
    position: absolute;
    top: 0;
    right: -37px;
    bottom: 0;
    width: 38px;
    box-sizing: content-box;
}

@media (min-width: 600px) {
    .cta-button a .button-cta-marker .button-cta-cap {
        transform: translateX(30px);
        padding-right: 40px;
        width: 40px;
    }
}

@media (min-width: 900px) {
    .cta-button a .button-cta-marker .button-cta-cap {
        right: -38.09524px;
    }
}

@media (min-width: 1625px) {
    .cta-button a .button-cta-marker .button-cta-cap {
        right: -47.61905px;
    }
}

.cta-button a .button-cta-marker .cap-svg {
    display: block;
    height: 100%;
    width: 100%;
    background: url(https://kinder-2020-1.letoagency.ru/images/c899fb7d680294880e8208424fc40eb6.svg) no-repeat 50%/100% 100%;
}

.cta-button a:hover .button-cta-label, .cta-button a:hover .button-cta-marker {
    animation: buttonCtaBounce 0.5s;
}

.cta-button a .button-cta-label, .left-content h1, .left-content .kinder-multicolor-title, .left-content .field--name-multicolor-title-reference .media {
    font-family: "LeOsler", sans-serif;
}

[lang*='ar-'] .cta-button a .button-cta-label, .cta-button a [lang*='ar-'] .button-cta-label, [lang*='ar-'] .left-content h1, .left-content [lang*='ar-'] h1, [lang*='ar-'] .left-content .kinder-multicolor-title, .left-content [lang*='ar-'] .kinder-multicolor-title, [lang*='ar-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ar-'] .media {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .cta-button a .button-cta-label, .cta-button a [lang*='el-'] .button-cta-label, [lang*='el-'] .left-content h1, .left-content [lang*='el-'] h1, [lang*='el-'] .left-content .kinder-multicolor-title, .left-content [lang*='el-'] .kinder-multicolor-title, [lang*='el-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='el-'] .media {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .cta-button a .button-cta-label, .cta-button a [lang*='ko-'] .button-cta-label, [lang*='ko-'] .left-content h1, .left-content [lang*='ko-'] h1, [lang*='ko-'] .left-content .kinder-multicolor-title, .left-content [lang*='ko-'] .kinder-multicolor-title, [lang*='ko-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ko-'] .media {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-'] .button-cta-label, [lang*='ru-'] .left-content h1, .left-content [lang*='ru-'] h1, [lang*='ru-'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-'] .kinder-multicolor-title, [lang*='ru-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-'] .media, [lang*='ru-LV'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-LV'] .button-cta-label, [lang*='ru-LV'] .left-content h1, .left-content [lang*='ru-LV'] h1, [lang*='ru-LV'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-LV'] .kinder-multicolor-title, [lang*='ru-LV'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-LV'] .media, [lang*='ru-LT'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-LT'] .button-cta-label, [lang*='ru-LT'] .left-content h1, .left-content [lang*='ru-LT'] h1, [lang*='ru-LT'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-LT'] .kinder-multicolor-title, [lang*='ru-LT'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-LT'] .media, [lang*='ru-EE'] .cta-button a .button-cta-label, .cta-button a [lang*='ru-EE'] .button-cta-label, [lang*='ru-EE'] .left-content h1, .left-content [lang*='ru-EE'] h1, [lang*='ru-EE'] .left-content .kinder-multicolor-title, .left-content [lang*='ru-EE'] .kinder-multicolor-title, [lang*='ru-EE'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='ru-EE'] .media, [lang*='kk-'] .cta-button a .button-cta-label, .cta-button a [lang*='kk-'] .button-cta-label, [lang*='kk-'] .left-content h1, .left-content [lang*='kk-'] h1, [lang*='kk-'] .left-content .kinder-multicolor-title, .left-content [lang*='kk-'] .kinder-multicolor-title, [lang*='kk-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='kk-'] .media {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .cta-button a .button-cta-label, .cta-button a [lang*='he-'] .button-cta-label, [lang*='he-'] .left-content h1, .left-content [lang*='he-'] h1, [lang*='he-'] .left-content .kinder-multicolor-title, .left-content [lang*='he-'] .kinder-multicolor-title, [lang*='he-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='he-'] .media {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .cta-button a .button-cta-label, .cta-button a [lang*='uk-'] .button-cta-label, [lang*='uk-'] .left-content h1, .left-content [lang*='uk-'] h1, [lang*='uk-'] .left-content .kinder-multicolor-title, .left-content [lang*='uk-'] .kinder-multicolor-title, [lang*='uk-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='uk-'] .media, [lang*='bg-'] .cta-button a .button-cta-label, .cta-button a [lang*='bg-'] .button-cta-label, [lang*='bg-'] .left-content h1, .left-content [lang*='bg-'] h1, [lang*='bg-'] .left-content .kinder-multicolor-title, .left-content [lang*='bg-'] .kinder-multicolor-title, [lang*='bg-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='bg-'] .media {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-CN'] .button-cta-label, [lang*='zh-CN'] .left-content h1, .left-content [lang*='zh-CN'] h1, [lang*='zh-CN'] .left-content .kinder-multicolor-title, .left-content [lang*='zh-CN'] .kinder-multicolor-title, [lang*='zh-CN'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='zh-CN'] .media {
    font-family: Arial;
}

[lang*='zh-TW'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-TW'] .button-cta-label, [lang*='zh-TW'] .left-content h1, .left-content [lang*='zh-TW'] h1, [lang*='zh-TW'] .left-content .kinder-multicolor-title, .left-content [lang*='zh-TW'] .kinder-multicolor-title, [lang*='zh-TW'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='zh-TW'] .media, [lang*='zh-HK'] .cta-button a .button-cta-label, .cta-button a [lang*='zh-HK'] .button-cta-label, [lang*='zh-HK'] .left-content h1, .left-content [lang*='zh-HK'] h1, [lang*='zh-HK'] .left-content .kinder-multicolor-title, .left-content [lang*='zh-HK'] .kinder-multicolor-title, [lang*='zh-HK'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='zh-HK'] .media {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .cta-button a .button-cta-label, .cta-button a [lang*='th-'] .button-cta-label, [lang*='th-'] .left-content h1, .left-content [lang*='th-'] h1, [lang*='th-'] .left-content .kinder-multicolor-title, .left-content [lang*='th-'] .kinder-multicolor-title, [lang*='th-'] .left-content .field--name-multicolor-title-reference .media, .left-content .field--name-multicolor-title-reference [lang*='th-'] .media {
    font-family: "Pridi", sans-serif;
}

.left-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.left-content .field-group-wrapper {
    position: relative;
    padding: 15px 20px 40px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 2;
}

@media (min-width: 900px) {
    .left-content .field-group-wrapper {
        padding: 0;
        height: auto;
        background-color: transparent;
        text-align: inherit;
    }
}

.left-content h1, .left-content .kinder-multicolor-title, .left-content .field--name-multicolor-title-reference .media {
    position: relative;
    margin: 0;
    font-size: 36px;
}

@media (min-width: 900px) {
    .left-content h1, .left-content .kinder-multicolor-title, .left-content .field--name-multicolor-title-reference .media {
        font-size: 4.86111vw;
    }

    .left-content h1:before, .left-content .kinder-multicolor-title:before, .left-content .field--name-multicolor-title-reference .media:before {
        content: '';
        position: absolute;
        top: 0;
        left: -5.55556vw;
        height: 4.44444vw;
        width: 4.44444vw;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/ca4812262d4c81cb0ee5624204eff9a7.svg) 50%/contain;
        pointer-events: none;
    }
}

@media (max-width: 899px) {
    .left-content .field--name-multicolor-title-reference .media img {
        margin: 0 auto;
    }
}

.left-content .field--name-field-text, .left-content .field--name-description {
    margin: 1.5em 0;
    font-size: 16px;
    line-height: 1.5;
}

.left-content .field--name-field-text p, .left-content .field--name-description p {
    margin: 0;
}

@media (min-width: 600px) {
    .left-content .field--name-field-text, .left-content .field--name-description {
        margin: 1em 0;
    }
}

@media (min-width: 900px) {
    .left-content .field--name-field-text, .left-content .field--name-description {
        font-size: 1.18056vw;
    }
}

@media (min-width: 1650px) {
    .left-content .field--name-field-text, .left-content .field--name-description {
        margin: 2em 0;
    }
}

.left-content .media-container .field--name-title {
    margin-bottom: 12px;
    font-family: "NotoSans", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: .025em;
}

@media (min-width: 900px) {
    .left-content .media-container .field--name-title {
        margin-bottom: 0.83333vw;
        font-size: 1.04167vw;
    }
}

.left-content .media-container .field--name-kinder-product-media {
    font-size: 0;
}

@media (min-width: 900px) {
    .left-content:after {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        right: -8vw;
        width: 8.1vw;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/9469f7516840cdb68dc6cb70ff24e329.svg) 0 0/auto 101%;
        pointer-events: none;
        z-index: 1;
    }
}

.full-width-image.absolute-link .left-content .field-group-wrapper {
    position: static;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .left-content {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .left-content .kinder-multicolor-title {
        text-align: left;
    }

    [dir='rtl'] .paragraph--type--kinder-main-carousel-home .left-content .kinder-multicolor-title {
        text-align: right;
    }
}

.paragraph--type--kinder-main-carousel-home .left-content .field--name-description {
    margin: 2em 0;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .left-content .field--name-description {
        font-size: 1.18056vw;
    }
}

.paragraph--type--kinder-main-carousel-home .left-content .field--name-description img {
    width: 150px;
    height: 76px;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .left-content .field--name-description img {
        margin: 0 auto;
        width: 70px;
        height: 30px;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .left-content .field-group-wrapper {
        padding: 0 1em;
        text-align: center;
    }
}

.paragraph--type--kinder-product-details-carousel .media-container .field--name-field-media-image {
    margin: 0 auto;
    max-width: 315px;
    border-radius: 16px 0;
    overflow: hidden;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-product-details-carousel .media-container .field--name-field-media-image {
        margin: 0;
        width: 200px;
    }
}

@media (min-width: 1650px) {
    .paragraph--type--kinder-product-details-carousel .media-container .field--name-field-media-image {
        width: 280px;
    }
}

.paragraph--type--kinder-product-details-carousel .media-container .field--name-field-media-image img {
    width: 100%;
}

.carousel-placeholder {
    padding-bottom: 40px;
}

@media (min-width: 900px) {
    .carousel-placeholder {
        padding-bottom: 64px;
    }
}

.carousel-placeholder.white {
    background-color: #fff;
}

.carousel-placeholder.beige {
    background-color: #faf5ed;
}

@media (min-width: 900px) {
    [dir='rtl'] .product-details-slide .left-content {
        order: 1;
        padding-left: 0;
        padding-right: 7vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .left-content h1.field--name-title:before {
        right: -5.55556vw;
        left: auto;
    }
}

[dir='rtl'] .left-content .field-group-wrapper {
    width: 100%;
}

@media (min-width: 900px) {
    [dir='rtl'] .left-content .field-group-wrapper {
        text-align: right;
    }
}

[dir='rtl'] .left-content .media--type-image .field--name-field-media-image {
    border-radius: 0 16px;
}

[dir='rtl'] .left-content:after {
    left: -8vw;
    right: auto;
    transform: scaleX(-1);
}

.paragraph--type--kinder-main-carousel-home [dir='rtl'] .left-content .kinder-multicolor-title {
    text-align: center;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home [dir='rtl'] .left-content .kinder-multicolor-title {
        text-align: right;
    }
}

.product-details-slide {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    max-height: 1389px;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}

@media (min-width: 900px) {
    .product-details-slide {
        max-height: 866.66px;
        height: 100% !important;
    }
}

@media (min-width: 900px) {
    .product-details-slide::before {
        content: '';
        display: inline-block;
        padding-top: 45.13889%;
        width: 100%;
    }
}

.product-details-slide--inner {
    display: flex;
    flex-direction: column;
}

@media (min-width: 900px) {
    .product-details-slide--inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        flex-direction: row;
        overflow: hidden;
    }
}

@media (min-width: 900px) {
    .product-details-slide .left-content {
        padding: 0 0 0 11vw;
        width: 48%;
    }
}

@media (min-width: 1200px) {
    .product-details-slide .left-content {
        width: 39.5%;
    }
}

@media (max-width: 899px) {
    .product-details-slide .left-content {
        order: 2;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-product-details-carousel .product-details-slide .left-content {
        padding-top: 50px;
    }
}

.product-details-slide .media-container {
    font-size: 0;
}

@media (min-width: 900px) {
    .product-details-slide .field--name-kinder-product-image {
        flex-grow: 1;
        width: 52%;
    }
}

@media (min-width: 1200px) {
    .product-details-slide .field--name-kinder-product-image {
        width: 62.5%;
    }
}

@media (min-width: 900px) {
    .product-details-slide [data-color='blue-background'] .field--name-media img, .product-details-slide [data-color='creamy-background'] .field--name-media img, .product-details-slide [data-color='grey-background'] .field--name-media img {
        object-fit: contain;
    }
}

.swiper-container-fade .product-details-slide.swiper-slide {
    z-index: 0;
    pointer-events: none;
}

.swiper-container-fade .product-details-slide.swiper-slide.swiper-slide-active {
    z-index: 1;
    pointer-events: auto;
}

.paragraph--type--kinder-main-carousel-home {
    position: relative;
}

.paragraph--type--kinder-main-carousel-home .contextual-region {
    position: static;
}

.paragraph--type--kinder-main-carousel-home .field--name-kinder-home-main-carousel-slide {
    position: relative;
    display: flex;
    background-color: #fff;
}

.paragraph--type--kinder-main-carousel-home:not(.swiper-container-initialized) .carousel-button, .paragraph--type--kinder-main-carousel-home:not(.swiper-container-initialized) .carousel-pagination {
    display: none;
}

.paragraph--type--kinder-main-carousel-home .product-details-slide {
    height: auto;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide {
        max-height: 42.6vw;
        overflow: hidden;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide::before {
        display: none;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide::before {
    padding-top: 80%;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide::before {
        padding-top: 43.05556%;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide::after {
    width: 104%;
    height: 4.51389vw;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/b066fd29ea7a327372d749ab3436c250.svg) bottom/104% auto;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide--inner {
        position: static;
        flex-direction: column-reverse;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide:not(.full-width-image) .main-carousel-images {
    position: relative;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide:not(.full-width-image) .main-carousel-images {
        width: 62.5vw;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide:not(.full-width-image) .cta-button {
    margin-left: -2vw;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide:not(.full-width-image) .cta-button a {
        height: 6vw;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide:not(.full-width-image) .cta-button a::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 50%;
    height: 150%;
    width: 88px;
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/f4e907e1e73adf732eabfbcef1144261.svg) 50%/contain;
    pointer-events: none;
    transform: translate(89%, -51%);
    z-index: -2;
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide:not(.full-width-image) .cta-button .button-cta-label {
        font-size: 2vw;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.full-width-image .left-content {
    position: static;
    padding: 0;
    width: 0;
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.full-width-image .left-content:after {
    display: none;
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.full-width-image .cta-button {
    opacity: 0;
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.full-width-image .cta-button a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.full-width-image .cta-button span {
    display: none;
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.full-width-image .field--name-field-media-image img {
    z-index: -1;
}

.paragraph--type--kinder-main-carousel-home .white-background-transition::after {
    background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/creamy-transition.svg) bottom/104% auto;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .left-content {
        order: inherit;
    }
}

.paragraph--type--kinder-main-carousel-home .product-details-slide.swiper-slide {
    z-index: 0;
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .product-details-slide.swiper-slide.swiper-slide-active {
        z-index: 0;
    }
}

@media (min-width: 900px) {
    .paragraph--type--kinder-main-carousel-home .carousel-pagination {
        opacity: 1 !important;
    }
}

@media (max-width: 899px) {
    .paragraph--type--kinder-main-carousel-home .carousel-pagination {
        top: 0;
        bottom: auto;
        z-index: 0;
    }
}

.main-carousel-images {
    width: 100%;
}

@media (max-width: 899px) {
    .main-carousel-images::before {
        content: '';
        display: block;
        padding-top: 80%;
    }
}

@media (max-width: 899px) {
    .product-details-slide:not(.full-width-image) .main-carousel-images::after {
        content: '';
        position: absolute;
        right: 0;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 11.38889vw;
        background: no-repeat url(https://kinder-2020-1.letoagency.ru/images/14dfffb8dc484b5d3dd39dcf3f4e2693.svg) bottom/cover;
        pointer-events: none;
    }
}

.main-carousel-images .cta-button {
    display: block;
    margin-right: 0;
    opacity: 0;
}

.main-carousel-images .cta-button a {
    display: block;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.main-carousel-images .field--name-field-media-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (min-width: 900px) {
    [dir='rtl'] .product-details-slide .left-content {
        padding-left: 0;
        padding-right: 7vw;
        text-align: right;
    }

    [dir='rtl'] .product-details-slide .left-content h1::before, [dir='rtl'] .product-details-slide .left-content .kinder-multicolor-title::before, [dir='rtl'] .product-details-slide .left-content .field--name-multicolor-title-reference .media::before {
        left: auto;
        right: -5.55556vw;
    }
}

@media (min-width: 900px) {
    [dir='rtl'] .product-details-slide .left-content .field--name-description img {
        margin-left: auto;
        margin-right: 0;
    }
}

.main-carousel-images .field--name-field-media-image, .main-carousel-images .field--name-image, .main-carousel-images .media--type-image, .main-carousel-images .media--image, .main-carousel-images picture, .main-carousel-images picture img, .paragraph--type--tile .field--name-field-media-image, .paragraph--type--tile .field--name-image, .paragraph--type--tile .media--type-image, .paragraph--type--tile .media--image, .paragraph--type--tile picture, .paragraph--type--tile picture img {
    height: 100%;
}

.main-carousel-images .field--name-image, .main-carousel-images picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.swiper-slide-duplicate.swiper-slide-active img {
    opacity: 1;
}

.swiper-slide-duplicate.swiper-slide-active .media--loading {
    background-image: none;
}

.swiper-slide-duplicate.swiper-slide-active .media--loading:before {
    display: none;
}

.age-prompt--question, .age-prompt button .button-cta-label {
    font-family: "Chronic", sans-serif;
}

[lang*='ar-'] .age-prompt--question, [lang*='ar-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='ar-'] .button-cta-label {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .age-prompt--question, [lang*='el-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='el-'] .button-cta-label {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .age-prompt--question, [lang*='ko-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='ko-'] .button-cta-label {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .age-prompt--question, [lang*='ru-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='ru-'] .button-cta-label, [lang*='ru-LV'] .age-prompt--question, [lang*='ru-LV'] .age-prompt button .button-cta-label, .age-prompt button [lang*='ru-LV'] .button-cta-label, [lang*='ru-LT'] .age-prompt--question, [lang*='ru-LT'] .age-prompt button .button-cta-label, .age-prompt button [lang*='ru-LT'] .button-cta-label, [lang*='ru-EE'] .age-prompt--question, [lang*='ru-EE'] .age-prompt button .button-cta-label, .age-prompt button [lang*='ru-EE'] .button-cta-label, [lang*='kk-'] .age-prompt--question, [lang*='kk-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='kk-'] .button-cta-label {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .age-prompt--question, [lang*='he-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='he-'] .button-cta-label {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .age-prompt--question, [lang*='uk-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='uk-'] .button-cta-label, [lang*='bg-'] .age-prompt--question, [lang*='bg-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='bg-'] .button-cta-label {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .age-prompt--question, [lang*='zh-CN'] .age-prompt button .button-cta-label, .age-prompt button [lang*='zh-CN'] .button-cta-label {
    font-family: Arial;
}

[lang*='zh-TW'] .age-prompt--question, [lang*='zh-TW'] .age-prompt button .button-cta-label, .age-prompt button [lang*='zh-TW'] .button-cta-label, [lang*='zh-HK'] .age-prompt--question, [lang*='zh-HK'] .age-prompt button .button-cta-label, .age-prompt button [lang*='zh-HK'] .button-cta-label {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .age-prompt--question, [lang*='th-'] .age-prompt button .button-cta-label, .age-prompt button [lang*='th-'] .button-cta-label {
    font-family: "Pridi", sans-serif;
}

@keyframes buttonCtaBounce {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scaleX(1.2) scaleY(0.8);
    }
    50% {
        transform: scaleX(0.8) scaleY(1.2);
    }
    75% {
        transform: scaleX(1.1) scaleY(1.1);
    }
}

[dir='rtl'] .age-prompt button {
    transform: scaleX(-1);
    margin-right: 0;
    margin-left: 3em;
}

[dir='rtl'] .age-prompt button .button-cta-label .label-item {
    transform: scaleX(-1);
}

.age-prompt--question {
    display: block;
    color: #f3410e;
}

.age-prompt button {
    display: inline-block;
    position: relative;
    margin-right: 3em;
    border: 0;
    height: 64px;
    min-width: 144px;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transform: translateZ(0);
    z-index: 1;
    margin: 0 auto;
    padding: 1px 7px 2px;
}

@media (min-width: 900px) {
    .age-prompt button {
        height: 80px;
        min-width: 160px;
    }
}

@media (min-width: 1625px) {
    .age-prompt button {
        min-width: 200px;
        height: 100px;
    }
}

.age-prompt button .button-cta-label {
    display: block;
    position: relative;
    padding: 18px 1ex 24px 1em;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: .83333;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    z-index: 0;
    white-space: nowrap;
}

@media (min-width: 900px) {
    .age-prompt button .button-cta-label {
        padding: .9em .45em 1em 2em;
        font-size: 27.77778px;
        line-height: 0.71429;
    }
}

@media (min-width: 1650px) {
    .age-prompt button .button-cta-label {
        padding: .9em .45em 1em 2em;
        font-size: 34.72222px;
        line-height: 0.71429;
    }
}

.age-prompt button .button-cta-label .label-item {
    display: inline-block;
    margin-top: 3px;
    position: relative;
    right: -6px;
}

.age-prompt button .button-cta-label .icon {
    display: inline-block;
    position: absolute;
    top: 1em;
    right: -.75em;
    height: 20px;
    width: 20px;
}

@media (min-width: 900px) {
    .age-prompt button .button-cta-label .icon {
        height: .71em;
        width: .71em;
    }
}

.age-prompt button .button-cta-label .icon svg {
    width: 100%;
    height: 100%;
}

.age-prompt button .button-cta-label .icon svg path {
    fill: #fff;
}

.age-prompt button .button-cta-marker {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-duration: .5s;
    z-index: -1;
}

@media (min-width: 900px) {
    .age-prompt button .button-cta-marker {
        margin-left: 20px;
    }
}

.age-prompt button .button-cta-marker .marker-svg {
    position: absolute;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(https://kinder-2020-1.letoagency.ru/images/ca47c7392140110a48db787687c1cb18.svg) no-repeat 50%/100% 100%;
}

.age-prompt button .button-cta-marker .button-cta-cap {
    position: absolute;
    top: 0;
    right: -37px;
    bottom: 0;
    width: 38px;
    box-sizing: content-box;
}

@media (min-width: 600px) {
    .age-prompt button .button-cta-marker .button-cta-cap {
        transform: translateX(30px);
        padding-right: 40px;
        width: 40px;
    }
}

@media (min-width: 900px) {
    .age-prompt button .button-cta-marker .button-cta-cap {
        right: -38.09524px;
    }
}

@media (min-width: 1625px) {
    .age-prompt button .button-cta-marker .button-cta-cap {
        right: -47.61905px;
    }
}

.age-prompt button .button-cta-marker .cap-svg {
    display: block;
    height: 100%;
    width: 100%;
    background: url(https://kinder-2020-1.letoagency.ru/images/c899fb7d680294880e8208424fc40eb6.svg) no-repeat 50%/100% 100%;
}

.age-prompt button:hover .button-cta-label, .age-prompt button:hover .button-cta-marker {
    animation: buttonCtaBounce 0.5s;
}

.age-prompt button .button-cta-label {
    padding-left: 0;
}

.age-prompt button .button-cta-label .icon {
    right: -10px;
}

.age-prompt button .button-tail-arrow {
    right: 0;
    margin-top: -3px;
}

.age-prompt button .button-cta-marker {
    margin-left: 0;
    margin-right: 28px;
}

@media (min-width: 900px) {
    .age-prompt button .button-cta-tail {
        right: -38.09524px;
    }
}

.age-prompt:not(.full-display-mode) {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
}

@media (max-height: 500px) and (orientation: landscape) {
    .age-prompt:not(.full-display-mode) {
        position: static;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000;
    opacity: 0.6;
    z-index: 9;
}

.age-prompt:not(.full-display-mode) .age-prompt--dotted-line {
    position: absolute;
    top: 70%;
    left: 0;
    width: 100%;
    z-index: 0;
    transform: translateY(-50%);
}

.age-prompt:not(.full-display-mode) .age-prompt--dotted-line svg {
    display: block;
}

.age-prompt:not(.full-display-mode) .age-prompt--form {
    position: absolute;
    top: 100px;
    left: 50%;
    margin: 0 auto;
    border-radius: 20px;
    width: 45%;
    background-color: #faf5ed;
    text-align: center;
    transform: translateX(-50%);
    z-index: 10;
}

@media (max-width: 1024px) and (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form {
        width: 75%;
        top: 60px;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form form {
    padding: 15px 0;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form form {
        padding: 30px 0;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form h2:not(.waiting-for-retry) {
    margin: 0;
    font-family: "NotoSans", sans-serif;
    font-weight: 700;
    font-size: 3.8vw;
    line-height: 40px;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form h2:not(.waiting-for-retry) {
        font-size: 1.4vw;
        font-family: "NotoSans", sans-serif;
        font-weight: 400;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--question {
    margin: 0 auto 20px;
    max-width: 75%;
    font-size: 9vw;
    line-height: 1.2em;
    letter-spacing: -.01ex;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--question {
        margin-bottom: 0;
        padding-top: 17px;
        padding-bottom: 3px;
        font-size: 3vw;
        line-height: .91429;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--input-holder {
    position: relative;
    margin-top: 12px;
    margin-bottom: 120px;
    margin-left: 27%;
    width: 53%;
    height: 53%;
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) .age-prompt--input-holder {
        margin: 0 auto;
        margin-bottom: 104px;
        height: 18vw;
        width: 62%;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day {
    display: flex;
    margin: 2.77778vw 50px 94px;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form--month-day {
        margin-bottom: 120px;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day > div {
    position: relative;
    margin: 0 auto;
    padding-top: 5.33333vw;
    width: 16.73333vw;
    height: 13vw;
    box-sizing: content-box;
}

@media (min-width: 600px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form--month-day > div {
        padding-top: 3.47222vw;
    }
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form--month-day > div {
        width: 10vw;
        height: 7vw;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day > div:first-child {
    margin-right: 0;
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day > div:last-child {
    margin-left: 5vw;
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day label {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    font-family: "NotoSans", sans-serif;
    font-weight: 700;
    font-size: 3.73333vw;
    line-height: 1.15;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form--month-day label {
        font-size: 1.66667vw;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day input[type=number] {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: 30%;
    margin-bottom: 10px;
    width: 110%;
    height: 13vw;
    letter-spacing: 4.2vw;
    font-size: 9vw;
    transform: translateX(-50%);
    -webkit-appearance: none;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form--month-day input[type=number] {
        margin-top: 12px;
        height: 100%;
        letter-spacing: 0.5vw;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--form--month-day .dash {
    width: 85%;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--form--month-day .dash {
        width: 94%;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--button-holder {
    position: relative;
    margin-top: -60px;
}

.age-prompt:not(.full-display-mode) .age-prompt--text {
    margin: 15px auto 0;
    font-size: 2.75vw;
    font-weight: 600;
    max-width: 90%;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) .age-prompt--text {
        margin: 1.38889vw auto 0;
        font-weight: 400;
        font-size: 1vw;
        max-width: 39.16667vw;
    }
}

.age-prompt:not(.full-display-mode) .age-prompt--error {
    font-family: "NotoSans", sans-serif;
    font-weight: 700;
}

.age-prompt:not(.full-display-mode) .dash {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 94%;
    height: 1px;
}

.age-prompt:not(.full-display-mode) .dash line {
    stroke: #000;
    stroke-width: 1px;
}

.age-prompt:not(.full-display-mode) .month-day-selector .age-prompt--question {
    max-width: 90%;
}

.age-prompt:not(.full-display-mode) input[type=number] {
    padding: 0;
    border: 0;
    width: 100%;
    height: 19vw;
    background: transparent;
    font-family: "NotoSans", sans-serif;
    font-weight: 700;
    font-size: 15vw;
    line-height: 1.3em;
    letter-spacing: 3vw;
    color: #555;
    -webkit-appearance: none;
}

@media (min-width: 769px) {
    .age-prompt:not(.full-display-mode) input[type=number] {
        height: 8vw;
        font-size: 9vw;
        letter-spacing: 0.85vw;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    .age-prompt:not(.full-display-mode) input[type=number] {
        letter-spacing: 4.2vw;
    }
}

.age-prompt:not(.full-display-mode) input[type=number]::-webkit-input-placeholder {
    letter-spacing: 0.1vw;
    color: #8D8C8C;
    line-height: 1;
}

@media (max-width: 1024px) {
    .age-prompt:not(.full-display-mode) input[type=number]::-webkit-input-placeholder {
        letter-spacing: 4vw;
    }
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) input[type=number]::-webkit-input-placeholder {
        letter-spacing: 2vw;
    }
}

.age-prompt:not(.full-display-mode) input[type=number]::-moz-placeholder {
    letter-spacing: 0.1vw;
    color: #8D8C8C;
}

@media (max-width: 1024px) {
    .age-prompt:not(.full-display-mode) input[type=number]::-moz-placeholder {
        letter-spacing: 4vw;
    }
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) input[type=number]::-moz-placeholder {
        letter-spacing: 2vw;
    }
}

.age-prompt:not(.full-display-mode) input[type=number]:-ms-input-placeholder {
    letter-spacing: 0.1vw;
    color: #8D8C8C;
}

@media (max-width: 1024px) {
    .age-prompt:not(.full-display-mode) input[type=number]:-ms-input-placeholder {
        letter-spacing: 4vw;
    }
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) input[type=number]:-ms-input-placeholder {
        letter-spacing: 2vw;
    }
}

.age-prompt:not(.full-display-mode) input[type=number]:-moz-placeholder {
    letter-spacing: 0.1vw;
    color: #8D8C8C;
}

@media (max-width: 1024px) {
    .age-prompt:not(.full-display-mode) input[type=number]:-moz-placeholder {
        letter-spacing: 4vw;
    }
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) input[type=number]:-moz-placeholder {
        letter-spacing: 2vw;
    }
}

.age-prompt:not(.full-display-mode) input[type=number].invalid {
    color: #f3410e;
}

.age-prompt:not(.full-display-mode) button:after {
    content: "";
    pointer-events: none;
    position: absolute;
    height: 150%;
    width: 88px;
    top: 50%;
    background: url(https://kinder-2020-1.letoagency.ru/images/f4e907e1e73adf732eabfbcef1144261.svg) no-repeat 50%/contain;
    transform: translate(100%, -50%);
}

@media (max-width: 1650px) {
    .age-prompt:not(.full-display-mode) button:after {
        height: 120%;
        right: 0;
    }
}

@media (max-width: 768px) {
    .age-prompt:not(.full-display-mode) button:after {
        right: 24px;
        width: 60%;
    }
}

.age-prompt:not(.full-display-mode) .waiting-for-retry {
    padding: 50px 20px;
}

.age-prompt.full-display-mode {
    position: relative;
    padding-top: 11.33333vw;
    padding-bottom: 17.06667vw;
    min-height: 800px;
    text-align: center;
    box-sizing: content-box;
}

@media (min-width: 900px) {
    .age-prompt.full-display-mode {
        padding-top: calc(9.72222vw - 40px);
    }
}

.age-prompt.full-display-mode::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzA1LjMiIHdpZHRoPSIxNDQzLjMiPjxwYXRoIGQ9Ik0tMTI2LjkgMTY4LjY3YzczLjgtOTMuNCAyNDAuNjgtMzA4Ljc3IDcwNi45LTE3LjQgNDI4LjY0IDI2Ny44OCA4MDEuODYgMTM1LjMgNzc0LjEtNDUuNjQtMjIuNDItMTQ2LjIyLTI2Ni42NiAyMDguNDUgNTAxLTE1LjAzIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDlmZTUiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjYuNiwgMTMuMiIvPjwvc3ZnPg==) 50% 0/100% auto;
    background-position: center 75%;
    transform: scaleX(1);
    z-index: -1;
}

.age-prompt.full-display-mode h3 {
    padding-bottom: 6.66667vw;
    font-family: "NotoSans", sans-serif;
    font-weight: 400;
    font-size: 3.73333vw;
    margin: 0;
}

@media (min-width: 600px) {
    .age-prompt.full-display-mode h3 {
        padding-bottom: 4.77778vw;
        font-size: 1.66667vw;
    }
}

.age-prompt.full-display-mode h2 {
    margin: 0 auto;
    font-size: 36px;
}

@media (min-width: 600px) {
    .age-prompt.full-display-mode h2 {
        font-size: 5vw;
    }
}

.age-prompt.full-display-mode select {
    padding: 4px 6px;
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 24px;
    line-height: 30px;
    color: #555;
    box-sizing: border-box;
}

.age-prompt.full-display-mode .waiting-for-retry {
    font-size: 36px;
}

.age-prompt.full-display-mode .age-gate {
    margin-top: 60px;
}

@media (min-width: 670px) {
    .age-prompt.full-display-mode .age-gate {
        display: flex;
        justify-content: center;
    }
}

.age-prompt.full-display-mode .age-gate select {
    margin-bottom: 10px;
}

@media (min-width: 670px) {
    .age-prompt.full-display-mode .month-day-selector {
        padding-right: 6px;
    }
}

.age-prompt.full-display-mode .age-prompt--button-holder {
    margin-top: 40px;
}

.age-prompt.full-display-mode button[disabled] {
    opacity: .2;
    pointer-events: none;
}

@media (min-width: 900px) {
    .ageGate {
        visibility: hidden;
    }
}

@media (min-width: 900px) {
    .safari-page .age-prompt:not(.full-display-mode) input[type=number] {
        height: 11vw;
    }
}

[dir='rtl'] .age-prompt--dotted-line svg {
    direction: rtl;
}

[dir='rtl'] .age-prompt--input-holder {
    margin-left: 0;
    margin-right: 27%;
}

[dir='rtl'] .age-prompt--form--month-day > div:last-child {
    margin-left: 0;
    margin-right: 5vw;
}

[dir='rtl'] .age-prompt button {
    margin-left: 0;
    margin-right: 3em;
}

[dir='rtl'] .age-prompt button:after {
    left: 50%;
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .age-prompt .year-selector input[type='number'] {
        line-height: 0;
        margin-bottom: 5vw;
    }

    .age-prompt--input-holder {
        height: 28%;
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .age-prompt--form--month-day input[type=number] {
        height: 68%;
        font-size: 6.5vw;
        margin-bottom: 4.3vw;
        letter-spacing: 2vw;
    }

    .age-prompt .dash {
        top: 74%;
    }

    .age-prompt .age-prompt-submit {
        overflow: visible;
    }

    .age-prompt .age-prompt-submit .label-item {
        position: relative;
        top: -3px;
    }

    .age-prompt .age-prompt-submit .icon {
        top: 0.8em;
    }

    .age-prompt .age-prompt-submit:after {
        left: 5vw;
    }
}

@supports (-ms-ime-align:auto) {
    .age-prompt .year-selector input[type='number'] {
        line-height: 0;
        margin-bottom: 5vw;
    }

    .age-prompt--input-holder {
        height: 28%;
        margin-bottom: 50px;
        margin-top: 30px;
    }

    .age-prompt .dash {
        top: 74%;
    }

    .age-prompt--form--month-day input[type=number] {
        height: 55%;
        margin-top: 40px;
        font-size: 6.5vw;
        margin-bottom: 4.3vw;
        letter-spacing: 2vw;
    }

    .age-prompt--form--month-day .dash {
        height: 10vw;
    }

    .age-prompt .age-prompt-submit {
        overflow: visible;
    }

    .age-prompt .age-prompt-submit .label-item {
        position: relative;
        top: -3px;
    }

    .age-prompt .age-prompt-submit .icon {
        top: 0.8em;
    }

    .age-prompt .age-prompt-submit:after {
        left: 5vw;
    }
}

.path-user .user-login-form input[type='submit'], .path-user .user-pass input[type='submit'] {
    font-family: "Chronic", sans-serif;
}

[lang*='ar-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='ar-'] input[type='submit'], [lang*='ar-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='ar-'] input[type='submit'] {
    font-family: "Lalezar Regular", sans-serif;
}

[lang*='el-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='el-'] input[type='submit'], [lang*='el-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='el-'] input[type='submit'] {
    font-family: "Alabama", sans-serif;
}

[lang*='ko-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='ko-'] input[type='submit'], [lang*='ko-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='ko-'] input[type='submit'] {
    font-family: "GamjaFlower Regular", sans-serif;
}

[lang*='ru-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='ru-'] input[type='submit'], [lang*='ru-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='ru-'] input[type='submit'], [lang*='ru-LV'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='ru-LV'] input[type='submit'], [lang*='ru-LV'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='ru-LV'] input[type='submit'], [lang*='ru-LT'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='ru-LT'] input[type='submit'], [lang*='ru-LT'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='ru-LT'] input[type='submit'], [lang*='ru-EE'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='ru-EE'] input[type='submit'], [lang*='ru-EE'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='ru-EE'] input[type='submit'], [lang*='kk-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='kk-'] input[type='submit'], [lang*='kk-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='kk-'] input[type='submit'] {
    font-family: "Noteworthy Bold", sans-serif;
}

[lang*='he-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='he-'] input[type='submit'], [lang*='he-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='he-'] input[type='submit'] {
    font-family: "VarelaRound Regular", sans-serif;
}

[lang*='uk-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='uk-'] input[type='submit'], [lang*='uk-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='uk-'] input[type='submit'], [lang*='bg-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='bg-'] input[type='submit'], [lang*='bg-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='bg-'] input[type='submit'] {
    font-family: "Neucha", sans-serif;
}

[lang*='zh-CN'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='zh-CN'] input[type='submit'], [lang*='zh-CN'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='zh-CN'] input[type='submit'] {
    font-family: Arial;
}

[lang*='zh-TW'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='zh-TW'] input[type='submit'], [lang*='zh-TW'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='zh-TW'] input[type='submit'], [lang*='zh-HK'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='zh-HK'] input[type='submit'], [lang*='zh-HK'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='zh-HK'] input[type='submit'] {
    font-family: "Setofont", sans-serif;
}

[lang*='th-'] .path-user .user-login-form input[type='submit'], .path-user .user-login-form [lang*='th-'] input[type='submit'], [lang*='th-'] .path-user .user-pass input[type='submit'], .path-user .user-pass [lang*='th-'] input[type='submit'] {
    font-family: "Pridi", sans-serif;
}

.path-user .user-login-form, .path-user .user-pass {
    margin: 0 auto;
    max-width: 64vw;
}

.path-user .user-login-form .form-item label, .path-user .user-pass .form-item label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.path-user .user-login-form .form-item input[type='text'], .path-user .user-login-form .form-item input[type='password'], .path-user .user-login-form .form-item input[type='email'], .path-user .user-pass .form-item input[type='text'], .path-user .user-pass .form-item input[type='password'], .path-user .user-pass .form-item input[type='email'] {
    box-shadow: none;
    border: 2px solid #ccc;
    padding: 10px 15px;
    height: 48px;
    font-size: 16px;
}

@media (min-width: 900px) {
    .path-user .user-login-form .form-item input[type='text'], .path-user .user-login-form .form-item input[type='password'], .path-user .user-login-form .form-item input[type='email'], .path-user .user-pass .form-item input[type='text'], .path-user .user-pass .form-item input[type='password'], .path-user .user-pass .form-item input[type='email'] {
        font-size: 17px;
    }
}

.path-user .user-login-form .form-item .description, .path-user .user-pass .form-item .description {
    font-size: 11px;
}

.path-user .user-login-form input[type='submit'], .path-user .user-pass input[type='submit'] {
    border: 0;
    padding: 15px 20px;
    box-shadow: none;
    background-color: #f3410e;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}

input, textarea {
    -webkit-appearance: none;
}

[dir="rtl"] input, [dir="rtl"]
textarea {
    direction: rtl;
}

input[type='number'] {
    -webkit-appearance: textarea;
    -moz-appearance: textfield;
    letter-spacing: 0.85vw;
}

input[type='number']:invalid {
    color: #b94a48;
    box-shadow: 0 0 6px #f8b9b7;
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
}


.paragraph--type--kinder-manifesto-module.with-logo .textBox .imageBottom img {
    width: auto;
    height: 6.6vw;
}

.steps {
    position: relative;
    margin-bottom: 200px;
}

.steps::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 2560px;
    height: 665px;
    margin-left: -1280px;
    top: -200px;
    background: url('https://kinder-2020-1.letoagency.ru/images/steps.png') no-repeat center center;
    background-size: 100% 100%;
    z-index: 5;
}

.steps__wrapper {
    position: relative;
    z-index: 10;
}

.steps__items {
    display: flex;
    justify-content: center;
    height: 330px;
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 100px auto 0;
}

.steps__item {
    width: 33.333333%;
    text-align: center;
    height: 320px;
    position: relative;
}

.steps__item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.steps__item--1::after {
    width: 350px;
    height: 347px;
    background: url("https://kinder-2020-1.letoagency.ru/images/step1.png") no-repeat center center;
    background-size: 100% 100%;
    left: 13px;
    top: 38px;
}

.steps__item--2::after {
    width: 349px;
    height: 404px;
    background: url("https://kinder-2020-1.letoagency.ru/images/step2.png") no-repeat center center;
    background-size: 100% 100%;
    left: 20px;
    top: -16px;
}

.steps__item--3::after {
    width: 356px;
    height: 355px;
    background: url("https://kinder-2020-1.letoagency.ru/images/step3.png") no-repeat center center;
    background-size: 100% 100%;
    left: 4px;
    top: 50px;
}

.steps__text {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #333333;
    font-family: 'Roboto', sans-serif;
    z-index: 10;
}

.steps__item--1 .steps__text {
    left: 36px;
    bottom: 5px;
}

.steps__item--2 .steps__text {
    left: 24px;
    bottom: 39px;
}

.steps__item--3 .steps__text {
    left: 33px;
    bottom: -21px;
}

.steps__icons {
    position: absolute;
    width: 214px;
    height: 269px;
    background: url("https://kinder-2020-1.letoagency.ru/images/steps-icon.png") no-repeat center center;
    background-size: 100% 100%;
    z-index: 8;
    top: -14px;
    left: 50%;
    margin-left: -88px;
}

.steps__button {
    display: block;
    position: absolute;
    width: 208px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    background: #009FE3;
    border-radius: 33px;
    top: 177px;
    left: 80px;
    z-index: 10;
}

.kinder-multicolor-title--steps {
    font-size: 52px;
    margin-top: 100px;
}

.mobile {
    display: none;
}

@media (max-width: 1000px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }

    .steps__item--2 {
        display: none;
    }

    .steps {
        margin-bottom: 250px;
    }

    .steps::after {
        width: 1000px;
        height: 1000px;
        background: url("https://kinder-2020-1.letoagency.ru/images/mobile.png") no-repeat center center;
        background-size: 1000px auto;
        margin-left: -500px;
        top: 0;
    }

    .kinder-multicolor-title--steps {
        margin-top: 50px;
    }

    .steps__item {
        height: 360px;
        width: 100%;
    }

    .steps__items {
        flex-direction: column;
        align-items: center;
        height: 690px;
        margin-top: -240px;
    }

    .steps__text {
        font-size: 16px;
        line-height: 18px;
    }

    .steps__item--1::after {
        width: 360px;
        height: 379px;
        background: url("https://kinder-2020-1.letoagency.ru/images/step1-mobile.png") no-repeat center center;
        background-size: 100% 100%;
        left: 50%;
        margin-left: -175px;
    }

    .steps__item--3::after {
        width: 360px;
        height: 387px;
        background: url("https://kinder-2020-1.letoagency.ru/images/step3-mobile.png") no-repeat center center;
        background-size: 100% 100%;
        left: 50%;
        margin-left: -175px;
    }

    .steps__item--1 .steps__text {
        left: 25px;
    }

    .steps__item--3 .steps__text {
        left: 15px;
    }

    .slider {
        position: relative;
        z-index: 20;
        width: 1000px !important;
        left: 50%;
        margin-left: -500px;
    }

    .slider__item {
        width: 300px !important;
        outline: none;
        position: relative;
        height: 332px !important;
        margin: 0 auto 0 -150px;
    }

    .slick-track {
        display: flex;
        justify-content: center;
    }

    .slider__item::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
    }

    .slider__item--1::after {
        width: 293px;
        height: 330px;
        background: url('https://kinder-2020-1.letoagency.ru/images/slide1.png') no-repeat center center;
        background-size: 100% 100%;
        margin-left: -138px;
    }

    .slider__item--2::after {
        width: 267px;
        height: 321px;
        background: url('https://kinder-2020-1.letoagency.ru/images/slide2.png') no-repeat center center;
        background-size: 100% 100%;
        margin-left: -133px;
    }

    .slider__item--3::after {
        width: 319px;
        height: 332px;
        background: url('https://kinder-2020-1.letoagency.ru/images/slide3.png') no-repeat center center;
        background-size: 100% 100%;
        margin-left: -142px;
    }

    .slider__button {
        width: 170px;
        height: 52px;
        line-height: 52px;
        font-size: 18px;
        bottom: 0;
        top: auto;
        left: 50%;
        margin-left: -85px;
    }

    .slick-dots li {
        transform: none;
        padding: 13px 6px;
    }

    .slick-dots button {
        width: 18px !important;
        height: 18px !important;
        background: #F9F5EE;
        border: 3px solid #459EDF;
    }

    .slick-dots li.slick-active button {
        background: #f14322;
        border-color: transparent;
    }
}

@media (max-width: 500px) {
    .kinder-multicolor-title--steps {
        font-size: 32px;
    }

    .steps::after {
        width: 900px;
        margin-left: -450px;
        background-size: 900px auto;
    }

    .steps {
        margin-bottom: 175px;
    }

    .slider {
        width: 600px !important;
        margin-left: -300px;
    }
}

/* MODALS */

.body-modal {
    overflow: hidden;
    padding-right: 17px !important;
}

.modal {
    color: #000;
    overflow: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1001;
    display: none;
    font-size: 14px;
    line-height: 16px;
}

.modals__fog {
    position: absolute;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: .5;
    z-index: 10;
    height: 100%;
}

.modal__wrapper {
    min-height: 100%;
    padding: 30px 10px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.modal__body {
    position: relative;
    z-index: 100;
    padding: 50px 20px 80px;
    width: 100%;
    max-width: 960px;
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    border: none;
    vertical-align: middle;
    background: #FFFFFF;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
    border-radius: 20px;
}

.modal__close {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 100;
}

.modal__close::before,
.modal__close::after {
    content: '';
    width: calc(100% + 6px);
    height: 3px;
    background: #ce3517;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
    border-radius: 5px;
}

.modal__close::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__close:hover::before,
.modal__close:hover::after {
    background: #A3280D;
}

.modal__title {
    font-size: 52px;
    line-height: 50px;
    text-align: center;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    color: #333333;
    font-family: 'LeOsler', sans-serif;
    margin-bottom: 311px;
}

.modal__button {
    display: block;
    position: relative;
    width: 208px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
    background: #009FE3;
    border-radius: 33px;
}

.modal__items {
    display: flex;
    justify-content: center;
}

.modal__item {
    position: relative;
    width: 208px;
    margin: 0 40px;
}

.modal__button::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 70%;
}

.modal__item:nth-child(1) .modal__button::before {
    width: 264px;
    height: 298px;
    background: url('https://kinder-2020-1.letoagency.ru/images/egg1.png') no-repeat center center;
    background-size: 100% 100%;
    margin-left: -132px;
}

.modal__item:nth-child(2) .modal__button::before {
    width: 250px;
    height: 299px;
    background: url('https://kinder-2020-1.letoagency.ru/images/egg2.png') no-repeat center center;
    background-size: 100% 100%;
    margin-left: -125px;
}

.modal__item:nth-child(3) .modal__button::before {
    width: 285px;
    height: 298px;
    background: url('https://kinder-2020-1.letoagency.ru/images/egg3.png') no-repeat center center;
    background-size: 100% 100%;
    margin-left: -134px;
}

.block--age-prompt {

}

#sliding-popup {
    display: none !important;
}
#video {
    position: static;
}
.modal--video .modal__body {
    padding: 20px;
}
.myblock__01-title-1 {
    font-family: 'LeOsler', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    color: #000000;
    margin: 35px auto 0;
    width: 85%;
}
.myblock__01-title-2 {

    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 15px auto 0;
    width: 85%;
}
.myblock__01-title-3 {

    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin: 15px auto 0;
    width: 85%;
}
.slider20-self .field__item {
    width: 90%;
    margin: 0 auto;
}
.slider21 {
    margin-bottom: 150px;
}
.slider21-self .field__item {
    width: 85%;
    margin: 0 auto;
}
.block.block-core.block-page-title-block {
    display: none;
}