body {
  background: #fff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  line-height: 1.42857143;
  color: #373A4D;
  border-top: 7px solid #30CCD6;
  padding: 0px 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on; }
  body.campaignsocial {
    border-color: #F6513B; }

h1, h2, h3 {
  margin: 0px; }

.section {
  max-width: 615px;
  margin: 0 auto; }

.header {
  padding: 15px 0px;
  margin-bottom: 60px; }
  .header > * {
    margin: 0 auto;
    margin-bottom: 40px; }
    .header > *:last-child {
      margin-bottom: 0px; }
  .header > .logo {
    width: 150px; }
    .header > .logo img {
      width: 100%;
      max-width: 100%; }
  .header > .title {
    max-width: 535px;
    text-align: center; }
    .header > .title > .company {
      font-size: 18px;
      color: #B9B9C0;
      text-transform: uppercase;
      margin-bottom: 10px; }
    .header > .title > .text {
      font-size: 35px;
      line-height: 44px;
      font-weight: 700;
      color: #28A0E3; }
  .header > .features {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 10px; }
    .header > .features > * {
      display: flex;
      align-items: center;
      margin-right: 30px;
      color: #373A4D; }
      .header > .features > *:last-child {
        margin-right: 0px; }
      .header > .features > * > .icon {
        margin-right: 10px; }

.body {
  position: relative;
  margin-bottom: 80px; }
  .body > .company, .body > .sharing {
    position: absolute;
    top: 30px; }
  .body > .company {
    right: 100%;
    margin-right: 40px;
    min-width: 165px;
    text-align: right;
    color: #B9B9C0; }
    .body > .company > .name {
      font-weight: 700;
      color: #373A4D;
      text-transform: uppercase; }
    .body > .company > .career-website {
      margin-top: 10px; }
      .body > .company > .career-website a {
        color: #B9B9C0;
        text-decoration: underline; }
    .body > .company > .description {
      margin-top: 20px; }
    .body > .company > .actions {
      margin-top: 20px; }
      .body > .company > .actions button {
        background: #244982;
        padding: 10px 30px;
        border: none;
        border-radius: 25px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px; }
  .body > .content > * {
    margin-bottom: 30px; }
    .body > .content > *:last-child {
      margin-bottom: 0px; }
  .body > .content > .message {
    background: #28A0E3;
    padding: 15px 20px;
    border-radius: 4px;
    color: #fff; }
  .body > .content > .campaign > * {
    margin-bottom: 30px; }
    .body > .content > .campaign > *:last-child {
      margin-bottom: 0px; }
  .body > .content > .campaign > .title {
    font-size: 25px;
    font-weight: 700; }
  .body > .content > .campaign > .text .career-website {
    margin-top: 10px; }
    .body > .content > .campaign > .text .career-website .separator {
      margin-bottom: 10px;
      color: #B9B9C0;
      font-weight: 700;
      text-transform: uppercase;
      font-size: 12px; }
    .body > .content > .campaign > .text .career-website a {
      background: #B9B9C0;
      display: inline-block;
      transition: none;
      text-decoration: none; }
      .body > .content > .campaign > .text .career-website a:hover {
        color: #fff; }
  .body > .content > .campaign > .text .ql-align-center {
    text-align: center; }
  .body > .content > .campaign > .text .ql-size-huge, .body > .content > .campaign > .text .ql-size-large, .body > .content > .campaign > .text .ql-size-small {
    font-weight: 700; }
  .body > .content > .campaign > .text .ql-size-huge {
    font-size: 25px; }
  .body > .content > .campaign > .text .ql-size-large {
    font-size: 20px; }
  .body > .content > .campaign > .text p, .body > .content > .campaign > .text ul, .body > .content > .campaign > .text ol {
    margin-bottom: 0px; }
  .body > .content > .campaign > .text a {
    text-decoration: underline;
    transition: .2s; }
    .body > .content > .campaign > .text a:hover {
      color: #000; }
  .body > .content > .campaign > .text blockquote {
    border-left: 2px solid rgba(51, 51, 51, 0.6);
    padding-left: 15px; }
  .body > .content > .campaign > .text img {
    max-width: 100%;
    text-align: center; }
  .body > .content > .campaign > .text ul, .body > .content > .campaign > .text ol {
    list-style: inside; }
  .body > .content > .campaign > .text .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 56.25%;
    overflow: hidden; }
    .body > .content > .campaign > .text .embed-responsive .ql-video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }
  .body > .content > .campaign > .text button, .body > .content > .campaign > .text .button {
    background: #244982;
    padding: 10px 30px;
    border: none;
    border-radius: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px; }
  .body > .content > .campaign > .media {
    margin-top: 0px; }
    .body > .content > .campaign > .media > .attachment {
      position: relative; }
      .body > .content > .campaign > .media > .attachment video {
        max-width: 100%; }
      .body > .content > .campaign > .media > .attachment button.ownbutton {
        background: #aaa;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px 15px;
        border: none;
        border-radius: 50px;
        color: #fff;
        font-weight: 600;
        transition: .3s;
        outline: none; }
        .body > .content > .campaign > .media > .attachment button.ownbutton:hover {
          background: #333132; }
      .body > .content > .campaign > .media > .attachment img {
        width: 100%;
        max-width: 100%; }
    .body > .content > .campaign > .media > .link {
      border: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 15px; }
      .body > .content > .campaign > .media > .link .image {
        padding: 15px;
        text-align: center; }
        .body > .content > .campaign > .media > .link .image img {
          width: 100%;
          max-width: 100%; }
      .body > .content > .campaign > .media > .link .code {
        display: flex;
        justify-content: center;
        align-items: center; }
        .body > .content > .campaign > .media > .link .code iframe {
          width: 100%;
          height: auto;
          min-height: 215px; }
        @media (min-width: 831px) {
          .body > .content > .campaign > .media > .link .code iframe {
            min-height: 350px; } }
      .body > .content > .campaign > .media > .link .poster {
        background-position: center center;
        background-size: cover;
        height: 150px; }
      .body > .content > .campaign > .media > .link .title {
        padding: 10px 15px;
        padding-bottom: 0px;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px; }
      .body > .content > .campaign > .media > .link .preview {
        padding: 10px 15px;
        padding-top: 0px; }
  .body > .content > .campaign > .card {
    background: rgba(196, 196, 196, 0.2);
    padding: 40px; }
    .body > .content > .campaign > .card .title {
      font-size: 25px;
      font-weight: 700;
      margin-bottom: 40px; }
    .body > .content > .campaign > .card .coworker {
      display: flex;
      justify-content: space-around;
      align-items: center; }
      .body > .content > .campaign > .card .coworker > .picture {
        flex: 0 0 auto;
        width: 175px;
        height: 175px;
        border-radius: 50%;
        overflow: hidden; }
        .body > .content > .campaign > .card .coworker > .picture img {
          width: 100%;
          height: 100%;
          object-fit: cover; }
      .body > .content > .campaign > .card .coworker > .meta {
        flex: 0 1 auto;
        text-align: center; }
        .body > .content > .campaign > .card .coworker > .meta > .name {
          font-weight: 700; }
        .body > .content > .campaign > .card .coworker > .meta > .description {
          font-size: 14px;
          color: #aaa; }
        .body > .content > .campaign > .card .coworker > .meta > .values {
          margin-top: 20px;
          font-size: 24px;
          font-weight: 700;
          color: #28A0E3; }
  .body > .content > .campaign > .features > * {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #373A4D; }
    .body > .content > .campaign > .features > *:last-child {
      margin-bottom: 0px; }
    .body > .content > .campaign > .features > * > .icon {
      margin-right: 10px; }
  .body > .content > .campaign > .author {
    background: rgba(196, 196, 196, 0.2);
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 30px; }
    .body > .content > .campaign > .author > .avatar {
      flex: 0 0 auto;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      overflow: hidden;
      margin-right: 15px; }
      .body > .content > .campaign > .author > .avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .body > .content > .campaign > .author > .meta > .name {
      font-weight: 700; }
    .body > .content > .campaign > .author > .meta > .job {
      color: #aaa; }
  .body > .content > .campaign > .slideshow {
    background: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; }
    .body > .content > .campaign > .slideshow.in {
      opacity: 1;
      visibility: visible;
      pointer-events: auto; }
    .body > .content > .campaign > .slideshow .navigation {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      max-width: 80%;
      transform: translate(-50%, -50%);
      z-index: 20; }
      .body > .content > .campaign > .slideshow .navigation .arrow {
        background: #aaa;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0px;
        width: 32px;
        height: 32px;
        border: none;
        border-radius: 50%;
        font-size: 14px;
        color: #fff;
        transition: .3s;
        outline: none; }
        .body > .content > .campaign > .slideshow .navigation .arrow:hover {
          background: #333132; }
        .body > .content > .campaign > .slideshow .navigation .arrow.left {
          left: 0px;
          transform: translate(100%, 0%); }
        .body > .content > .campaign > .slideshow .navigation .arrow.right {
          right: 0px;
          transform: translate(-100%, 0%); }
    .body > .content > .campaign > .slideshow .slides {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 80%;
      height: 80%;
      max-height: 80%; }
      .body > .content > .campaign > .slideshow .slides .slide {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden; }
        .body > .content > .campaign > .slideshow .slides .slide.in {
          opacity: 1;
          visibility: visible; }
        .body > .content > .campaign > .slideshow .slides .slide img {
          object-fit: contain;
          object-position: center center;
          width: 100%;
          height: 100%; }
  .body > .content > .form {
    background: rgba(0, 0, 0, 0.85);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    transition: .25s; }
    .body > .content > .form.in {
      opacity: 1;
      visibility: visible; }
    .body > .content > .form > .form {
      background: #fff;
      border-top: 7px solid #30CCD6;
      width: 100%;
      max-width: 600px;
      max-height: 80%;
      padding: 40px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: scrollbar; }
      .body > .content > .form > .form > * {
        margin-bottom: 15px; }
        .body > .content > .form > .form > *:last-child {
          margin-bottom: 0px; }
      .body > .content > .form > .form label {
        font-weight: 400; }
      .body > .content > .form > .form input, .body > .content > .form > .form select, .body > .content > .form > .form textarea {
        background: #fff;
        padding: 8px 15px;
        border: 1px solid #B9B9C0;
        width: 100%;
        font-size: 15px;
        line-height: 1.42857143;
        outline: none;
        vertical-align: bottom; }
      .body > .content > .form > .form button {
        background: #244982;
        padding: 10px 30px;
        border: none;
        border-radius: 25px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 14px; }
        .body > .content > .form > .form button.cancel {
          background: #B9B9C0; }
      .body > .content > .form > .form .fields {
        display: flex; }
        .body > .content > .form > .form .fields > * {
          margin-right: 15px; }
          .body > .content > .form > .form .fields > *:last-child {
            margin-right: 0px; }
        .body > .content > .form > .form .fields > .field {
          flex: 1 1 auto; }
          .body > .content > .form > .form .fields > .field > .title {
            text-align: center;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px; }
  .body > .sharing {
    left: 100%;
    margin-left: 40px; }
    .body > .sharing > * {
      margin-bottom: 10px; }
      .body > .sharing > *:last-child {
        margin-bottom: 0px; }
    .body > .sharing > .network {
      width: 39px; }
      .body > .sharing > .network > .link img {
        width: 100%;
        max-width: 100%; }

.footer {
  padding: 15px 0px;
  text-align: center; }
  .footer a {
    text-decoration: underline;
    transition: .2s; }
    .footer a:hover {
      color: #000; }

@media (max-width: 830px) {
  .header > .title > .company {
    font-size: 16px; }
  .header > .title > .text {
    font-size: 25px;
    line-height: 34px; }

  .body {
    display: flex;
    flex-direction: column; }
    .body > .company, .body > .sharing {
      position: static;
      margin: 0px;
      order: 10; }
    .body > .company {
      text-align: center; }
      .body > .company > .actions {
        display: none; }
    .body > .sharing {
      display: flex;
      justify-content: center;
      margin-bottom: 30px;
      order: 5; }
      .body > .sharing > * {
        margin-right: 15px; }
        .body > .sharing > *:last-child {
          margin-right: 0px; }
    .body > .content {
      margin-bottom: 30px; }
      .body > .content > .campaign > .card .coworker > .picture {
        width: 100px;
        height: 100px; }
      .body > .content > .form > .form {
        max-height: 100%;
        padding: 30px 15px; }
        .body > .content > .form > .form .fields {
          display: block; }
          .body > .content > .form > .form .fields > * {
            margin-right: 0px;
            margin-bottom: 15px; }
            .body > .content > .form > .form .fields > *:last-child {
              margin-bottom: 0px; } }

/*# sourceMappingURL=share.css.map */