.about-author {
    background-color: transparent;
    box-sizing: border-box;
    color: #36424b;
    cursor: pointer;
    outline: 0 none;
    text-decoration: none
    }
.actions {
    box-sizing: border-box;
    display: block;
    text-align: right
    }
.active {
    background-color: #f1c40f;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.4px;
    line-height: 3.84615;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
    width: 100%
    }
.arrow-nav {
    background-color: transparent;
    box-sizing: border-box;
    color: #36424b;
    cursor: pointer;
    display: none;
    outline: 0 none;
    text-decoration: none
    }
.author {
    box-sizing: border-box;
    display: block;
    width: 100%
    }
.author-image-wrapper {
    box-sizing: border-box;
    display: inline-block;
    min-height: 54px;
    min-width: 54px
    }
.author-name {
    box-sizing: border-box;
    display: block;
    height: 14px;
    line-height: 1.2;
    margin: 8px 0 0
    }
.block_ {
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: 1.66667em;
    font-weight: 700;
    line-height: 1.2;
    page-break-after: avoid;
    page-break-inside: avoid;
    text-align: center;
    margin: 40px 0 -10px;
    padding: 0
    }
.block_1 {
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: 1.66667em;
    font-weight: 700;
    line-height: 1.2;
    page-break-after: avoid;
    page-break-inside: avoid;
    text-align: center;
    margin: 40px 0 20px;
    padding: 0
    }
.block_2 {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    text-align: justify;
    text-indent: 18px;
    margin: 0;
    padding: 0
    }
.block_3 {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    text-align: justify;
    text-indent: 18px;
    margin: 0 0 18px;
    padding: 0
    }
.book-controls {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background-color: transparent;
    box-sizing: border-box;
    display: block;
    height: 40px;
    left: 0;
    position: fixed;
    top: 0;
    user-select: none;
    width: 100%
    }
.book-controls1 {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    background-color: transparent;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    height: 54px;
    left: 0;
    position: fixed;
    user-select: none;
    width: 100%
    }
.book-name {
    box-sizing: border-box;
    display: block;
    font-size: 1.2em;
    height: 18px;
    line-height: 1;
    text-align: center;
    text-indent: 0;
    margin: 8px 0 0
    }
.book-wrapper {
    box-sizing: border-box;
    display: block;
    opacity: 1;
    transition: opacity 0.3s ease-in-out
    }
.buttons {
    box-sizing: border-box;
    display: block;
    width: auto
    }
.calibre {
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-family: "PT Serif", serif;
    font-size: 0.625em;
    height: 100%;
    line-height: 1.42857;
    overflow: visible;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin: 0 5pt
    }
.calibre1 {
    background-color: #fff;
    box-shadow: 1px 0 3px 0 #c6c6c6;
    box-sizing: border-box;
    color: #36424b;
    display: block;
    height: 100%;
    left: -400px;
    position: fixed;
    top: 0;
    transition: all 500ms ease-in-out;
    width: 400px;
    z-index: 10
    }
.calibre2 {
    background-color: transparent;
    box-sizing: border-box;
    color: #c0392b;
    cursor: pointer;
    display: block;
    font-family: "PT Serif", serif;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.3;
    outline: 0 none;
    text-decoration: none;
    width: 100%;
    padding: 8px 0
    }
.calibre3 {
    background-color: transparent;
    box-sizing: border-box;
    color: #34495e;
    cursor: pointer;
    display: block;
    font-family: "PT Serif", serif;
    font-size: 1em;
    line-height: 1.3;
    outline: 0 none;
    text-decoration: none;
    width: 100%;
    padding: 8px 0
    }
.calibre4 {
    box-sizing: border-box;
    display: list-item
    }
.calibre5 {
    background-color: transparent;
    box-sizing: border-box;
    color: #36424b;
    cursor: pointer;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    height: 50px;
    letter-spacing: 0.4px;
    line-height: 3.84615;
    outline: 0 none;
    text-align: center;
    text-decoration: none;
    width: 100%
    }
.calibre6 {
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    font-family: "PT Serif", serif;
    font-size: 1em;
    font-style: italic;
    margin: 0
    }
.calibre7 {
    box-sizing: border-box;
    display: block;
    height: 921px;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 90px 0 0
    }
.calibre8 {
    box-sizing: border-box;
    display: block;
    line-height: 1.6;
    margin: 0
    }
.calibre9 {
    box-sizing: border-box;
    display: inline-block;
    font-family: Georgia, serif;
    font-size: 1.6em;
    line-height: 1.2;
    text-align: justify;
    width: 100%;
    margin: 0;
    padding: 0
    }
.calibre10 {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1.2;
    width: 100%
    }
.calibre11 {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    margin: 0
    }
.calibre12 {
    background-color: #ffdb61;
    box-sizing: border-box;
    color: #36424b;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    font-weight: 700;
    letter-spacing: 0.5px;
    outline: 0 none;
    text-decoration: none;
    width: 100%;
    padding: 12px 0
    }
.calibre13 {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.calibre14 {
    box-sizing: border-box;
    color: #36424b;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    left: -30px;
    position: absolute;
    text-align: center;
    top: -22px;
    white-space: nowrap;
    width: 70px
    }
.chapter-content {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    position: relative;
    margin: 0;
    padding: 0
    }
.close {
    -webkit-appearance: button;
    background-color: transparent;
    box-sizing: border-box;
    color: #36424b;
    cursor: pointer;
    font-family: inherit;
    font-size: 3.2em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: 400;
    height: 56px;
    line-height: 56px;
    outline: 0 none;
    overflow: visible;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: none;
    top: 0;
    width: 70px;
    z-index: 11;
    margin: 0;
    padding: 0;
    border: currentColor none medium
    }
.col-xs {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    display: block;
    float: left;
    height: 100%;
    left: 0;
    min-height: 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    top: 0;
    width: 100%;
    padding: 5px 15px 20px
    }
.col-xs1 {
    box-sizing: border-box;
    display: block;
    float: left;
    min-height: 1px;
    position: relative;
    width: 50%;
    padding: 0
    }
.comment {
    -webkit-appearance: button;
    background-color: #dad8d8;
    background-image: url(/images/add-highlight-comment.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 44px;
    line-height: inherit;
    overflow: visible;
    position: relative;
    text-transform: none;
    width: 44px;
    z-index: 15;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.comment-field {
    box-sizing: border-box;
    display: none;
    padding: 10px 12px
    }
.confetti {
    background: url(/images/konf.svg);
    background-size: 100%;
    box-sizing: border-box;
    display: inline-block;
    height: 240px;
    width: 250px
    }
.controls-chapter-name {
    background-color: transparent;
    box-sizing: border-box;
    color: #9f9e9e;
    cursor: pointer;
    display: none;
    left: 50%;
    outline: 0 none;
    overflow: hidden;
    position: absolute;
    text-decoration: none;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    width: 30%;
    margin: 10px 0 0 -15%
    }
.controls-font-style {
    background-color: transparent;
    box-sizing: border-box;
    color: #c8c8c8;
    display: inline-block;
    float: right;
    font-size: 1.6em;
    height: 22px;
    line-height: 1;
    margin-top: 9px;
    outline: 0 none;
    position: relative;
    text-decoration: none;
    width: 30px
    }
.cover-footer {
    bottom: 0;
    box-sizing: border-box;
    display: block;
    font-size: 1em;
    font-style: italic;
    font-weight: 400;
    height: 150px;
    left: 0;
    position: absolute;
    width: 100%
    }
.cover-meta {
    background-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    color: #c6c6c6;
    display: inline-block;
    height: 24px;
    margin-top: 5px;
    outline: 0 none;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 24px;
    padding: 2px 0;
    border: #c6c6c6 solid 1px
    }
.d {
    animation: loader-dot-appear 1s infinite;
    background-color: #000;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 17px;
    opacity: 0;
    width: 17px;
    margin: 2px 4px
    }
.d1 {
    animation: loader-dot-appear 1s infinite;
    animation-delay: 0.2s;
    background-color: #000;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 17px;
    opacity: 0;
    width: 17px;
    margin: 2px 4px
    }
.d2 {
    animation: loader-dot-appear 1s infinite;
    animation-delay: 0.4s;
    background-color: #000;
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 17px;
    opacity: 0;
    width: 17px;
    margin: 2px 4px
    }
.e-content {
    box-sizing: border-box;
    display: block;
    width: 80%;
    margin: 0 auto
    }
.end {
    bottom: 25px;
    box-sizing: border-box;
    color: #36424b;
    font-size: 1.29167em;
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 10px
    }
.font-slider {
    background-clip: content-box;
    background-color: #dbdbdb;
    border-radius: 2px;
    box-sizing: border-box;
    display: block;
    height: 54px;
    line-height: 1.2;
    position: relative;
    width: 100%;
    padding: 33px 0 16px
    }
.font-slider-wrapper {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    margin-bottom: 16px;
    min-height: 10px;
    position: relative;
    padding: 0 10px;
    border: #dbdbdb solid 1px
    }
.georgia {
    background-color: #40d47e;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: Georgia, serif;
    font-size: 0.625em;
    text-align: left;
    padding: 8px 10px
    }
.help {
    box-sizing: border-box;
    display: block;
    font-size: 1em;
    font-style: italic;
    line-height: 4;
    text-align: center
    }
.hide-controls {
    -webkit-appearance: button;
    background-color: transparent;
    box-sizing: border-box;
    color: #c6c6c6;
    cursor: pointer;
    font-family: inherit;
    font-size: 3.2em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: 600;
    line-height: 1;
    overflow: visible;
    position: absolute;
    right: 10px;
    text-transform: none;
    top: 8px;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.highlight {
    -webkit-appearance: button;
    background-color: #dad8d8;
    background-image: url(/images/add-highlight.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 30px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 44px;
    line-height: inherit;
    overflow: visible;
    position: relative;
    text-transform: none;
    width: 44px;
    z-index: 15;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.img-responsive {
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    height: 54px;
    max-width: 100%;
    opacity: 1;
    transition: all 300ms ease-in-out;
    vertical-align: middle;
    width: 54px;
    border: #bcbec0 solid 3px
    }
.item-page {
    box-sizing: border-box;
    display: inline-block;
    width: 30px
    }
.item-title {
    box-sizing: border-box
    }
.js {
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 0.625em;
    height: 100%;
    line-height: 1.2
    }
.loader {
    box-sizing: border-box;
    display: block;
    height: 70px;
    left: 0;
    margin-top: -70px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 50%;
    transition: opacity 200ms ease-in;
    width: 100%;
    z-index: 1
    }
.main-chapters {
    box-sizing: border-box;
    display: list-item;
    font-size: 1em
    }
.main-chapters1 {
    box-sizing: border-box;
    display: list-item;
    margin-left: 30px
    }
.ng-binding {
    box-sizing: border-box;
    font-style: italic;
    line-height: 1.2
    }
.ng-binding1 {
    box-sizing: border-box;
    font-weight: 700;
    line-height: 1.2
    }
.ng-binding2 {
    box-sizing: border-box;
    color: #000;
    display: block;
    font-size: 1.33333em;
    font-weight: 700;
    text-align: center;
    margin: 0
    }
.ng-binding3 {
    box-sizing: border-box;
    color: #000;
    display: block;
    font-size: 2.66667em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-indent: 0;
    margin: 0
    }
.ng-binding4 {
    box-sizing: border-box;
    display: block;
    text-align: center;
    text-indent: 0;
    margin: 5px 0
    }
.ng-binding5 {
    box-sizing: border-box;
    display: none
    }
.ng-hide {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #000;
    display: none;
    left: 50%;
    margin-left: -140px;
    position: absolute;
    top: 36px;
    width: 280px;
    z-index: 10
    }
.ng-hide1 {
    box-sizing: border-box;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1
    }
.ng-hide2 {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    color: #000;
    display: none;
    left: 50%;
    line-height: 1.2;
    margin-left: -150px;
    position: absolute;
    top: 36px;
    width: 300px;
    z-index: 10;
    padding: 22px 16px 6px
    }
.ng-isolate-scope {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 20px 40px
    }
.ng-pristine {
    background-color: #fafafa;
    box-sizing: content-box;
    color: inherit;
    font-family: "PT Serif";
    font-size: 1.33333em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 52px;
    line-height: inherit;
    outline: none;
    overflow: hidden;
    overflow-y: hidden;
    resize: none;
    width: 100%;
    margin: 0;
    padding: 1px 0;
    border: currentColor none medium
    }
.ng-scope {
    box-sizing: border-box;
    display: block
    }
.ng-scope1 {
    background-color: #fff;
    box-sizing: border-box;
    display: block
    }
.ng-scope2 {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    padding: 8px
    }
.ng-scope3 {
    box-sizing: border-box;
    line-height: 1.2
    }
.ng-scope4 {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1.2;
    padding-left: 1px;
    position: relative;
    top: -0.6em;
    user-select: none;
    vertical-align: baseline
    }
.ng-scope5 {
    box-sizing: border-box;
    display: block;
    text-align: center;
    margin: 20px 0 30px
    }
.ng-scope6 {
    box-sizing: border-box;
    color: #36424b;
    display: block;
    font-family: Arial, serif;
    font-size: 0.625em;
    font-weight: 700;
    margin: 0
    }
.ng-scope7 {
    box-sizing: border-box;
    display: block;
    line-height: 1.2;
    margin-bottom: 16px;
    min-height: 10px;
    position: relative;
    border: #dbdbdb solid 1px
    }
.ng-scope8 {
    box-sizing: border-box;
    display: list-item;
    line-height: 1.2
    }
.ohai {
    box-sizing: border-box;
    display: block;
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0
    }
.page-slider {
    background-clip: content-box;
    background-color: #c6c6c6;
    box-sizing: border-box;
    display: block;
    height: 54px;
    position: relative;
    width: 100%;
    padding: 36px 0 16px
    }
.palatino {
    box-sizing: border-box;
    color: #36424b;
    display: block;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    font-size: 0.625em;
    text-align: left;
    padding: 8px 10px
    }
.progress-bar {
    background-color: #36424b;
    box-sizing: border-box;
    display: block;
    height: inherit;
    width: 0%
    }
.progress-container {
    background-color: #c6c6c6;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    height: 5px;
    left: 0;
    position: fixed;
    width: 100%
    }
.pswp {
    -ms-touch-action: none;
    -webkit-backface-visibility: hidden;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: 1500
    }
.pswp__bg {
    -webkit-backface-visibility: hidden;
    background: #fff;
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    width: 100%;
    will-change: opacity
    }
.pswp__button {
    -webkit-appearance: none;
    background: url(/images/photoswipe.png) 0 0 no-repeat;
    background-position: -4px -46px;
    background-size: 264px 88px;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: block;
    float: right;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 40px;
    line-height: inherit;
    opacity: 0.75;
    overflow: visible;
    position: relative;
    text-transform: none;
    transition: opacity 0.2s;
    width: 40px;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.pswp__button1 {
    -webkit-appearance: none;
    background: url(/images/photoswipe.png) 0 0 no-repeat;
    background-position: -44px -44px;
    background-size: 264px 88px;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: block;
    float: right;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 40px;
    line-height: inherit;
    opacity: 0.75;
    overflow: visible;
    position: relative;
    text-transform: none;
    transition: opacity 0.2s;
    width: 40px;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.pswp__button2 {
    -webkit-appearance: none;
    background: url(/images/photoswipe.png) 0 0 no-repeat;
    background-size: 264px 88px;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: none;
    float: right;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 40px;
    line-height: inherit;
    opacity: 0.75;
    overflow: visible;
    position: relative;
    text-transform: none;
    transition: opacity 0.2s;
    width: 40px;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.pswp__button3 {
    -webkit-appearance: none;
    background: url(/images/photoswipe.png) 0 0 no-repeat;
    background-position: -88px 0;
    background-size: 264px 88px;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: none;
    float: right;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 40px;
    line-height: inherit;
    opacity: 0.75;
    overflow: visible;
    position: relative;
    text-transform: none;
    transition: opacity 0.2s;
    width: 40px;
    margin: 0;
    padding: 0;
    border: currentColor none 0
    }
.pswp__button4 {
    -webkit-appearance: none;
    background: 0 0;
    background-size: 264px 88px;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: block;
    float: right;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 100px;
    left: 0;
    line-height: inherit;
    opacity: 0.001;
    overflow: visible;
    position: absolute;
    text-transform: none;
    top: 50%;
    transition: opacity 0.2s;
    width: 70px;
    margin: -50px 0 0;
    padding: 0;
    border: currentColor none 0
    }
.pswp__button5 {
    -webkit-appearance: none;
    background: 0 0;
    background-size: 264px 88px;
    box-shadow: none;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    display: block;
    float: right;
    font-family: inherit;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    height: 100px;
    line-height: inherit;
    opacity: 0.001;
    overflow: visible;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 50%;
    transition: opacity 0.2s;
    width: 70px;
    margin: -50px 0 0;
    padding: 0;
    border: currentColor none 0
    }
.pswp__caption {
    -webkit-backface-visibility: hidden;
    background-color: #f8f8f8;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    left: 0;
    min-height: 44px;
    opacity: 0.001;
    position: absolute;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    width: 100%;
    will-change: opacity
    }
.pswp__caption__center {
    box-sizing: border-box;
    color: #ccc;
    display: block;
    font-size: 1em;
    line-height: 20px;
    max-width: 420px;
    text-align: left;
    margin: 0 auto;
    padding: 10px
    }
.pswp__container {
    -moz-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    bottom: 0;
    box-sizing: border-box;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    user-select: none;
    will-change: transform
    }
.pswp__counter {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    color: #9f9e9e;
    display: block;
    font-size: 1em;
    height: 40px;
    left: 0;
    line-height: 40px;
    opacity: 1;
    position: absolute;
    top: 0;
    user-select: none;
    padding: 0 10px
    }
.pswp__item {
    bottom: 0;
    box-sizing: border-box;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
    }
.pswp__preloader {
    box-sizing: border-box;
    display: block;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.25s ease-out;
    width: 44px;
    will-change: opacity
    }
.pswp__preloader__icn {
    box-sizing: border-box;
    display: block;
    height: 20px;
    width: 20px;
    margin: 12px
    }
.pswp__scroll-wrap {
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform
    }
.pswp__share-modal {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.25s ease-out;
    user-select: none;
    width: 100%;
    will-change: opacity;
    z-index: 1600;
    padding: 10px
    }
.pswp__share-tooltip {
    -webkit-backface-visibility: hidden;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 44px;
    top: 56px;
    transform: translatey(6px);
    transition: transform 0.25s;
    width: auto;
    will-change: transform;
    z-index: 1620
    }
.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    background-color: #f8f8f8;
    box-sizing: border-box;
    display: block;
    height: 0;
    left: 0;
    opacity: 0.001;
    position: absolute;
    top: 0;
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    width: 100%;
    will-change: opacity;
    border-bottom: #dbdbdb solid 1px
    }
.pswp__ui {
    -webkit-font-smoothing: auto;
    box-sizing: border-box;
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1550
    }
.pt-serif {
    box-sizing: border-box;
    color: #36424b;
    display: block;
    font-size: 0.625em;
    text-align: left;
    padding: 8px 10px
    }
.rpi {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    bottom: 0;
    box-sizing: border-box;
    color: #36424b;
    display: block;
    height: 4px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    border: currentColor none medium
    }
.save {
    -webkit-appearance: button;
    background-color: #373f4a;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
    font-size: 1em;
    font-style: inherit;
    font-variant: inherit;
    font-weight: 600;
    letter-spacing: 0.8px;
    line-height: inherit;
    outline: none;
    overflow: visible;
    text-align: center;
    text-transform: none;
    margin: 0 0 0 5px;
    padding: 10px;
    border: currentColor none medium
    }
.sidebar-content {
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 231px 0 10px
    }
.sidebar-controls {
    background-color: #f8f8f8;
    box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0
    }
.sidebar-flag {
    box-sizing: border-box;
    display: block;
    height: 233px;
    width: 100%;
    margin: 0
    }
.sidebar-menu {
    box-sizing: border-box;
    display: block;
    height: 59px;
    overflow: hidden;
    text-align: center;
    transition: height 300ms ease-in-out;
    width: 100%
    }
.sidebar-meta {
    box-sizing: border-box;
    display: block;
    height: 124px;
    overflow: hidden;
    padding-top: 20px;
    position: relative;
    text-align: center;
    transition: all 300ms ease-in-out;
    width: 100%
    }
.slider-container {
    box-sizing: border-box;
    display: block;
    position: relative;
    width: 100%;
    margin: 0
    }
.slider-total-pages {
    box-sizing: border-box;
    color: #36424b;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 1em;
    position: absolute;
    right: 0;
    top: 10px;
    transition: opacity 0.2s ease-in-out;
    white-space: nowrap
    }
.start {
    bottom: 25px;
    box-sizing: border-box;
    color: #36424b;
    font-size: 0.625em;
    font-weight: 700;
    left: 10px;
    line-height: 1;
    position: absolute
    }
.top-controls-wrapper {
    box-sizing: border-box;
    display: block;
    height: 40px;
    max-width: 600px;
    text-align: center;
    width: 100%;
    margin: 0 auto
    }
.ui-slider-handle {
    -ms-touch-action: none;
    background-color: #40d47e;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    height: 18px;
    left: 83.3333%;
    line-height: 1.2;
    margin-left: -9px;
    position: absolute;
    top: 26px;
    touch-action: none;
    transition: all 0.1s ease-in-out;
    width: 18px;
    z-index: 2
    }
.ui-slider-handle1 {
    -ms-touch-action: none;
    background-color: #36424b;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
    height: 10px;
    left: 0%;
    margin-left: -5px;
    position: absolute;
    top: 32px;
    touch-action: none;
    transition: all 0.1s ease-in-out;
    width: 10px;
    z-index: 2
    }
.ui-slider-range {
    background-color: #36424b;
    box-sizing: border-box;
    display: block;
    height: 2px;
    width: 0%
    }
.verdana {
    box-sizing: border-box;
    color: #36424b;
    display: block;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.625em;
    text-align: left;
    padding: 8px 10px
    }
.vt-footnote {
    box-sizing: border-box;
    display: none;
    line-height: 1.2
    }
.vt-footnote-tooltip {
    background-color: transparent;
    box-sizing: border-box;
    color: #d9a18a;
    cursor: pointer;
    display: inline-block;
    line-height: 1.2;
    outline: 0 none;
    position: relative;
    text-decoration: none;
    text-indent: 0
    }
.vt-footnote1 {
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    background-color: #fff;
    border-radius: 3px;
    bottom: 32px;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    color: #333;
    display: none;
    font-size: 0.625em;
    height: auto;
    left: 50%;
    line-height: 1.5;
    margin-left: -125px;
    position: absolute;
    text-align: left;
    text-indent: 0;
    user-select: none;
    width: 250px;
    z-index: 10;
    padding: 12px
    }
.vyturys {
    background: url(/images/vyturys.svg);
    background-size: 100%;
    box-sizing: border-box;
    display: block;
    height: 28px;
    left: 15px;
    position: absolute;
    top: 14px;
    width: 28px
    }
.vyturys1 {
    background: url(/images/vyturys.svg);
    background-size: 100%;
    box-sizing: border-box;
    display: block;
    height: 28px;
    width: 28px;
    margin: 3px auto
    }
.wrapper {
    background-color: #fafafa;
    border-radius: 3px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 1em;
    height: 100%;
    line-height: 1.3;
    position: relative;
    text-align: left;
    text-indent: 0;
    width: 100%;
    z-index: 10
    }
.wrapper1 {
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: absolute;
    top: -40px;
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 0 20px;
    border-bottom: #dbdbdb solid 1px
    }
.wrapper2 {
    background-color: #fff;
    bottom: -54px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    position: absolute;
    transition: all 0.3s ease-in-out;
    width: 100%;
    padding: 0 20px;
    border-top: #dbdbdb solid 1px
    }
.pcalibre12:focus {
    outline: none
    }
.pcalibre16:focus {
    outline: 0 none
    }
.pcalibre19:focus {
    color: #d9a18a;
    outline: 0 none;
    outline-offset: -2px;
    text-decoration: none
    }
.pcalibre23:focus {
    opacity: 1
    }
.pcalibre5:focus {
    color: #36424b;
    outline: 0 none;
    outline-offset: -2px;
    text-decoration: none
    }
.pcalibre15:after {
    background-color: inherit;
    box-shadow: -2px -1px 2px -1px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    content: "";
    height: 12px;
    left: 7px;
    margin-top: -6px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 12px;
    z-index: -1
    }
.pcalibre2:after {
    box-sizing: border-box;
    clear: both;
    content: " ";
    display: table
    }
.pcalibre:after {
    box-sizing: border-box
    }
.pcalibre11:before {
    background-color: #fff;
    box-shadow: -3px -3px 3px -2px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
    content: "";
    height: 16px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    top: -6px;
    transform: rotate(45deg);
    width: 16px
    }
.pcalibre1:before {
    box-sizing: border-box
    }
.pcalibre25:before {
    background: url(/images/photoswipe.png) 0 0 no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-position: -138px -44px;
    background-size: 264px 88px;
    box-sizing: border-box;
    content: "";
    height: 30px;
    left: 6px;
    position: absolute;
    top: 35px;
    width: 32px
    }
.pcalibre26:before {
    background: url(/images/photoswipe.png) 0 0 no-repeat;
    background-color: rgba(0, 0, 0, 0.3);
    background-position: -94px -44px;
    background-size: 264px 88px;
    box-sizing: border-box;
    content: "";
    height: 30px;
    position: absolute;
    right: 6px;
    top: 35px;
    width: 32px
    }
.pcalibre3:before {
    box-sizing: border-box;
    content: " ";
    display: table
    }
.pcalibre10:hover {
    background-color: #f0f0f0;
    color: #36424b;
    outline: 0;
    text-decoration: none
    }
.pcalibre13:hover {
    color: #666
    }
.pcalibre17:hover {
    background-color: #c1bebe
    }
.pcalibre18:hover {
    color: #d9a18a;
    outline: 0;
    text-decoration: none
    }
.pcalibre20:hover {
    opacity: 1
    }
.pcalibre21:hover {
    top: 0
    }
.pcalibre22:hover {
    background-color: #dbdbdb;
    color: #36424b
    }
.pcalibre4:hover {
    color: #c0392b;
    outline: 0;
    text-decoration: none
    }
.pcalibre7:hover {
    color: #c0392b
    }
.pcalibre8:hover {
    color: #36424b;
    outline: 0;
    text-decoration: none
    }
.pcalibre9:hover {
    border: #f1c40f solid 3px
    }
.pcalibre14:active {
    outline: none
    }
.pcalibre24:active {
    opacity: 0.9;
    outline: none
    }
.pcalibre6:active {
    outline: 0 none
    }