@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
#overlay {
  position: fixed;
  z-index: 1050;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow: auto; }
  #overlay .dimmer-content {
    z-index: 1;
    position: relative; }
    @media (max-width: 955px) {
      #overlay .dimmer-content, #overlay .dimmer-content .boxset {
        overflow: hidden; } }
  #overlay .centerparent {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none; }
  #overlay .vcenter {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center; }
  #overlay div.overlay-box {
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    position: relative;
    pointer-events: auto; }
    #overlay div.overlay-box div.close_corner {
      position: absolute; }
  #overlay .default-style {
    padding: 60px;
    max-width: 699px; }
    #overlay .default-style h1 {
      margin-bottom: 20px; }

/* These are the styles for the dimmer layer */
#overlay.default-const {
  -webkit-transition: background-color 250ms linear;
          transition: background-color 250ms linear;
  background-color: black; }

.csstransitions.cssanimations #overlay.default-pre {
  background-color: transparent; }

.csstransitions.cssanimations #overlay.default-end {
  background-color: rgba(0, 0, 0, 0.7); }

.csstransitions.cssanimations #overlay.default-exit {
  background-color: transparent; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-default-const {
  -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
          transition: opacity 250ms ease-out, transform 250ms ease-out; }
  #overlay div.overlay-box-default-const div.close_corner {
    padding: 10px;
    right: 15px;
    top: 15px;
    font-size: 15px;
    cursor: pointer;
    color: #78756E;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out; }
    #overlay div.overlay-box-default-const div.close_corner:visited {
      color: #78756E; }
    #overlay div.overlay-box-default-const div.close_corner:focus {
      color: #A49F96; }
    #overlay div.overlay-box-default-const div.close_corner:hover {
      color: #A49F96; }
    #overlay div.overlay-box-default-const div.close_corner:active {
      color: #A49F96; }
  #overlay div.overlay-box-default-const div.overlay-box {
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.25); }

.csstransitions.cssanimations #overlay div.overlay-box-default-pre {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  -moz-transform: none;
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-default-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  -moz-transform: none;
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-default-exit {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.stacks-const {
  background-color: #FAF9F8; }

.csstransitions.cssanimations #overlay.stacks-const {
  -webkit-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }

.csstransitions.cssanimations #overlay.stacks-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay.stacks-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay.stacks-exit {
  opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-stacks-const {
  text-align: center;
  width: 100%; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-const {
  -webkit-transition: opacity 300ms ease-out;
          transition: opacity 300ms ease-out; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-exit {
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.publish-const {
  -webkit-transition: background-color 225ms linear;
          transition: background-color 225ms linear; }
  #overlay.publish-const div.boxset {
    -webkit-transition: opacity 225ms linear;
            transition: opacity 225ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #9b9b9b; }
    @media (max-width: 955px) {
      #overlay.publish-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.publish-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.publish-const div.boxset {
        width: 296px; } }
    #overlay.publish-const div.boxset #logo-overlay {
      display: inline-block;
      font-size: 115px;
      line-height: 40px;
      float: left;
      position: relative;
      top: 18px;
      left: 0px; }
    #overlay.publish-const div.boxset .dimmer-cancel-link, #overlay.publish-const div.boxset .dimmer-signup-link, #overlay.publish-const div.boxset .dimmer-signin-link {
      float: right;
      position: relative;
      top: 28px;
      right: 0px;
      cursor: pointer;
      color: #e05140;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:visited, #overlay.publish-const div.boxset .dimmer-signup-link:visited, #overlay.publish-const div.boxset .dimmer-signin-link:visited {
        color: #e05140; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:focus, #overlay.publish-const div.boxset .dimmer-signup-link:focus, #overlay.publish-const div.boxset .dimmer-signin-link:focus {
        color: #f7f7f7; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:hover, #overlay.publish-const div.boxset .dimmer-signup-link:hover, #overlay.publish-const div.boxset .dimmer-signin-link:hover {
        color: #f7f7f7; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:active, #overlay.publish-const div.boxset .dimmer-signup-link:active, #overlay.publish-const div.boxset .dimmer-signin-link:active {
        color: #f7f7f7; }

.csstransitions.cssanimations #overlay.publish-pre {
  background-color: transparent; }
  .csstransitions.cssanimations #overlay.publish-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.publish-end {
  background-color: black; }
  .csstransitions.cssanimations #overlay.publish-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.publish-exit {
  background-color: transparent; }
  .csstransitions.cssanimations #overlay.publish-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-signinup-const {
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out;
  /*@include box-shadow(#000 0px 0px 40px);*/ }
  #overlay div.overlay-box-signinup-const div.close_corner {
    display: none; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.publish-fullscreen-const {
  background-color: #404040;
  -webkit-transition: background-color 225ms linear;
          transition: background-color 225ms linear; }
  #overlay.publish-fullscreen-const div.boxset {
    -webkit-transition: opacity 225ms linear;
            transition: opacity 225ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto; }
    @media (max-width: 955px) {
      #overlay.publish-fullscreen-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.publish-fullscreen-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.publish-fullscreen-const div.boxset {
        width: 296px; } }
    #overlay.publish-fullscreen-const div.boxset #logo-overlay {
      display: none; }
    #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link {
      float: right;
      position: relative;
      top: 28px;
      right: 0px;
      cursor: pointer;
      color: #9AA8A9;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:visited, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:visited, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:visited {
        color: #9AA8A9; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:focus, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:focus, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:focus {
        color: #B0C1C2; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:hover, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:hover, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:hover {
        color: #B0C1C2; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:active, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:active, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:active {
        color: #B0C1C2; }
    #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #9b9b9b;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      right: 65px; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:visited, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:visited {
        color: #9b9b9b; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:focus, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:focus {
        color: #a5bfd0; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:hover, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:hover {
        color: #a5bfd0; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:active, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:active {
        color: #a5bfd0; }

.csstransitions.cssanimations #overlay.publish-fullscreen-pre {
  background-color: rgba(64, 64, 64, 0); }
  .csstransitions.cssanimations #overlay.publish-fullscreen-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.publish-fullscreen-end {
  background-color: #404040; }
  .csstransitions.cssanimations #overlay.publish-fullscreen-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.publish-fullscreen-exit {
  background-color: rgba(64, 64, 64, 0); }
  .csstransitions.cssanimations #overlay.publish-fullscreen-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-publish-fullscreen-const {
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out; }
  #overlay div.overlay-box-publish-fullscreen-const div.close_corner {
    display: none; }

.csstransitions.cssanimations #overlay div.overlay-box-publish-fullscreen-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-publish-fullscreen-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-publish-fullscreen-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.signinup-const {
  background-color: #253139;
  -webkit-transition: background-color 200ms linear;
          transition: background-color 200ms linear; }
  #overlay.signinup-const div.boxset {
    z-index: 1;
    -webkit-transition: opacity 200ms linear;
            transition: opacity 200ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #9b9b9b; }
    @media (max-width: 955px) {
      #overlay.signinup-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.signinup-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.signinup-const div.boxset {
        width: 296px; } }
    #overlay.signinup-const div.boxset .dimmer-links {
      width: 100%;
      margin-top: 22px;
      height: 10px;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      @media (max-width: 479px) {
        #overlay.signinup-const div.boxset .dimmer-links {
          top: 18px; } }
    #overlay.signinup-const div.boxset .dimmer-cancel-link, #overlay.signinup-const div.boxset .dimmer-signup-link, #overlay.signinup-const div.boxset .dimmer-signin-link, #overlay.signinup-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #e05140;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      margin-right: 10px;
      padding: 5px 8px; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:visited, #overlay.signinup-const div.boxset .dimmer-signup-link:visited, #overlay.signinup-const div.boxset .dimmer-signin-link:visited, #overlay.signinup-const div.boxset .dimmer-back-link:visited {
        color: #e05140; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:focus, #overlay.signinup-const div.boxset .dimmer-signup-link:focus, #overlay.signinup-const div.boxset .dimmer-signin-link:focus, #overlay.signinup-const div.boxset .dimmer-back-link:focus {
        color: #f7f7f7; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:hover, #overlay.signinup-const div.boxset .dimmer-signup-link:hover, #overlay.signinup-const div.boxset .dimmer-signin-link:hover, #overlay.signinup-const div.boxset .dimmer-back-link:hover {
        color: #f7f7f7; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:active, #overlay.signinup-const div.boxset .dimmer-signup-link:active, #overlay.signinup-const div.boxset .dimmer-signin-link:active, #overlay.signinup-const div.boxset .dimmer-back-link:active {
        color: #f7f7f7; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:last-child, #overlay.signinup-const div.boxset .dimmer-signup-link:last-child, #overlay.signinup-const div.boxset .dimmer-signin-link:last-child, #overlay.signinup-const div.boxset .dimmer-back-link:last-child {
        margin-right: 0px; }
      @media (max-width: 479px) {
        #overlay.signinup-const div.boxset .dimmer-cancel-link, #overlay.signinup-const div.boxset .dimmer-signup-link, #overlay.signinup-const div.boxset .dimmer-signin-link, #overlay.signinup-const div.boxset .dimmer-back-link {
          margin-right: 0px;
          padding: 10px 2px; } }
    #overlay.signinup-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #9b9b9b;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: left; }
      #overlay.signinup-const div.boxset .dimmer-back-link:visited {
        color: #9b9b9b; }
      #overlay.signinup-const div.boxset .dimmer-back-link:focus {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-back-link:hover {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-back-link:active {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-back-link span {
        padding: 5px;
        vertical-align: -10%; }
    #overlay.signinup-const div.boxset .dimmer-cancel-link {
      float: right; }
    #overlay.signinup-const div.boxset .dimmer-signin-link, #overlay.signinup-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #9b9b9b;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: right; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:visited, #overlay.signinup-const div.boxset .dimmer-signup-link:visited {
        color: #9b9b9b; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:focus, #overlay.signinup-const div.boxset .dimmer-signup-link:focus {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:hover, #overlay.signinup-const div.boxset .dimmer-signup-link:hover {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:active, #overlay.signinup-const div.boxset .dimmer-signup-link:active {
        color: #a5bfd0; }
    #overlay.signinup-const div.boxset .dimmer-step {
      padding: 5px 8px;
      margin-right: 20px;
      float: right; }
    #overlay.signinup-const div.boxset .dimmer-issuuicon {
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-bottom: 35px; }
      #overlay.signinup-const div.boxset .dimmer-issuuicon div {
        margin: auto; }

.csstransitions.cssanimations #overlay.signinup-pre {
  background-color: rgba(37, 49, 57, 0); }
  .csstransitions.cssanimations #overlay.signinup-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.signinup-end {
  background-color: #253139; }
  .csstransitions.cssanimations #overlay.signinup-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.signinup-exit {
  background-color: rgba(37, 49, 57, 0); }
  .csstransitions.cssanimations #overlay.signinup-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-signinup-const {
  height: 75%;
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out; }
  #overlay div.overlay-box-signinup-const div.close_corner {
    display: none; }
  #overlay div.overlay-box-signinup-const .vcenter {
    vertical-align: top;
    padding-top: 40px; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.signin-const {
  background-color: #FAF9F8;
  -webkit-transition: background-color 200ms linear;
          transition: background-color 200ms linear; }
  #overlay.signin-const div.boxset {
    z-index: 1;
    -webkit-transition: opacity 200ms linear;
            transition: opacity 200ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #9b9b9b; }
    @media (max-width: 955px) {
      #overlay.signin-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.signin-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.signin-const div.boxset {
        width: 296px; } }
    #overlay.signin-const div.boxset .dimmer-links {
      width: 100%;
      margin-top: 18px;
      height: 10px;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      @media (max-width: 479px) {
        #overlay.signin-const div.boxset .dimmer-links {
          top: 18px; } }
    #overlay.signin-const div.boxset .dimmer-cancel-link, #overlay.signin-const div.boxset .dimmer-signup-link, #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #F36D5D;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      margin-right: 10px;
      padding: 5px 8px; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:visited, #overlay.signin-const div.boxset .dimmer-signup-link:visited, #overlay.signin-const div.boxset .dimmer-signin-link:visited, #overlay.signin-const div.boxset .dimmer-back-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus, #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-back-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover, #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-back-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active, #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-back-link:active {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:last-child, #overlay.signin-const div.boxset .dimmer-signup-link:last-child, #overlay.signin-const div.boxset .dimmer-signin-link:last-child, #overlay.signin-const div.boxset .dimmer-back-link:last-child {
        margin-right: 0px; }
      @media (max-width: 479px) {
        #overlay.signin-const div.boxset .dimmer-cancel-link, #overlay.signin-const div.boxset .dimmer-signup-link, #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-back-link {
          margin-right: 0px;
          padding: 10px 2px; } }
    #overlay.signin-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #F36D5D;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: left; }
      #overlay.signin-const div.boxset .dimmer-back-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-back-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link:active {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link span {
        padding: 5px;
        vertical-align: -10%; }
    #overlay.signin-const div.boxset .dimmer-cancel-link {
      float: right; }
    #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #F36D5D;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: right; }
      #overlay.signin-const div.boxset .dimmer-signin-link:visited, #overlay.signin-const div.boxset .dimmer-signup-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active {
        color: #DE5647; }
    #overlay.signin-const div.boxset .dimmer-step {
      padding: 5px 8px;
      margin-right: 20px;
      float: right; }
    #overlay.signin-const div.boxset .dimmer-issuuicon {
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-bottom: 35px; }
      #overlay.signin-const div.boxset .dimmer-issuuicon div {
        margin: auto; }

.csstransitions.cssanimations #overlay.signin-pre {
  background-color: rgba(250, 249, 248, 0); }
  .csstransitions.cssanimations #overlay.signin-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.signin-end {
  background-color: #faf9f8; }
  .csstransitions.cssanimations #overlay.signin-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.signin-exit {
  background-color: rgba(250, 249, 248, 0); }
  .csstransitions.cssanimations #overlay.signin-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-signin-const {
  height: 75%;
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out; }
  #overlay div.overlay-box-signin-const div.close_corner {
    display: none; }
  #overlay div.overlay-box-signin-const .vcenter {
    vertical-align: top;
    padding-top: 40px; }

.csstransitions.cssanimations #overlay div.overlay-box-signin-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-signin-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-signin-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.delete-account-const {
  background-color: #e05140;
  -webkit-transition: background-color 225ms linear;
          transition: background-color 225ms linear; }
  #overlay.delete-account-const div.boxset {
    -webkit-transition: opacity 225ms linear;
            transition: opacity 225ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #923429; }
    @media (max-width: 955px) {
      #overlay.delete-account-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.delete-account-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.delete-account-const div.boxset {
        width: 296px; } }
    #overlay.delete-account-const div.boxset #logo-overlay {
      display: inline-block;
      font-size: 35px;
      line-height: 40px;
      float: left;
      position: relative;
      top: 18px;
      left: 0px; }
    #overlay.delete-account-const div.boxset .dimmer-cancel-link {
      float: right;
      position: relative;
      top: 28px;
      right: 0px;
      cursor: pointer;
      color: white;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:visited {
        color: white; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:focus {
        color: #f7f7f7; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:hover {
        color: #f7f7f7; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:active {
        color: #f7f7f7; }

.csstransitions.cssanimations #overlay.delete-account-pre {
  background-color: rgba(224, 81, 64, 0); }
  .csstransitions.cssanimations #overlay.delete-account-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.delete-account-end {
  background-color: #e05140; }
  .csstransitions.cssanimations #overlay.delete-account-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.delete-account-exit {
  background-color: rgba(224, 81, 64, 0); }
  .csstransitions.cssanimations #overlay.delete-account-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-delete-account-const {
  -webkit-transition: opacity 400ms ease-out;
          transition: opacity 400ms ease-out;
  /*@include box-shadow(#000 0px 0px 40px);*/ }
  #overlay div.overlay-box-delete-account-const div.close_corner {
    display: none; }

.csstransitions.cssanimations #overlay div.overlay-box-delete-account-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-delete-account-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-delete-account-exit {
  opacity: 0; }

/* These are the styles for the box and closer */
/* These are the styles for the dimmer layer */
#overlay.service-spinner-const {
  -webkit-transition: background-color 250ms linear;
          transition: background-color 250ms linear;
  background-color: #253139; }

.csstransitions.cssanimations #overlay.service-spinner-pre {
  background-color: rgba(37, 49, 57, 0); }

.csstransitions.cssanimations #overlay.service-spinner-end {
  background-color: rgba(37, 49, 57, 0.7); }

.csstransitions.cssanimations #overlay.service-spinner-exit {
  background-color: rgba(37, 49, 57, 0); }

/* These are the styles for the box and closer */
#overlay div.overlay-box-service-spinner-const {
  -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
          transition: opacity 250ms ease-out, transform 250ms ease-out; }
  #overlay div.overlay-box-service-spinner-const div.close_corner {
    padding: 10px;
    right: 15px;
    top: 15px;
    font-size: 15px;
    cursor: pointer;
    color: #e05140;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:visited {
      color: #e05140; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:focus {
      color: #ad3d31; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:hover {
      color: #ad3d31; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:active {
      color: #ad3d31; }

.csstransitions.cssanimations #overlay div.overlay-box-service-spinner-pre {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  -moz-transform: none;
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-service-spinner-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  -moz-transform: none;
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-service-spinner-exit {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.payment-const div.logo-box {
  z-index: 1;
  -webkit-transition: opacity 200ms linear;
          transition: opacity 200ms linear;
  width: 932px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: absolute;
  margin: 0px auto;
  vertical-align: middle; }
  @media (max-width: 955px) {
    #overlay.payment-const div.logo-box {
      width: 696px; } }
  @media (max-width: 719px) {
    #overlay.payment-const div.logo-box {
      width: 456px; } }
  @media (max-width: 479px) {
    #overlay.payment-const div.logo-box {
      width: 296px; } }

.csstransitions.cssanimations #overlay.payment-const {
  -webkit-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }

.csstransitions.cssanimations #overlay.payment-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay.payment-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay.payment-exit {
  opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-payment-const {
  text-align: center;
  width: 100%; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-const {
  -webkit-transition: opacity 300ms ease-out;
          transition: opacity 300ms ease-out; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-exit {
  opacity: 0; }

.twix-bar.affix {
  -webkit-transition: top 250ms ease-out;
          transition: top 250ms ease-out; }

.twix-message-hub.ready {
  -webkit-transition: height 250ms ease-out;
          transition: height 250ms ease-out; }
  .twix-message-hub.ready .header-bar-affix {
    -webkit-transition: height 250ms ease-out;
            transition: height 250ms ease-out; }
    .twix-message-hub.ready .header-bar-affix.animating {
      overflow: hidden; }
    .twix-message-hub.ready .header-bar-affix.affix {
      -webkit-transition: height 250ms ease-out;
              transition: height 250ms ease-out; }

#header .twix-message-hub .header-bar-affix.affix {
  position: static; }

.snickers-message-hub {
  margin-bottom: 0; }
  .snickers-message-hub .snickers {
    z-index: 4; }

.message-hub-container {
  width: 100%;
  text-align: center;
  -webkit-transition: height 150ms ease-in-out;
          transition: height 150ms ease-in-out;
  overflow: hidden; }
  .message-hub-container .widthconstrainer, .message-hub-container .container {
    position: relative; }
  .message-hub-container .container {
    padding: 20px 12px; }
  .message-hub-container .widthconstrainer {
    padding: 20px 0;
    position: relative; }
  .message-hub-container .message {
    width: 80%;
    margin: 0 auto; }
  .message-hub-container .close, .message-hub-container .close-btn {
    position: absolute;
    top: 20px;
    font-size: 18px;
    cursor: pointer; }
    .message-hub-container .close span, .message-hub-container .close-btn span {
      cursor: pointer; }
  .message-hub-container .close {
    right: 0; }
  .message-hub-container .close-btn {
    right: 12px; }
  .message-hub-container.warn {
    background-color: #ece786;
    color: #7e791e; }
    .message-hub-container.warn a {
      cursor: pointer;
      color: #241f00;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out; }
      .message-hub-container.warn a:visited {
        color: #241f00; }
      .message-hub-container.warn a:focus {
        color: #6a6504; }
      .message-hub-container.warn a:hover {
        color: #6a6504; }
      .message-hub-container.warn a:active {
        color: #6a6504; }

.notification-bar-wrapping {
  width: 100%;
  height: auto;
  margin-bottom: 0; }
  .notification-bar-wrapping.ready {
    -webkit-transition: height 250ms ease-out;
            transition: height 250ms ease-out; }
    .notification-bar-wrapping.ready .notification-bar {
      -webkit-transition: height 250ms ease-out;
              transition: height 250ms ease-out; }
  .notification-bar-wrapping .notification-bar {
    width: 100%;
    z-index: 5;
    height: auto; }
    .notification-bar-wrapping .notification-bar.animating {
      overflow: hidden; }

.friendly-ios-big > .widthconstrainer, .friendly-ios-big > .container {
  width: auto; }

.friendly-ios-big > .widthconstrainer > .close, .friendly-ios-big > .container > .close-btn {
  display: none; }

.message-hub-container.friendly-ios-small {
  background-color: #ef6552; }
  .message-hub-container.friendly-ios-small div.friendly-notification-content p {
    color: #353535; }
    .message-hub-container.friendly-ios-small div.friendly-notification-content p a:hover {
      color: #353535; }
  .message-hub-container.friendly-ios-small a.close, .message-hub-container.friendly-ios-small span.close-btn {
    color: #353535; }

html.flashreader .message-hub-container.friendly-ios-small div.container {
  padding: 0; }

.notification-bar-message-hub {
  margin-bottom: 0; }
  .notification-bar-message-hub .snickers {
    z-index: 4; }

.message-hub-container.friendly {
  width: 100%;
  text-align: center;
  -webkit-transition: height 150ms ease-in-out;
          transition: height 150ms ease-in-out;
  overflow: hidden;
  text-align: left; }
  .message-hub-container.friendly .widthconstrainer, .message-hub-container.friendly .container {
    padding: 0;
    position: relative; }
  .message-hub-container.friendly .message {
    width: 80%;
    margin: 0 auto; }
  .message-hub-container.friendly .close, .message-hub-container.friendly .close-btn {
    position: absolute;
    top: 20px;
    font-size: 18px;
    cursor: pointer; }
    .message-hub-container.friendly .close span, .message-hub-container.friendly .close-btn span {
      cursor: pointer; }
  .message-hub-container.friendly .close, .message-hub-container.friendly .close-btn {
    cursor: pointer;
    color: #DE5647;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out;
    vertical-align: middle;
    margin-left: 15px; }
    .message-hub-container.friendly .close:visited, .message-hub-container.friendly .close-btn:visited {
      color: #DE5647; }
    .message-hub-container.friendly .close:focus, .message-hub-container.friendly .close-btn:focus {
      color: #FFFFFF; }
    .message-hub-container.friendly .close:hover, .message-hub-container.friendly .close-btn:hover {
      color: #FFFFFF; }
    .message-hub-container.friendly .close:active, .message-hub-container.friendly .close-btn:active {
      color: #FFFFFF; }
  .message-hub-container.friendly .close {
    right: 0; }
  .message-hub-container.friendly .close-btn {
    right: 12px; }
  .message-hub-container.friendly .simple.collapsed {
    display: none; }
  .message-hub-container.friendly .full {
    display: none; }
    .message-hub-container.friendly .full.expanded {
      display: block; }
  .message-hub-container.friendly .smallScreen {
    display: none; }
  .message-hub-container.friendly .bigScreen {
    display: block; }
  @media (max-width: 479px) {
    .message-hub-container.friendly .smallScreen {
      display: block; }
    .message-hub-container.friendly .bigScreen {
      display: none; } }
  .message-hub-container.friendly div.friendly-notification-content {
    padding: 20px 0; }
    .message-hub-container.friendly div.friendly-notification-content a {
      cursor: pointer;
      color: #F2F2F2;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out; }
      .message-hub-container.friendly div.friendly-notification-content a:visited {
        color: #F2F2F2; }
      .message-hub-container.friendly div.friendly-notification-content a:focus {
        color: #76A5CC; }
      .message-hub-container.friendly div.friendly-notification-content a:hover {
        color: #76A5CC; }
      .message-hub-container.friendly div.friendly-notification-content a:active {
        color: #76A5CC; }
    @media (max-width: 955px) {
      .message-hub-container.friendly div.friendly-notification-content {
        background-size: 40%; } }
    @media (max-width: 719px) {
      .message-hub-container.friendly div.friendly-notification-content {
        background-size: 0; } }

html.flashreader .message-hub-container.friendly .container {
  padding: 15px 0 0 0; }

.message-hub-container.friendly .container {
  text-align: center; }
  .message-hub-container.friendly .container > * {
    position: static;
    display: inline-block;
    float: none; }
  .message-hub-container.friendly .container a.close {
    font-size: 25px; }
  .message-hub-container.friendly .container .close-btn.issuuicon-remove {
    font-size: 14px; }
  .message-hub-container.friendly .container div.friendly-notification-content {
    padding: 5px 0 0 0px; }
    .htmlreader .message-hub-container.friendly .container div.friendly-notification-content {
      padding: 10px 0; }
    .message-hub-container.friendly .container div.friendly-notification-content p {
      margin: 0; }

body.intro .message-hub-container.friendly {
  visibility: hidden; }

#overlay {
  position: fixed;
  z-index: 1050;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  overflow: auto; }
  #overlay .dimmer-content {
    z-index: 1;
    position: relative; }
    @media (max-width: 955px) {
      #overlay .dimmer-content, #overlay .dimmer-content .boxset {
        overflow: hidden; } }
  #overlay .centerparent {
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none; }
  #overlay .vcenter {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center; }
  #overlay div.overlay-box {
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    position: relative;
    pointer-events: auto; }
    #overlay div.overlay-box div.close_corner {
      position: absolute; }
  #overlay .default-style {
    padding: 60px;
    max-width: 699px; }
    #overlay .default-style h1 {
      margin-bottom: 20px; }

/* These are the styles for the dimmer layer */
#overlay.default-const {
  -webkit-transition: background-color 250ms linear;
          transition: background-color 250ms linear;
  background-color: black; }

.csstransitions.cssanimations #overlay.default-pre {
  background-color: transparent; }

.csstransitions.cssanimations #overlay.default-end {
  background-color: rgba(0, 0, 0, 0.7); }

.csstransitions.cssanimations #overlay.default-exit {
  background-color: transparent; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-default-const {
  -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
          transition: opacity 250ms ease-out, transform 250ms ease-out; }
  #overlay div.overlay-box-default-const div.close_corner {
    padding: 10px;
    right: 15px;
    top: 15px;
    font-size: 15px;
    cursor: pointer;
    color: #78756E;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out; }
    #overlay div.overlay-box-default-const div.close_corner:visited {
      color: #78756E; }
    #overlay div.overlay-box-default-const div.close_corner:focus {
      color: #A49F96; }
    #overlay div.overlay-box-default-const div.close_corner:hover {
      color: #A49F96; }
    #overlay div.overlay-box-default-const div.close_corner:active {
      color: #A49F96; }
  #overlay div.overlay-box-default-const div.overlay-box {
    box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, 0.25); }

.csstransitions.cssanimations #overlay div.overlay-box-default-pre {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  -moz-transform: none;
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-default-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  -moz-transform: none;
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-default-exit {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.stacks-const {
  background-color: #FAF9F8; }

.csstransitions.cssanimations #overlay.stacks-const {
  -webkit-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }

.csstransitions.cssanimations #overlay.stacks-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay.stacks-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay.stacks-exit {
  opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-stacks-const {
  text-align: center;
  width: 100%; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-const {
  -webkit-transition: opacity 300ms ease-out;
          transition: opacity 300ms ease-out; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-stacks-exit {
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.publish-const {
  -webkit-transition: background-color 225ms linear;
          transition: background-color 225ms linear; }
  #overlay.publish-const div.boxset {
    -webkit-transition: opacity 225ms linear;
            transition: opacity 225ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #9b9b9b; }
    @media (max-width: 955px) {
      #overlay.publish-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.publish-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.publish-const div.boxset {
        width: 296px; } }
    #overlay.publish-const div.boxset #logo-overlay {
      display: inline-block;
      font-size: 115px;
      line-height: 40px;
      float: left;
      position: relative;
      top: 18px;
      left: 0px; }
    #overlay.publish-const div.boxset .dimmer-cancel-link, #overlay.publish-const div.boxset .dimmer-signup-link, #overlay.publish-const div.boxset .dimmer-signin-link {
      float: right;
      position: relative;
      top: 28px;
      right: 0px;
      cursor: pointer;
      color: #e05140;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:visited, #overlay.publish-const div.boxset .dimmer-signup-link:visited, #overlay.publish-const div.boxset .dimmer-signin-link:visited {
        color: #e05140; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:focus, #overlay.publish-const div.boxset .dimmer-signup-link:focus, #overlay.publish-const div.boxset .dimmer-signin-link:focus {
        color: #f7f7f7; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:hover, #overlay.publish-const div.boxset .dimmer-signup-link:hover, #overlay.publish-const div.boxset .dimmer-signin-link:hover {
        color: #f7f7f7; }
      #overlay.publish-const div.boxset .dimmer-cancel-link:active, #overlay.publish-const div.boxset .dimmer-signup-link:active, #overlay.publish-const div.boxset .dimmer-signin-link:active {
        color: #f7f7f7; }

.csstransitions.cssanimations #overlay.publish-pre {
  background-color: transparent; }
  .csstransitions.cssanimations #overlay.publish-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.publish-end {
  background-color: black; }
  .csstransitions.cssanimations #overlay.publish-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.publish-exit {
  background-color: transparent; }
  .csstransitions.cssanimations #overlay.publish-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-signinup-const {
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out;
  /*@include box-shadow(#000 0px 0px 40px);*/ }
  #overlay div.overlay-box-signinup-const div.close_corner {
    display: none; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.publish-fullscreen-const {
  background-color: #404040;
  -webkit-transition: background-color 225ms linear;
          transition: background-color 225ms linear; }
  #overlay.publish-fullscreen-const div.boxset {
    -webkit-transition: opacity 225ms linear;
            transition: opacity 225ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto; }
    @media (max-width: 955px) {
      #overlay.publish-fullscreen-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.publish-fullscreen-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.publish-fullscreen-const div.boxset {
        width: 296px; } }
    #overlay.publish-fullscreen-const div.boxset #logo-overlay {
      display: none; }
    #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link {
      float: right;
      position: relative;
      top: 28px;
      right: 0px;
      cursor: pointer;
      color: #9AA8A9;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:visited, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:visited, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:visited {
        color: #9AA8A9; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:focus, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:focus, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:focus {
        color: #B0C1C2; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:hover, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:hover, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:hover {
        color: #B0C1C2; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-cancel-link:active, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:active, #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:active {
        color: #B0C1C2; }
    #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #9b9b9b;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      right: 65px; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:visited, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:visited {
        color: #9b9b9b; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:focus, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:focus {
        color: #a5bfd0; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:hover, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:hover {
        color: #a5bfd0; }
      #overlay.publish-fullscreen-const div.boxset .dimmer-signin-link:active, #overlay.publish-fullscreen-const div.boxset .dimmer-signup-link:active {
        color: #a5bfd0; }

.csstransitions.cssanimations #overlay.publish-fullscreen-pre {
  background-color: rgba(64, 64, 64, 0); }
  .csstransitions.cssanimations #overlay.publish-fullscreen-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.publish-fullscreen-end {
  background-color: #404040; }
  .csstransitions.cssanimations #overlay.publish-fullscreen-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.publish-fullscreen-exit {
  background-color: rgba(64, 64, 64, 0); }
  .csstransitions.cssanimations #overlay.publish-fullscreen-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-publish-fullscreen-const {
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out; }
  #overlay div.overlay-box-publish-fullscreen-const div.close_corner {
    display: none; }

.csstransitions.cssanimations #overlay div.overlay-box-publish-fullscreen-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-publish-fullscreen-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-publish-fullscreen-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.signinup-const {
  background-color: #253139;
  -webkit-transition: background-color 200ms linear;
          transition: background-color 200ms linear; }
  #overlay.signinup-const div.boxset {
    z-index: 1;
    -webkit-transition: opacity 200ms linear;
            transition: opacity 200ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #9b9b9b; }
    @media (max-width: 955px) {
      #overlay.signinup-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.signinup-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.signinup-const div.boxset {
        width: 296px; } }
    #overlay.signinup-const div.boxset .dimmer-links {
      width: 100%;
      margin-top: 22px;
      height: 10px;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      @media (max-width: 479px) {
        #overlay.signinup-const div.boxset .dimmer-links {
          top: 18px; } }
    #overlay.signinup-const div.boxset .dimmer-cancel-link, #overlay.signinup-const div.boxset .dimmer-signup-link, #overlay.signinup-const div.boxset .dimmer-signin-link, #overlay.signinup-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #e05140;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      margin-right: 10px;
      padding: 5px 8px; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:visited, #overlay.signinup-const div.boxset .dimmer-signup-link:visited, #overlay.signinup-const div.boxset .dimmer-signin-link:visited, #overlay.signinup-const div.boxset .dimmer-back-link:visited {
        color: #e05140; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:focus, #overlay.signinup-const div.boxset .dimmer-signup-link:focus, #overlay.signinup-const div.boxset .dimmer-signin-link:focus, #overlay.signinup-const div.boxset .dimmer-back-link:focus {
        color: #f7f7f7; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:hover, #overlay.signinup-const div.boxset .dimmer-signup-link:hover, #overlay.signinup-const div.boxset .dimmer-signin-link:hover, #overlay.signinup-const div.boxset .dimmer-back-link:hover {
        color: #f7f7f7; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:active, #overlay.signinup-const div.boxset .dimmer-signup-link:active, #overlay.signinup-const div.boxset .dimmer-signin-link:active, #overlay.signinup-const div.boxset .dimmer-back-link:active {
        color: #f7f7f7; }
      #overlay.signinup-const div.boxset .dimmer-cancel-link:last-child, #overlay.signinup-const div.boxset .dimmer-signup-link:last-child, #overlay.signinup-const div.boxset .dimmer-signin-link:last-child, #overlay.signinup-const div.boxset .dimmer-back-link:last-child {
        margin-right: 0px; }
      @media (max-width: 479px) {
        #overlay.signinup-const div.boxset .dimmer-cancel-link, #overlay.signinup-const div.boxset .dimmer-signup-link, #overlay.signinup-const div.boxset .dimmer-signin-link, #overlay.signinup-const div.boxset .dimmer-back-link {
          margin-right: 0px;
          padding: 10px 2px; } }
    #overlay.signinup-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #9b9b9b;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: left; }
      #overlay.signinup-const div.boxset .dimmer-back-link:visited {
        color: #9b9b9b; }
      #overlay.signinup-const div.boxset .dimmer-back-link:focus {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-back-link:hover {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-back-link:active {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-back-link span {
        padding: 5px;
        vertical-align: -10%; }
    #overlay.signinup-const div.boxset .dimmer-cancel-link {
      float: right; }
    #overlay.signinup-const div.boxset .dimmer-signin-link, #overlay.signinup-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #9b9b9b;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: right; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:visited, #overlay.signinup-const div.boxset .dimmer-signup-link:visited {
        color: #9b9b9b; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:focus, #overlay.signinup-const div.boxset .dimmer-signup-link:focus {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:hover, #overlay.signinup-const div.boxset .dimmer-signup-link:hover {
        color: #a5bfd0; }
      #overlay.signinup-const div.boxset .dimmer-signin-link:active, #overlay.signinup-const div.boxset .dimmer-signup-link:active {
        color: #a5bfd0; }
    #overlay.signinup-const div.boxset .dimmer-step {
      padding: 5px 8px;
      margin-right: 20px;
      float: right; }
    #overlay.signinup-const div.boxset .dimmer-issuuicon {
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-bottom: 35px; }
      #overlay.signinup-const div.boxset .dimmer-issuuicon div {
        margin: auto; }

.csstransitions.cssanimations #overlay.signinup-pre {
  background-color: rgba(37, 49, 57, 0); }
  .csstransitions.cssanimations #overlay.signinup-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.signinup-end {
  background-color: #253139; }
  .csstransitions.cssanimations #overlay.signinup-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.signinup-exit {
  background-color: rgba(37, 49, 57, 0); }
  .csstransitions.cssanimations #overlay.signinup-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-signinup-const {
  height: 75%;
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out; }
  #overlay div.overlay-box-signinup-const div.close_corner {
    display: none; }
  #overlay div.overlay-box-signinup-const .vcenter {
    vertical-align: top;
    padding-top: 40px; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-signinup-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.signin-const {
  background-color: #FAF9F8;
  -webkit-transition: background-color 200ms linear;
          transition: background-color 200ms linear; }
  #overlay.signin-const div.boxset {
    z-index: 1;
    -webkit-transition: opacity 200ms linear;
            transition: opacity 200ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #9b9b9b; }
    @media (max-width: 955px) {
      #overlay.signin-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.signin-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.signin-const div.boxset {
        width: 296px; } }
    #overlay.signin-const div.boxset .dimmer-links {
      width: 100%;
      margin-top: 18px;
      height: 10px;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      @media (max-width: 479px) {
        #overlay.signin-const div.boxset .dimmer-links {
          top: 18px; } }
    #overlay.signin-const div.boxset .dimmer-cancel-link, #overlay.signin-const div.boxset .dimmer-signup-link, #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #F36D5D;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      margin-right: 10px;
      padding: 5px 8px; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:visited, #overlay.signin-const div.boxset .dimmer-signup-link:visited, #overlay.signin-const div.boxset .dimmer-signin-link:visited, #overlay.signin-const div.boxset .dimmer-back-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus, #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-back-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover, #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-back-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active, #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-back-link:active {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-cancel-link:last-child, #overlay.signin-const div.boxset .dimmer-signup-link:last-child, #overlay.signin-const div.boxset .dimmer-signin-link:last-child, #overlay.signin-const div.boxset .dimmer-back-link:last-child {
        margin-right: 0px; }
      @media (max-width: 479px) {
        #overlay.signin-const div.boxset .dimmer-cancel-link, #overlay.signin-const div.boxset .dimmer-signup-link, #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-back-link {
          margin-right: 0px;
          padding: 10px 2px; } }
    #overlay.signin-const div.boxset .dimmer-back-link {
      cursor: pointer;
      color: #F36D5D;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: left; }
      #overlay.signin-const div.boxset .dimmer-back-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-back-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link:active {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link span {
        padding: 5px;
        vertical-align: -10%; }
    #overlay.signin-const div.boxset .dimmer-cancel-link {
      float: right; }
    #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #F36D5D;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      float: right; }
      #overlay.signin-const div.boxset .dimmer-signin-link:visited, #overlay.signin-const div.boxset .dimmer-signup-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active {
        color: #DE5647; }
    #overlay.signin-const div.boxset .dimmer-step {
      padding: 5px 8px;
      margin-right: 20px;
      float: right; }
    #overlay.signin-const div.boxset .dimmer-issuuicon {
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-bottom: 35px; }
      #overlay.signin-const div.boxset .dimmer-issuuicon div {
        margin: auto; }

.csstransitions.cssanimations #overlay.signin-pre {
  background-color: rgba(250, 249, 248, 0); }
  .csstransitions.cssanimations #overlay.signin-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.signin-end {
  background-color: #faf9f8; }
  .csstransitions.cssanimations #overlay.signin-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.signin-exit {
  background-color: rgba(250, 249, 248, 0); }
  .csstransitions.cssanimations #overlay.signin-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-signin-const {
  height: 75%;
  -webkit-transition: opacity 400ms linear, -webkit-transform 400ms ease-out;
          transition: opacity 400ms linear, transform 400ms ease-out; }
  #overlay div.overlay-box-signin-const div.close_corner {
    display: none; }
  #overlay div.overlay-box-signin-const .vcenter {
    vertical-align: top;
    padding-top: 40px; }

.csstransitions.cssanimations #overlay div.overlay-box-signin-pre {
  -webkit-transform: translateX(40em) translateY(0em) scale(1);
      -ms-transform: translateX(40em) translateY(0em) scale(1);
          transform: translateX(40em) translateY(0em) scale(1);
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-signin-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-signin-exit {
  -webkit-transform: translateX(-40em) translateY(0em) scale(1);
      -ms-transform: translateX(-40em) translateY(0em) scale(1);
          transform: translateX(-40em) translateY(0em) scale(1);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.delete-account-const {
  background-color: #e05140;
  -webkit-transition: background-color 225ms linear;
          transition: background-color 225ms linear; }
  #overlay.delete-account-const div.boxset {
    -webkit-transition: opacity 225ms linear;
            transition: opacity 225ms linear;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    position: relative;
    margin: 0px auto;
    color: #923429; }
    @media (max-width: 955px) {
      #overlay.delete-account-const div.boxset {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay.delete-account-const div.boxset {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay.delete-account-const div.boxset {
        width: 296px; } }
    #overlay.delete-account-const div.boxset #logo-overlay {
      display: inline-block;
      font-size: 35px;
      line-height: 40px;
      float: left;
      position: relative;
      top: 18px;
      left: 0px; }
    #overlay.delete-account-const div.boxset .dimmer-cancel-link {
      float: right;
      position: relative;
      top: 28px;
      right: 0px;
      cursor: pointer;
      color: white;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:visited {
        color: white; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:focus {
        color: #f7f7f7; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:hover {
        color: #f7f7f7; }
      #overlay.delete-account-const div.boxset .dimmer-cancel-link:active {
        color: #f7f7f7; }

.csstransitions.cssanimations #overlay.delete-account-pre {
  background-color: rgba(224, 81, 64, 0); }
  .csstransitions.cssanimations #overlay.delete-account-pre div.boxset {
    opacity: 0; }

.csstransitions.cssanimations #overlay.delete-account-end {
  background-color: #e05140; }
  .csstransitions.cssanimations #overlay.delete-account-end div.boxset {
    opacity: 1; }

.csstransitions.cssanimations #overlay.delete-account-exit {
  background-color: rgba(224, 81, 64, 0); }
  .csstransitions.cssanimations #overlay.delete-account-exit div.boxset {
    opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-delete-account-const {
  -webkit-transition: opacity 400ms ease-out;
          transition: opacity 400ms ease-out;
  /*@include box-shadow(#000 0px 0px 40px);*/ }
  #overlay div.overlay-box-delete-account-const div.close_corner {
    display: none; }

.csstransitions.cssanimations #overlay div.overlay-box-delete-account-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-delete-account-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-delete-account-exit {
  opacity: 0; }

/* These are the styles for the box and closer */
/* These are the styles for the dimmer layer */
#overlay.service-spinner-const {
  -webkit-transition: background-color 250ms linear;
          transition: background-color 250ms linear;
  background-color: #253139; }

.csstransitions.cssanimations #overlay.service-spinner-pre {
  background-color: rgba(37, 49, 57, 0); }

.csstransitions.cssanimations #overlay.service-spinner-end {
  background-color: rgba(37, 49, 57, 0.7); }

.csstransitions.cssanimations #overlay.service-spinner-exit {
  background-color: rgba(37, 49, 57, 0); }

/* These are the styles for the box and closer */
#overlay div.overlay-box-service-spinner-const {
  -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
          transition: opacity 250ms ease-out, transform 250ms ease-out; }
  #overlay div.overlay-box-service-spinner-const div.close_corner {
    padding: 10px;
    right: 15px;
    top: 15px;
    font-size: 15px;
    cursor: pointer;
    color: #e05140;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:visited {
      color: #e05140; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:focus {
      color: #ad3d31; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:hover {
      color: #ad3d31; }
    #overlay div.overlay-box-service-spinner-const div.close_corner:active {
      color: #ad3d31; }

.csstransitions.cssanimations #overlay div.overlay-box-service-spinner-pre {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  -moz-transform: none;
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-service-spinner-end {
  -webkit-transform: translateX(0em) translateY(0em) scale(1);
      -ms-transform: translateX(0em) translateY(0em) scale(1);
          transform: translateX(0em) translateY(0em) scale(1);
  -moz-transform: none;
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-service-spinner-exit {
  -webkit-transform: translateX(0em) translateY(0em) scale(0.95);
      -ms-transform: translateX(0em) translateY(0em) scale(0.95);
          transform: translateX(0em) translateY(0em) scale(0.95);
  opacity: 0; }

/* These are the styles for the dimmer layer */
#overlay.payment-const div.logo-box {
  z-index: 1;
  -webkit-transition: opacity 200ms linear;
          transition: opacity 200ms linear;
  width: 932px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: absolute;
  margin: 0px auto;
  vertical-align: middle; }
  @media (max-width: 955px) {
    #overlay.payment-const div.logo-box {
      width: 696px; } }
  @media (max-width: 719px) {
    #overlay.payment-const div.logo-box {
      width: 456px; } }
  @media (max-width: 479px) {
    #overlay.payment-const div.logo-box {
      width: 296px; } }

.csstransitions.cssanimations #overlay.payment-const {
  -webkit-transition: opacity 400ms ease-in;
          transition: opacity 400ms ease-in; }

.csstransitions.cssanimations #overlay.payment-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay.payment-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay.payment-exit {
  opacity: 0; }

/* These are the styles for the box and closer */
#overlay div.overlay-box-payment-const {
  text-align: center;
  width: 100%; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-const {
  -webkit-transition: opacity 300ms ease-out;
          transition: opacity 300ms ease-out; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-pre {
  opacity: 0; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-end {
  opacity: 1; }

.csstransitions.cssanimations #overlay div.overlay-box-payment-exit {
  opacity: 0; }

.w-stackeditor__top {
  padding: 60px; }

.w-stackeditor__bottom {
  padding: 30px; }

.w-stackeditor__title {
  margin: 0 0 30px 0; }

.w-stackeditor__actions {
  margin: 30px 0 0 0; }

.w-stackeditor__api-error {
  margin-top: 15px; }

.w-deletestack__title {
  margin: 0 0 20px 0; }

.w-deletestack__description {
  margin: 0 0 20px 0; }

.follow-actions {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  top: 203px; }
  .follow-actions div {
    -webkit-transition: all 50ms ease-in-out 0;
            transition: all 50ms ease-in-out 0;
    display: inline-block;
    margin: 5px;
    background: #D6D6D6;
    color: #FFFFFF;
    border-radius: 3px;
    font: normal normal 700 13px/1 "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    cursor: pointer; }
    .follow-actions div span {
      display: inline-block;
      padding: 6px; }
      .follow-actions div span.action-text {
        padding-left: 0; }
    .follow-actions div.follow:hover {
      background: #56B66A; }
    .follow-actions div.following {
      background: #56B66A;
      display: none; }
      .follow-actions div.following .action-text, .follow-actions div.following .unfollow {
        display: none; }
      .follow-actions div.following:hover {
        background: #EB9654; }
        .follow-actions div.following:hover .followed {
          display: none; }
        .follow-actions div.following:hover .unfollow {
          display: inline-block; }
  .follow-actions.status-follow .follow {
    display: none; }
  .follow-actions.status-follow .following {
    display: inline-block; }
  .follow-actions.status-follow.in-progress .following {
    background: #DE5647; }
    .follow-actions.status-follow.in-progress .following .followed {
      display: none; }
    .follow-actions.status-follow.in-progress .following .unfollow, .follow-actions.status-follow.in-progress .following .unfollowed-text {
      display: inline-block; }
  .follow-actions.status-nofollow .follow {
    display: inline-block; }
  .follow-actions.status-nofollow .following {
    display: none; }
  .follow-actions.status-nofollow.in-progress .following {
    display: inline-block;
    background: #56B66A; }
    .follow-actions.status-nofollow.in-progress .following .followed, .follow-actions.status-nofollow.in-progress .following .followed-text {
      display: inline-block; }
    .follow-actions.status-nofollow.in-progress .following .unfollow {
      display: none; }
  .follow-actions.status-nofollow.in-progress .follow {
    display: none; }

.stack .issuuicon {
  font-family: issuuicon !important; }

.stack-cover {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0; }
  .stack-cover span {
    display: block; }
    .stack-cover span.hoverer {
      width: 100%;
      height: 100%; }
  .stack-cover .hint, .stack-cover .selection {
    position: absolute;
    top: 44%;
    text-align: center;
    color: #353535;
    font: normal normal 700 13px/1 "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    z-index: 3;
    width: 100%;
    -webkit-transition: opacity 100ms ease-out 20ms;
            transition: opacity 100ms ease-out 20ms;
    opacity: 0; }
    .no-opacity .stack-cover .hint, .no-opacity .stack-cover .selection {
      padding: 20px 0;
      top: 38%;
      background-color: white; }
  .stack-cover .selection {
    font-size: 18px; }
  .stack-cover .cover-container, .stack-cover .secret {
    -webkit-transition: opacity 100ms ease-out 20ms;
            transition: opacity 100ms ease-out 20ms; }
  .stack-cover .nopubs {
    position: absolute;
    top: 40%;
    text-align: center;
    font: normal normal 700 13px/1 "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: opacity 100ms ease-out 20ms;
            transition: opacity 100ms ease-out 20ms;
    z-index: 3;
    width: 150px;
    left: 50%;
    margin-left: -75px;
    color: #919191;
    white-space: normal; }
  .no-touch .stack-cover:hover .cover-container, a:focus .stack-cover .cover-container {
    opacity: 0.25; }
  .no-touch .stack-cover:hover .secret, a:focus .stack-cover .secret {
    opacity: 0.1; }
  .no-touch .stack-cover:hover .hint, a:focus .stack-cover .hint {
    opacity: 1; }
  .no-touch .stack-cover:hover .nopubs, a:focus .stack-cover .nopubs {
    opacity: 0; }
  .stack-cover .centerer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: -webkit-transform 100ms ease-out 20ms;
            transition: transform 100ms ease-out 20ms;
    -webkit-backface-visibility: hidden; }
    .stack-cover .centerer img {
      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
      background-color: #FFFFFF;
      background-color: rgba(255, 255, 255, 0.99);
      max-height: 82%;
      max-width: 82%;
      display: inline-block;
      margin-top: 8%;
      min-height: 40%;
      min-width: 40%; }
  .stack-cover .secret {
    display: block;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 0;
    text-align: center;
    -webkit-backface-visibility: hidden; }
    .stack-cover .secret span {
      border-radius: 10px;
      background-color: rgba(120, 117, 110, 0.8);
      color: #FFFFFF;
      font-size: 45px;
      padding: 25px;
      display: inline-block;
      line-height: 1; }
  .no-csstransforms .stack-cover .centerer {
    display: none; }
  .stack-cover .centerer:first-child {
    -webkit-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
            transform: rotate(-8deg);
    display: inline-block; }
  .no-touch .stack-cover:hover .centerer:first-child, a:focus .stack-cover .centerer:first-child {
    -webkit-transform: rotate(-9deg);
        -ms-transform: rotate(-9deg);
            transform: rotate(-9deg); }
  .no-touch .stack-cover:hover .centerer:nth-child(n+2), a:focus .stack-cover .centerer:nth-child(n+2) {
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg); }
  .no-touch .stack-cover:hover .centerer:nth-child(n+3), a:focus .stack-cover .centerer:nth-child(n+3) {
    -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  .stack-cover .centerer:nth-child(n+2) {
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg); }
  .stack-cover .centerer:nth-child(n+3) {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .no-csstransforms .stack-cover.v2 .centerer {
    display: none; }
  .stack-cover.v2 .centerer:first-child {
    -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
            transform: rotate(5deg);
    display: inline-block; }
  .no-touch .stack-cover.v2:hover .centerer:first-child, a:focus .stack-cover.v2 .centerer:first-child {
    -webkit-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
            transform: rotate(6deg); }
  .no-touch .stack-cover.v2:hover .centerer:nth-child(n+2), a:focus .stack-cover.v2 .centerer:nth-child(n+2) {
    -webkit-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
            transform: rotate(-8deg); }
  .no-touch .stack-cover.v2:hover .centerer:nth-child(n+3), a:focus .stack-cover.v2 .centerer:nth-child(n+3) {
    -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  .stack-cover.v2 .centerer:nth-child(n+2) {
    -webkit-transform: rotate(-7deg);
        -ms-transform: rotate(-7deg);
            transform: rotate(-7deg); }
  .stack-cover.v2 .centerer:nth-child(n+3) {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .no-csstransforms .stack-cover.v3 .centerer {
    display: none; }
  .stack-cover.v3 .centerer:first-child {
    -webkit-transform: rotate(6deg);
        -ms-transform: rotate(6deg);
            transform: rotate(6deg);
    display: inline-block; }
  .no-touch .stack-cover.v3:hover .centerer:first-child, a:focus .stack-cover.v3 .centerer:first-child {
    -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
            transform: rotate(7deg); }
  .no-touch .stack-cover.v3:hover .centerer:nth-child(n+2), a:focus .stack-cover.v3 .centerer:nth-child(n+2) {
    -webkit-transform: rotate(13deg);
        -ms-transform: rotate(13deg);
            transform: rotate(13deg); }
  .no-touch .stack-cover.v3:hover .centerer:nth-child(n+3), a:focus .stack-cover.v3 .centerer:nth-child(n+3) {
    -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
            transform: rotate(-1deg); }
  .stack-cover.v3 .centerer:nth-child(n+2) {
    -webkit-transform: rotate(11deg);
        -ms-transform: rotate(11deg);
            transform: rotate(11deg); }
  .stack-cover.v3 .centerer:nth-child(n+3) {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }

.stack > a {
  outline: 0; }

.stack .metadata {
  padding: 0px 15px 0px;
  margin-top: -10%;
  box-sizing: border-box;
  text-align: center; }
  .stack .metadata h3, .stack .metadata p, .stack .metadata a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    display: block;
    box-sizing: border-box; }
  .stack .metadata .description {
    height: 20px; }
  .stack .metadata ul {
    padding: 0;
    list-style-type: none; }
  .stack .metadata .counts {
    margin: 5px auto; }

.stack .follow-actions {
  top: 204px; }

.stack .actionwrapper {
  position: absolute;
  text-align: center;
  width: 100%;
  top: 70%;
  height: 0; }
  .stack .actionwrapper .editstack {
    position: relative;
    z-index: 0; }

.no-touch .stack.selectiononly:hover .cover-container {
  opacity: 0.25; }

.no-touch .stack.selectiononly:hover .selection {
  opacity: 1; }

.stack.selected .cover-container {
  opacity: 0.25; }

.stack.selected .secret {
  opacity: 0.1; }

.stack.selected .selection {
  opacity: 1;
  font-size: 26px; }

.stack.createstack {
  -webkit-transition: all 200ms ease-out;
          transition: all 200ms ease-out;
  margin-right: 0px;
  font-weight: bold; }
  .stack.createstack .plus {
    position: absolute;
    top: 41%;
    text-align: center;
    color: #FFFFFF;
    font: normal normal 700 13px/1 "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 44px;
    z-index: 3;
    width: 100%; }
  .stack.createstack .plus, .stack.createstack h3 {
    -webkit-transition: color 100ms ease-out 20ms;
            transition: color 100ms ease-out 20ms; }
  .stack.createstack img {
    background-color: #E0DACF; }
  .stack.createstack .cover-container {
    opacity: 1 !important; }
  .stack.createstack h3 {
    cursor: pointer;
    color: #F36D5D;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out;
    margin-bottom: 48px; }
    .stack.createstack h3:visited {
      color: #F36D5D; }
    .stack.createstack h3:focus {
      color: #E66153; }
    .stack.createstack h3:hover {
      color: #E66153; }
    .stack.createstack h3:active {
      color: #E66153; }
  .no-touch .stack.createstack:hover .plus {
    color: #FFFFFF; }

.addtostacks {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: left;
  background-color: #FAF9F8; }
  #overlay .addtostacks {
    display: inline-block;
    text-align: center;
    padding: 40px;
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
    @media (max-width: 955px) {
      #overlay .addtostacks {
        width: 696px; } }
    @media (max-width: 719px) {
      #overlay .addtostacks {
        width: 456px; } }
    @media (max-width: 479px) {
      #overlay .addtostacks {
        width: 296px; } }

.addtostacks__title {
  margin: 0 0 20px 0; }

.addtostacks__stacklist {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.stacklist__item {
  width: 220px;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
  position: relative;
  -webkit-transition: opacity 400ms ease-in-out 400ms;
          transition: opacity 400ms ease-in-out 400ms; }

.addtostacks-arrow {
  width: 65px;
  position: absolute;
  top: 50%;
  margin-top: -26.5px; }

.addtostacks-arrow--prev {
  left: 0; }
  #overlay .addtostacks-arrow--prev {
    left: 40px; }

.addtostacks-arrow--next {
  right: 0; }
  #overlay .addtostacks-arrow--next {
    right: 40px; }

.stacklist__item .follow-actions {
  top: 246.4px; }

.stacklist__item .stack-cover {
  height: 308px;
  margin-bottom: 5px; }

.stacklist__item .actionwrapper {
  display: none; }

.stack ul.counts li {
  margin: 0 5px;
  display: inline-block; }

.social {
  border-width: 0; }
  .social.facebook {
    background-color: #305e97; }
    .social.facebook:hover {
      background-color: #244670; }
  .social.email {
    background-color: #22be65; }
    .social.email:hover {
      background-color: #1a934e; }
  .social.twitter {
    background-color: #3daae8; }
    .social.twitter:hover {
      background-color: #1a93d8; }
  .social.google {
    background-color: #c64c38; }
    .social.google:hover {
      background-color: #9e3d2d; }
  .social.tumblr {
    background-color: #2c4762; }
    .social.tumblr:hover {
      background-color: #1c2d3f; }
  .social.linkedin {
    background-color: #0080b4; }
    .social.linkedin:hover {
      background-color: #005c81; }
  .social.pinterest {
    background-color: #c72527; }
    .social.pinterest:hover {
      background-color: #9c1d1f; }

#login-username.placeholder, #login-password.placeholder {
  color: #384a54; }

#overlay div.overlay-box-signinup-const .vcenter {
  vertical-align: top;
  padding-top: 40px; }

.signinup-default {
  text-align: center; }
  .signinup-default .form-content-constrainer {
    width: 300px;
    margin-left: auto;
    margin-right: auto; }
  #overlay .signinup-default {
    max-width: 950px; }
  .signinup-default h1 {
    margin-top: 0;
    margin-bottom: 44px; }
  .signinup-default p {
    margin: 12px 0;
    max-height: 48px; }
  .signinup-default .tip {
    margin-top: -20px;
    margin-bottom: 30px; }
  .signinup-default #recaptcha_widget {
    display: inline-block; }
    .signinup-default #recaptcha_widget.password_reset {
      padding: 10px; }
  .signinup-default button.facebook, .signinup-default button.google, .signinup-default button.linkedin {
    padding: 0;
    margin: 0 3px;
    width: 50px;
    height: 43px;
    line-height: 43px;
    text-align: center; }
    .signinup-default button.facebook .issuuicons, .signinup-default button.google .issuuicons, .signinup-default button.linkedin .issuuicons {
      position: static;
      width: 50px;
      font-size: 20px; }
  .signinup-default p.divider {
    font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 20px 0; }

div.screenies {
  position: relative;
  overflow: hidden;
  width: 100%; }
  div.screenies div.screen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-transition: opacity 250ms ease-out, -webkit-transform 250ms ease-out;
            transition: opacity 250ms ease-out, transform 250ms ease-out; }
    div.screenies div.screen.screen-pre {
      -webkit-transform: translateX(30em) translateY(0em);
          -ms-transform: translateX(30em) translateY(0em);
              transform: translateX(30em) translateY(0em);
      opacity: 0; }
    div.screenies div.screen.screen-main {
      -webkit-transform: translateX(0em) translateY(0em);
          -ms-transform: translateX(0em) translateY(0em);
              transform: translateX(0em) translateY(0em);
      opacity: 1; }
    div.screenies div.screen.screen-exit {
      -webkit-transform: translateX(-30em) translateY(0em);
          -ms-transform: translateX(-30em) translateY(0em);
              transform: translateX(-30em) translateY(0em);
      opacity: 0; }

/*
@bemagic {
    intro: Component used as a container with background.
    description: Applies background that matches the theme used by its parent.
    required: true
}
*/
.ixu-background {
  background-color: #FAF9F7; }

.ixu-theme-inverse .ixu-background, .ixu-background.ixu-theme-inverse {
  background-color: #353535; }

.ixu-theme-issuu .ixu-background, .ixu-background.ixu-theme-issuu {
  background-color: #E66A5C; }

.ixu-theme-positive .ixu-background, .ixu-background.ixu-theme-positive {
  background-color: #60BF80; }

.ixu-theme-danger .ixu-background, .ixu-background.ixu-theme-danger {
  background-color: #D94C58; }

/*
@bemagic {
    intro: Secondary variation of the background
    description: Applies secondary background that matches the theme used by its parent
    required: false
}
*/
.ixu-background--secondary {
  background-color: #F2F0EB; }

.ixu-theme-inverse .ixu-background--secondary, .ixu-background--secondary.ixu-theme-inverse {
  background-color: #424242; }

/*
@bemagic {
    intro: Tertiery variation of the background
    description: Applies tertiary background that matches the theme used by its parent
    required: false
}
*/
.ixu-background--tertiary {
  background-color: #E8E4DC; }

.ixu-theme-inverse .ixu-background--tertiary, .ixu-background--tertiary.ixu-theme-inverse {
  background-color: #4C4C4C; }

/*
@bemagic {
    intro: Apply base scaffolding to the <html> of the page
    description: Applies natural box sizing, font antialiasing etc.
    required: true
    tag: html
}
*/
.ixu-base {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent; }

.ixu-base *,
.ixu-base *::before,
.ixu-base *::after {
  box-sizing: inherit; }

@-webkit-keyframes ixu-button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes ixu-button-spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.ixu-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  font-weight: 700;
  font-family: "Open Sans", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: box-shadow 0.1s ease-out;
  transition: box-shadow 0.1s ease-out;
  border: 2px solid transparent;
  border-radius: 18px;
  cursor: pointer;
  display: inline-block;
  line-height: 32px;
  max-width: 100%;
  overflow: hidden;
  padding: 0 24px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ixu-button:focus {
  box-shadow: 0 0 9px 3px #44D1F1; }

.ixu-button:disabled {
  background-color: transparent !important;
  border: 1px dashed #B3ADA1 !important;
  color: #B3ADA1 !important;
  cursor: not-allowed; }

.ixu-theme-inverse .ixu-button:disabled, .ixu-button:disabled.ixu-theme-inverse {
  border-color: #787878 !important;
  color: #787878 !important; }

.ixu-theme-issuu .ixu-button:disabled, .ixu-button:disabled.ixu-theme-issuu {
  border-color: #BF4F43 !important;
  color: #BF4F43 !important; }

.ixu-theme-positive .ixu-button:disabled, .ixu-button:disabled.ixu-theme-positive {
  border-color: #54996B !important;
  color: #54996B !important; }

.ixu-theme-danger .ixu-button:disabled, .ixu-button:disabled.ixu-theme-danger {
  border-color: #B33640 !important;
  color: #B33640 !important; }

.ixu-button:disabled[class*="is-"] {
  border: 2px solid transparent !important;
  color: transparent !important; }

.ixu-button:disabled[class*="is-"]::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  content: ' ';
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%; }

.ixu-button:disabled.is-loading::before {
  -webkit-animation: ixu-button-spin 1.6s linear infinite;
  animation: ixu-button-spin 1.6s linear infinite;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFFFFF' height='20px' width='20px'%3E%3Cpath d='M0 16q0-1.11.78-1.89t1.892-.782 1.883.78T5.328 16t-.773 1.89-1.883.782-1.89-.78T0 16zm3.86 9.406q0-1.094.772-1.883t1.883-.79q1.078 0 1.875.798t.797 1.876q0 1.11-.79 1.89t-1.882.782q-1.11 0-1.883-.78t-.773-1.892zm.03-18.843q0-1.125.798-1.89.78-.782 1.875-.782 1.11 0 1.906.782t.796 1.89-.79 1.884-1.913.773q-1.094 0-1.883-.774t-.79-1.883zm9.376 22.765q0-1.11.78-1.89.767-.767 1.876-.767t1.89.774.782 1.883-.78 1.89T15.92 32t-1.883-.782-.774-1.89zm.062-26.656q0-1.11.78-1.89T16 0t1.89.78.782 1.892-.78 1.883T16 5.328t-1.89-.773-.782-1.883zm9.406 22.734q0-1.078.797-1.875t1.907-.796q1.078 0 1.875.797t.797 1.876q0 1.11-.79 1.89t-1.883.782q-1.11 0-1.906-.78t-.796-1.892zm0-18.843q0-1.125.797-1.89.814-.782 1.907-.782t1.883.782.79 1.89-.79 1.884-1.883.773q-1.125 0-1.914-.774t-.79-1.883zM26.672 16q0-1.11.78-1.89t1.876-.782q1.11 0 1.89.78T32 16t-.78 1.89-1.892.782-1.883-.78T26.672 16z'/%3E%3C/svg%3E");
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.ixu-button:disabled.is-done::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFFFFF' height='20px' width='20px'%3E%3Cpath d='M10.6 27.3c-.3 0-.7-.1-.9-.3L.4 17.7c-.5-.5-.5-1.3 0-1.8s1.3-.5 1.8 0l8.4 8.4L29.8 5.1c.5-.5 1.3-.5 1.8 0s.5 1.3 0 1.8l-20.2 20c-.2.3-.5.4-.8.4z'/%3E%3C/svg%3E"); }

.ixu-button:disabled.is-error::before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23FFFFFF' height='20px' width='20px'%3E%3Cpath d='M15.9 3.5c.8 0 1.4.4 1.9 1.1L29 23.3c.5.8.5 1.9 0 2.7-.4.8-1.3 1.4-2.3 1.4H5.2c-1 0-1.9-.5-2.3-1.4-.5-.8-.4-1.9 0-2.7L14.1 4.7c.4-.7 1.1-1.2 1.8-1.2M16 1c-1.7 0-3.1.8-4.1 2.3L.7 22c-.9 1.6-1 3.7-.1 5.3s2.6 2.6 4.5 2.6h21.7c2 0 3.6-1 4.5-2.6.9-1.6.9-3.7-.1-5.2L20 3.4c-.9-1.6-2.4-2.3-4-2.4z'/%3E%3Cpath d='M15.9 18.7c-.7 0-1.3-.6-1.3-1.3V9.8c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v7.6c0 .8-.5 1.3-1.3 1.3zm0 6c-.7 0-1.3-.6-1.3-1.3v-1.2c0-.7.6-1.3 1.3-1.3s1.3.6 1.3 1.3v1.2c0 .8-.5 1.3-1.3 1.3z'/%3E%3C/svg%3E"); }

/*
@bemagic {
    intro: Create a button with a `<button>` or `<a>` element to retain the native click function. Use a `disabled` attribute when a button can’t be clicked. NOTE, using an <input> tag does not work with the various `is-` state classes.
    description: A neutrally looking button used for common user actions
    required: true
}
*/
.ixu-button {
  background-color: #B3ADA1;
  border-color: #B3ADA1;
  color: #FFFFFF; }

.ixu-button:hover, .ixu-button:focus {
  background-color: #CCC6BA;
  border-color: #CCC6BA;
  color: #FFFFFF; }

.ixu-button:active {
  background-color: #B3ADA1;
  border-color: #B3ADA1;
  color: #FFFFFF; }

.ixu-button:disabled[class*="is-"] {
  background-color: #B3ADA1 !important; }

.ixu-button:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button, .ixu-button.ixu-theme-inverse {
  background-color: #8DA2A6;
  border-color: #8DA2A6;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button:hover, .ixu-theme-inverse .ixu-button:focus, .ixu-button.ixu-theme-inverse:hover, .ixu-button.ixu-theme-inverse:focus {
  background-color: #829599;
  border-color: #829599;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button:active, .ixu-button.ixu-theme-inverse:active {
  background-color: #8DA2A6;
  border-color: #8DA2A6;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button:disabled[class*="is-"], .ixu-button.ixu-theme-inverse:disabled[class*="is-"] {
  background-color: #8DA2A6 !important; }

.ixu-theme-inverse .ixu-button:disabled[class*="is-"]::before, .ixu-button.ixu-theme-inverse:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button, .ixu-button.ixu-theme-issuu {
  background-color: #CC5547;
  border-color: #CC5547;
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button:hover, .ixu-theme-issuu .ixu-button:focus, .ixu-button.ixu-theme-issuu:hover, .ixu-button.ixu-theme-issuu:focus {
  background-color: #D95A4C;
  border-color: #D95A4C;
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button:active, .ixu-button.ixu-theme-issuu:active {
  background-color: #CC5547;
  border-color: #CC5547;
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button:disabled[class*="is-"], .ixu-button.ixu-theme-issuu:disabled[class*="is-"] {
  background-color: #CC5547 !important; }

.ixu-theme-issuu .ixu-button:disabled[class*="is-"]::before, .ixu-button.ixu-theme-issuu:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button, .ixu-button.ixu-theme-positive {
  background-color: #4D8C62;
  border-color: #4D8C62;
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button:hover, .ixu-theme-positive .ixu-button:focus, .ixu-button.ixu-theme-positive:hover, .ixu-button.ixu-theme-positive:focus {
  background-color: #54996B;
  border-color: #54996B;
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button:active, .ixu-button.ixu-theme-positive:active {
  background-color: #4D8C62;
  border-color: #4D8C62;
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button:disabled[class*="is-"], .ixu-button.ixu-theme-positive:disabled[class*="is-"] {
  background-color: #4D8C62 !important; }

.ixu-theme-positive .ixu-button:disabled[class*="is-"]::before, .ixu-button.ixu-theme-positive:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button, .ixu-button.ixu-theme-danger {
  background-color: #A1303A;
  border-color: #A1303A;
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button:hover, .ixu-theme-danger .ixu-button:focus, .ixu-button.ixu-theme-danger:hover, .ixu-button.ixu-theme-danger:focus {
  background-color: #B33640;
  border-color: #B33640;
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button:active, .ixu-button.ixu-theme-danger:active {
  background-color: #A1303A;
  border-color: #A1303A;
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button:disabled[class*="is-"], .ixu-button.ixu-theme-danger:disabled[class*="is-"] {
  background-color: #A1303A !important; }

.ixu-theme-danger .ixu-button:disabled[class*="is-"]::before, .ixu-button.ixu-theme-danger:disabled[class*="is-"]::before {
  color: #FFFFFF; }

/*
@bemagic {
    description: A button using the issuu primary/brand color
}
*/
.ixu-button--pronounced {
  background-color: #F26F61;
  border-color: #F26F61;
  color: #FFFFFF; }

.ixu-button--pronounced:hover, .ixu-button--pronounced:focus {
  background-color: #F77D6F;
  border-color: #F77D6F;
  color: #FFFFFF; }

.ixu-button--pronounced:active {
  background-color: #F26F61;
  border-color: #F26F61;
  color: #FFFFFF; }

.ixu-button--pronounced:disabled[class*="is-"] {
  background-color: #F26F61 !important; }

.ixu-button--pronounced:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--pronounced, .ixu-button--pronounced.ixu-theme-inverse {
  background-color: #F26F61;
  border-color: #F26F61;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--pronounced:hover, .ixu-theme-inverse .ixu-button--pronounced:focus, .ixu-button--pronounced.ixu-theme-inverse:hover, .ixu-button--pronounced.ixu-theme-inverse:focus {
  background-color: #F77D6F;
  border-color: #F77D6F;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--pronounced:active, .ixu-button--pronounced.ixu-theme-inverse:active {
  background-color: #F26F61;
  border-color: #F26F61;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--pronounced:disabled[class*="is-"], .ixu-button--pronounced.ixu-theme-inverse:disabled[class*="is-"] {
  background-color: #F26F61 !important; }

.ixu-theme-inverse .ixu-button--pronounced:disabled[class*="is-"]::before, .ixu-button--pronounced.ixu-theme-inverse:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button--pronounced, .ixu-button--pronounced.ixu-theme-issuu {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #F26F61; }

.ixu-theme-issuu .ixu-button--pronounced:hover, .ixu-theme-issuu .ixu-button--pronounced:focus, .ixu-button--pronounced.ixu-theme-issuu:hover, .ixu-button--pronounced.ixu-theme-issuu:focus {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #F26F61; }

.ixu-theme-issuu .ixu-button--pronounced:active, .ixu-button--pronounced.ixu-theme-issuu:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #F26F61; }

.ixu-theme-issuu .ixu-button--pronounced:disabled[class*="is-"], .ixu-button--pronounced.ixu-theme-issuu:disabled[class*="is-"] {
  background-color: #FFFFFF !important; }

.ixu-theme-issuu .ixu-button--pronounced:disabled[class*="is-"]::before, .ixu-button--pronounced.ixu-theme-issuu:disabled[class*="is-"]::before {
  color: #F26F61; }

/*
@bemagic {
    description: Use to promote an exceptionally benefitial user action
}
*/
.ixu-button--positive {
  background-color: #60BF80;
  border-color: #60BF80;
  color: #FFFFFF; }

.ixu-button--positive:hover, .ixu-button--positive:focus {
  background-color: #66CC88;
  border-color: #66CC88;
  color: #FFFFFF; }

.ixu-button--positive:active {
  background-color: #60BF80;
  border-color: #60BF80;
  color: #FFFFFF; }

.ixu-button--positive:disabled[class*="is-"] {
  background-color: #60BF80 !important; }

.ixu-button--positive:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--positive, .ixu-button--positive.ixu-theme-inverse {
  background-color: #60BF80;
  border-color: #60BF80;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--positive:hover, .ixu-theme-inverse .ixu-button--positive:focus, .ixu-button--positive.ixu-theme-inverse:hover, .ixu-button--positive.ixu-theme-inverse:focus {
  background-color: #66CC88;
  border-color: #66CC88;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--positive:active, .ixu-button--positive.ixu-theme-inverse:active {
  background-color: #60BF80;
  border-color: #60BF80;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--positive:disabled[class*="is-"], .ixu-button--positive.ixu-theme-inverse:disabled[class*="is-"] {
  background-color: #60BF80 !important; }

.ixu-theme-inverse .ixu-button--positive:disabled[class*="is-"]::before, .ixu-button--positive.ixu-theme-inverse:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button--positive, .ixu-button--positive.ixu-theme-positive {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #60BF80; }

.ixu-theme-positive .ixu-button--positive:hover, .ixu-theme-positive .ixu-button--positive:focus, .ixu-button--positive.ixu-theme-positive:hover, .ixu-button--positive.ixu-theme-positive:focus {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #60BF80; }

.ixu-theme-positive .ixu-button--positive:active, .ixu-button--positive.ixu-theme-positive:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #60BF80; }

.ixu-theme-positive .ixu-button--positive:disabled[class*="is-"], .ixu-button--positive.ixu-theme-positive:disabled[class*="is-"] {
  background-color: #FFFFFF !important; }

.ixu-theme-positive .ixu-button--positive:disabled[class*="is-"]::before, .ixu-button--positive.ixu-theme-positive:disabled[class*="is-"]::before {
  color: #60BF80; }

/*
@bemagic {
    description: Use *only* for dangerous user actions such as deleting an account or publication
}
*/
.ixu-button--danger {
  background-color: #D94C58;
  border-color: #D94C58;
  color: #FFFFFF; }

.ixu-button--danger:hover, .ixu-button--danger:focus {
  background-color: #E6505D;
  border-color: #E6505D;
  color: #FFFFFF; }

.ixu-button--danger:active {
  background-color: #D94C58;
  border-color: #D94C58;
  color: #FFFFFF; }

.ixu-button--danger:disabled[class*="is-"] {
  background-color: #D94C58 !important; }

.ixu-button--danger:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--danger, .ixu-button--danger.ixu-theme-inverse {
  background-color: #D94C58;
  border-color: #D94C58;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--danger:hover, .ixu-theme-inverse .ixu-button--danger:focus, .ixu-button--danger.ixu-theme-inverse:hover, .ixu-button--danger.ixu-theme-inverse:focus {
  background-color: #E6505D;
  border-color: #E6505D;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--danger:active, .ixu-button--danger.ixu-theme-inverse:active {
  background-color: #D94C58;
  border-color: #D94C58;
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-button--danger:disabled[class*="is-"], .ixu-button--danger.ixu-theme-inverse:disabled[class*="is-"] {
  background-color: #D94C58 !important; }

.ixu-theme-inverse .ixu-button--danger:disabled[class*="is-"]::before, .ixu-button--danger.ixu-theme-inverse:disabled[class*="is-"]::before {
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button--danger, .ixu-button--danger.ixu-theme-danger {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #D94C58; }

.ixu-theme-danger .ixu-button--danger:hover, .ixu-theme-danger .ixu-button--danger:focus, .ixu-button--danger.ixu-theme-danger:hover, .ixu-button--danger.ixu-theme-danger:focus {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
  color: #D94C58; }

.ixu-theme-danger .ixu-button--danger:active, .ixu-button--danger.ixu-theme-danger:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #D94C58; }

.ixu-theme-danger .ixu-button--danger:disabled[class*="is-"], .ixu-button--danger.ixu-theme-danger:disabled[class*="is-"] {
  background-color: #FFFFFF !important; }

.ixu-theme-danger .ixu-button--danger:disabled[class*="is-"]::before, .ixu-button--danger.ixu-theme-danger:disabled[class*="is-"]::before {
  color: #D94C58; }

.ixu-button--outline {
  background-color: transparent;
  color: #69655E; }

.ixu-theme-inverse .ixu-button--outline, .ixu-button--outline.ixu-theme-inverse {
  background-color: transparent; }

.ixu-theme-positive .ixu-button--outline, .ixu-button--outline.ixu-theme-positive {
  background-color: transparent; }

.ixu-theme-danger .ixu-button--outline, .ixu-button--outline.ixu-theme-danger {
  background-color: transparent; }

.ixu-theme-issuu .ixu-button--outline, .ixu-button--outline.ixu-theme-issuu {
  background-color: transparent; }

.ixu-theme-inverse .ixu-button--outline, .ixu-button--outline.ixu-theme-inverse {
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button--outline, .ixu-button--outline.ixu-theme-positive {
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button--outline, .ixu-button--outline.ixu-theme-danger {
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button--outline, .ixu-button--outline.ixu-theme-issuu {
  color: #FFFFFF; }

.ixu-button--discreet {
  color: #69655E;
  background-color: transparent;
  border-color: transparent; }

.ixu-theme-inverse .ixu-button--discreet, .ixu-button--discreet.ixu-theme-inverse {
  background-color: transparent;
  border-color: transparent; }

.ixu-theme-positive .ixu-button--discreet, .ixu-button--discreet.ixu-theme-positive {
  background-color: transparent;
  border-color: transparent; }

.ixu-theme-danger .ixu-button--discreet, .ixu-button--discreet.ixu-theme-danger {
  background-color: transparent;
  border-color: transparent; }

.ixu-theme-issuu .ixu-button--discreet, .ixu-button--discreet.ixu-theme-issuu {
  background-color: transparent;
  border-color: transparent; }

.ixu-theme-inverse .ixu-button--discreet, .ixu-button--discreet.ixu-theme-inverse {
  color: #FFFFFF; }

.ixu-theme-positive .ixu-button--discreet, .ixu-button--discreet.ixu-theme-positive {
  color: #FFFFFF; }

.ixu-theme-danger .ixu-button--discreet, .ixu-button--discreet.ixu-theme-danger {
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-button--discreet, .ixu-button--discreet.ixu-theme-issuu {
  color: #FFFFFF; }

.ixu-button--rounded {
  height: 36px;
  line-height: 1;
  padding: 0;
  width: 36px; }

/*
@bemagic {
    intro: The ability to style checkboxes with CSS varies across browsers. To ensure that checkboxes look the same everywhere, we use a custom DOM. Pay close attention to the markup, because all elements must exist for the styles to work. **NOTE** The tag for this component should be `<label>` when used by itself (without a label). See `ixu-form-element` for usage with a label
    description: A customly styled checkbox that fits the issuu design system
    tag: label
    text: ''
}
*/
.ixu-checkbox {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/*
@bemagic {
    description: The actual checkbox (hidden to allow custom styling)
    required: true
}
*/
.ixu-checkbox__native {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0; }

/*
@bemagic {
    description: A "fake" (artificial) checkbox used for custom styling,
    text: ''
    required: true
}
*/
.ixu-checkbox__faux {
  background-color: #FFFFFF;
  border: 1px solid #E0DACE;
  border-radius: 5px;
  box-sizing: border-box;
  color: #66635C;
  cursor: pointer;
  height: 20px;
  position: relative;
  -webkit-transition: .15s;
  transition: .15s;
  width: 20px; }

.ixu-theme-inverse .ixu-checkbox__faux, .ixu-checkbox__faux.ixu-theme-inverse {
  background-color: #353535;
  border: 1px solid #787878;
  color: #FFFFFF; }

input:focus + .ixu-checkbox__faux {
  border-color: #9E9E9E; }

.ixu-theme-inverse input:focus + .ixu-checkbox__faux, input:focus + .ixu-checkbox__faux.ixu-theme-inverse {
  border-color: #BBBBBB; }

input:disabled + .ixu-checkbox__faux {
  cursor: not-allowed;
  opacity: .5; }

.ixu-checkbox__faux::after {
  border-bottom: 3px solid currentColor;
  border-left: 3px solid currentColor;
  box-sizing: border-box;
  content: '';
  height: 7px;
  left: 3px;
  opacity: 0;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
  -webkit-transition: .15s;
  transition: .15s;
  width: 12px; }

input:hover + .ixu-checkbox__faux::after {
  opacity: .25; }

input:checked + .ixu-checkbox__faux::after {
  opacity: 1;
  -webkit-transition: none;
  transition: none; }

input:disabled + .ixu-checkbox__faux::after {
  opacity: 0; }

/*
@bemagic {
    intro: This is a menu with a small pointy triangle that can be used to create dropdowns. If you use `ixu-dropdown--above` you place the arrow on the bottom, this is for menues that open upwards.
    description: This is the css for an issuu dropdown.
    required: true
}
*/
.ixu-dropdown {
  background-color: #FFFFFF;
  border: 0 solid rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  border-width: 1px 0 0 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.23);
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 165px;
  position: relative; }

.ixu-dropdown::before {
  background: #FFFFFF;
  border-left: 1px solid #E0E0E0;
  border-top: 1px solid #E0E0E0;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  right: 12px;
  top: -6px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
  width: 12px; }

/*
@bemagic {
    description: When you want the list to show above and the arrow on the bottom.
}
*/
.ixu-dropdown--above::before {
  bottom: -6px;
  box-shadow: -1px -1px 1px -1px rgba(0, 0, 0, 0.23);
  top: auto;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg); }

/*
@bemagic {
    description: Use this to group items. Sections are seperated with a line.
}
*/
.ixu-dropdown__section {
  border-bottom: 1px solid #E0E0E0;
  padding: 8px 0; }

.ixu-dropdown__section:last-child {
  border-bottom: 0; }

/*
@bemagic {
    description: The individual lines you can click on.
}
*/
.ixu-dropdown__item {
  color: #69655E;
  display: block;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  padding: 8px 12px;
  text-decoration: none; }

.ixu-dropdown__item:hover:not(.ixu-dropdown__item--disabled) {
  color: #F26F61; }

.ixu-dropdown__item--disabled, .ixu-dropdown__item--disabled:hover {
  color: #B3ADA1;
  cursor: not-allowed; }

/*
@bemagic {
    description: To hide dropdown and make it ready to be animated in.
}
*/
.ixu-dropdown.is-enter-start {
  opacity: 0;
  -webkit-transform: scale(0.97);
  -ms-transform: scale(0.97);
      transform: scale(0.97);
  -webkit-transition: 150ms;
  transition: 150ms;
  visibility: hidden; }

/*
@bemagic {
    description: To animate the dropdown in.
}
*/
.ixu-dropdown.is-enter-end {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
      transform: scale(1);
  visibility: visible; }

/*
@bemagic {
    description: To make dropdown ready to be animated out.
}
*/
.ixu-dropdown.is-leave-start {
  opacity: 1; }

/*
@bemagic {
    description: To animate the dropdown out.
}
*/
.ixu-dropdown.is-leave-end {
  opacity: 0;
  -webkit-transform: scale(0.97);
  -ms-transform: scale(0.97);
      transform: scale(0.97);
  -webkit-transition: 150ms;
  transition: 150ms;
  visibility: hidden; }

/*
@bemagic {
    intro: A `layout` component for controlling spacing and orientation `labels` and `form-elements` within.
    description: A wrapper for label and form-element with a default vertical layout
    tag: label
    required: true
}
*/
.ixu-form-element {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column; }

/*
@bemagic {
    description: Position `label` and some arbitrary form element (e.g. checkbox) side-by-side
}
*/
.ixu-form-element--horizontal {
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row; }

/*
@bemagic {
    description: A "faux" (artificial) label
    tag: div
}
*/
.ixu-form-element__label {
  color: #69655E;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin: 0 0 6px; }

.ixu-theme-inverse .ixu-form-element__label, .ixu-form-element__label.ixu-theme-inverse {
  color: #A9C1C7; }

.ixu-form-element--horizontal .ixu-form-element__label {
  margin: 0 6px 0 0; }

.ixu-form-element--horizontal .ixu-form-element__label:last-child {
  margin: 0 0 0 6px; }

.ixu-form-element__label.is-error {
  color: #CC4752; }

.ixu-form-element__label.is-disabled {
  opacity: .5; }

/*
@bemagic {
    intro: We would like not to have this, as it breaks the encapsulation of components, but the cost of doing this explicitly on all components is to great at this point in time
    description: This sets regular body copy.
    required: true
}
*/
.ixu-global-typography {
  color: #69655E;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1; }

.ixu-theme-inverse .ixu-global-typography, .ixu-global-typography.ixu-theme-inverse {
  color: #A9C1C7; }

/*
@bemagic {
    intro: In our framework, all headings (h1–h6) are reset to the base (body text) size, with margins and padding reset to zero. When building an enterprise application, the heading level may vary depending on the context of the component or page. Using the correct heading level is important for accessibility
    description: The default heading
    required: true
}
*/
.ixu-heading {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  color: #69655E;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 24px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 36px; }

.ixu-theme-inverse .ixu-heading, .ixu-heading.ixu-theme-inverse {
  color: #A9C1C7; }

.ixu-theme-positive .ixu-heading, .ixu-heading.ixu-theme-positive {
  color: #FFFFFF; }

.ixu-theme-danger .ixu-heading, .ixu-heading.ixu-theme-danger {
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-heading, .ixu-heading.ixu-theme-issuu {
  color: #FFFFFF; }

.ixu-heading em {
  font-style: italic; }

.ixu-heading strong {
  font-weight: 600; }

/*
@bemagic {
    description: A heading using the issuu primary (brand) color
}
*/
.ixu-heading--pronounced {
  color: #353535; }

.ixu-theme-inverse .ixu-heading--pronounced, .ixu-heading--pronounced.ixu-theme-inverse {
  color: #FFFFFF; }

/*
@bemagic {
    description: A heading using the issuu primary (brand) color
}
*/
.ixu-heading--issuu-brand {
  color: #F26F61; }

.ixu-theme-inverse .ixu-heading--issuu-brand, .ixu-heading--issuu-brand.ixu-theme-inverse {
  color: #F26F61; }

/*
@bemagic {
    description: Used for light headings
}
*/
.ixu-heading--light {
  font-weight: 300; }

.ixu-heading--light strong {
  font-weight: 400; }

/*
@bemagic {
    description: Used for semibold headings
}
*/
.ixu-heading--semibold {
  font-weight: 600; }

.ixu-heading--semibold strong {
  font-weight: 700; }

/*
@bemagic {
    description: Used for bold headings
}
*/
.ixu-heading--bold {
  font-weight: 700; }

/*
@bemagic {
    description: This is typically the largest heading on a page and usually designates a page title
}
*/
.ixu-heading--large {
  font-size: 32px;
  line-height: 42px; }

/*
@bemagic {
    description: This is an extraordinarily big heading
}
*/
.ixu-heading--hero {
  font-size: 63px;
  line-height: 63px; }

/*
@bemagic {
    description: This is an insanely big heading
}
*/
.ixu-heading--huge {
  font-size: 46px;
  line-height: 60px; }

/*
@bemagic {
    description: Small Headings are used for smaller content areas such as list sections or card titles
}
*/
.ixu-heading--small {
  font-size: 20px;
  line-height: 30px; }

/*
@bemagic {
    intro: Apply this class to a SVG to get baseline styling for iCSSuu icons
    required: true
}
*/
.ixu-icon {
  fill: currentColor;
  height: 28px;
  width: 28px; }

/*
@bemagic {
    intro: The `ixu-link` is intended for use within a paragraph, heading or similar
    description: The default link styling
    required: true
}
*/
.ixu-link {
  color: #F26F61;
  cursor: pointer;
  font-family: "Open Sans", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  text-decoration: none; }

.ixu-theme-inverse .ixu-link, .ixu-link.ixu-theme-inverse {
  color: #FFFFFF; }

.ixu-link:hover, .ixu-link:focus {
  color: #F77D6F;
  outline: none;
  text-decoration: underline; }

.ixu-theme-inverse .ixu-link:hover, .ixu-link:hover.ixu-theme-inverse, .ixu-theme-inverse .ixu-link:focus, .ixu-link:focus.ixu-theme-inverse {
  color: #D8E6E8; }

.ixu-link:active {
  color: #D95A4C; }

.ixu-theme-inverse .ixu-link:active, .ixu-link:active.ixu-theme-inverse {
  color: #BDD4D9; }

.ixu-paragraph {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  color: #69655E;
  font-family: "Open Sans", Arial, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5; }

.ixu-theme-inverse .ixu-paragraph, .ixu-theme-inverse.ixu-paragraph {
  color: #A9C1C7; }

.ixu-theme-inverse .ixu-paragraph em, .ixu-theme-inverse.ixu-paragraph em {
  color: #FFFFFF; }

.ixu-theme-positive .ixu-paragraph, .ixu-theme-positive.ixu-paragraph {
  color: #FFFFFF; }

.ixu-theme-positive .ixu-paragraph em, .ixu-theme-positive.ixu-paragraph em {
  color: #FFFFFF;
  font-style: italic; }

.ixu-theme-danger .ixu-paragraph, .ixu-theme-danger.ixu-paragraph {
  color: #FFFFFF; }

.ixu-theme-danger .ixu-paragraph em, .ixu-theme-danger.ixu-paragraph em {
  color: #FFFFFF;
  font-style: italic; }

.ixu-theme-issuu .ixu-paragraph, .ixu-theme-issuu.ixu-paragraph {
  color: #FFFFFF; }

.ixu-theme-issuu .ixu-paragraph em, .ixu-theme-issuu.ixu-paragraph em {
  color: #FFFFFF;
  font-style: italic; }

.ixu-paragraph em {
  color: #353535;
  font-style: normal; }

.ixu-paragraph strong {
  font-weight: 600; }

/*
@bemagic {
    intro: In our framework, all <p> are reset to the base (body text) size, with margins and padding reset to zero. Use this component to get a typical paragraph styling.
    description: The default paragraph
    required: true
}
*/
.ixu-paragraph {
  font-size: 16px; }

/*
@bemagic {
    description: A heading using the issuu primary (brand) color
}
*/
.ixu-paragraph--pronounced {
  color: #353535; }

.ixu-theme-inverse .ixu-paragraph--pronounced, .ixu-paragraph--pronounced.ixu-theme-inverse {
  color: #FFFFFF; }

.ixu-theme-inverse .ixu-paragraph--pronounced em, .ixu-paragraph--pronounced.ixu-theme-inverse em {
  color: #FFFFFF; }

.ixu-paragraph--pronounced em {
  color: #353535;
  font-style: italic; }

/*
@bemagic {
    description: A heading using the issuu primary (brand) color
}
*/
.ixu-paragraph--issuu-brand {
  color: #F26F61; }

.ixu-paragraph--issuu-brand em {
  color: #F26F61; }

.ixu-theme-inverse .ixu-paragraph--issuu-brand, .ixu-paragraph--issuu-brand.ixu-theme-inverse {
  color: #F26F61; }

.ixu-theme-inverse .ixu-paragraph--issuu-brand em, .ixu-paragraph--issuu-brand.ixu-theme-inverse em {
  color: #F26F61; }

/*
@bemagic {
    description: Used for light headings
}
*/
.ixu-paragraph--light {
  font-weight: 300; }

.ixu-paragraph--light strong {
  font-weight: 400; }

/*
@bemagic {
    description: Used for semibold paragraphs
}
*/
.ixu-paragraph--semibold {
  font-weight: 600; }

.ixu-paragraph--semibold strong {
  font-weight: 700; }

/*
@bemagic {
    description: Used for bold paragraphs
}
*/
.ixu-paragraph--bold {
  font-weight: 700; }

/*
@bemagic {
    description: A very large paragraph great for page intro's or large multiline text
}
*/
.ixu-paragraph--large {
  font-size: 20px; }

/*
@bemagic {
    description: A small paragraph useful compressing lots of text in a small space
}
*/
.ixu-paragraph--small {
  font-size: 14px; }

/*
@bemagic {
    description: A very small paragraph useful compressing lots of text in a very small space
}
*/
.ixu-paragraph--tiny {
  font-size: 12px; }

/*
@bemagic {
    intro: Apply this class to a `select` html element to get the default iCSSuu select styling. Select `option`'s intentionally have native styling as it is hard to achieve consistent custom styling of these and also the native ones usually look acceptable.
    description: A select designed for issuu components
}
*/
.ixu-select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-appearance: none;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='%239E9E9E'%3E%3Cpath d='M.078 6.375Q.234 6 .672 6h30.656q.422 0 .61.414t-.08.664L16.516 25.734Q16.295 26 16 26q-.345 0-.517-.266L.14 7.078q-.25-.25-.064-.703z'/%3E%3C/svg%3E");
  background-position: calc(100% - 12px) 50%;
  background-repeat: no-repeat;
  background-size: 10px;
  border: 1px solid #E0DACE;
  border-radius: 3px;
  color: #66635C;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  height: 36px;
  line-height: normal;
  outline: none;
  padding: 0 36px 0 12px;
  -webkit-transition: border-color 150ms;
  transition: border-color 150ms;
  width: 100%; }

.ixu-theme-inverse .ixu-select, .ixu-select.ixu-theme-inverse {
  background-color: #353535;
  border-color: #787878;
  color: #FFFFFF; }

.ixu-select:focus {
  border-color: #B3ADA1; }

.ixu-theme-inverse .ixu-select:focus, .ixu-select:focus.ixu-theme-inverse {
  border-color: #BBBBBB; }

@media screen and (max-width: 480px) {
  .ixu-select {
    font-size: 16px; } }

.ixu-select:disabled {
  border-style: dashed;
  cursor: not-allowed;
  opacity: .75; }

.ixu-select::-ms-expand {
  display: none; }

/*
@bemagic {
    intro: A tab keeps related content in a single container that is shown and hidden through navigation.
    description: A container around the tabs controlling the layout
    required: true
    tag: ul
}
*/
.ixu-tabs {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  display: -webkit-box;
  display: flex; }

/*
@bemagic {
    description: A tab element that will be separated from other tabs
    tag: li
}
*/
.ixu-tabs__item {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  font-weight: 700;
  font-family: "Open Sans", Arial, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #69655E;
  cursor: pointer;
  line-height: 36px;
  list-style-type: none;
  margin-right: 36px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  -webkit-transition: color 150ms;
  transition: color 150ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.ixu-theme-inverse .ixu-tabs__item, .ixu-tabs__item.ixu-theme-inverse {
  color: #A9C1C7; }

.ixu-tabs__item:last-child {
  margin-right: 0; }

.ixu-tabs__item:hover {
  color: #353535; }

.ixu-theme-inverse .ixu-tabs__item:hover, .ixu-tabs__item:hover.ixu-theme-inverse {
  color: #FFFFFF; }

.ixu-tabs__item.is-active {
  color: #353535; }

.ixu-theme-inverse .ixu-tabs__item.is-active, .ixu-tabs__item.is-active.ixu-theme-inverse {
  color: #FFFFFF; }

.ixu-tabs__item.is-active::after {
  background-color: #F26F61;
  bottom: 0;
  content: '';
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%; }

/*
@bemagic {
    intro: Apply this class to an inputfield of type `text` or `search` to recieve a custom looking issuu input including state handling
    description: A text input designed for the issuu brand
    required: true
    tag: input
}
*/
.ixu-textfield {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-appearance: none;
  background-color: #FFFFFF;
  border: 1px solid #E0DACE;
  border-radius: 3px;
  color: #66635C;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 14px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  height: 36px;
  line-height: normal;
  outline: none;
  padding: 0 12px;
  -webkit-transition: border-color 150ms;
  transition: border-color 150ms;
  width: 100%; }

.ixu-theme-inverse .ixu-textfield, .ixu-textfield.ixu-theme-inverse {
  background-color: #353535;
  border-color: #787878;
  color: #FFFFFF; }

.ixu-textfield:focus {
  border-color: #B3ADA1; }

.ixu-theme-inverse .ixu-textfield:focus, .ixu-textfield:focus.ixu-theme-inverse {
  border-color: #BBBBBB; }

.ixu-textfield.is-error {
  background-color: #CC4752;
  border-color: transparent;
  color: #FFFFFF; }

@media screen and (max-width: 480px) {
  .ixu-textfield {
    font-size: 16px; } }

.ixu-textfield::-webkit-input-placeholder {
  color: #9E9E9E; }

.ixu-textfield::-moz-placeholder {
  color: #9E9E9E; }

.ixu-textfield:-ms-input-placeholder {
  color: #9E9E9E; }

.ixu-textfield::placeholder {
  color: #9E9E9E; }

.ixu-textfield:disabled {
  border-style: dashed;
  cursor: not-allowed;
  opacity: .75; }

.ixu-textfield:-moz-read-only {
  background: none;
  border-color: #E0DACE;
  cursor: default;
  opacity: .75; }

.ixu-textfield:read-only {
  background: none;
  border-color: #E0DACE;
  cursor: default;
  opacity: .75; }

.ixu-theme-inverse .ixu-textfield:-moz-read-only, .ixu-textfield:-moz-read-only.ixu-theme-inverse {
  border-color: #787878; }

.ixu-theme-inverse .ixu-textfield:read-only, .ixu-textfield:read-only.ixu-theme-inverse {
  border-color: #787878; }

/*
@bemagic {
    description: Use this variation for inputs of type search
    type: search
}
*/
.ixu-textfield--search {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%239E9E9E' height='18px' width='18px'%3E%3Cpath d='M0 29.33q0 1.1.78 1.9t1.9.77 1.88-.78l9.04-9.08Q16.52 24 20 24q3.28 0 6.03-1.6 2.77-1.63 4.37-4.4t1.6-6q0-3.28-1.6-6.03Q28.77 3.2 26 1.6T20 0q-3.28 0-6.02 1.6Q11.2 3.23 9.6 6T8 12q0 3.48 1.86 6.4L.78 27.45q-.78.78-.78 1.9zM12 12q0-1.6.64-3.1t1.7-2.56q1.1-1.1 2.57-1.72T20 4t3.1.63 2.56 1.72 1.72 2.56T28 12t-.63 3.1-1.72 2.56-2.56 1.72T20 20t-3.1-.63-2.57-1.72-1.72-2.56T12 12z'/%3E%3C/svg%3E");
  background-position: 18px center;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 18px;
  padding-left: 48px; }

/*
@bemagic {
    description: Use this variation for textareas (multiline, resizable) inputs
    tag: textarea
}
*/
.ixu-textfield--multiline {
  height: auto;
  padding: 12px; }

/*
@bemagic {
    intro: The ability to style radio buttons with CSS varies across browsers. To ensure that radio buttons look the same everywhere, we use a custom DOM. Pay close attention to the markup, because all elements must exist for the styles to work. **NOTE** The tag for this component should be `<label>` when used by itself (without a label). See `ixu-form-element` for usage with a label
    description: A customly styled radio button that fits the issuu design system
    tag: label
    text: ''
}
*/
.ixu-radio {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/*
@bemagic {
    description: The actual radio button (hidden to allow custom styling)
    required: true
    tag: input
}
*/
.ixu-radio__native {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0; }

/*
@bemagic {
    description: A "fake" (artificial) radio button used for custom styling,
    text: ''
    required: true
}
*/
.ixu-radio__faux {
  background-color: #FFFFFF;
  border: 1px solid #E0DACE;
  border-radius: 10px;
  box-sizing: border-box;
  color: #66635C;
  cursor: pointer;
  height: 20px;
  position: relative;
  -webkit-transition: .15s;
  transition: .15s;
  width: 20px; }

.ixu-theme-inverse .ixu-radio__faux, .ixu-radio__faux.ixu-theme-inverse {
  background-color: #353535;
  border: 1px solid #787878;
  color: #FFFFFF; }

input:focus + .ixu-radio__faux {
  border-color: #9E9E9E; }

.ixu-theme-inverse input:focus + .ixu-radio__faux, input:focus + .ixu-radio__faux.ixu-theme-inverse {
  border-color: #BBBBBB; }

input:disabled + .ixu-radio__faux {
  cursor: not-allowed;
  opacity: .5; }

.ixu-radio__faux::after {
  background-color: currentColor;
  border-radius: 50%;
  content: '';
  height: 8px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 5px;
  -webkit-transition: .15s;
  transition: .15s;
  width: 8px; }

input:hover + .ixu-radio__faux::after {
  opacity: .25; }

input:checked + .ixu-radio__faux::after {
  opacity: 1;
  -webkit-transition: none;
  transition: none; }

input:disabled + .ixu-radio__faux::after {
  opacity: 0; }

@media (max-width: 720px) {
  .header.is-search-takeover,
  .header.is-user-menu-takeover {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000; }
  .header.is-search-takeover {
    height: 100%; } }

.header-nav {
  display: -webkit-box;
  display: flex;
  padding-bottom: 10px;
  padding-top: 14px;
  position: relative; }

.header-nav__nav-item {
  display: inline-block;
  vertical-align: middle; }

.header-nav__nav-item--meta {
  display: none; }

.header-nav__nav-item--core-page {
  font-family: "Open Sans", Arial, sans-serif;
  height: 36px;
  display: inline-block;
  line-height: 36px;
  margin: 0 1em;
  color: #403E39;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-transition: color 0.2s;
          transition: color 0.2s;
  position: relative; }
  .header-nav__nav-item--core-page:hover,
  .header-nav__nav-item--core-page:focus {
    color: #403E39;
    opacity: 1; }
  .ixu-theme-inverse .header-nav__nav-item--core-page,
  .header-nav__nav-item--core-page.ixu-theme-inverse {
    color: #FFFFFF; }
    .ixu-theme-inverse .header-nav__nav-item--core-page:hover,
    .ixu-theme-inverse .header-nav__nav-item--core-page:focus,
    .header-nav__nav-item--core-page.ixu-theme-inverse:hover,
    .header-nav__nav-item--core-page.ixu-theme-inverse:focus {
      color: #FFFFFF; }
    .ixu-theme-inverse .header-nav__nav-item--core-page::after,
    .header-nav__nav-item--core-page.ixu-theme-inverse::after {
      border-top-color: #FFFFFF; }

.header-nav__nav-item--explore {
  position: relative;
  margin-right: 25px; }
  .header-nav__nav-item--explore::after {
    position: absolute;
    top: 16px;
    right: -12px;
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #403E39; }
  .ixu-theme-inverse .header-nav__nav-item--explore,
  .header-nav__nav-item--explore.ixu-theme-inverse {
    color: #FFFFFF; }
    .ixu-theme-inverse .header-nav__nav-item--explore::after,
    .header-nav__nav-item--explore.ixu-theme-inverse::after {
      border-top-color: #FFFFFF; }

.header-nav__nav-item--active {
  color: #403E39;
  opacity: 1; }
  .ixu-theme-inverse .header-nav__nav-item--active,
  .header-nav__nav-item--active.ixu-theme-inverse {
    color: #FFFFFF; }

.header-nav__nav-item--logo {
  margin-right: 40px;
  height: 40px; }

.header-nav__publish--tablet {
  display: none; }

.header-nav__loggedout {
  display: none;
  font-size: 0; }
  .header-nav--loggedout .header-nav__loggedout {
    display: inline-block; }

.header-nav__loggedin {
  display: none;
  font-size: 0; }
  .header-nav--loggedin .header-nav__loggedin {
    display: inline-block; }

.header-nav__identify-user {
  margin-left: 18px; }

.header-nav__user-avatar {
  background-color: #FFFFFF;
  background-position: center center;
  background-size: cover;
  border-radius: 18px;
  display: inline-block;
  font-size: 0;
  height: 36px;
  margin-left: 18px;
  vertical-align: top;
  width: 36px; }

.header-nav__upload-button {
  margin-left: 18px; }

.header-nav__logo {
  width: 150px; }

.header-nav__user-menu {
  display: inline-block;
  position: relative;
  vertical-align: top; }

.header-nav__user-dropdown {
  position: absolute;
  top: 44px;
  right: 0px;
  z-index: 2; }

.header-nav__logo-words {
  fill: #403E39;
  opacity: .75; }
  .ixu-theme-inverse .header-nav__logo-words,
  .header-nav__logo-words.ixu-theme-inverse {
    fill: #FFFFFF;
    opacity: 1; }
  .header-nav__nav-item--logo:hover .header-nav__logo-words {
    opacity: 1; }

.header-nav__logo-mark {
  fill: #F26F61; }

.header-nav--loggedout .header-nav__loggedout--mobile {
  display: none; }

@media (max-width: 960px) {
  .header-nav--loggedout .header-nav__nav-item--explore {
    display: none; }
  .header-nav__nav-item--logo {
    margin-right: 10px; }
  .header-nav__publish--desktop {
    display: none; }
  .header-nav__publish--tablet {
    display: initial; } }

@media (max-width: 720px) {
  .is-search-takeover .header-nav__loggedout,
  .header-nav--loggedout .header-nav__loggedout {
    display: none; }
  .header-nav__identify-user {
    width: 80px;
    text-align: right;
    margin-left: 0;
    padding: 0; }
    .ixu-theme-inverse .header-nav__identify-user:hover,
    .ixu-theme-inverse .header-nav__identify-user:focus {
      border-color: transparent;
      background: none;
      box-shadow: none; }
  .header-nav--loggedout .header-nav__loggedout--mobile {
    display: block; }
  .is-search-takeover .header-nav__loggedout--mobile {
    display: none; }
  .header-nav__loggedin {
    width: 80px;
    text-align: right; }
    .is-search-takeover .header-nav__loggedin {
      display: none; }
  .header-nav__nav-item--core-page {
    display: none; }
  .header-nav__upload-button {
    display: none; }
  .header-nav__nav-item--logo {
    margin: 0;
    -webkit-box-flex: 2;
            flex-grow: 2;
    text-align: center; }
    .is-search-takeover .header-nav__nav-item--logo {
      display: none; }
  .header-nav__logo {
    width: 110px; }
  .header-nav__user-avatar.is-active::after {
    background: #F26F61;
    content: "";
    display: block;
    height: 2px;
    margin-top: 48px;
    width: 36px; }
  .header-nav__user-avatar:focus {
    box-shadow: none; }
  .header-nav__user-dropdown:not(.is-active) {
    display: block; } }

.header-search {
  -webkit-box-flex: 2;
          flex-grow: 2;
  position: relative;
  text-align: right; }

.header-search__input {
  width: 280px;
  max-width: 180px; }
  @media (max-width: 956px) {
    .header-search__input {
      max-width: 160px; } }

.header-search__suggestion {
  color: #69655E;
  cursor: pointer;
  padding: 0.5em 1em; }
  .header-search__suggestion:focus,
  .header-search__suggestion:hover {
    background-color: #E8E4DC; }
  .ixu-theme-inverse .header-search__suggestion,
  .header-search__suggestion.ixu-theme-inverse {
    color: #A9C1C7; }
    .ixu-theme-inverse .header-search__suggestion:focus,
    .ixu-theme-inverse .header-search__suggestion:hover,
    .header-search__suggestion.ixu-theme-inverse:focus,
    .header-search__suggestion.ixu-theme-inverse:hover {
      background-color: #4C4C4C; }

.header-search__cursor {
  background-color: #E8E4DC; }
  .ixu-theme-inverse .header-search__cursor,
  .header-search__cursor.ixu-theme-inverse {
    background-color: #4C4C4C; }

.header-search__suggestion-menu:not(.header-search__suggestion-menu--empty) {
  background: #FFFFFF;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 3px 3px rgba(100, 100, 100, 0.44);
  margin-top: 14px;
  text-align: left;
  width: 280px; }

@media (max-width: 960px) {
  .header-search__input {
    width: 170px; } }

@media (max-width: 720px) {
  .header-search {
    -webkit-box-flex: 0;
            flex-grow: 0; }
  .is-search-takeover .header-search__typeahead {
    width: 100%; }
  .header-search {
    -webkit-box-ordinal-group: 0;
            order: -1;
    text-align: left;
    width: 80px; }
    .is-search-takeover .header-search {
      -webkit-box-flex: 2;
              flex-grow: 2; }
    .is-search-takeover .header-search::after {
      background-image: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 32 32"><path d="M2.038 32c-0.522-0.008-0.989-0.167-1.4-0.58-0.823-0.773-0.855-2.042-0.059-2.842l27.852-27.964c0.795-0.798 2.102-0.828 2.923-0.055 0.823 0.773 0.855 2.042 0.059 2.842l-27.852 27.962c-0.425 0.45-0.95 0.645-1.523 0.636v0z" fill="#A5B4B5"></path><path d="M29.953 32c-0.573 0.009-1.098-0.186-1.523-0.636l-27.852-27.964c-0.795-0.798-0.764-2.067 0.059-2.842s2.128-0.744 2.923 0.056l27.852 27.964c0.795 0.798 0.764 2.067-0.059 2.842-0.411 0.411-0.878 0.57-1.4 0.58v0z" fill="#A5B4B5"></path></svg>');
      background-repeat: no-repeat;
      background-position: center center;
      height: 36px;
      width: 36px;
      position: absolute;
      top: 0;
      right: 6px;
      font-weight: bold;
      text-align: center;
      content: ""; }
  .header-search__input {
    width: 30px;
    max-width: none;
    padding-left: 24px;
    font-size: 16px;
    background-position: center center;
    position: absolute !important;
    top: -14px; }
    :not(.is-search-takeover) .header-search__input {
      border: 0; }
    .is-search-takeover .header-search__input {
      font-size: 14px;
      width: 100%;
      background-image: none; }
  .header-search__suggestion-menu:not(.header-search__suggestion-menu--empty) {
    width: 100%;
    position: fixed !important;
    left: 0;
    margin-top: 0;
    top: 66px !important;
    height: 100%; }
    .ixu-theme-inverse .header-search__suggestion-menu:not(.header-search__suggestion-menu--empty),
    .header-search__suggestion-menu:not(.header-search__suggestion-menu--empty).ixu-theme-inverse {
      background-color: #353535; }
  .ixu-theme-inverse .header-search__cursor,
  .header-search__cursor.ixu-theme-inverse {
    background-color: #4C4C4C; }
  .header-search__suggestion {
    color: #69655E; }
    .header-search__suggestion.header-search__cursor,
    .header-search__suggestion:focus,
    .header-search__suggestion:hover {
      background-color: #E8E4DC; }
    .ixu-theme-inverse .header-search__suggestion,
    .header-search__suggestion.ixu-theme-inverse {
      color: #A9C1C7; }
      .ixu-theme-inverse .header-search__suggestion.header-search__cursor,
      .ixu-theme-inverse .header-search__suggestion:focus,
      .ixu-theme-inverse .header-search__suggestion:hover,
      .header-search__suggestion.ixu-theme-inverse.header-search__cursor,
      .header-search__suggestion.ixu-theme-inverse:focus,
      .header-search__suggestion.ixu-theme-inverse:hover {
        background-color: #4C4C4C; } }

.header-dropdown {
  z-index: 100; }
  @media (max-width: 720px) {
    .header-dropdown {
      background: #FAF9F7;
      width: 100%;
      position: fixed;
      left: 100%;
      box-shadow: none;
      border-radius: 0;
      top: 64px;
      height: 100%;
      text-align: left; }
      .header-dropdown.is-active {
        left: 0; }
      .header-dropdown::before {
        display: none; }
      .header-dropdown.ixu-theme-inverse {
        background: #353535; } }

@media (max-width: 720px) {
  .header-dropdown__section {
    border: 0; } }

@media (max-width: 720px) {
  .header-dropdown__item {
    color: #69655E;
    font-size: 16px; }
    .header-dropdown__item.ixu-theme-inverse {
      color: #A9C1C7; } }

@media (max-width: 720px) {
  .header-dropdown__item--subtle {
    color: #B3ADA1;
    font-size: 14px; }
    .header-dropdown__item--subtle.ixu-theme-inverse {
      color: #8DA2A6; } }

.explore-categories {
  width: 630px;
  max-width: 90%;
  position: absolute;
  background: #E8E4DC;
  top: 73px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  padding: 12px 24px;
  font-size: 0;
  display: block;
  z-index: 1000;
  left: 0; }
  .ixu-theme-inverse .explore-categories {
    background: #4C4C4C; }
    .ixu-theme-inverse .explore-categories::before {
      border-bottom-color: #4C4C4C; }
  .explore-categories::before {
    position: absolute;
    top: -9px;
    left: 228px;
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #E8E4DC; }

.explore-categories--hidden {
  display: none; }

.explore-categories-category {
  margin: 0;
  display: inline-block;
  width: calc(100%/3);
  font-size: 14px;
  color: #424242;
  line-height: 27px;
  padding: 6px 0; }
  .ixu-theme-inverse .explore-categories-category {
    color: #FFFFFF; }
  .explore-categories-category:focus,
  .explore-categories-category:hover {
    opacity: .7;
    color: #424242; }
    .ixu-theme-inverse .explore-categories-category:focus,
    .ixu-theme-inverse .explore-categories-category:hover {
      color: #FFFFFF; }

.explore-categories-category--bold {
  font-weight: bold; }

.colorpicker_legacy {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_background.png");
  font-family: Arial, Helvetica, sans-serif;
  display: none;
  z-index: 2000; }

.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair; }

.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_overlay.png"); }

.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_select.gif");
  margin: -5px 0 0 -5px; }

.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize; }

.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_indic.gif") left top;
  margin: -4px 0 0 0;
  left: 0px; }

.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00; }

.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00; }

.colorpicker_legacy input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
  width: auto; }

.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_hex.png") top;
  left: 212px;
  top: 142px; }

.colorpicker_hex input {
  right: 6px; }

.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute; }

.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize; }

.colorpicker_rgb_r {
  background-image: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_rgb_r.png");
  top: 52px;
  left: 212px; }

.colorpicker_rgb_g {
  background-image: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_rgb_g.png");
  top: 82px;
  left: 212px; }

.colorpicker_rgb_b {
  background-image: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_rgb_b.png");
  top: 112px;
  left: 212px; }

.colorpicker_hsb_h {
  background-image: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_hsb_h.png");
  top: 52px;
  left: 282px; }

.colorpicker_hsb_s {
  background-image: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_hsb_s.png");
  top: 82px;
  left: 282px; }

.colorpicker_hsb_b {
  background-image: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_hsb_b.png");
  top: 112px;
  left: 282px; }

.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url("/static-assets/widgets/embed/assets/colorpicker/colorpicker_submit.png") top;
  left: 322px;
  top: 142px;
  overflow: hidden; }

.colorpicker_focus {
  background-position: center; }

.colorpicker_hex.colorpicker_focus {
  background-position: bottom; }

.colorpicker_submit.colorpicker_focus {
  background-position: bottom; }

.colorpicker_slider {
  background-position: bottom; }

.embed1 {
  width: 810px;
  padding: 25px 50px;
  background: #fff;
  color: #111;
  font: 13px/1.4em sans-serif; }
  .embed1 h3 {
    font-size: 22px;
    line-height: normal;
    font-weight: bold;
    margin: 0 0 20px; }
  .embed1 h4 {
    font-weight: bold;
    margin: 0 0 10px; }
  .embed1 h5 {
    font-weight: bold; }
  .embed1 p {
    margin: 0 0 10px; }
  .embed1 strong {
    font-weight: bold; }
  .embed1 a {
    color: #111;
    text-decoration: underline; }
  .embed1 input.inputF {
    width: 65px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 0px;
    padding: 4px 5px;
    margin: 0 0 3px;
    font-size: 100%; }
    .embed1 input.inputF.resultFields {
      width: 700px;
      margin-top: 3px;
      padding: 5px; }
    .embed1 input.inputF:focus {
      background: #fff; }
  .embed1 input::-webkit-input-placeholder {
    color: #666; }
  .embed1 select {
    width: auto;
    height: 20px;
    line-height: 20px;
    font-size: 100%;
    margin: 0 0 3px;
    background: #fff;
    -webkit-appearance: menulist;
    border: 1px solid #999; }
  .embed1 p#mobile-support-msg {
    background: #d7332f;
    color: #fff;
    padding: 6px 10px;
    display: inline-block; }
    .embed1 p#mobile-support-msg a {
      color: #fff; }
  .embed1 .contentBlock {
    margin: 0 0 20px; }
  .embed1 .embedBlock {
    margin-top: 10px; }
    .embed1 .embedBlock label {
      margin-left: 5px; }
  .embed1 .noSoundText, .embed1 .ownerSoundText, .embed1 .ownerNoSoundText, .embed1 .soundUrl, .embed1 .ownerChangeSoundLink, .embed1 .soundText, .embed1 a.ownerTestLink, .embed1 .facebookBlock, .embed1 .wpPlug, .embed1 .joomlaPlug, .embed1 .mustDownloadPlug, .embed1 .notActualSize {
    display: none; }
  .embed1 .sizeBlock input.inputF {
    width: 45px; }
  .embed1 .colorOrThemeBlock input#customThemeUrl {
    width: 300px; }
  .embed1 .hide {
    display: none; }
  .embed1 .note {
    color: #999;
    font-size: 12px; }

#skema {
  width: 910px;
  padding: 10px 0 0;
  font-size: 14px;
  background: #FAF9F8;
  /*--- tooltips --*/ }
  #skema div.embed2 {
    padding: 16px 50px 0;
    /*--- headline ---*/
    /*--- /headline ---*/
    /*--- preview ---*/
    /*--- /preview ---*/
    /*--- options ---*/
    /*--- /options ---*/
    /*--- buttons ---*/
    /*--- /buttons ---*/
    /*--- style dropdown ---*/ }
    #skema div.embed2 label {
      cursor: pointer; }
    #skema div.embed2 h2 {
      margin: 0 0 20px; }
    #skema div.embed2 h4 {
      font-size: 100%;
      margin: 0 0 9px; }
    #skema div.embed2 select {
      margin: 0px;
      padding: 2px;
      width: auto;
      height: 20px;
      line-height: 20px;
      font-size: 12px;
      -webkit-appearance: menulist;
      border: 1px solid #ccc; }
    #skema div.embed2 h3.showHideEmbedOptions {
      font-size: 21px;
      color: #78756E;
      background: url("/static-assets/widgets/embed/assets/greyArrowLeft.png") no-repeat 0 4px;
      margin: 15px 0 20px;
      padding-left: 20px;
      cursor: pointer; }
      #skema div.embed2 h3.showHideEmbedOptions:hover {
        color: #A49F96; }
      #skema div.embed2 h3.showHideEmbedOptions.open {
        background: url("/static-assets/widgets/embed/assets/greyArrowDown.png") no-repeat 0 6px; }
    #skema div.embed2 input.inputF {
      font-size: 11px;
      line-height: 15px;
      border: solid 1px #E0DACF;
      padding: 2px;
      margin: 0;
      width: auto; }
    #skema div.embed2 input.colorval, #skema div.embed2 input#backgroundColor1, #skema div.embed2 input#backgroundColor2 {
      background: url("/static-assets/widgets/embed/assets/cornerArrow.jpg") no-repeat right bottom;
      border-width: 2px;
      width: 90px;
      height: 22px;
      padding: 2px 3px; }
    #skema div.embed2 input.customY {
      color: #999; }
    #skema div.embed2 div.eBlock {
      margin: 0;
      padding: 0 0 10px 0; }
    #skema div.embed2 div.eDouble {
      width: 100%;
      margin: 0;
      padding: 0;
      float: left; }
    #skema div.embed2 div.ecSmallA {
      width: 60px;
      margin: -1px 0 0;
      float: left; }
    #skema div.embed2 div.ecSmallB {
      width: 46px;
      float: left; }
    #skema div.embed2 div.ecLarger, #skema div.embed2 div.eRow {
      width: 345px;
      float: left;
      margin-bottom: 6px; }
    #skema div.embed2 .linkToOldEmbed {
      float: right;
      margin: -2px 5px 0px 0px;
      font-size: 12px;
      display: none; }
    #skema div.embed2 div.previewBlock {
      margin: 0 0 18px;
      min-height: 250px;
      line-height: normal;
      float: none; }
    #skema div.embed2 div.previewBox {
      width: 540px;
      background: url("/static-assets/widgets/embed/assets/spinner18x18.gif") no-repeat center; }
      #skema div.embed2 div.previewBox div div {
        margin: 0;
        color: #999; }
      #skema div.embed2 div.previewBox div a {
        color: #999; }
    #skema div.embed2 .sizeExplanation {
      color: #78756E;
      text-align: right;
      font-weight: bold;
      display: none;
      margin: 0 0 5px; }
    #skema div.embed2 .sizeExplanation {
      margin: 9px 0 0;
      text-align: left; }
    #skema div.embed2 .embedOptions {
      margin: 0 0 18px; }
      #skema div.embed2 .embedOptions .styling-options .column {
        width: 405px;
        float: left; }
      #skema div.embed2 .embedOptions .styling-options .right-column {
        padding-top: 5px; }
    #skema div.embed2 div.logoTester {
      height: 0;
      overflow: hidden; }
    #skema div.embed2 .disabled label {
      color: #C6C0B5; }
    #skema div.embed2 .label-info {
      color: #78756E; }
    #skema div.embed2 .mainButtons-wrapper {
      position: relative; }
      #skema div.embed2 .mainButtons-wrapper p {
        margin: 0 0 5px; }
      #skema div.embed2 .mainButtons-wrapper .mainButtons {
        padding: 15px 0; }
        #skema div.embed2 .mainButtons-wrapper .mainButtons .buttons {
          height: 40px;
          margin: 0 0 18px; }
          #skema div.embed2 .mainButtons-wrapper .mainButtons .buttons .use-iframe-container {
            float: right;
            font-size: 13px;
            margin: 9px 0 18px; }
        #skema div.embed2 .mainButtons-wrapper .mainButtons #code-tabs {
          margin: 0 0 9px; }
          #skema div.embed2 .mainButtons-wrapper .mainButtons #code-tabs #embed-code, #skema div.embed2 .mainButtons-wrapper .mainButtons #code-tabs #iframe-code {
            min-height: 2.7em; }
          #skema div.embed2 .mainButtons-wrapper .mainButtons #code-tabs .iframe-code {
            display: none; }
        #skema div.embed2 .mainButtons-wrapper .mainButtons .selectable {
          clear: both;
          padding: 8px;
          border: 3px solid #E0DACF;
          background: #FAF9F8;
          font-size: 14px;
          min-height: 1.35em; }
          #skema div.embed2 .mainButtons-wrapper .mainButtons .selectable.flash {
            background: #E0DACF; }
          #skema div.embed2 .mainButtons-wrapper .mainButtons .selectable.disabled {
            background: transparent;
            color: #C6C0B5;
            border-color: #E0DACF; }
            #skema div.embed2 .mainButtons-wrapper .mainButtons .selectable.disabled code {
              color: #C6C0B5; }
          #skema div.embed2 .mainButtons-wrapper .mainButtons .selectable strong {
            font-weight: bold;
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none; }
    #skema div.embed2 .update-message {
      width: 245px;
      font-weight: bold;
      color: #56B66A;
      margin: 0;
      display: none;
      line-height: 17px;
      vertical-align: top; }
    #skema div.embed2 .button {
      display: block;
      float: left;
      font-weight: 400;
      font-family: "Open Sans", Arial, sans-serif;
      margin: 0 10px 0 0;
      padding: 0 22px;
      color: #FFFFFF;
      background-image: none;
      line-height: 32px;
      border: none;
      -webkit-font-smoothing: subpixel-antialiased;
      border-radius: 5px; }
      #skema div.embed2 .button.primary-button {
        background: #F36D5D; }
        #skema div.embed2 .button.primary-button:hover {
          background: #E66153;
          border: none; }
        #skema div.embed2 .button.primary-button.in-progress {
          color: #FFFFFF; }
      #skema div.embed2 .button.secondary-button {
        background: #D2CCC1; }
        #skema div.embed2 .button.secondary-button:hover {
          background: #C6C0B5;
          border: none; }
        #skema div.embed2 .button.secondary-button.in-progress {
          color: #A49F96; }
      #skema div.embed2 .button.done {
        background: #56B66A; }
        #skema div.embed2 .button.done:hover {
          background: #50AB62; }
      #skema div.embed2 .button span.successBtn, #skema div.embed2 .button span.successBtn:hover {
        border: 1px solid #56B66A;
        background: #56B66A; }
    #skema div.embed2 #update-style-button, #skema div.embed2 #create-style-button {
      display: none; }
    #skema div.embed2 p#doc-converting {
      color: #EB9654;
      margin: 0 0 18px;
      display: none; }
    #skema div.embed2 .mainButtons-wrapper {
      width: 910px !important;
      margin: 0 -50px; }
      #skema div.embed2 .mainButtons-wrapper .mainButtons {
        padding: 18px 50px 36px; }
      #skema div.embed2 .mainButtons-wrapper .link-label {
        margin-bottom: 5px; }
    #skema div.embed2 .stylesDropdown {
      display: inline-block; }
      #skema div.embed2 .stylesDropdown .style-dropdown {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        font-size: 14px;
        cursor: pointer;
        width: 255px;
        margin: 0 5px 0 0;
        display: none;
        float: left; }
        #skema div.embed2 .stylesDropdown .style-dropdown ul {
          width: 255px;
          margin: 0;
          padding: 4px 0;
          background: #FFFFFF;
          color: #78756E;
          list-style-type: none;
          position: absolute;
          top: 32px;
          left: 0;
          z-index: 999;
          display: none;
          border-radius: 5px;
          box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 3px; }
          #skema div.embed2 .stylesDropdown .style-dropdown ul li {
            padding: 0 12px;
            height: 32px;
            line-height: 32px;
            vertical-align: middle; }
            #skema div.embed2 .stylesDropdown .style-dropdown ul li .embed-title {
              display: inline-block;
              vertical-align: middle; }
            #skema div.embed2 .stylesDropdown .style-dropdown ul li .delete-embed {
              float: right;
              width: 13px;
              height: 17px;
              margin: 8px 0 0;
              background: url("/static-assets/widgets/embed/assets/trash.png") no-repeat 0 0;
              display: none; }
              #skema div.embed2 .stylesDropdown .style-dropdown ul li .delete-embed:hover {
                background-position: -13px 0; }
            #skema div.embed2 .stylesDropdown .style-dropdown ul li:hover {
              color: #A49F96; }
        #skema div.embed2 .stylesDropdown .style-dropdown .style-icon-container {
          display: inline-block;
          width: 14px;
          height: 14px;
          overflow: hidden;
          line-height: 14px;
          text-align: center;
          margin: 0 5px 0 0;
          vertical-align: middle; }
          #skema div.embed2 .stylesDropdown .style-dropdown .style-icon-container .style-icon {
            display: inline-block;
            width: 12px;
            height: 12px;
            overflow: hidden;
            margin: 1px;
            border-radius: 6px;
            box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 1px 1px;
            vertical-align: top; }
            #skema div.embed2 .stylesDropdown .style-dropdown .style-icon-container .style-icon.small {
              width: 10px;
              height: 10px;
              margin: 2px;
              border-radius: 5px; }
            #skema div.embed2 .stylesDropdown .style-dropdown .style-icon-container .style-icon.big {
              width: 14px;
              height: 14px;
              margin: 0;
              border-radius: 7px; }
        #skema div.embed2 .stylesDropdown .style-dropdown .selected-style {
          width: 243px;
          height: 32px;
          padding: 0 0 0 12px;
          background: #D2CCC1;
          color: #FFFFFF;
          line-height: 32px;
          display: inline-block;
          border-radius: 5px; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .toggle-dropdown {
            width: 40px;
            height: 32px;
            float: right;
            border-left: 1px solid #E0DACF;
            box-shadow: rgba(0, 0, 0, 0.3) -1px 0px 0px 0px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px; }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .toggle-dropdown .arrow-down {
              display: block;
              width: 0;
              height: 0;
              border: solid;
              border-color: #fff transparent;
              border-width: 7px 7px 0;
              margin: 13px 13px 0; }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .toggle-dropdown.over {
              background-color: #C6C0B5; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .update-embed-link {
            color: #fff;
            font-weight: bold;
            display: none; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .create-embed-link {
            color: #666;
            text-decoration: none;
            font-weight: bold;
            display: none; }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .create-embed-link:hover {
              text-decoration: underline; }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .create-embed-link.done {
              color: #4ac16e; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .style-icon-container, #skema div.embed2 .stylesDropdown .style-dropdown .selected-style .delete-embed {
            display: none; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.over {
            background-color: #C6C0B5; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.primary-button.can-update-style {
            background: #56B66A;
            color: rgba(255, 255, 255, 0.7); }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.primary-button.can-update-style .toggle-dropdown {
              border-left: 1px solid #3EA351; }
              #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.primary-button.can-update-style .toggle-dropdown.over {
                background-color: #56B66A; }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.primary-button.can-update-style.over {
              background-color: #50AB62; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.in-progress .update-embed-link {
            color: #FFFFFF; }
          #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.done {
            background: #56B66A !important;
            color: #FFFFFF !important; }
            #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.done .toggle-dropdown, #skema div.embed2 .stylesDropdown .style-dropdown .selected-style.done .toggle-dropdown.over {
              border-color: #56B66A;
              background-color: #50AB62; }
      #skema div.embed2 .stylesDropdown div.embed2 .primary-button.in-progress .button-body strong {
        color: #56B66A; }
      #skema div.embed2 .stylesDropdown div.embed2 .secondary-button.in-progress .button-body strong {
        color: #56B66A; }
      #skema div.embed2 .stylesDropdown div.embed2 .button.done .button-body {
        background: #56B66A; }
    #skema div.embed2 .hideForEnterpriseDocs {
      display: none; }
    #skema div.embed2 .fleft {
      float: left;
      margin-right: 16px; }
    #skema div.embed2 .floatleft {
      float: left; }
  #skema a.embedToolTipper, #skema a.embedToolTipper:visited, #skema a.embedToolTipper:hover {
    text-decoration: none;
    font-weight: bold;
    font-size: 10px; }
  #skema .tooltip-inner {
    width: 250px;
    font-size: 12px;
    font-weight: normal;
    text-align: left; }
    #skema .tooltip-inner strong {
      font-weight: bold !important;
      color: #78756E; }
    #skema .tooltip-inner a {
      color: #F36D5D; }
      #skema .tooltip-inner a:hover {
        color: #E66153; }
  #skema .tooltip.top .tooltip-inner {
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    #skema .tooltip.top .tooltip-inner:after, #skema .tooltip.top .tooltip-inner:before {
      top: 100%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    #skema .tooltip.top .tooltip-inner:after {
      border-top-color: #ffffff;
      border-width: 10px;
      left: 50%;
      margin-left: -10px; }
    #skema .tooltip.top .tooltip-inner:before {
      border-top-color: rgba(0, 0, 0, 0.1);
      border-width: 11px;
      left: 50%;
      margin-left: -11px; }

.flagdocument h1 {
  margin-bottom: 20px; }

.flagdocument p.introduction {
  margin-bottom: 25px; }

.flagdocument input {
  vertical-align: top;
  padding: 0;
  margin: 0; }

.flagdocument label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
  cursor: pointer; }

.flagdocument button {
  margin-top: 20px;
  margin-bottom: 10px; }

.clipping-creator {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%; }

.movablebox {
  position: absolute;
  background-color: transparent; }
  .movablebox .button-container {
    position: absolute;
    right: 0;
    white-space: nowrap;
    margin: 15px 0px;
    -webkit-transition: opacity 100ms ease-out;
            transition: opacity 100ms ease-out; }
    .changing .movablebox .button-container {
      opacity: 0; }
    .movablebox .button-container .cancel-clipping {
      margin-right: 10px; }
  @media (max-width: 320px) {
    .movablebox .cancel-clipping {
      display: none; } }
  .movablebox .error-message {
    position: absolute;
    white-space: nowrap;
    right: 0px;
    padding: 10px;
    margin: 10px 0 0; }
    .movablebox .error-message.place-at-top {
      bottom: 60px; }

.resizablebox {
  cursor: move;
  box-sizing: border-box; }
  .resizablebox .ui-resizable-se {
    background: none; }

.clipping-curtain {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%; }

.video-clipping {
  width: 100%; }
  .video-clipping .center-container {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
  .video-clipping .clipping-buttoncontainer, .video-clipping .clipping-container {
    position: relative; }
  .video-clipping .video-player-container {
    position: relative;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }

.clipping-area.publisher-owned .activator, .clipping-area.clipping-container .activator, .clipping-buttoncontainer.publisher-owned .activator, .clipping-container .activator, .clipping-container .circle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTE1MywtMjQ3IDI4NCwtMjQ3IDI4NCw2NSAtMTUzLDY1ICIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48L2c+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGMkYyRjIiIGQ9Ik0xNiwzMS41Yy04LjUsMC0xNS41LTctMTUuNS0xNS41UzcuNSwwLjUsMTYsMC41czE1LjUsNywxNS41LDE1LjVTMjQuNSwzMS41LDE2LDMxLjV6Ii8+PGc+PHBhdGggZmlsbD0iIzc2QTVDQyIgZD0iTTE2LDFjOC4zLDAsMTUsNi43LDE1LDE1cy02LjcsMTUtMTUsMTVTMSwyNC4zLDEsMTZTNy43LDEsMTYsMSBNMTYsMEM3LjIsMCwwLDcuMiwwLDE2czcuMiwxNiwxNiwxNnMxNi03LjIsMTYtMTZTMjQuOCwwLDE2LDBMMTYsMHoiLz48L2c+PC9nPjwvc3ZnPg==);
  color: #76a5cc; }
  .clipping-area.publisher-owned .activator .counter, .clipping-buttoncontainer.publisher-owned .activator .counter, .clipping-container .activator .counter, .clipping-container .circle .counter {
    background-color: #76a5cc; }

.issuu-reader .clipping-indicator .creator-toggle.active {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTIwNSwtMjA2IDIzMiwtMjA2IDIzMiwxMDYgLTIwNSwxMDYgIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YyRjJGMiIgZD0iTTE2LDMxLjVjLTguNSwwLTE1LjUtNy0xNS41LTE1LjVTNy41LDAuNSwxNiwwLjVzMTUuNSw3LDE1LjUsMTUuNVMyNC41LDMxLjUsMTYsMzEuNXoiLz48cGF0aCBmaWxsPSIjNTZCNjZBIiBkPSJNMTYsMWM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNVMxLDI0LjMsMSwxNlM3LjcsMSwxNiwxIE0xNiwwQzcuMiwwLDAsNy4yLDAsMTZzNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNlMyNC44LDAsMTYsMEwxNiwweiIvPjwvZz48L3N2Zz4=);
  color: #56b66a; }
  .issuu-reader .clipping-indicator .creator-toggle.active .counter {
    background-color: #56b66a; }

.clipping-area.reader-owned .activator, .clipping-buttoncontainer.reader-owned .activator, .reader-owned.clipping-container .activator, .issuu-reader .clipping-indicator .creator-toggle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTE1MywtMjA2IDI4NCwtMjA2IDI4NCwxMDYgLTE1MywxMDYgIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YyRjJGMiIgZD0iTTE2LDMxLjVjLTguNSwwLTE1LjUtNy0xNS41LTE1LjVTNy41LDAuNSwxNiwwLjVzMTUuNSw3LDE1LjUsMTUuNVMyNC41LDMxLjUsMTYsMzEuNXoiLz48cGF0aCBmaWxsPSIjRjM2RDVEIiBkPSJNMTYsMWM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNVMxLDI0LjMsMSwxNlM3LjcsMSwxNiwxIE0xNiwwQzcuMiwwLDAsNy4yLDAsMTZzNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNlMyNC44LDAsMTYsMEwxNiwweiIvPjwvZz48L3N2Zz4=);
  color: #f36d5d; }
  .clipping-area.reader-owned .activator .counter, .clipping-buttoncontainer.reader-owned .activator .counter, .reader-owned.clipping-container .activator .counter, .issuu-reader .clipping-indicator .creator-toggle .counter {
    background-color: #f36d5d; }

.clipping-area.publisher-owned .activator--teardrop, .clipping-area.clipping-container .activator--teardrop, .clipping-buttoncontainer.publisher-owned .activator--teardrop, .clipping-container .activator--teardrop {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTEwMSwtMjQ3IDMzNiwtMjQ3IDMzNiw2NSAtMTAxLDY1ICIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48L2c+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGMkYyRjIiIGQ9Ik0xNiwzMS41Yy04LjUsMC0xNS41LTctMTUuNS0xNS41VjAuNWgxNS40YzguNiwwLDE1LjYsNywxNS42LDE1LjVTMjQuNiwzMS41LDE2LDMxLjV6Ii8+PHBhdGggZmlsbD0iIzc2QTVDQyIgZD0iTTE2LDB2MWM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNUM3LjcsMzEsMSwyNC4zLDEsMTZWMWwxNC45LDBsMCwwbDAsMEwxNiwwIE0xNiwwQzE2LDAsMTYsMCwxNiwwTDE2LDBIMHYxNmMwLDguOCw3LjIsMTYsMTYsMTZjOC44LDAsMTYtNy4yLDE2LTE2QzMyLDcuMiwyNC44LDAsMTYsMEwxNiwweiIvPjwvZz48L3N2Zz4=);
  color: #76a5cc; }
  .clipping-area.publisher-owned .activator--teardrop .counter, .clipping-buttoncontainer.publisher-owned .activator--teardrop .counter, .clipping-container .activator--teardrop .counter {
    background-color: #76a5cc; }

.clipping-area.reader-owned .activator--teardrop, .clipping-buttoncontainer.reader-owned .activator--teardrop, .reader-owned.clipping-container .activator--teardrop, .issuu-reader .clipping-indicator .clippings-toggle {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTEwMSwtMjA2IDMzNiwtMjA2IDMzNiwxMDYgLTEwMSwxMDYgIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YyRjJGMiIgZD0iTTE2LDMxLjVjLTguNSwwLTE1LjUtNy0xNS41LTE1LjVWMC41aDE1LjRjOC42LDAsMTUuNiw3LDE1LjYsMTUuNVMyNC42LDMxLjUsMTYsMzEuNXoiLz48cGF0aCBmaWxsPSIjRjM2RDVEIiBkPSJNMTYsMHYxYzguMywwLDE1LDYuNywxNSwxNXMtNi43LDE1LTE1LDE1QzcuNywzMSwxLDI0LjMsMSwxNlYxbDE0LjksMGwwLDBsMCwwTDE2LDAgTTE2LDBDMTYsMCwxNiwwLDE2LDBMMTYsMEgwdjE2YzAsOC44LDcuMiwxNiwxNiwxNmM4LjgsMCwxNi03LjIsMTYtMTZDMzIsNy4yLDI0LjgsMCwxNiwwTDE2LDB6Ii8+PC9nPjwvc3ZnPg==);
  color: #f36d5d; }
  .clipping-area.reader-owned .activator--teardrop .counter, .clipping-buttoncontainer.reader-owned .activator--teardrop .counter, .reader-owned.clipping-container .activator--teardrop .counter, .issuu-reader .clipping-indicator .clippings-toggle .counter {
    background-color: #f36d5d; }

/*! jQuery UI - v1.9.2 - 2013-04-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.button.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%20Neue%2C%20Helvetica%2C%20sans-serif&fwDefault=bold&fsDefault=1.3em&cornerRadius=3&bgColorHeader=%233d3e40&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%233d3e40&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%232b2d2f&bgTextureContent=flat&bgImgOpacityContent=0&borderColorContent=%232b2d2f&fcContent=%234a4b4b&iconColorContent=%234a4b4b&bgColorDefault=%232b2d2f&bgTextureDefault=flat&bgImgOpacityDefault=0&borderColorDefault=%232b2d2f&fcDefault=%23abacac&iconColorDefault=%23abacac&bgColorHover=%233d3e40&bgTextureHover=flat&bgImgOpacityHover=0&borderColorHover=%233d3e40&fcHover=%23fff&iconColorHover=%23fff&bgColorActive=%23202223&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23202223&fcActive=%23fff&iconColorActive=%23fff&bgColorHighlight=%23202223&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=%23202223&fcHighlight=%23fff&iconColorHighlight=%23fff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  zoom: 1; }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.ui-state-disabled {
  cursor: default !important; }

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none; }

.ui-button-icon-only {
  width: 2.2em; }

button.ui-button-icon-only {
  width: 2.4em; }

.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4; }

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

input.ui-button {
  padding: 0.4em 1em; }

.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 0.4em; }

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em; }

.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  -webkit-filter: mask();
          filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px; }

.ui-widget {
  font-family: Helvetica Neue,Helvetica,sans-serif;
  font-size: 1.3em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Helvetica Neue,Helvetica,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #2b2d2f;
  background: #2b2d2f url(assets/jqueryui/ui-bg_flat_0_2b2d2f_40x100.png) 50% 50% repeat-x;
  color: #4a4b4b; }

.ui-widget-content a {
  color: #4a4b4b; }

.ui-widget-header {
  border: 1px solid #3d3e40;
  background: #3d3e40 url(assets/jqueryui/ui-bg_flat_100_3d3e40_40x100.png) 50% 50% repeat-x;
  color: #fff;
  font-weight: bold; }

.ui-widget-header a {
  color: #fff; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #2b2d2f;
  background: #2b2d2f url(assets/jqueryui/ui-bg_flat_0_2b2d2f_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #abacac; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #abacac;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #3d3e40;
  background: #3d3e40 url(assets/jqueryui/ui-bg_flat_0_3d3e40_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #fff; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #fff;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #202223;
  background: #202223 url(assets/jqueryui/ui-bg_flat_65_202223_40x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #fff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #202223;
  background: #202223 url(assets/jqueryui/ui-bg_flat_55_202223_40x100.png) 50% 50% repeat-x;
  color: #fff; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #fff; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(assets/jqueryui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); }

.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(assets/jqueryui/ui-icons_4a4b4b_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_4a4b4b_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_ffffff_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_abacac_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_fff_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_fff_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_fff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(assets/jqueryui/ui-icons_cd0a0a_256x240.png); }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -khtml-border-top-left-radius: 3;
  border-top-left-radius: 3; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -khtml-border-top-right-radius: 3;
  border-top-right-radius: 3; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -khtml-border-bottom-left-radius: 3;
  border-bottom-left-radius: 3; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -khtml-border-bottom-right-radius: 3;
  border-bottom-right-radius: 3; }

.ui-widget-overlay {
  background: #aaa url(assets/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url(assets/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  -khtml-border-radius: 8px;
  border-radius: 8px; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 16px;
  width: 100%;
  top: -8px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 16px;
  width: 100%;
  bottom: -8px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 16px;
  right: -8px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 16px;
  left: -8px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  right: -5px;
  top: -5px; }

.cliproot {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1; }

.cliproot.fullscreen {
  z-index: 22; }

.fullscreen {
  width: 100%;
  height: 100%; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes blink-internals {
  0% {
    background-color: rgba(86, 182, 106, 0.3); }
  50% {
    background-color: rgba(86, 182, 106, 0.3); }
  100% {
    background-color: rgba(200, 200, 200, 0.05); } }

@keyframes blink-internals {
  0% {
    background-color: rgba(86, 182, 106, 0.3); }
  50% {
    background-color: rgba(86, 182, 106, 0.3); }
  100% {
    background-color: rgba(200, 200, 200, 0.05); } }

@-webkit-keyframes blink-publisher {
  0% {
    background-color: rgba(118, 165, 204, 0.3); }
  50% {
    background-color: rgba(118, 165, 204, 0.3); }
  100% {
    background-color: transparent; } }

@keyframes blink-publisher {
  0% {
    background-color: rgba(118, 165, 204, 0.3); }
  50% {
    background-color: rgba(118, 165, 204, 0.3); }
  100% {
    background-color: transparent; } }

.clipping-area, .clipping-buttoncontainer, .clipping-container {
  -webkit-animation: fade-in 200ms 200ms both;
          animation: fade-in 200ms 200ms both; }
  .clipping-area [class^="activator"], .clipping-buttoncontainer [class^="activator"], .clipping-container [class^="activator"] {
    margin-right: 5px; }
  .clipping-area.reader-owned .activator, .clipping-buttoncontainer.reader-owned .activator, .reader-owned.clipping-container .activator {
    background-size: 35px, 35px;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    position: relative; }
    .clipping-area.reader-owned .activator .counter, .clipping-buttoncontainer.reader-owned .activator .counter, .reader-owned.clipping-container .activator .counter {
      position: absolute;
      color: white;
      border-radius: 14px;
      line-height: 1.1;
      padding: 2px 4px;
      z-index: 1;
      font-size: 10px;
      min-width: 15px;
      top: 0;
      left: 27px; }
    .clipping-area.reader-owned .activator .issuuicon-play, .clipping-buttoncontainer.reader-owned .activator .issuuicon-play, .reader-owned.clipping-container .activator .issuuicon-play {
      margin-left: 3px; }
  .clipping-area.reader-owned .activator--teardrop, .clipping-buttoncontainer.reader-owned .activator--teardrop, .reader-owned.clipping-container .activator--teardrop {
    background-size: 35px, 35px;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    position: relative; }
    .clipping-area.reader-owned .activator--teardrop .counter, .clipping-buttoncontainer.reader-owned .activator--teardrop .counter, .reader-owned.clipping-container .activator--teardrop .counter {
      position: absolute;
      color: white;
      border-radius: 14px;
      line-height: 1.1;
      padding: 2px 4px;
      z-index: 1;
      font-size: 10px;
      min-width: 15px;
      top: 0;
      left: 27px; }
    .clipping-area.reader-owned .activator--teardrop .issuuicon-play, .clipping-buttoncontainer.reader-owned .activator--teardrop .issuuicon-play, .reader-owned.clipping-container .activator--teardrop .issuuicon-play {
      margin-left: 3px; }
  .clipping-area.publisher-owned .activator, .clipping-area.clipping-container .activator, .clipping-buttoncontainer.publisher-owned .activator, .clipping-container .activator {
    background-size: 35px, 35px;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    position: relative; }
    .clipping-area.publisher-owned .activator .counter, .clipping-area.clipping-container .activator .counter, .clipping-buttoncontainer.publisher-owned .activator .counter, .clipping-container .activator .counter {
      position: absolute;
      color: white;
      border-radius: 14px;
      line-height: 1.1;
      padding: 2px 4px;
      z-index: 1;
      font-size: 10px;
      min-width: 15px;
      top: 0;
      left: 27px; }
    .clipping-area.publisher-owned .activator .issuuicon-play, .clipping-area.clipping-container .activator .issuuicon-play, .clipping-buttoncontainer.publisher-owned .activator .issuuicon-play, .clipping-container .activator .issuuicon-play {
      margin-left: 3px; }
  .clipping-area.publisher-owned .activator--teardrop, .clipping-area.clipping-container .activator--teardrop, .clipping-buttoncontainer.publisher-owned .activator--teardrop, .clipping-container .activator--teardrop {
    background-size: 35px, 35px;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    position: relative; }
    .clipping-area.publisher-owned .activator--teardrop .counter, .clipping-area.clipping-container .activator--teardrop .counter, .clipping-buttoncontainer.publisher-owned .activator--teardrop .counter, .clipping-container .activator--teardrop .counter {
      position: absolute;
      color: white;
      border-radius: 14px;
      line-height: 1.1;
      padding: 2px 4px;
      z-index: 1;
      font-size: 10px;
      min-width: 15px;
      top: 0;
      left: 27px; }
    .clipping-area.publisher-owned .activator--teardrop .issuuicon-play, .clipping-area.clipping-container .activator--teardrop .issuuicon-play, .clipping-buttoncontainer.publisher-owned .activator--teardrop .issuuicon-play, .clipping-container .activator--teardrop .issuuicon-play {
      margin-left: 3px; }

.clipping-container .activator {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.clipping-area {
  display: block;
  position: absolute;
  border: 1px dotted rgba(243, 109, 93, 0.5);
  box-sizing: border-box; }
  .clipping-area.publisher-owned, .clipping-area.clipping-container {
    border-color: rgba(118, 165, 204, 0.5);
    -webkit-animation: fade-in 200ms 200ms both, blink-publisher 1000ms 0ms both;
            animation: fade-in 200ms 200ms both, blink-publisher 1000ms 0ms both; }
  .clipping-area.internal-navigation {
    border-top: 1px solid rgba(150, 150, 150, 0.15);
    border-right: 0px solid rgba(200, 200, 200, 0.1);
    border-bottom: 0px solid rgba(200, 200, 200, 0.1);
    border-left: 1px solid rgba(150, 150, 150, 0.15);
    box-shadow: 2px 2px 3px 1px rgba(10, 10, 10, 0.15);
    -webkit-animation: fade-in 200ms 200ms both, blink-internals 1000ms 0ms both;
            animation: fade-in 200ms 200ms both, blink-internals 1000ms 0ms both; }
  .clipping-area .activator {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: opacity 150ms ease-out;
            transition: opacity 150ms ease-out;
    opacity: 0; }
  .clipping-area:hover .activator {
    opacity: 1;
    -webkit-transition: opacity 150ms ease-out 0ms;
            transition: opacity 150ms ease-out 0ms; }

.clipping-buttoncontainer, .clipping-container {
  position: absolute;
  z-index: 1;
  margin-top: 5px;
  white-space: nowrap; }
  .clipping-buttoncontainer.active, .active.clipping-container {
    z-index: 2; }

.clipping-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 2;
  -webkit-transition: opacity 150ms ease-out 0ms;
          transition: opacity 150ms ease-out 0ms;
  opacity: 0; }
  .clipping-overlay.active {
    opacity: 1; }

.overlay-content, .video-overlay-content {
  max-width: 720px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 150ms ease-out 0ms;
          transition: transform 150ms ease-out 0ms;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8); }
  .overlay-content .close, .video-overlay-content .close {
    top: 0;
    right: 0;
    position: absolute;
    padding: 17px;
    z-index: 1; }
  .active .overlay-content, .active .video-overlay-content {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1); }
  .overlay-content .half-screen, .video-overlay-content .half-screen {
    position: relative;
    width: 100%; }

.video-overlay-content {
  height: auto;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.8);
      -ms-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8); }
  .active .video-overlay-content {
    -webkit-transform: translateY(-50%) scale(1);
        -ms-transform: translateY(-50%) scale(1);
            transform: translateY(-50%) scale(1); }
  .video-overlay-content .close {
    top: auto;
    bottom: 0; }

.video-player-container {
  width: 100%;
  height: 640px;
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
          transition: opacity 0.5s ease-in-out;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  position: absolute; }

.bitmap-container {
  margin-top: 20px;
  height: 70%; }
  .bitmap-container h3 {
    text-align: center; }
  .bitmap-container .center-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%; }
  .bitmap-container .variable-container {
    position: relative;
    -webkit-box-flex: 1;
            flex-grow: 1; }
  .bitmap-container .clippingcrop {
    display: block;
    max-width: 80%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; }
  .bitmap-container .publisherlink {
    padding: 5px 20px;
    margin-bottom: 15px;
    margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .bitmap-container .next, .bitmap-container .prev {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 35px;
    vertical-align: middle;
    margin-top: -20px;
    text-align: center;
    font-size: 17px;
    z-index: 2;
    vertical-align: baseline;
    border-radius: 50%;
    padding: 0; }
  .bitmap-container .next {
    right: 3%; }
    .bitmap-container .next span:before {
      position: relative;
      left: 1px; }
  .bitmap-container .prev {
    left: 3%; }
    .bitmap-container .prev span:before {
      position: relative;
      left: -1px; }

.meta-container {
  padding: 20px;
  box-sizing: border-box; }
  .meta-container .scrolled-container {
    position: relative; }
  .meta-container .table-container {
    display: table;
    width: 100%; }
  .meta-container .horizontal-shrink {
    display: table-cell;
    width: auto;
    vertical-align: top; }
  .meta-container .horizontal-expand {
    display: table-cell;
    width: 100%;
    vertical-align: top; }
  .meta-container form[name=newcomment] textarea {
    max-height: 150px;
    width: 100%; }
  .meta-container form[name=newcomment] [type=submit] {
    float: right; }
  .meta-container .profilepic {
    margin-right: 15px;
    width: 40px;
    height: 40px; }
    .meta-container .profilepic.personal {
      border-radius: 50%; }
  .meta-container .comments-container {
    margin: 0;
    padding: 0; }
    .meta-container .comments-container li {
      clear: both; }
      .meta-container .comments-container li h4 {
        display: inline-block; }
      .meta-container .comments-container li .metainfo {
        display: inline-block; }
  .meta-container .no-overflow {
    overflow: hidden;
    word-break: break-word; }
  .meta-container .shareservices {
    overflow-x: auto;
    z-index: 1; }
    .meta-container .shareservices li {
      display: inline-block; }
  .meta-container .sharelink h3 {
    display: none; }
  .meta-container .deletewarning {
    color: #e05140;
    padding: 10px 0; }

@media (min-width: 956px) and (min-height: 580px) {
  .overlay-content, .video-overlay-content {
    height: 90%;
    max-width: 1280px;
    top: 5%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }
    .overlay-content .half-screen, .video-overlay-content .half-screen {
      height: 100%; }
  .video-overlay-content {
    top: 50%;
    height: auto; }
  .bitmap-container {
    height: auto;
    margin-top: 0px; }
    .bitmap-container .close {
      display: none; }
  .meta-container .meta-content {
    display: table;
    width: 100%;
    height: 100%; }
  .meta-container .fixed-height, .meta-container .variable-height {
    display: table-row;
    width: 100%; }
  .meta-container .variable-height {
    height: 100%;
    width: 100%; }
  .meta-container .scrolled-container {
    height: 100%;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    .meta-container .scrolled-container > div {
      position: absolute;
      width: 100%; } }

.stream-header {
  position: relative; }

.calltoaction {
  display: block;
  position: absolute;
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out;
          transition: opacity 250ms ease-out; }
  .calltoaction.bottom .content, .calltoaction.top .content {
    max-width: 200px; }
  .calltoaction.left .content, .calltoaction.right .content {
    max-width: 600px; }
  .calltoaction.left .content {
    margin-left: 100px;
    padding-right: 80px; }
  .calltoaction.right .content {
    padding-right: 40px; }
  .calltoaction.top .content {
    margin-top: 100px;
    padding-bottom: 40px; }
  .canvas .calltoaction.top .close_corner {
    top: auto;
    bottom: 15px; }
  .calltoaction.bottom .content {
    padding-top: 40px; }
  .calltoaction.showme {
    opacity: 1; }
  .calltoaction .content {
    padding: 25px;
    overflow: hidden; }
    .canvas .calltoaction .content {
      background-color: transparent; }
  .calltoaction canvas {
    display: block;
    position: absolute;
    top: -10px;
    left: -10px; }
  .calltoaction h2 {
    font: normal normal 400 30px/1.2666666 "Open Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    position: relative; }
  .calltoaction .close_corner {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 12px;
    line-height: 1;
    z-index: 1; }
  .calltoaction button {
    margin-top: 20px; }
  .no-canvas .calltoaction canvas {
    display: none; }
  .no-canvas .calltoaction.right .content, .no-canvas .calltoaction.left .content, .no-canvas .calltoaction.top .content, .no-canvas .calltoaction.bottom .content {
    margin: 0; }

.cta-button {
  float: right !important; }
  .stream-header .cta-button {
    margin-top: -10px;
    margin-right: 0; }

.tipsy {
  font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  padding: 5px;
  z-index: 100000; }

.tipsy-inner {
  background-color: white;
  color: #1a2228;
  max-width: 300px;
  border: 1px solid white;
  padding: 10px 18px;
  text-align: left; }

.tipsy-inner {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

.tipsy-inner {
  box-shadow: 0 0 7px #333; }

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed white;
  box-shadow: 0 5px 7px -2px #333; }

.tipsy-arrow-n {
  border-bottom-color: white; }

.tipsy-arrow-s {
  border-top-color: white; }

.tipsy-arrow-e {
  border-left-color: white; }

.tipsy-arrow-w {
  border-right-color: white; }

.tipsy-n .tipsy-arrow {
  top: 1px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-nw .tipsy-arrow {
  top: 1;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-ne .tipsy-arrow {
  top: 1;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-sw .tipsy-arrow {
  bottom: 1px;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-se .tipsy-arrow {
  bottom: 1px;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-e .tipsy-arrow {
  right: 1px;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.tipsy-w .tipsy-arrow {
  left: 1px;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

#docactions {
  overflow: hidden;
  clear: both;
  -webkit-transition: height 200ms ease-out;
          transition: height 200ms ease-out; }
  #docactions > * {
    width: 932px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box; }
    @media (max-width: 955px) {
      #docactions > * {
        width: 696px; } }
    @media (max-width: 719px) {
      #docactions > * {
        width: 456px; } }
    @media (max-width: 479px) {
      #docactions > * {
        width: 296px; } }
  #docactions > .metadata {
    padding-top: 20px;
    padding-bottom: 20px; }
    #docactions > .metadata .sub {
      font: normal normal 400 14px/1.2857143 "Helvetica Neue", "HelveticaNeue", Helvetica, Trebuchet, "Trebuchet MS", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      line-height: 22px;
      float: left;
      margin: 0 15px 20px 0;
      width: 200px; }
    #docactions > .metadata .photo {
      float: left;
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-right: 15px;
      border-radius: 4px; }
    #docactions > .metadata .textinfo {
      overflow: hidden;
      position: relative;
      top: -4px; }
      #docactions > .metadata .textinfo .report-style {
        position: relative;
        top: -10px; }
    #docactions > .metadata .main {
      overflow: hidden;
      position: relative;
      top: -4px; }
      #docactions > .metadata .main > h1 {
        margin-top: 0; }
    #docactions > .metadata .description {
      font: normal normal 400 30px/1.2666666 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
  #docactions > .addto {
    padding-top: 20px;
    padding-bottom: 20px; }
  #docactions > .share {
    padding-top: 20px;
    padding-bottom: 20px; }
    #docactions > .share ul {
      padding-left: 0; }
    #docactions > .share li {
      display: inline-block; }
    #docactions > .share .toplinks a, #docactions > .share .toplinks label {
      padding: 5px 10px;
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      cursor: pointer;
      color: #78756E;
      -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
              transition: color 75ms ease-out, background-color 75ms ease-out; }
      #docactions > .share .toplinks a:visited, #docactions > .share .toplinks label:visited {
        color: #78756E; }
      #docactions > .share .toplinks a:focus, #docactions > .share .toplinks label:focus {
        color: #A49F96; }
      #docactions > .share .toplinks a:hover, #docactions > .share .toplinks label:hover {
        color: #A49F96; }
      #docactions > .share .toplinks a:active, #docactions > .share .toplinks label:active {
        color: #A49F96; }
    #docactions > .share .toplinks input[type="radio"]:checked + label {
      color: #F36D5D; }
    #docactions > .share .toplinks input[type="radio"] {
      width: 0;
      height: 0;
      padding: 0;
      margin: 0;
      overflow: hidden;
      position: absolute;
      border: 0;
      appearance: none;
      left: -100%; }
    #docactions > .share .toplinks li:first-child a, #docactions > .share .toplinks li:first-child label {
      padding-left: 0px; }
    #docactions > .share .toplinks li:last-child a, #docactions > .share .toplinks li:last-child label {
      padding-right: 0px; }
    #docactions > .share h3 {
      font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased; }
    #docactions > .share .sharelink input {
      width: 50%; }
      @media (max-width: 719px) {
        #docactions > .share .sharelink input {
          width: 100%; } }

#docmenu {
  margin-top: 14px;
  margin-bottom: 14px;
  text-align: center;
  -webkit-transition: opacity 250ms ease-out;
          transition: opacity 250ms ease-out; }
  .intro #docmenu {
    opacity: 0; }
  @media (min-width: 720px) {
    #docmenu {
      text-align: right; } }
  @media (min-width: 956px) {
    #docmenu {
      text-align: center; } }
  #docmenu li {
    float: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: inline-block; }
    #docmenu li a {
      padding: 0px 15px;
      display: block;
      line-height: 40px;
      vertical-align: middle; }
    #docmenu li button {
      margin-right: 15px; }
    #docmenu li:first-child a {
      padding-left: 0px; }
    @media (min-width: 720px) {
      #docmenu li.edit, #docmenu li.print-on-demand, #docmenu li.subscription {
        float: left; } }
    #docmenu li.print-on-demand {
      margin-left: -39px; }
      #docmenu li.print-on-demand.showme {
        display: block; }
      #docmenu li.print-on-demand button span {
        font-size: 15px; }
      #docmenu li.print-on-demand button.dimmed {
        opacity: 0.5; }
        #docmenu li.print-on-demand button.dimmed:active {
          box-shadow: none; }
    #docmenu li.like a .issuuicons {
      vertical-align: top;
      font-size: 14px; }
    #docmenu li.like a.liked {
      color: #e05140; }
    #docmenu li.subscription span.issuuicons {
      margin-right: 5px;
      position: static; }
    #docmenu li.share a {
      font-weight: 500; }
  #docmenu .docmenu__tooltip {
    white-space: nowrap; }
    #docmenu .docmenu__tooltip p {
      font-size: 14px; }

.htmlreader #docmenu {
  position: static;
  top: auto;
  margin-top: 20px; }

.cssanimations .pulse {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-animation: pulse-background 1s cubic-bezier(0.68, 1.9, 0.46, 0.74) 1;
          animation: pulse-background 1s cubic-bezier(0.68, 1.9, 0.46, 0.74) 1;
  width: 60px;
  height: 60px;
  background-color: transparent;
  color: rgba(63, 192, 89, 0.7);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  border-radius: 30px;
  z-index: 1; }
  .cssanimations .pulse::before,
  .cssanimations .pulse::after {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-animation: pulse 3s linear infinite;
            animation: pulse 3s linear infinite;
    content: ' ';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px solid;
    position: absolute;
    margin-left: -50%;
    margin-top: -50%;
    top: 50%;
    left: 50%; }
  .cssanimations .pulse::before {
    -webkit-animation-delay: -1.0s;
            animation-delay: -1.0s; }
  .cssanimations .pulse::after {
    -webkit-animation-delay: -0.7s;
            animation-delay: -0.7s; }
  .cssanimations .pulse.pulse-fadeout {
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-animation: pulse-fadeout 1s ease 1;
            animation: pulse-fadeout 1s ease 1; }

@-webkit-keyframes pulse-background {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pulse-background {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    border-width: 1px;
    -webkit-transform: scale(0);
            transform: scale(0); }
  67% {
    opacity: 1;
    border-width: 1px;
    -webkit-transform: scale(0);
            transform: scale(0); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes pulse {
  0% {
    opacity: 1;
    border-width: 1px;
    -webkit-transform: scale(0);
            transform: scale(0); }
  67% {
    opacity: 1;
    border-width: 1px;
    -webkit-transform: scale(0);
            transform: scale(0); }
  90% {
    opacity: 1; }
  100% {
    opacity: 0;
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes pulse-fadeout {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes pulse-fadeout {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

#loadingtitle {
  text-align: center;
  width: 100%;
  position: fixed;
  top: 50%;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out;
          transition: opacity 250ms ease-out; }
  #loadingtitle h2 {
    padding: 0;
    font-size: 26px;
    position: relative;
    top: -17px; }
  #loadingtitle.intro {
    opacity: 1; }

html {
  padding-bottom: 0; }

header {
  display: none; }
  header > .navbar {
    margin-bottom: 0; }

header, .snickers-wrapping {
  margin-bottom: 0; }

.no-csstransforms header {
  display: block;
  visibility: hidden; }

html.intro, html.intro body {
  background-color: #404040; }

html.intro.external, html.intro.external body {
  background-color: white; }

html.intro, html.intro body, html.intro #main-container {
  height: 100%;
  padding: 0; }

.external #docactions, .external #docmenu-wrapper, .external #docmenu {
  display: none; }

.external.no-related {
  overflow: hidden;
  height: 100%; }
  .external.no-related body, .external.no-related #main-container {
    height: 100%; }
  .external.no-related #content {
    display: none; }

.reader-space {
  height: 100%;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  -webkit-box-align: center;
          align-items: center; }
  .reader-space.bg-dark {
    background-color: #353535; }

#readerreader {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1;
          flex-grow: 1; }
  #readerreader object {
    outline: none; }

.intro #readerreader {
  -webkit-transition: height 400ms ease-in-out;
          transition: height 400ms ease-in-out; }

#content {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0px;
  z-index: 1; }
  #content .stream-list {
    border-top: 20px solid transparent; }

#docmenu-wrapper {
  padding-top: 1px;
  padding-bottom: 1px; }

#docmenu {
  margin-left: auto;
  margin-right: auto;
  max-width: 956px;
  padding-left: 12px;
  padding-right: 12px; }

#main-container {
  padding-top: 0;
  position: relative; }

#reader-container {
  position: relative;
  height: 100%; }

.htmlreader {
  background-color: #404040; }
  .htmlreader #main-container {
    padding: 0; }
  .htmlreader #content {
    z-index: 10; }
  .htmlreader .navigation-arrow__container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    padding: 0 5%;
    -webkit-box-pack: justify;
            justify-content: space-between; }
  .htmlreader .navigation-arrow .navigation-arrow__shadow {
    stroke: #000;
    opacity: 0.28; }
  .htmlreader .navigation-arrow:hover .navigation-arrow__shadow {
    opacity: 0.40; }
  .htmlreader .navigation-arrow--hidden {
    visibility: hidden; }

#explicitwarning {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }
  #explicitwarning h2 {
    font: normal normal 400 30px/1.2666666 "Open Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px; }
  #explicitwarning div {
    max-width: 400px;
    position: relative;
    top: 40%;
    margin: 0 auto; }
  #explicitwarning button {
    margin-top: 25px; }

body.intro #content {
  -webkit-transition: none 0ms ease-out 0ms;
          transition: none 0ms ease-out 0ms; }

.flashreader #main-container.ad-gutter .toolbar-shadow:after {
  content: '';
  width: 100%;
  height: 74px;
  box-shadow: -4px -4px 6px rgba(0, 0, 0, 0.25);
  background: #404040;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0; }

.flashreader #main-container.ad-gutter #flashcontent {
  z-index: 1;
  position: relative; }

@media screen and (max-width: 1292px) {
  .flashreader #main-container.ad-gutter #docmenu {
    margin-left: 168px; }
  .flashreader #main-container.ad-gutter .stream-header {
    margin-left: 180px; }
  .flashreader #main-container.ad-gutter .stream-list {
    margin-left: 180px; }
  .flashreader #main-container.ad-gutter #docactions > * {
    margin-left: 180px; } }

@media screen and (max-width: 1124px) {
  .flashreader #main-container.ad-gutter .stream-list {
    margin-left: 180px; }
  .flashreader #main-container.ad-gutter #docactions > *,
  .flashreader #main-container.ad-gutter .stream-header,
  .flashreader #main-container.ad-gutter .stream-list {
    width: 696px; } }

@media screen and (max-width: 896px) {
  .flashreader #main-container.ad-gutter #docactions > *,
  .flashreader #main-container.ad-gutter .stream-header,
  .flashreader #main-container.ad-gutter .stream-list {
    width: 456px; } }

@media screen and (max-width: 648px) {
  .flashreader #main-container.ad-gutter #docactions > *,
  .flashreader #main-container.ad-gutter .stream-header,
  .flashreader #main-container.ad-gutter .stream-list {
    width: 296px; } }

.crawler-navigation__item {
  display: inline-block;
  text-align: right;
  min-width: 1cm;
  min-height: 1cm; }

.robot-reader {
  color: black; }

.issuu-reader {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  -webkit-transition: opacity 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
          transition: opacity 1000ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 100ms;
  -webkit-tap-highlight-color: transparent;
  -ms-touch-action: pan-y pinch-zoom double-tap-zoom;
  /*
    .highResolution .issuulogo {
        background: url($widgetpath + 'mobilereader/issuuhighresolution.png') no-repeat bottom;
        width: 153px;
        height: 31px;
        bottom: 20px;
    }
*/ }
  .issuu-reader .issuu-wall {
    position: relative;
    z-index: 0; }
    .issuu-reader .issuu-wall img {
      position: absolute; }
  .issuu-reader .issuu-carousel {
    position: relative;
    z-index: 1; }
    html.csstransforms3d .issuu-reader .issuu-carousel {
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: translate3d(0px, 0px, 0px);
              transform: translate3d(0px, 0px, 0px); }
  .issuu-reader .issuu-carousel-item {
    position: absolute;
    background-color: white; }
    .issuu-reader .issuu-carousel-item.bg-image {
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: left top;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d; }
    .issuu-reader .issuu-carousel-item img, .issuu-reader .issuu-carousel-item canvas {
      width: 100%;
      height: 100%;
      position: absolute;
      pointer-events: none;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d; }
  .issuu-reader .issuu-carousel-float {
    position: relative;
    float: left;
    z-index: 1; }
    html.csstransforms3d .issuu-reader .issuu-carousel-float {
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-transform: translate3d(0px, 0px, 0px);
              transform: translate3d(0px, 0px, 0px); }
    .issuu-reader .issuu-carousel-float .issuu-carousel-item {
      position: relative;
      float: left; }
  .issuu-reader .menubar {
    position: absolute;
    z-index: 21;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 0;
    background-color: rgba(53, 53, 53, 0.8);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    overflow: visible; }
    .issuu-reader .menubar #logo {
      position: relative;
      text-transform: none;
      margin-left: 15px;
      color: black;
      vertical-align: middle;
      display: inline-block;
      margin-right: -15px; }
      .issuu-reader .menubar #logo .text {
        color: white;
        line-height: 48px;
        vertical-align: middle;
        display: inline-block; }
      @media (max-width: 479px) {
        .issuu-reader .menubar #logo .logo-type {
          display: none; } }
    .issuu-reader .menubar .menubar-title {
      line-height: 48px;
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 52%;
      margin: 0;
      font-size: 18px;
      margin-left: 15px;
      vertical-align: middle; }
      @media (max-width: 955px) {
        .issuu-reader .menubar .menubar-title {
          max-width: 28%; } }
      @media (max-width: 719px) {
        .issuu-reader .menubar .menubar-title {
          max-width: 0; } }
      @media (max-width: 479px) {
        .issuu-reader .menubar .menubar-title {
          max-width: 0; } }
    .issuu-reader .menubar .infobutton {
      padding: 0px 10px;
      font-size: 22px;
      vertical-align: middle; }
      @media (max-width: 479px) {
        .issuu-reader .menubar .infobutton {
          display: none; } }
    .issuu-reader .menubar .rightbuttons {
      float: right;
      position: relative;
      right: 0;
      top: 0; }
      .issuu-reader .menubar .rightbuttons .functionality {
        font-size: 30px;
        vertical-align: middle;
        padding: 0 10px;
        line-height: 48px; }
        @media (max-width: 479px) {
          .issuu-reader .menubar .rightbuttons .functionality {
            padding: 0 5px; } }
        @media (max-width: 719px) {
          .issuu-reader .menubar .rightbuttons .functionality.addto {
            display: none; } }
      .issuu-reader .menubar .rightbuttons .shareoptions {
        display: inline-block; }
      .issuu-reader .menubar .rightbuttons .share-submenu {
        width: 170px; }
        .issuu-reader .menubar .rightbuttons .share-submenu li {
          padding: 0;
          margin: 0;
          display: block; }
          .issuu-reader .menubar .rightbuttons .share-submenu li a {
            cursor: pointer;
            color: #384a54;
            -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
                    transition: color 75ms ease-out, background-color 75ms ease-out; }
            .issuu-reader .menubar .rightbuttons .share-submenu li a:visited {
              color: #384a54; }
            .issuu-reader .menubar .rightbuttons .share-submenu li a:focus {
              color: #384a54; }
            .issuu-reader .menubar .rightbuttons .share-submenu li a:hover {
              color: #384a54; }
            .issuu-reader .menubar .rightbuttons .share-submenu li a:active {
              color: #384a54; }
            .issuu-reader .menubar .rightbuttons .share-submenu li a:hover, .issuu-reader .menubar .rightbuttons .share-submenu li a:focus {
              background-color: #f7f7f7; }
          .issuu-reader .menubar .rightbuttons .share-submenu li.divider {
            border-top: 1px solid #c5c7ca;
            margin: 5px 0; }
          .issuu-reader .menubar .rightbuttons .share-submenu li.divider:first-child {
            border-top: none;
            padding-top: 0px;
            margin-top: 0px; }
          .issuu-reader .menubar .rightbuttons .share-submenu li.secondary a {
            cursor: pointer;
            color: #9b9b9b;
            -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
                    transition: color 75ms ease-out, background-color 75ms ease-out; }
            .issuu-reader .menubar .rightbuttons .share-submenu li.secondary a:visited {
              color: #9b9b9b; }
            .issuu-reader .menubar .rightbuttons .share-submenu li.secondary a:focus {
              color: #384a54; }
            .issuu-reader .menubar .rightbuttons .share-submenu li.secondary a:hover {
              color: #384a54; }
            .issuu-reader .menubar .rightbuttons .share-submenu li.secondary a:active {
              color: #384a54; }
        .issuu-reader .menubar .rightbuttons .share-submenu::-webkit-scrollbar, .issuu-reader .menubar .rightbuttons .share-submenu ::-webkit-scrollbar {
          background-color: transparent;
          width: 8px;
          height: 8px; }
        .issuu-reader .menubar .rightbuttons .share-submenu::-webkit-scrollbar-track, .issuu-reader .menubar .rightbuttons .share-submenu ::-webkit-scrollbar-track {
          background-color: transparent;
          border-radius: 4px; }
          .issuu-reader .menubar .rightbuttons .share-submenu::-webkit-scrollbar-track:hover, .issuu-reader .menubar .rightbuttons .share-submenu ::-webkit-scrollbar-track:hover {
            background-color: #e7e7e7; }
        .issuu-reader .menubar .rightbuttons .share-submenu::-webkit-scrollbar-thumb, .issuu-reader .menubar .rightbuttons .share-submenu ::-webkit-scrollbar-thumb {
          background-color: #cdcdcd;
          border-radius: 4px; }
          .issuu-reader .menubar .rightbuttons .share-submenu::-webkit-scrollbar-thumb:hover, .issuu-reader .menubar .rightbuttons .share-submenu ::-webkit-scrollbar-thumb:hover {
            background: #202223; }
        .issuu-reader .menubar .rightbuttons .share-submenu .issuuicon {
          width: 14px;
          max-height: 14px;
          text-align: center; }
      .issuu-reader .menubar .rightbuttons button.subscription {
        margin-left: 5px; }
  .issuu-reader .menuwrapper {
    display: none;
    opacity: 0;
    position: relative;
    z-index: 21;
    margin: 0; }
  .issuu-reader .metaoverlay {
    position: relative;
    top: 70px;
    width: 80%;
    z-index: 1;
    margin: 0px auto 0;
    padding: 5% 10%;
    box-sizing: border-box;
    box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.5); }
    .issuu-reader .metaoverlay h1 {
      margin-bottom: 20px; }
    .issuu-reader .metaoverlay .description {
      margin-bottom: 20px; }
    .issuu-reader .metaoverlay .owner {
      display: inline-block;
      line-height: 30px; }
      .issuu-reader .metaoverlay .owner img {
        vertical-align: middle;
        width: 30px;
        height: 30px; }
        .issuu-reader .metaoverlay .owner img.personal {
          border-radius: 50%; }
  .issuu-reader .clipping-indicator-exists .rightbuttons, .issuu-reader.clipping-indicator-exists .rightbuttons {
    right: 65px; }
  .issuu-reader .clipping-area.publisher-owned .activator, .clipping-area.publisher-owned .issuu-reader .activator, .issuu-reader .clipping-buttoncontainer.publisher-owned .activator, .clipping-buttoncontainer.publisher-owned .issuu-reader .activator, .issuu-reader .clipping-container .activator, .clipping-container .issuu-reader .activator, .issuu-reader .clipping-container .circle, .clipping-container .issuu-reader .circle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTE1MywtMjQ3IDI4NCwtMjQ3IDI4NCw2NSAtMTUzLDY1ICIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48L2c+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGMkYyRjIiIGQ9Ik0xNiwzMS41Yy04LjUsMC0xNS41LTctMTUuNS0xNS41UzcuNSwwLjUsMTYsMC41czE1LjUsNywxNS41LDE1LjVTMjQuNSwzMS41LDE2LDMxLjV6Ii8+PGc+PHBhdGggZmlsbD0iIzc2QTVDQyIgZD0iTTE2LDFjOC4zLDAsMTUsNi43LDE1LDE1cy02LjcsMTUtMTUsMTVTMSwyNC4zLDEsMTZTNy43LDEsMTYsMSBNMTYsMEM3LjIsMCwwLDcuMiwwLDE2czcuMiwxNiwxNiwxNnMxNi03LjIsMTYtMTZTMjQuOCwwLDE2LDBMMTYsMHoiLz48L2c+PC9nPjwvc3ZnPg==);
    color: #76a5cc; }
    .issuu-reader .clipping-area.publisher-owned .activator .counter, .clipping-area.publisher-owned .issuu-reader .activator .counter, .issuu-reader .clipping-buttoncontainer.publisher-owned .activator .counter, .clipping-buttoncontainer.publisher-owned .issuu-reader .activator .counter, .issuu-reader .clipping-container .activator .counter, .clipping-container .issuu-reader .activator .counter, .issuu-reader .clipping-container .circle .counter, .clipping-container .issuu-reader .circle .counter {
      background-color: #76a5cc; }
  .issuu-reader .clipping-indicator .creator-toggle.active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTIwNSwtMjA2IDIzMiwtMjA2IDIzMiwxMDYgLTIwNSwxMDYgIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YyRjJGMiIgZD0iTTE2LDMxLjVjLTguNSwwLTE1LjUtNy0xNS41LTE1LjVTNy41LDAuNSwxNiwwLjVzMTUuNSw3LDE1LjUsMTUuNVMyNC41LDMxLjUsMTYsMzEuNXoiLz48cGF0aCBmaWxsPSIjNTZCNjZBIiBkPSJNMTYsMWM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNVMxLDI0LjMsMSwxNlM3LjcsMSwxNiwxIE0xNiwwQzcuMiwwLDAsNy4yLDAsMTZzNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNlMyNC44LDAsMTYsMEwxNiwweiIvPjwvZz48L3N2Zz4=);
    color: #56b66a; }
    .issuu-reader .clipping-indicator .creator-toggle.active .counter {
      background-color: #56b66a; }
  .issuu-reader .clipping-area.reader-owned .activator, .clipping-area.reader-owned .issuu-reader .activator, .issuu-reader .clipping-buttoncontainer.reader-owned .activator, .clipping-buttoncontainer.reader-owned .issuu-reader .activator, .issuu-reader .reader-owned.clipping-container .activator, .reader-owned.clipping-container .issuu-reader .activator, .issuu-reader .clipping-indicator .creator-toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTE1MywtMjA2IDI4NCwtMjA2IDI4NCwxMDYgLTE1MywxMDYgIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YyRjJGMiIgZD0iTTE2LDMxLjVjLTguNSwwLTE1LjUtNy0xNS41LTE1LjVTNy41LDAuNSwxNiwwLjVzMTUuNSw3LDE1LjUsMTUuNVMyNC41LDMxLjUsMTYsMzEuNXoiLz48cGF0aCBmaWxsPSIjRjM2RDVEIiBkPSJNMTYsMWM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNVMxLDI0LjMsMSwxNlM3LjcsMSwxNiwxIE0xNiwwQzcuMiwwLDAsNy4yLDAsMTZzNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNlMyNC44LDAsMTYsMEwxNiwweiIvPjwvZz48L3N2Zz4=);
    color: #f36d5d; }
    .issuu-reader .clipping-area.reader-owned .activator .counter, .clipping-area.reader-owned .issuu-reader .activator .counter, .issuu-reader .clipping-buttoncontainer.reader-owned .activator .counter, .clipping-buttoncontainer.reader-owned .issuu-reader .activator .counter, .issuu-reader .reader-owned.clipping-container .activator .counter, .reader-owned.clipping-container .issuu-reader .activator .counter, .issuu-reader .clipping-indicator .creator-toggle .counter {
      background-color: #f36d5d; }
  .issuu-reader .clipping-area.publisher-owned .activator--teardrop, .clipping-area.publisher-owned .issuu-reader .activator--teardrop, .issuu-reader .clipping-buttoncontainer.publisher-owned .activator--teardrop, .clipping-buttoncontainer.publisher-owned .issuu-reader .activator--teardrop, .issuu-reader .clipping-container .activator--teardrop, .clipping-container .issuu-reader .activator--teardrop {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTEwMSwtMjQ3IDMzNiwtMjQ3IDMzNiw2NSAtMTAxLDY1ICIvPjwvZGVmcz48Y2xpcFBhdGggaWQ9IlNWR0lEXzJfIj48dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+PC9jbGlwUGF0aD48L2c+PGc+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNGMkYyRjIiIGQ9Ik0xNiwzMS41Yy04LjUsMC0xNS41LTctMTUuNS0xNS41VjAuNWgxNS40YzguNiwwLDE1LjYsNywxNS42LDE1LjVTMjQuNiwzMS41LDE2LDMxLjV6Ii8+PHBhdGggZmlsbD0iIzc2QTVDQyIgZD0iTTE2LDB2MWM4LjMsMCwxNSw2LjcsMTUsMTVzLTYuNywxNS0xNSwxNUM3LjcsMzEsMSwyNC4zLDEsMTZWMWwxNC45LDBsMCwwbDAsMEwxNiwwIE0xNiwwQzE2LDAsMTYsMCwxNiwwTDE2LDBIMHYxNmMwLDguOCw3LjIsMTYsMTYsMTZjOC44LDAsMTYtNy4yLDE2LTE2QzMyLDcuMiwyNC44LDAsMTYsMEwxNiwweiIvPjwvZz48L3N2Zz4=);
    color: #76a5cc; }
    .issuu-reader .clipping-area.publisher-owned .activator--teardrop .counter, .clipping-area.publisher-owned .issuu-reader .activator--teardrop .counter, .issuu-reader .clipping-buttoncontainer.publisher-owned .activator--teardrop .counter, .clipping-buttoncontainer.publisher-owned .issuu-reader .activator--teardrop .counter, .issuu-reader .clipping-container .activator--teardrop .counter, .clipping-container .issuu-reader .activator--teardrop .counter {
      background-color: #76a5cc; }
  .issuu-reader .clipping-area.reader-owned .activator--teardrop, .clipping-area.reader-owned .issuu-reader .activator--teardrop, .issuu-reader .clipping-buttoncontainer.reader-owned .activator--teardrop, .clipping-buttoncontainer.reader-owned .issuu-reader .activator--teardrop, .issuu-reader .reader-owned.clipping-container .activator--teardrop, .reader-owned.clipping-container .issuu-reader .activator--teardrop, .issuu-reader .clipping-indicator .clippings-toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxkZWZzPjxwb2x5bGluZSBpZD0iU1ZHSURfMV8iIHBvaW50cz0iLTEwMSwtMjA2IDMzNiwtMjA2IDMzNiwxMDYgLTEwMSwxMDYgIi8+PC9kZWZzPjxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz48L2NsaXBQYXRoPjwvZz48Zz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI0YyRjJGMiIgZD0iTTE2LDMxLjVjLTguNSwwLTE1LjUtNy0xNS41LTE1LjVWMC41aDE1LjRjOC42LDAsMTUuNiw3LDE1LjYsMTUuNVMyNC42LDMxLjUsMTYsMzEuNXoiLz48cGF0aCBmaWxsPSIjRjM2RDVEIiBkPSJNMTYsMHYxYzguMywwLDE1LDYuNywxNSwxNXMtNi43LDE1LTE1LDE1QzcuNywzMSwxLDI0LjMsMSwxNlYxbDE0LjksMGwwLDBsMCwwTDE2LDAgTTE2LDBDMTYsMCwxNiwwLDE2LDBMMTYsMEgwdjE2YzAsOC44LDcuMiwxNiwxNiwxNmM4LjgsMCwxNi03LjIsMTYtMTZDMzIsNy4yLDI0LjgsMCwxNiwwTDE2LDB6Ii8+PC9nPjwvc3ZnPg==);
    color: #f36d5d; }
    .issuu-reader .clipping-area.reader-owned .activator--teardrop .counter, .clipping-area.reader-owned .issuu-reader .activator--teardrop .counter, .issuu-reader .clipping-buttoncontainer.reader-owned .activator--teardrop .counter, .clipping-buttoncontainer.reader-owned .issuu-reader .activator--teardrop .counter, .issuu-reader .reader-owned.clipping-container .activator--teardrop .counter, .reader-owned.clipping-container .issuu-reader .activator--teardrop .counter, .issuu-reader .clipping-indicator .clippings-toggle .counter {
      background-color: #f36d5d; }
  .issuu-reader .clipping-indicator {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 23; }
    .issuu-reader .clipping-indicator .rotator .issuuicon {
      -webkit-transition: -webkit-transform 150ms ease-out;
              transition: transform 150ms ease-out;
      -webkit-transform: rotate(45deg) translatez(0);
          -ms-transform: rotate(45deg) translatez(0);
              transform: rotate(45deg) translatez(0);
      position: relative; }
    .issuu-reader .clipping-indicator .clippings-toggle {
      background-size: 35px, 35px;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      line-height: 35px;
      font-size: 18px;
      font-weight: bold;
      display: inline-block;
      text-align: center;
      position: relative;
      display: block;
      margin-bottom: 10px;
      font-size: 15px;
      z-index: 10000; }
      .issuu-reader .clipping-indicator .clippings-toggle .counter {
        position: absolute;
        color: white;
        border-radius: 14px;
        line-height: 1.1;
        padding: 2px 4px;
        z-index: 1;
        font-size: 10px;
        min-width: 15px;
        top: 0;
        left: 27px; }
      .issuu-reader .clipping-indicator .clippings-toggle .issuuicon-play {
        margin-left: 3px; }
    .issuu-reader .clipping-indicator .creator-toggle {
      -webkit-transition: -webkit-transform 150ms ease-out, opacity 150ms ease-out;
              transition: transform 150ms ease-out, opacity 150ms ease-out;
      -webkit-transform: translatey(-44px) scale(0.5);
          -ms-transform: translatey(-44px) scale(0.5);
              transform: translatey(-44px) scale(0.5);
      opacity: 0;
      position: absolute;
      padding-right: 1px;
      padding-top: 1px;
      text-align: center;
      background-size: 35px, 35px;
      background-repeat: no-repeat;
      width: 35px;
      height: 35px;
      line-height: 35px;
      font-size: 18px;
      font-weight: bold;
      display: inline-block;
      text-align: center;
      position: relative; }
      .issuu-reader .clipping-indicator .creator-toggle .counter {
        position: absolute;
        color: white;
        border-radius: 14px;
        line-height: 1.1;
        padding: 2px 4px;
        z-index: 1;
        font-size: 10px;
        min-width: 15px;
        top: 0;
        left: 27px; }
      .issuu-reader .clipping-indicator .creator-toggle .issuuicon-play {
        margin-left: 3px; }
      .issuu-reader .clipping-indicator .creator-toggle.active {
        background-size: 35px, 35px;
        background-repeat: no-repeat;
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        text-align: center;
        position: relative; }
        .issuu-reader .clipping-indicator .creator-toggle.active .counter {
          position: absolute;
          color: white;
          border-radius: 14px;
          line-height: 1.1;
          padding: 2px 4px;
          z-index: 1;
          font-size: 10px;
          min-width: 15px;
          top: 0;
          left: 27px; }
        .issuu-reader .clipping-indicator .creator-toggle.active .issuuicon-play {
          margin-left: 3px; }
    .issuu-reader .clipping-indicator.active .rotator .issuuicon {
      -webkit-transform: rotate(0deg) translatez(0);
          -ms-transform: rotate(0deg) translatez(0);
              transform: rotate(0deg) translatez(0); }
    .issuu-reader .clipping-indicator.active .creator-toggle {
      opacity: 1;
      -webkit-transform: translatey(0px) scale(1);
          -ms-transform: translatey(0px) scale(1);
              transform: translatey(0px) scale(1); }
    .issuu-reader .clipping-indicator .counter {
      -webkit-transition: opacity 150ms ease-out;
              transition: opacity 150ms ease-out; }
      .issuu-reader .clipping-indicator .counter.no-clippings {
        opacity: 0; }
  .issuu-reader .clippings-tutorial {
    position: relative;
    z-index: 24; }
    .issuu-reader .clippings-tutorial .tutorial-bubble {
      max-width: 350px;
      padding: 0 20px 10px;
      position: absolute;
      top: 5px;
      right: 50px;
      opacity: 0;
      -webkit-transition: opacity 250ms ease-out;
              transition: opacity 250ms ease-out; }
      .issuu-reader .clippings-tutorial .tutorial-bubble:before, .issuu-reader .clippings-tutorial .tutorial-bubble:after {
        top: 30px; }
    .issuu-reader .clippings-tutorial.active .tutorial-bubble {
      opacity: 1; }
  .issuu-reader .footer {
    position: absolute;
    bottom: 10px;
    right: 0px;
    width: 100%;
    z-index: 3;
    opacity: 0; }
    .issuu-reader .footer .pagescrubber {
      margin: 0 10px;
      /* padding to left and right edge of screen of pagescrubber/pagenumber is a variable 'padding' in pagescrubber.js */
      /* width is programmatically overwritten to reflect a dynamic margin in pagescrubber.js */
      width: auto;
      height: auto; }
    .issuu-reader .footer .pageNumber {
      display: inline-block;
      font-size: 18px;
      font-weight: bold;
      line-height: 38px;
      border-radius: 19px;
      color: #FFFFFF;
      padding: 0 12px;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-transition: -webkit-transform ease-in-out;
              transition: transform ease-in-out; }
  .issuu-reader .issuu-nextpage, .issuu-reader .issuu-prevpage {
    position: absolute;
    width: 10%;
    height: 100%;
    z-index: 1;
    top: 0px;
    left: 0px; }
  .issuu-reader .issuu-nextpage {
    right: 0px;
    left: auto; }
  .issuu-reader .issuulogo {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: url("/static-assets/widgets/mobilereader/assets/issuu.png") no-repeat bottom;
    width: 84px;
    height: 15px;
    float: right;
    display: block;
    z-index: 1;
    top: auto; }
    .issuu-reader .issuulogo:after, .issuu-reader .issuulogo:before {
      content: ""; }

.issuu-error-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  color: white;
  font-weight: bold;
  text-align: center; }
  .issuu-error-overlay .error-overlay-content {
    max-width: 400px;
    margin: 50px auto 0;
    padding: 0 20px;
    box-sizing: border-box; }
    .issuu-error-overlay .error-overlay-content .error-overlay-links {
      margin: 20px auto 0; }
      .issuu-error-overlay .error-overlay-content .error-overlay-links a {
        padding: 10px 20px;
        text-decoration: none;
        font-weight: bold; }
        @media (max-width: 399px) {
          .issuu-error-overlay .error-overlay-content .error-overlay-links a {
            display: block; } }

.stream-header {
  width: 932px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 20px 0 0; }
  @media (max-width: 955px) {
    .stream-header {
      width: 696px; } }
  @media (max-width: 719px) {
    .stream-header {
      width: 456px; } }
  @media (max-width: 479px) {
    .stream-header {
      width: 296px; } }
  .stream-header h3 {
    padding: 0;
    margin: 0; }

.stream-list {
  width: 932px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  position: relative;
  list-style: none;
  padding-bottom: 50px; }
  @media (max-width: 955px) {
    .stream-list {
      width: 696px; } }
  @media (max-width: 719px) {
    .stream-list {
      width: 456px; } }
  @media (max-width: 479px) {
    .stream-list {
      width: 296px; } }
  @media (max-width: 479px) {
    .stream-list {
      width: 221px; } }
  .stream-list > div {
    visibility: hidden;
    position: absolute;
    width: 221px; }
    .stream-list > div.ready {
      visibility: inherit;
      -webkit-transition: all 50ms ease-in-out 0;
              transition: all 50ms ease-in-out 0; }
  .stream-list .stack {
    display: block;
    width: 221px; }
    .stream-list .stack .stack-cover {
      height: 309px; }
    .stream-list .stack .follow-actions,
    .stream-list .stack .actionwrapper {
      top: 247.2px; }
    .stream-list .stack .metadata {
      margin-top: -15.45px; }
  .stream-list .infobox .content {
    padding-bottom: 80px; }
    .stream-list .infobox .content p {
      font: normal normal 400 30px/1.2666666 "Open Sans", Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      line-height: 34px; }
    .stream-list .infobox .content button {
      margin-top: 24px; }
  .stream-list .image-infobox img {
    width: 100%;
    border: none;
    background-color: transparent;
    position: relative; }
    .no-touch .stream-list .image-infobox img {
      -webkit-transform-style: preserve-3d; }
  .stream-list .publication .publication-content {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #FFFFFF; }
  .stream-list .publication .cover {
    width: 100%;
    position: relative;
    display: inline-block;
    background-color: #f7f7f7; }
    .stream-list .publication .cover:hover .hint {
      opacity: 1; }
  .stream-list .publication img {
    width: 100%;
    border: none;
    background-color: transparent;
    position: relative; }
    .no-touch .stream-list .publication img {
      -webkit-transform-style: preserve-3d; }
  .stream-list .publication .hint {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    top: 0;
    left: 0;
    color: black;
    background-color: rgba(255, 255, 255, 0.7);
    font: normal normal 700 14px/1 "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    opacity: 0;
    -webkit-transition: opacity 50ms ease-in-out;
            transition: opacity 50ms ease-in-out; }
    .touch .stream-list .publication .hint {
      display: none; }
  .stream-list .publication .metadata {
    padding: 15px 20px; }
  .stream-list .publication .title {
    overflow: hidden; }
  .stream-list .publication .title a {
    color: #78756E; }
  .stream-list .publication .ownername a {
    color: #F36D5D; }
  .stream-list .publication .description {
    overflow: hidden; }
  .stream-list .publication .delete-doc {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15);
    color: getTypeColor(#e05140);
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out; }
    .stream-list .publication .delete-doc:visited {
      color: getTypeColor(#e05140); }
    .stream-list .publication .delete-doc:focus {
      color: getTypeColor(#e05140); }
    .stream-list .publication .delete-doc:hover {
      color: getTypeColor(#e05140); }
    .stream-list .publication .delete-doc:active {
      color: getTypeColor(#e05140); }
    .stream-list .publication .delete-doc {
      background-color: #e05140; }
    .stream-list .publication .delete-doc:hover, .stream-list .publication .delete-doc:focus {
      background-color: getSecondaryBaseColor(#e05140); }

.ribbon-wrapper {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-backface-visibility: hidden;
  overflow: hidden; }
  .ribbon-wrapper .ribbon {
    font: normal normal 400 15px/1.2 "Open Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
    color: white;
    background: #22be65;
    text-align: center;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    position: relative;
    padding: 43px 0 9px;
    left: 6px;
    top: -11px;
    width: 150px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 3px 0px; }
  .no-csstransforms .ribbon-wrapper {
    width: 100%;
    height: auto; }
    .no-csstransforms .ribbon-wrapper .ribbon {
      padding: 13px 0 13px;
      left: 0;
      top: 0;
      width: 100%; }

.stream-spinner {
  background-color: transparent; }

.stream-list .out-of-screen .cover {
  visibility: hidden; }
  .stream-list .out-of-screen .cover img {
    display: none; }
  .stream-list .out-of-screen .cover .ribbon-wrapper {
    display: none; }

.stream__element--o-o-ads {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  padding: 1px;
  overflow: hidden;
  display: none; }
  .stream__element--o-o-ads.ready {
    display: block; }

.o-o-ads--gpt {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px; }

.o-o-ads--gpt__ad {
  width: 300px;
  height: 250px; }

.o-o-ads--gpt__text {
  padding: 5px 0 15px;
  margin-bottom: 10px;
  text-align: right;
  font-weight: 600;
  text-transform: uppercase; }

.o-o-ads--gpt__ad[style*="display: none"] + .o-o-ads--gpt__text {
  display: none; }

.stream__element--triple-lift-ad {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #FFFFFF;
  padding: 0px;
  overflow: hidden;
  display: none;
  height: 440px; }
  .stream__element--triple-lift-ad.ready {
    display: block; }
  .stream__element--triple-lift-ad .triple-lift-ad__content {
    height: 440px; }
  .stream__element--triple-lift-ad .triple-lift-ad__placeholder img {
    width: 221px;
    height: 440px; }

.stream2 {
  position: relative;
  display: block;
  max-width: 932px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 955px) {
    .stream2 {
      margin-left: 10px;
      margin-right: 10px; } }

.stream2__element {
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  position: absolute;
  background-color: white;
  overflow: hidden; }

.stream2__no-more-results {
  padding-top: 25px; }

.stream2__spinner {
  padding-top: 25px; }

.stream2-doc-element__img {
  width: 100%;
  height: auto;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s; }

.stream2-doc-element__metadata {
  background-color: white;
  bottom: 0px;
  position: absolute;
  left: 0px;
  right: 0px;
  padding: 10px; }

.stream2-doc-element__extra-metadata {
  -webkit-transition: max-height 0.3s ease-in-out;
          transition: max-height 0.3s ease-in-out;
  max-height: 0px;
  overflow: hidden;
  background-color: white; }
  .stream2-doc-element--open .stream2-doc-element__extra-metadata {
    max-height: 70px; }

.stream2-doc-element__publication-age {
  display: block;
  font-size: 13px; }
  .stream2-doc-element__publication-age::first-letter {
    text-transform: uppercase; }

.stream2-doc-element__expand, .stream2-doc-element__collapse {
  position: absolute;
  right: 10px;
  cursor: pointer; }

.stream2-doc-element__expand {
  color: #0c86be;
  bottom: 11px;
  font: 700 24px "Open Sans", Arial, sans-serif; }
  .stream2-doc-element--open .stream2-doc-element__expand {
    display: none; }

.stream2-doc-element__collapse {
  bottom: 9px;
  right: 13px;
  font-size: 14px;
  color: #d2d2d2;
  display: none; }
  .stream2-doc-element--open .stream2-doc-element__collapse {
    display: block; }

.stream2-doc-element__title {
  max-height: 38px;
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden; }

.stream2-doc-element__ownername {
  height: 18px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.stream2-ad-element__ad-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  padding-top: 1px; }

.stream2-ad-element__ad {
  width: 300px;
  height: 250px; }

.stream2-ad-element__text {
  padding: 5px 0 15px;
  margin-bottom: 10px;
  text-align: right;
  font-weight: 600;
  text-transform: uppercase; }

.stream2-ad-element__ad[style*="display: none"] + .stream2-ad-element__text {
  display: none; }

.stream2-ad-element__placeholder {
  width: 300px; }

#transitioner {
  width: 100%;
  background-color: #404040;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2000;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out 0ms;
          transition: opacity 250ms ease-out 0ms; }

#responsiveFollowButton .follow-button {
  padding: 4px;
  margin-right: 10px; }

#responsiveFollowButton .issuuicon {
  border: 0;
  padding: 0;
  font-size: 30px;
  background-color: transparent; }

#responsiveFollowButton .follow-button__icon {
  color: #FFFFFF; }

#responsiveFollowButton .follow-button__info {
  display: none; }

#responsiveFollowButton .follow-button-info {
  display: none;
  vertical-align: middle;
  text-align: left; }
  @media (min-width: 720px) {
    #responsiveFollowButton .follow-button-info {
      display: inline-block; } }

#responsiveFollowButton a {
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  padding: 0 !important;
  line-height: 1.42857 !important; }

#normalFollowButton .follow-button {
  background-color: #141a22; }
  #normalFollowButton .follow-button:hover {
    background-color: #1b232e; }

#normalFollowButton .follow-button__subtitle,
#normalFollowButton [data-state=success]:hover .follow-button__subtitle--unfollow,
[data-state=success]:hover #normalFollowButton .follow-button__subtitle--unfollow, #normalFollowButton .follow-button__subtitle--unfollow {
  color: #7a95a6; }

#normalFollowButton .follow-button__unfollow-icon {
  color: #fff; }

.follow-button {
  background-color: #D2CCC1;
  text-transform: none; }
  .follow-button:hover {
    background-color: #C6C0B5; }

.follow-button__icon {
  color: #FFFFFF;
  background-color: #FFFFFF;
  position: relative; }
  .follow-button > .follow-button__icon {
    border-color: #FFFFFF; }
  [data-state=progress] > .follow-button__icon,
  [data-state=success] > .follow-button__icon {
    color: #56B66A;
    background-color: transparent; }
  [data-state=success]:hover > .follow-button__icon {
    display: none; }

.follow-button__unfollow-icon {
  color: #FFFFFF; }
  [data-state=success]:hover > .follow-button__unfollow-icon {
    display: inline-block !important;
    visibility: visible !important; }

.follow-button__title,
.follow-button__subtitle, [data-state=success]:hover .follow-button__subtitle--unfollow {
  width: 125px;
  overflow: hidden;
  text-overflow: ellipsis; }

.follow-button__subtitle,
[data-state=success]:hover .follow-button__subtitle--unfollow,
.follow-button__subtitle--unfollow {
  color: #78756E; }

[data-state=success]:hover .follow-button__subtitle, [data-state=success]:hover .follow-button__subtitle--unfollow {
  display: none; }

[data-state=success]:hover .follow-button__subtitle--unfollow {
  display: block !important;
  visibility: visible !important; }

.stream2 {
  margin-top: 20px; }

.stream-list.shorten-for-anim .publication, .stream-list.shorten-for-anim .subscriber, .stream-list.shorten-for-anim .infobox {
  display: none; }
  .stream-list.shorten-for-anim .publication.show-on-anim, .stream-list.shorten-for-anim .subscriber.show-on-anim, .stream-list.shorten-for-anim .infobox.show-on-anim {
    display: block; }

.addtostacks {
  background-color: initial; }

.gutter-ad {
  width: 0;
  height: 0;
  display: none;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1; }
  #main-container.ad-gutter .gutter-ad {
    display: block; }

html.flashreader .gutter-ad {
  width: 160px;
  height: 600px; }

@media (min-width: 320px) and (min-height: 350px) {
  html.htmlreader .gutter-ad {
    width: 320px;
    height: 50px;
    -webkit-box-ordinal-group: 2;
            order: 1;
    margin: 10px auto 0; }
  html.htmlreader .reader-space {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; } }

@media (min-width: 550px) and (min-height: 600px) {
  html.htmlreader .gutter-ad {
    width: 160px;
    height: 100%;
    margin-right: 20px;
    -webkit-box-ordinal-group: 1;
            order: 0; }
  html.htmlreader .reader-space {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row; }
  html.htmlreader #main-container.ad-gutter .navigation-arrow--left {
    visibility: hidden; } }