header {
  padding-top: 12px;
  padding-bottom: 12px; }
  header .navbar {
    display: table;
    margin-bottom: 0;
    min-height: 0;
    border: 0; }
    header .navbar .badge.unread {
      background-color: #E66153; }
  header .navbar-right, header .navbar-left, header .navbar-header, header .navbar-nav {
    display: table-cell;
    vertical-align: middle;
    float: none !important; }
  header .navbar-nav {
    white-space: nowrap; }
  header .navbar-header:first-child {
    width: 161px;
    height: 40px; }
    @media (max-width: 719px) {
      header .navbar-header:first-child {
        width: 41px; } }
  header .navbar-nav > li {
    float: none;
    display: inline-block; }
    header .navbar-nav > li > a {
      font-size: 15px;
      font-weight: 400;
      padding: 10px 8px; }
      @media (max-width: 479px) {
        header .navbar-nav > li > a {
          padding-left: 8px;
          padding-right: 8px; } }
  header .userstatus .loggedout, header .userstatus .loggedin {
    display: none; }
  header.loggedout .userstatus .loggedout, header.loggedin .userstatus .loggedin {
    display: block;
    float: right; }
  header #logo {
    display: inline-block;
    white-space: nowrap;
    padding: 2.5px 0; }
    header #logo img {
      height: 35px;
      display: inline-block; }
    header #logo .icon {
      padding-right: 6px; }
    header #logo .text {
      padding-right: 15px; }
      @media (max-width: 719px) {
        header #logo .text {
          display: none; } }
  header ul.language-selector li {
    padding-right: 22px; }
    header ul.language-selector li.active {
      position: relative; }
      header ul.language-selector li.active > a {
        color: #000; }
      header ul.language-selector li.active .issuuicon-ok {
        position: absolute;
        right: 20px;
        top: 8px; }
  header .navbar-form {
    margin: 0; }
  header .search {
    padding-left: 5px; }
    @media (max-width: 719px) {
      header .search {
        padding-left: 5px; } }
  header .searchbox .form-control {
    height: 40px;
    width: 100%;
    max-width: 200px;
    -webkit-transition: background 150ms ease-out;
            transition: background 150ms ease-out; }
    header .searchbox .form-control::-webkit-search-cancel-button {
      cursor: pointer; }
    @media (max-width: 955px) {
      header .searchbox .form-control {
        max-width: 170px; } }
    @media (max-width: 719px) {
      header .searchbox .form-control {
        max-width: 150px; } }
    @media (max-width: 479px) {
      header .searchbox .form-control {
        max-width: 60px; } }
  header .searchbox .searchbox-placeholder, header .searchbox .searchbox-clear {
    line-height: 40px; }
  @media (max-width: 479px) {
    header .searchbox .searchbox-placeholder {
      left: 10px; } }
  header .badge.unread {
    position: absolute;
    top: 8px;
    right: 0px;
    padding: 1px 6px;
    font-size: 11px;
    line-height: 12px; }
  header .navbar-right .dropdown-menu {
    right: auto; }
  header .navbar-right [data-toggle='submenu'] {
    padding: 0; }
  header .navbar-right a img {
    width: 36px;
    height: 36px;
    vertical-align: middle; }
    header .navbar-right a img.personal {
      border-radius: 50%; }
  header .twitter-typeahead {
    width: 100%; }
  header .tt-menu {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    border: 0 solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    min-width: 100%;
    max-width: 300%;
    cursor: default;
    padding: 6px 0;
    font-size: 15px; }
  header .tt-suggestion.tt-cursor, header .tt-suggestion:active {
    background-color: #FAF9F8; }
  header .tt-suggestion {
    font-weight: bold;
    padding: 1px 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  header .tt-suggestion strong {
    font-weight: normal; }

.touch header .tt-suggestion {
  padding: 8px 12px; }

.theme-dark .tt-menu {
  background-color: #404040; }
.theme-dark .tt-suggestion.tt-cursor, .theme-dark .tt-suggestion:active {
  background-color: #4C4C4C; }
.theme-dark .tt-suggestion {
  color: #ffffff; }

#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: #78756E;
      -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: #78756E; }
      #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus {
        color: #C6C0B5; }
      #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover {
        color: #C6C0B5; }
      #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active {
        color: #C6C0B5; }
    #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: #e05140;
    -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: #e05140; }
    .message-hub-container.friendly .close:focus, .message-hub-container.friendly .close-btn:focus {
      color: white; }
    .message-hub-container.friendly .close:hover, .message-hub-container.friendly .close-btn:hover {
      color: white; }
    .message-hub-container.friendly .close:active, .message-hub-container.friendly .close-btn:active {
      color: white; }
  .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: #f7f7f7;
      -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: #f7f7f7; }
      .message-hub-container.friendly div.friendly-notification-content a:focus {
        color: #43a3cc; }
      .message-hub-container.friendly div.friendly-notification-content a:hover {
        color: #43a3cc; }
      .message-hub-container.friendly div.friendly-notification-content a:active {
        color: #43a3cc; }
    @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: #78756E;
      -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: #78756E; }
      #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus {
        color: #C6C0B5; }
      #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover {
        color: #C6C0B5; }
      #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active {
        color: #C6C0B5; }
    #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; }

.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: #d7d7d7;
    color: white;
    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: #e05140; }
    .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: #22be65; }
    .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; }

.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; }

.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: #1a2228;
    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: #9b9b9b;
    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: white;
      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: white;
      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: white; }

.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 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; }

.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; }

.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: 200;
      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: white;
      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; }

.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: .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: .4em 1em .4em 2.1em; }

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

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

input.ui-button {
  padding: .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: .2em .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 .4em; }

.ui-datepicker th {
  padding: .7em .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 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .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 .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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%; }
  .bitmap-container .variable-container {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
        -ms-flex-positive: 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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            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.26667 '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.28571 '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.26667 '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; }

#toy-for-33across {
  width: 1px;
  height: 3px;
  position: absolute;
  top: 0px;
  left: 180px; }

.reader-ad, .reader-ad--hide {
  -webkit-transition-property: left;
          transition-property: left;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 330px;
  height: 100%;
  top: 0;
  left: 0; }

.reader-ad--hide {
  left: -330px; }

.reader-ad--hide__close-btn {
  position: absolute;
  top: 10px;
  right: 15px; }

.reader-ad__ad-container {
  border-radius: 15px;
  position: absolute;
  width: 330px;
  height: 290px;
  padding: 25px 15px 15px 15px;
  background-color: transparent;
  top: 0;
  left: 0; }

.reader-ad__ad {
  width: 300px;
  height: 250px; }

.pagezero-container {
  top: 0px;
  width: 50%;
  height: 100%;
  position: absolute;
  display: table;
  table-layout: fixed;
  pointer-events: none; }

.pagezero-wrapper {
  padding: 15px 30px;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  text-align: center;
  pointer-events: auto; }

.pagezero-signin .issuu-logo-white-image {
  background-size: cover;
  display: inline-block;
  height: 14px;
  width: 62px;
  position: relative;
  top: 1px;
  margin-left: 2px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.pagezero-signin__text, .pagezero-signin__text--leading {
  margin: 0 auto 10px auto; }

.pagezero--constrained .pagezero-signin__text--leading {
  font-size: 0px;
  margin-top: 0px; }

.pagezero-signin__document-name {
  margin: 10px auto;
  display: block; }

.pagezero-signin__signupLink {
  margin-top: 10px;
  display: block; }
  .pagezero--constrained .pagezero-signin__signupLink {
    display: none; }

.pagezero-signin__button {
  margin: 5px auto; }

.pagezero-description__text {
  margin-top: 0;
  margin-right: 40px; }
  .pagezero--constrained .pagezero-description__text {
    display: none; }

.pagezero-description__title {
  margin-right: 40px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.pagezero-follow-publisher #normalFollowButton {
  margin-top: 25px; }

.pagezero-follow-publisher__latest-documents {
  text-align: center;
  height: 120px;
  margin: 35px 0 0 0; }
  .pagezero-follow-publisher__latest-documents img {
    display: inline-block;
    max-height: 100%;
    max-width: 90px;
    margin: 0 5px 0 5px;
    vertical-align: bottom; }

.pagezero-ad {
  -webkit-transition-property: left;
          transition-property: left;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  display: block;
  top: -18px;
  pointer-events: auto; }
  .pagezero-ad.pagezero-ad--center {
    position: static;
    width: 100%;
    padding-bottom: 30px; }

.pagezero-ad__close {
  float: right; }
  .pagezero-ad--center .pagezero-ad__close {
    display: none; }

.pagezero-ad--center .pagezero-ad__ad {
  margin-left: auto;
  margin-right: auto; }

.pagezero--center {
  display: block; }

.cssanimations .pulse {
  -webkit-transform: scale(2);
      -ms-transform: scale(2);
          transform: scale(2);
  -webkit-animation: pulse-background 1s cubic-bezier(.68, 1.9, .46, .74) 1;
          animation: pulse-background 1s cubic-bezier(.68, 1.9, .46, .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: -1s;
            animation-delay: -1s; }
  .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; }

#readerreader {
  position: relative;
  height: 100%; }
  #readerreader object {
    outline: none; }
  #readerreader.bg-dark {
    background-color: #353535; }

.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; }

.htmlreader {
  background-color: #404040; }
  .htmlreader #main-container {
    padding: 0; }
  .htmlreader #content {
    z-index: 10; }

#explicitwarning {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center; }
  #explicitwarning h2 {
    font: normal normal 400 30px/1.26667 '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; }

#main-container.ad-gutter #readerreader {
  padding-left: 180px; }
#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; }
#main-container.ad-gutter #flashcontent {
  z-index: 1;
  position: relative; }
@media screen and (max-width: 1292px) {
  #main-container.ad-gutter #docmenu {
    margin-left: 168px; }
  #main-container.ad-gutter .stream-header {
    margin-left: 180px; }
  #main-container.ad-gutter .stream-list {
    margin-left: 180px; }
  #main-container.ad-gutter #docactions > * {
    margin-left: 180px; } }
@media screen and (max-width: 1124px) {
  #main-container.ad-gutter .stream-list {
    margin-left: 180px; }
  #main-container.ad-gutter #docactions > *, #main-container.ad-gutter .stream-header, #main-container.ad-gutter .stream-list {
    width: 696px; } }
@media screen and (max-width: 896px) {
  #main-container.ad-gutter #docactions > *, #main-container.ad-gutter .stream-header, #main-container.ad-gutter .stream-list {
    width: 456px; } }
@media screen and (max-width: 648px) {
  #main-container.ad-gutter #docactions > *, #main-container.ad-gutter .stream-header, #main-container.ad-gutter .stream-list {
    width: 296px; } }

.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: -10px; }
      .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: 26px;
      margin-left: 10px;
      vertical-align: middle; }
      @media (max-width: 955px) {
        .issuu-reader .menubar .menubar-title {
          max-width: 35%; } }
      @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; } }
      .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.26667 '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;
    color: white;
    -webkit-transition: color 75ms ease-out, background-color 75ms ease-out;
            transition: color 75ms ease-out, background-color 75ms ease-out;
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.15); }
    .stream-list .publication .delete-doc:visited {
      color: white; }
    .stream-list .publication .delete-doc:focus {
      color: white; }
    .stream-list .publication .delete-doc:hover {
      color: white; }
    .stream-list .publication .delete-doc:active {
      color: white; }
    .stream-list .publication .delete-doc {
      background-color: #e05140; }
    .stream-list .publication .delete-doc:hover, .stream-list .publication .delete-doc:focus {
      background-color: #ad3d31; }

.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: 15px 0;
  margin-bottom: 10px; }

.o-o-ads--gpt__ad[style*="display: none"] + .o-o-ads--gpt__text {
  display: none; }

.o-o-ads--gpt__placeholder {
  width: 300px; }

.stream__element--gemini-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--gemini-ad.ready {
    display: block; }
  .stream__element--gemini-ad .gemini-ad__content {
    height: 440px; }
  .stream__element--gemini-ad .gemini-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 {
  padding: 1px; }

.stream2-ad-element__ad-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 300px; }

.stream2-ad-element__ad {
  width: 300px;
  height: 250px; }

.stream2-ad-element__text {
  padding: 15px 0;
  margin-bottom: 10px; }

.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; }