.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;
border:0!important;
z-index:999999;
margin:0!important;
}

.df-container .loading-info {
position:absolute;
top:100%;
margin-top:20px;
margin-left:5px;
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;
padding:6px 20px;
}

.loading-info.df-old-browser {
color:gray;
background-color:#FFF;
opacity:.9;
text-align:center;
max-height:none;
}

.loading-info.df-old-browser a {
font-weight:700;
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: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:0;
}

.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;
box-sizing:border-box;
position:absolute;
pointer-events:none;
margin:-45px -25px -25px;
}

.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:#FFF;
-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:" ";
width:20%;
z-index:5;
pointer-events:none;
}

.df-book-page .df-page-front:before {
background-image:0 10% 25% 70%;
}

.df-book-page .df-page-back:before {
background-image:0 15%;
}

.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;
transition:.3s left;
-webkit-transition:.3s left;
left:0;
margin:0 auto;
}

.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: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;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
}

.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);
z-index:200!important;
}

.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% 100%;
height:100%;
background-color:#FFF;
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:0;
width:10px;
left:-10px;
}

.df-book-page {
width:50%;
}

.df-page-content {
background-size:100.25%!important;
background-repeat:no-repeat!important;
transition-property:transform;
-webkit-transition-property:0;
width:100%;
overflow:hidden;
}

.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-right-side .df-page-back {
left:0;
z-index:1;
}

.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 {
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;
text-align:center;
padding:10px 15px 5px;
}

span.df-share-title {
color:#777;
margin-bottom:10px;
display:block;
}

.df-share-url {
background-color:#fff;
height:60px;
color:#666;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
width:100%;
font-size:12px;
box-sizing:border-box;
margin-bottom:0;
padding:2px 5px;
}

.df-share-button {
display:inline-block;
text-align:center;
cursor:pointer;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
color:#aaa;
margin:3px;
padding:10px;
}

.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;
line-height:1;
padding:12px 5px;
}

.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-btn:hover {
color:#00acce;
}

.df-ui-btn.disabled,.df-ui-btn.disabled:hover {
color:#ccc;
}

.df-ui-page {
font-size:12px;
width:50px;
border-radius:0;
background-color:rgba(0,0,0,0.03);
margin:0;
padding:8px 5px 2px;
}

.df-ui-page input {
width:100%;
background-color:transparent;
height:25px;
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;
margin:0;
padding:0!important;
}

.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:400;
left:0;
cursor:pointer;
background-color:transparent;
z-index:1;
box-sizing:border-box;
}

.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;
background:inherit;
border-radius:0 5px 5px 0;
z-index:-1;
transition:.5s ease;
-webkit-transition:.5s ease;
padding:10px 0;
}

.df-ui-controls {
bottom:0;
width:100%;
height:40px;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:4;
display:block;
padding:0;
}

.df-floating .df-ui-controls {
bottom:10px;
width:initial;
-webkit-transform:translateX(-50%);
-moz-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
left:50%;
display:flex;
border-radius:5px;
margin:0 auto;
}

.df-floating.df-controls-top .df-ui-controls {
bottom:initial;
top:10px;
}

.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-next {
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;
font-size:36px;
color:#000;
text-align:center;
background-color:transparent;
height:initial;
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:initial;
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;
top:0;
}

.df-ui-zoomin,.df-ui-zoomout,.df-ui-fullscreen,.df-ui-more {
float:right;
}

.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: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:7px solid transparent;
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:7px solid transparent;
border-bottom-color:#eee;
top:-14px;
}

.more-container .df-ui-btn {
width:170px;
text-align:left;
height:36px;
border-top:1px solid #e4e4e4;
border-radius:0;
padding:8px 10px;
}

.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;
}

.more-container .df-ui-btn span {
font-size:12px;
padding-left:20px;
vertical-align:middle;
display:inline-block;
}

.df-container section {
padding:0;
}

.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;
margin-left:5px;
cursor:pointer;
word-wrap:break-word;
padding:.6em;
}

.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:#fff;
opacity:.1;
}

section.linkAnnotation a:hover,a.linkAnnotation:hover,.highlightAnnotation:hover,a.customLinkAnnotation:hover {
opacity:.4;
background-color:#2196f3;
border-color:transparent;
}

.annotationDiv,.textLayerDiv {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
overflow:hidden;
}

.textLayerDiv {
line-height:1;
}

.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;
}

.df-page-loading:before {
background-color:#FFF;
-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%;
background-position:50%;
cursor:pointer;
background-repeat:no-repeat;
right:0;
border-radius:5px;
margin:10px auto;
}

.df-thumb-container .df-vrow:before {
content:"";
background-image:url(../images/loading.gif);
background-size:22px;
height:22px;
width:22px;
display:block;
top:60px;
position:relative;
z-index:0;
margin:0 auto;
}

.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-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 0 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: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;
}

.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;
margin-left:-18px;
text-align:center;
padding:5px 0;
}

.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;
overflow:hidden;
text-overflow:ellipsis;
border:none!important;
box-shadow:none!important;
padding:5px 0 5px 5px;
}

.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:#FFF;
z-index:99999;
}

.df-lightbox-controls {
float:right;
z-index:1000;
position:relative;
padding:5px;
}

.df-lightbox-close {
float:right;
height:40px;
text-align:center;
font-size:50px;
cursor:pointer;
color:#444;
border-radius:50%;
width:40px;
background-color:transparent;
transition:.2s;
-webkit-transition:.2s;
border-color:transparent;
}

.df-lightbox-close:hover {
color:#FFF;
background-color:rgba(0,0,0,0.21);
border-color:#000;
}

.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 {
background:#0085ba;
color:#FFF;
font-size:14px;
cursor:pointer;
-webkit-appearance:none;
-webkit-border-radius:3px;
border-radius:3px;
white-space:nowrap;
border-color:#0073aa #006799 #006799;
border-style:solid;
border-width:1px;
padding:5px 15px;
}

._df_thumb {
border:0;
width:140px;
height:200px;
text-align:center;
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;
-moz-perspective:1200px;
perspective:1200px;
margin:30px 10px 10px;
}

._df_books ._df_thumb,._df_books .df-dummy {
width:140px;
height:200px;
text-align:center;
display:inline-block;
position:relative;
vertical-align:top;
margin:20px 10px;
}

._df_thumb[thumbtype=img] {
height:auto;
}

._df_thumb[thumbtype=img] img {
max-width:100%;
max-height:200px;
border:0;
margin:0;
padding: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;
font-size:12px;
background:rgba(60,60,60,0.8);
box-sizing:border-box;
display:block;
color:#FFF;
transition:.4s;
-webkit-transition:.4s;
opacity:0;
padding:5px;
}

._df_thumb ._df_book-tag {
float:left;
background-color:rgba(0,0,0,0.26);
text-transform:uppercase;
font-size:10px;
z-index:-1;
color:rgba(255,255,255,0.8);
position:relative;
margin:-15px 0 0 2px;
padding:0 4px 2px;
}

._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;
text-align:center;
position:relative;
z-index:1;
margin:0 auto;
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-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-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 20px 0 0;
}

.df-rtl .df-outline-items>.df-outline-item {
text-align:right;
direction:rtl;
margin:0 18px 0 0;
}

.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:initial;
right:0;
}

.df-rtl .df-ui-sidemenu-close {
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;
}

.df-raw-loading {
position:absolute;
margin-top:20px;
margin-left:5px;
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;
padding:6px 20px;
}

.df-raw-loading a {
color:inherit!important;
}

.df-container .df-raw-loading {
top:100%;
}

html.df-lightbox-open,body.df-lightbox-open {
overflow:hidden!important;
}

.df-custom-fullscreen.df-fullscreen[backgroundcolor=transparent] {
background:gray!important;
}

.df-book-page.df-left-side .df-page-front,.df-book-page.df-right-side.df-folding .df-page-front {
z-index:2;
}

.df-book-page.df-folding .df-page-fold-inner-shadow,.df-ui-more.df-active .more-container,.df-ui-search.df-active .search-container {
display:block;
}

.df-ui-thumbnail,.df-ui-share,.df-ui-outline,.df-ui-help,.df-ui-sound,.df-ui-share {
float:left;
}

.df-ui-fullscreen,.df-ui-zoomout,.df-floating .df-outline-container,.df-floating .df-thumb-container {
bottom:0;
}

.df-floating.df-controls-hide .df-ui-controls,.df-ui-btn span,.df-thumb-container .df-vrow.df-thumb-loaded:before,.df-outline-toggle.df-outlines-hidden ~ .df-outline-items,[hidden] {
display:none;
}

.df-container ::-webkit-scrollbar-thumb:hover,.df-container ::-webkit-scrollbar-thumb:active {
background:rgba(0,0,0,0.5);
}

@media screen and max-width782px {
body.admin-bar .df-lightbox-wrapper {
top:46px;
}
}