@CHARSET "UTF-8";
/* themify-icons     [16001] */ @font-face { font-family: 'themify'; src:url('../fonts/themify.eot'); src:url('../fonts/themify.eot?#iefix') format('embedded-opentype'), url('../fonts/themify.woff') format('woff'), url('../fonts/themify.ttf') format('truetype'), url('../fonts/themify.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"]:before, [class*=" ti-"]:before { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } 
/* dflip             [29496] */ .df-abs-center { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-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%); -webkit-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.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.09); font-style: italic; border-radius: 5px; font-size: 11px; max-height: 30px; color: #fff; max-width: 200px; -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; opacity: 0.7; transition: 0.3s top ease; -webkit-transition: 0.3s top ease; } .loading-info.df-old-browser { color: gray; background-color: white; opacity: 0.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; } .df-container > canvas { } .df-container a { outline: none; 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: 0.3s 0.1s opacity; -webkit-transition: 0.3s 0.1s opacity; opacity: 0; height: 50px; width: 50px; left: 50%; top: 50%; font-size: 12px; margin: -45px -25px -25px; -ms-box-sizing:border-box;-o-box-sizing:border-box;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 .df-loading-icon { } .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-floating .df-book-stage { } .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-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: 0.3s left; -webkit-transition: 0.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: 0.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: 0.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%); -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); left: 50%; top: 50%; } .df-book-wrapper .df-book-prev-button:before { } .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-hard-page { } .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; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .df-page-back > canvas, .df-page-front > canvas { width: 100%; position: relative; z-index: -1; } .df-page-wrapper:before { } .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.df-right-side:before { } .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 0; -moz-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; } .df-page-front, .df-page-back { overflow: visible; } .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; -webkit-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; -ms-box-sizing:border-box;-o-box-sizing:border-box;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-wrapper.df-hidden { } .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%); -webkit-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; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; margin-bottom: 0px; } .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 { -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .df-ui-fit, .df-ui-thumbnail { } .df-ui-thumbnail, .df-ui-share, .df-ui-outline, .df-ui-help, .df-ui-sound { float: left; } .df-ui-zoomin, .df-ui-zoomout { } .df-ui-btn:hover { color: #00ACCE; } .df-ui-btn.disabled, .df-ui-btn.disabled:hover { color: #ccc; } .df-ui-share:before { } .df-ui-page { padding: 8px 5px 2px; font-size: 12px; width: auto; width: 50px; margin: 0 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; border: 1px solid rgb(143, 143, 143); text-align: center; vertical-align: top; color: transparent; font-size: 14px; top: 0; -ms-box-sizing:border-box;-o-box-sizing:border-box;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; color: #999; font-size: 13px; font-weight: normal; left: 0; cursor: pointer; background-color: transparent; z-index: 1; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } .df-ui-share { float: left; } .df-ui-share:before { } .df-ui-fullscreen { bottom: 0; } .df-ui-fullscreen:before { } .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 0px; background: inherit; border-radius: 0 5px 5px 0; z-index: -1; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .df-thumb-visible .df-ui-sidemenu-close, .df-outline-visible .df-ui-sidemenu-close{ right: -32px; } .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%); -webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%); left: 50%; margin: 0 auto; display: table; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;display:flex; border-radius: 5px; } .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: 0.3; display: block; position: absolute; top: 30px; left: 5px; z-index: 2; } .df-ui-zoomin { top: 0; } .df-ui-zoomin:before { } .df-ui-zoomout { bottom: 0; } .df-ui-btn.df-ui-zoomout { } .df-zoom-enabled .df-ui-btn.df-ui-zoomout { } .df-zoom-enabled .df-ui-btn.df-ui-zoomin { } .df-ui-zoomout:before { } .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%); -webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); top: 50%; position: absolute; opacity: 0.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: 0.7; } .df-container.df-floating > .df-ui-next, .df-container.df-floating > .df-ui-prev { border-radius: 50%; width: 40px; } .df-ui-next:before { } .df-ui-prev { left: 0; right: auto; border-radius: 0; } .df-ui-prev:before { } .df-ui-alt { position: relative !important; right: auto; right: initial; left: auto; left: initial; box-shadow: none !important; } .df-ui-alt.df-ui-next, .df-ui-alt.df-ui-prev { } .df-ui-alt.df-ui-next { border-right: 1px solid #ddd; } .df-ui-start { } .df-ui-start:before { } .df-ui-end { } .df-ui-end:before { } .df-ui-thumbnail:before { } .df-ui-outline:before { } .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-fit:before { } .df-ui-fit.button-fit-active:before { } .df-page-content div { } .df-ui-more .more-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); } .more-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; } .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: none; } .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 { 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: #FFFF99; box-shadow: 0px 2px 5px #333; border-radius: 2px; padding: 0.6em; margin-left: 5px; cursor: pointer; word-wrap: break-word; } .annotationDiv .popup h1 { font-size: 1em; border-bottom: 1px solid #000000; padding-bottom: 0.2em; } .annotationDiv .popup p { padding-top: 0.2em; } .annotationDiv .highlightAnnotation, .annotationDiv .underlineAnnotation, .annotationDiv .squigglyAnnotation, .annotationDiv .strikeoutAnnotation, .annotationDiv .fileAttachmentAnnotation { cursor: pointer; } .annotationDiv .textAnnotation img { position: absolute; cursor: pointer; } section.linkAnnotation a { display: block; height: 100%; } section.linkAnnotation a, a.linkAnnotation, a.customLinkAnnotation, .customHtmlAnnotation, .customVideoAnnotation { background-color: transparent; background-color: rgb(255, 255, 0); opacity: 0.1; } a.customLinkAnnotation { } section.linkAnnotation a:hover, a.linkAnnotation:hover, .highlightAnnotation:hover, a.customLinkAnnotation:hover { opacity: 0.4; border-color: transparent; background-color: #2196F3; } .annotationDiv { position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } section.linkAnnotation a .annotationLayer > a { display: block; position: absolute; height: 100%; cursor: pointer; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; } section.linkAnnotation a.internalLink:hover { } .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; -ms-box-sizing:border-box;-o-box-sizing:border-box;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 { 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-thumb-container { float: left; width: 220px; height: auto !important; position: absolute !important; top: 0; z-index: 3; bottom: 40px; background-color: rgba(238, 238, 238, 0.9); text-align: center; } .df-outline-container { float: left; width: 220px; text-align: left; height: auto !important; position: absolute !important; top: 0; bottom: 40px; z-index: 3; color: #666; font-size: 12px; background-color: rgba(247, 247, 247, 0.9); } .df-outline-container, .df-thumb-container { transition: 0.5s transform ease; -webkit-transition: 0.5s -webkit-transform ease; -webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); left: -50px; } .df-outline-wrapper, .df-thumb-wrapper{ position: absolute !important; top: 0; bottom:0px; 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-outline-container.df-outline-visible { display: block; } .df-floating .df-outline-container.df-outline-visible, .df-floating .df-thumb-container.df-thumb-visible { } .df-outline-container.df-outline-visible, .df-thumb-container.df-thumb-visible { -webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); left: 0; } .df-floating .df-thumb-container.df-thumb-visible { } .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: 0.2s; -webkit-transition: 0.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%); -webkit-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-next, .df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-prev { } .df-container.df-xs .df-ui-controls .df-ui-btn.df-ui-page { display: none !important; } ._df_button, ._df_thumb { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; display: inline-block; position: relative; cursor: pointer; } ._df_button { padding: 5px 15px; background-color: #444; 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: none; 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; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; -webkit-transition: 0.2s; perspective: 1200px; -moz-perspective: 1200px; margin: 30px 10px 10px; -webkit-perspective: 800px; } ._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_books .df-dummy { } ._df_book-cover { background-size: 100% 100%; height: 100%; width: 100%; transform-origin: left; top: 0; background-color: #eee; position: absolute; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.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); -ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; display: block; color: white; transition: 0.4s; -webkit-transition: 0.4s; opacity: 0; } ._df_thumb ._df_book-tag { float: left; padding: 0 4px 20px; 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-title i { } ._df_thumb:hover { } ._df_thumb:hover ._df_book-cover { -webkit-transform: rotateY(-20deg); -moz-transform: rotateY(-20deg); -ms-transform: rotateY(-20deg); -webkit-transform:rotateY(-20deg);-ms-transform:rotateY(-20deg);transform:rotateY(-20deg); box-shadow: 3px 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); -webkit-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 #ffffff; 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 #ffffff; 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; }