html, body {
    height:100%;
    padding:0;
    margin:0
}
div#SCcontainer {
    width:100%;
    padding:0;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin:0
}
div#SCSplash {
    width:100%;
    padding:0;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    margin:0
}
#SCSplash img {
    vertical-align:middle;
    display:table-cell;
    margin-left:auto;
    margin-right:auto
}
div.Outer {
    width:100%;
    padding:0;
    display:table;
    height:100%;
    position:relative;
    top:0;
    left:0;
    margin:0;
    z-index:1
}
div.Middle {
    padding:0;
    vertical-align:middle;
    display:table-cell;
    margin:0 auto;
    width:100%;
    height:100%;
    text-align:center
}
div.Middle img#SCPlayBook {
    width:30%;
    height:30%
}
.container-content {
    position:relative;
    margin-left:auto;
    margin-right:auto
}
.container-content iframe {
    position:absolute;
    top:0;
    left:0;
    z-index:1
}
.SCLoader {
    height:100%;
    width:100%;
    position:absolute;
    display:table;
    z-index:3;
    display:none
}
.SCLoader img {
    vertical-align:middle;
    display:table-cell;
    margin-left:auto;
    margin-right:auto;
    height:48px;
    width:48px
}
.container-content img#placeholder {
    position:absolute;
    top:0;
    left:0;
    z-index:2
}
#SCNavbar {
    z-index:999998;
    display:none;
    position:absolute;
    width:100%
}
#SCNavbar #SCBuyNow button, #SCNavbar #SCBuyNow a {
    margin-left:5px;
    margin-right:15px
}
#SCNavbar #SCBuyNow a {
    color:#fff;
    padding:10px
}
#SCNavbar #SCBuyNow a:hover {
    background-color:#2e6da4
}
#SCNavbar #SCNavCenter {
    position:absolute;
    width:100%;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto
}
#SCNavbar #SCNavCenter li {
    position:absolute;
    left:50%;
    top:0;
    transform:translate(-50%)
}
#SCNavbar li#SCfullscreen img, #SCNavbar li#SCembed img, #SCNavbar li#SCdownload img {
    width:24px;
    height:24px
}
li#SCembed {
    float:left
}
li#SCLanguages, li#SCChapters, li#SCReadAloudButtonNav, li#SCfullscreen, li#SCSoundtrackButtonNav {
    float:right
}
#SCInfoCover img, #SCSampleCover img {
    max-width:300px;
    max-height:300px
}
.modal-body {
    text-align:center;
    color:#999
}
.modal {
    z-index:999999!important
}
div#SCNavigationToc {
    height:0;
    position:absolute;
    bottom:0;
    margin-bottom:0;
    width:100%;
    z-index:2;
    pointer-events:all;
    z-index:3
}
div#SCNavigationToc .paginationContainer {
    display: none!important;
    position:absolute;
    left:0;
    margin-top:0;
    width:100%;
    overflow:hidden;
    z-index:2;
    height:0;
    background-color:rgba(0, 0, 0, 0.2)
}
div#SCNavigationToc .overflowContainer {
    position:relative;
    top:0;
    left:0;
    height:0;
    padding-left:0;
    text-align:center;
    margin:0;
    display:inline;
    overflow-y:hidden;
    overflow-x:auto;
    z-index:10
}
div#SCNavigationToc .SCpagination {
    position:relative;
    text-align:center;
    height:100%;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    overflow-x:scroll;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap
}
div#SCNavigationToc .SCpagination ul {
    list-style:none;
    margin:0;
    padding:0;
    height:100%
}
div#SCNavigationToc .SCpagination li {
    display:inline-block;
    height:100%;
    border-radius:2px;
    margin:0 3px 0 0;
    text-align:center;
    cursor:pointer;
    overflow:hidden;
    font-family:"Helvetica";
    font-weight:bolder;
    font-size:12px
}
div#SCNavigationToc .SCpagination li img {
    height:100%
}
div#SCNavigationToc .SCpagination li.selected {
    border:2px solid;
    border-color:#4278f5
}
div#SCNavigationToc .SCpagination li.active {
    border:2px solid #ff0;
    box-sizing:border-box
}
div#SCNavigationArrows {
    position:relative;
    height:100%;
    margin:0 auto;
    display:none
}
div#SCNavigationLeft {
    position:absolute;
    top:0;
    left:5px;
    width:68px;
    height:inherit;
    background-image:url(../images/scnavigation-prev-btn.png);
    background-size:68px;
    background-position:center center;
    background-repeat:no-repeat;
    pointer-events:auto;
    z-index:2
}
div#SCNavigationLeft:hover {
    background-image:url(../images/scnavigation-prev-btn-hover.png)
}
div#SCNavigationLeft:active {
    background-image:url(../images/scnavigation-prev-btn-active.png)
}
div#SCNavigationRight {
    position:absolute;
    float:right;
    top:0;
    right:5px;
    width:68px;
    height:inherit;
    background-image:url(../images/scnavigation-next-btn.png);
    background-size:68px;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:2
}
div#SCNavigationRight:hover {
    background-image:url(../images/scnavigation-next-btn-hover.png)
}
div#SCNavigationRight:active {
    background-image:url(../images/scnavigation-next-btn-active.png)
}
#SCPageViewerLeft {
    margin:0 auto;
    width:100%;
    height:100%;
    position:absolute
}
#SCPageViewerCenter, .SCLoader {
    margin:0 auto;
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:absolute;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:10;
    touch-action:none
}
#SCPageViewerRight {
    margin:0 auto;
    width:100%;
    height:100%;
    position:absolute
}
.container-content .leftPageView, .container-content .rightPageView {
    position:absolute
}
.swiper-wp8-horizontal {
    -ms-touch-action:pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action:pan-x
}
div.swiper-container {
    top:0;
    width:100%;
    height:100%;
    position:absolute;
    z-index:1;
    overflow:hidden
}
nav {
    z-index:999
}
.socialbtn {
    padding-top:10px
}
.socialbtn ul {
    list-style:none;
    padding:0;
    height:100%
}
.socialbtn li {
    display:inline-block;
    margin:15px
}
#SCDwonloadSampleButton {
    margin-top:50px;
    margin-bottom:50px
}
@media screen and (max-width: 767px) {
    ul#SCNavCenter, button.navbar-toggle {
        display:none
    }
    .container-fluid>.navbar-header {
        margin-right:0;
        margin-left:0;
        float:left
    }
    .navbar-nav li {
        float:left;
        margin:0
    }
    .navbar-nav li a {
        padding-left:5px
    }
    ul.nav.navbar-nav.navbar-complete {
        text-align:center!important
    }
    .navbar-nav li {
        float:none!important;
        display:inline-block
    }
    .navbar-complete {
        width:auto!important
    }
}
.navbar-complete {
    width:100%
}
#SCcontainer-nav {
    margin-left:auto;
    margin-right:auto
}
.navbar .disabled {
    opacity:.3
}
.navbar .enabled {
    opacity:1
}
.clear-loading {
    text-align:center;
    margin:0 auto;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box
}
.loading-effect-1 {
    width:100px;
    height:100px
}
.loading-effect-1 span {
    display:block;
    -webit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
    border:4px solid #fff;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.loading-effect-1 span:first-child {
    width:100%;
    height:100%;
    border-color:#d62188;
    border-left-color:transparent;
    top:0;
    left:0;
    -webkit-animation:effect-1-1 4s infinite linear;
    -moz-animation:effect-1-1 4s infinite linear;
    -ms-animation:effect-1-1 4s infinite linear;
    -o-animation:effect-1-1 4s infinite linear;
    animation:effect-1-1 4s infinite linear
}
.loading-effect-1 span:nth-child(2) {
    width:75%;
    height:75%;
    border-color:#3e88bd;
    border-right-color:transparent;
    top:12.5%;
    left:12.5%;
    -webkit-animation:effect-1-2 3s infinite linear;
    -moz-animation:effect-1-2 3s infinite linear;
    -ms-animation:effect-1-2 3s infinite linear;
    -o-animation:effect-1-2 3s infinite linear;
    animation:effect-1-2 3s infinite linear
}
.loading-effect-1 span:last-child {
    width:50%;
    height:50%;
    border-color:#689c4a;
    border-bottom-color:transparent;
    top:25%;
    left:25%;
    -webkit-animation:effect-1-1 4s infinite linear;
    -moz-animation:effect-1-1 4s infinite linear;
    -ms-animation:effect-1-1 4s infinite linear;
    -o-animation:effect-1-1 4s infinite linear;
    animation:effect-1-1 4s infinite linear
}
@-webkit-keyframes effect-1-1 {
    from {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes effect-1-1 {
    from {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        -o-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes effect-1-2 {
    from {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@keyframes effect-1-2 {
    from {
        -webkit-transform:rotate(0deg);
        -moz-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        -o-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    to {
        -webkit-transform:rotate(-360deg);
        -moz-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        -o-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}