df-abs-center {
 top:50%;
 left:50%;
 position:absolute;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.df-abs-h-center {
 position:absolute;
 left:50%;
 -webkit-transform:translate(-50%);
 -moz-transform:translate(-50%);
 -ms-transform:translate(-50%);
 transform:translate(-50%)
}
.df-container {
 min-height:320px;
 background:no-repeat 50%;
 background-size:cover;
 width:100%;
 position:relative;
 image-rendering:auto;
 direction:ltr
}
.df-container div {
 box-sizing:border-box !important
}
.df-container.df-transparent:not(.df-fullscreen) {
 background:transparent !important
}
.df-container.df-custom-fullscreen.df-fullscreen {
 position:fixed !important;
 top:0 !important;
 left:0 !important;
 right:0 !important;
 bottom:0 !important;
 margin:0 !important;
 border:0 !important;
 z-index:999999
}
.df-container .loading-info {
 position:absolute;
 top:100%;
 margin-top:20px;
 margin-left:5px;
 padding:6px 20px;
 background-color:rgba(0,0,0,0.3);
 font-style:italic;
 border-radius:5px;
 font-size:11px;
 max-height:30px;
 color:#fff;
 max-width:200px;
 transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 left:50%;
 opacity:.7;
 transition:.3s top ease;
 -webkit-transition:.3s top ease
}
.loading-info.df-old-browser {
 color:gray;
 background-color:white;
 opacity:.9;
 text-align:center;
 max-height:none
}
.loading-info.df-old-browser a {
 font-weight:bold;
 font-style:normal;
 text-transform:uppercase;
 color:#2196f3;
 display:block;
 text-decoration:underline;
 margin:10px 0 0
}
.df-container.df-init .loading-info {
 top:50%
}
.df-3dcanvas {
 position:absolute;
 z-index:1;
 right:0;
 top:0
}
.df-rtl .df-3dcanvas {
 right:auto;
 right:initial;
 left:0
}
.df-container a {
 outline:0;
 text-decoration:none;
 box-shadow:none
}
.df-container.df-zoom-enabled canvas.df-3dcanvas,
.df-container.df-zoom-enabled .df-book-stage {
 cursor:move;
 cursor:-webkit-grab
}
.df-container:before,
.df-container:after {
 content:" ";
 transition:.3s .1s opacity;
 -webkit-transition:.3s .1s opacity;
 opacity:0;
 height:50px;
 width:50px;
 left:50%;
 top:50%;
 font-size:12px;
 margin:-45px -25px -25px;
 box-sizing:border-box;
 position:absolute;
 pointer-events:none
}
.df-container.df-loading:before,
.df-container.df-loading:after {
 content:" ";
 z-index:100;
 opacity:1
}
.df-container.df-loading:after {
 content:" ";
 background-image:url("../images/loading.gif");
 background-repeat:no-repeat;
 background-size:32px;
 background-position:50%
}
.df-container.df-loading:before {
 background-color:white;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 border:1px solid rgba(150,150,150,0.2)
}
.df-book-stage {
 position:absolute;
 overflow:hidden;
 right:0;
 bottom:0;
 z-index:1;
 top:0;
 left:0;
 filter:blur(0);
 -webkit-filter:blur(0);
 padding:30px 50px 70px
}
.df-container.df-xs .df-book-stage {
 padding-left:20px;
 padding-right:20px
}
.df-container.df-sidemenu-open .df-book-stage {
 padding-left:230px;
 padding-right:10px
}
.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev {
 left:220px
}
.df-rtl.df-container.df-sidemenu-open>.df-ui-btn.df-ui-prev {
 left:0
}
.df-rtl.df-container.df-sidemenu-open>.df-ui-btn.df-ui-next {
 right:220px
}
.df-book-stage.df-zoom-enabled {
 cursor:move
}
.df-page-front:before,
.df-page-back:before {
 content:" "
}
.df-book-page .df-page-front:before {
 background-image:-webkit-linear-gradient(right,rgba(0,0,0,0.25),rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0) 70%);
 background-image:-moz-linear-gradient(right,rgba(0,0,0,0.25),rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0) 70%);
 background-image:-ms-linear-gradient(right,rgba(0,0,0,0.25),rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.15) 25%,rgba(0,0,0,0) 70%)
}
.df-book-page .df-page-back:before {
 background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.25),rgba(0,0,0,0.15) 15%,rgba(255,255,255,0.07),rgba(255,255,255,0.0));
 background-image:-moz-linear-gradient(left,rgba(0,0,0,0.25),rgba(0,0,0,0.15) 15%,rgba(255,255,255,0.07),rgba(255,255,255,0.0));
 background-image:-ms-linear-gradient(left,rgba(0,0,0,0.25),rgba(0,0,0,0.15) 15%,rgba(255,255,255,0.07),rgba(255,255,255,0.0))
}
.df-book-wrapper,
.df-page-wrapper,
.df-book-page,
.df-page-content,
.df-page-front:before,
.df-page-wrapper:after,
.df-page-back:before,
.df-page-content:after,
.df-page-effects,
.df-page-effects:before,
.df-page-effects {
 position:absolute;
 height:100%;
 display:block;
 top:0
}
.df-page-content,
.df-book-page {
 width:100%
}
.df-book-wrapper {
 position:relative;
 margin:0 auto;
 transition:.3s left;
 -webkit-transition:.3s left;
 left:0
}
.df-zoom-enabled .df-book-wrapper {
 transition:none;
 -webkit-transition:none
}
.df-loading.df-container .df-book-wrapper {
 left:100%
}
.df-book-wrapper.close-right {
 left:25%
}
.df-book-wrapper.close-left {
 left:-25%
}
.df-book-shadow {
 position:absolute;
 z-index:-1;
 height:100%;
 -webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
 -moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
 -ms-box-shadow:0 0 10px rgba(0,0,0,0.3);
 box-shadow:0 0 10px rgba(0,0,0,0.3)
}
.df-book-wrapper .df-book-side-buttons {
 position:absolute;
 left:100%;
 width:40px;
 opacity:.3;
 height:100%;
 cursor:pointer;
 z-index:30;
 -webkit-border-radius:0 20px 20px 0;
 -moz-border-radius:0 20px 20px 0;
 border-radius:0 20px 20px 0
}
.df-book-prev-button.df-book-side-buttons {
 -webkit-border-radius:20px 0 0 20px;
 -moz-border-radius:20px 0 0 20px;
 border-radius:20px 0 0 20px
}
.df-book-wrapper .df-book-side-buttons:hover {
 opacity:.5;
 background-color:rgba(0,0,0,0.18)
}
.df-book-wrapper .df-book-prev-button {
 right:100%;
 left:auto;
 left:initial
}
.df-book-wrapper .df-book-side-buttons:before {
 position:absolute;
 font-size:30px;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 left:50%;
 top:50%
}
.df-page-wrapper {
 overflow:hidden
}
.df-hard-page .df-page-wrapper {
 width:100% !important;
 height:100% !important;
 overflow:visible;
 transform-style:preserve-3d;
 -webkit-transform-origin:0 50% 0;
 -moz-transform-origin:0 50% 0;
 -ms-transform-origin:0 50% 0;
 transform-origin:0 50% 0
}
.df-book-page.df-flipping,
.df-book-page.df-folding {
 box-shadow:-2px 0 10px rgba(0,0,0,0.0)
}
.df-book-page.df-left-side {
 left:0;
 -webkit-transform-origin:right;
 -moz-transform-origin:right;
 -ms-transform-origin:right;
 transform-origin:right
}
.df-book-page.df-right-side {
 left:50%;
 -webkit-transform-origin:left;
 -moz-transform-origin:left;
 -ms-transform-origin:left;
 transform-origin:left
}
.df-book-page.df-right-side+.df-page-wrapper.df-right-side {
 z-index:-1
}
.df-book-page .df-page-front,
.df-book-page .df-page-back {
 width:100%;
 background-size:100.5% 100%;
 background-size:100% 100%;
 height:100%;
 background-color:white;
 position:absolute;
 box-sizing:border-box
}
.df-page-back>canvas,
.df-page-front>canvas {
 width:100%;
 position:relative;
 z-index:-1
}
.df-quick-turn:before {
 opacity:0
}
.df-book-page.df-flipping.df-left-side:before {
 background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.1));
 background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.1));
 width:10px;
 left:-10px
}
.df-book-page {
 width:50%
}
.df-book-page.df-flipping,
.df-book-page.df-folding {
 z-index:200 !important
}
.df-page-content {
 background-size:100.25% !important;
 background-repeat:no-repeat !important;
 transition-property:transform;
 -webkit-transition-property:-webkit-transform;
 width:100%;
 overflow:hidden
}
.df-book-page.df-left-side .df-page-front {
 z-index:2
}
.df-book-page.df-left-side .df-page-back {
 z-index:1
}
.df-book-page.df-left-side.df-folding:not(.df-hard-page) .df-page-back {
 z-index:3
}
.df-book-page.df-right-side .df-page-front {
 top:0;
 left:0;
 z-index:0
}
.df-book-page,
.df-page-front,
.df-page-back,
.df-page-fold-inner-shadow,
.df-page-fold-outer-shadow,
.df-page-wrapper {
 position:absolute;
 -webkit-transform-origin:0 0;
 -moz-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0
}
.df-page-front,
.df-page-back {
 overflow:hidden
}
.df-page-fold-outer-shadow {
 z-index:-1;
 width:100%;
 height:100%
}
.df-page-fold-inner-shadow {
 position:absolute;
 z-index:5;
 display:none
}
.df-book-page.df-folding .df-page-fold-inner-shadow {
 display:block
}
.df-book-page.df-right-side .df-page-back {
 left:0;
 z-index:1
}
.df-book-page.df-right-side.df-folding .df-page-front {
 z-index:2
}
.df-page-wrapper.df-right-side .df-page-back {
 left:100%;
 z-index:1;
 overflow:hidden
}
.df-hard-page .df-page-front,
.df-hard-page .df-page-back {
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden;
 backface-visibility:hidden
}
.df-hard-page.df-right-side .df-page-front {
 -webkit-transform-origin:right 50%;
 -moz-transform-origin:right 50%;
 -ms-transform-origin:right 50%;
 transform-origin:right 50%;
 z-index:3 !important
}
.df-hard-page.df-left-side .df-page-front {
 -webkit-transform-origin:right 50%;
 -moz-transform-origin:right 50%;
 -ms-transform-origin:right 50%;
 transform-origin:right 50%
}
.df-hard-page.df-right-side .df-page-back {
 -webkit-transform-origin:left 50%;
 -moz-transform-origin:left 50%;
 -ms-transform-origin:left 50%;
 transform-origin:left 50%;
 z-index:3
}
.df-hard-page.df-left-side .df-page-back {
 -webkit-transform-origin:left 50%;
 -moz-transform-origin:left 50%;
 -ms-transform-origin:left 50%;
 transform-origin:left 50%
}
.df-page-front:before,
.df-page-back:before {
 width:20%;
 z-index:5;
 pointer-events:none
}
.df-page-front:before {
 right:0
}
.df-page-wrapper.df-right-side.df-flipping {
 z-index:4
}
.df-ui {
 height:60px;
 padding:20px 16px 0
}
.df-ui-wrapper,
.df-ui-btn {
 color:#888;
 vertical-align:top;
 background-color:#f7f7f7;
 box-sizing:border-box;
 text-align:center
}
.df-ui-wrapper {
 box-shadow:0 1px 4px rgba(0,0,0,0.3);
 background-color:#f7f7f7;
 position:absolute
}
.df-share-wrapper {
 z-index:2;
 position:absolute;
 top:0;
 bottom:0;
 right:0;
 left:0;
 background-color:rgba(0,0,0,0.35);
 display:none
}
.df-share-box {
 position:absolute;
 top:50%;
 width:280px;
 -webkit-transform:translateX(-50%) translateY(-50%);
 -moz-transform:translateX(-50%) translateY(-50%);
 -ms-transform:translateX(-50%) translateY(-50%);
 transform:translateX(-50%) translateY(-50%);
 left:50%;
 background-color:#fff;
 border-radius:10px;
 padding:10px 15px 5px;
 text-align:center
}
span.df-share-title {
 color:#777;
 margin-bottom:10px;
 display:block
}
.df-share-url {
 background-color:#fff;
 height:60px;
 color:#666;
 padding:2px 5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 width:100%;
 font-size:12px;
 box-sizing:border-box;
 margin-bottom:0
}
.df-share-button {
 display:inline-block;
 text-align:center;
 cursor:pointer;
 -webkit-border-radius:50%;
 -moz-border-radius:50%;
 border-radius:50%;
 padding:10px;
 margin:3px;
 color:#aaa
}
.df-share-button:hover {
 color:#444
}
.df-ui-btn {
 position:relative;
 width:35px;
 right:0;
 height:40px;
 font-size:17px;
 cursor:pointer;
 z-index:2;
 display:inline-block;
 padding:12px 5px;
 line-height:1
}
.df-floating .df-ui-controls>.df-ui-btn:first-child {
 border-radius:5px 0 0 5px
}
.df-floating .df-ui-controls>.df-ui-btn:last-child {
 border-radius:0 5px 5px 0
}
.df-ui-btn:before {
 box-sizing:border-box
}
.df-ui-thumbnail,
.df-ui-share,
.df-ui-outline,
.df-ui-help,
.df-ui-sound {
 float:left
}
.df-ui-btn:hover {
 color:#00acce
}
.df-ui-btn.disabled,
.df-ui-btn.disabled:hover {
 color:#ccc
}
.df-ui-page {
 padding:8px 5px 2px;
 font-size:12px;
 width:auto;
 width:50px;
 margin:0;
 border-radius:0;
 background-color:rgba(0,0,0,0.03)
}
.df-ui-page input {
 width:100%;
 background-color:transparent;
 height:25px;
 margin:0;
 padding:0 !important;
 border:1px solid #8f8f8f;
 text-align:center;
 vertical-align:top;
 color:transparent;
 font-size:14px;
 top:0;
 box-sizing:border-box;
 z-index:-1;
 display:inline-block;
 opacity:0
}
.df-ui-page input:focus {
 z-index:2;
 opacity:1;
 color:inherit
}
.df-ui-page input:focus+label {
 opacity:0;
 display:none
}
.df-ui-page label {
 position:absolute;
 height:30px;
 width:100%;
 display:block;
 top:0;
 padding-top:14px;
 line-height:1.1em;
 color:#999;
 font-size:13px;
 font-weight:normal;
 left:0;
 cursor:pointer;
 background-color:transparent;
 z-index:1;
 box-sizing:border-box
}
.df-ui-share {
 float:left
}
.df-ui-fullscreen {
 bottom:0
}
.df-ui-zoom {
 top:24px;
 height:60px;
 right:24px;
 width:30px;
 display:none;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
 border-radius:3px
}
.df-ui-sidemenu-close {
 position:absolute;
 top:10px;
 right:-32px;
 font-size:14px;
 width:32px;
 height:35px;
 cursor:pointer;
 padding:10px 0;
 background:inherit;
 border-radius:0 5px 5px 0;
 z-index:-1;
 transition:.5s ease;
 -webkit-transition:.5s ease
}
.df-ui-controls {
 bottom:0;
 width:100%;
 height:40px;
 padding:0;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 z-index:4;
 display:block
}
.df-floating .df-ui-controls {
 bottom:10px;
 width:auto;
 width:intial;
 -webkit-transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 left:50%;
 margin:0 auto;
 display:table;
 display:flex;
 border-radius:5px
}
.df-floating.df-controls-top .df-ui-controls {
 bottom:auto;
 bottom:intial;
 top:10px
}
.df-floating.df-controls-hide .df-ui-controls {
 display:none
}
.df-ui-wrapper.df-ui-controls .df-ui-btn {
 float:none
}
.df-ui-size {
 bottom:24px;
 height:60px;
 right:24px
}
.df-ui-zoom:before,
.df-ui-size:before {
 height:0;
 border-bottom:1px solid;
 content:" ";
 right:5px;
 opacity:.3;
 display:block;
 position:absolute;
 top:30px;
 left:5px;
 z-index:2
}
.df-ui-zoomin {
 top:0
}
.df-ui-zoomout {
 bottom:0
}
.df-ui-next {
 right:24px;
 right:0;
 border-radius:0
}
.df-container.df-floating>.df-ui-next {
 right:8px
}
.df-container.df-floating>.df-ui-prev {
 left:2px
}
.df-container>.df-ui-next,
.df-container>.df-ui-prev {
 margin-top:-5px;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 top:50%;
 position:absolute;
 opacity:.3;
 background-color:transparent;
 height:auto;
 height:initial;
 font-size:36px;
 color:#000;
 width:auto;
 text-align:center;
 width:initial
}
.df-container>.df-ui-next:hover,
.df-container>.df-ui-prev:hover {
 opacity:.7
}
.df-container.df-floating>.df-ui-next,
.df-container.df-floating>.df-ui-prev {
 border-radius:50%;
 width:40px
}
.df-ui-prev {
 left:0;
 right:auto;
 border-radius:0
}
.df-ui-alt {
 position:relative !important;
 right:auto;
 right:initial;
 left:auto;
 left:initial;
 box-shadow:none !important
}
.df-ui-alt.df-ui-next {
 border-right:1px solid #ddd
}
.df-ui-btn.df-active {
 color:#00acce;
 background-color:#e7e7e7
}
.df-ui-fit {
 display:none
}
.df-ui-zoomin,
.df-ui-zoomout,
.df-ui-fullscreen,
.df-ui-more {
 float:right
}
.df-ui-fit {
 top:0
}
.df-ui-more .more-container,
.df-ui-search .search-container {
 display:none;
 position:absolute;
 bottom:100%;
 margin-bottom:8px !important;
 right:10px;
 background-color:#f7f7f7;
 z-index:20;
 border-radius:5px;
 box-shadow:0 -1px 3px rgba(0,0,0,0.2)
}
.df-controls-top .df-ui-more .more-container,
.df-controls-top .df-ui-search .search-container {
 bottom:auto;
 bottom:initial;
 margin-top:8px !important;
 top:100%;
 box-shadow:0 1px 3px rgba(0,0,0,0.2)
}
.more-container:before,
.search-container:before {
 content:" ";
 position:absolute;
 border:solid transparent;
 border-width:7px;
 border-top-color:#eee;
 height:0;
 width:0;
 bottom:-14px;
 right:13px;
 margin-right:-8px;
 pointer-events:none
}
.df-controls-top .more-container:before,
.df-controls-top .search-container:before {
 border:solid transparent;
 border-bottom-color:#eee;
 border-width:7px;
 top:-14px
}
.more-container .df-ui-btn {
 width:auto;
 width:initial;
 width:170px;
 text-align:left;
 padding:8px 10px;
 height:36px;
 border-top:1px solid #e4e4e4;
 border-radius:0
}
.more-container .df-ui-btn:hover {
 background-color:#eee
}
.more-container>.df-ui-btn:first-child {
 border-radius:5px;
 border-top:0
}
.more-container>.df-ui-btn:last-child {
 border-radius:0 0 5px 5px
}
.more-container .df-ui-btn:before {
 position:absolute;
 top:11px;
 font-size:14px
}
.df-ui-btn span {
 display:none
}
.more-container .df-ui-btn span {
 font-size:12px;
 padding-left:20px;
 vertical-align:middle;
 display:inline-block
}
.df-ui-more.df-active .more-container,
.df-ui-search.df-active .search-container {
 display:block
}
.annotationLayer section,
.annotationDiv section,
.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation,
.linkAnnotation,
.highlightAnnotation,
.popupAnnotation {
 position:absolute;
 z-index:5;
 cursor:pointer;
 pointer-events:all
}
.annotationDiv .popupWrapper {
 position:absolute;
 width:20em
}
.annotationDiv .popup {
 position:absolute;
 z-index:200;
 max-width:20em;
 background-color:#ff9;
 box-shadow:0 2px 5px #333;
 border-radius:2px;
 padding:.6em;
 margin-left:5px;
 cursor:pointer;
 word-wrap:break-word
}
.annotationDiv .popup h1 {
 font-size:1em;
 border-bottom:1px solid #000;
 padding-bottom:.2em
}
.annotationDiv .popup p {
 padding-top:.2em
}
.annotationDiv .highlightAnnotation,
.annotationDiv .underlineAnnotation,
.annotationDiv .squigglyAnnotation,
.annotationDiv .strikeoutAnnotation,
.annotationDiv .fileAttachmentAnnotation {
 cursor:pointer
}
.annotationDiv .textAnnotation img {
 position:absolute;
 cursor:pointer
}
section.linkAnnotation a,
.annotationDiv .buttonWidgetAnnotation.pushButton>a {
 display:block;
 height:100%
}
section.linkAnnotation a,
a.linkAnnotation,
a.customLinkAnnotation,
.customHtmlAnnotation,
.customVideoAnnotation {
 background-color:transparent;
 background-color:#ff0;
 opacity:.1
}
section.linkAnnotation a:hover,
a.linkAnnotation:hover,
.highlightAnnotation:hover,
a.customLinkAnnotation:hover {
 opacity:.4;
 border-color:transparent;
 background-color:#2196f3
}
.annotationDiv,
.textLayerDiv {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 overflow:hidden
}
.textLayerDiv {
 line-height:1.0
}
.textLayerDiv>div {
 position:absolute;
 white-space:pre;
 cursor:text;
 -webkit-transform-origin:0 0;
 -moz-transform-origin:0 0;
 -o-transform-origin:0 0;
 -ms-transform-origin:0 0;
 transform-origin:0 0
}
section.linkAnnotation a .annotationLayer>a {
 display:block;
 position:absolute;
 height:100%;
 cursor:pointer;
 box-sizing:border-box
}
.df-page-loading:after,
.df-page-loading:before {
 content:" ";
 height:44px;
 width:44px;
 position:absolute;
 top:50%;
 left:50%;
 margin:-22px -22px
}
.df-page-loading:before {
 background-color:white;
 -webkit-border-radius:50px;
 -moz-border-radius:50px;
 border-radius:50px;
 box-sizing:border-box
}
.df-page-loading:after {
 background-image:url("../images/loading.gif");
 background-repeat:no-repeat;
 background-position:center;
 background-size:22px
}
.df-thumb-container .df-vrow {
 height:124px;
 left:0;
 width:90%;
 margin:10px auto;
 background-position:50%;
 cursor:pointer;
 background-repeat:no-repeat;
 right:0;
 border-radius:5px
}
.df-thumb-container .df-vrow:before {
 content:"";
 background-image:url("../images/loading.gif");
 background-size:22px;
 height:22px;
 width:22px;
 display:block;
 top:60px;
 margin:0 auto;
 position:relative;
 z-index:0
}
.df-thumb-container .df-vrow:hover {
 background-color:#bbb
}
.df-floating .df-thumb-container .df-vrow:hover,
.df-vrow.df-selected {
 background-color:#ccc;
 opacity:1
}
.df-thumb-container .df-vrow.df-thumb-loaded {
 background-size:contain
}
.df-thumb-container .df-vrow.df-thumb-loaded:before {
 display:none
}
.df-vrow>div {
 height:20px;
 background-color:rgba(170,170,170,0.54);
 width:40px;
 margin:0 auto
}
.df-sidemenu {
 float:left;
 width:220px;
 height:auto !important;
 position:absolute !important;
 top:0;
 z-index:3;
 transition:.5s transform ease;
 -webkit-transition:.5s -webkit-transform ease;
 transform:translateX(-100%);
 -webkit-transform:translateX(-100%);
 -moz-transform:translateX(-100%);
 -ms-transform:translateX(-100%);
 left:-50px;
 background-color:rgba(238,238,238,0.9)
}
.df-rtl .df-sidemenu {
 left:auto;
 left:initial;
 transform:translateX(100%);
 -webkit-transform:translateX(100%);
 -moz-transform:translateX(100%);
 -ms-transform:translateX(100%);
 right:-50px;
 direction:rtl
}
.df-thumb-container {
 text-align:center
}
.df-outline-container {
 color:#666;
 font-size:12px
}
.df-outline-wrapper,
.df-thumb-wrapper {
 position:absolute !important;
 top:0;
 bottom:0;
 left:0;
 right:0;
 height:auto !important;
 box-shadow:1px 0 4px rgba(102,102,102,0.38)
}
.df-outline-wrapper {
 overflow:auto;
 padding:10px 10px 5px 10px
}
.df-floating .df-outline-container,
.df-floating .df-thumb-container {
 bottom:0
}
.df-sidemenu.df-sidemenu-visible {
 display:block;
 transform:translateX(0);
 -ms-transform:translateX(0);
 -moz-transform:translateX(0);
 -webkit-transform:translateX(0);
 left:0
}
.df-outline-toggle {
 cursor:pointer;
 float:left;
 width:18px;
 padding:5px 0;
 margin-left:-18px;
 text-align:center
}
.df-outline-toggle.df-outlines-hidden ~ .df-outline-items {
 display:none
}
.df-outline-items>.df-outline-item {
 margin-left:18px
}
.df-outline-item a:hover,
.df-outline-toggle:hover {
 background-color:#e7e7e7
}
.df-outline-item a {
 color:inherit !important;
 text-decoration:none !important;
 display:block;
 padding:5px 0 5px 5px;
 overflow:hidden;
 text-overflow:ellipsis;
 border:none !important;
 box-shadow:none !important
}
.df-outline-toggle:before {
 content:"\e64b";
 font-size:10px;
 font-family:'themify'
}
.df-outline-toggle.df-outlines-hidden:before {
 content:"\e649"
}
.df-lightbox-wrapper {
 position:fixed !important;
 top:0;
 bottom:0;
 right:0;
 height:auto !important;
 left:0;
 background-color:white;
 z-index:99999
}
.df-lightbox-controls {
 float:right;
 padding:5px;
 z-index:1000;
 position:relative
}
.df-lightbox-close {
 float:right;
 height:40px;
 text-align:center;
 font-size:50px;
 cursor:pointer;
 color:#444;
 border-radius:50%;
 border-color:transparent;
 width:40px;
 background-color:transparent;
 transition:.2s;
 -webkit-transition:.2s
}
.df-lightbox-close:hover {
 color:white;
 background-color:rgba(0,0,0,0.21);
 border-color:black
}
.df-lightbox-close:before {
 top:50%;
 position:absolute;
 -webkit-transform:translate(-50%,-50%);
 -moz-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 left:50%;
 font-size:24px
}
.df-lightbox-wrapper .df-container {
 position:absolute !important;
 width:100%;
 top:0;
 bottom:0;
 height:auto !important
}
.df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page {
 display:none !important
}
._df_button,
._df_thumb,
._df_custom {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 display:inline-block;
 position:relative;
 cursor:pointer
}
._df_button {
 padding:5px 15px;
 background:#0085ba;
 color:white;
 font-size:14px;
 border-color:#0073aa #006799 #006799;
 cursor:pointer;
 border-width:1px;
 border-style:solid;
 -webkit-appearance:none;
 -webkit-border-radius:3px;
 border-radius:3px;
 white-space:nowrap
}
._df_thumb {
 border:0;
 width:140px;
 height:200px;
 text-align:center
}
._df_thumb {
 cursor:pointer;
 box-shadow:0 1px 2px rgba(0,0,0,0.22);
 display:inline-block;
 -webkit-transform-style:flat;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 box-sizing:border-box;
 -webkit-transition:.2s;
 margin:30px 10px 10px;
 -moz-perspective:1200px;
 perspective:1200px
}
._df_books ._df_thumb,
._df_books .df-dummy {
 width:140px;
 height:200px;
 text-align:center;
 display:inline-block;
 position:relative;
 margin:20px 10px;
 vertical-align:top
}
._df_thumb[thumbtype="img"] {
 height:auto
}
._df_thumb[thumbtype="img"] img {
 max-width:100%;
 max-height:200px;
 margin:0;
 padding:0;
 border:0
}
._df_book-cover {
 background-size:100% 100%;
 height:100%;
 width:100%;
 -webkit-transform-origin:left;
 transform-origin:left;
 top:0;
 background-color:#eee;
 position:relative;
 overflow:hidden;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -ms-transition:.3s;
 box-shadow:0 1px 2px rgba(0,0,0,0.22)
}
._df_thumb ._df_book-title {
 bottom:-100%;
 position:absolute;
 width:100%;
 left:0;
 padding:5px;
 font-size:12px;
 background:rgba(1,163,163,0.87);
 background:rgba(60,60,60,0.8);
 box-sizing:border-box;
 display:block;
 color:white;
 transition:.4s;
 -webkit-transition:.4s;
 opacity:0
}
._df_thumb ._df_book-tag {
 float:left;
 padding:0 4px 2px;
 background-color:rgba(0,0,0,0.26);
 text-transform:uppercase;
 font-size:10px;
 margin:-15px 0 0 2px;
 z-index:-1;
 color:rgba(255,255,255,0.8);
 position:relative
}
._df_thumb:hover ._df_book-title,
._df_thumb-not-found ._df_book-title {
 opacity:1;
 bottom:0
}
._df_thumb:hover ._df_book-cover {
 -webkit-transform:rotateY(-20deg) rotateZ(0);
 -moz-transform:rotateY(-20deg) rotateZ(0);
 -ms-transform:rotateY(-20deg) rotateZ(0);
 transform:rotateY(-20deg) rotateZ(0);
 box-shadow:3px 0 12px rgba(0,0,0,0.60)
}
.df-webkit ._df_thumb:hover ._df_book-cover {
 -webkit-transform:none;
 -moz-transform:none;
 -ms-transform:none;
 transform:none;
 box-shadow:1px 0 12px rgba(0,0,0,0.60)
}
._df_books {
 max-width:960px;
 margin:0 auto;
 text-align:center;
 position:relative;
 z-index:1;
 padding:20px 5px 150px
}
._df_books-break {
 color:rgba(255,255,255,0.3);
 font-size:14px;
 letter-spacing:1px;
 font-weight:600;
 margin-top:25px;
 text-transform:uppercase
}
._df_books-break:after {
 content:" ";
 bottom:0;
 width:50px;
 height:1px;
 background-color:rgba(255,255,255,0.24);
 display:block;
 margin:10px auto
}
.df-page-wrapper {
 -webkit-transform:translateZ(0);
 -moz-transform:translateZ(0);
 -ms-transform:translateZ(0);
 transform:translateZ(0)
}
.df-container ::-webkit-scrollbar {
 width:8px
}
.df-container ::-webkit-scrollbar-button {
 height:8px
}
.df-container ::-webkit-scrollbar-thumb {
 background:rgba(0,0,0,0.3);
 border:0 none #fff;
 border-radius:100px
}
.df-container ::-webkit-scrollbar-thumb:hover {
 background:rgba(0,0,0,0.5)
}
.df-container ::-webkit-scrollbar-thumb:active {
 background:rgba(0,0,0,0.5)
}
.df-container ::-webkit-scrollbar-track {
 background:rgba(0,0,0,0.20);
 border:0 none #fff;
 border-radius:100px
}
.df-container ::-webkit-scrollbar-track:hover {
 background:rgba(0,0,0,0.2)
}
.df-container ::-webkit-scrollbar-track:active {
 background:rgba(0,0,0,0.15)
}
.df-container ::-webkit-scrollbar-corner {
 background:transparent
}
.df-skipTransition {
 -webkit-transition:none !important;
 -moz-transition:none !important;
 -ms-transition:none !important;
 transition:none !important
}
.df-container.df-fullscreen {
 height:100% !important;
 max-height:100% !important;
 width:100% !important;
 max-width:100% !important
}
.df-container.df-double-internal .df-page-front {
 background-position:left;
 background-size:cover
}
.df-container.df-double-internal .df-page-back {
 background-position:right;
 background-size:cover
}
.customHtmlAnnotation iframe {
 position:absolute;
 top:0;
 left:0;
 width:100% !important;
 height:100% !important
}
.df-rtl .more-container .df-ui-btn {
 text-align:right;
 direction:rtl
}
.df-rtl .more-container .df-ui-btn:before {
 right:10px
}
.df-rtl .more-container .df-ui-btn span {
 padding:0;
 padding-right:20px
}
.df-rtl .df-outline-items>.df-outline-item {
 margin:0 18px 0 0;
 text-align:right;
 direction:rtl
}
.df-rtl .df-outline-toggle {
 float:right;
 margin:0 -18px 0 0
}
.df-rtl .df-outline-toggle.df-outlines-hidden:before {
 content:"\e64a"
}
.df-rtl .df-sidemenu.df-sidemenu-visible {
 left:auto;
 left:initial;
 right:0
}
.df-rtl .df-ui-sidemenu-close {
 right:auto;
 right:initial;
 left:-32px;
 border-radius:5px 0 0 5px
}
._df_thumb[thumbtype="img"] ._df_thumb-not-found {
 height:200px;
 position:relative
}
body.admin-bar .df-lightbox-wrapper {
 top:32px
}
@media screen and (max-width:782px) {
 body.admin-bar .df-lightbox-wrapper {
  top:46px
 }
}
.df-raw-loading {
 position:absolute;
 margin-top:20px;
 margin-left:5px;
 padding:6px 20px;
 background-color:rgba(0,0,0,0.3);
 font-style:italic;
 border-radius:5px;
 font-size:11px;
 max-height:30px;
 color:#fff;
 max-width:200px;
 transform:translateX(-50%);
 -moz-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 -webkit-transform:translateX(-50%);
 left:50%;
 top:50%;
 opacity:.7
}
.df-raw-loading a {
 color:inherit !important
}
.df-container .df-raw-loading {
 top:100%
}
[hidden] {
 display:none
}