#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 {
  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 {
  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;
    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 {
  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 {
  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 {
  transition: background-color 225ms linear; }
  #overlay.publish-const div.boxset {
    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;
      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 {
  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;
  transition: background-color 225ms linear; }
  #overlay.publish-fullscreen-const div.boxset {
    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;
      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;
      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 {
  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;
  transition: background-color 200ms linear; }
  #overlay.signinup-const div.boxset {
    z-index: 1;
    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;
      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;
      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;
      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%;
  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;
  transition: background-color 200ms linear; }
  #overlay.signin-const div.boxset {
    z-index: 1;
    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;
      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;
      transition: color 75ms ease-out, background-color 75ms ease-out;
      float: left; }
      #overlay.signin-const div.boxset .dimmer-back-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-back-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link:active {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-back-link span {
        padding: 5px;
        vertical-align: -10%; }
    #overlay.signin-const div.boxset .dimmer-cancel-link {
      float: right; }
    #overlay.signin-const div.boxset .dimmer-signin-link, #overlay.signin-const div.boxset .dimmer-signup-link {
      cursor: pointer;
      color: #F36D5D;
      transition: color 75ms ease-out, background-color 75ms ease-out;
      float: right; }
      #overlay.signin-const div.boxset .dimmer-signin-link:visited, #overlay.signin-const div.boxset .dimmer-signup-link:visited {
        color: #F36D5D; }
      #overlay.signin-const div.boxset .dimmer-signin-link:focus, #overlay.signin-const div.boxset .dimmer-signup-link:focus {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-signin-link:hover, #overlay.signin-const div.boxset .dimmer-signup-link:hover {
        color: #DE5647; }
      #overlay.signin-const div.boxset .dimmer-signin-link:active, #overlay.signin-const div.boxset .dimmer-signup-link:active {
        color: #DE5647; }
    #overlay.signin-const div.boxset .dimmer-step {
      padding: 5px 8px;
      margin-right: 20px;
      float: right; }
    #overlay.signin-const div.boxset .dimmer-issuuicon {
      display: inline-block;
      text-align: center;
      width: 100%;
      margin-bottom: 35px; }
      #overlay.signin-const div.boxset .dimmer-issuuicon div {
        margin: auto; }

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

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

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

/* These are the styles for the box and closer */
#overlay div.overlay-box-signin-const {
  height: 75%;
  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;
  transition: background-color 225ms linear; }
  #overlay.delete-account-const div.boxset {
    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;
      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 {
  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 {
  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 {
  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;
    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;
  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 {
  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 {
  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; }

.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: #1c2e3f; }
  .social.linkedin {
    background-color: #0080b4; }
    .social.linkedin:hover {
      background-color: #005c81; }
  .social.pinterest {
    background-color: #c72527; }
    .social.pinterest:hover {
      background-color: #9c1d1f; }

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

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

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

div.screenies {
  position: relative;
  overflow: hidden;
  width: 100%; }
  div.screenies div.screen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    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; }