.selecttext[data-v-309954ce]{
    z-index: 10;
    position: absolute;
}
#publication .selecttext .text-block[data-v-309954ce]{
    position: absolute;
    margin: 0;
    cursor: text;
}
#publication .selecttext .text-block[data-v-309954ce]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 10px;
    margin-top: -10px;
    margin-left: -10px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
#publication .book-stopped .selecttext .text-block[data-v-309954ce],
#publication .page.loading .selecttext .text-block[data-v-309954ce],
#publication .book-stopped.nodrag .page.loading .selecttext .text-block[data-v-309954ce],
#publication .slide-book .slide-holder.zoomed .selecttext .text-block[data-v-309954ce],
#publication .slide-book .slide-holder.nodrag .page.loading .selecttext .text-block[data-v-309954ce]
{
    cursor: unset;
}
#publication .book-stopped.nodrag .selecttext .text-block[data-v-309954ce],
#publication .slide-book .slide-holder.nodrag .selecttext .text-block[data-v-309954ce] {
    cursor: text;
}
.select-text-canvas[data-v-309954ce] {
    opacity: .3;
}
@-webkit-keyframes blink-data-v-309954ce {
0%{opacity: 0}
33%{opacity: .3}
66%{opacity: .1}
100%{opacity: .3}
}
@keyframes blink-data-v-309954ce {
0%{opacity: 0}
33%{opacity: .3}
66%{opacity: .1}
100%{opacity: .3}
}
.select-text-canvas.show-effect[data-v-309954ce] {
    -webkit-animation: blink-data-v-309954ce 3s ease-in-out 1;
            animation: blink-data-v-309954ce 3s ease-in-out 1;
}
.select-text-canvas.hide-before-effect[data-v-309954ce] {
    opacity: 0;
}

.selecttext[data-v-1fe49e78]{
    z-index: 10;
    position: absolute;
}
.select-text-canvas[data-v-1fe49e78] {
    opacity: .3;
}
@-webkit-keyframes blink-data-v-1fe49e78 {
0%{opacity: 0}
33%{opacity: .3}
66%{opacity: .1}
100%{opacity: .3}
}
@keyframes blink-data-v-1fe49e78 {
0%{opacity: 0}
33%{opacity: .3}
66%{opacity: .1}
100%{opacity: .3}
}
.select-text-canvas.show-effect[data-v-1fe49e78] {
    -webkit-animation: blink-data-v-1fe49e78 3s ease-in-out 1;
            animation: blink-data-v-1fe49e78 3s ease-in-out 1;
}
.select-text-canvas.hide-before-effect[data-v-1fe49e78] {
    opacity: 0;
}

.publication-note[data-v-5cdac2b9] {
    position: absolute;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.note-icon .svg-icon[data-v-5cdac2b9] {
    width: 24px;
    height: 24px;
}
.note-rect .note-footer .note-border-color.red .note-color[data-v-5cdac2b9] {
    background-color:#FF8383;
}
.note-rect .note-footer .note-color-set.red .note-border-color.red[data-v-5cdac2b9] {
    border-color:#FF8383;
}
.note-rect .note-footer .note-border-color.gray .note-color[data-v-5cdac2b9] {
    background-color:#A6A19B;
}
.note-rect .note-footer .note-color-set.gray .note-border-color.gray[data-v-5cdac2b9] {
    border-color:#A6A19B;
}
.note-rect .note-footer .note-border-color.orange .note-color[data-v-5cdac2b9] {
    background-color:#FF9933;
}
.note-rect .note-footer .note-color-set.orange .note-border-color.orange[data-v-5cdac2b9] {
    border-color:#FF9933;
}
.note-rect .note-footer .note-border-color.violet .note-color[data-v-5cdac2b9] {
    background-color:#9D80D7;
}
.note-rect .note-footer .note-color-set.violet .note-border-color.violet[data-v-5cdac2b9] {
    border-color:#9D80D7;
}
.note-rect .note-footer .note-border-color.blue .note-color[data-v-5cdac2b9] {
    background-color:#64D3FD;
}
.note-rect .note-footer .note-color-set.blue .note-border-color.blue[data-v-5cdac2b9] {
    border-color:#64D3FD;
}
.note-rect .note-footer .note-border-color.green .note-color[data-v-5cdac2b9] {
    background-color:#66D566;
}
.note-rect .note-footer .note-color-set.green .note-border-color.green[data-v-5cdac2b9] {
    border-color:#66D566;
}
root.mini .note-icon[data-v-5cdac2b9]{
    display: none;
}
.note-icon.red[data-v-5cdac2b9]{
    fill:#EB5A5A;
}
.opened.note-icon.red[data-v-5cdac2b9],
.mini.note-icon.red[data-v-5cdac2b9]:hover{
    fill:#C74C4C;
}
.note-icon.gray[data-v-5cdac2b9]{
    fill:#596168;
}
.opened.note-icon.gray[data-v-5cdac2b9],
.mini.note-icon.gray[data-v-5cdac2b9]:hover{
    fill:#4B5258;
}
.note-icon.orange[data-v-5cdac2b9]{
    fill:#F38D2A;
}
.opened.note-icon.orange[data-v-5cdac2b9],
.mini.note-icon.orange[data-v-5cdac2b9]:hover{
    fill:#CE7723;
}
.note-icon.violet[data-v-5cdac2b9]{
    fill:#7957BF;
}
.opened.note-icon.violet[data-v-5cdac2b9],
.mini.note-icon.violet[data-v-5cdac2b9]:hover{
    fill:#664AA2;
}
.note-icon.blue[data-v-5cdac2b9]{
    fill:#2DB1E3;
}
.opened.note-icon.blue[data-v-5cdac2b9],
.mini.note-icon.blue[data-v-5cdac2b9]:hover{
    fill:#2696C1;
}
.note-icon.green[data-v-5cdac2b9]{
    fill:#33CC34;
}
.opened.note-icon.green[data-v-5cdac2b9],
.mini.note-icon.green[data-v-5cdac2b9]:hover{
    fill:#2BAD2C;
}
.note-icon[data-v-5cdac2b9]{
    font-size: 24px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    left: -12px;
    top: -24px;

    cursor: pointer;
    position: absolute;
    opacity:1;
    z-index: 1;
}
.note-icon[data-v-5cdac2b9]:after {
    content: "";
    background-color: white;
    position: absolute;
    z-index: -1;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 35%;
}
.note-icon[data-v-5cdac2b9]:hover{
    opacity:1;
}
.removed.note-icon[data-v-5cdac2b9]{
    display: none;
}
.move.note-icon[data-v-5cdac2b9]{
    /*opacity:0.3;*/
}
.inactive.note-icon[data-v-5cdac2b9]{
    opacity:0;
}
.opened.note-icon[data-v-5cdac2b9]{
    cursor: move;
}
.note-rect[data-v-5cdac2b9] {
    width:230px;
    height:125px;
    position: absolute;

    background-color: #f6f6f6;
    -webkit-box-shadow: 0 2px 10px 0px rgba(27, 47, 73, .3);
            box-shadow: 0 2px 10px 0px rgba(27, 47, 73, .3);
    border-radius: 5px;
}
.edit.note-rect[data-v-5cdac2b9],
.view.note-rect[data-v-5cdac2b9]
{
    display: block;
}
.mini.note-rect[data-v-5cdac2b9],
.move.note-rect[data-v-5cdac2b9]
{
    display: none;
}
.note-rect .note-body[data-v-5cdac2b9]{
    height: 76px;
    position: absolute;
    width: 210px;
    margin: 11px 15px 5px 15px;
    overflow:hidden;
}
.note-rect.mini-rect .note-body[data-v-5cdac2b9]{
    height: 115px;
    margin: 5px;
}
.note-rect.mini-rect .note-article[data-v-5cdac2b9]{
    width: 100%;
    height: 100%;
}
.note-rect .note-article[data-v-5cdac2b9] {
    font-family: inherit;
    resize: none;
    font-size: 14px;
    width: 200px;
    height: 76px;
    position: absolute;
    border-width: 1px;
    border-style: solid;
    padding: 0px 0px 0px 0px;
    color: rgb(89, 97, 104);
    border-color: rgb(169, 169, 169);
}
.note-rect .note-article[data-v-5cdac2b9]::-webkit-input-placeholder {
    color: #A6AAAD;
}
.note-rect .note-article[data-v-5cdac2b9]::-moz-placeholder {
    color: #A6AAAD;
}
.note-rect .note-article[data-v-5cdac2b9]::-ms-input-placeholder {
    color: #A6AAAD;
}
.note-rect .note-article[data-v-5cdac2b9]:-ms-input-placeholder {
    color: #A6AAAD;
}
.note-rect .note-article[data-v-5cdac2b9]::placeholder {
    color: #A6AAAD;
}
[dir="rtl"] .note-rect .note-article[data-v-5cdac2b9]::-webkit-input-placeholder {
    direction: rtl;
}
[dir="rtl"] .note-rect .note-article[data-v-5cdac2b9]::-moz-placeholder {
    direction: rtl;
}
[dir="rtl"] .note-rect .note-article[data-v-5cdac2b9]::-ms-input-placeholder {
    direction: rtl;
}
[dir="rtl"] .note-rect .note-article[data-v-5cdac2b9]:-ms-input-placeholder {
    direction: rtl;
}
[dir="rtl"] .note-rect .note-article[data-v-5cdac2b9]::placeholder {
    direction: rtl;
}
.edit.note-rect .note-article[data-v-5cdac2b9]{
    border-color:transparent;
    background-color: transparent;
}
.edit.note-rect .note-article[data-v-5cdac2b9]:focus {
    outline: none !important;
    border-color:transparent;
    background-color: transparent;
}
.view.note-rect .note-article[data-v-5cdac2b9]{
    border-color:transparent;
    background-color: transparent;
}
.view.note-rect .note-article[data-v-5cdac2b9]:focus {
    outline: none !important;
    border-color:transparent;
    background-color: transparent;
}
.note-rect .note-footer[data-v-5cdac2b9]{
    height: 37px;
    width:100%;
    margin: 0;
    bottom: 0;
    position: absolute;
}
.note-rect .note-footer .note-button[data-v-5cdac2b9]{
    float: right;
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    color: #A6AAAD;
    cursor: pointer;
    text-align: center;
    margin: 5px 11px;
}
.note-rect .note-footer .note-button[data-v-5cdac2b9]:hover{
    color: rgb(89, 97, 104);
}
.note-rect .note-footer .note-border-color[data-v-5cdac2b9] {
    top: 7px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    float: left;
    margin: 7px -10px 3px 14px;
    background-color: transparent;
    border-style: solid;
    border-width: 2px;
    cursor: pointer;
    border-color:transparent;
}
.note-rect .note-footer .note-color[data-v-5cdac2b9]{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 2px;
    cursor: pointer;
}
.note-rect .note-footer .note-time[data-v-5cdac2b9]{
    width: auto;
    /*font-family: Open Sans,Helvetica,Arial,sans-serif;*/
    resize: none;
    font-size: 12px;
    line-height: 11px;
    margin: 11px 18px;
    float: left;
    color:#A6AAAD;
}
.view.note-rect .note-footer .note-border-color[data-v-5cdac2b9],
.view.note-rect .note-footer .note-delete-button[data-v-5cdac2b9] {
    display: none;
}
.note-delete-button .svg-icon[data-v-5cdac2b9] {
    width: 22px;
    height: 22px;
    fill: #a6aaad;
}
.note-delete-button .svg-icon[data-v-5cdac2b9]:hover {
    fill: #596168;
}
.edit.note-rect .note-footer .note-time[data-v-5cdac2b9]{
    display: none;
}
.note-delete-dialog[data-v-5cdac2b9] {
    position: relative;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f6f6;
    border-radius: 5px;
    overflow-y: auto;
}
.note-delete-dialog.show-dialog[data-v-5cdac2b9] {
    display: block;
}
.note-delete-dialog-text[data-v-5cdac2b9] {
    position: absolute;
    top: 5px;
    bottom: 50px;
    color: rgba(68, 68, 68, .8);
    font-size: 0.8em;
    line-height: normal;
    left: 20px;
    right: 20px;
}
.note-delete-dialog-text-flex[data-v-5cdac2b9] {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.note-delete-dialog-buttons[data-v-5cdac2b9] {
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: 0;
    text-align: center;
}
.note-delete-dialog-cancel[data-v-5cdac2b9],
.note-delete-dialog-confirm[data-v-5cdac2b9] {
    display: inline-block;
    max-width: 200px;
    min-width: 50px;
    font-size: 13px;
    cursor: pointer;
    height: 30px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    margin: 5px;
    background-color: #d7dce0;
    color: #586167;
}

.flip-me-container[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    z-index: 15000;
    pointer-events: none;
}
.flip-me-mask[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    overflow: hidden;
    z-index: 100001;
}
.flip-me-shift-page[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
}
.flip-me-next-page[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    background-position: 0% 0;
    background-size:  auto 100%;
}
.flip-me-backface[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    background-position: 0% 0;
    background-size: auto 100%;
    overflow: hidden;
    z-index: 100000;
}
.flip-me-gradient[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: 0px;
    left: 0px;
    z-index: 1;
    -webkit-transform: translateZ(1px);
            transform: translateZ(1px);
}
.flip-me-gradient2[data-v-3394bb30]{
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .45)), color-stop(1%, rgba(255, 255, 255, .15)), color-stop(5.5%, rgba(255, 255, 255, .45)), color-stop(21%, rgba(0, 0, 0, .208)), to(transparent));
    background: linear-gradient(right, rgba(255, 255, 255, .45), rgba(255, 255, 255, .15) 1%, rgba(255, 255, 255, .45) 5.5%, rgba(0, 0, 0, .208) 21%, transparent 100%);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, .45), rgba(255, 255, 255, .15) 1%, rgba(255, 255, 255, .45) 5.5%, rgba(0, 0, 0, .208) 21%, transparent 100%);
}
.flip-me-container.left .flip-me-gradient2[data-v-3394bb30]{
    right: 0px;
    left: auto;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .45)), color-stop(1%, rgba(255, 255, 255, .15)), color-stop(5.5%, rgba(255, 255, 255, .45)), color-stop(21%, rgba(0, 0, 0, .208)), to(transparent));
    background: linear-gradient(left, rgba(255, 255, 255, .45), rgba(255, 255, 255, .15) 1%, rgba(255, 255, 255, .45) 5.5%, rgba(0, 0, 0, .208) 21%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .45), rgba(255, 255, 255, .15) 1%, rgba(255, 255, 255, .45) 5.5%, rgba(0, 0, 0, .208) 21%, transparent 100%);
}
.flip-me-image[data-v-3394bb30] {
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    user-drag: none;
}

/* Fixing the stub page border */
.flip-me-container img.flip-me-image[data-v-3394bb30]:not([src]) {
    opacity: 0;
}
.page
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
    margin: auto;
}
.page .touch-layer {
    z-index: 11;
    position: absolute;
}
.page .background,
.page .preloader-th
{
    position: absolute;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.page .background img,
.page .preloader-th img
{
    position: absolute;

    width: 100%;
    height: 100%;
}

/* Fixing the glitch that image with no src attr set has a border */
.page .background img[src=''],
.page .background img:not([src]),
.page .preloader-th img[src=''],
.page .preloader-th img:not([src]){
    opacity:0;
}
.page .content
{
    position: absolute;

    margin: auto;
}
.page .content > div
{
    position: absolute;
}
.page.bordered
{
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;

    overflow: visible;

    -webkit-box-sizing: content-box;

            box-sizing: content-box;

    border: 1px solid rgba(39, 47, 55, .1);
}
.page.bordered > .background
{
    top: -1px;
    left: -1px;

    -webkit-box-sizing: content-box;

            box-sizing: content-box;

    border: 1px solid #979797;
}
.page .page-preloader
{
    position: absolute;
    z-index: 100;

    width: 100%;
    height: 100%;
    pointer-events: none;
}
.page .preloader-th
{
    z-index: 1;
}
.page .preloader-container
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

            transform: translateX(-50%) translateY(-50%);
}
.page.unready .page-preloader .preloader-bg
{
    width: 90px;
    height: 90px;
    margin: auto;

    background: url(./img/page-unready_55dd142.gif) no-repeat center;
    background-size: contain;
}
.page.error .page-preloader .preloader-bg
{
    width: 82px;
    height: 63px;
    margin: auto;

    background: url(./img/page-error_023a46d.png) no-repeat center;
    background-size: contain;
}
.page.unready .page-preloader .preloader-text
{
    font-size: 12px;
    line-height: 17px;

    max-width: 275px;

    text-align: center;
}
html[lang=ru] .page.unready .page-preloader  .preloader-text {
    max-width: 225px;
}
html[lang=nl] .page.unready .page-preloader  .preloader-text {
    max-width: 200px;
}
html[lang=it] .page.unready .page-preloader  .preloader-text {
    max-width: 175px;
}
html[lang=ja] .page.unready .page-preloader  .preloader-text {
    max-width: 150px;
}
.page.unready .page-preloader .preloader-text.light
{
    color: #ecf0f1;
}
.page.unready .page-preloader .preloader-text.dark
{
    color: #354353;
}
.page.error .page-preloader .preloader-header
{
    font-size: 14px;
    font-weight: 600;

    min-width: 120px;
    margin: 10px;

    text-align: center;
}
.page.error .page-preloader .preloader-text
{
    font-size: 12px;
    line-height: 17px;

    max-width: 275px;

    text-align: center;
}
.page.error.dark .page-preloader .preloader-header,
.page.error.dark .page-preloader .preloader-text
{
    color: #ecf0f1;
}
.page.error.light .page-preloader .preloader-header,
.page.error.light .page-preloader .preloader-tex
{
    color: #354353;
}
.page.thumb.loading .page-preloader .preloader-bg,
.page.thumb.loading .page-preloader .preloader-animation,
.page.thumb.unready .page-preloader .preloader-bg,
.page.thumb.error .page-preloader .preloader-bg
{
    background-size: 50%;
}
.page.thumb .page-preloader .preloader-text,
.page.thumb .page-preloader .preloader-header
{
    display: none;
}
.page .highlights
{
    position: absolute;
}
.page .highlights div
{
    position: absolute;

    opacity: .6;
}
.page .touch-layer::before,
.page.selecttext-stripe .selecttext::before
{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    width: 5%;
    height: 100%;
    cursor: pointer;
}
.page .touch-layer::before
{
    z-index: 1;
}
.page.left-stripe .touch-layer::before,
.page.left-stripe .selecttext::before
{
    left: 0;
}
.page.right-stripe .touch-layer::before,
.page.right-stripe .selecttext::before
{
    left: auto;
    left: initial;
    right: 0;
}
.page.content-inactive .touch-layer::before,
.page.content-inactive .selecttext::before
{
    display: none;
}
.static-book .fade-enter-active,
.static-book .fade-leave-active
{
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.static-book .fade-enter,
.static-book .fade-leave-to
{
    opacity: 0;
}
.desktop .page-fade-leave-active
{
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
}
.desktop .page-fade-leave-to
{
    opacity: 0;
}
.desktop .svg-layer.svg-layer-not-current
{
    will-change: transform;
}

.content .content-element {
    position: absolute;
    cursor: pointer;
}
.content .content-element .thumbnail
{
    position: absolute;

    width: 100%;
    height: 100%;

    -webkit-transform: scale(1) translateZ(0);

            transform: scale(1) translateZ(0);

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.main-frame:not(.ie11) .static-book .content .content-element .thumbnail,
.main-frame:not(.ie11) .book-container:not(.animation) .slide-book .content .content-element .thumbnail
{
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}
.content .play-button
{
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;

    width: 51px;
    height: 51px;

    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) scale(.9) translateZ(0);
            transform: translate(-50%, -50%) scale(.9) translateZ(0);

    opacity: .7;
    border-radius: 50%;
    background-color: #272f37;
}
.main-frame:not(.ie11) .static-book .content .play-button,
.main-frame:not(.ie11) .book-container:not(.animation) .slide-book .content .play-button
{
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: opacity .3s ease-in-out, -webkit-transform .15s ease-in-out;
    transition: opacity .3s ease-in-out, transform .15s ease-in-out;
    transition: opacity .3s ease-in-out, transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
}
.main-frame.edge .static-book .content .play-button,
.main-frame.edge .slide-book .content .play-button
{
    -webkit-transition: none;
    transition: none;
}
.content .play-button .svg-icon
{
    width: 100%;
    height: 100%;
}
.content .play-button svg
{
    width: 100%;
    height: 100%;
}
.content .play-button.hidden
{
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 0;
}
.content .play-button.highlighted,
.highlighted .content .play-button,
.content-element.highlighted .play-button,
.desktop .content .content-element:hover .play-button
{
    -webkit-transform: translate(-50%, -50%) scale(1) translateZ(0);
            transform: translate(-50%, -50%) scale(1) translateZ(0);
    opacity: .8;
}

.content .block
{
    opacity: 0;
}

.content a.link
{
    display: block;

    width: 100%;
    height: 100%;

    cursor: pointer;

    opacity: 0;
}
.book-holder .content a.link{
    display: none;
}
.book-holder.static-book .content a.link,
.slide-book .content a.link
{
    display: block;
}
.main-frame:not(.ie11) .book-holder.static-book .content a.link,
.main-frame:not(.ie11) .slide-book .content a.link
{
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.desktop .content a.link.hover:hover,
.highlighted .content a.link.flip,
.content a.link.highlighted
{
    opacity: 1;
}
.desktop .book-holder.static-book .content-inactive .content a,
.desktop .slide-book .content-inactive .content a.link
{
    display: none;
}
.modal-window-overlay[data-v-50c8fe48]
{
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;
    width: 100%;
    height: 100vh;

    opacity: 1;
    background: rgba(0, 0, 0, .5);
}
.modal-window-background-click[data-v-50c8fe48]
{
    width: 100%;
    min-height: 100%;
    padding-bottom: 10px;
}
.modal-window[data-v-50c8fe48]
{
    position: absolute;

    padding: 0;

    -webkit-box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);

            box-shadow: 0 20px 60px -2px rgba(27, 33, 58, .4);
}
.overlay-enter-active[data-v-50c8fe48],
.overlay-leave-active[data-v-50c8fe48]
{
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay-enter[data-v-50c8fe48],
.overlay-leave-active[data-v-50c8fe48]
{
    opacity: 0;
}
.modal-enter-active[data-v-50c8fe48],
.modal-leave-active[data-v-50c8fe48]
{
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.modal-enter[data-v-50c8fe48],
.modal-leave-active[data-v-50c8fe48]
{
    opacity: 0;
}
.modal-window .modal-preloader[data-v-50c8fe48]
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;

    width: 64px;
    height: 64px;

    -webkit-transition: opacity .2s ease-in-out;

    transition: opacity .2s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    pointer-events: none;

    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
}
.modal-window .modal-close[data-v-50c8fe48] {
    width: 28px;
    height: 28px;
    position: absolute;
    top: -28px;
    right: -28px;
    cursor: pointer;
    z-index: 2;
}
div[dir="rtl"] .modal-window .modal-close[data-v-50c8fe48] {
    right: auto;
    right: initial;
    left: -28px;
}
.modal-window .modal-close > svg[data-v-50c8fe48] {
    width: 100%;
    height: 100%;
    fill: #fff;
}
.content .image {
    z-index: 1;
    overflow: hidden;
}
.touch-preventer-full
{
    position: absolute;
    z-index: 2;
    top: 0;

    width: 100%;
    height: 100%;
}
.content .image.inline {
    cursor: inherit;
}
.drag-active .book-stopped .content .image.inline {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.content .image:not(.inline):hover .thumbnail,
.content .image.highlighted:not(.inline) .thumbnail {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
}

.content .gallery
{
    opacity: .7;
    color: #fff;
    background-color: #999;
}


.content .gif.playing .play-button,
.content .gif.loading .play-button,
.content .gif.playing:hover .play-button,
.content .gif.loading:hover .play-button,
.content .gif.autoplay .play-button,
.content .gif.ended .play-button
{
    opacity: 0 !important;
}
.content .gif .image
{
    position: absolute;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.content .gif .image img
{
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.content .gif .preloader
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;

    width: 32px;
    height: 32px;


    -webkit-transform: translate(-50%, -50%);


            transform: translate(-50%, -50%);
    pointer-events: none;

    opacity: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3);
}
.main-frame:not(.ie11) .content .gif .preloader
{
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.content .gif .replay
{
    position: absolute;
    right: 7px;
    bottom: 7px;

    width: 20px;
    height: 20px;
    padding: 5px;

    z-index: 2;

    opacity: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .5);
}
.main-frame:not(.ie11) .content .gif .replay
{
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
.content .gif.ended .replay
{
    display: block;

    opacity: .7;
}
.content .gif.ended:hover .replay
{
    cursor: pointer;

    opacity: 1;
}
.content .gif .replay svg
{
    width: 100%;
    height: 100%;

    fill: #fff;
}
.content .gif.playing .thumbnail
{
    opacity: 0;
}
.main-frame:not(.ie11) .static-book .content .gif.playing .thumbnail
{
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.content .gif.loading .preloader
{
    opacity: 1;
}

.vimeo-player
{
}

.content .content-element.video {
    will-change: transform;
}
.content .content-element.video .play-button
{
    width: 64px;
    height: 64px;
}
.content .content-element.video iframe
{
    position: absolute;

    width: 100%;
    height: 100%;
}
.content .content-element.video .player
{
    width: 100%;
    height: 100%;
}
.content .content-element.video .player .w-focus-border {
    border: none !important;
}
.modal-window .w-focus-border {
    border: none !important;
}
.touch-preventer {
    position: absolute;
    z-index: 2;
    top: 0;

    width: 100%;
    height: 100%;
}
.touch-preventer {
    height: calc(100% - 60px);
}
.touch-preventer.small.vimeo {
    height: calc(100% - 45px);
}
.touch-preventer.small.youtube {
    height: calc(100% - 30px);
}
.select-text-panel[data-v-5a5957c5] {
    position: absolute;
    background: #494949;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 7px 0 rgba(11, 31, 51, .35);
            box-shadow: 0 5px 7px 0 rgba(11, 31, 51, .35);
    font-size: 13px;
    line-height: 13px;
    padding: 0 5px;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    z-index: 10000;
}
.select-text-panel.bottom[data-v-5a5957c5] {
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
}
.select-text-panel.bottom.right-side[data-v-5a5957c5] {
    -webkit-transform: translate(50%, 10px);
            transform: translate(50%, 10px);
}
.select-text-panel.bottom .pointer[data-v-5a5957c5] {
    position: absolute;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
            transform: translate(-50%, -100%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #494949 transparent;
}
.select-text-panel.top[data-v-5a5957c5] {
    -webkit-transform: translate(-50%, -40px);
            transform: translate(-50%, -40px);
}
.select-text-panel.top.right-side[data-v-5a5957c5] {
    -webkit-transform: translate(50%, -40px);
            transform: translate(50%, -40px);
}
.select-text-panel.top .pointer[data-v-5a5957c5] {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 10px);
            transform: translate(-50%, 10px);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 9px 0 9px;
    border-color: #494949 transparent transparent transparent;
}
.select-text-panel .button[data-v-5a5957c5] {
    display: inline-block;
    padding: 8px 6px;
    color: #cccccc;
}
.select-text-panel .button[data-v-5a5957c5]:hover {
    color: #dddddd;
    cursor: pointer;
}
.select-text-panel .divider[data-v-5a5957c5] {
    display: inline-block;
    color: #999999;
}
.select-text-panel.panel-fade-enter-active[data-v-5a5957c5]
{
    -webkit-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
}
.select-text-panel.panel-fade-leave-active[data-v-5a5957c5] {
    -webkit-transition: opacity .1s .5s ease-out;
    transition: opacity .1s .5s ease-out;
}
.select-text-panel.panel-fade-leave-active.quick-leave[data-v-5a5957c5] {
    -webkit-transition: opacity 0s ease-out;
    transition: opacity 0s ease-out;
}
.select-text-panel.panel-fade-enter[data-v-5a5957c5], .select-text-panel.panel-fade-leave-to[data-v-5a5957c5]
{
    opacity: 0;
}
.flip-book
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.flip-book.zoomed {
    overflow: hidden;
}
.animation .flip-book {
    z-index: 4;
}
.book-holder
{
    position: absolute;
    pointer-events: auto;
}
.edge .book-holder.moving-hard{
    position: fixed;
}
.book
{
    position: absolute;

    opacity: 1;
    /*border: 1px dashed black;*/
    /*opacity: 0.2;*/

    -webkit-perspective: 3000px;

            perspective: 3000px;
    z-index: 2;
    pointer-events: none;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); /*фикс координат для того что бы position:fixed у элементов на
                                        странице работал относительно книги, а не window,
                                        трансформация меняет систему координат для позиционирования*/
}
.book.hard:before{
    content: '';
    background-color: white;
    position: absolute;
    -webkit-box-shadow: 0 0 3px #868686;
            box-shadow: 0 0 3px #868686;
}
.book.hard.full-sdw:after{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .16)), color-stop(0.15%, rgba(0, 0, 0, 0)), color-stop(99.85%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(right, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.15%, rgba(0, 0, 0, 0) 99.85%, rgba(0, 0, 0, .16) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to left, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.15%, rgba(0, 0, 0, 0) 99.85%, rgba(0, 0, 0, .16) 100%);
    content: '';
    position: absolute;
}
.book.hard.lft-sdw:after{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, right top, left top, color-stop(-10%, rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(right, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to left, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%);
    content: '';
    position: absolute;
}
.book.hard.rgt-sdw:after{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(left, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to right, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%);
    content: '';
    position: absolute;
}
.hard-mask .page-flip-container.outside.z1,
.hard-mask .page-flip-container.inside.z1,
.book.hard.rgt-sdw:before,
.book.hard.rgt-sdw:after
{
    border-radius: 0 5px 5px 0;
}
.hard-mask .page-flip-container.inside.z3,
.hard-mask .page-flip-container.outside.z3,
.book.hard.lft-sdw:before,
.book.hard.lft-sdw:after
{
    border-radius: 5px 0 0 5px;
}
.single-page .hard-mask .page-flip-container.outside.z1,
.single-page .hard-mask .page-flip-container.inside.z1,
.single-page .book.hard.rgt-sdw:before,
.single-page .book.hard.rgt-sdw:after,
.single-page .hard-mask .page-flip-container.inside.z3,
.single-page .hard-mask .page-flip-container.outside.z3,
.single-page .book.hard.lft-sdw:before,
.single-page .book.hard.lft-sdw:after
{
    border-radius: 5px;
}
.book.hard.full-sdw:before,
.book.hard.full-sdw:after {
    border-radius: 5px;
}
.moving-hard .hard-mask .inside:before{
    position: absolute;
    content: '';
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, right top, left top, color-stop(-10%, rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .26)), color-stop(2%, rgba(0, 0, 0, .33)), color-stop(2%, rgba(0, 0, 0, .10)), color-stop(2.5%, rgba(0, 0, 0, 0)), color-stop(7%, rgba(0, 0, 0, .05)), color-stop(50%, rgba(0, 0, 0, .0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(right, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(right, rgba(0, 0, 0, .26) 0%, rgba(0, 0, 0, .33) 2%, rgba(0, 0, 0, .10) 2%, rgba(0, 0, 0, 0) 2.5%, rgba(0, 0, 0, .05) 7%, rgba(0, 0, 0, .0) 50%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to left, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to left, rgba(0, 0, 0, .26) 0%, rgba(0, 0, 0, .33) 2%, rgba(0, 0, 0, .10) 2%, rgba(0, 0, 0, 0) 2.5%, rgba(0, 0, 0, .05) 7%, rgba(0, 0, 0, .0) 50%);
    width: 100%;
    height: 100%;
    z-index: 0;
}
.moving-hard .hard-mask .inside.z1:before{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, left top, right top, color-stop(-10%, rgba(0, 0, 0, .16)), color-stop(0.3%, rgba(0, 0, 0, 0)), color-stop(99.7%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .16))),
    -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .26)), color-stop(2%, rgba(0, 0, 0, .33)), color-stop(2%, rgba(0, 0, 0, .10)), color-stop(2.5%, rgba(0, 0, 0, 0)), color-stop(7%, rgba(0, 0, 0, .05)), color-stop(50%, rgba(0, 0, 0, .0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(left, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    -webkit-linear-gradient(left, rgba(0, 0, 0, .26) 0%, rgba(0, 0, 0, .33) 2%, rgba(0, 0, 0, .10) 2%, rgba(0, 0, 0, 0) 2.5%, rgba(0, 0, 0, .05) 7%, rgba(0, 0, 0, .0) 50%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to right, rgba(0, 0, 0, .16) -10%, rgba(0, 0, 0, 0) 0.3%, rgba(0, 0, 0, 0) 99.7%, rgba(0, 0, 0, .16) 100%),
    linear-gradient(to right, rgba(0, 0, 0, .26) 0%, rgba(0, 0, 0, .33) 2%, rgba(0, 0, 0, .10) 2%, rgba(0, 0, 0, 0) 2.5%, rgba(0, 0, 0, .05) 7%, rgba(0, 0, 0, .0) 50%);
}
.flip-book .hard-mask .outside.z1:before,
.flip-book .hard-mask .outside.z3:after
{
    position: absolute;
    content: '';
    background-position: 0 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    opacity: 1;
    pointer-events: none;
}
.flip-book .hard-mask .outside.z1:before,
.flip-book .hard-mask .outside.z3:after {
    background-size: 100% 100%;
}
.flip-book.landscape .hard-mask .outside.z1:before,
.flip-book.landscape .hard-mask .outside.z3:after  {
    background-image: url(./img/cover-mask-landscape_1eda243.png);
}
.flip-book.portrait .hard-mask .outside.z1:before,
.flip-book.portrait .hard-mask .outside.z3:after  {
    background-image: url(./img/cover-mask-portrait_702037d.png);
}
.flip-book.square .hard-mask .outside.z1:before,
.flip-book.square .hard-mask .outside.z3:after  {
    background-image: url(./img/cover-mask-square_b1388dd.png);
}
.flip-book.single-page .hard-mask .outside.z1:before,
.flip-book.single-page .hard-mask .outside.z3:after  {
    background-image: none;
}
.flip-book .hard-mask .outside.z3:after {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
}
.flip-book .hard-mask .inside.z3:after,
.flip-book .hard-mask .inside.z1:after {
    content: '';
    position: absolute;
    z-index: 12;
    pointer-events: none;
}
.flip-book .hard-mask .gradient-zero.inside.z3:after,
.flip-book .hard-mask .gradient-zero.inside.z1:after {
    display: none;
}
.flip-book .hard-mask .gradient-light.inside.z3:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .09)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .09), transparent 3%);
    background: linear-gradient(to left, rgba(0, 0, 0, .09), transparent 3%);
}
.flip-book .hard-mask .gradient-light.inside.z1:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .09)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .09), transparent 3%);
    background: linear-gradient(to right, rgba(0, 0, 0, .09), transparent 3%);
}
.flip-book .hard-mask .gradient-middle.inside.z3:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .15)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .15), transparent 3%);
    background: linear-gradient(to left, rgba(0, 0, 0, .15), transparent 3%);
}
.flip-book .hard-mask .gradient-middle.inside.z1:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .15)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .15), transparent 3%);
    background: linear-gradient(to right, rgba(0, 0, 0, .15), transparent 3%);
}
.flip-book .hard-mask .gradient-dark.inside.z3:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .23)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .23), transparent 3%);
    background: linear-gradient(to left, rgba(0, 0, 0, .23), transparent 3%);
}
.flip-book .hard-mask .gradient-dark.inside.z1:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .23)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .23), transparent 3%);
    background: linear-gradient(to right, rgba(0, 0, 0, .23), transparent 3%);
}
.flip-book .hard-mask .gradient-max.inside.z3:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .27)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .27), transparent 3%);
    background: linear-gradient(to left, rgba(0, 0, 0, .27), transparent 3%);
}
.flip-book .hard-mask .gradient-max.inside.z1:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .27)), color-stop(3%, transparent));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .27), transparent 3%);
    background: linear-gradient(to right, rgba(0, 0, 0, .27), transparent 3%);
}
.portrait.mobile .flip-book:not(.rtl) .hard-mask .gradient-zero.inside.z3:empty:after,
.portrait.mobile .flip-book.rtl .hard-mask .gradient-zero.inside.z1:empty:after {
    display: block;
    background: #ffffff;
}
.portrait.mobile .flip-book:not(.rtl) .hard-mask .gradient-light.inside.z3:empty:after {
    background: -webkit-gradient(linear, right top, left top, from(#e8e8e8), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(right, #e8e8e8, #ffffff 3%);
    background: linear-gradient(to left, #e8e8e8, #ffffff 3%);
}
.portrait.mobile .flip-book.rtl .hard-mask .gradient-light.inside.z1:empty:after {
    background: -webkit-gradient(linear, left top, right top, from(#e8e8e8), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(left, #e8e8e8, #ffffff 3%);
    background: linear-gradient(to right, #e8e8e8, #ffffff 3%);
}
.portrait.mobile .flip-book:not(.rtl) .hard-mask .gradient-middle.inside.z3:empty:after {
    background: -webkit-gradient(linear, right top, left top, from(#d9d9d9), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(right, #d9d9d9, #ffffff 3%);
    background: linear-gradient(to left, #d9d9d9, #ffffff 3%);
}
.portrait.mobile .flip-book.rtl .hard-mask .gradient-middle.inside.z1:empty:after {
    background: -webkit-gradient(linear, left top, right top, from(#d9d9d9), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(left, #d9d9d9, #ffffff 3%);
    background: linear-gradient(to right, #d9d9d9, #ffffff 3%);
}
.portrait.mobile .flip-book:not(.rtl) .hard-mask .gradient-dark.inside.z3:empty:after {
    background: -webkit-gradient(linear, right top, left top, from(#c4c4c4), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(right, #c4c4c4, #ffffff 3%);
    background: linear-gradient(to left, #c4c4c4, #ffffff 3%);
}
.portrait.mobile .flip-book.rtl .hard-mask .gradient-dark.inside.z1:empty:after {
    background: -webkit-gradient(linear, left top, right top, from(#c4c4c4), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(left, #c4c4c4, #ffffff 3%);
    background: linear-gradient(to right, #c4c4c4, #ffffff 3%);
}
.portrait.mobile .flip-book:not(.rtl) .hard-mask .gradient-max.inside.z3:empty:after {
    background: -webkit-gradient(linear, right top, left top, from(#bababa), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(right, #bababa, #ffffff 3%);
    background: linear-gradient(to left, #bababa, #ffffff 3%);
}
.portrait.mobile .flip-book.rtl .hard-mask .gradient-max.inside.z1:empty:after {
    background: -webkit-gradient(linear, left top, right top, from(#bababa), color-stop(3%, #ffffff));
    background: -webkit-linear-gradient(left, #bababa, #ffffff 3%);
    background: linear-gradient(to right, #bababa, #ffffff 3%);
}


/*ТЕНИ ОТ КНИГИ В СКИНАХ!*/
.page-flip-container
{
    position: absolute;

    overflow: hidden;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;


    /*border: 1px solid #c5cfdc;*/
}
.mobile .flip-book .page-flip-container
{
    overflow: scroll;
    -ms-overflow-style: none; /* ie hide scrollbars */
    scrollbar-width: none; /* ff hide scrollbars */
}
.mobile .flip-book .page-flip-container::-webkit-scrollbar {
    display: none; /* else browsers hide scrollbars */
}
.hard-mask .page-flip-container {
    background-color: transparent;
}
.hard-mask .page-flip-container.inside .page:empty {
    background-color: #fff;
}
.mask
{
    position: absolute;
    opacity: 1;
    pointer-events: auto;
}
.mask.work
{
    z-index: 100;
    overflow: hidden;
}
.mask[data-page="0-0"] {
    pointer-events: none;
}
.flip-grad
{
    position: absolute;
    z-index: 2;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;


    /*background: rgba(0, 0, 255, 0.6);*/
    /*border: 1px dashed #000;*/
    /*background: -webkit-linear-gradient(right, transparent 0%, rgba(0,0,0,0.35) 5.5%, rgba(0,0,0,0.22) 18.5%, transparent 100%);*/
}
.vis
{
    display: block;
}
.left
{
    left: 0;
}
.work .right-page
{
    left: auto;
}
.zindex
{
    z-index: -1;
}
.reflex-container
{
    position: absolute;
    z-index: 75;

    overflow: hidden;
    pointer-events: none;
}
.inner-reflex,
.inner-reflex-bottom
{
    position: absolute;


    /*background-color: rgba(255, 0, 0, 0.55);*/


    /*background: -webkit-linear-gradient(right, rgba(0,0,0,0.55) 0%, transparent 100%);*/
}
.reflex-container2
{
    position: absolute;

    overflow: hidden;

    -webkit-transition-property: width;
}
.lft-sdw .reflex-container2
{
    visibility: hidden;
}
.z1
{
    z-index: 1;
}
.z2
{
    z-index: 2;
}
.z3
{
    z-index: 3;
}
.z4
{
    z-index: 4;
}
.reflex-left:before,
.reflex-right:before,
.reflex-first:before
{
    position: absolute;
    z-index: 10000;

    content: '';
    pointer-events: none;

    -ms-touch-action: none;

        touch-action: none;
}
.reflex-left:before
{
    right: 0;
}
.reflex-right:before
{
    left: 0;
}
.reflex-first:before
{
    left: 0;
}
.gradient-zero.reflex-left:before
{
    opacity: 0;
}
.gradient-light.reflex-left:before
{
    background:         -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .09)), color-stop(16%, rgba(255, 255, 255, .05)), color-stop(18%, rgba(255, 255, 255, .05)), to(transparent));
    background:         linear-gradient(to left, rgba(0, 0, 0, .09), rgba(255, 255, 255, .05) 16%, rgba(255, 255, 255, .05) 18%, transparent);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .09), rgba(255, 255, 255, .05) 16%, rgba(255, 255, 255, .05) 18%, transparent);
}
.gradient-middle.reflex-left:before
{
    background:         -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .15)), color-stop(16%, rgba(255, 255, 255, .1)), color-stop(18%, rgba(255, 255, 255, .1)), to(transparent));
    background:         linear-gradient(to left, rgba(0, 0, 0, .15), rgba(255, 255, 255, .1) 16%, rgba(255, 255, 255, .1) 18%, transparent);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .15), rgba(255, 255, 255, .1) 16%, rgba(255, 255, 255, .1) 18%, transparent);
}
.gradient-dark.reflex-left:before
{
    background:         -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .23)), color-stop(16%, rgba(255, 255, 255, .2)), color-stop(18%, rgba(255, 255, 255, .2)), to(transparent));
    background:         linear-gradient(to left, rgba(0, 0, 0, .23), rgba(255, 255, 255, .2) 16%, rgba(255, 255, 255, .2) 18%, transparent);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .23), rgba(255, 255, 255, .2) 16%, rgba(255, 255, 255, .2) 18%, transparent);
}
.gradient-max.reflex-left:before
{
    background:         -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .27)), color-stop(16%, rgba(255, 255, 255, .3)), color-stop(18%, rgba(255, 255, 255, .3)), to(transparent));
    background:         linear-gradient(to left, rgba(0, 0, 0, .27), rgba(255, 255, 255, .3) 16%, rgba(255, 255, 255, .3) 18%, transparent);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, .27), rgba(255, 255, 255, .3) 16%, rgba(255, 255, 255, .3) 18%, transparent);
}
.gradient-zero.reflex-right:before
{
    opacity: 0;
}
.gradient-light.reflex-right:before
{
    background:         -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .11)), color-stop(15%, rgba(255, 255, 255, .03)), color-stop(16%, rgba(255, 255, 255, .03)), to(transparent));
    background:         linear-gradient(to right, rgba(0, 0, 0, .11), rgba(255, 255, 255, .03) 15%, rgba(255, 255, 255, .03) 16%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .11), rgba(255, 255, 255, .03) 15%, rgba(255, 255, 255, .03) 16%, transparent 100%);
}
.gradient-middle.reflex-right:before
{
    background:         -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .17)), color-stop(15%, rgba(255, 255, 255, .06)), color-stop(16%, rgba(255, 255, 255, .06)), to(transparent));
    background:         linear-gradient(to right, rgba(0, 0, 0, .17), rgba(255, 255, 255, .06) 15%, rgba(255, 255, 255, .06) 16%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .17), rgba(255, 255, 255, .06) 15%, rgba(255, 255, 255, .06) 16%, transparent 100%);
}
.gradient-dark.reflex-right:before
{
    background:         -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .25)), color-stop(15%, rgba(255, 255, 255, .12)), color-stop(16%, rgba(255, 255, 255, .12)), to(transparent));
    background:         linear-gradient(to right, rgba(0, 0, 0, .25), rgba(255, 255, 255, .12) 15%, rgba(255, 255, 255, .12) 16%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .25), rgba(255, 255, 255, .12) 15%, rgba(255, 255, 255, .12) 16%, transparent 100%);
}
.gradient-max.reflex-right:before
{
    background:         -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .29)), color-stop(15%, rgba(255, 255, 255, .19)), color-stop(16%, rgba(255, 255, 255, .19)), to(transparent));
    background:         linear-gradient(to right, rgba(0, 0, 0, .29), rgba(255, 255, 255, .19) 15%, rgba(255, 255, 255, .19) 16%, transparent 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .29), rgba(255, 255, 255, .19) 15%, rgba(255, 255, 255, .19) 16%, transparent 100%);
}
.page-flip-container.bottom
{
    display: none;
}
.work .page-flip-container.bottom
{
    display: block;
}
.flip-grad
{
    display: none;
}
.work .bottom .flip-grad
{
    display: block;
}
.reflex-container2
{
    display: none;
}
.work .reflex-container2
{
    display: block;
}
.debug-canvas
{
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;
}
.layer1
{
    z-index: 60;
}
.layer2
{
    z-index: 70;
}
.layer3
{
    z-index: 80;
}
.layer3.hard-mask
{
    z-index: 81;
}
.layer3.hard-mask.action
{
    z-index: 83;
}
.page-flip-container.break
{
    display: none;
}
.hard-mask
{
    position: absolute;

    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;

    -webkit-transform-style: preserve-3d;

            transform-style: preserve-3d;
    pointer-events: auto;
}
.hard-mask.hRight
{
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/*.book:hover .hard-mask*/
/*{*/
/*transform: rotateY(-140deg);*/
/*}*/
.hard-back,
.hard-front
{
    position: absolute;
    top: 0;
    left: 0;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hard-back
{
    z-index: 1;
}
.hard-front
{
    z-index: 2;

    -webkit-transform: rotateY(0deg);

            transform: rotateY(0deg);
    cursor: pointer;
}
.hard-front.page-flip-container {
    cursor: inherit;
}
.hard-back
{
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
}
.action.hard-mask
{
    -webkit-box-shadow: -30px 0 30px -17px rgba(0, 0, 0, .3);
            box-shadow: -30px 0 30px -17px rgba(0, 0, 0, .3);
}
.action.hard-mask.hRight
{
    -webkit-box-shadow: 30px 0 30px -17px rgba(0, 0, 0, .3);
            box-shadow: 30px 0 30px -17px rgba(0, 0, 0, .3);
}
.inner-reflex-mask
{
    position: absolute;

    overflow: hidden;
}
.inner-reflex-mask.last
{
    left: 0;
}
.last .inner-reflex
{
    margin-left: 0;
}
.reflex-left:before,
.reflex-right:before,
.reflex-first:before,
.hard-mask .inside.z3:after,
.hard-mask .inside.z1:after
{
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    opacity: 1;
}
.book-stopped .reflex-left:before,
.book-stopped .reflex-right:before,
.book-stopped .reflex-first:before,
.book-stopped .hard-mask .inside.z3:after,
.book-stopped .hard-mask .inside.z1:after
{
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    opacity: 0;
}
.book-stopped[data-frozen-by="note"] .reflex-left:before,
.book-stopped[data-frozen-by="note"] .reflex-right:before,
.book-stopped[data-frozen-by="note"] .reflex-first:before,
.book-stopped[data-frozen-by="note"] .stripe-layer.shadow,
.book-stopped[data-frozen-by="note"] .stripe-layer.stripe,
.book-stopped[data-frozen-by="note"] .book.hard:before,
.book-stopped[data-frozen-by="note"] .book.hard:after,
.book-stopped[data-frozen-by="note"] .hard-mask .outside.z1:before,
.book-stopped[data-frozen-by="note"] .hard-mask .outside.z3:after
{
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    opacity: 1;
    display: block;
}
.book-stopped {
    cursor: -webkit-grab;
    cursor: grab;
}
.drag-active .book-stopped {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.book-stopped.nodrag, .book-stopped.nodrag:active {
    cursor: default;
}

/*.book-stopped .reflex-left:before,*/
/*.book-stopped .reflex-right:before,*/
/*.book-stopped .reflex-first:before,*/
.book-stopped .layer2,
/*.book-stopped .z3,*/
.book-stopped .z2,
.book-stopped .reflex-container
{
    display: none;
}
.stripe-layer,
.book.hard:before, .book.hard:after,
.hard-mask .outside.z1:before, .hard-mask .outside.z3:after {
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.book-stopped .stripe-layer.shadow, .book-stopped .stripe-layer.stripe,
.book-stopped .book.hard:before, .book-stopped .book.hard:after,
.book-stopped .hard-mask .outside.z1:before, .book-stopped .hard-mask .outside.z3:after
{
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    opacity: 0;
}
.mobile .book-stopped .stripe-layer.shadow, .book-stopped .stripe-layer.stripe,
.mobile .book-stopped .book.hard:before, .book-stopped .book.hard:after,
.mobile .book-stopped .hard-mask .outside.z1:before, .book-stopped .hard-mask .outside.z3:after
{
    display: none;
}
.lightbox .inner-reflex,
.lightbox .inner-reflex-bottom {
    display: none;
}

/*.inner-reflex-bottom*/
/*{*/
/*    !*display: none;*!*/
/*    will-change: transform, background;*/
/*}*/

/*.layer3, .layer3>div{*/
/*    will-change: transform;*/
/*}*/

/*.layer3 .flip-grad, .layer3 .inner-reflex*/
/*{*/
/*    !*display: none;*!*/
/*    will-change: transform, background;*/
/*}*/
.stripe-layer{
    position: absolute;
    pointer-events: none;
}
.stripe-layer.stripe {
    z-index: 2;
}
.stripe-layer.shadow {
    z-index: 1;
}
.left-stripe-block, .right-stripe-block {
    pointer-events: auto;
}
.first-to-last .stripe-layer{
    display: none;
}
.first-to-last .book.lft-sdw:before, .first-to-last .book.rgt-sdw:before{
    display: none;
}
.first-to-last .book.lft-sdw:after, .first-to-last .book.rgt-sdw:after{
    display: none;
}
.left-stripe-block,
.right-stripe-block {
    height: 100%;
    position: absolute;
    z-index: 2;
}
.left-stripe-block {
    right: 100%;
}
.right-stripe-block {
    left: 100%;
}

/* buttons */
.book-holder .next-button, .book-holder .previous-button {
    z-index: 1;
    width: 0;
    height: 100%;
    position: absolute;
    cursor: pointer;
}
.book-holder .next-button svg, .book-holder .previous-button svg {
    pointer-events: none;
}
.book-holder.hard .next-button, .book-holder.hard .previous-button {
    height: 103%;
    top: -1.5%;
}
.book-holder.static-book .next-button, .book-holder.static-book .previous-button {
    z-index: 1000;
}

/*.next-button {*/
/*    right: -56px;*/
/*}*/

/*.previous-button {*/
/*    left: -56px;*/
/*}*/
.book-holder .svg-icon {
    width: 100%;
    height: 100%;
}
.book-holder .left-add-note {
    top: -2px;
    right: 0;
}
.book-holder .right-add-note {
    top: -2px;
}
.book-holder .icon-book-prev {
    top: 50%;
    right: 0;
    margin-top: -12px;
}
.book-holder .icon-book-next {
    top: 50%;
    margin-top: -12px;
}
.flip-book.arrow-attract-right .book-holder .icon-book-next {
    -webkit-animation: arrow-attract-right 3.5s ease-in-out 3s infinite;
            animation: arrow-attract-right 3.5s ease-in-out 3s infinite;
}
.flip-book.arrow-attract-left .book-holder .icon-book-prev {
    -webkit-animation: arrow-attract-left 3.5s ease-in-out 3s infinite;
            animation: arrow-attract-left 3.5s ease-in-out 3s infinite;
}
.book-holder .icon-book-first {
    bottom: -2px;
    right: 0;
}
.book-holder .icon-book-last {
    bottom: -2px;
}
.book-holder .left-add-note,
.book-holder .right-add-note,
.book-holder .icon-book-prev,
.book-holder .icon-book-next,
.book-holder .icon-book-first,
.book-holder .icon-book-last {
    position: absolute;
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@-webkit-keyframes arrow-attract-right {
9% {
        width: 38px;
        height: 38px;
        margin-left: 0;
        margin-top: -19px;
}
19% {
        margin-left: 7px;
}
29% {
        margin-left: 0;
}
39% {
        margin-left: 7px;
}
49% {
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-left: 0;
}
69% {
        width: 24px;
        height: 24px;
        margin-top: -12px;
}
}
@keyframes arrow-attract-right {
9% {
        width: 38px;
        height: 38px;
        margin-left: 0;
        margin-top: -19px;
}
19% {
        margin-left: 7px;
}
29% {
        margin-left: 0;
}
39% {
        margin-left: 7px;
}
49% {
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-left: 0;
}
69% {
        width: 24px;
        height: 24px;
        margin-top: -12px;
}
}
@-webkit-keyframes arrow-attract-left {
9% {
        width: 38px;
        height: 38px;
        margin-right: 0;
        margin-top: -19px;
}
19% {
        margin-right: 7px;
}
29% {
        margin-right: 0;
}
39% {
        margin-right: 7px;
}
49% {
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-right: 0;
}
69% {
        width: 24px;
        height: 24px;
        margin-top: -12px;
}
}
@keyframes arrow-attract-left {
9% {
        width: 38px;
        height: 38px;
        margin-right: 0;
        margin-top: -19px;
}
19% {
        margin-right: 7px;
}
29% {
        margin-right: 0;
}
39% {
        margin-right: 7px;
}
49% {
        width: 38px;
        height: 38px;
        margin-top: -19px;
        margin-right: 0;
}
69% {
        width: 24px;
        height: 24px;
        margin-top: -12px;
}
}
.main-frame.light-shadows .flip-grad,
.main-frame.light-shadows .reflex-container,
.main-frame.light-shadows .reflex-container2,
.main-frame.light-shadows .reflex-left:before,
.main-frame.light-shadows .reflex-right:before,
.main-frame.light-shadows .reflex-first:before {
    opacity: 0.7;
}

/* chromium 53 problem with overflow:hidden & opacity */
.main-frame.light-shadows.publisher .flip-grad,
.main-frame.light-shadows.publisher .reflex-container,
.main-frame.light-shadows.publisher .reflex-container2,
.main-frame.light-shadows.publisher .reflex-left:before,
.main-frame.light-shadows.publisher .reflex-right:before,
.main-frame.light-shadows.publisher .reflex-first:before {
    opacity: 1;
    opacity: initial;
}

/* ie11 problem with overflow: hidden */
.main-frame.ie11 .mask.work
{
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    -ms-overflow-style: none;
}
.main-frame.ie11 .hard-mask
{
     -webkit-perspective: 2500px;
             perspective: 2500px;
}
.main-frame.ie11 .hard-mask .page-flip-container.outside,
.main-frame.ie11 .hard-mask .page-flip-container.inside
{
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.main-frame.ie11 .action.hard-mask,
.main-frame.ie11 .action.hard-mask.hRight
{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.main-frame.ie11 .action.hard-mask.hRight .page-flip-container.hard-back,
.main-frame.ie11 .action.hard-mask:not(.hRight) .page-flip-container.hard-front
{
    -webkit-box-shadow: -30px 0 30px -17px rgba(0, 0, 0, .3);
            box-shadow: -30px 0 30px -17px rgba(0, 0, 0, .3);
}
.main-frame.ie11 .action.hard-mask.hRight .page-flip-container.hard-front,
.main-frame.ie11 .action.hard-mask:not(.hRight) .page-flip-container.hard-back
{
    -webkit-box-shadow: 30px 0 30px -17px rgba(0, 0, 0, .3);
            box-shadow: 30px 0 30px -17px rgba(0, 0, 0, .3);
}
.stripe-btn{
    border: 0;
    background: none;
    padding: 0;
}
.next-button .icon-add-note{
    margin-left: 4px;
}
.previous-button .icon-add-note{
    margin-right: 2px;
}
.enforce-white-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slide-book[data-v-42dda8e8] {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}
.desktop .slide-book[data-v-42dda8e8] {
    pointer-events: none;
}
.animation .slide-book[data-v-42dda8e8] {
    z-index: 2;
}
.slide-book .slide-holder[data-v-42dda8e8] {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slide-book .slide-holder.zoomed[data-v-42dda8e8] {
    cursor: -webkit-grab;
    cursor: grab;
}
.slide-book .slide-holder.zoomed.drag-active[data-v-42dda8e8] {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.slide-book .slide-holder.zoomed.nodrag[data-v-42dda8e8],
.slide-book .slide-holder.zoomed.nodrag[data-v-42dda8e8]:active {
    cursor: default;
}
.slide-book .slide-wrapper[data-v-42dda8e8] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.slide-book .slide-wrapper.hidden[data-v-42dda8e8]{
    display: none;
}
.slide-book .spread-wrapper[data-v-42dda8e8] {
    position: absolute;
    -webkit-perspective: 5000px;
            perspective: 5000px;
    pointer-events: auto;
    -webkit-transform: translateX(0px);
            transform: translateX(0px); /*фикс координат для того что бы position:fixed у элементов на
                                        странице работал относительно книги, а не window,
                                        трансформация меняет систему координат для позиционирования*/
}
.slide-book .spread-wrapper .slide-page[data-v-42dda8e8] {
    right: auto;
    right: initial;
    left: auto;
    left: initial;
}
.slide-book .spread-wrapper .slide-page.content-crop[data-v-42dda8e8] {
    margin: auto;
    left: 0;
    right: 0;
}
.slide-book .spread-wrapper .slide-page.left[data-v-42dda8e8] {
    left: 0;
}
.slide-book .spread-wrapper .slide-page.right[data-v-42dda8e8] {
    right: 0;
}
.icon-add-note[data-v-42dda8e8] {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
}
.icon-add-note[data-v-42dda8e8]:not(.outside) {
    fill: #ffffff;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(89,97,104,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0px 0px 2px #596168);
            filter: drop-shadow(0px 0px 2px #596168);
}
.icon-add-note.hidden[data-v-42dda8e8] {
    display: none;
}
.icon-add-note.right[data-v-42dda8e8] {
    right: 0;
}
.icon-add-note.left[data-v-42dda8e8] {
    left: 0;
}
.icon-add-note svg[data-v-42dda8e8] {
    width: 24px;
    height: 24px;
}
.ie11 .icon-add-note svg[data-v-42dda8e8] {
    stroke: rgba(0, 0, 0, .5);
}
.note-icon-fade-enter-active[data-v-42dda8e8] {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.note-icon-fade-leave-active[data-v-42dda8e8] {
    -webkit-transition: none;
    transition: none;
}
.note-icon-fade-enter[data-v-42dda8e8],
.note-icon-fade-leave-to[data-v-42dda8e8] {
    opacity: 0;
}
.logo-container[data-v-3832a65e] {
    position: absolute;
    -webkit-transition: opacity 0.5s ease-in-out,
                width .3s ease,
                height .3s ease;
    transition: opacity 0.5s ease-in-out,
                width .3s ease,
                height .3s ease;
    z-index: 2;
}
.animation .logo-container[data-v-3832a65e] {
    z-index: 1;
}
.logo-container.overlap[data-v-3832a65e] {
    z-index: inherit;
}
.logo-container a[data-v-3832a65e] {
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}
.logo-container a[href][data-v-3832a65e]:hover{
    opacity: .8;
}
.logo-container .logo-custom[data-v-3832a65e] {
    -webkit-transition: width .3s ease,
                height .3s ease;
    transition: width .3s ease,
                height .3s ease;
}
.logo-container[data-v-3832a65e], .logo-container a[data-v-3832a65e], .logo-container svg[data-v-3832a65e], .logo-container img[data-v-3832a65e] {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
.nav-arrows[data-v-54040386] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
}
.nav-btn[data-v-54040386] {
    position: absolute;
    padding: 0;
    cursor: pointer;
    pointer-events: initial;

    border: none;
    outline: none;
    background: none;
}
.nav-right-arrow[data-v-54040386], .nav-left-arrow[data-v-54040386] {
    height: 80px;
    width: 50px;
    margin: -40px 10px 0 10px;
    top: 50%;
}
.nav-first[data-v-54040386], .nav-last[data-v-54040386] {
    height: 32px;
    width: 32px;
    margin: 0 5px;
    bottom: 0;
}
.nav-right-arrow[data-v-54040386], .nav-last[data-v-54040386]{
    right: 0;
    text-align: right;
}
.nav-left-arrow[data-v-54040386], .nav-first[data-v-54040386]{
    left: 0;
    text-align: left;
}
.nav-btn svg[data-v-54040386]
{
    fill: rgba(255, 255, 255, .9);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(89,97,104,0.9)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, .9));
            filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, .9));
}
.nav-btn:hover svg[data-v-54040386]
{
    fill: rgba(255, 255, 255, 1);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(89,97,104,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, 1));
            filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, 1));
}
.nav-right-arrow svg[data-v-54040386], .nav-left-arrow svg[data-v-54040386] {
    width: 50%;
}
.nav-right-arrow svg[data-v-54040386], .nav-left-arrow svg[data-v-54040386] {
    width: 60%;
}
.nav-first svg[data-v-54040386], .nav-last svg[data-v-54040386] {
    width: 100%;
}
.ie11 .nav-btn svg[data-v-54040386] {
    stroke: rgba(0, 0, 0, .5);
}
.arrow-attract-right .nav-right-arrow[data-v-54040386] {
    margin-right: 20px;
    margin-left: 0;
    -webkit-transition: margin-left, margin-right 0.5s ease-in-out;
    transition: margin-left, margin-right 0.5s ease-in-out;
    -webkit-animation: arrow-attract-right-data-v-54040386 3.5s ease-in-out 3s infinite;
            animation: arrow-attract-right-data-v-54040386 3.5s ease-in-out 3s infinite;
}
.arrow-attract-left .nav-left-arrow[data-v-54040386] {
    margin-right: 0;
    margin-left: 20px;
    -webkit-transition: margin-left, margin-right 0.5s ease-in-out;
    transition: margin-left, margin-right 0.5s ease-in-out;
    -webkit-animation: arrow-attract-left-data-v-54040386 3.5s ease-in-out 3s infinite;
            animation: arrow-attract-left-data-v-54040386 3.5s ease-in-out 3s infinite;
}
@-webkit-keyframes arrow-attract-right-data-v-54040386 {
10% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
20% {
        margin-right: 0;
        margin-left: 20px;
}
30% {
        margin-right: 10px;
        margin-left: 10px;
}
40% {
        margin-right: 0;
        margin-left: 20px;
}
50% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
65% {
        height: 80px;
        width: 50px;
        margin-top: -40px;
        margin-right: 20px;
        margin-left: 0;
}
}
@keyframes arrow-attract-right-data-v-54040386 {
10% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
20% {
        margin-right: 0;
        margin-left: 20px;
}
30% {
        margin-right: 10px;
        margin-left: 10px;
}
40% {
        margin-right: 0;
        margin-left: 20px;
}
50% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
65% {
        height: 80px;
        width: 50px;
        margin-top: -40px;
        margin-right: 20px;
        margin-left: 0;
}
}
@-webkit-keyframes arrow-attract-left-data-v-54040386 {
10% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
20% {
        margin-right: 20px;
        margin-left: 0;
}
30% {
        margin-right: 10px;
        margin-left: 10px;
}
40% {
        margin-right: 20px;
        margin-left: 0;
}
50% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
65% {
        height: 80px;
        width: 50px;
        margin-top: -40px;
        margin-right: 0;
        margin-left: 20px;
}
}
@keyframes arrow-attract-left-data-v-54040386 {
10% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
20% {
        margin-right: 20px;
        margin-left: 0;
}
30% {
        margin-right: 10px;
        margin-left: 10px;
}
40% {
        margin-right: 20px;
        margin-left: 0;
}
50% {
        width: 75px;
        height: 120px;
        margin-top: -60px;
}
65% {
        height: 80px;
        width: 50px;
        margin-top: -40px;
        margin-right: 0;
        margin-left: 20px;
}
}
.nav-arrows[data-v-6d66682b] {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1000;
    pointer-events: none;
}
.nav-btn[data-v-6d66682b] {
    position: absolute;
    padding: 0;
    cursor: pointer;
    pointer-events: initial;

    border: none;
    outline: none;
    background: none;
    z-index: 1;
}
.nav-right-arrow[data-v-6d66682b], .nav-left-arrow[data-v-6d66682b] {
    height: 80px;
    width: 40px;

    -webkit-transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;

    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;

    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;

    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.nav-right-arrow[data-v-6d66682b]{
    padding-right: 5px;
}
.nav-left-arrow[data-v-6d66682b]{
    padding-left: 5px;
}
.nav-right-arrow > svg[data-v-6d66682b], .nav-left-arrow > svg[data-v-6d66682b] {
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
.nav-first-left-arrow[data-v-6d66682b] {
    margin-top: 83px;
    height: 20px;
    width: 40px;
    -webkit-transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0;
}
.nav-last-left-arrow[data-v-6d66682b] {
    margin-top: 83px;
    height: 20px;
    width: 40px;
    -webkit-transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s;
    transition: all ease-in-out 0.75s, background-color ease-in-out 0.4s, box-shadow ease-in-out 0.4s, -webkit-box-shadow ease-in-out 0.4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    opacity: 0;
}
.button-block[data-v-6d66682b]{
    position: absolute;
    margin: -40px 10px 0 10px;
    top: 50%;
    height: 80px;
    width: 40px;
    overflow: visible;
}
.button-block.left[data-v-6d66682b]{
    left: 0;
}
.button-block.right[data-v-6d66682b]{
    right: 0;
}
.start .button-block[data-v-6d66682b],
.button-block[data-v-6d66682b]:hover {
    height: 105px;
}
.start .nav-btn.last-btn > svg[data-v-6d66682b],
.button-block:hover > .nav-btn.last-btn > svg[data-v-6d66682b]{
    width: 60%;
}
.start .nav-btn.last-btn[data-v-6d66682b],
.button-block:hover > .nav-btn.last-btn[data-v-6d66682b]
{
    display: inline-block;
    opacity: 1;
}
.button-block:hover > .nav-btn[data-v-6d66682b],
.start .nav-btn[data-v-6d66682b]{
    width: 40px;
}
.button-block:hover > .next-btn > svg[data-v-6d66682b],
.start .next-btn > svg[data-v-6d66682b]{
    width: 85%;
}
.nav-btn svg[data-v-6d66682b]
{
    fill: rgba(255, 255, 255, .9);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(89,97,104,0.9)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, .9));
            filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, .9));
}
.nav-btn:hover svg[data-v-6d66682b]
{
    fill: rgba(255, 255, 255, 1);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="2" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(89,97,104,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, 1));
            filter: drop-shadow( 0px 0px 2px rgba(89, 97, 104, 1));
}
.nav-right-arrow svg[data-v-6d66682b], .nav-left-arrow svg[data-v-6d66682b] {
    width: 60%;
}
.nav-first svg[data-v-6d66682b], .nav-last svg[data-v-6d66682b] {
    width: 100%;
}
.ie11 .nav-btn svg[data-v-6d66682b] {
    stroke: rgba(0, 0, 0, .5);
}
.arrow-attract-right .nav-right-arrow > svg[data-v-6d66682b],
.arrow-attract-left .nav-left-arrow > svg[data-v-6d66682b] {
    -webkit-animation: arrow-attract-data-v-6d66682b 4s ease-in-out 1s infinite;
            animation: arrow-attract-data-v-6d66682b 4s ease-in-out 1s infinite;
}
@-webkit-keyframes arrow-attract-data-v-6d66682b {
0% {
        width: 85%;
}
20% {
        width: 60%;
}
30% {
        width: 80%;
}
40% {
        width: 60%;
}
50% {
        width: 85%;
}
100% {
        width: 85%;
}
}
@keyframes arrow-attract-data-v-6d66682b {
0% {
        width: 85%;
}
20% {
        width: 60%;
}
30% {
        width: 80%;
}
40% {
        width: 60%;
}
50% {
        width: 85%;
}
100% {
        width: 85%;
}
}

.zoom-panel[data-v-dde720a0]{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 150px;
    height: 35px;
    left: 50%;
    border-radius: 3px;
    margin-left: -75px;
    position: absolute;
    z-index: 10000;
    bottom: 30px;
    pointer-events: initial;
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}
.zoom-panel-caption[data-v-dde720a0]{
    display: block;

    width: 30px;
    height: 100%;

    text-align: center;
    margin-top: -1px;

    cursor: pointer;

    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
         user-select: none;
}
.zoom-panel-caption[data-v-dde720a0]:hover{
    cursor: pointer;
}
.zoom-panel-caption.minus[data-v-dde720a0]{
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
}
.zoom-panel-caption.plus[data-v-dde720a0]{
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
}
.zoom-panel-line[data-v-dde720a0]{
    position: relative;

    display: block;

    -webkit-box-ordinal-group: 3;

    -webkit-order: 2;

        -ms-flex-order: 2;

            order: 2;

    width: 90px;
    height: 5px;
    margin: 0;
    cursor: pointer;
}
.zoom-panel-line[data-v-dde720a0]:hover{
    cursor: pointer;
}
.zoom-panel-slider[data-v-dde720a0]{
    position: absolute;

    display: block;

    width: 6px;
    height: 15px;
    margin: -5px 0 0 0;

    cursor: -webkit-grab;

    cursor: grab;
    background-color: #857462;
}
.zoom-panel-slider[data-v-dde720a0]:hover{
    cursor: -webkit-grab;
    cursor: grab;
}
.zoom-panel.grabbing[data-v-dde720a0],
.zoom-panel-slider[data-v-dde720a0]:active,
.zoom-panel.grabbing .zoom-panel-caption[data-v-dde720a0],
.zoom-panel.grabbing .zoom-panel-line[data-v-dde720a0],
.zoom-panel.grabbing .zoom-panel-slider[data-v-dde720a0],
.zoom-panel.grabbing .zoom-panel-slider[data-v-dde720a0]:hover{
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.publication-container.desktop .book-container[data-v-1e94cca4]
{
    position: relative;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

        -ms-flex: 1;

            flex: 1;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
}
.publication-container.mobile .book-container[data-v-1e94cca4]
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.publication-container.flat .book-container[data-v-1e94cca4]
{
    width: 100%;
    height: 100%;
}
.book-substrate-prev[data-v-1e94cca4],
.book-substrate-next[data-v-1e94cca4] {
    display: none;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.book-substrate-prev[data-v-1e94cca4] {
    left: 0;
}
.book-substrate-next[data-v-1e94cca4] {
    right: 0;
}
.clickToRead[data-v-1e94cca4] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: auto;
    margin-left: -70px;
    margin-top: -20px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    cursor: pointer;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    z-index: 5000;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.main-frame:not(.ie11) .clickToRead[data-v-1e94cca4] {
    -webkit-transition: opacity .25s,background-color .25s;
    transition: opacity .25s,background-color .25s;
    -webkit-transition-delay: .5s,0s;
            transition-delay: .5s,0s;
}
.miniClickToRead[data-v-1e94cca4] {
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
    border-radius: 5px;
    z-index: 5000;

    -ms-touch-action: pan-y;

        touch-action: pan-y;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.miniClickToRead.hideTop[data-v-1e94cca4] {
    /* ignore bottom */
    top: 5px;
}
.clickToRead[data-v-1e94cca4]:hover,
.miniClickToRead[data-v-1e94cca4]:hover {
    background-color: rgba(0, 0, 0, .5);
}
.miniClickToRead .fullscreen-button-mini-holder[data-v-1e94cca4] {
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 4px;
}
.miniClickToRead .fullscreen-button-mini-holder[data-v-1e94cca4]:hover {
    width: 34px;
    height: 34px;
    margin: 3px;
}
.miniClickToRead .fullscreen-button-mini-holder .svg-icon[data-v-1e94cca4] {
    fill: #fff;
}
.no-fade-enter-active[data-v-1e94cca4],
.no-fade-leave-active[data-v-1e94cca4]
{
    -webkit-transition: none !important;
    transition: none !important;
}
.main-frame:not(.ie11) .ctr-fade-enter-active[data-v-1e94cca4]
{
    -webkit-transition: opacity .3s ease-in-out 1s;
    transition: opacity .3s ease-in-out 1s;
}
.ctr-fade-enter[data-v-1e94cca4],
.ctr-fade-leave-to[data-v-1e94cca4]
{
    opacity: 0;
}
.thumb
{
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;

    margin: auto;
}
.thumb .background
{
    position: absolute;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.thumb .background img
{
    position: relative;

    width: 100%;
    height: 100%;
}

/* Fixing the glitch that image with no src attr set has a border */
.thumb .background img[src=''],
.thumb .background img:not([src]) {
    opacity:0;
}
.thumb .preloader
{
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.thumb.double .preloader {
    width: 50%;
}
.thumb.double .preloader.right {
    left: 50%;
}
.thumb .preloader-container
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

            transform: translateX(-50%) translateY(-50%);
}
.ie11 .vue-simple-spinner{
    -webkit-transition: none;
    transition: none;
}
