.px-pageflip { z-index: 10; position: relative; margin-top: 36px; min-height: 200px; }
.px-pageflip .px-pageflip-inner { position: absolute; left: 56px; opacity: 1; -webkit-transition-property: margin-left, opacity; -moz-transition-property: margin-left, opacity; -o-transition-property: margin-left, opacity; transition-property: margin-left, opacity; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.px-pageflip .page-wrapper { -webkit-perspective: 2000px; -moz-perspective: 2000px; -ms-perspective: 2000px; perspective: 2000px; }
.px-pageflip .page-wrapper[page="1"] > div, .px-pageflip .page-wrapper[page="2"] > div { overflow: visible !important; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.px-pageflip .shadow { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); border-radius: 4px; }
.px-pageflip .px-page { width: 50%; background-color: #f7f7f7; overflow: hidden; }
.px-pageflip .px-page img { width: 100%; }
.px-pageflip .px-page.hard.odd { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.px-pageflip .px-page.hard.even { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.px-pageflip .px-page.hard.odd:before { content: " "; display: block; background: #ddd; width: 5px; position: absolute; top: 0; right: 0; bottom: 0; -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; z-index: 100000; }
.px-pageflip .px-page.hard.even:before { content: " "; display: block; background: #efefef; width: 5px; position: absolute; top: 0; left: 0; bottom: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; z-index: 100000; }
.px-pageflip .px-page.backcover, .px-pageflip .px-page.frontcover { background-color: #ccc; }
.px-pageflip .px-page.backcover .innershadow, .px-pageflip .px-page.frontcover .innershadow { display: none; }
.px-pageflip .px-page.backcover { background-image: -webkit-gradient(linear, 0% 50%, 12 50%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(41.66667%, rgba(255, 255, 255, 0.3)), color-stop(83.33333%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0.6))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), -webkit-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0.6)); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), -moz-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0.6)); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), -o-linear-gradient(left, #ffffff, rgba(255, 255, 255, 0.6)); background-image: linear-gradient(left, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), linear-gradient(left, #ffffff, rgba(255, 255, 255, 0.6)); -webkit-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.2), inset -2px 2px 3px rgba(255, 255, 255, 0.7); -moz-box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.2), inset -2px 2px 3px rgba(255, 255, 255, 0.7); box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.2), inset -2px 2px 3px rgba(255, 255, 255, 0.7); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.px-pageflip .px-page.backcover img { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.px-pageflip .px-page.backcover .pageshadow { /*right: 20px;*/ left: 0; }
.px-pageflip .px-page.frontcover { background-image: -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(41.66667%, rgba(255, 255, 255, 0.3)), color-stop(83.33333%, rgba(0, 0, 0, 0.2)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 100% 50%, 0% 50%, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0.6))); background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), -webkit-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0.6)); background-image: -moz-linear-gradient(right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), -moz-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0.6)); background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), -o-linear-gradient(right, #ffffff, rgba(255, 255, 255, 0.6)); background-image: linear-gradient(right, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3) 5px, rgba(0, 0, 0, 0.2) 10px, rgba(0, 0, 0, 0) 12px), linear-gradient(right, #ffffff, rgba(255, 255, 255, 0.6)); -webkit-box-shadow: inset 2px -2px 2px rgba(0, 0, 0, 0.2), inset 2px 2px 3px rgba(255, 255, 255, 0.7); -moz-box-shadow: inset 2px -2px 2px rgba(0, 0, 0, 0.2), inset 2px 2px 3px rgba(255, 255, 255, 0.7); box-shadow: inset 2px -2px 2px rgba(0, 0, 0, 0.2), inset 2px 2px 3px rgba(255, 255, 255, 0.7); -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.px-pageflip .px-page.frontcover img { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.px-pageflip .px-page.frontcover .pageshadow { /*left: 20px;*/ right: 0; }
.px-pageflip .px-page .pageshadow { position: absolute; display: block; top: 10px; }
.px-pageflip.loading .px-pageflip-inner { opacity: 0; }
.px-pageflip.loading .page-flip-left, .px-pageflip.loading .page-flip-right { height: 200px; }
.px-pageflip.loading .px-page { position: absolute; left: -3000px; top: 0; }
.px-pageflip.loading .px-page:first-child { position: static; left: 0px; top: 0; margin-left: 50%; }
#main .px-pageflip.loading .px-page:first-child { position: relative; left: 58px; }

.px-pageflip .even .innershadow { position: absolute; height: 100%; right: 0; width: 80px; background: url(https://cdn.pixum.com/images/frontend/widgets/pageflip/dropshadow.png) repeat-y; }

.px-pageflip .pagedepth { position: absolute; top: 10px; width: 25px; }

.px-pageflip .backcover .pagedepth { background: url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth.png) repeat-y top right; background: url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth_top.png) no-repeat top right, url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth_bottom.png) no-repeat bottom right, url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth.png) repeat-y center right; right: 2px; width: 25px; }

.px-pageflip .frontcover .pagedepth { background: url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth.png) repeat-y top left; background: url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth_top.png) no-repeat top left, url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth_bottom.png) no-repeat bottom left, url(https://cdn.pixum.com/images/frontend/widgets/pageflip/pages_depth.png) repeat-y; left: 20px; width: 0px; display: none; }

.px-pageflip.loading .pagedepth, .px-pageflip.loading .innershadow, .px-pageflip.loading .pageshadow, .px-pageflip.loading .px-pageflip-left, .px-pageflip.loading .px-pageflip-right { display: none; }

.px-pageflip-right, .px-pageflip-left { position: absolute; width: 32px; float: left; }

.px-pageflip-right { padding: 0 8px 0 16px; right: 0; }

.px-pageflip-left { padding: 0 16px 0 8px; left: 0; }

.px-pageflip-right img, .px-pageflip-left img { position: relative; top: 50%; margin-top: -16px; cursor: pointer; }

.px-pageflip-inner { width: 868px; float: left; }