/*!
 *  1. Normalize.css(v3.0.2) + other css resets [customized by igrik]
 *  2. Custom project reset styles
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: transparent; }

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }

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

body {
    line-height: 1; }

ol, ul {
    list-style: none; }

blockquote, q {
    quotes: none; }

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

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

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

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none; }

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background color from active links in IE 10.
 */
a {
    font-size: 100%;
    text-decoration: none;
    vertical-align: baseline;
    background: transparent;
    /* 1 */
    color: inherit;
    transition: .3s; }

/**
 * 1. Improve readability when focused and also mouse hovered in all browsers.
 * 2. Address `outline` inconsistency between Chrome and other browsers.
 */
a:active,
a:hover,
a:focus {
    /* 2 */
    outline: 0; }

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

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

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

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

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

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

sup {
    top: -0.5em; }

sub {
    bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    /* 1 */ }

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

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

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

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

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

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

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */ }

/**
 * 1. Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    /* 1 */
    font: inherit;
    line-height: normal;
    background: none;
    color: inherit;
    transition: .3s; }

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline: 0 !important;
    /* Remove blue border in Chrome */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default; }

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

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

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

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

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

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

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

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

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

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

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

/*==========================================================================
   Custom reset styles
==========================================================================*/
input {
    background: none;
    border-radius: 0;
    border: none; }
    input::-webkit-input-placeholder {
        color: inherit; }
    input:-ms-input-placeholder {
        color: inherit; }
    input:-moz-placeholder {
        /* Firefox 18- */
        color: inherit; }
    input::-moz-placeholder {
        /* Firefox 19+ */
        color: inherit; }
    input:-moz-placeholder {
        /* Firefox 18- */
        opacity: 1 !important; }
    input::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1 !important; }
    input:focus {
        outline: none; }
        input:focus::-webkit-input-placeholder {
            color: transparent; }
        input:focus:-ms-input-placeholder {
            color: transparent; }
        input:focus:-moz-placeholder {
            /* Firefox 18- */
            color: transparent; }
        input:focus::-moz-placeholder {
            /* Firefox 19+ */
            color: transparent; }
    input::-ms-clear {
        display: none; }

textarea {
    border-radius: 0; }
    textarea:-moz-placeholder {
        /* Firefox 18- */
        opacity: 1 !important; }
    textarea::-moz-placeholder {
        /* Firefox 19+ */
        opacity: 1 !important; }
    textarea:focus {
        outline: none; }

fieldset {
    border: none; }

/* select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    &::-ms-expand { display: none; }
} */
/*==========================================================================
    Custom fonts
==========================================================================*/
@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: DietDidotRegular;
    font-style: normal;
    font-weight: 400;
    src: local(DietDidotRegular);
    src: url("../fonts/DietDidotRegular.woff2") format("woff2"), url("../fonts/DietDidotRegular.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: DietDidotBoldItalic;
    font-style: italic;
    font-weight: 700;
    src: local(DietDidotBoldItalic);
    src: url("../fonts/DietDidotBoldItalic.woff2") format("woff2"), url("../fonts/DietDidotBoldItalic.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosCondCRegular;
    font-style: normal;
    font-weight: 400;
    src: local(HeliosCondCRegular);
    src: url("../fonts/HeliosCondCRegular.woff2") format("woff2"), url("../fonts/HeliosCondCRegular.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosCondCBold;
    font-style: normal;
    font-weight: 700;
    src: local(HeliosCondCBold);
    src: url("../fonts/HeliosCondCBold.woff2") format("woff2"), url("../fonts/HeliosCondCBold.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosCondLight;
    font-style: normal;
    font-weight: 400;
    src: local(HeliosCondLight);
    src: url("../fonts/HeliosCondLight.woff2") format("woff2"), url("../fonts/HeliosCondLight.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosCondLightItalic;
    font-style: italic;
    font-weight: 400;
    src: local(HeliosCondLightItalic);
    src: url("../fonts/HeliosCondLightItalic.woff2") format("woff2"), url("../fonts/HeliosCondLightItalic.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosLightCRegular;
    font-style: normal;
    font-weight: 400;
    src: local(HeliosLightCRegular);
    src: url("../fonts/HeliosLightCRegular.woff2") format("woff2"), url("../fonts/HeliosLightCRegular.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosCondThinCRegular;
    font-style: normal;
    font-weight: 400;
    src: local(HeliosCondThinCRegular);
    src: url("../fonts/HeliosCondThinCRegular.woff2") format("woff2"), url("../fonts/HeliosCondThinCRegular.woff") format("woff"); }

@font-face {
    /* Super Modern Browsers */
    /* Pretty Modern Browsers */
    font-family: HeliosCondThinCItalic;
    font-style: italic;
    font-weight: 400;
    src: local(HeliosCondThinCItalic);
    src: url("../fonts/HeliosCondThinCItalic.woff2") format("woff2"), url("../fonts/HeliosCondThinCItalic.woff") format("woff"); }

/*==========================================================================
    HTML, BODY styles
==========================================================================*/
html {
    height: 100%; }

body {
    width: 100%;
    height: 100%;
    font-family: Arial, Tahoma, sans-serif;
    line-height: 1.2;
    background: #fff;
    color: #000; }

/*==========================================================================
    ruble sign
==========================================================================*/
@supports (-moz-osx-font-smoothing: auto) {
    /* Detect Mac Firefox 25 or newer */
    font-family: "Helvetica Neue"; }

/*==========================================================================
    texteditor's (wysiwyg) styles
==========================================================================*/

/*# sourceMappingURL=../sourcemaps/content-styles.css.map */

/*==========================================================================
   layout / grid
==========================================================================*/
.container {
    background-color: #000;
    height: 100%;
    min-width: 320px;
    overflow: hidden;
    position: relative; }

.page-biography .container {
    height: auto;
    min-height: 100%; }

.content {
    height: 100%; }

.visually-hidden-content {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: auto;
    width: 1px; }

/*==========================================================================
   "header"
==========================================================================*/
.header {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width 1.5s ease, -webkit-transform 1.5s ease;
    transition: transform 1.5s ease, width 1.5s ease;
    transition: transform 1.5s ease, width 1.5s ease, -webkit-transform 1.5s ease;
    width: 19.002vh;
    z-index: 3; }
    .header_revealing {
        pointer-events: none;
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0); }
    .no-js .header {
        pointer-events: auto;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .preloading-finished .header {
        pointer-events: auto;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .preloading-finished.intro-show .header {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0); }
    .header_increased, .header_info-active,
    .preloading-finished .header_increased {
        -webkit-transform: translate3d(calc(50vw - 50%), 0, 0);
                transform: translate3d(calc(50vw - 50%), 0, 0);
        width: 42vh; }
    .header__logo {
        display: block;
        height: 12vh;
        left: 0;
        position: absolute;
        top: 6vh;
        -webkit-transform-origin: 100% 50%;
                transform-origin: 100% 50%;
        -webkit-transform: translate3d(calc(1.002vh + (15vh) / 2 - 50%), 0, 0);
                transform: translate3d(calc(1.002vh + (15vh) / 2 - 50%), 0, 0);
        transition: left 1.5s ease, height 1.5s ease, opacity 1.5s ease, -webkit-transform 1.5s ease;
        transition: left 1.5s ease, height 1.5s ease, opacity 1.5s ease, transform 1.5s ease;
        transition: left 1.5s ease, height 1.5s ease, opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
        z-index: 1; }
    .header_logo-flipped .header__logo {
        -webkit-transform: rotateY(180deg) translate3d(4.002vh, calc(88vh - 100%), 0);
                transform: rotateY(180deg) translate3d(4.002vh, calc(88vh - 100%), 0); }
    .header_increased .header__logo {
        height: 40vh;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
                transform: translate3d(-50%, 0, 0); }
    .header_info-active .header__logo {
        opacity: 0;
        -webkit-transform: translate3d(calc(1.002vh + (37.998vh) / 2 - 50%), 0, 0);
                transform: translate3d(calc(1.002vh + (37.998vh) / 2 - 50%), 0, 0); }
    .header__logo-image {
        display: block;
        fill: #565659;
        height: 100%;
        transition: fill 1.5s ease; }
    .header_logo-light .header__logo-image {
        fill: #a7a9ac; }
    .header__content {
        background-color: rgba(167, 169, 172, 0.5);
        height: 100%;
        padding-top: 18vh;
        text-align: center;
        transition: padding-top 1.5s ease, -webkit-transform 1.5s ease 1.5s;
        transition: padding-top 1.5s ease, transform 1.5s ease 1.5s;
        transition: padding-top 1.5s ease, transform 1.5s ease 1.5s, -webkit-transform 1.5s ease 1.5s; }
    .header_content-hidden .header__content {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        transition: -webkit-transform 1.5s ease;
        transition: transform 1.5s ease;
        transition: transform 1.5s ease, -webkit-transform 1.5s ease; }
    .header_increased .header__content {
        padding-top: 46vh; }
    .header__nav {
        font-style: normal;
        font-weight: 400;
        color: #000;
        margin: 0.91vh 3vh 0 1.002vh;
        position: relative;
        transition: opacity 1.5s ease;
        z-index: 2; }
        .no-js .header__nav,
        .helios-cond-light-base-loaded .header__nav {
            font-family: "HeliosCondLight", serif; }
    .header_info-active .header__nav {
        opacity: 0; }
    .header__nav-item + .header__nav-item {
        margin-top: .58vh; }
    .header__nav-link {
        font-size: 2.17vh;
        text-transform: uppercase;
        transition: color 0.3s ease, font-size 1.5s ease; }
    .header__nav-link:hover, .header__nav-link_active {
        color: #fff; }
    .header__nav-link_active {
        cursor: text; }
    .header_increased .header__nav-link {
        font-size: 7.2vh; }
    .header__nav-submenu {
        font-size: 2.17vh;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: relative;
        text-align: center;
        transition: opacity 1.5s ease, max-height 0s ease 1.5s; }
    .header_increased .header__nav-submenu {
        max-height: 9999px;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 1.5s ease, max-height 0s ease 0s; }
    .header__nav-subitem + .header__nav-subitem {
        margin-top: .4em; }
    .header__nav-sublink {
        display: inline-block;
        position: relative; }
        .header__nav-sublink:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23fff' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E");
            background-position: 100% 50%;
            background-repeat: no-repeat;
            background-size: auto 100%;
            content: '';
            height: 1em;
            left: 100%;
            margin-left: 1.8em;
            opacity: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: scaleX(-1) translate3d(0, -50%, 0);
                    transform: scaleX(-1) translate3d(0, -50%, 0);
            transition: all .5s ease;
            width: 4em; }
    .header__nav-sublink:hover {
        color: #fff; }
        .header__nav-sublink:hover:before {
            opacity: 1;
            -webkit-transform: scaleX(-1) translate3d(10%, -50%, 0);
                    transform: scaleX(-1) translate3d(10%, -50%, 0); }
    .header__buttons {
        font-style: normal;
        font-weight: 400;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        bottom: 7.002vh;
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        left: 0;
        overflow: hidden;
        position: absolute;
        text-align: center;
        transition: opacity 1.5s ease;
        width: 100%; }
        .no-js .header__buttons,
        .helios-cond-c-base-loaded .header__buttons {
            font-family: "HeliosCondCRegular", serif; }
    .header_info-active .header__buttons,
    .header_increased .header__buttons {
        opacity: 0;
        pointer-events: none; }
    .header__buttons-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    .header__buttons-item + .header__buttons-item {
        margin-left: 2.25vh; }
    .header__button {
        display: block;
        height: 2.25vh;
        position: relative;
        width: 2.25vh; }
    .header__button .fb-share-button {
        height: 100%;
        left: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%; }
    .header__button-icon {
        display: block;
        fill: #000;
        height: 100%;
        transition: fill .5s ease;
        width: 100%; }
    .header__button_active .header__button-icon,
    .header__button:hover .header__button-icon {
        fill: #fff; }
    .header__catalog-filters {
        font-style: normal;
        font-weight: 400;
        font-size: 2.17vh;
        letter-spacing: .04em;
        line-height: 1.4;
        overflow: hidden;
        position: relative;
        -webkit-transform: translateY(3vh);
                transform: translateY(3vh);
        transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
        transition: opacity 1.5s ease, transform 1.5s ease;
        transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
        .no-js .header__catalog-filters,
        .helios-cond-light-base-loaded .header__catalog-filters {
            font-family: "HeliosCondLight", serif; }
    .header__catalog-filters_compact {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        transition: opacity 1.5s ease, max-height 0s ease 1.5s; }
    .header_increased .header__catalog-filters_compact {
        max-height: 9999px;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 1.5s ease, max-height 0s ease 0s; }
    .page-biography .header__catalog-filters {
        display: none; }
    .header_increased .header__catalog-filters {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    .header_info-active .header__catalog-filters {
        opacity: 0;
        pointer-events: none; }
    .header__catalog-filter_hiding {
        overflow: hidden; }
    .header__catalog-filter_hiding:first-child {
        max-height: 1.4em;
        transition: max-height 1.5s ease, opacity 1.1s ease 0.4s; }
    .header__catalog-filter_hiding:last-child {
        max-height: 9999px;
        transition: max-height 0s ease 0s, opacity 1.1s ease 0.4s; }
    .header__catalog-filters_compact .header__catalog-filter_hiding,
    .header_increased .header__catalog-filter_hiding {
        max-height: 0;
        opacity: 0;
        pointer-events: none; }
    .header_increased .header__catalog-filter_hiding:first-child {
        transition: max-height 1.5s ease, opacity 1.1s ease 0s; }
    .header_increased .header__catalog-filter_hiding:last-child {
        transition: max-height 0s ease 1.5s, opacity 1.1s ease 0s; }
    .header__catalog-filter + .header__catalog-filter {
        margin-top: .1em; }
    .header__catalog-filter + .header__catalog-filter_indented {
        margin-top: 1.5em; }
    .header__catalog-filter-button {
        color: #000;
        display: inline-block;
        position: relative; }
        .header__catalog-filter-button:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23fff' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E");
            background-position: 100% 50%;
            background-repeat: no-repeat;
            background-size: auto 100%;
            content: '';
            cursor: default;
            height: .8em;
            left: 100%;
            margin-left: 1.8em;
            opacity: 0;
            position: absolute;
            top: 50%;
            -webkit-transform: scaleX(-1) translate3d(0, -50%, 0);
                    transform: scaleX(-1) translate3d(0, -50%, 0);
            transition: all .5s ease;
            width: 3.4em; }
    .header__catalog-filter-button:hover, .header__catalog-filter-button_active {
        color: #fff; }
        .header__catalog-filter-button:hover:before, .header__catalog-filter-button_active:before {
            -webkit-transform: scaleX(-1) translate3d(10%, -50%, 0);
                    transform: scaleX(-1) translate3d(10%, -50%, 0); }
    .header__catalog-filter-button_active {
        cursor: text; }
    .header_increased .header__catalog-filter-button:hover:before,
    .header_increased .header__catalog-filter-button_active:before {
        opacity: 1; }
    .header__info {
        font-style: normal;
        font-weight: 400;
        color: #fff;
        font-size: 2.67vh;
        height: 0%;
        left: 50%;
        opacity: 0;
        overflow: hidden;
        padding: 1.8em 7px 0;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        transition: height 0s ease 1.5s, opacity 0.8s ease 0s;
        width: 42vh; }
        .no-js .header__info,
        .helios-cond-light-base-loaded .header__info {
            font-family: "HeliosCondLight", serif; }
    .header_info-active .header__info {
        height: 100%;
        opacity: 1;
        transition: height 0s ease 0s, opacity 0.8s ease 0.7s;
        z-index: 2; }
    .header__info-title {
        font-style: normal;
        font-weight: 700;
        margin-bottom: .3em; }
        .no-js .header__info-title,
        .helios-cond-c-loaded .header__info-title {
            font-family: "HeliosCondCBold", sans-serif; }
        .helios-cond-c-base-loaded:not(.helios-cond-c-loaded) .header__info-title {
            font-family: "HeliosCondCRegular", sans-serif; }
    .header__info-contact-name {
        display: inline-block;
        margin-bottom: .3em; }
    .header__info-contact-name_developer {
        margin-top: 3em; }
    .header__info-contact-name_programming {
        margin-top: 1em; }
    .header__info-contact-definition {
        display: inline; }
        .header__info-contact-definition:after {
            content: '\A';
            white-space: pre; }
    .header__info-contact-link {
        text-decoration: underline; }
        .header__info-contact-link:hover {
            text-decoration: none; }
    .header__info-close-button {
        bottom: 2.4em;
        cursor: pointer;
        height: 1.3em;
        position: absolute;
        right: .5em;
        text-indent: -9999px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        width: 1.3em; }
        .header__info-close-button:before, .header__info-close-button:after {
            background-color: #fff;
            bottom: 0;
            content: '';
            height: 1px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform-origin: 50% 50%;
                    transform-origin: 50% 50%;
            width: 100%; }
        .header__info-close-button:before {
            -webkit-transform: rotate(45.001deg) translateZ(1px);
                    transform: rotate(45.001deg) translateZ(1px); }
        .header__info-close-button:after {
            -webkit-transform: rotate(135.001deg) translateZ(1px);
                    transform: rotate(135.001deg) translateZ(1px); }

/*==========================================================================
   "presentation"
==========================================================================*/
.presentation {
    color: #fff;
    opacity: 0;
    font-size: .83vh;
    height: 100%;
    left: 0;
    padding: 6vh 22.002vh 7.002vh;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -11;
    /* &__gallery-item.is-active &__gallery-insertion,
    &__gallery-insertion_active {
        opacity: 1;
        visibility: visible;
    }
    &__gallery-insertion_active {
        pointer-events: auto;
        transform: translate3d(0, 0, 0);
        transition: transform $gallery-slide-duration ease;
        z-index: 1;
    }
    &__gallery-insertion_canceling {
        transition: transform $gallery-slide-duration ease, z-index 0s ease $gallery-slide-duration;
    } */ }
    .page-gallery .presentation {
        opacity: 1;
        z-index: 1; }

@-webkit-keyframes icon-animation {
    42%, 100% {
        -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg); }
    49%, 93% {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg); } }

@keyframes icon-animation {
    42%, 100% {
        -webkit-transform: rotateY(0deg);
                transform: rotateY(0deg); }
    49%, 93% {
        -webkit-transform: rotateY(180deg);
                transform: rotateY(180deg); } }
    .presentation__body {
        height: 100%;
        pointer-events: none;
        position: relative; }
    .presentation__body_hidden {
        display: none; }
    .presentation__preloader-block {
        height: 12vh;
        margin: 0 auto;
        -webkit-perspective: 1000px;
                perspective: 1000px;
        width: 9vh; }
    .preloading-finished.intro-show .presentation__preloader-block {
        opacity: 0;
        transition: opacity 0s linear 8.5s; }
    .presentation__preloader {
        display: block;
        font-size: 0;
        height: 100%;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        width: 100%;
        z-index: 1;
        /*
        &:before,
        &:after {
            content: '';
            height: $thick-line-height;
            position: absolute;
            right: 0;
            transform: scaleY(0);
        }
        &:before {
            top: 0;
            width: $preloader-top-line-width;
        }
        &:after {
            bottom: 0;
        }
        */ }
    body:not(.preloading-finished) .presentation__preloader {
        -webkit-animation: icon-animation 6s linear 3.4s infinite;
                animation: icon-animation 6s linear 3.4s infinite; }
    html:not(.no-js) body:not(.preloading-finished) .presentation__preloader {
        will-change: transform; }

@-webkit-keyframes icon-top-bottom-line-drawing {
    0% {
        background-size: 0% 100%; }
    100% {
        background-size: 100% 100%; } }

@keyframes icon-top-bottom-line-drawing {
    0% {
        background-size: 0% 100%; }
    100% {
        background-size: 100% 100%; } }

@-webkit-keyframes icon-top-line-shift {
    0%, 40%, 51%, 91% {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    20%, 71% {
        -webkit-transform: translateX(-105%);
                transform: translateX(-105%); } }

@keyframes icon-top-line-shift {
    0%, 40%, 51%, 91% {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    20%, 71% {
        -webkit-transform: translateX(-105%);
                transform: translateX(-105%); } }

@-webkit-keyframes icon-top-bottom-line-first-thicking {
    0% {
        height: 1px; }
    100% {
        height: 4.17%; } }

@keyframes icon-top-bottom-line-first-thicking {
    0% {
        height: 1px; }
    100% {
        height: 4.17%; } }
    .presentation__preloader-top-line {
        background-image: linear-gradient(90deg, #fff, #fff);
        background-position: 0 0;
        background-size: 0% 100%;
        background-repeat: no-repeat;
        height: 1px;
        position: absolute;
        right: 0;
        top: 0;
        width: 94.6%; }
        .presentation__preloader-top-line:before, .presentation__preloader-top-line:after {
            -webkit-animation-duration: 0.3s;
                    animation-duration: 0.3s;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
            -webkit-animation-name: icon-top-bottom-line-drawing;
                    animation-name: icon-top-bottom-line-drawing;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            background-image: linear-gradient(#fff, #fff);
            background-repeat: no-repeat;
            background-size: 0% 100%;
            content: '';
            height: 100%;
            outline: 1px solid transparent;
            position: absolute;
            top: 0;
            -webkit-transform-origin: 0% 50%;
                    transform-origin: 0% 50%;
            -webkit-transform: translateZ(1px);
                    transform: translateZ(1px);
            width: 1.083vh; }
        .presentation__preloader-top-line:before {
            background-position: 100% 0;
            -webkit-transform: translateZ(1px) rotate(-52deg);
                    transform: translateZ(1px) rotate(-52deg); }
        .presentation__preloader-top-line:after {
            background-position: 0 100%;
            -webkit-transform: translateZ(1px) rotate(52deg);
                    transform: translateZ(1px) rotate(52deg); }
        .preloading-finished .presentation__preloader-top-line:before,
        .preloading-finished .presentation__preloader-top-line:after {
            opacity: 0;
            transition: opacity 0.5s ease; }
        .presentation__preloader-top-line:before, .presentation__preloader-top-line:after {
            left: 0;
            -webkit-transform-origin: 0 0;
                    transform-origin: 0 0; }
        .presentation__preloader-top-line:before {
            -webkit-animation-delay: 2.2s;
                    animation-delay: 2.2s; }
        .presentation__preloader-top-line:after {
            -webkit-animation-delay: 2.5s;
                    animation-delay: 2.5s; }
    body:not(.preloading-finished) .presentation__preloader-top-line {
        -webkit-animation: icon-top-bottom-line-drawing 0.7s linear 0s forwards, icon-top-line-shift 6s linear 3.4s infinite;
                animation: icon-top-bottom-line-drawing 0.7s linear 0s forwards, icon-top-line-shift 6s linear 3.4s infinite; }
    .preloading-finished .presentation__preloader-top-line {
        -webkit-animation: icon-top-bottom-line-first-thicking 0.5s linear 0.5s forwards;
                animation: icon-top-bottom-line-first-thicking 0.5s linear 0.5s forwards;
        background-color: #fff;
        background-image: none; }

@-webkit-keyframes icon-bottom-line-shift {
    0%, 40%, 51%, 91% {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    20%, 71% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }

@keyframes icon-bottom-line-shift {
    0%, 40%, 51%, 91% {
        -webkit-transform: translateX(0);
                transform: translateX(0); }
    20%, 71% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%); } }
    .presentation__preloader-bottom-line {
        background-image: linear-gradient(90deg, #fff, #fff);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 0% 100%;
        bottom: 0;
        height: 1px;
        position: absolute;
        right: 0;
        width: 100%; }
        .presentation__preloader-bottom-line:before, .presentation__preloader-bottom-line:after {
            -webkit-animation-duration: 0.3s;
                    animation-duration: 0.3s;
            -webkit-animation-fill-mode: forwards;
                    animation-fill-mode: forwards;
            -webkit-animation-name: icon-top-bottom-line-drawing;
                    animation-name: icon-top-bottom-line-drawing;
            -webkit-animation-timing-function: linear;
                    animation-timing-function: linear;
            background-image: linear-gradient(#fff, #fff);
            background-repeat: no-repeat;
            background-size: 0% 100%;
            content: '';
            height: 100%;
            outline: 1px solid transparent;
            position: absolute;
            top: 0;
            -webkit-transform-origin: 0% 50%;
                    transform-origin: 0% 50%;
            -webkit-transform: translateZ(1px);
                    transform: translateZ(1px);
            width: 1.083vh; }
        .presentation__preloader-bottom-line:before {
            background-position: 100% 0;
            -webkit-transform: translateZ(1px) rotate(-52deg);
                    transform: translateZ(1px) rotate(-52deg); }
        .presentation__preloader-bottom-line:after {
            background-position: 0 100%;
            -webkit-transform: translateZ(1px) rotate(52deg);
                    transform: translateZ(1px) rotate(52deg); }
        .preloading-finished .presentation__preloader-bottom-line:before,
        .preloading-finished .presentation__preloader-bottom-line:after {
            opacity: 0;
            transition: opacity 0.5s ease; }
        .presentation__preloader-bottom-line:before, .presentation__preloader-bottom-line:after {
            right: 0;
            -webkit-transform-origin: 100% 0;
                    transform-origin: 100% 0; }
        .presentation__preloader-bottom-line:before {
            -webkit-animation-delay: 3.1s;
                    animation-delay: 3.1s; }
        .presentation__preloader-bottom-line:after {
            -webkit-animation-delay: 2.8s;
                    animation-delay: 2.8s; }
    body:not(.preloading-finished) .presentation__preloader-bottom-line {
        -webkit-animation: icon-top-bottom-line-drawing 0.7s linear 1.5s forwards, icon-bottom-line-shift 6s linear 3.4s infinite;
                animation: icon-top-bottom-line-drawing 0.7s linear 1.5s forwards, icon-bottom-line-shift 6s linear 3.4s infinite; }
    .preloading-finished .presentation__preloader-bottom-line {
        -webkit-animation: icon-top-bottom-line-first-thicking 0.5s linear 0.5s forwards;
                animation: icon-top-bottom-line-first-thicking 0.5s linear 0.5s forwards;
        background-color: #fff;
        background-image: none; }

@-webkit-keyframes diagonal-left-line-animation {
    0%, 40%, 51%, 91% {
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    20%, 71% {
        height: 60%;
        -webkit-transform: translate3d(-3.4vh, 0, 0);
                transform: translate3d(-3.4vh, 0, 0); } }

@keyframes diagonal-left-line-animation {
    0%, 40%, 51%, 91% {
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    20%, 71% {
        height: 60%;
        -webkit-transform: translate3d(-3.4vh, 0, 0);
                transform: translate3d(-3.4vh, 0, 0); } }

@-webkit-keyframes diagonal-right-line-animation {
    0%, 40%, 51%, 91% {
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    20%, 71% {
        height: 60%;
        -webkit-transform: translate3d(3.4vh, 0, 0);
                transform: translate3d(3.4vh, 0, 0); } }

@keyframes diagonal-right-line-animation {
    0%, 40%, 51%, 91% {
        height: 100%;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    20%, 71% {
        height: 60%;
        -webkit-transform: translate3d(3.4vh, 0, 0);
                transform: translate3d(3.4vh, 0, 0); } }

@-webkit-keyframes diagonal-line-arrow-animation {
    0%, 40%, 51%, 91% {
        opacity: 0; }
    20%, 71% {
        opacity: 1; } }

@keyframes diagonal-line-arrow-animation {
    0%, 40%, 51%, 91% {
        opacity: 0; }
    20%, 71% {
        opacity: 1; } }

@-webkit-keyframes icon-diagonal-line-first-thicking {
    0% {
        bottom: 0;
        height: 126.68616%;
        -webkit-transform: translate3d(-50%, 0, 1px) rotate(37.875deg);
                transform: translate3d(-50%, 0, 1px) rotate(37.875deg);
        width: 1px; }
    100% {
        bottom: 2.085%;
        height: 128.78995%;
        -webkit-transform: translate3d(-50%, 0, 1px) rotate(39.0626deg);
                transform: translate3d(-50%, 0, 1px) rotate(39.0626deg);
        width: 5.36%; } }

@keyframes icon-diagonal-line-first-thicking {
    0% {
        bottom: 0;
        height: 126.68616%;
        -webkit-transform: translate3d(-50%, 0, 1px) rotate(37.875deg);
                transform: translate3d(-50%, 0, 1px) rotate(37.875deg);
        width: 1px; }
    100% {
        bottom: 2.085%;
        height: 128.78995%;
        -webkit-transform: translate3d(-50%, 0, 1px) rotate(39.0626deg);
                transform: translate3d(-50%, 0, 1px) rotate(39.0626deg);
        width: 5.36%; } }
    .presentation__preloader-diagonal {
        height: 100%;
        left: -1vh;
        outline: 1px solid transparent;
        overflow: hidden;
        padding: 0 1vh;
        position: absolute;
        right: -1vh;
        -webkit-transform: translateZ(0);
                transform: translateZ(0); }
        .presentation__preloader-diagonal:before {
            background-color: #fff;
            content: '';
            position: absolute;
            right: 0;
            top: 0;
            height: 150%;
            -webkit-transform: rotate(37.0001deg) scaleX(0) translateX(53%);
                    transform: rotate(37.0001deg) scaleX(0) translateX(53%);
            -webkit-transform-origin: 50% 0%;
                    transform-origin: 50% 0%;
            transition: -webkit-transform 0.5s linear 0.5s;
            transition: transform 0.5s linear 0.5s;
            transition: transform 0.5s linear 0.5s, -webkit-transform 0.5s linear 0.5s;
            width: 7%; }
    .preloading-finished .presentation__preloader-diagonal {
        left: 0;
        padding: 0;
        right: 0; }
        .preloading-finished .presentation__preloader-diagonal:before {
            -webkit-transform: rotate(38.0001deg) scaleX(1) translateX(53%);
                    transform: rotate(38.0001deg) scaleX(1) translateX(53%); }
    .presentation__preloader-diagonal-lines {
        height: 125%;
        position: absolute;
        right: 1vh;
        top: 0;
        -webkit-transform: rotate(37.0001deg) translateX(40%);
                transform: rotate(37.0001deg) translateX(40%);
        -webkit-transform-origin: 50% 0%;
                transform-origin: 50% 0%;
        width: 1px;
        z-index: -1; }
    .preloading-finished .presentation__preloader-diagonal-lines {
        right: 0; }

@-webkit-keyframes icon-diagonal-line-drawing {
    0% {
        background-size: 100% 0%; }
    100% {
        background-size: 100% 100%; } }

@keyframes icon-diagonal-line-drawing {
    0% {
        background-size: 100% 0%; }
    100% {
        background-size: 100% 100%; } }
    .presentation__preloader-diagonal-line {
        background-image: linear-gradient(#fff, #fff);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 100% 0%;
        bottom: 0;
        height: 100%;
        margin: auto 0;
        outline: 1px solid transparent;
        position: absolute;
        top: 0;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        width: 100%; }
        .presentation__preloader-diagonal-line:before, .presentation__preloader-diagonal-line:after {
            background-color: #fff;
            content: '';
            height: 1.083vh;
            left: 0;
            opacity: 0;
            position: absolute;
            width: 100%; }
        .presentation__preloader-diagonal-line:before {
            -webkit-transform: rotate(-52deg);
                    transform: rotate(-52deg); }
        .presentation__preloader-diagonal-line:after {
            -webkit-transform: rotate(52deg);
                    transform: rotate(52deg); }
    .presentation__preloader-diagonal-line_left:before, .presentation__preloader-diagonal-line_left:after {
        top: 0;
        -webkit-transform-origin: 50% 0%;
                transform-origin: 50% 0%; }
    .presentation__preloader-diagonal-line_left:before {
        -webkit-transform: translateZ(1px) rotate(-52deg);
                transform: translateZ(1px) rotate(-52deg); }
    .presentation__preloader-diagonal-line_left:after {
        -webkit-transform: translateZ(1px) rotate(52deg);
                transform: translateZ(1px) rotate(52deg); }
    .presentation__preloader-diagonal-line_right:before, .presentation__preloader-diagonal-line_right:after {
        bottom: 0;
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%; }
    .presentation__preloader-diagonal-line_right:before {
        -webkit-transform: translateZ(1px) rotate(-52deg);
                transform: translateZ(1px) rotate(-52deg); }
    .presentation__preloader-diagonal-line_right:after {
        -webkit-transform: translateZ(1px) rotate(52deg);
                transform: translateZ(1px) rotate(52deg); }
    body:not(.preloading-finished) .presentation__preloader-diagonal-line:before, body:not(.preloading-finished) .presentation__preloader-diagonal-line:after {
        -webkit-animation: diagonal-line-arrow-animation 6s linear 3.4s infinite;
                animation: diagonal-line-arrow-animation 6s linear 3.4s infinite; }
    body:not(.preloading-finished) .presentation__preloader-diagonal-line_left {
        -webkit-animation: icon-diagonal-line-drawing 0.8s linear 0.7s forwards, diagonal-left-line-animation 6s linear 3.4s infinite;
                animation: icon-diagonal-line-drawing 0.8s linear 0.7s forwards, diagonal-left-line-animation 6s linear 3.4s infinite; }
    body:not(.preloading-finished) .presentation__preloader-diagonal-line_right {
        -webkit-animation: icon-diagonal-line-drawing 0.8s linear 0.7s forwards, diagonal-right-line-animation 6s linear 3.4s infinite;
                animation: icon-diagonal-line-drawing 0.8s linear 0.7s forwards, diagonal-right-line-animation 6s linear 3.4s infinite; }
    .preloading-finished .presentation__preloader-diagonal-line {
        background-color: #fff;
        background-image: none;
        -webkit-transform: none;
                transform: none; }
        .preloading-finished .presentation__preloader-diagonal-line:before {
            -webkit-transform: rotate(-52deg);
                    transform: rotate(-52deg);
            transition: -webkit-transform 0s linear 0.7s;
            transition: transform 0s linear 0.7s;
            transition: transform 0s linear 0.7s, -webkit-transform 0s linear 0.7s; }
        .preloading-finished .presentation__preloader-diagonal-line:after {
            -webkit-transform: rotate(52deg);
                    transform: rotate(52deg);
            transition: -webkit-transform 0s linear 0.7s;
            transition: transform 0s linear 0.7s;
            transition: transform 0s linear 0.7s, -webkit-transform 0s linear 0.7s; }
    .presentation__icon {
        display: none;
        height: 86.998vh;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 67.5vh; }
    .intro-show .presentation__icon {
        display: block; }

@-webkit-keyframes thin-icon-fade-out {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }

@keyframes thin-icon-fade-out {
    0% {
        opacity: 1; }
    100% {
        opacity: 0; } }
    .presentation__thin-icon {
        opacity: 0;
        -webkit-transform: scale(0.138) translateZ(0);
                transform: scale(0.138) translateZ(0);
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0; }
    .preloading-finished .presentation__thin-icon {
        -webkit-animation: thin-icon-fade-out 0s linear 13.6s forwards;
                animation: thin-icon-fade-out 0s linear 13.6s forwards;
        opacity: 1;
        -webkit-transform: scale(1) translateZ(0);
                transform: scale(1) translateZ(0);
        transition: opacity 0s linear 8.5s, -webkit-transform 2s linear 8.5s;
        transition: opacity 0s linear 8.5s, transform 2s linear 8.5s;
        transition: opacity 0s linear 8.5s, transform 2s linear 8.5s, -webkit-transform 2s linear 8.5s; }
    .presentation__thin-icon-line {
        height: 23.4%;
        position: absolute;
        transition: all 3s linear 10.5s; }
    .presentation__thin-icon-line_top {
        background-color: #fff;
        right: 2.1%;
        top: 0;
        -webkit-transform-origin: 100% 0;
                transform-origin: 100% 0;
        -webkit-transform: scale3d(0.9536, 0.17821, 1);
                transform: scale3d(0.9536, 0.17821, 1);
        width: 95.8%; }
    .presentation__thin-icon-line_bottom {
        bottom: 0;
        left: 0;
        -webkit-transform-origin: 50% 100%;
                transform-origin: 50% 100%;
        -webkit-transform: scale3d(1, 0.17821, 1);
                transform: scale3d(1, 0.17821, 1);
        width: 100%; }
        .presentation__thin-icon-line_bottom:before {
            background-color: #fff;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            right: 2.1%;
            top: 0;
            -webkit-transform-origin: 100% 0%;
                    transform-origin: 100% 0%;
            -webkit-transform: scaleX(0.98) rotate(0.0001deg);
                    transform: scaleX(0.98) rotate(0.0001deg);
            transition: all 3s linear 10.5s; }
        .presentation__thin-icon-line_bottom:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            background-color: #fff;
            height: 100%;
            -webkit-transform: scaleX(0.95) rotate(0.0001deg);
                    transform: scaleX(0.95) rotate(0.0001deg);
            -webkit-transform-origin: 0% 50%;
                    transform-origin: 0% 50%;
            transition: all 3s linear 10.5s; }
    .preloading-finished .presentation__thin-icon-line {
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1); }
    .preloading-finished .presentation__thin-icon-line_top {
        background-color: #afb1b4; }
    .preloading-finished .presentation__thin-icon-line_bottom:before, .preloading-finished .presentation__thin-icon-line_bottom:after {
        background-color: #afb1b4;
        -webkit-transform: scale(1) rotate(0.0001deg);
                transform: scale(1) rotate(0.0001deg); }
    .presentation__thin-icon-diagonal-block {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 2.1%;
        /*
        &:before {
            $angle: 37.875deg;
            background-image: linear-gradient(rgba(#afb1b4, 0) 0%, #afb1b4 $second-thicking-line-height, #afb1b4 76.6%, transparent 100%);
            bottom: 0;
            content: '';
            height: 100%;
            left: 0;
            opacity: 0;
            position: absolute;
            transform-origin: 50% 100%;
            transform: translate3d(-50%, 0, 1px) skew(-$angle);
            width: $width-thin;
        }
        */ }
    .preloading-finished .presentation__thin-icon-diagonal-block {
        -webkit-transform: scale(1) rotate(0.0001deg) translateZ(0);
                transform: scale(1) rotate(0.0001deg) translateZ(0); }
    .presentation__thin-icon-diagonal-line {
        height: 200%;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transform-origin: 50% 0%;
                transform-origin: 50% 0%;
        -webkit-transform: translate3d(53%, 0, 1px) rotate(38deg);
                transform: translate3d(53%, 0, 1px) rotate(38deg);
        width: 36%; }
    .presentation__thin-icon-diagonal-line-body {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        height: 500%;
        left: 0;
        outline: 1px solid transparent;
        overflow: hidden;
        position: absolute;
        top: 0;
        -webkit-transform-origin: 52.6% 0%;
                transform-origin: 52.6% 0%;
        -webkit-transform: scale(0.18) translateZ(1px);
                transform: scale(0.18) translateZ(1px);
        transition: -webkit-transform 3s linear 10.5s;
        transition: transform 3s linear 10.5s;
        transition: transform 3s linear 10.5s, -webkit-transform 3s linear 10.5s;
        width: 100%;
        /* &:after {
            backface-visibility: hidden;
            background-color: #afb1b4;
            content: '';
            height: 100%;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform-origin: 50% 0%;
            transform: rotate(-38.001deg) translateZ(0);
            transition: opacity $icon-second-thicking-duration linear 10.5s;
            width: 2100%;
        } */ }
        .presentation__thin-icon-diagonal-line-body:before {
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
            background-color: #fff;
            content: '';
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform-origin: 50% 0%;
                    transform-origin: 50% 0%;
            -webkit-transform: rotate(-38deg) translateZ(0);
                    transform: rotate(-38deg) translateZ(0);
            transition: background-color 3s linear 10.5s;
            width: 2100%; }
    .preloading-finished .presentation__thin-icon-diagonal-line-body {
        -webkit-transform: scale(1) translate3d(0, 0, 1px);
                transform: scale(1) translate3d(0, 0, 1px);
        /* &:after {
            opacity: 1;
        } */ }
        .preloading-finished .presentation__thin-icon-diagonal-line-body:before {
            background-color: #afb1b4; }
    .presentation__thick-icon {
        -webkit-backface-visibility: hidden;
        font-size: 0;
        opacity: 0;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        z-index: 1; }
    .preloading-finished .presentation__thick-icon {
        opacity: 1;
        transition: opacity 0s ease 13.5s; }
    .pictures-intro-ended .presentation__thick-icon {
        opacity: 0;
        transition: opacity 2s linear; }
    .pictures-intro-skipped .presentation__thick-icon {
        opacity: 0;
        -webkit-transform: translate3d(0, calc(100% + 6vh), 0);
                transform: translate3d(0, calc(100% + 6vh), 0);
        transition: opacity 2s linear, -webkit-transform 1.8s ease;
        transition: opacity 2s linear, transform 1.8s ease;
        transition: opacity 2s linear, transform 1.8s ease, -webkit-transform 1.8s ease; }
    .presentation__thick-icon-top-line {
        background-color: #afb1b4;
        height: 23.4%;
        overflow: hidden;
        position: absolute;
        right: 2.1%;
        top: 0;
        width: 95.8%; }
    .presentation__thick-icon-bottom-line {
        background-color: #afb1b4;
        bottom: 0;
        height: 23.4%;
        overflow: hidden;
        position: absolute;
        right: 0;
        width: 100%; }
    .presentation__thick-icon-line-body {
        height: 100%;
        position: relative; }

@-webkit-keyframes icon-diagonal-text-running {
    0% {
        -webkit-transform: translate3d(-60%, 74%, 0);
                transform: translate3d(-60%, 74%, 0); }
    100% {
        -webkit-transform: translate3d(18.78%, -23%, 0);
                transform: translate3d(18.78%, -23%, 0); } }

@keyframes icon-diagonal-text-running {
    0% {
        -webkit-transform: translate3d(-60%, 74%, 0);
                transform: translate3d(-60%, 74%, 0); }
    100% {
        -webkit-transform: translate3d(18.78%, -23%, 0);
                transform: translate3d(18.78%, -23%, 0); } }
    .presentation__thick-icon-diagonal-block {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 2.1%;
        top: 0; }
        .presentation__thick-icon-diagonal-block:after {
            background-image: url(../img/diagonal-text.png);
            background-position: 100% 0;
            background-repeat: no-repeat;
            background-size: 100% auto;
            content: '';
            height: 136%;
            right: -16%;
            position: absolute;
            top: 0;
            -webkit-transform: translate3d(-60%, 74%, 0);
                    transform: translate3d(-60%, 74%, 0);
            -webkit-transform-origin: 50% 0;
                    transform-origin: 50% 0;
            width: 170%; }
    .preloading-finished .presentation__thick-icon-diagonal-block:after {
        -webkit-animation: icon-diagonal-text-running 26.4s linear 14.1s forwards;
                animation: icon-diagonal-text-running 26.4s linear 14.1s forwards; }
    .presentation__thick-icon-diagonal-line {
        height: 200%;
        overflow: hidden;
        position: absolute;
        right: -1px;
        top: 0;
        -webkit-transform-origin: 50% 0%;
                transform-origin: 50% 0%;
        -webkit-transform: translate3d(53%, 0, 1px) rotate(38deg);
                transform: translate3d(53%, 0, 1px) rotate(38deg);
        width: 36%; }
        .presentation__thick-icon-diagonal-line:before {
            background-image: linear-gradient(rgba(175, 177, 180, 0) 0%, #afb1b4 23.4%, #afb1b4 76.6%, transparent 100%);
            content: '';
            height: 86.998vh;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform: rotate(-38deg);
                    transform: rotate(-38deg);
            -webkit-transform-origin: 87.5% 0%;
                    transform-origin: 87.5% 0%;
            width: 400%; }
    .presentation__pictures-previews {
        display: inline-block;
        height: 100%;
        vertical-align: top;
        white-space: nowrap; }
    .presentation__pictures-previews_move-left {
        -webkit-transform: translate3d(7%, 0, 0);
                transform: translate3d(7%, 0, 0);
        transition-delay: 16.6s;
        transition-duration: 23.9s; }
    .presentation__pictures-previews_move-right {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
        transition-delay: 13.5s;
        transition-duration: 27s; }
    .preloading-finished .presentation__pictures-previews {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        transition-timing-function: cubic-bezier(0.25, 0.25, 0.825, 0.99); }
    .preloading-finished .presentation__pictures-previews_move-left {
        -webkit-transform: translate3d(-43%, 0, 0);
                transform: translate3d(-43%, 0, 0); }
    .preloading-finished .presentation__pictures-previews_move-right {
        -webkit-transform: translate3d(-52.14%, 0, 0);
                transform: translate3d(-52.14%, 0, 0);
        will-change: opacity transform; }
    .presentation__picture-image {
        height: 100%;
        max-width: none;
        vertical-align: top;
        width: auto; }

@-webkit-keyframes title-fade-in-out {
    0%, 100% {
        opacity: 0; }
    50%, 62.5% {
        opacity: 1; } }

@keyframes title-fade-in-out {
    0%, 100% {
        opacity: 0; }
    50%, 62.5% {
        opacity: 1; } }
    .presentation__title {
        font-style: normal;
        font-weight: 400;
        cursor: default;
        font-size: 0;
        height: 12vh;
        left: 0;
        letter-spacing: .07em;
        margin: 0 auto;
        opacity: 0;
        position: absolute;
        right: 0;
        text-indent: -9999px;
        text-transform: uppercase;
        top: 0;
        width: 9vh; }
        .no-js .presentation__title,
        .dietdidot-base-loaded .presentation__title {
            font-family: "DietDidotRegular", serif; }
    .intro-show.preloading-finished .presentation__title {
        -webkit-animation: title-fade-in-out 8s linear 0.5s forwards;
                animation: title-fade-in-out 8s linear 0.5s forwards; }
    .presentation__title-heading-letter {
        position: absolute; }
    .presentation__title-part {
        bottom: -2%;
        height: 9.4vh;
        position: absolute; }
    .presentation__title-part_left {
        right: 168%; }
    .presentation__title-part_right {
        left: 112%; }
    .presentation__title-part-image {
        display: block;
        height: 100%; }

@-webkit-keyframes intro-popup-fade-out {
    0% { }
    100% { } }

@keyframes intro-popup-fade-out {
    0% { }
    100% { } }
    .presentation__intro-popup {
        height: 100%;
        left: 0;
        opacity: 0;
        padding: 8.2vh 0 7.002vh;
        pointer-events: none;
        position: absolute;
        text-align: center;
        transition: opacity 1.5s ease;
        top: 0;
        width: 100%;
        z-index: 2; }
    .presentation__intro-popup_hidden {
        display: none; }
    .no-js .presentation__intro-popup {
        height: 1px;
        left: -10000px;
        opacity: 1;
        overflow: hidden;
        top: auto;
        width: 1px; }
    .intro-show .presentation__intro-popup {
        opacity: 1; }
    .presentation__intro-popup-title {
        font-style: normal;
        font-weight: 400;
        font-size: 6.5vh;
        letter-spacing: .05em;
        opacity: 0;
        text-transform: uppercase;
        transition: opacity 1.5s ease; }
        .no-js .presentation__intro-popup-title,
        .dietdidot-base-loaded .presentation__intro-popup-title {
            font-family: "DietDidotRegular", serif; }
    .pictures-intro-ended .presentation__intro-popup-title {
        opacity: 1;
        transition: opacity 1s ease 2s; }
    .presentation__intro-popup-title-heading-letter {
        font-style: normal;
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1;
        padding-left: .17em; }
        .no-js .presentation__intro-popup-title-heading-letter,
        .helios-light-c-base-loaded .presentation__intro-popup-title-heading-letter {
            font-family: "HeliosLightCRegular", serif; }
    .presentation__intro-popup-description {
        font-style: normal;
        font-weight: 400;
        font-size: 6vh;
        letter-spacing: .05em;
        line-height: 1.5;
        margin-top: 1.15em; }
        .no-js .presentation__intro-popup-description,
        .helios-cond-light-base-loaded .presentation__intro-popup-description {
            font-family: "HeliosCondLight", serif; }
    .presentation__intro-popup-description-row {
        display: block;
        opacity: 0;
        transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
        transition: opacity 1.5s ease, transform 1.5s ease;
        transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease; }
    .intro-show .presentation__intro-popup-description-row {
        -webkit-transform: translate3d(0, 20%, 0);
                transform: translate3d(0, 20%, 0); }
    .pictures-intro-ended .presentation__intro-popup-description-row {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
        transition-duration: 1.5s;
        transition-property: all;
        transition-timing-function: ease; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(1) {
        transition-delay: 3s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(2) {
        transition-delay: 4s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(3) {
        transition-delay: 5s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(4) {
        transition-delay: 6s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(5) {
        transition-delay: 7s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(6) {
        transition-delay: 8s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(7) {
        transition-delay: 9s; }
    .pictures-intro-ended .presentation__intro-popup-description-row:nth-child(8) {
        transition-delay: 10s; }
    .presentation__gallery {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        transition: opacity 1.5s ease;
        width: 100%;
        z-index: 1; }
    .preloading .presentation__gallery {
        opacity: 0; }
    .preloading-finished .presentation__gallery {
        opacity: 1; }
    .intro-show .presentation__gallery {
        transition: opacity 0s ease 0s; }
    .presentation__gallery-list {
        font-size: 0;
        height: 100%;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        transition: -webkit-transform 2.8s ease;
        transition: transform 2.8s ease;
        transition: transform 2.8s ease, -webkit-transform 2.8s ease;
        white-space: nowrap;
        width: 100%; }
    .intro-show .presentation__gallery-list {
        pointer-events: none; }
    .presentation__gallery-item {
        display: inline-block;
        height: 100%;
        padding: 0 19.002vh;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 100%; }
    .presentation__gallery-item_hidden {
        pointer-events: none;
        visibility: hidden; }
    .presentation__gallery-item_background:before {
        content: '';
        height: 100%;
        left: -200%;
        opacity: 0;
        position: absolute;
        right: -200%;
        top: 0;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        z-index: -2; }
    .presentation__gallery-item_background:not(.is-active):before {
        transition: opacity 0s ease 2.8s, z-index 0s ease 0s; }
    .presentation__gallery-item_background.is-active:before {
        opacity: 1;
        transition: opacity 2.8s ease, z-index 0s ease 0s;
        z-index: -1; }
    .presentation__gallery-item_background-brown:before {
        background-color: #877970; }
    .presentation__gallery-item_background-cyanish-gray:before {
        background-color: #717c7c; }

@-webkit-keyframes gallery-background-fade-in {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }

@keyframes gallery-background-fade-in {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
    .preloading .presentation__gallery-item_background.is-active:before,
    .intro-show .presentation__gallery-item_background.is-active:before {
        opacity: 0; }
    .preloading-finished:not(.intro-show) .presentation__gallery-item_background:nth-child(1):before {
        -webkit-animation: gallery-background-fade-in 2s ease 0s forwards;
                animation: gallery-background-fade-in 2s ease 0s forwards; }
    .pictures-intro-ended .presentation__gallery-item_background:nth-child(1):before {
        -webkit-animation: gallery-background-fade-in 2s ease 0s forwards;
                animation: gallery-background-fade-in 2s ease 0s forwards; }
    .pictures-intro-skipped .presentation__gallery-item_background:nth-child(1):before {
        -webkit-animation: gallery-background-fade-in 2s ease 2s forwards;
                animation: gallery-background-fade-in 2s ease 2s forwards; }
    .presentation__gallery-item-body {
        height: 100%;
        left: 0;
        padding: 0 19.002vh;
        position: absolute;
        top: 0;
        width: 100%; }
    .presentation__gallery-item-body_extended {
        padding-right: 0;
        text-align: left; }
    .presentation__gallery-item_sliding .presentation__gallery-item-body {
        transition: -webkit-transform 2.8s ease;
        transition: transform 2.8s ease;
        transition: transform 2.8s ease, -webkit-transform 2.8s ease; }
    .presentation__gallery-item_active-insertion .presentation__gallery-item-body {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0); }
    .presentation__gallery-picture-wrapper {
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%; }
    .presentation__gallery-picture {
        background-color: #595959;
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        position: relative;
        -webkit-transform: translate3d(0, 3vh, 0);
                transform: translate3d(0, 3vh, 0);
        transition: opacity .6s ease, -webkit-transform .6s ease;
        transition: opacity .6s ease, transform .6s ease;
        transition: opacity .6s ease, transform .6s ease, -webkit-transform .6s ease;
        vertical-align: top; }
    .presentation__gallery-picture_fragmenting {
        padding: 3vh; }
    .presentation__gallery-picture_circle {
        border-radius: 50%; }
    .presentation__gallery-picture_heading {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        height: 60vh;
        left: 50%;
        padding: 0;
        position: absolute;
        top: 6vh;
        -webkit-transform-origin: 0% 0%;
                transform-origin: 0% 0%;
        -webkit-transform: scale(1) translate3d(-50%, 0, 0);
                transform: scale(1) translate3d(-50%, 0, 0); }
        .presentation__gallery-picture_heading:before {
            background-color: #595959;
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            -webkit-transform-origin: 50% 50%;
                    transform-origin: 50% 50%;
            -webkit-transform: scale(1.1418, 1.1) translateZ(0);
                    transform: scale(1.1418, 1.1) translateZ(0);
            width: 100%;
            z-index: -1; }
    .intro-show .presentation__gallery-picture_heading {
        opacity: 0;
        -webkit-transform: scale(0.33929) translate3d(-35%, 0, 0);
                transform: scale(0.33929) translate3d(-35%, 0, 0); }
        .intro-show .presentation__gallery-picture_heading:before {
            -webkit-transform: scale(1) translateZ(0);
                    transform: scale(1) translateZ(0); }
    .pictures-intro-ended .presentation__gallery-picture_heading,
    .pictures-intro-skipped .presentation__gallery-picture_heading {
        opacity: 1;
        -webkit-transform: scale(1) translate3d(-50%, 0, 0);
                transform: scale(1) translate3d(-50%, 0, 0); }
        .pictures-intro-ended .presentation__gallery-picture_heading:before,
        .pictures-intro-skipped .presentation__gallery-picture_heading:before {
            -webkit-transform: scale(1.1418, 1.1) translateZ(0);
                    transform: scale(1.1418, 1.1) translateZ(0); }
    .pictures-intro-ended .presentation__gallery-picture_heading {
        transition: opacity 0s linear 0s, -webkit-transform 2s linear 0s;
        transition: transform 2s linear 0s, opacity 0s linear 0s;
        transition: transform 2s linear 0s, opacity 0s linear 0s, -webkit-transform 2s linear 0s; }
        .pictures-intro-ended .presentation__gallery-picture_heading:before {
            transition: -webkit-transform 2s linear 0s;
            transition: transform 2s linear 0s;
            transition: transform 2s linear 0s, -webkit-transform 2s linear 0s; }
    .pictures-intro-skipped .presentation__gallery-picture_heading {
        transition: opacity 2s ease 2s; }
    .presentation__gallery-item-body_extended .presentation__gallery-picture {
        -webkit-transform: translate3d(calc(50vw - 19.002vh - 50%), 3vh, 0);
                transform: translate3d(calc(50vw - 19.002vh - 50%), 3vh, 0); }
    .presentation__gallery-picture_increased {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0); }
    .presentation__gallery-item-body_extended .presentation__gallery-picture_increased {
        -webkit-transform: translate3d(calc(50vw - 9.501vh - 50%), calc(50vh - 50%), 0);
                transform: translate3d(calc(50vw - 9.501vh - 50%), calc(50vh - 50%), 0); }
    .presentation__gallery-picture-body, .presentation__gallery-picture-primary-shift, .presentation__gallery-picture-secondary-shift {
        display: inline-block; }
    .presentation__gallery-picture_heading .presentation__gallery-picture-body,
    .presentation__gallery-picture_heading .presentation__gallery-picture-primary-shift,
    .presentation__gallery-picture_heading .presentation__gallery-picture-secondary-shift {
        height: 100%; }
    .presentation__gallery-picture-body {
        transition: -webkit-transform 2.8s ease;
        transition: transform 2.8s ease;
        transition: transform 2.8s ease, -webkit-transform 2.8s ease; }
    .presentation__gallery-picture-body_active {
        -webkit-transform: translate3d(0, calc(44vh - 50%), 0);
                transform: translate3d(0, calc(44vh - 50%), 0); }
    .presentation__gallery-picture-body_no-transition {
        transition-duration: 0s; }
    .presentation__gallery-picture-primary-shift {
        transition: -webkit-transform 2.8s ease;
        transition: transform 2.8s ease;
        transition: transform 2.8s ease, -webkit-transform 2.8s ease; }
    .presentation__gallery-picture-arc-transition {
        transition-timing-function: ease-out; }
    .presentation__gallery-picture-body_no-transition .presentation__gallery-picture-primary-shift {
        transition-duration: 0s; }
    .presentation__gallery-picture-secondary-shift {
        transition: -webkit-transform 2.8s ease 0s;
        transition: transform 2.8s ease 0s;
        transition: transform 2.8s ease 0s, -webkit-transform 2.8s ease 0s; }
    .presentation__gallery-picture-arc-transition .presentation__gallery-picture-secondary-shift {
        transition-timing-function: ease-in; }
    .presentation__gallery-picture-body_no-transition .presentation__gallery-picture-secondary-shift {
        transition-duration: 0s; }
    .presentation__gallery-image {
        height: auto;
        padding: 3vh;
        transition: max-height .6s ease, max-width .6s ease;
        vertical-align: top;
        width: auto; }
    .presentation__gallery-image_fragmenting {
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
        height: auto;
        padding: 0;
        transition: max-height 0.6s ease, max-width 0.6s ease, -webkit-transform 2.8s ease;
        transition: max-height 0.6s ease, max-width 0.6s ease, transform 2.8s ease;
        transition: max-height 0.6s ease, max-width 0.6s ease, transform 2.8s ease, -webkit-transform 2.8s ease;
        width: auto; }
    .presentation__gallery-picture-body_no-transition .presentation__gallery-image_fragmenting {
        transition-duration: 0s; }
    .presentation__gallery-picture_heading .presentation__gallery-image_fragmenting {
        height: 100%;
        max-width: none; }
    .presentation__gallery-picture_circle .presentation__gallery-image {
        border-radius: 50%; }
    .presentation__gallery-picture_increased .presentation__gallery-image {
        max-height: 100vh;
        max-width: calc(100vw - 38.004vh); }
    .presentation__gallery-picture_increased .presentation__gallery-image_extended {
        max-width: calc(100vw - 19.002vh); }
    .presentation__gallery-picture-caption {
        font-style: normal;
        font-weight: 400;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        bottom: 3vh;
        box-sizing: content-box;
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        font-size: 2.67vh;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        height: calc(100% - 6vh);
        opacity: 0;
        position: absolute;
        right: 3vh;
        text-align: left;
        transition: opacity 0.9s ease 0.9s, padding-right 0.9s ease, -webkit-transform 0.9s ease;
        transition: opacity 0.9s ease 0.9s, padding-right 0.9s ease, transform 0.9s ease;
        transition: opacity 0.9s ease 0.9s, padding-right 0.9s ease, transform 0.9s ease, -webkit-transform 0.9s ease;
        white-space: normal;
        width: calc(100% - 6vh); }
        .no-js .presentation__gallery-picture-caption,
        .helios-cond-light-base-loaded .presentation__gallery-picture-caption {
            font-family: "HeliosCondLight", serif; }
        .presentation__gallery-picture-caption:after {
            content: '';
            display: block;
            -webkit-box-flex: 0;
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto;
            height: 0%;
            transition: height 0.9s ease;
            width: 100%; }
    .presentation__gallery-picture-caption_no-indent {
        bottom: auto;
        height: 100%;
        left: 0;
        right: auto;
        top: 0;
        width: 100%; }
    .presentation__gallery-picture_circle .presentation__gallery-picture-caption {
        transition: opacity 0.9s ease 1.4s, padding-right 0.9s ease 0.5s, -webkit-transform 0.9s ease 0.5s;
        transition: opacity 0.9s ease 1.4s, padding-right 0.9s ease 0.5s, transform 0.9s ease 0.5s;
        transition: opacity 0.9s ease 1.4s, padding-right 0.9s ease 0.5s, transform 0.9s ease 0.5s, -webkit-transform 0.9s ease 0.5s; }
        .presentation__gallery-picture_circle .presentation__gallery-picture-caption:after {
            transition: height 0.9s ease 0.5s; }
    .presentation__gallery-picture-button-block:hover + .presentation__gallery-picture-caption {
        opacity: 1;
        transition: all 0.9s ease;
        padding-right: calc(150% - 50vw - 18vh); }
        .presentation__gallery-picture-button-block:hover + .presentation__gallery-picture-caption:after {
            height: calc(200% + -103vh);
            transition: height 0.9s ease; }
    .presentation__gallery-picture_increased .presentation__gallery-picture-caption,
    .presentation__gallery-picture_increased .presentation__gallery-picture-button-block:hover + .presentation__gallery-picture-caption {
        opacity: 0;
        transition: opacity 0s ease 0s; }
    .presentation__gallery-picture-button-block_hidden + .presentation__gallery-picture-caption {
        pointer-events: none; }
    .presentation__gallery-picture-button-block_hidden:hover + .presentation__gallery-picture-caption {
        opacity: 0; }
    .presentation__gallery-picture-caption-body {
        background-color: rgba(167, 169, 172, 0.5);
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        height: 100%;
        padding: 6.4vh 3vh;
        transition: -webkit-transform 0.9s ease;
        transition: transform 0.9s ease;
        transition: transform 0.9s ease, -webkit-transform 0.9s ease;
        width: 100%; }
    .presentation__gallery-picture_circle .presentation__gallery-picture-caption-body {
        border-radius: 50%;
        overflow: hidden;
        padding-left: 13vh;
        padding-right: 13vh;
        transition: border-radius 0.5s ease 0s, -webkit-transform 0.9s ease 0.5s;
        transition: border-radius 0.5s ease 0s, transform 0.9s ease 0.5s;
        transition: border-radius 0.5s ease 0s, transform 0.9s ease 0.5s, -webkit-transform 0.9s ease 0.5s; }
    .presentation__gallery-picture-button-block:hover + .presentation__gallery-picture-caption .presentation__gallery-picture-caption-body {
        -webkit-transform: translate3d(calc(100% - 9vh), calc(100% - 9vh), 0);
                transform: translate3d(calc(100% - 9vh), calc(100% - 9vh), 0); }
    .presentation__gallery-picture_circle .presentation__gallery-picture-button-block:hover + .presentation__gallery-picture-caption .presentation__gallery-picture-caption-body {
        border-radius: 0;
        transition: border-radius 0.5s ease 0.9s, -webkit-transform 0.9s ease;
        transition: border-radius 0.5s ease 0.9s, transform 0.9s ease;
        transition: border-radius 0.5s ease 0.9s, transform 0.9s ease, -webkit-transform 0.9s ease; }
    .presentation__gallery-picture-caption h3,
    .presentation__gallery-picture-caption b {
        font-style: normal;
        font-weight: 700; }
        .no-js .presentation__gallery-picture-caption h3,
        .helios-cond-c-loaded .presentation__gallery-picture-caption h3, .no-js
        .presentation__gallery-picture-caption b,
        .helios-cond-c-loaded
        .presentation__gallery-picture-caption b {
            font-family: "HeliosCondCBold", sans-serif; }
        .helios-cond-c-base-loaded:not(.helios-cond-c-loaded) .presentation__gallery-picture-caption h3, .helios-cond-c-base-loaded:not(.helios-cond-c-loaded)
        .presentation__gallery-picture-caption b {
            font-family: "HeliosCondCRegular", sans-serif; }
    .presentation__gallery-picture-button-block {
        bottom: 3vh;
        color: #fff;
        cursor: pointer;
        display: block;
        left: 3vh;
        opacity: 0;
        padding-top: 1.35vh;
        position: absolute;
        right: 3vh;
        text-align: left;
        top: 3vh;
        transition: opacity .5s ease;
        z-index: 1; }
    .presentation__gallery-picture-button-block_no-indent {
        bottom: 0;
        cursor: default;
        left: 0;
        right: 0;
        top: 0; }
    .presentation__gallery-picture-button-block_no-actions {
        cursor: default; }
    .presentation__gallery-picture_circle .presentation__gallery-picture-button-block {
        border-radius: 50%;
        text-align: center; }
    .presentation__gallery-picture-button-block:hover {
        opacity: 1; }
    .presentation__gallery-picture-button-block_hidden:hover {
        opacity: 0; }
    .presentation__gallery-picture-button-body {
        display: inline-block;
        text-align: center;
        vertical-align: top;
        width: 9.75vh; }
    .presentation__gallery-picture-enlarge-icon {
        background-color: rgba(89, 89, 89, 0.5);
        border-radius: 50%;
        display: block;
        height: 4.5vh;
        margin: 0 auto;
        position: relative;
        width: 4.5vh; }
        .presentation__gallery-picture-enlarge-icon:before, .presentation__gallery-picture-enlarge-icon:after {
            background-color: currentColor;
            bottom: 0;
            content: '';
            height: 1px;
            left: 0;
            margin: auto;
            position: absolute;
            right: 0;
            top: 0;
            -webkit-transform-origin: 50% 50%;
                    transform-origin: 50% 50%;
            transition: -webkit-transform .6s ease;
            transition: transform .6s ease;
            transition: transform .6s ease, -webkit-transform .6s ease;
            width: 50.9%; }
        .presentation__gallery-picture-enlarge-icon:before {
            -webkit-transform: rotate(0.001deg) translateZ(1px);
                    transform: rotate(0.001deg) translateZ(1px); }
        .presentation__gallery-picture-enlarge-icon:after {
            -webkit-transform: rotate(90.001deg) translateZ(1px);
                    transform: rotate(90.001deg) translateZ(1px); }
    .presentation__gallery-picture_increased .presentation__gallery-picture-enlarge-icon:before {
        -webkit-transform: rotate(45.001deg) translateZ(1px);
                transform: rotate(45.001deg) translateZ(1px); }
    .presentation__gallery-picture_increased .presentation__gallery-picture-enlarge-icon:after {
        -webkit-transform: rotate(135.001deg) translateZ(1px);
                transform: rotate(135.001deg) translateZ(1px); }
    .presentation__gallery-picture-button-label {
        font-style: normal;
        font-weight: 400;
        display: block;
        font-size: 2.1vh;
        margin-top: 1vh;
        text-align: center;
        transition: opacity .6s ease; }
        .no-js .presentation__gallery-picture-button-label,
        .helios-cond-light-base-loaded .presentation__gallery-picture-button-label {
            font-family: "HeliosCondLight", serif; }
    .presentation__gallery-picture_increased .presentation__gallery-picture-button-label {
        opacity: 0; }
    .presentation__gallery-movie {
        background-color: #595959;
        display: inline-block;
        max-height: 100%;
        max-width: 100%;
        position: relative;
        -webkit-transform: translate3d(0, 3vh, 0);
                transform: translate3d(0, 3vh, 0);
        vertical-align: top; }
    .presentation__gallery-movie-preview-image {
        display: inline-block;
        height: auto;
        opacity: 0;
        padding: 3vh;
        vertical-align: top;
        width: auto; }
    .presentation__gallery-video {
        height: 100%;
        left: 0;
        padding: 3vh;
        position: absolute;
        top: 0;
        width: 100%; }
    .presentation__gallery-movie-controls {
        bottom: calc(1.73% + 3vh);
        left: 3vh;
        padding: 0 3vh;
        position: absolute;
        right: 3vh; }
    .no-js .presentation__gallery-movie-controls {
        display: none; }
    .presentation__gallery-insertion {
        height: 100%;
        left: 100%;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        top: 0;
        visibility: hidden;
        white-space: normal;
        width: 100%;
        z-index: -3; }
        .presentation__gallery-insertion:before {
            content: '';
            display: block;
            height: 50%; }
    .presentation__gallery-insertion_theme-biography-illustrated {
        color: #fff; }
    .presentation__gallery-insertion_theme-biography-gray {
        background-color: #c2c4c6;
        color: #000; }
    .presentation__gallery-insertion_theme-citation {
        background-color: #595959;
        color: #fff; }
    .presentation__gallery-item_sliding .presentation__gallery-insertion {
        transition: opacity 0s ease 2.8s, z-index 0s ease 2.8s; }
    .presentation__gallery-item_active-insertion .presentation__gallery-insertion {
        opacity: 1;
        pointer-events: auto;
        transition: all 0s ease 0s;
        visibility: visible;
        z-index: 1; }
    .presentation__gallery-item.is-active .presentation__gallery-insertion {
        opacity: 1;
        visibility: visible; }
    .presentation__gallery-insertion-background {
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        width: 100%; }
    .presentation__gallery-insertion-background_align-center {
        background-position: 50% 0; }
    .presentation__gallery-insertion-background_align-right {
        background-position: 100% 0; }
    .presentation__gallery-insertion-background_active {
        opacity: 1; }
    .presentation__gallery-insertion_visible .presentation__gallery-insertion-background {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        transition: opacity 1.2s ease, -webkit-transform 9s ease-in-out;
        transition: opacity 1.2s ease, transform 9s ease-in-out;
        transition: opacity 1.2s ease, transform 9s ease-in-out, -webkit-transform 9s ease-in-out; }
    .presentation__gallery-insertion-background_active ~ .presentation__gallery-insertion-background {
        opacity: 0;
        -webkit-transform: scale(1);
                transform: scale(1); }
    .presentation__gallery-insertion-background-image {
        display: none; }
    .presentation__gallery-insertion-content {
        margin: 0 auto;
        max-width: 162vh;
        position: relative;
        width: 81%;
        z-index: 1; }
    .presentation__gallery-insertion-text {
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0;
        transition: opacity 1.2s ease 2.8s;
        opacity: 0; }
    .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text {
        -webkit-transform: skewX(34deg);
                transform: skewX(34deg); }
    .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text {
        -webkit-transform: skewX(-34deg);
                transform: skewX(-34deg); }
    .presentation__gallery-item_active-insertion .presentation__gallery-insertion-text {
        opacity: 1; }
    .presentation__gallery-insertion-text-body {
        letter-spacing: .04em;
        line-height: 1.2;
        padding: 0 10% 10px;
        position: relative;
        text-align: left;
        top: 50vh;
        transition: -webkit-transform .4s ease-out;
        transition: transform .4s ease-out;
        transition: transform .4s ease-out, -webkit-transform .4s ease-out; }
        .presentation__gallery-insertion-text-body:after {
            content: '';
            display: block;
            height: 100vh; }
    .presentation__gallery-insertion_theme-biography-illustrated .presentation__gallery-insertion-text-body {
        font-style: italic;
        font-weight: 700;
        font-size: 5vh; }
        .no-js .presentation__gallery-insertion_theme-biography-illustrated .presentation__gallery-insertion-text-body,
        .dietdidot-loaded .presentation__gallery-insertion_theme-biography-illustrated .presentation__gallery-insertion-text-body {
            font-family: "DietDidotBoldItalic", sans-serif; }
        .dietdidot-base-loaded:not(.dietdidot-loaded) .presentation__gallery-insertion_theme-biography-illustrated .presentation__gallery-insertion-text-body {
            font-family: "DietDidotRegular", sans-serif; }
    .presentation__gallery-insertion_theme-biography-gray .presentation__gallery-insertion-text-body {
        font-style: italic;
        font-weight: 400;
        font-size: 5.3vh; }
        .no-js .presentation__gallery-insertion_theme-biography-gray .presentation__gallery-insertion-text-body,
        .helios-cond-light-loaded .presentation__gallery-insertion_theme-biography-gray .presentation__gallery-insertion-text-body {
            font-family: "HeliosCondLightItalic", sans-serif; }
        .helios-cond-light-base-loaded:not(.helios-cond-light-loaded) .presentation__gallery-insertion_theme-biography-gray .presentation__gallery-insertion-text-body {
            font-family: "HeliosCondLight", sans-serif; }
    .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text-body {
        left: 1%; }
    .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text-body {
        right: 1%; }
    .presentation__gallery-insertion-text-word {
        display: inline-block;
        -webkit-transform-origin: 50% 0;
                transform-origin: 50% 0; }
    .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text-word {
        -webkit-transform: skewX(-34deg);
                transform: skewX(-34deg); }
    .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text-word {
        -webkit-transform: skewX(34deg);
                transform: skewX(34deg); }
    .presentation__gallery-insertion-text-figure {
        display: block;
        margin: .2em 0;
        position: relative;
        text-align: right;
        transition: opacity .4s linear; }
    .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text-figure {
        -webkit-transform-origin: 100% 0;
                transform-origin: 100% 0;
        -webkit-transform: skewX(-34deg);
                transform: skewX(-34deg); }
    .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text-figure {
        -webkit-transform: skewX(34deg);
                transform: skewX(34deg); }
    .presentation__gallery-insertion-text-image-wrapper {
        display: inline-block;
        overflow: hidden;
        vertical-align: top; }
    .presentation__gallery-insertion-text-image {
        display: inline-block;
        vertical-align: top;
        transition: -webkit-transform .4s linear;
        transition: transform .4s linear;
        transition: transform .4s linear, -webkit-transform .4s linear; }
    .presentation__gallery-insertion-text-caption {
        font-style: normal;
        font-weight: 400;
        bottom: -.15em;
        font-size: 2.3vh;
        left: 100%;
        letter-spacing: 0;
        padding-left: 1em;
        position: absolute;
        text-align: left;
        width: 38%; }
        .no-js .presentation__gallery-insertion-text-caption,
        .helios-cond-light-base-loaded .presentation__gallery-insertion-text-caption {
            font-family: "HeliosCondLight", serif; }
    .presentation__gallery-insertion-text-button {
        font-size: 2.67vh;
        height: 0.625em;
        opacity: 0;
        position: absolute;
        top: -0.3125em;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        transition: opacity .5s ease;
        width: 3.1em;
        z-index: 1; }
        .presentation__gallery-insertion-text-button:before {
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: block;
            height: 100%;
            width: 100%; }
    .presentation__gallery-insertion_theme-biography-illustrated .presentation__gallery-insertion-text-button {
        -webkit-transform: rotate(-56deg) translateZ(1px);
                transform: rotate(-56deg) translateZ(1px); }
        .presentation__gallery-insertion_theme-biography-illustrated .presentation__gallery-insertion-text-button:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23fff' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E"); }
    .presentation__gallery-insertion_theme-biography-gray .presentation__gallery-insertion-text-button {
        -webkit-transform: rotate(-124deg) translateZ(1px);
                transform: rotate(-124deg) translateZ(1px); }
        .presentation__gallery-insertion_theme-biography-gray .presentation__gallery-insertion-text-button:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23000' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E"); }
    .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text-button_down {
        left: calc(1.1% - 1.55em); }
    .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text-button_down {
        left: calc(1.1% - 1.55em); }
        .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text-button_down:before {
            -webkit-transform: scaleX(-1) translateZ(1px);
                    transform: scaleX(-1) translateZ(1px); }
    .presentation__gallery-insertion-text-button_up:before {
        -webkit-transform: translateZ(1px);
                transform: translateZ(1px); }
    .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text-button_up {
        right: calc(1.1% - 1.55em); }
        .presentation__gallery-insertion-content_skew-right .presentation__gallery-insertion-text-button_up:before {
            -webkit-transform: scaleX(-1) translateZ(1px);
                    transform: scaleX(-1) translateZ(1px); }
    .presentation__gallery-insertion-content_skew-left .presentation__gallery-insertion-text-button_up {
        right: calc(1.1% - 1.55em); }
    .presentation__gallery-item_active-insertion .presentation__gallery-insertion-text-button {
        opacity: 1;
        transition: opacity 1.2s ease 2.8s; }
    .presentation__gallery-insertion_buttons-hidden .presentation__gallery-insertion-text-button {
        cursor: default;
        opacity: 0;
        transition: opacity 1.2s ease 0s; }
    .presentation__gallery-text-insertion-item {
        height: 100%;
        left: 0;
        margin: 0 auto;
        max-width: 210vh;
        opacity: 0;
        padding: 5vh 34.002vh;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        transition: opacity 2s ease;
        width: 100%; }
    .presentation__gallery-text-insertion-item_active {
        opacity: 1;
        pointer-events: auto;
        z-index: 1; }
    .presentation__gallery-insertion-blockquote {
        font-style: italic;
        font-weight: 400;
        font-size: 5.3vh;
        text-align: justify; }
        .no-js .presentation__gallery-insertion-blockquote,
        .helios-cond-thin-c-loaded .presentation__gallery-insertion-blockquote {
            font-family: "HeliosCondThinCItalic", sans-serif; }
        .helios-cond-thin-c-base-loaded:not(.helios-cond-thin-c-loaded) .presentation__gallery-insertion-blockquote {
            font-family: "HeliosCondThinCRegular", sans-serif; }
    .presentation__gallery-insertion-blockquote-author {
        font-size: 3vh;
        margin: 2.2vh 0 0 50%;
        text-align: left; }
    .presentation__gallery-insertion-blockquote-author-name {
        font-style: normal;
        font-weight: 700; }
        .no-js .presentation__gallery-insertion-blockquote-author-name,
        .helios-cond-c-loaded .presentation__gallery-insertion-blockquote-author-name {
            font-family: "HeliosCondCBold", sans-serif; }
        .helios-cond-c-base-loaded:not(.helios-cond-c-loaded) .presentation__gallery-insertion-blockquote-author-name {
            font-family: "HeliosCondCRegular", sans-serif; }
    .presentation__gallery-insertion-blockquote-author-position {
        font-style: normal;
        font-weight: 400; }
        .no-js .presentation__gallery-insertion-blockquote-author-position,
        .helios-cond-thin-c-base-loaded .presentation__gallery-insertion-blockquote-author-position {
            font-family: "HeliosCondThinCRegular", serif; }
    .presentation__nav {
        font-style: normal;
        font-weight: 400;
        bottom: 7.002vh;
        color: #fff;
        display: block;
        font-size: 2.67vh;
        height: 2.4em;
        left: 20.002vh;
        margin: 0 auto -1.3em;
        max-height: 9999px;
        max-width: 160vh;
        overflow: hidden;
        padding: 0 2vh;
        position: absolute;
        right: 20.002vh;
        transition: max-height 0s ease .3s, opacity .3s ease .3s;
        z-index: 2; }
        .no-js .presentation__nav,
        .helios-cond-light-base-loaded .presentation__nav {
            font-family: "HeliosCondLight", serif; }
    .preloading .presentation__nav {
        visibility: hidden; }
    .presentation__nav_hidden {
        max-height: 0;
        opacity: 0;
        transition: max-height 0s ease .3s, opacity .3s ease 0s; }
    .presentation__nav_sliding {
        transition: -webkit-transform 2.8s ease;
        transition: transform 2.8s ease;
        transition: transform 2.8s ease, -webkit-transform 2.8s ease; }
    .presentation__nav-button {
        top: 0.7em;
        cursor: pointer;
        line-height: 1;
        padding-right: 9vh;
        position: absolute;
        transition: opacity .5s ease, -webkit-transform .5s ease;
        transition: opacity .5s ease, transform .5s ease;
        transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease; }
        .presentation__nav-button:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23fff' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E");
            background-position: 100% 50%;
            background-repeat: no-repeat;
            background-size: contain;
            bottom: 0;
            content: '';
            margin: auto 0;
            position: absolute;
            right: 0;
            top: 0;
            height: .625em;
            width: 3.375em; }
    .presentation__nav-button_previous {
        left: 0;
        text-indent: -9999px;
        -webkit-transform: translate3d(2vh, -50%, 0);
                transform: translate3d(2vh, -50%, 0);
        width: 0; }
        .presentation__nav-button_previous:before {
            -webkit-transform: scaleX(-1);
                    transform: scaleX(-1); }
    .presentation__nav-button_next {
        right: 0;
        -webkit-transform: translate3d(-2vh, -50%, 0);
                transform: translate3d(-2vh, -50%, 0); }
    .presentation__nav-button_hidden {
        opacity: 0;
        pointer-events: none;
        -webkit-transform: translate3d(0, -50%, 0);
                transform: translate3d(0, -50%, 0);
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
    .preloading .presentation__nav-explore-button {
        opacity: 0; }
    .intro-show .presentation__nav-explore-button {
        transition: opacity 1s ease 13.5s; }
    .presentation__nav-explore-button-text {
        overflow: hidden;
        padding-right: 1.16em; }
    body:not(.intro-show) .presentation__nav-explore-button-text,
    .pictures-intro-ended .presentation__nav-explore-button-text,
    .pictures-intro-skipped .presentation__nav-explore-button-text {
        font-size: 0;
        max-width: 0;
        opacity: 0;
        padding-right: 0; }
    .pictures-intro-ended .presentation__nav-explore-button-text {
        transition: opacity 1s ease 2s, font-size 0s ease 3s, max-width 0s ease 3s, padding-right 0s ease 3s; }
    .pictures-intro-skipped .presentation__nav-explore-button-text {
        transition: opacity 1s ease, font-size 0s ease 1s, max-width 0s ease 1s, padding-right 0s ease 1s; }
    .presentation__nav-explore-button-text-decoration {
        letter-spacing: .04em; }
    .presentation__nav-captions {
        margin: 0 3.5em;
        overflow: hidden;
        position: relative; }
    .preloading .presentation__nav-captions {
        opacity: 0; }
    .preloading-finished .presentation__nav-captions {
        transition: opacity 1.5s ease; }
    .intro-show .presentation__nav-captions {
        opacity: 0; }
    .presentation__nav_captions-hidden .presentation__nav-captions {
        opacity: 0; }
    .presentation__nav-captions-list {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 auto;
        position: relative;
        text-align: center;
        transition: -webkit-transform 2.8s ease;
        transition: transform 2.8s ease;
        transition: transform 2.8s ease, -webkit-transform 2.8s ease;
        width: calc(100% / 3); }
    .presentation__nav-captions-list_no-transition {
        transition: all 0s ease 0s; }
    .presentation__nav-caption {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        position: relative;
        transition: opacity 2.8s ease;
        width: 100%; }
    .no-js .presentation__nav-caption {
        opacity: 0; }
    .presentation__nav-caption_hidden {
        opacity: 0; }
    .presentation__nav-caption_multiple {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        transition: opacity 2.8s ease, -webkit-transform 2.8s ease;
        transition: opacity 2.8s ease, transform 2.8s ease;
        transition: opacity 2.8s ease, transform 2.8s ease, -webkit-transform 2.8s ease; }
    .presentation__nav-caption_active {
        z-index: 1; }
    .presentation__nav-captions-list_fragmenting .presentation__nav-caption {
        opacity: 0; }
    .presentation__nav-captions-list_fragmenting .presentation__nav-caption_active {
        opacity: 1; }
    .no-js .presentation__nav-caption_active {
        opacity: 1; }
    .presentation__nav-caption_multiple.presentation__nav-caption_active + .presentation__nav-caption,
    .presentation__nav-caption_active ~ .presentation__nav-caption_multiple + .presentation__nav-caption {
        opacity: 0; }
    .presentation__nav-caption_multiple.presentation__nav-caption_active + .presentation__nav-caption_multiple {
        opacity: 1; }
    .presentation__nav-caption_multiple.presentation__nav-caption_active + .presentation__nav-caption_multiple .presentation__nav-caption-item_heading,
    .presentation__nav-caption_active ~ .presentation__nav-caption_multiple + .presentation__nav-caption_multiple .presentation__nav-caption-item_heading {
        opacity: 0; }
    .presentation__nav-caption_multiple + .presentation__nav-caption_active .presentation__nav-caption-item_heading {
        opacity: 1; }
    .presentation__nav-caption-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        transition: opacity 2.8s ease;
        width: 100%; }
    .presentation__nav-captions-list_fragmenting .presentation__nav-caption-item_heading {
        opacity: 0; }
    .presentation__nav-caption-item_fragment {
        opacity: 0; }
    .no-js .presentation__nav-caption_active .presentation__nav-caption-item_fragment {
        opacity: 0; }
    .presentation__nav-caption_active .presentation__nav-caption-item_fragment,
    .presentation__nav-caption_active ~ .presentation__nav-caption .presentation__nav-caption-item_fragment {
        opacity: 1; }
    .presentation__nav-caption_exchanging .presentation__nav-caption-item_fragment {
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }

/*==========================================================================
   "video-controls"
==========================================================================*/
.video-controls {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .video-controls_theme-dark {
        color: #474747; }
    .video-controls_theme-light {
        color: #fff; }
    .no-js .video-controls {
        display: none; }
    .video-controls__play-button {
        display: block;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        font-size: 2.6vh;
        height: 1em;
        overflow: hidden;
        position: relative;
        text-indent: -9999px;
        width: 1em;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .video-controls__play-button:before, .video-controls__play-button:after {
            background-color: currentColor;
            content: '';
            height: 105%;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 33.33333%; }
        .video-controls__play-button:before {
            left: 0; }
        .video-controls__play-button:after {
            -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
            left: 100%;
            -webkit-transform: translateX(-100%);
                    transform: translateX(-100%); }
    .video-controls__play-button_active:before, .video-controls__play-button_active:after {
        opacity: 1; }
    .video-controls__play-button-icon {
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
    .video-controls__play-button_active .video-controls__play-button-icon {
        display: none; }
    .video-controls__progress {
        background-color: currentColor;
        cursor: pointer;
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
        height: 2px;
        margin: 0 1.8%;
        position: relative; }
    .video-controls #progress_box {
        height: 100%; }
    .video-controls #play_progress {
        height: 100%;
        position: relative;
        width: 0%; }
    .video-controls__progress-shifter {
        height: 2px;
        position: absolute;
        width: 2px;
        right: -1px; }
        .video-controls__progress-shifter:before {
            background-color: #fff;
            border-radius: 50%;
            bottom: -0.8vh;
            content: '';
            left: -0.8vh;
            position: absolute;
            right: -0.8vh;
            top: -0.8vh; }
    .video-controls_theme-dark .video-controls__progress-shifter:before {
        border: 2px solid currentColor; }
    .video-controls__duration {
        font-style: normal;
        font-weight: 400;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        font-size: 2.2vh;
        line-height: 1;
        white-space: nowrap; }
        .no-js .video-controls__duration,
        .helios-cond-light-base-loaded .video-controls__duration {
            font-family: "HeliosCondLight", serif; }
    .video-controls__fullscreen-button {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        height: 3vh;
        margin-right: 1.8%;
        width: 3vh; }
    .video-controls_theme-dark .video-controls__fullscreen-button {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'%3E%3Cg fill='%23595959'%3E%3Cpolygon points='138.9,138.9 0,138.9 0,166.7 138.9,166.7 166.7,166.7 166.7,138.9 166.7,0 138.9,0'/%3E%3Cpolygon points='0,333.3 0,361.1 138.9,361.1 138.9,500 166.7,500 166.7,361.1 166.7,333.3 138.9,333.3'/%3E%3Cpolygon points='361.1,138.9 361.1,0 333.3,0 333.3,138.9 333.3,166.7 361.1,166.7 500,166.7 500,138.9'/%3E%3Cpolygon points='333.3,333.3 333.3,361.1 333.3,500 361.1,500 361.1,361.1 500,361.1 500,333.3 361.1,333.3'/%3E%3C/g%3E%3C/svg%3E"); }
    .video-controls_theme-light .video-controls__fullscreen-button {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500' enable-background='new 0 0 500 500' xml:space='preserve'%3E%3Cg fill='%23fff'%3E%3Cpolygon points='138.9,138.9 0,138.9 0,166.7 138.9,166.7 166.7,166.7 166.7,138.9 166.7,0 138.9,0'/%3E%3Cpolygon points='0,333.3 0,361.1 138.9,361.1 138.9,500 166.7,500 166.7,361.1 166.7,333.3 138.9,333.3'/%3E%3Cpolygon points='361.1,138.9 361.1,0 333.3,0 333.3,138.9 333.3,166.7 361.1,166.7 500,166.7 500,138.9'/%3E%3Cpolygon points='333.3,333.3 333.3,361.1 333.3,500 361.1,500 361.1,361.1 500,361.1 500,333.3 361.1,333.3'/%3E%3C/g%3E%3C/svg%3E"); }

/*==========================================================================
   "catalog"
==========================================================================*/
.catalog {
    font-style: normal;
    font-weight: 400;
    background-color: #fff;
    color: #787a7d;
    display: none;
    height: 100%;
    overflow: hidden;
    width: 100%;
    /* &__timeline-item:nth-child(1) {
        border-left: 1px solid transparent;
        border-right: 1px solid currentColor;
    }
    &__timeline-item:nth-child(n+2):nth-last-child(n+2) {
        border-left: 1px solid currentColor;
        border-right: 1px solid currentColor;
    }
    &__timeline-item:last-child {
        border-left: 1px solid currentColor;
        border-right: 1px solid transparent;
    } */ }
    .no-js .catalog,
    .helios-cond-c-base-loaded .catalog {
        font-family: "HeliosCondCRegular", serif; }
    .page-catalog .catalog {
        display: block; }
    .catalog__timeline-wrapper {
        height: 6vh;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1; }
    .catalog__timeline {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 2vh;
        height: 6vh;
        left: 0;
        letter-spacing: .001em;
        overflow: hidden;
        padding-left: 19.002vh;
        padding-top: 3vh;
        position: absolute;
        top: 0;
        white-space: nowrap;
        width: 100%; }
    .catalog__timeline-wrapper .catalog__timeline {
        height: calc(6vh + 100px);
        overflow-x: scroll;
        position: static;
        width: auto; }
    .catalog__timeline-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    .catalog__timeline-item_compact {
        -ms-flex-item-align: baseline;
            align-self: baseline;
        text-indent: -9999px;
        width: 1px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }
    .catalog__timeline-item + .catalog__timeline-item {
        margin-left: 2.2%; }
    .catalog__timeline-item:first-child {
        padding-left: 2.2%; }
    .catalog__timeline-item:last-child {
        padding-right: 2.2%; }
    .catalog__timeline-item-anchor_compact {
        display: block;
        position: relative; }
        .catalog__timeline-item-anchor_compact:before {
            bottom: -3px;
            content: '';
            left: -3px;
            position: absolute;
            right: -3px;
            top: -3px; }
        .catalog__timeline-item-anchor_compact:after {
            background-color: #000;
            bottom: .1em;
            content: '';
            left: 0;
            position: absolute;
            top: .1em;
            width: 100%; }
    .catalog__timeline-item-anchor_active {
        color: #000;
        cursor: default; }
    .no-js .catalog__timeline-item-anchor_active {
        color: currentColor;
        cursor: pointer; }
    .catalog__items-wrapper {
        height: 150%;
        overflow-x: auto;
        padding-left: 19.002vh;
        position: relative; }
    .no-js .catalog__items-wrapper {
        margin-left: 19.002vh;
        padding: 0; }
    .catalog__items {
        height: calc(100vh - 6vh);
        left: 19.002vh;
        min-width: calc(100% - 19.002vh - 1px);
        opacity: 0;
        padding-bottom: 4vh;
        position: absolute;
        top: 6vh;
        transition: opacity .5s ease; }
    .no-js .catalog__items {
        bottom: 0;
        height: auto;
        opacity: 1;
        overflow-x: auto; }
    .catalog__video {
        display: block;
        height: calc(100% - 9vh);
        left: 22.002vh;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        right: 22.002vh;
        top: 9vh;
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-transform: scale(0.001);
                transform: scale(0.001);
        transition: opacity 0.9s ease, visibility 0s ease 0.9s, z-index 0s ease 0.9s, -webkit-transform 0.9s ease;
        transition: opacity 0.9s ease, transform 0.9s ease, visibility 0s ease 0.9s, z-index 0s ease 0.9s;
        transition: opacity 0.9s ease, transform 0.9s ease, visibility 0s ease 0.9s, z-index 0s ease 0.9s, -webkit-transform 0.9s ease;
        visibility: hidden;
        z-index: -1; }
    .catalog__video_active {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1);
                transform: scale(1);
        transition: opacity 0.9s ease, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.9s ease;
        transition: opacity 0.9s ease, transform 0.9s ease, visibility 0s ease 0s, z-index 0s ease 0s;
        transition: opacity 0.9s ease, transform 0.9s ease, visibility 0s ease 0s, z-index 0s ease 0s, -webkit-transform 0.9s ease;
        visibility: visible;
        z-index: 1; }
    .catalog__video-body {
        display: inline-block;
        position: relative;
        vertical-align: top; }
    .catalog__video-preview-image {
        display: inline-block;
        vertical-align: top;
        height: auto;
        max-height: 84vh;
        max-width: calc(100vw - 44.004vh);
        width: auto; }
    .catalog__video-player {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%; }
    .catalog__video-controls {
        left: 0;
        margin-top: 1.5vh;
        position: absolute;
        top: 100%;
        width: 100%; }
    .catalog__items-row {
        font-size: 0px;
        letter-spacing: 0px;
        word-spacing: 0px;
        box-sizing: content-box;
        height: 50%;
        margin-left: -3vh;
        padding-right: 50vw;
        white-space: nowrap; }
        .catalog__items-row:after {
            content: '';
            display: inline-block;
            vertical-align: top;
            height: 100%;
            width: 50vw; }
    .catalog__items_fixed .catalog__items-row {
        padding-right: 0; }
    .catalog__item {
        display: inline-block;
        height: 100%;
        margin-left: 3vh;
        position: relative;
        vertical-align: top;
        white-space: normal; }
    .catalog__item_hiding {
        opacity: 0;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); }
    .catalog__item_hidden {
        display: none; }
    .catalog__picture {
        display: block;
        height: 78.57%;
        padding-left: 3vh;
        padding-right: 3vh;
        padding-top: 3vh; }
    .catalog__picture-image {
        display: block;
        height: 100%;
        width: auto; }
    .catalog__picture-image_button {
        cursor: pointer; }
    .catalog__picture-caption {
        font-size: 2.17vh;
        left: 3vh;
        letter-spacing: .001em;
        line-height: 1.2;
        margin-top: .4em;
        max-height: 2.4em;
        overflow: hidden;
        position: absolute;
        right: 3vh; }
    .catalog__picture-description {
        font-style: normal;
        font-weight: 400;
        background-color: rgba(178, 178, 177, 0.7);
        color: #fff;
        font-size: 2.17vh;
        left: 0;
        letter-spacing: .01em;
        line-height: 1.38249;
        max-height: 100%;
        min-height: calc(78.57% + 3vh);
        opacity: 0;
        padding: 3vh;
        position: absolute;
        top: 0;
        transition: opacity 1s ease;
        width: 100%; }
        .no-js .catalog__picture-description,
        .helios-cond-light-base-loaded .catalog__picture-description {
            font-family: "HeliosCondLight", serif; }
    .catalog__picture:hover .catalog__picture-description {
        opacity: 1; }
    .catalog__picture-description h3,
    .catalog__picture-description b {
        font-style: normal;
        font-weight: 700; }
        .no-js .catalog__picture-description h3,
        .helios-cond-c-loaded .catalog__picture-description h3, .no-js
        .catalog__picture-description b,
        .helios-cond-c-loaded
        .catalog__picture-description b {
            font-family: "HeliosCondCBold", sans-serif; }
        .helios-cond-c-base-loaded:not(.helios-cond-c-loaded) .catalog__picture-description h3, .helios-cond-c-base-loaded:not(.helios-cond-c-loaded)
        .catalog__picture-description b {
            font-family: "HeliosCondCRegular", sans-serif; }
    .catalog__nav {
        position: absolute;
        bottom: calc(5% - 20px);
        height: 20px;
        left: 19.002vh;
        max-height: 9999px;
        overflow: hidden;
        right: 19.002vh;
        transition: max-height 0s ease 0s, opacity 0.5s ease; }
    .catalog__nav_smooth-hidden {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        transition: max-height 0s ease 0.5s, opacity 0.5s ease; }
    .catalog__nav_hidden {
        display: none; }
    .catalog__nav-button {
        cursor: pointer;
        height: 100%;
        line-height: 1;
        opacity: 1;
        overflow: hidden;
        position: absolute;
        transition: opacity 0.5s ease;
        width: 9vh; }
        .catalog__nav-button:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23000' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E");
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            height: 100%;
            left: 0;
            margin: auto 0;
            position: absolute;
            top: 0;
            width: 100%; }
    .catalog__nav-button_previous {
        left: 3vh; }
        .catalog__nav-button_previous:before {
            -webkit-transform: scaleX(-1);
                    transform: scaleX(-1); }
    .catalog__nav-button_next {
        right: 3vh; }
    .catalog__nav-button_hidden {
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        transition: max-height 0s ease 0.5s, opacity 0.5s ease;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none; }

/*==========================================================================
   "biography"
==========================================================================*/
.biography {
    background-color: #67696b;
    color: #fff;
    display: none;
    min-height: 100%;
    padding: 0 19.002vh 16vh; }
    .page-biography .biography {
        display: block; }
    .biography__body {
        margin: 0 auto;
        max-width: 1942px;
        padding: 0 396px; }
    .biography__cover {
        overflow: hidden;
        position: relative; }
        .biography__cover:before {
            content: '';
            display: block;
            padding-top: 93.75%; }
    .biography__cover-image {
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: opacity 1.9s ease;
        width: 100%; }
    .no-js .biography__cover-image, .biography__cover-image_active {
        opacity: 1; }
    .biography__text {
        font-style: normal;
        font-weight: 400;
        font-size: 32px;
        letter-spacing: .01em;
        line-height: 36px;
        margin-top: 1em;
        position: relative;
        text-align: center; }
        .no-js .biography__text,
        .helios-cond-light-base-loaded .biography__text {
            font-family: "HeliosCondLight", serif; }
    .biography__text-section {
        opacity: 0;
        position: relative;
        transition: opacity 1.9s ease;
        z-index: 1; }
    .no-js .biography__text-section, .biography__text-section_active {
        opacity: 1; }
    .biography__text-section_description {
        font-style: normal;
        font-weight: 400;
        text-align: left; }
        .no-js .biography__text-section_description,
        .dietdidot-base-loaded .biography__text-section_description {
            font-family: "DietDidotRegular", serif; }
    .biography__text-section + .biography__text-section_dates {
        margin-top: 2em; }
    .biography__text-section + .biography__text-section_description {
        margin-top: 3em; }
    .biography__text h2 {
        letter-spacing: .04em; }
    .biography__text-section_description h2 {
        text-align: center; }
    .biography__text b {
        font-style: normal;
        font-weight: 700; }
        .no-js .biography__text b,
        .helios-cond-c-loaded .biography__text b {
            font-family: "HeliosCondCBold", sans-serif; }
        .helios-cond-c-base-loaded:not(.helios-cond-c-loaded) .biography__text b {
            font-family: "HeliosCondCRegular", sans-serif; }
    .biography__text-note {
        font-size: 24px;
        line-height: 28px;
        opacity: 0;
        position: absolute;
        text-align: left;
        transition: opacity 1.9s ease;
        width: 324px; }
    .no-js .biography__text-note, .biography__text-note_active {
        opacity: 1; }
    .biography__text-picture-note {
        opacity: 0;
        text-align: left;
        transition: opacity 1.9s ease;
        position: absolute; }
    .no-js .biography__text-picture-note, .biography__text-picture-note_active {
        opacity: 1; }
    .biography__text-picture-note_left-side {
        margin-right: 36px;
        right: 100%; }
    .biography__text-picture-note_right-side {
        left: 100%;
        margin-left: 144px; }
    .biography__text-picture-note_size-s {
        width: 324px; }
    .biography__text-picture-note_size-m {
        width: calc(216px + 14.99258vh); }
    .biography__text-picture-note-image {
        margin-bottom: 40px;
        max-width: none; }
    .biography__text-picture-note-image_right {
        left: 100%;
        position: relative;
        -webkit-transform: translateX(-100%);
                transform: translateX(-100%); }
    .biography__text-picture-note-caption {
        font-size: 24px;
        line-height: 28px; }
    .biography__nav-button {
        cursor: pointer;
        height: 20px;
        line-height: 1;
        position: fixed;
        top: 50%;
        width: 9vh;
        z-index: 5; }
        .biography__nav-button:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 107 20.21'%3E%3Cpolygon fill='%23fff' points='106.96 10.11 107 10.14 99.22 20.21 98.43 19.6 105.34 10.65 0 10.65 0 9.65 105.41 9.65 98.43 0.61 99.22 0 107 10.08 106.96 10.11'/%3E%3C/svg%3E");
            background-position: 50% 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            height: 100%;
            left: 0;
            margin: auto 0;
            position: absolute;
            top: 0;
            width: 100%; }
    .biography__nav-button_down {
        left: 9.501vh;
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-transform: rotate(90deg) translateX(-50%);
                transform: rotate(90deg) translateX(-50%); }
    .biography__nav-button_up {
        right: 9.501vh;
        -webkit-transform-origin: 100% 50%;
                transform-origin: 100% 50%;
        -webkit-transform: rotate(-90deg) translateX(50%);
                transform: rotate(-90deg) translateX(50%); }

/*# sourceMappingURL=../sourcemaps/templates.css.map */