
.page * 
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.page 
{
    line-height: 1;
    letter-spacing: 0.000em;
    overscroll-behavior: contain;
}


.page ul {
    list-style-type: none;
}

.page .page ol {
    list-style-position: outside;
    margin-left: 0.5em;
}

.page .singleline li,
.page .singleline li {
text-indent: inherit;
    padding: 0;
}
.page .page ol > li > *,
.page .page ul > li > *
{
    text-indent: initial;
    padding-left: initial;
}

/*General styles*/
#container-wrap,
#container {
    height: 100%;
}

#container-wrap {
    position: absolute;
    top: 0;
    left: 0;
}

#container-wrap,
#container {
    min-height: 100%;
    width: 100%;
    background-color: transparent;
    z-index: 0;
    overflow-x: hidden;
}

.page b {
    font-weight: bold;
}

.page i {
    font-style: italic;
}

.page a {
    color: inherit;
    text-decoration: inherit;
}


.page p:first-child {
    margin-top: inherit !important;
}

.page * {
    outline: none;
    animation-fill-mode: both !important;
    -webkit-animation-fill-mode: both !important;
}

.flipwrap {
    cursor: pointer;
    pointer-events: auto;
}

body.tall-page {
    overflow-y: auto;
}
.liquid .page.tall-page {
    height: auto;
}

.paper-vertical:after {
    position: relative;
    content: " ";
    display: block;
    height: 5.000em;
    clear: both;
}
body[data-scaled-to="h"] .paper-vertical:after {
    display: none;
}
body[data-scaled-to="h"] .paper-horizontal {
    margin: 0;
}
body[data-scaled-to="h"] .paper-horizontal .page {
    margin-top: 0;
}

#demoNote
{
    min-width: 100%;
    color: #fff;
    background: #666;
    font-family: "Trebuchet MS", "Lucida Grande", Helvetica, sans-serif;
    text-align: center;
    font-size: 1.500em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}



#demoNote {
    right: 0;
    bottom: 0;
    margin: auto;
    height: 9.600em !important;
    padding: 3.600em 1.000em;
}

#demoNote a {
    text-decoration: none;
    color: #99ccff;
}
svg-img {
    display: block;
    position: absolute;
}
.win-safari svg-img {
    width: 100%;
}
svg-img {
    width: 100%;
}
.spread-shift {
    position: absolute;
}
.pageItem,
svg {
    position: absolute;
    top: 0;
    left: 0;
}
svg {
    overflow: visible;
}
.pageItem {
    display: block;
    width: auto !important;
    height: auto !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    padding: 0;
}
.pageItem.hd {
    -ms-transform: scale(0.5);
    -ms-transform-origin: 0 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0 0;
    transform: scale(0.5);
    transform-origin: 0 0 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .pageItem {
    image-rendering: -webkit-optimize-contrast;
    }
}
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .pageItem {
        image-rendering: optimizeSpeed;
    }
    }
}
@-moz-document url-prefix() {
    .pageItem {
    image-rendering: optimizeQuality;
    }
}
.svg-wrap {
    width: inherit !important;
    height: inherit !important;
}
.pageItem p img {
    vertical-align: text-top;
}
.pageItem p input,
.pageItem p button {
    display: inline;
}
.pageItem p .hidden,
.details {
    visibility: hidden;
}
.pageItem.group[data-ani] {
    will-change: transform;
}
#colorbox .details {
    visibility: visible;
}
.details {
    max-width: 55.000em;
    font-size: 1.800em;
    font-family: sans-serif;
    padding: 0 2.400em;
    line-height: 150%;
    left: 0;
    right: 0;
    margin: auto;
}
.details p {
    margin-top: 0.5em;
}
.details h1,
.details h2,
.details h3,
.details h4,
.details h5,
.details strong {
    font-weight: bold;
    margin: 0.7em 0;
}
.details em {
    font-style: italic;
}
.details h1 {
    font-size: 150%;
}
.details h2 {
    font-size: 140%;
}
.details h3 {
    font-size: 130%;
}
.details a {
    color: #0099ff;
    text-decoration: underline;
}
.details a:hover {
    text-decoration: none;
}
@media (max-device-width: 81.200em) {
    .details {
    font-size: 3.200em;
    }
}
html.ios .iframe-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
iframe[scrolling="auto"] {
    overflow: auto;
}
iframe[scrolling="yes"] {
    overflow: scroll;
}
iframe[scrolling="no"] {
    overflow: hidden;
}
.page-scale-wrap {
    transform: translateZ(0);
}
.page,
.page-scale-wrap {
    position: relative;
    float: left;
    overflow: hidden;
}
.pages {
    list-style: none outside none;
    padding: 0;
    margin: 0 auto;
}
#container > .page {
    /*center single page baker*/
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
}
body:not(.zoomed,.responsive) #container {
    /*desktop scaling transitions*/
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}
html.multifile body #container {
    opacity: 0;
}
html.multifile body.loaded #container {
    /*do show scaling of multi-page*/
    opacity: 1;
    -ms-transition: opacity 0.1s step-start 0.1s !important;
    -webkit-transition: opacity 0.1s step-start 0.1s !important;
    transition: opacity 0.1s step-start 0.1s !important;
}
html.multifile.fade body.loaded #container {
    -ms-transition: opacity 0.6s !important;
    -webkit-transition: opacity 0.6s !important;
    transition: opacity 0.6s !important;
}

.textColumn {
    float: left;
}
.singleline p {
    line-height: 1em !important;
    position: absolute;
    width: 100%; /*fix webkit display issue*/
}
p.col-break-before::before {
    content: "";
    height: 0.000em;
    width: 100%;
    display: block;
    margin-bottom: 100%;
}
.scroll,
.scroll-vert,
.scroll-horiz {
    -webkit-overflow-scrolling: touch;
} /*was broken in iOS, turn off if scroll not working*/
.scroll {
    overflow: auto;
}
.scroll-vert {
    overflow-y: auto;
    overflow-x: hidden;
}
.scroll-horiz {
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll-vert::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0.700em;
} /*add back scrollbar for webkit*/
.scroll-vert::-webkit-scrollbar-thumb {
    border-radius: 0.400em;
    background-color: rgba(0, 0, 0, 0.5);
}
.hidescroll::-webkit-scrollbar {
    display: none;
}
.hidescroll {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none; /*old FF*/
}
.pulltab-left,
.pulltab-left > * {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}
.pulltab-top,
.pulltab-top > * {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}
object,
embed,
img,
a {
    outline: 0;
}
.liquid svg,
.liquid .page-scale-wrap {
    height: 100%;
    width: 100%;
}
.noPlugin {
    width: 100%;
    height: 100%;
    padding: 0.600em;
    background: #ccc;
    border: 0.100em solid #666;
}

.paper-vertical,
.paper-horizontal {
    padding: 0 0.800em;
}
.flip {
    overflow: hidden;
    -webkit-transition: transform 0.3s ease-in-out;
    -ms-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.turn-page-wrapper {
    will-change: transform;
}
.turn-page {
    -moz-box-shadow: 0.000em 0.000em 2.000em rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0.000em 0.000em 2.000em rgba(0, 0, 0, 0.7);
    box-shadow: 0.000em 0.000em 2.000em rgba(0, 0, 0, 0.7);
}
.turn-page:not(.activePage) .pageItem[data-ani] {
    /*fix 2x animation*/
    opacity: 0;
    animation: none !important;
}
.paper-horizontal {
    position: absolute;
    overflow-y: visible;
    overflow-x: hidden;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
}

.paper-vertical .page,
.paper-horizontal .page {
    border: 0.100em solid #bbb;
    margin: 0.400em 0.400em 0.400em 0;
    -moz-box-shadow: 0.000em 0.000em 0.000em #999;
    -webkit-box-shadow: 0.000em 0.000em 0.500em #999;
    box-shadow: 0.000em 0.000em 0.500em #999;
}

html[data-dir="rtl"] .paper-horizontal .page {
    float: right;
}

.one-page-scroll .page {
    border: none;
    margin: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mejs-mediaelement {
    overflow: hidden;
}
.mejs-container {
    position: relative;
    background: none;
}
.mejs-none .mejs-overlay-loading,
.mejs-none .mejs-overlay-button,
.mejs-none .mejs-controls,
.mejs-bigplay .mejs-controls {
    display: none !important;
}
.mejs-uncon video {
    object-fit: fill;
}
.mejs-coverfit video {
    object-fit: cover;
}
.mejs-ccsize-large .mejs-captions-layer {
    font-size: 2.000em;
}
.mejs-ccsize-xlarge .mejs-captions-layer {
    font-size: 2.600em;
}
.mejs-video .mejs-controls {
    transform: translateZ(0);
}

.mejs-no-controls {
    display: none;
}
.vid-scaled .mejs-layers,
.vid-scaled .mejs-controls {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.liquid .page,
.page.liquid {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}

.page.liquid {
    /*for multi-file*/
    display: block;
}
.liquid .page.activePage {
    display: block;
}
.liquid video {
    width: 100%;
    height: 100%;
}
.liquid .slideshow img {
    object-fit: contain;
}

.hidden {
    display: none !important;
}
.skip-link-wrap {
    z-index: 1;
    position: fixed;
}
[data-reader-only="1"] {
    transform: translateY(-100vh) !important;
    z-index: -1;
}
[data-reader-only="1"]:focus,
[data-reader-only="1"]:active {
    transform: translateY(0%) !important;
    z-index: 1;
}
.mso,
.group,
.mso > .state {
    pointer-events: none;
}
.mso > .state * {
    pointer-events: inherit;
}
.mso > .state.active * {
    pointer-events: auto;
}
[data-tapstart="1"],
[data-useswipe="1"],
.group > * {
    pointer-events: auto;
}
.mso > .state {
    display: block;
    opacity: 0;
    width: 100% !important;
    height: inherit !important;
    position: absolute;
    z-index: -1;
}
.liquid .mso > .state {
    height: 100% !important;
}
.liquid label > .state {
    width: 100% !important;
    height: 100% !important;
}
.mso > .state.active,
.mso > .state.transition {
    display: block;
    opacity: 1;
    z-index: 0;
}
.mso.slideshow.seq,
.panzoom,
.fauxgroup {
    overflow: hidden;
}
.panzoom {
    cursor: move;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.panzoom > .content {
    -ms-transform: none;
    -ms-transform-origin: auto;
    -webkit-transform: none;
    -webkit-transform-origin: auto;
    transform: none;
    transform-origin: auto;
}
.panzoom:not(.dragging) > .content {
    transition: all 0.3s;
}

button .state {
    width: 100% !important;
    height: 100% !important;
}
button .state.btn-on,
button .state.btn-down {
    display: none;
}
html:not(.ios) button.has-on:hover .state.btn-on {
    display: block;
}
html:not(.ios) button.has-on:hover .state.btn-off,
html:not(.ios) button.has-on:hover .state.btn-down {
    display: none;
}
html:not(.zz) button.has-down .state {
    pointer-events: none;
}
html:not(.zz) button.has-down:active .state.btn-down {
    display: block;
}
html:not(.zz) button.has-down:active .state.btn-off,
html:not(.zz) button.has-down:active .state.btn-on {
    display: none;
}

.align-vert {
    display: table;
}
[class^="valign"] {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    columns: inherit;
}
.valign-bottom {
    vertical-align: bottom;
}
[class^="valign"] > p {
    position: relative;
}

.flex-image,
.fill-image {
    background-repeat: no-repeat;
}
.flex-image {
    background-size: contain;
    background-position: center;
}
.fill-image {
    background-size: cover;
}

/*tabs*/
p.tabs,
p.tabs > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
p.tabs > a {
    width: 100%;
    width: -moz-available;
    width: -webkit-fill-available;
}
p.tabs span.tabbed-right {
    -ms-flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: right;
}
p.tabs span.tabbed-center {
    -ms-flex-grow: 50;
    -webkit-flex-grow: 50;
    flex-grow: 50;
    text-align: center;
}
span.tabbed-standard {
    text-indent: 2ex;
    padding-left: 2ex;
}
p.no-start-indent {
    text-indent: 0.000em !important;
}

/*anchor object styles*/
.ao-noTextWrap {
    position: absolute;
}
.ao-alignLeft,
.ao-leftFullWidth {
    float: left;
    position: relative;
}
.ao-alignRight,
.ao-rightFullWidth {
    float: right;
    transform-origin: 90% 50%;
    -webkit-transform: 90% 50%; /*fix for anchored animation*/
}
.ao-alignCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ao-inlineTable {
    display: block;
}
.ao-leftFullWidth {
    padding-right: 100%;
}
.ao-rightFullWidth {
    padding-left: 100%;
}
.anchorGroup {
    position: relative;
}
div.ao-alignLeft:before,
div.ao-leftFullWidth:before {
    content: "";
    float: left;
    display: none;
}
div.ao-alignRight:before,
div.ao-leftFullRight:before {
    content: "";
    float: right;
    display: none;
}
.anchorGroup > .mso,
.anchorGroup > .group {
    position: relative;
}

ul.thumbs {
    padding: 2.000em;
    white-space: nowrap;
    width: 0.100em;
}

ul.thumbs li {
    /*Baker index thumbnails*/
    display: inline;
    list-style-type: none;
    margin: 0 0.400em;
    outline: none;
    vertical-align: top;
}
ul.thumbs > li img {
    box-shadow: 0 0 0.400em rgba(0, 0, 0, 0.5);
}
.baker audio[controls] {
    min-width: 40.000em;
} /*fix progress bar*/

@media print {
    #container,
    .page-scale-wrap {
    transform: none !important;
    }
    [class*=" btn-form-"] {
    display: none;
    }
}

:-ms-fullscreen .paper-horizontal {
    width: auto;
    height: auto;
    position: initial;
    margin: auto;
}
:-moz-full-screen .paper-horizontal {
    width: auto;
    height: auto;
    position: initial;
    margin: auto;
}
:-webkit-full-screen .paper-horizontal {
    width: auto;
    height: auto;
    position: initial;
    margin: auto;
}

:-ms-fullscreen .paper-vertical .page {
    display: none;
}
:-moz-full-screen .paper-vertical .page {
    display: none;
}
:-webkit-full-screen .paper-vertical .page {
    display: none;
}

:-ms-fullscreen .paper-horizontal .page {
    display: none;
}
:-moz-full-screen .paper-horizontal .page {
    display: none;
}
:-webkit-full-screen .paper-horizontal .page {
    display: none;
}

:-ms-fullscreen .page.activePage {
    display: block;
}
:-moz-full-screen .page.activePage {
    display: block;
}
:-webkit-full-screen .page.activePage {
    display: block;
}

:-webkit-full-screen .hideFS {
    display: none;
}
:-ms-fullscreen .hideFS {
    display: none;
}
:-moz-full-screen .hideFS {
    display: none;
}

/*CSS Generated from InDesign Styles*/

body,
#container-wrap {
    background: #ededed;
}
:-webkit-full-screen {
    background: #ededed;
}
#loadIndicator span:after {
    padding-left: 1ex;
    content: "loading content...";
}
.page-scale-wrap {
    width: 59.500em;
    height: 170.100em;
    background: #fff !important;
}
.paper-vertical {
    width: 59.500em;
    height: 100%;
}
.paper-horizontal {
    width: 1.000em;
    height: 171.300em;
}


@media all and (max-height: 170.100em) {
    .paper-horizontal {
    margin: 0;
    top: 0;
    }
    #container > .page {
    margin: 0 auto;
    } /*pos top for webkit+baker*/
}
@media all and (max-width: 59.500em) {
    .paper-vertical .page,
    .paper-horizontal .page,
    .paper-vertical,
    .paper-horizontal {
    padding: 0;
    }
}

@keyframes share-fadein {
    from {
    opacity: 0;
    }
    to {
    opacity: 1;
    }
}
@-webkit-keyframes share-fadein {
    from {
    opacity: 0;
    }
    to {
    opacity: 1;
    }
}
@font-face {
  font-family: FF-OpenSansSemiCondensed-Bold;
  src: url("../fonts/OpenSans_SemiCondensed-Bold.ttf");
  font-weight: bold;
  font-stretch: condensed;
}

@font-face {
  font-family: FF-OpenSansSemiCondensed-Medium;
  src: url("../fonts/OpenSans_SemiCondensed-Medium.ttf");
  font-stretch: condensed;
}

@font-face {
  font-family: FF-OpenSansSemiCondensed-Regular;
  src: url("../fonts/OpenSans_SemiCondensed-Regular.ttf");
  font-stretch: condensed;
}

