html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

  article, aside, details, figcaption, figure, footer, header, hgroup, menu,
  nav, section {
    display: block; }

    body {
      line-height: 1; }

      ol, ul {
        list-style: none; }

        blockquote, q {
          quotes: none; }

          blockquote:before, blockquote:after, q:before, q:after {
            content: '';
            content: none; }

            table {
              border-collapse: collapse;
              border-spacing: 0; }
.no-js form {
  display: none; }

  form p {
    margin-bottom: 19px; }
    form p:last {
      margin-bottom: 0px; }
      form p.checkbox {
        font-size: 14px;
        opacity: 1; }
        form p.checkbox label {
          width: auto;
          font-weight: normal; }
          form p.checkbox input {
            opacity: 1;
            width: auto;
            font-size: 14px;
            margin-left: 120px; }
  form label {
    color: #647075;
    font-weight: bold;
    display: inline-block;
    width: 110px;
    text-align: right;
    font-size: 16px;
    padding-right: 10px; }
    form input, form textarea {
      color: rgba(0, 0, 0, 0.35);
      font-family: "ff-tisa-sans-web-pro";
      font-size: 16px;
      padding: 9px;
      width: 339px;
      vertical-align: middle;
      background: #fff;
      border: 1px solid #dedede;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      box-shadow: inset 0 20px 20px -20px #000000;
      -moz-box-shadow: inset 0 3px 3px -3px #e0e0e0;
      -webkit-box-shadow: inset 0 3px 3px -3px #e0e0e0;
      box-shadow: inset 0 3px 3px -3px #e0e0e0; }
      form input:focus, form textarea:focus {
        outline: none;
        box-shadow: 0 0 5px #94E6E7;
        border: 1px solid #94E6E7; }
        form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
          color: rgba(0, 0, 0, 0.35);
          line-height: 26px; }
          form input:-moz-placeholder, form textarea:-moz-placeholder {
            color: rgba(0, 0, 0, 0.35);
            line-height: 26px; }
            form input::-moz-placeholder, form textarea::-moz-placeholder {
              color: rgba(0, 0, 0, 0.35);
              line-height: 26px; }
              form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
                color: rgba(0, 0, 0, 0.35);
                line-height: 26px; }
  form button {
    -webkit-font-smoothing: antialiased;
    font-family: "ff-tisa-sans-web-pro";
    font-weight: 500;
    display: block;
    border: 0px;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    background-color: #00CACF;
    color: white;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    cursor: pointer;
    padding: 0px 19px;
    font-size: 20px; }
    form button:disabled {
      cursor: none; }
  form ul.errorlist {
    margin-left: 126px;
    margin-bottom: 4px;
    color: red;
    font-size: 13px; }
    form select, form p select {
      margin-top: 6px; }
      form a.minor {
        font-size: 11px; }
form button span.arrow {
  display: inline-block;
  height: 14px;
  line-height: 14px;
  padding-right: 25px;
  background: url("/static/images/button-arrow.png") right center no-repeat; }
  form button:hover {
    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15);
    background-color: #00D6DA; }
    form button:active {
      background-color: #00BEC5; }
      form button:disabled {
        box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15);
        background: #d6d6d6; }
        form button:disabled span.arrow {
          background: none; }
          form button:disabled:after {
            content: url(/static/images/spinner.gif);
            margin-left: 5px; }
            footer #try-it a.try-it:hover {
              box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.45); }
              footer #try-it a.try-it:active {
                background-color: #f9112c; }
                footer #try-it a.try-it span.arrow {
                  display: inline-block;
                  height: 14px;
                  line-height: 14px;
                  padding-right: 25px;
                  background: url("/static/images/button-arrow.png") right center no-repeat; }
                  section#app-demo div.headlines a.try-it:hover {
                    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.45); }
                    section#app-demo div.headlines a.try-it:active {
                      background-color: #f9112c; }
                      section#app-demo div.headlines a.try-it span.arrow {
                        display: inline-block;
                        height: 14px;
                        line-height: 14px;
                        padding-right: 25px;
                        background: url("/static/images/button-arrow.png") right center no-repeat; }
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20); }

  .close:hover, .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

    button.close {
      padding: 0;
      cursor: pointer;
      background: transparent;
      border: 0;
      -webkit-appearance: none; }

      .clearfix {
        *zoom: 1; }

        .clearfix:before, .clearfix:after {
          display: table;
          content: "";
          line-height: 0; }

          .clearfix:after {
            clear: both; }

            .hide-text {
              font: 0 / 0 a;
              color: transparent;
              text-shadow: none;
              background-color: transparent;
              border: 0; }

              .input-block-level {
                display: block;
                width: 100%;
                min-height: 30px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box; }

                .modal-backdrop {
                  position: fixed;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  z-index: 1040;
                  background-color: #000000; }

                  .modal-backdrop.fade {
                    opacity: 0; }

                    .modal-backdrop, .modal-backdrop.fade.in {
                      opacity: 0.8;
                      filter: alpha(opacity=80); }

                      .modal {
                        position: fixed;
                        top: 10%;
                        left: 50%;
                        z-index: 1050;
                        width: 560px;
                        margin-left: -280px;
                        background-color: #ffffff;
                        border: 1px solid #999;
                        border: 1px solid rgba(0, 0, 0, 0.3);
                        *border: 1px solid #999;
                        -webkit-border-radius: 6px;
                        -moz-border-radius: 6px;
                        border-radius: 6px;
                        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
                        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
                        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
                        -webkit-background-clip: padding-box;
                        -moz-background-clip: padding-box;
                        background-clip: padding-box;
                        outline: none; }

                        .modal.fade {
                          -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
                          -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
                          -o-transition: opacity 0.3s linear, top 0.3s ease-out;
                          transition: opacity 0.3s linear, top 0.3s ease-out;
                          top: -25%; }

                          .modal.fade.in {
                            top: 10%; }

                            .modal-header {
                              padding: 9px 15px;
                              border-bottom: 1px solid #eee; }

                              .modal-header .close {
                                margin-top: 2px; }

                                .modal-header h3 {
                                  margin: 0;
                                  line-height: 30px; }

                                  .modal-body {
                                    position: relative;
                                    overflow-y: auto;
                                    max-height: 400px;
                                    padding: 15px; }

                                    .modal-form {
                                      margin-bottom: 0; }

                                      .modal-footer {
                                        padding: 14px 15px 15px;
                                        margin-bottom: 0;
                                        text-align: right;
                                        background-color: #f5f5f5;
                                        border-top: 1px solid #ddd;
                                        -webkit-border-radius: 0 0 6px 6px;
                                        -moz-border-radius: 0 0 6px 6px;
                                        border-radius: 0 0 6px 6px;
                                        -webkit-box-shadow: inset 0 1px 0 #ffffff;
                                        -moz-box-shadow: inset 0 1px 0 #ffffff;
                                        box-shadow: inset 0 1px 0 #ffffff;
                                        *zoom: 1; }

                                        .modal-footer:before, .modal-footer:after {
                                          display: table;
                                          content: "";
                                          line-height: 0; }

                                          .modal-footer:after {
                                            clear: both; }

                                            .modal-footer .btn + .btn {
                                              margin-left: 5px;
                                              margin-bottom: 0; }

                                              .modal-footer .btn-group .btn + .btn {
                                                margin-left: -1px; }

                                                .modal-footer .btn-block + .btn-block {
                                                  margin-left: 0; }

                                                  .dropup, .dropdown {
                                                    position: relative; }

                                                    .dropdown-toggle:focus {
                                                      outline: 0; }

                                                      .dropdown-menu {
                                                        position: absolute;
                                                        top: 100%;
                                                        left: 0;
                                                        z-index: 1000;
                                                        display: none;
                                                        float: left;
                                                        min-width: 160px;
                                                        padding: 5px 0;
                                                        margin: 2px 0 0;
                                                        list-style: none;
                                                        font-size: 14px;
                                                        text-align: left;
                                                        background-color: #ffffff;
                                                        border: 1px solid #cccccc;
                                                        border: 1px solid rgba(0, 0, 0, 0.15);
                                                        border-radius: 4px;
                                                        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
                                                        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
                                                        -webkit-background-clip: padding-box;
                                                        background-clip: padding-box; }

                                                        .dropdown-menu.pull-right {
                                                          right: 0;
                                                          left: auto; }

                                                          .dropdown-menu .divider {
                                                            height: 1px;
                                                            margin: 9px 0;
                                                            overflow: hidden;
                                                            background-color: #e5e5e5; }

                                                            .dropdown-menu > li > a {
                                                              display: block;
                                                              padding: 3px 20px;
                                                              clear: both;
                                                              font-weight: normal;
                                                              line-height: 1.42857;
                                                              color: #333333;
                                                              white-space: nowrap; }

                                                              .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
                                                                text-decoration: none;
                                                                color: #262626;
                                                                background-color: #f5f5f5; }

                                                                .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover,
                                                                .dropdown-menu > .active > a:focus {
                                                                  color: #ffffff;
                                                                  text-decoration: none;
                                                                  outline: 0;
                                                                  background-color: #337ab7; }

                                                                  .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover,
                                                                  .dropdown-menu > .disabled > a:focus {
                                                                    color: #777777; }

                                                                    .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
                                                                      text-decoration: none;
                                                                      background-color: transparent;
                                                                      background-image: none;
                                                                      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                                                                      cursor: not-allowed; }

                                                                      .open > .dropdown-menu {
                                                                        display: block; }

                                                                        .open > a {
                                                                          outline: 0; }

                                                                          .dropdown-menu-right {
                                                                            left: auto;
                                                                            right: 0; }

                                                                            .dropdown-menu-left {
                                                                              left: 0;
                                                                              right: auto; }

                                                                              .dropdown-header {
                                                                                display: block;
                                                                                padding: 3px 20px;
                                                                                font-size: 12px;
                                                                                line-height: 1.42857;
                                                                                color: #777777;
                                                                                white-space: nowrap; }

                                                                                .dropdown-backdrop {
                                                                                  position: fixed;
                                                                                  left: 0;
                                                                                  right: 0;
                                                                                  bottom: 0;
                                                                                  top: 0;
                                                                                  z-index: 990; }

                                                                                  .pull-right > .dropdown-menu {
                                                                                    right: 0;
                                                                                    left: auto; }

                                                                                    .dropup .caret, .navbar-fixed-bottom .dropdown .caret {
                                                                                      border-top: 0;
                                                                                      border-bottom: 4px dashed;
                                                                                      border-bottom: 4px solid \9;
                                                                                      content: ""; }

                                                                                      .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
                                                                                        top: auto;
                                                                                        bottom: 100%;
                                                                                        margin-bottom: 2px; }

                                                                                        @media (min-width: 768px) {
                                                                                          .navbar-right .dropdown-menu {
                                                                                            left: auto;
                                                                                            right: 0;   }
                                                                                            .navbar-right .dropdown-menu-left {
                                                                                              left: 0;
                                                                                              right: auto;   }
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }
body {
  color: #5A5D60;
  font-family: "ff-tisa-sans-web-pro", "sans-serif";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body #main {
    min-height: 500px; }

a {
  color: #626266; }

  section {
    margin: auto;
    width: 916px; }

    strong {
      font-weight: bold; }

      .submitting {
        display: none; }

        .messages {
          margin-top: 30px; }
          .messages p {
            padding: 25px;
            font-size: 14px;
            font-weight: bold; }
            .messages p.success {
              opacity: 0.8;
              background-color: #e7ffde;
              color: #318412; }
              .messages p.error {
                background-color: #fff7dc;
                color: #c95224; }
                .messages p.error a {
                  color: #c95224; }
footer {
  text-align: center;
  width: 100%;
  background-color: #F5F5F5;
  clear: both;
  padding-bottom: 185px; }
  footer a {
    color: #616569;
    text-decoration: none; }
    footer #try-it {
      font-size: 20px;
      color: #4E5356;
      padding: 60px;
      margin: auto;
      width: 600px;
      border-bottom: 2px solid #DCDCDC; }
      footer #try-it a.log-in {
        color: #4E5356;
        margin-left: 5px;
        font-weight: bold;
        text-decoration: underline; }
        footer #try-it a.try-it {
          font-size: 14px;
          font-family: "ff-tisa-sans-web-pro";
          font-weight: 500;
          background-color: #FD4F54;
          color: white;
          display: inline-block;
          padding: 12px 20px;
          text-decoration: none;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
          font-size: 20px;
          padding: 12px 20px;
          margin-right: 15px; }
  footer nav {
    margin: 30px; }
    footer nav a span {
      font-size: 14px;
      font-family: "ff-tisa-sans-web-pro";
      font-weight: 500;
      color: #616569; }
      footer nav a.active span {
        text-decoration: underline; }
        footer nav a:before {
          content: ' \2022 ';
          margin: 9px;
          font-size: 15px; }
          footer nav a:first-child:before {
            content: none; }
    footer nav.secondary a {
      font-family: "ff-tisa-sans-web-pro";
      font-size: 12px; }
      footer nav.secondary a:before {
        font-size: 13px;
        margin: 8px; }
    footer nav.secondary .dropdown:before {
      content: ' \2022 ';
      margin: 9px;
      font-size: 15px; }
  footer span {
    color: #616569;
    font-size: 12px; }
section#app-demo {
  width: 100%;
  background: #ECECEC url('/static/images/top-bar-grid.png') repeat-y fixed center;
  position: relative;
  height: 499px; }
  section#app-demo div.everything-but-toolbar {
    width: 790px;
    margin: auto;
    position: relative; }
    section#app-demo div.animation-toolbar {
      width: 100%;
      height: 81px;
      position: absolute;
      bottom: 0px;
      background: #22272D; }
      section#app-demo div.animation-toolbar div {
        width: 790px;
        height: 81px;
        margin: auto;
        background: #22272D url("/static/images/homepage-dummy-app.png") no-repeat top left; }
        section#app-demo div.animation-toolbar.fade div {
          opacity: 0.3; }
    section#app-demo div.headlines {
      position: absolute;
      left: 430px;
      top: 100px; }
      section#app-demo div.headlines h2 {
        font-family: "crete-round";
        font-size: 21px;
        font-weight: normal;
        color: #FD4F54;
        margin-bottom: 25px; }
        section#app-demo div.headlines h3 {
          color: #23282e;
          font-family: "crete-round";
          font-size: 49px;
          margin: 5px 0;
          width: 383px;
          height: 59px;
          vertical-align: font-bottom; }
          section#app-demo div.headlines a.try-it {
            font-size: 14px;
            font-family: "ff-tisa-sans-web-pro";
            font-weight: 500;
            background-color: #FD4F54;
            color: white;
            display: inline-block;
            padding: 12px 20px;
            text-decoration: none;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
            font-size: 20px;
            margin-top: 25px; }
            section#app-demo div.headlines span.animation-cursor {
              background: url("/static/images/text-cursor.png") no-repeat;
              width: 3px;
              height: 44px;
              line-height: 44px; }
              section#app-demo div.headlines span.animation-cursor.animating {
                display: inline-block; }
    section#app-demo div.animation-element-panel {
      display: none;
      width: 313px;
      height: 351px;
      top: 70px;
      left: 0px;
      position: absolute;
      background: url("/static/images/homepage-dummy-add-element.png") no-repeat; }
      section#app-demo div.animation-pointer {
        display: none;
        z-index: 100;
        position: absolute;
        width: 31px;
        height: 47px;
        background: url("/static/images/big-pointer.png") no-repeat top center; }
        section#app-demo div.animation-grabby-hand-open {
          display: none;
          position: absolute;
          z-index: 100;
          width: 46px;
          height: 47px;
          background: url("/static/images/big-hand.png") no-repeat; }
          section#app-demo div.animation-grabby-hand-grabbing {
            position: absolute;
            display: none;
            z-index: 100;
            width: 43px;
            top: 25px;
            left: 35px;
            height: 38px;
            background: url("/static/images/big-grabbing.png") no-repeat; }
            section#app-demo div.animation-welcome-text {
              position: absolute;
              display: none;
              color: #23282e;
              font-family: "crete-round";
              font-size: 49px;
              z-index: 99;
              padding: 3px; }
              section#app-demo div.animation-welcome-text span {
                margin: 10px;
                display: inline-block; }
                section#app-demo div.animation-welcome-text.selected {
                  display: inline-block;
                  background: url("/static/images/resize-handle.png"), url("/static/images/resize-handle.png"),
                                    url("/static/images/resize-handle.png"), url("/static/images/resize-handle.png"),
                                    url("/static/images/resize-handle.png"), url("/static/images/resize-handle.png"),
                                    url("/static/images/resize-handle.png"), url("/static/images/resize-handle.png");
                  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat,
                                    no-repeat;
                  background-position: left top, left center, left bottom, right top, right center, right bottom,
                                    center top, center bottom;
                  background-origin: border-box, border-box, border-box, border-box, border-box, border-box,
                                    border-box, padding-box; }
                  section#app-demo div.animation-welcome-text.selected span {
                    background: #C1E0FF;
                    background-clip: content-box; }

section#tagline {
  text-align: center;
  margin: 80px auto;
  color: #FD4F54; }
  section#tagline h1, section#tagline h2, section#tagline p {
    font-size: 32px;
    font-family: "ff-tisa-sans-web-pro";
    font-weight: 500;
    margin: 0;
    line-height: 1.3em; }
    section#tagline span {
      display: inline-block;
      line-height: 1em;
      border-bottom: 5px solid #F8E270; }

#features {
  margin-top: 50px;
  width: 920px; }
  #features img.circle-1 {
    width: 100px;
    height: 86px;
    margin-bottom: 38px; }
    #features img.circle-2 {
      width: 104px;
      height: 108px;
      margin-bottom: 16px; }
      #features img.circle-3 {
        width: 86px;
        height: 86px;
        margin-bottom: 38px; }
  #features div {
    text-align: left;
    width: 260px;
    margin-right: 40px;
    margin-bottom: 90px;
    float: left; }
    #features h2 {
      color: #FD3A40;
      font-weight: bold;
      font-size: 19px;
      letter-spacing: -0.02em;
      margin-bottom: 15px; }
      #features p {
        line-height: 1.8em;
        font-size: 14px; }

#details {
  width: 614px; }