@import url(https://fonts.googleapis.com/css?family=Overpass:300,400,600,700,800|Crete+Round:400,400i|Ultra);.VirtualSelectGrid {
  z-index: 1;
}

.VirtualizedSelectOption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 .5rem;
}
.VirtualizedSelectFocusedOption {
  background-color: rgba(0, 126, 255, 0.1);
}
.VirtualizedSelectDisabledOption {
  opacity: 0.5;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  margin-left: -8px;
  position: absolute;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0;
}

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff;
}

.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before,
.react-datepicker__month-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
}

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}

.react-datepicker-popper[data-placement^="bottom"] {
  margin-top: 10px;
}

.react-datepicker-popper[data-placement^="top"] {
  margin-bottom: 10px;
}

.react-datepicker-popper[data-placement^="right"] {
  margin-left: 8px;
}

.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}

.react-datepicker-popper[data-placement^="left"] {
  margin-right: 8px;
}

.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  padding-top: 8px;
  position: relative;
}

.react-datepicker__header--time {
  padding-bottom: 8px;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll {
  display: inline-block;
  margin: 0 2px;
}

.react-datepicker__current-month, .react-datepicker-time__header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker__navigation {
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 0.45rem solid transparent;
  z-index: 1;
}

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc;
}

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc;
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 80px;
}

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc;
}

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3;
}

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc;
}

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
}

.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  position: absolute;
  right: -72px;
  top: 0;
}

.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 70px;
  overflow-x: hidden;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 30px;
  width: 100%;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  padding: 5px 10px;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names, .react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day, .react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day {
  cursor: pointer;
}

.react-datepicker__day:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day--today {
  font-weight: bold;
}

.react-datepicker__day--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}

.react-datepicker__day--highlighted:hover {
  background-color: #32be3f;
}

.react-datepicker__day--highlighted-custom-1 {
  color: magenta;
}

.react-datepicker__day--highlighted-custom-2 {
  color: green;
}

.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}

.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}

.react-datepicker__day--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
}

.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover {
  cursor: pointer;
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow {
  border-top-color: #ccc;
  float: right;
  margin-left: 20px;
  top: 8px;
  position: relative;
  border-width: 0.45rem;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}

.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover {
  cursor: pointer;
}

.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover {
  background-color: #ccc;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}

.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle;
}

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}

.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}

@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}

.react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__portal .react-datepicker__navigation {
  border: 0.81rem solid transparent;
}

.react-datepicker__portal .react-datepicker__navigation--previous {
  border-right-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3;
}

.react-datepicker__portal .react-datepicker__navigation--next {
  border-left-color: #ccc;
}

.react-datepicker__portal .react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3;
}
@charset "UTF-8";
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }
  .Select input::-webkit-contacts-auto-fill-button,
  .Select input::-webkit-credentials-auto-fill-button {
    display: none !important; }
  .Select input::-ms-clear {
    display: none !important; }
  .Select input::-ms-reveal {
    display: none !important; }
  .Select,
  .Select div,
  .Select input,
  .Select span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .Select.is-disabled .Select-arrow-zone {
    cursor: default;
    pointer-events: none; }
  .Select.is-disabled > .Select-control {
    background-color: #f9f9f9; }
    .Select.is-disabled > .Select-control:hover {
      box-shadow: none; }
  .Select.is-searchable.is-open > .Select-control {
    cursor: text; }
  .Select.is-searchable.is-focused:not(.is-open) > .Select-control {
    cursor: text; }
  .Select.is-open > .Select-control {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background: #fff;
    border-color: #b3b3b3 #ccc #d9d9d9; }
    .Select.is-open > .Select-control .Select-arrow {
      top: -2px;
      border-color: transparent transparent #999;
      border-width: 0 5px 5px; }
  .Select.is-focused > .Select-control {
    background: #fff; }
  .Select.is-focused:not(.is-open) > .Select-control {
    border-color: #08c #0099e6 #0099e6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }
  .Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
    padding-right: 42px; }
  .Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #333; }
  .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
  .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
    cursor: pointer;
    text-decoration: none; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover, .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      color: #08c;
      outline: none;
      text-decoration: underline; }
    .Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
    .Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
      background: #fff; }
  .Select.has-value.is-pseudo-focused .Select-input {
    opacity: 0; }
  .Select.is-open .Select-arrow,
  .Select .Select-arrow-zone:hover > .Select-arrow {
    border-top-color: #666; }
  .Select.Select--rtl {
    direction: rtl;
    text-align: right; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  border: 1px solid #ccc;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .Select-control:hover {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }
  .Select-control .Select-input:focus {
    outline: none;
    background: #fff; }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }
  .Select-input > input {
    background: none transparent;
    border: 0 none;
    box-shadow: none;
    cursor: default;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    outline: none;
    line-height: 17px;
    /* For IE 8 compatibility */
    padding: 8px 0 12px;
    /* For IE 8 compatibility */
    -webkit-appearance: none; }
    .is-focused .Select-input > input {
      cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }
  .Select-clear-zone:hover {
    color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }
  .Select--rtl .Select-arrow-zone {
    padding-right: 0;
    padding-left: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-selected {
    background-color: #f5faff;
    color: #333; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #f2f9fc;
  border-radius: 2px;
  border: 1px solid #c9e6f2;
  color: #08c;
  display: inline-block;
  font-size: 0.9em;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #08c;
  cursor: pointer;
  text-decoration: none; }
  .Select--multi a.Select-value-label:hover {
    text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c9e6f2;
  padding: 1px 5px 3px; }
  .Select--multi .Select-value-icon:hover, .Select--multi .Select-value-icon:focus {
    background-color: #ddeff7;
    color: #0077b3; }
  .Select--multi .Select-value-icon:active {
    background-color: #c9e6f2; }

.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px; }

.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c9e6f2; }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }
  .Select--multi.is-disabled .Select-value-icon:hover, .Select--multi.is-disabled .Select-value-icon:focus, .Select--multi.is-disabled .Select-value-icon:active {
    background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/**
 * Foundation for Sites by ZURB
 * Version 6.2.4
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
   * 1. Set default font family to sans-serif.
   * 2. Prevent iOS and IE text size adjust after device orientation change,
   *    without disabling user zoom.
   */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
   * Remove default margin.
   */
body {
  margin: 0; }

/* HTML5 display definitions
     ========================================================================== */
/**
   * Correct `block` display not defined for any HTML5 element in IE 8/9.
   * Correct `block` display not defined for `details` or `summary` in IE 10/11
   * and Firefox.
   * Correct `block` display not defined for `main` in IE 11.
   */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
   * 1. Correct `inline-block` display not defined in IE 8/9.
   * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
   */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
   * Prevent modern browsers from displaying `audio` without controls.
   * Remove excess height in iOS 5 devices.
   */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
   * Address `[hidden]` styling not present in IE 8/9/10.
   * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
   */
[hidden],
template {
  display: none; }

/* Links
     ========================================================================== */
/**
   * Remove the gray background color from active links in IE 10.
   */
a {
  background-color: transparent; }

/**
   * Improve readability of focused elements when they are also in an
   * active/hover state.
   */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
     ========================================================================== */
/**
   * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
   */
abbr[title] {
  border-bottom: 1px dotted; }

/**
   * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
   */
b,
strong {
  font-weight: bold; }

/**
   * Address styling not present in Safari and Chrome.
   */
dfn {
  font-style: italic; }

/**
   * Address variable `h1` font-size and margin within `section` and `article`
   * contexts in Firefox 4+, Safari, and Chrome.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
   * Address styling not present in IE 8/9.
   */
mark {
  background: #ff0;
  color: #000; }

/**
   * Address inconsistent and variable font size in all browsers.
   */
small {
  font-size: 80%; }

/**
   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
     ========================================================================== */
/**
   * Remove border when inside `a` element in IE 8/9/10.
   */
img {
  border: 0; }

/**
   * Correct overflow not hidden in IE 9/10/11.
   */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
     ========================================================================== */
/**
   * Address margin not present in IE 8/9 and Safari.
   */
figure {
  margin: 1em 40px; }

/**
   * Address differences between Firefox and other browsers.
   */
hr {
  box-sizing: content-box;
  height: 0; }

/**
   * Contain overflow in all browsers.
   */
pre {
  overflow: auto; }

/**
   * Address odd `em`-unit font size rendering in all browsers.
   */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
     ========================================================================== */
/**
   * Known limitation: by default, Chrome and Safari on OS X allow very limited
   * styling of `select`, unless a `border` property is set.
   */
/**
   * 1. Correct color not being inherited.
   *    Known issue: affects color of disabled elements.
   * 2. Correct font properties not being inherited.
   * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
   */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
   * Address `overflow` set to `hidden` in IE 8/9/10/11.
   */
button {
  overflow: visible; }

/**
   * Address inconsistent `text-transform` inheritance for `button` and `select`.
   * All other form control elements do not inherit `text-transform` values.
   * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
   * Correct `select` style inheritance in Firefox.
   */
button,
select {
  text-transform: none; }

/**
   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
   *    and `video` controls.
   * 2. Correct inability to style clickable `input` types in iOS.
   * 3. Improve usability and consistency of cursor style between image-type
   *    `input` and others.
   */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
   * Re-set default cursor for disabled elements.
   */
button[disabled],
html input[disabled] {
  cursor: not-allowed; }

/**
   * Remove inner padding and border in Firefox 4+.
   */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
   * Address Firefox 4+ setting `line-height` on `input` using `!important` in
   * the UA stylesheet.
   */
input {
  line-height: normal; }

/**
   * It's recommended that you don't attempt to style these elements.
   * Firefox's implementation doesn't respect box-sizing, padding, or width.
   *
   * 1. Address box sizing set to `content-box` in IE 8/9/10.
   * 2. Remove excess padding in IE 8/9/10.
   */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Fix the cursor style for Chrome's increment/decrement buttons. For certain
   * `font-size` values of the `input`, it causes the cursor style of the
   * decrement button to change from `default` to `text`.
   */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
   * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
   * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
   */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */ }

/**
   * Remove inner padding and search cancel button in Safari and Chrome on OS X.
   * Safari (but not Chrome) clips the cancel button when the search input has
   * padding (and `textfield` appearance).
   */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
   * Define consistent border, margin, and padding.
   * [NOTE] We don't enable this ruleset in Foundation, because we want the <fieldset> element to have plain styling.
   */
/* fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
  } */
/**
   * 1. Correct `color` not being inherited in IE 8/9/10/11.
   * 2. Remove padding so people aren't caught out if they zero out fieldsets.
   */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
   * Remove default vertical scrollbar in IE 8/9/10/11.
   */
textarea {
  overflow: auto; }

/**
   * Don't inherit the `font-weight` (applied by a rule above).
   * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
   */
optgroup {
  font-weight: bold; }

/* Tables
     ========================================================================== */
/**
   * Remove most spacing between table cells.
   */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.foundation-mq {
  font-family: "small=0em&medium=39.4375em&large=64em&xlarge=75em&xxlarge=90em"; }

html {
  font-size: 100%;
  box-sizing: border-box; }

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

body {
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #0a0a0a;
  background: #fefefe;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0; }

select {
  width: 100%;
  border-radius: 0; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important; }

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  line-height: 1; }
  [data-whatinput='mouse'] button {
    outline: 0; }

.is-visible {
  display: block !important; }

.is-hidden {
  display: none !important; }

.align-right {
  justify-content: flex-end; }

.align-center {
  justify-content: center; }

.align-justify {
  justify-content: space-between; }

.align-spaced {
  justify-content: space-around; }

.align-top {
  align-items: flex-start; }

.align-self-top {
  align-self: flex-start; }

.align-bottom {
  align-items: flex-end; }

.align-self-bottom {
  align-self: flex-end; }

.align-middle {
  align-items: center; }

.align-self-middle {
  align-self: center; }

.align-stretch {
  align-items: stretch; }

.align-self-stretch {
  align-self: stretch; }

.small-order-1 {
  order: 1; }

.small-order-2 {
  order: 2; }

.small-order-3 {
  order: 3; }

.small-order-4 {
  order: 4; }

.small-order-5 {
  order: 5; }

.small-order-6 {
  order: 6; }

@media screen and (min-width: 39.4375em) {
  .medium-order-1 {
    order: 1; }
  .medium-order-2 {
    order: 2; }
  .medium-order-3 {
    order: 3; }
  .medium-order-4 {
    order: 4; }
  .medium-order-5 {
    order: 5; }
  .medium-order-6 {
    order: 6; } }

@media screen and (min-width: 64em) {
  .large-order-1 {
    order: 1; }
  .large-order-2 {
    order: 2; }
  .large-order-3 {
    order: 3; }
  .large-order-4 {
    order: 4; }
  .large-order-5 {
    order: 5; }
  .large-order-6 {
    order: 6; } }

@media screen and (min-width: 75em) {
  .xlarge-order-1 {
    order: 1; }
  .xlarge-order-2 {
    order: 2; }
  .xlarge-order-3 {
    order: 3; }
  .xlarge-order-4 {
    order: 4; }
  .xlarge-order-5 {
    order: 5; }
  .xlarge-order-6 {
    order: 6; } }

@media screen and (min-width: 90em) {
  .xxlarge-order-1 {
    order: 1; }
  .xxlarge-order-2 {
    order: 2; }
  .xxlarge-order-3 {
    order: 3; }
  .xxlarge-order-4 {
    order: 4; }
  .xxlarge-order-5 {
    order: 5; }
  .xxlarge-order-6 {
    order: 6; } }

.row {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: row wrap; }
  .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem; }
    @media screen and (min-width: 39.4375em) {
      .row .row {
        margin-left: -1.25rem;
        margin-right: -1.25rem; } }
  .row.expanded {
    max-width: none; }
  .row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.is-collapse-child,
  .row.collapse > .column > .row,
  .row.collapse > .columns > .row {
    margin-left: 0;
    margin-right: 0; }

.column, .columns {
  flex: 1 1 0px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  min-width: initial; }
  @media screen and (min-width: 39.4375em) {
    .column, .columns {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.column.row.row, .row.row.columns {
  float: none;
  display: block; }

.row .column.row.row, .row .row.row.columns {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0; }

.small-1 {
  flex: 0 0 6.25%;
  max-width: 6.25%; }

.small-offset-0 {
  margin-left: 0%; }

.small-2 {
  flex: 0 0 12.5%;
  max-width: 12.5%; }

.small-offset-1 {
  margin-left: 6.25%; }

.small-3 {
  flex: 0 0 18.75%;
  max-width: 18.75%; }

.small-offset-2 {
  margin-left: 12.5%; }

.small-4 {
  flex: 0 0 25%;
  max-width: 25%; }

.small-offset-3 {
  margin-left: 18.75%; }

.small-5 {
  flex: 0 0 31.25%;
  max-width: 31.25%; }

.small-offset-4 {
  margin-left: 25%; }

.small-6 {
  flex: 0 0 37.5%;
  max-width: 37.5%; }

.small-offset-5 {
  margin-left: 31.25%; }

.small-7 {
  flex: 0 0 43.75%;
  max-width: 43.75%; }

.small-offset-6 {
  margin-left: 37.5%; }

.small-8 {
  flex: 0 0 50%;
  max-width: 50%; }

.small-offset-7 {
  margin-left: 43.75%; }

.small-9 {
  flex: 0 0 56.25%;
  max-width: 56.25%; }

.small-offset-8 {
  margin-left: 50%; }

.small-10 {
  flex: 0 0 62.5%;
  max-width: 62.5%; }

.small-offset-9 {
  margin-left: 56.25%; }

.small-11 {
  flex: 0 0 68.75%;
  max-width: 68.75%; }

.small-offset-10 {
  margin-left: 62.5%; }

.small-12 {
  flex: 0 0 75%;
  max-width: 75%; }

.small-offset-11 {
  margin-left: 68.75%; }

.small-13 {
  flex: 0 0 81.25%;
  max-width: 81.25%; }

.small-offset-12 {
  margin-left: 75%; }

.small-14 {
  flex: 0 0 87.5%;
  max-width: 87.5%; }

.small-offset-13 {
  margin-left: 81.25%; }

.small-15 {
  flex: 0 0 93.75%;
  max-width: 93.75%; }

.small-offset-14 {
  margin-left: 87.5%; }

.small-16 {
  flex: 0 0 100%;
  max-width: 100%; }

.small-offset-15 {
  margin-left: 93.75%; }

.small-order-1 {
  order: 1; }

.small-order-2 {
  order: 2; }

.small-order-3 {
  order: 3; }

.small-order-4 {
  order: 4; }

.small-order-5 {
  order: 5; }

.small-order-6 {
  order: 6; }

.small-up-1 {
  flex-wrap: wrap; }
  .small-up-1 > .column, .small-up-1 > .columns {
    flex: 0 0 100%;
    max-width: 100%; }

.small-up-2 {
  flex-wrap: wrap; }
  .small-up-2 > .column, .small-up-2 > .columns {
    flex: 0 0 50%;
    max-width: 50%; }

.small-up-3 {
  flex-wrap: wrap; }
  .small-up-3 > .column, .small-up-3 > .columns {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }

.small-up-4 {
  flex-wrap: wrap; }
  .small-up-4 > .column, .small-up-4 > .columns {
    flex: 0 0 25%;
    max-width: 25%; }

.small-up-5 {
  flex-wrap: wrap; }
  .small-up-5 > .column, .small-up-5 > .columns {
    flex: 0 0 20%;
    max-width: 20%; }

.small-up-6 {
  flex-wrap: wrap; }
  .small-up-6 > .column, .small-up-6 > .columns {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }

.small-up-7 {
  flex-wrap: wrap; }
  .small-up-7 > .column, .small-up-7 > .columns {
    flex: 0 0 14.28571%;
    max-width: 14.28571%; }

.small-up-8 {
  flex-wrap: wrap; }
  .small-up-8 > .column, .small-up-8 > .columns {
    flex: 0 0 12.5%;
    max-width: 12.5%; }

.small-collapse > .column, .small-collapse > .columns {
  padding-left: 0;
  padding-right: 0; }

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }

@media screen and (min-width: 39.4375em) {
  .medium-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .medium-offset-0 {
    margin-left: 0%; }
  .medium-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .medium-offset-1 {
    margin-left: 6.25%; }
  .medium-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .medium-offset-2 {
    margin-left: 12.5%; }
  .medium-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .medium-offset-3 {
    margin-left: 18.75%; }
  .medium-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .medium-offset-4 {
    margin-left: 25%; }
  .medium-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .medium-offset-5 {
    margin-left: 31.25%; }
  .medium-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .medium-offset-6 {
    margin-left: 37.5%; }
  .medium-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .medium-offset-7 {
    margin-left: 43.75%; }
  .medium-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .medium-offset-8 {
    margin-left: 50%; }
  .medium-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .medium-offset-9 {
    margin-left: 56.25%; }
  .medium-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .medium-offset-10 {
    margin-left: 62.5%; }
  .medium-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .medium-offset-11 {
    margin-left: 68.75%; }
  .medium-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .medium-offset-12 {
    margin-left: 75%; }
  .medium-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .medium-offset-13 {
    margin-left: 81.25%; }
  .medium-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .medium-offset-14 {
    margin-left: 87.5%; }
  .medium-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .medium-offset-15 {
    margin-left: 93.75%; }
  .medium-order-1 {
    order: 1; }
  .medium-order-2 {
    order: 2; }
  .medium-order-3 {
    order: 3; }
  .medium-order-4 {
    order: 4; }
  .medium-order-5 {
    order: 5; }
  .medium-order-6 {
    order: 6; }
  .medium-up-1 {
    flex-wrap: wrap; }
    .medium-up-1 > .column, .medium-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .medium-up-2 {
    flex-wrap: wrap; }
    .medium-up-2 > .column, .medium-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .medium-up-3 {
    flex-wrap: wrap; }
    .medium-up-3 > .column, .medium-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .medium-up-4 {
    flex-wrap: wrap; }
    .medium-up-4 > .column, .medium-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .medium-up-5 {
    flex-wrap: wrap; }
    .medium-up-5 > .column, .medium-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .medium-up-6 {
    flex-wrap: wrap; }
    .medium-up-6 > .column, .medium-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .medium-up-7 {
    flex-wrap: wrap; }
    .medium-up-7 > .column, .medium-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .medium-up-8 {
    flex-wrap: wrap; }
    .medium-up-8 > .column, .medium-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media screen and (min-width: 39.4375em) and (min-width: 39.4375em) {
  .medium-expand {
    flex: 1 1 0px; } }

.row.medium-unstack > .column, .row.medium-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 39.4375em) {
    .row.medium-unstack > .column, .row.medium-unstack > .columns {
      flex: 1 1 0px; } }

@media screen and (min-width: 39.4375em) {
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

@media screen and (min-width: 64em) {
  .large-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .large-offset-0 {
    margin-left: 0%; }
  .large-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .large-offset-1 {
    margin-left: 6.25%; }
  .large-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .large-offset-2 {
    margin-left: 12.5%; }
  .large-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .large-offset-3 {
    margin-left: 18.75%; }
  .large-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .large-offset-4 {
    margin-left: 25%; }
  .large-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .large-offset-5 {
    margin-left: 31.25%; }
  .large-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .large-offset-6 {
    margin-left: 37.5%; }
  .large-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .large-offset-7 {
    margin-left: 43.75%; }
  .large-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .large-offset-8 {
    margin-left: 50%; }
  .large-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .large-offset-9 {
    margin-left: 56.25%; }
  .large-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .large-offset-10 {
    margin-left: 62.5%; }
  .large-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .large-offset-11 {
    margin-left: 68.75%; }
  .large-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .large-offset-12 {
    margin-left: 75%; }
  .large-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .large-offset-13 {
    margin-left: 81.25%; }
  .large-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .large-offset-14 {
    margin-left: 87.5%; }
  .large-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .large-offset-15 {
    margin-left: 93.75%; }
  .large-order-1 {
    order: 1; }
  .large-order-2 {
    order: 2; }
  .large-order-3 {
    order: 3; }
  .large-order-4 {
    order: 4; }
  .large-order-5 {
    order: 5; }
  .large-order-6 {
    order: 6; }
  .large-up-1 {
    flex-wrap: wrap; }
    .large-up-1 > .column, .large-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .large-up-2 {
    flex-wrap: wrap; }
    .large-up-2 > .column, .large-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .large-up-3 {
    flex-wrap: wrap; }
    .large-up-3 > .column, .large-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .large-up-4 {
    flex-wrap: wrap; }
    .large-up-4 > .column, .large-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .large-up-5 {
    flex-wrap: wrap; }
    .large-up-5 > .column, .large-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .large-up-6 {
    flex-wrap: wrap; }
    .large-up-6 > .column, .large-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .large-up-7 {
    flex-wrap: wrap; }
    .large-up-7 > .column, .large-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .large-up-8 {
    flex-wrap: wrap; }
    .large-up-8 > .column, .large-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media screen and (min-width: 64em) and (min-width: 64em) {
  .large-expand {
    flex: 1 1 0px; } }

.row.large-unstack > .column, .row.large-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 64em) {
    .row.large-unstack > .column, .row.large-unstack > .columns {
      flex: 1 1 0px; } }

@media screen and (min-width: 64em) {
  .large-collapse > .column, .large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

@media screen and (min-width: 75em) {
  .xlarge-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xlarge-offset-0 {
    margin-left: 0%; }
  .xlarge-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xlarge-offset-1 {
    margin-left: 6.25%; }
  .xlarge-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xlarge-offset-2 {
    margin-left: 12.5%; }
  .xlarge-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .xlarge-offset-3 {
    margin-left: 18.75%; }
  .xlarge-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xlarge-offset-4 {
    margin-left: 25%; }
  .xlarge-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xlarge-offset-5 {
    margin-left: 31.25%; }
  .xlarge-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xlarge-offset-6 {
    margin-left: 37.5%; }
  .xlarge-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .xlarge-offset-7 {
    margin-left: 43.75%; }
  .xlarge-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xlarge-offset-8 {
    margin-left: 50%; }
  .xlarge-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xlarge-offset-9 {
    margin-left: 56.25%; }
  .xlarge-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xlarge-offset-10 {
    margin-left: 62.5%; }
  .xlarge-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .xlarge-offset-11 {
    margin-left: 68.75%; }
  .xlarge-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xlarge-offset-12 {
    margin-left: 75%; }
  .xlarge-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xlarge-offset-13 {
    margin-left: 81.25%; }
  .xlarge-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xlarge-offset-14 {
    margin-left: 87.5%; }
  .xlarge-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .xlarge-offset-15 {
    margin-left: 93.75%; }
  .xlarge-order-1 {
    order: 1; }
  .xlarge-order-2 {
    order: 2; }
  .xlarge-order-3 {
    order: 3; }
  .xlarge-order-4 {
    order: 4; }
  .xlarge-order-5 {
    order: 5; }
  .xlarge-order-6 {
    order: 6; }
  .xlarge-up-1 {
    flex-wrap: wrap; }
    .xlarge-up-1 > .column, .xlarge-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .xlarge-up-2 {
    flex-wrap: wrap; }
    .xlarge-up-2 > .column, .xlarge-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .xlarge-up-3 {
    flex-wrap: wrap; }
    .xlarge-up-3 > .column, .xlarge-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .xlarge-up-4 {
    flex-wrap: wrap; }
    .xlarge-up-4 > .column, .xlarge-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .xlarge-up-5 {
    flex-wrap: wrap; }
    .xlarge-up-5 > .column, .xlarge-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .xlarge-up-6 {
    flex-wrap: wrap; }
    .xlarge-up-6 > .column, .xlarge-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .xlarge-up-7 {
    flex-wrap: wrap; }
    .xlarge-up-7 > .column, .xlarge-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .xlarge-up-8 {
    flex-wrap: wrap; }
    .xlarge-up-8 > .column, .xlarge-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media screen and (min-width: 75em) and (min-width: 75em) {
  .xlarge-expand {
    flex: 1 1 0px; } }

.row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 75em) {
    .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns {
      flex: 1 1 0px; } }

@media screen and (min-width: 75em) {
  .xlarge-collapse > .column, .xlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

@media screen and (min-width: 90em) {
  .xxlarge-1 {
    flex: 0 0 6.25%;
    max-width: 6.25%; }
  .xxlarge-offset-0 {
    margin-left: 0%; }
  .xxlarge-2 {
    flex: 0 0 12.5%;
    max-width: 12.5%; }
  .xxlarge-offset-1 {
    margin-left: 6.25%; }
  .xxlarge-3 {
    flex: 0 0 18.75%;
    max-width: 18.75%; }
  .xxlarge-offset-2 {
    margin-left: 12.5%; }
  .xxlarge-4 {
    flex: 0 0 25%;
    max-width: 25%; }
  .xxlarge-offset-3 {
    margin-left: 18.75%; }
  .xxlarge-5 {
    flex: 0 0 31.25%;
    max-width: 31.25%; }
  .xxlarge-offset-4 {
    margin-left: 25%; }
  .xxlarge-6 {
    flex: 0 0 37.5%;
    max-width: 37.5%; }
  .xxlarge-offset-5 {
    margin-left: 31.25%; }
  .xxlarge-7 {
    flex: 0 0 43.75%;
    max-width: 43.75%; }
  .xxlarge-offset-6 {
    margin-left: 37.5%; }
  .xxlarge-8 {
    flex: 0 0 50%;
    max-width: 50%; }
  .xxlarge-offset-7 {
    margin-left: 43.75%; }
  .xxlarge-9 {
    flex: 0 0 56.25%;
    max-width: 56.25%; }
  .xxlarge-offset-8 {
    margin-left: 50%; }
  .xxlarge-10 {
    flex: 0 0 62.5%;
    max-width: 62.5%; }
  .xxlarge-offset-9 {
    margin-left: 56.25%; }
  .xxlarge-11 {
    flex: 0 0 68.75%;
    max-width: 68.75%; }
  .xxlarge-offset-10 {
    margin-left: 62.5%; }
  .xxlarge-12 {
    flex: 0 0 75%;
    max-width: 75%; }
  .xxlarge-offset-11 {
    margin-left: 68.75%; }
  .xxlarge-13 {
    flex: 0 0 81.25%;
    max-width: 81.25%; }
  .xxlarge-offset-12 {
    margin-left: 75%; }
  .xxlarge-14 {
    flex: 0 0 87.5%;
    max-width: 87.5%; }
  .xxlarge-offset-13 {
    margin-left: 81.25%; }
  .xxlarge-15 {
    flex: 0 0 93.75%;
    max-width: 93.75%; }
  .xxlarge-offset-14 {
    margin-left: 87.5%; }
  .xxlarge-16 {
    flex: 0 0 100%;
    max-width: 100%; }
  .xxlarge-offset-15 {
    margin-left: 93.75%; }
  .xxlarge-order-1 {
    order: 1; }
  .xxlarge-order-2 {
    order: 2; }
  .xxlarge-order-3 {
    order: 3; }
  .xxlarge-order-4 {
    order: 4; }
  .xxlarge-order-5 {
    order: 5; }
  .xxlarge-order-6 {
    order: 6; }
  .xxlarge-up-1 {
    flex-wrap: wrap; }
    .xxlarge-up-1 > .column, .xxlarge-up-1 > .columns {
      flex: 0 0 100%;
      max-width: 100%; }
  .xxlarge-up-2 {
    flex-wrap: wrap; }
    .xxlarge-up-2 > .column, .xxlarge-up-2 > .columns {
      flex: 0 0 50%;
      max-width: 50%; }
  .xxlarge-up-3 {
    flex-wrap: wrap; }
    .xxlarge-up-3 > .column, .xxlarge-up-3 > .columns {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
  .xxlarge-up-4 {
    flex-wrap: wrap; }
    .xxlarge-up-4 > .column, .xxlarge-up-4 > .columns {
      flex: 0 0 25%;
      max-width: 25%; }
  .xxlarge-up-5 {
    flex-wrap: wrap; }
    .xxlarge-up-5 > .column, .xxlarge-up-5 > .columns {
      flex: 0 0 20%;
      max-width: 20%; }
  .xxlarge-up-6 {
    flex-wrap: wrap; }
    .xxlarge-up-6 > .column, .xxlarge-up-6 > .columns {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
  .xxlarge-up-7 {
    flex-wrap: wrap; }
    .xxlarge-up-7 > .column, .xxlarge-up-7 > .columns {
      flex: 0 0 14.28571%;
      max-width: 14.28571%; }
  .xxlarge-up-8 {
    flex-wrap: wrap; }
    .xxlarge-up-8 > .column, .xxlarge-up-8 > .columns {
      flex: 0 0 12.5%;
      max-width: 12.5%; } }

@media screen and (min-width: 90em) and (min-width: 90em) {
  .xxlarge-expand {
    flex: 1 1 0px; } }

.row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
  flex: 0 0 100%; }
  @media screen and (min-width: 90em) {
    .row.xxlarge-unstack > .column, .row.xxlarge-unstack > .columns {
      flex: 1 1 0px; } }

@media screen and (min-width: 90em) {
  .xxlarge-collapse > .column, .xxlarge-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .xxlarge-uncollapse > .column, .xxlarge-uncollapse > .columns {
    padding-left: 1.25rem;
    padding-right: 1.25rem; } }

.shrink {
  flex: 0 0 auto;
  max-width: 100%; }

.column.align-top, .align-top.columns {
  align-self: flex-start; }

.column.align-bottom, .align-bottom.columns {
  align-self: flex-end; }

.column.align-middle, .align-middle.columns {
  align-self: center; }

.column.align-stretch, .align-stretch.columns {
  align-self: stretch; }

.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (max-width: 39.375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 39.4375em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 39.4375em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 39.4375em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important; } }

@media screen and (max-width: 74.9375em) {
  .show-for-xlarge {
    display: none !important; } }

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .hide-for-xlarge-only {
    display: none !important; } }

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important; } }

@media screen and (min-width: 90em) {
  .hide-for-xxlarge {
    display: none !important; } }

@media screen and (max-width: 89.9375em) {
  .show-for-xxlarge {
    display: none !important; } }

@media screen and (min-width: 90em) {
  .hide-for-xxlarge-only {
    display: none !important; } }

@media screen and (max-width: 89.9375em) {
  .show-for-xxlarge-only {
    display: none !important; } }

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0); }

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  height: auto;
  width: auto;
  overflow: visible;
  clip: auto; }

.show-for-landscape,
.hide-for-portrait {
  display: block !important; }
  @media screen and (orientation: landscape) {
    .show-for-landscape,
    .hide-for-portrait {
      display: block !important; } }
  @media screen and (orientation: portrait) {
    .show-for-landscape,
    .hide-for-portrait {
      display: none !important; } }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }
  @media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
      display: none !important; } }
  @media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
      display: block !important; } }

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

p {
  font-size: inherit;
  line-height: 1.6;
  margin-bottom: 1rem;
  text-rendering: optimizeLegibility; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 80%;
  line-height: inherit; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    color: #cacaca;
    line-height: 0; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.25rem; }

h3 {
  font-size: 1.1875rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.0625rem; }

h6 {
  font-size: 1rem; }

@media screen and (min-width: 39.4375em) {
  h1 {
    font-size: 3rem; }
  h2 {
    font-size: 2.5rem; }
  h3 {
    font-size: 1.9375rem; }
  h4 {
    font-size: 1.5625rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; } }

a {
  color: #2199e8;
  text-decoration: none;
  line-height: inherit;
  cursor: pointer; }
  a:hover, a:focus {
    color: #1585cf; }
  a img {
    border: 0; }

hr {
  max-width: 75rem;
  height: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
  margin: 1.25rem auto;
  clear: both; }

ul,
ol,
dl {
  line-height: 1.6;
  margin-bottom: 1rem;
  list-style-position: outside; }

li {
  font-size: inherit; }

ul {
  list-style-type: disc;
  margin-left: 1.25rem; }

ol {
  margin-left: 1.25rem; }

ul ul, ol ul, ul ol, ol ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

dl {
  margin-bottom: 1rem; }
  dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold; }

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #cacaca; }
  blockquote, blockquote p {
    line-height: 1.6;
    color: #8a8a8a; }

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a; }
  cite:before {
    content: '\2014    '; }

abbr {
  color: #0a0a0a;
  cursor: help;
  border-bottom: 1px dotted #0a0a0a; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
  background-color: #e6e6e6;
  border: 1px solid #cacaca;
  padding: 0.125rem 0.3125rem 0.0625rem; }

kbd {
  padding: 0.125rem 0.25rem 0;
  margin: 0;
  background-color: #e6e6e6;
  color: #0a0a0a;
  font-family: Consolas, "Liberation Mono", Courier, monospace; }

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a; }

.lead, .l-content.focus-group-participate .focus-group-description {
  font-size: 125%;
  line-height: 1.6; }

.stat {
  font-size: 2.5rem;
  line-height: 1; }
  p + .stat {
    margin-top: -1rem; }

.no-bullet {
  margin-left: 0;
  list-style: none; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

.text-justify {
  text-align: justify; }

@media screen and (min-width: 39.4375em) {
  .medium-text-left {
    text-align: left; }
  .medium-text-right {
    text-align: right; }
  .medium-text-center {
    text-align: center; }
  .medium-text-justify {
    text-align: justify; } }

@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left; }
  .large-text-right {
    text-align: right; }
  .large-text-center {
    text-align: center; }
  .large-text-justify {
    text-align: justify; } }

@media screen and (min-width: 75em) {
  .xlarge-text-left {
    text-align: left; }
  .xlarge-text-right {
    text-align: right; }
  .xlarge-text-center {
    text-align: center; }
  .xlarge-text-justify {
    text-align: justify; } }

@media screen and (min-width: 90em) {
  .xxlarge-text-left {
    text-align: left; }
  .xxlarge-text-right {
    text-align: right; }
  .xxlarge-text-center {
    text-align: center; }
  .xxlarge-text-justify {
    text-align: justify; } }

.show-for-print {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  .show-for-print {
    display: block !important; }
  .hide-for-print {
    display: none !important; }
  table.show-for-print {
    display: table !important; }
  thead.show-for-print {
    display: table-header-group !important; }
  tbody.show-for-print {
    display: table-row-group !important; }
  tr.show-for-print {
    display: table-row !important; }
  td.show-for-print {
    display: table-cell !important; }
  th.show-for-print {
    display: table-cell !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: ''; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-center {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.clearfix::before, .clearfix::after {
  content: ' ';
  display: table; }

.clearfix::after {
  clear: both; }

.callout {
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(10, 10, 10, 0.25);
  border-radius: 0;
  position: relative;
  color: #0a0a0a;
  background-color: white; }
  .callout > :first-child {
    margin-top: 0; }
  .callout > :last-child {
    margin-bottom: 0; }
  .callout.primary {
    background-color: #def0fc; }
  .callout.secondary {
    background-color: #ebebeb; }
  .callout.success, .callout.tag.tag-highlight.success {
    background-color: #e1faea; }
  .callout.warning, .callout.tag.tag-highlight.warning {
    background-color: #fff3d9; }
  .callout.alert {
    background-color: #fce6e2; }
  .callout.small {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem; }
  .callout.large {
    padding-top: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem; }

/* Internet Explorer 10/11 mixin */
@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 300;
  src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 400;
  src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 400;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 500;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 500;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 700;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 700;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

html, body {
  height: 100%;
  width: 100%; }

body {
  /* Without this, the body has excess horizontal scroll when the menu is open */
  overflow-x: hidden;
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 39.4375em) {
    body {
      /* On large displays we want the whole page to scroll, not just the content area */
      overflow: auto; } }

#app-wrapper {
  height: 100%;
  width: 100%; }

.l-app {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #F6F7F9; }
  .l-app.pap0 {
    background-color: #F6F7F9; }

.side-drawer-container {
  position: absolute;
  top: 0;
  left: 0;
  display: none; }
  @media screen and (max-width: 63.9375em) {
    .side-drawer-container.visible {
      display: block; }
      .side-drawer-container.visible.right {
        right: 0;
        left: auto;
        padding-top: 16px;
        width: 80%;
        background-color: #FFFFFF;
        height: 100%;
        overflow-y: auto;
        z-index: 600; }
      .side-drawer-container.visible.right-nav {
        background: #F6F7F9;
        padding: 16px; } }
  .side-drawer-container.left {
    width: 80%;
    height: 100%; }

/* Site Wrapper - Everything that isn't side navigation or help drawer */
.l-site-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  z-index: 400; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .l-site-wrap {
      display: block; } }
  @media screen and (min-width: 39.4375em) {
    .l-site-wrap {
      position: relative;
      overflow: auto; } }
  @media screen and (max-width: 63.9375em) {
    .l-site-wrap.scrolled.left {
      left: 80%;
      box-shadow: -4px 0 16px #000630; }
    .l-site-wrap.scrolled.right {
      left: -80%; }
    .l-site-wrap.scrolled.down {
      top: 120px; } }
  .l-site-wrap.expanded .l-content {
    padding-top: 0;
    height: 100%;
    flex-shrink: 1; }
  .l-site-wrap .drawer-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: rgba(0, 6, 48, 0.93);
    transition: opacity 0.4s ease-in 0.2s; }

.l-content {
  overflow: auto;
  overflow-x: hidden;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 32px 0 96px 0; }
  @media screen and (min-width: 39.4375em) {
    .l-content {
      flex-shrink: 0; } }

.l-content-centered {
  display: flex;
  flex-direction: column;
  position: relative; }
  .l-content-centered > * {
    margin-top: auto;
    margin-bottom: auto; }

.l-swipeable-screen-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .l-swipeable-screen-wrapper .l-inner-screen-wrapper {
    position: relative;
    left: 0;
    float: left; }
    @media screen and (max-width: 39.375em) {
      .l-swipeable-screen-wrapper .l-inner-screen-wrapper {
        transition: all 0.5s; } }

.screens > div {
  position: relative; }

.screens > div > div {
  position: absolute;
  overflow: auto; }
  @media screen and (max-width: 39.375em) {
    .screens > div > div {
      max-width: 100%; } }
  @media screen and (min-width: 39.4375em) {
    .screens > div > div {
      position: relative; } }

@media screen and (max-width: 39.375em) {
  .background-enter {
    transform: translate(100%); }
  .background-enter.background-enter-active {
    transform: translate(0%);
    transition: transform 500ms ease-in-out; }
  .background-leave {
    transform: translate(0%); }
  .background-leave.background-leave-active {
    transform: translate(-100%);
    transition: transform 500ms ease-in-out; }
  .back .background-enter {
    transform: translate(-100%); }
  .back .background-enter.background-enter-active {
    transform: translate(0%);
    transition: transform 500ms ease-in-out; }
  .back .background-leave {
    transform: translate(0%); }
  .back .background-leave.background-leave-active {
    transform: translate(100%);
    transition: transform 500ms ease-in-out; } }

.screen-back-link {
  text-align: left;
  padding-top: 8px;
  margin-bottom: 0; }

html, body {
  font-size: 16px;
  font-family: "Overpass", "system", Arial, sans-serif;
  color: #727273;
  background-color: #F6F7F9; }

a {
  color: #23B3F1;
  text-decoration: none;
  transition: color 0.1s ease-out; }
  a:hover {
    color: #23B3F1;
    text-decoration: none; }

ul {
  list-style: none;
  margin: 0;
  line-height: inherit; }

button {
  outline: 0; }
  button button:focus,
  button button:active {
    outline: 0; }

.success, .tag.tag-highlight.success {
  background-color: #00C66C; }

.warning, .tag.tag-highlight.warning {
  background-color: #FEB118; }

.danger, .tag.tag-highlight.danger {
  background-color: #A70045; }

.shadow-box {
  background: white;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.2); }

.bs-close, .comment .avatar, .comment .comment-body, .comment.in-place .badge, .message-timeline .message, .survey .post-feedback .resources, .single-entry-modal .header-bottom .comments-toggle, .single-entry-modal .entry-content .revision-image .comment-pin, .presentations .revision-results-modal .comment-pin, .presentations .revision-results-modal .presentation-comment .comment-wrapper, .registration.client.step2 form, .registration.creative.step2 .account-form, .pap-item-box, .color-choices .tile.read-only:hover, .color-choices .pap-review .read-only.review-row:hover, .pap-review .color-choices .read-only.review-row:hover, .color-choices .read-only.admin-island:hover, .color-choices .admin-edit-brief .brief-section .read-only.item.review:hover, .admin-edit-brief .brief-section .color-choices .read-only.item.review:hover, .color-choices .marketing-tools .read-only.box:hover, .marketing-tools .color-choices .read-only.box:hover, .color-choices .email-automations .table-default tbody tr.read-only:hover, .email-automations .table-default tbody .color-choices tr.read-only:hover, .color-choices .block.block-stats .read-only.stat-box:hover, .block.block-stats .color-choices .read-only.stat-box:hover, .color-choices .tile.read-only:focus, .color-choices .pap-review .read-only.review-row:focus, .pap-review .color-choices .read-only.review-row:focus, .color-choices .read-only.admin-island:focus, .color-choices .admin-edit-brief .brief-section .read-only.item.review:focus, .admin-edit-brief .brief-section .color-choices .read-only.item.review:focus, .color-choices .marketing-tools .read-only.box:focus, .marketing-tools .color-choices .read-only.box:focus, .color-choices .email-automations .table-default tbody tr.read-only:focus, .email-automations .table-default tbody .color-choices tr.read-only:focus, .color-choices .block.block-stats .read-only.stat-box:focus, .block.block-stats .color-choices .read-only.stat-box:focus, .grid-selector .tile.read-only:hover, .grid-selector .pap-review .read-only.review-row:hover, .pap-review .grid-selector .read-only.review-row:hover, .grid-selector .read-only.admin-island:hover, .grid-selector .admin-edit-brief .brief-section .read-only.item.review:hover, .admin-edit-brief .brief-section .grid-selector .read-only.item.review:hover, .grid-selector .marketing-tools .read-only.box:hover, .marketing-tools .grid-selector .read-only.box:hover, .grid-selector .email-automations .table-default tbody tr.read-only:hover, .email-automations .table-default tbody .grid-selector tr.read-only:hover, .grid-selector .block.block-stats .read-only.stat-box:hover, .block.block-stats .grid-selector .read-only.stat-box:hover, .grid-selector .tile.read-only:focus, .grid-selector .pap-review .read-only.review-row:focus, .pap-review .grid-selector .read-only.review-row:focus, .grid-selector .read-only.admin-island:focus, .grid-selector .admin-edit-brief .brief-section .read-only.item.review:focus, .admin-edit-brief .brief-section .grid-selector .read-only.item.review:focus, .grid-selector .marketing-tools .read-only.box:focus, .marketing-tools .grid-selector .read-only.box:focus, .grid-selector .email-automations .table-default tbody tr.read-only:focus, .email-automations .table-default tbody .grid-selector tr.read-only:focus, .grid-selector .block.block-stats .read-only.stat-box:focus, .block.block-stats .grid-selector .read-only.stat-box:focus,
.features-selector .tile.read-only:hover, .features-selector .pap-review .read-only.review-row:hover, .pap-review .features-selector .read-only.review-row:hover, .features-selector .read-only.admin-island:hover, .features-selector .admin-edit-brief .brief-section .read-only.item.review:hover, .admin-edit-brief .brief-section .features-selector .read-only.item.review:hover, .features-selector .marketing-tools .read-only.box:hover, .marketing-tools .features-selector .read-only.box:hover, .features-selector .email-automations .table-default tbody tr.read-only:hover, .email-automations .table-default tbody .features-selector tr.read-only:hover, .features-selector .block.block-stats .read-only.stat-box:hover, .block.block-stats .features-selector .read-only.stat-box:hover,
.features-selector .tile.read-only:focus, .features-selector .pap-review .read-only.review-row:focus, .pap-review .features-selector .read-only.review-row:focus, .features-selector .read-only.admin-island:focus, .features-selector .admin-edit-brief .brief-section .read-only.item.review:focus, .admin-edit-brief .brief-section .features-selector .read-only.item.review:focus, .features-selector .marketing-tools .read-only.box:focus, .marketing-tools .features-selector .read-only.box:focus, .features-selector .email-automations .table-default tbody tr.read-only:focus, .email-automations .table-default tbody .features-selector tr.read-only:focus, .features-selector .block.block-stats .read-only.stat-box:focus, .block.block-stats .features-selector .read-only.stat-box:focus, .help-page form.help-search input.help-search-box, .contact-page .contact-form, .focus-group-comment .comment-wrapper, .email-automation-details .details-metrics .box, .email-automation-details .email-box, .marketing .block.block-comparison .comparison-table, .block.block-reviews .item, .block.block-select-package-subcat img, .marketing.home .hero-content .block-brand .item, .marketing.home .hero-content .block-easy-to-start .easy-to-start, .marketing.case_studies .block-case-studies .item {
  box-shadow: 0 2px 4px rgba(114, 114, 115, 0.25); }

.bs-far, .l-header .header-top .user-tools .avatar-dropdown, .comments-dialog .modal-content, .dropdown .dropdown-menu, .wrapup .progress-bar .tooltip, .help-page form.help-search input.help-search-box:hover {
  box-shadow: 0 16px 32px rgba(114, 114, 115, 0.2); }

.bold {
  font-weight: 700; }

.break-for-medium-up {
  display: none; }
  @media screen and (min-width: 39.4375em) {
    .break-for-medium-up {
      display: inline; } }

.relative {
  position: relative; }

.columns.no-padding {
  padding: 0; }

.columns.no-padding-left {
  padding-left: 0; }

.columns .no-padding-right {
  padding-right: 0; }

.mega {
  font-size: 47.77574px; }

h1, h2, h3, h4, h5 {
  font-family: "Overpass", "system", Arial, sans-serif;
  color: #262626; }

h1 {
  font-size: 33.1776px;
  font-weight: 700; }
  @media screen and (min-width: 39.4375em) {
    h1 {
      font-size: 39.81312px; } }

h2 {
  font-size: 27.648px;
  font-weight: 600; }

h3 {
  font-size: 23.04px;
  font-weight: 600; }

h4 {
  font-size: 19.2px;
  font-weight: 600; }

h5 {
  font-size: 16px;
  font-weight: 700; }

p {
  font-size: 16px;
  margin-bottom: 8px; }

.dollar-sign {
  position: relative;
  top: -0.25em;
  font-size: 70%; }
  .dollar-sign.small {
    top: -1em;
    font-size: 40%; }

.text-success, .label.label-success, .email-automation-details .details-metrics .label-success.stat-label {
  color: #00C66C !important; }

.text-danger, .label.label-danger, .email-automation-details .details-metrics .label-danger.stat-label {
  color: #A70045 !important; }

.text-warning, .label.label-warning, .email-automation-details .details-metrics .label-warning.stat-label {
  color: #FEB118 !important; }

.text-light {
  color: #979899 !important; }

.text-highlight {
  font-weight: 600;
  color: #DD0268; }

strong {
  font-weight: 600; }

.top-drawer-container {
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none; }
  .top-drawer-container .help-drawer {
    padding: 16px;
    font-size: 19.2px;
    text-align: center; }
    .top-drawer-container .help-drawer a {
      font-weight: 600; }
  .top-drawer-container .help-drawer-mobile {
    text-align: center;
    padding-bottom: 8px;
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height .1s; }
    .top-drawer-container .help-drawer-mobile span {
      display: block; }
  .top-drawer-container .help-drawer-desktop {
    display: none; }
    @media screen and (min-width: 39.4375em) {
      .top-drawer-container .help-drawer-desktop {
        display: block; } }
  @media screen and (max-width: 63.9375em) {
    .top-drawer-container.visible {
      display: block; }
      .top-drawer-container.visible .help-drawer-mobile {
        max-height: 5000px;
        transition: max-height .1s; } }

.l-header {
  background: #000630;
  width: 100%;
  top: 0;
  left: 0;
  position: relative;
  flex-shrink: 0; }
  .l-header.top-only .header-middle,
  .l-header.top-only .header-bottom {
    display: none; }
  .l-header.top-only .header-bottom {
    display: none; }
  .l-header .nav-trigger {
    display: inline-block;
    padding: 8px 0 0;
    position: relative;
    left: 0; }
  .l-header.collapsed .header-top,
  .l-header.collapsed .header-middle {
    max-height: 0;
    padding: 0; }
  .l-header.show-avatar-menu .header-top {
    overflow: visible; }
  .l-header .header-top {
    position: relative;
    background: #161C4A;
    transition: max-height 0.1s ease-in 0s;
    max-height: 1000px;
    overflow: hidden; }
    .l-header .header-top .nav-trigger {
      display: inline-block;
      padding: 8px 0 0;
      position: relative;
      left: 0; }
      .l-header .header-top .nav-trigger .svg-icon svg g {
        fill: rgba(255, 255, 255, 0.5); }
    .l-header .header-top .cs-logo a {
      display: block;
      padding-top: 8px; }
    .l-header .header-top .cs-logo.standard .svg-logo {
      max-width: 140px;
      margin: 0 auto; }
      @media screen and (min-width: 39.4375em) {
        .l-header .header-top .cs-logo.standard .svg-logo {
          margin: 0; } }
      .l-header .header-top .cs-logo.standard .svg-logo svg {
        width: 100%; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .l-header .header-top .cs-logo.standard .svg-logo svg {
            height: 24px; } }
    .l-header .header-top .cs-logo.logged-in .svg-logo {
      max-width: 38px;
      margin: 0 auto; }
      @media screen and (min-width: 64em) {
        .l-header .header-top .cs-logo.logged-in .svg-logo {
          width: 38px; } }
      .l-header .header-top .cs-logo.logged-in .svg-logo svg {
        width: 100%; }
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
          .l-header .header-top .cs-logo.logged-in .svg-logo svg {
            height: 27px; } }
    .l-header .header-top .top-navigation {
      display: none; }
      @media screen and (min-width: 39.4375em) {
        .l-header .header-top .top-navigation {
          overflow: hidden;
          float: left;
          display: block;
          padding-top: 8px;
          width: 100%; } }
      .l-header .header-top .top-navigation ul {
        padding: 0 0 8px 0; }
        @media screen and (min-width: 64em) {
          .l-header .header-top .top-navigation ul {
            padding: 0; } }
      .l-header .header-top .top-navigation .nav-item {
        display: inline-block;
        font-size: 13.328px;
        font-weight: 600;
        color: #DD0268;
        margin-right: 24px; }
        @media screen and (min-width: 40em) {
          .l-header .header-top .top-navigation .nav-item {
            margin-right: 32px; } }
        @media screen and (min-width: 64em) {
          .l-header .header-top .top-navigation .nav-item.right {
            float: right;
            padding-top: 4px;
            margin-right: 0;
            margin-left: 32px; } }
        .l-header .header-top .top-navigation .nav-item a {
          color: #FFFFFF;
          transition: color ease-out 0.1s; }
          .l-header .header-top .top-navigation .nav-item a:hover {
            color: #23B3F1;
            text-decoration: none; }
        .l-header .header-top .top-navigation .nav-item.active {
          color: #23B3F1; }
    .l-header .header-top .login-nav {
      padding-top: 4px; }
      .l-header .header-top .login-nav a {
        display: inline-block;
        padding: 4px 0 4px 8px;
        color: #FFFFFF;
        font-weight: 600; }
    .l-header .header-top .btn-help {
      float: right;
      margin-top: 4px;
      color: #FFFFFF; }
    .l-header .header-top .help-drawer {
      color: rgba(255, 255, 255, 0.5);
      margin: 8px 0;
      text-align: right; }
      .l-header .header-top .help-drawer .tel {
        font-weight: 600;
        color: #FFFFFF; }
      .l-header .header-top .help-drawer a {
        font-weight: 600; }
      .l-header .header-top .help-drawer.help-drawer-desktop {
        display: none; }
        @media screen and (min-width: 39.4375em) {
          .l-header .header-top .help-drawer.help-drawer-desktop {
            display: block; } }
    .l-header .header-top .user-tools {
      text-align: right;
      position: relative; }
      .l-header .header-top .user-tools .notifications {
        display: inline-block;
        vertical-align: top;
        margin-top: 4px; }
        .l-header .header-top .user-tools .notifications .badge {
          display: inline-block;
          position: relative;
          top: -4px;
          margin: 0 16px 0 -4px; }
        .l-header .header-top .user-tools .notifications i.svg-icon svg g {
          fill: white; }
        .l-header .header-top .user-tools .notifications i.svg-icon.inactive svg g {
          fill: rgba(255, 255, 255, 0.3); }
        .l-header .header-top .user-tools .notifications i.svg-icon.inactive:hover svg g {
          fill: white; }
      .l-header .header-top .user-tools .avatar-btn {
        display: inline-block;
        vertical-align: top;
        position: relative;
        top: 6px;
        cursor: pointer; }
      .l-header .header-top .user-tools .profile-tools {
        display: inline-block; }
      .l-header .header-top .user-tools .avatar-dropdown {
        position: absolute;
        z-index: 10000;
        right: 0;
        padding: 8px 24px;
        background: #FFFFFF;
        border-radius: 4px; }
        .l-header .header-top .user-tools .avatar-dropdown a {
          font-size: 19.2px;
          color: #727273;
          font-weight: 600; }
  .l-header .header-middle {
    transition: max-height 0.1s ease-in 0s;
    max-height: 1000px;
    overflow: hidden; }
    @media screen and (min-width: 39.4375em) {
      .l-header .header-middle {
        padding: 64px 0 80px; } }
    .l-header .header-middle .middle-left-title {
      text-align: left;
      margin: 0;
      font-weight: 300;
      color: #FFFFFF;
      font-size: 23.04px;
      padding: 8px 0; }
      @media screen and (min-width: 39.4375em) {
        .l-header .header-middle .middle-left-title {
          font-size: 33.1776px;
          padding: 0; } }
    .l-header .header-middle .middle-left-subtitle {
      color: rgba(255, 255, 255, 0.5);
      font-size: 19.2px;
      font-weight: normal; }
      @media screen and (min-width: 39.4375em) {
        .l-header .header-middle .middle-left-subtitle {
          font-size: 23.04px; } }
    .l-header .header-middle .middle-right-title {
      font-size: 19.2px;
      padding-top: 16px;
      color: #FFFFFF;
      text-align: right; }
    .l-header .header-middle .middle-right-action {
      text-align: right; }
      .l-header .header-middle .middle-right-action a.btn {
        display: inline-block; }
  @media screen and (min-width: 64em) {
    .l-header .header-bottom {
      padding: 0;
      position: absolute;
      bottom: 0;
      width: 100%; } }
  .l-header .header-bottom .header-navigation {
    text-align: left; }
    @media screen and (min-width: 39.4375em) {
      .l-header .header-bottom .header-navigation {
        position: absolute;
        bottom: 0; } }
  .l-header .header-bottom .header-controls .button-wrapper {
    float: right;
    margin-left: 8px; }
    @media screen and (min-width: 39.4375em) {
      .l-header .header-bottom .header-controls .button-wrapper {
        position: relative;
        padding-bottom: 8px; } }
    .l-header .header-bottom .header-controls .button-wrapper .btn .svg-icon g {
      fill: rgba(255, 255, 255, 0.5);
      transition: fill ease-out 0.2s; }
    .l-header .header-bottom .header-controls .button-wrapper .btn.selected {
      color: #FFFFFF; }
      .l-header .header-bottom .header-controls .button-wrapper .btn.selected svg g {
        fill: #FFFFFF; }
    .l-header .header-bottom .header-controls .button-wrapper .btn:hover .svg-icon g, .l-header .header-bottom .header-controls .button-wrapper .btn:active .svg-icon g {
      fill: #FFFFFF; }
  .l-header .header-bottom .tab-wrapper .tab-item {
    display: inline-block;
    position: relative;
    padding-bottom: 4px;
    overflow: visible; }
    .l-header .header-bottom .tab-wrapper .tab-item a,
    .l-header .header-bottom .tab-wrapper .tab-item .dropdown-menu-toggle {
      font-size: 13.328px;
      font-weight: 800;
      color: #FFFFFF;
      text-transform: uppercase; }
      .l-header .header-bottom .tab-wrapper .tab-item a:hover,
      .l-header .header-bottom .tab-wrapper .tab-item .dropdown-menu-toggle:hover {
        color: #23B3F1; }
    .l-header .header-bottom .tab-wrapper .tab-item.selected {
      border-bottom: 3px solid #DD0268; }
      .l-header .header-bottom .tab-wrapper .tab-item.selected a,
      .l-header .header-bottom .tab-wrapper .tab-item.selected .selected-item,
      .l-header .header-bottom .tab-wrapper .tab-item.selected .dropdown-menu-toggle {
        color: #23B3F1; }
      .l-header .header-bottom .tab-wrapper .tab-item.selected .dropdown-menu-toggle:after {
        color: #23B3F1; }
    .l-header .header-bottom .tab-wrapper .tab-item .dropdown .dropdown-menu-toggle {
      padding-right: 16px; }
    .l-header .header-bottom .tab-wrapper .tab-item .dropdown .dropdown-menu {
      top: 28px; }
      .l-header .header-bottom .tab-wrapper .tab-item .dropdown .dropdown-menu .dropdown-item {
        margin-right: 0; }
  .l-header .dropdown.dropdown-tabs .dropdown-target {
    color: white;
    padding: 16px 0 8px; }
    .l-header .dropdown.dropdown-tabs .dropdown-target:after {
      top: 16px;
      color: #DD0268; }
  .l-header .dropdown.dropdown-tabs .dropdown-menu {
    left: 0; }
  .l-header ul.sub-items {
    margin-left: 0;
    padding-left: 24px; }
  .l-header .header-tabs li .dropdown-wrapper {
    position: relative; }
  .l-header .header-tabs li:hover > .dropdown-wrapper ul {
    display: block;
    position: absolute;
    background: #FFFFFF;
    z-index: 10000; }
  .l-header .header-tabs li > .dropdown-wrapper ul {
    display: none; }

.l-site-wrap .l-footer {
  display: none; }
  @media screen and (min-width: 39.4375em) {
    .l-site-wrap .l-footer {
      display: block; } }
  .l-site-wrap .l-footer .footer-links {
    margin-left: 0; }

.l-footer {
  background: #161C4A;
  text-align: center;
  padding: 16px 0;
  font-size: 13.328px;
  flex-shrink: 0; }
  .l-footer p {
    margin: 4px 0;
    color: #FFFFFF;
    font-size: inherit; }
    .l-footer p a {
      display: inline-block;
      margin-right: 16px; }
  .l-footer a {
    color: #FFFFFF;
    font-weight: 600;
    transition: all ease-out 0.2s; }
    .l-footer a:hover, .l-footer a:active {
      text-decoration: none;
      color: #23B3F1; }
  @media screen and (min-width: 39.4375em) {
    .l-footer {
      display: block; }
      .l-footer p {
        text-align: left; } }
  .l-footer .social-links li {
    display: inline-block;
    margin: 0 0 0 16px; }
    .l-footer .social-links li a {
      font-size: 27.648px; }
  @media screen and (min-width: 39.4375em) {
    .l-footer .social-links {
      text-align: right; } }

.footer-links li {
  margin: 4px 0; }

@media screen and (min-width: 39.4375em) {
  .footer-links {
    text-align: left; }
    .footer-links li {
      display: inline-block;
      margin-right: 32px; } }

.side-navigation .footer {
  display: block;
  position: absolute;
  bottom: 0;
  background: transparent; }

.side-drawer-container {
  background: #161C4A; }
  .side-drawer-container.left .side-navigation .cs-logo svg {
    width: 100%; }
  .side-drawer-container.left .side-navigation .cs-logo.logged-in {
    margin: 16px auto;
    max-width: 64px; }
  .side-drawer-container.left .side-navigation .cs-logo.standard {
    margin: 16px auto;
    max-width: 60%; }
  .side-drawer-container.left .side-navigation .primary-nav {
    margin: 0;
    padding: 16px;
    width: 100%;
    border-bottom: 2px solid #000630; }
  .side-drawer-container.left .side-navigation .nav-item-side {
    display: block;
    font-size: 19.2px;
    font-weight: 600;
    padding: 8px 0; }
    .side-drawer-container.left .side-navigation .nav-item-side a {
      color: #FFFFFF; }
      .side-drawer-container.left .side-navigation .nav-item-side a:hover, .side-drawer-container.left .side-navigation .nav-item-side a:active, .side-drawer-container.left .side-navigation .nav-item-side a:focus {
        color: #FFFFFF; }
  .side-drawer-container.left .side-navigation .l-footer {
    text-align: left; }
    .side-drawer-container.left .side-navigation .l-footer .footer-links {
      margin-bottom: 32px; }
      .side-drawer-container.left .side-navigation .l-footer .footer-links li {
        font-size: 16px;
        margin: 8px; }
    .side-drawer-container.left .side-navigation .l-footer .social-links li {
      margin: 0 0 16px 24px; }
      .side-drawer-container.left .side-navigation .l-footer .social-links li:first-child {
        margin-left: 0; }
  .side-drawer-container.right-nav {
    background: #F6F7F9;
    padding: 16px; }
    .side-drawer-container.right-nav .user-info {
      text-align: center;
      margin-bottom: 16px;
      border-bottom: 2px solid #EBEDF1; }
    .side-drawer-container.right-nav .side-navigation {
      position: relative;
      height: 100%; }
      .side-drawer-container.right-nav .side-navigation .nav-item-side {
        display: block;
        font-size: 19.2px;
        font-weight: 600;
        padding: 8px 0; }
    .side-drawer-container.right-nav button.close-button {
      position: absolute;
      right: -16px;
      top: -16px; }
    .side-drawer-container.right-nav .nav-item-side:last-child {
      position: absolute;
      bottom: 8px; }
    .side-drawer-container.right-nav .notification-nav .badge {
      float: right; }

.nav-item-side.whats-new-nav.has-new-updates a {
  color: #DD0268 !important; }

.btn {
  border-radius: 2px;
  font-size: 19.2px;
  padding: 8px 16px;
  font-weight: 700;
  font-family: "Overpass", "system", Arial, sans-serif;
  text-align: center;
  outline: none;
  line-height: 1; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .btn {
      padding: 12px 16px 4px; } }
  .btn:hover {
    text-decoration: none; }

a.btn,
.btn-inline {
  display: inline-block; }

.btn-sm {
  font-size: 16px;
  padding: 8px 16px; }
  @media screen and (min-width: 39.4375em) {
    .btn-sm {
      font-size: 13.328px;
      padding: 4px 8px; } }

.btn-md {
  font-size: 16px;
  padding: 8px 16px; }

.btn-lg {
  font-size: 23.04px; }

.btn-with-icon i {
  font-size: 0.9em;
  margin: 0 4px; }
  .btn-with-icon i.svg-icon {
    display: inline-block; }
    .btn-with-icon i.svg-icon svg g {
      fill: #979899;
      transition: fill 0.2s ease-out; }

.btn-icon-only {
  font-size: 23.04px;
  padding: 8px; }
  .btn-icon-only i {
    display: block;
    width: 23.04px;
    height: 23.04px;
    color: #BDBEBF;
    text-align: center; }
    .btn-icon-only i.svg-icon svg g {
      fill: #BDBEBF;
      transition: fill 0.1s; }
  .btn-icon-only.selected {
    color: #FFFFFF; }

.btn-primary {
  background-color: #DD0268;
  border: 2px solid #DD0268;
  color: #FFFFFF;
  transition: 0.2s ease-out all;
  box-shadow: 0px 2px 8px rgba(38, 38, 38, 0.2); }
  .btn-primary:hover {
    box-shadow: 0px 4px 16px rgba(38, 38, 38, 0.2);
    background-color: #FF006A;
    border: 2px solid #FF006A;
    color: #FFFFFF; }
  .btn-primary[disabled]:not(.btn-loading) {
    opacity: 0.4;
    /*background: $color-gray-lighter;
    border: 2px solid $color-gray-lighter;
    color:$color-gray-light;
    box-shadow: none;*/ }

.btn-utility {
  background: #FFFFFF;
  border: 1px solid #EBEDF1;
  color: #979899;
  font-weight: 600;
  transition: all 0.2s ease-out;
  box-shadow: inset 0px 0px 0px 0px #EBEDF1; }
  .btn-utility:hover, .btn-utility:active {
    color: #4C4C4D;
    box-shadow: inset 0px 0px 0px 1px #EBEDF1; }

.btn-secondary {
  border: 2px solid #23B3F1;
  color: #23B3F1;
  transition: 0.2s all ease-out; }
  .btn-secondary[disabled]:not(.btn-loading) {
    border: 2px solid #979899;
    color: #979899; }
  .btn-secondary:hover {
    background: rgba(121, 207, 244, 0.1); }
  .btn-secondary i {
    color: #23B3F1; }
    .btn-secondary i.svg-icon svg g {
      fill: #23B3F1; }

.btn-tertiary {
  background-color: #23B3F1;
  border: 2px solid #23B3F1;
  color: #FFFFFF;
  transition: 0.2s ease-out all;
  box-shadow: 0px 2px 8px rgba(38, 38, 38, 0.2); }
  .btn-tertiary:hover {
    box-shadow: 0px 4px 16px rgba(38, 38, 38, 0.2);
    background-color: #79CFF4;
    border: 2px solid #79CFF4; }
  .btn-tertiary[disabled]:not(.btn-loading) {
    opacity: 0.4; }

.btn-quaternary {
  border: 2px solid #DD0268;
  color: #DD0268;
  transition: 0.2s all ease-out; }
  .btn-quaternary[disabled]:not(.btn-loading) {
    border: 2px solid #979899;
    color: #979899; }
  .btn-quaternary:hover {
    background: rgba(255, 0, 106, 0.1); }

.btn-danger {
  background-color: #A70045;
  border: 2px solid #A70045;
  color: #FFFFFF; }
  .btn-danger:hover {
    background-color: #FF006A;
    border: 2px solid #FF006A; }

.btn-success {
  background-color: #00C66C;
  border: 2px solid #00C66C;
  color: #FFFFFF; }
  .btn-success:hover {
    background-color: #00dc78;
    border: 2px solid #00dc78; }

.btn-warning {
  background-color: #FEB118;
  border: 2px solid #FEB118;
  color: #FFFFFF; }
  .btn-warning:hover {
    background-color: #FDCD6D;
    border: 2px solid #FDCD6D; }

.btn-success-outline {
  color: #00C66C;
  border: 2px solid #00C66C; }

.btn-gray-outline {
  color: #979899;
  border: 2px solid #979899; }

.btn-text {
  color: #23B3F1;
  font-weight: 600;
  border: 2px solid transparent;
  transition: color 0.2s ease-out; }
  .btn-text[disabled] {
    color: #BDBEBF; }
  .btn-text.align-text {
    padding-left: 0;
    border-left: 0; }

.btn-block {
  display: block;
  width: 100%; }
  @media screen and (min-width: 39.4375em) {
    .btn-block {
      display: initial;
      width: auto; } }

.btn-half {
  display: inline-block;
  width: 49%;
  margin-right: 2%; }
  .btn-half.last {
    margin-right: 0; }

.btn-animated {
  position: relative;
  margin-right: 8px;
  margin-bottom: 8px; }
  .btn-animated .content {
    z-index: 1;
    position: relative; }
  .btn-animated .progress-inner {
    position: absolute;
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
    background: #A70045;
    border-radius: 2px; }
  .btn-animated.btn-danger .progress-inner {
    background: #880000; }
  .btn-animated.btn-tertiary .progress-inner {
    background: #0381B7; }
  .btn-animated.btn-success .progress-inner {
    background: #009652; }
  .btn-animated.btn-secondary .progress-inner {
    background: rgba(121, 207, 244, 0.5); }

@keyframes changewidth {
  from {
    width: 0; }
  to {
    width: calc(100% + 4px); } }
  .btn-animated.btn-loading .progress-inner {
    animation-duration: 3s;
    animation-name: changewidth;
    animation-iteration-count: infinite;
    animation-direction: normal; }

.btn-animated-wrapper .info {
  background: #FFFFFF; }
  .btn-animated-wrapper .info .fa-check-circle {
    margin-right: 4px; }
  .btn-animated-wrapper .info.success {
    color: #00C66C; }
    .btn-animated-wrapper .info.success .fa-check-circle {
      color: #00C66C; }
  .btn-animated-wrapper .info.danger {
    color: #A70045; }
    .btn-animated-wrapper .info.danger .fa-check-circle {
      color: #A70045; }

.btn-close.modal {
  font-size: 23.04px;
  line-height: 23.04px;
  color: #BDBEBF;
  outline: 0;
  transition: color 0.2s ease-out; }
  .btn-close.modal:hover, .btn-close.modal:active {
    color: #979899;
    outline: 0; }

.form-group {
  position: relative;
  margin: 0 0 16px; }
  .form-group.error .form-label,
  .form-group.error .error-msg {
    color: #A70045; }
  .form-group.error .error-msg {
    font-size: 13.328px;
    margin-top: 4px; }
  .form-group.error input[type=text].form-control {
    border-bottom: 2px solid #A70045; }
  .form-group .label, .form-group .email-automation-details .details-metrics .stat-label, .email-automation-details .details-metrics .form-group .stat-label {
    position: absolute;
    left: 0;
    top: 0; }
    .form-group .label.label-success, .form-group .email-automation-details .details-metrics .label-success.stat-label, .email-automation-details .details-metrics .form-group .label-success.stat-label, .form-group .label.label-warning, .form-group .email-automation-details .details-metrics .label-warning.stat-label, .email-automation-details .details-metrics .form-group .label-warning.stat-label {
      position: relative;
      margin-left: 4px; }
  .form-group .pre-value {
    position: absolute;
    margin-top: 24px; }
  .form-group .post-value {
    position: absolute;
    margin-top: -32px;
    right: 0; }

.form-control {
  background: transparent;
  display: block; }
  .form-control::-webkit-input-placeholder {
    color: #F6F7F9 !important; }
  .form-control:-moz-placeholder {
    color: #F6F7F9 !important; }
  .form-control::-moz-placeholder {
    color: #F6F7F9 !important; }
  .form-control:-ms-input-placeholder {
    color: #F6F7F9 !important; }
  .form-control::-ms-input-placeholder {
    color: #F6F7F9 !important; }
  .form-control:focus::-webkit-input-placeholder {
    color: #BDBEBF !important; }
  .form-control:focus:-moz-placeholder {
    color: #BDBEBF !important; }
  .form-control:focus::-moz-placeholder {
    color: #BDBEBF !important; }
  .form-control:focus:-ms-input-placeholder {
    color: #BDBEBF !important; }
  .form-control:focus::-ms-input-placeholder {
    color: #BDBEBF !important; }
  .form-control.money {
    padding-left: 12px !important; }
    .form-control.money ~ .bar:after {
      content: "$";
      color: #BDBEBF;
      position: absolute;
      font-weight: 500;
      margin-top: -30px;
      display: none; }
    .form-control.money:focus ~ .bar:after, .form-control.money.filled ~ .bar:after {
      display: initial; }

textarea.form-control::-webkit-input-placeholder {
  color: #BDBEBF !important; }

textarea.form-control:-moz-placeholder {
  color: #BDBEBF !important; }

textarea.form-control::-moz-placeholder {
  color: #BDBEBF !important; }

textarea.form-control:-ms-input-placeholder {
  color: #BDBEBF !important; }

textarea.form-control::-ms-input-placeholder {
  color: #BDBEBF !important; }

textarea.form-control:focus::-webkit-input-placeholder {
  visibility: hidden; }

textarea.form-control:focus:-moz-placeholder {
  visibility: hidden; }

textarea.form-control:focus::-moz-placeholder {
  visibility: hidden; }

textarea.form-control:focus:-ms-input-placeholder {
  visibility: hidden; }

textarea.form-control:focus::-ms-input-placeholder {
  visibility: hidden; }

fieldset {
  border: none;
  padding: 0;
  margin-bottom: 32px; }
  fieldset .form-group:not(.select-wrapper):not(.radio):not(.checkbox):not(.file-uploader-wrapper) {
    min-height: 75px; }
    fieldset .form-group:not(.select-wrapper):not(.radio):not(.checkbox):not(.file-uploader-wrapper).read-only {
      min-height: auto; }
  fieldset .form-group:last-child {
    margin-bottom: 0; }
  fieldset .select-wrapper {
    margin-bottom: 21px; }

.field-button-wrapper {
  padding-top: 2px; }

.form-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  cursor: text;
  color: #979899;
  font-size: 16px;
  font-weight: 600;
  transition: 0.2s ease all; }
  .form-label.animate {
    pointer-events: none;
    left: 2px;
    top: 20px; }
  .form-label .label-description {
    margin-left: 4px;
    font-size: 13.328px;
    color: #979899;
    text-transform: none; }

input[type=text].form-control,
input[type=email].form-control,
input[type=number].form-control,
input[type=phone].form-control,
input[type=password].form-control,
input[type=date].form-control,
input[type=password].form-control {
  font-size: 19.2px;
  padding: 20px 4px 4px 2px;
  width: 100%;
  border: none;
  border-bottom: 2px solid #BDBEBF;
  background: transparent;
  color: #262626;
  border-radius: 0;
  /* override in each specific view according to the length of pre-value */
  /* override in each specific view according to the length of post-value */ }
  input[type=text].form-control:focus,
  input[type=email].form-control:focus,
  input[type=number].form-control:focus,
  input[type=phone].form-control:focus,
  input[type=password].form-control:focus,
  input[type=date].form-control:focus,
  input[type=password].form-control:focus {
    outline: none; }
  input[type=text].form-control.with-pre-value,
  input[type=email].form-control.with-pre-value,
  input[type=number].form-control.with-pre-value,
  input[type=phone].form-control.with-pre-value,
  input[type=password].form-control.with-pre-value,
  input[type=date].form-control.with-pre-value,
  input[type=password].form-control.with-pre-value {
    padding-left: 64px; }
  input[type=text].form-control.with-post-value,
  input[type=email].form-control.with-post-value,
  input[type=number].form-control.with-post-value,
  input[type=phone].form-control.with-post-value,
  input[type=password].form-control.with-post-value,
  input[type=date].form-control.with-post-value,
  input[type=password].form-control.with-post-value {
    padding-right: 136px; }

input[type=password].fake-value {
  border: none; }

input[type=date].form-control {
  /* don't show date placeholder when not focused */ }
  input[type=date].form-control::-webkit-datetime-edit {
    color: transparent; }
  input[type=date].form-control:focus::-webkit-datetime-edit, input[type=date].form-control.filled::-webkit-datetime-edit {
    color: initial; }

.form-group .bar {
  position: relative;
  display: block;
  width: 100%; }
  .form-group .bar:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    left: 0%;
    position: absolute;
    background: #23B3F1;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all; }

input[type=text].form-control:focus ~ .bar:before,
input[type=email].form-control:focus ~ .bar:before,
input[type=number].form-control:focus ~ .bar:before,
input[type=phone].form-control:focus ~ .bar:before,
input[type=date].form-control:focus ~ .bar:before,
input[type=password].form-control:focus ~ .bar:before {
  width: 100%; }

input[type=text].form-control:focus ~ label,
input[type=email].form-control:focus ~ label,
input[type=number].form-control:focus ~ label,
input[type=phone].form-control:focus ~ label,
input[type=date].form-control:focus ~ label,
input[type=password].form-control:focus ~ label,
input.form-control.fake-value ~ label {
  top: 0;
  font-size: 13.328px;
  color: #23B3F1;
  text-transform: uppercase; }

input[type=text].form-control.filled ~ label,
input[type=email].form-control.filled ~ label,
input[type=number].form-control.filled ~ label,
input[type=phone].form-control.filled ~ label,
input[type=date].form-control.filled ~ label,
input[type=password].form-control.filled ~ label {
  top: 0;
  font-size: 13.328px;
  color: #727273;
  text-transform: uppercase; }

input[type=text].form-control:disabled,
input[type=email].form-control:disabled,
input[type=number].form-control:disabled,
input[type=phone].form-control:disabled,
input[type=date].form-control:disabled {
  border-bottom: 0;
  min-height: 3; }

.error .form-label,
.error .error-msg {
  color: #A70045; }

.error .error-msg {
  font-size: 13.328px;
  margin-top: 4px; }

.error .global-error-msg {
  color: #A70045; }

.error input[type=text].form-control ~ .bar:before,
.error input[type=email].form-control ~ .bar:before,
.error input[type=number].form-control ~ .bar:before,
.error input[type=phone].form-control ~ .bar:before,
.error input[type=date].form-control ~ .bar:before,
.error input[type=password].form-control ~ .bar:before {
  width: 0; }

.error input[type=text].form-control,
.error input[type=email].form-control,
.error input[type=number].form-control,
.error input[type=phone].form-control,
.error input[type=date].form-control,
.error input[type=password].form-control,
.error input[type=text].form-control:focus,
.error input[type=email].form-control:focus,
.error input[type=number].form-control:focus,
.error input[type=phone].form-control:focus,
.error input[type=date].form-control:focus,
.error input[type=password].form-control:focus {
  border-bottom: 2px solid #A70045; }

.error input[type=text].form-control:focus ~ label,
.error input[type=text].form-control.filled ~ label,
.error input[type=email].form-control:focus ~ label,
.error input[type=email].form-control.filled ~ label,
.error input[type=number].form-control:focus ~ label,
.error input[type=number].form-control.filled ~ label,
.error input[type=phone].form-control:focus ~ label,
.error input[type=phone].form-control.filled ~ label,
.error input[type=date].form-control:focus ~ label,
.error input[type=date].form-control.filled ~ label,
.error input[type=password].form-control:focus ~ label,
.error input[type=password].form-control.filled ~ label {
  color: #A70045; }

.textarea .form-label {
  position: static;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  color: #979899;
  cursor: pointer;
  text-transform: none; }

.textarea .char-counters {
  float: right; }

textarea.form-control {
  width: 100%;
  border: 2px solid #EBEDF1;
  border-radius: 4px;
  padding: 4px 8px;
  transition: 0.2s ease all;
  color: #262626;
  background: #FFFFFF; }
  textarea.form-control:focus {
    outline: none;
    border: 2px solid #23B3F1; }

.select-wrapper:after {
  content: '\F0D7';
  font-family: 'FontAwesome';
  color: #BDBEBF;
  font-size: 19.2px;
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 40%;
  pointer-events: none; }

.select-wrapper .form-label {
  font-size: 13.328px;
  top: 0;
  text-transform: uppercase; }

.select-wrapper.error select {
  border-color: #A70045; }

.select-wrapper.select-action select.form-control {
  background: white;
  border: 1px solid #BDBEBF;
  border-radius: 2px;
  padding: 4px 24px 4px 8px;
  color: #4C4C4D; }
  @media screen and (min-width: 39.4375em) {
    .select-wrapper.select-action select.form-control {
      font-size: 16px; } }
  .select-wrapper.select-action select.form-control:focus, .select-wrapper.select-action select.form-control:active {
    border-bottom: 1px solid #BDBEBF; }

.select-wrapper.select-action:after {
  top: 15%; }

select.form-control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  margin: 0;
  padding: 20px 40px 4px 2px;
  line-height: inherit;
  background: transparent;
  border: none;
  border-bottom: 2px solid #BDBEBF;
  color: #BDBEBF;
  font-size: 19.2px;
  transition: 0.2s ease all; }
  select.form-control::-ms-expand {
    display: none; }
  select.form-control:valid {
    color: #262626; }
  select.form-control:valid ~ label {
    color: #727273; }
  select.form-control:focus, select.form-control:active {
    outline: none;
    border-bottom: 2px solid #23B3F1; }
  select.form-control:focus ~ label,
  select.form-control:active ~ label {
    color: #23B3F1; }

.checkbox,
.radio {
  min-height: auto; }
  .checkbox .form-label,
  .radio .form-label {
    position: static;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #979899;
    cursor: pointer;
    text-transform: none; }
  .checkbox .error-msg,
  .radio .error-msg {
    display: block; }
  .checkbox .description,
  .radio .description {
    color: #979899;
    padding-left: 32px; }
    .checkbox .description strong,
    .radio .description strong {
      color: #727273; }
    @media screen and (min-width: 39.4375em) {
      .checkbox .description,
      .radio .description {
        padding-left: 24px; } }

.checkbox.disabled {
  opacity: 0.8; }
  .checkbox.disabled .form-label {
    cursor: not-allowed; }
  .checkbox.disabled .form-label:before {
    background: #EBEDF1 !important;
    border-color: #BDBEBF !important;
    opacity: 0.6; }
  .checkbox.disabled .form-label:after {
    color: #23B3F1 !important;
    opacity: 0.6; }

.checkbox,
.radio {
  margin-bottom: 16px; }
  @media screen and (min-width: 39.4375em) {
    .checkbox,
    .radio {
      margin-bottom: 12px; } }
  .checkbox input[type=radio],
  .checkbox input[type=checkbox],
  .radio input[type=radio],
  .radio input[type=checkbox] {
    position: absolute;
    opacity: 0; }
    .checkbox input[type=radio] + label,
    .checkbox input[type=checkbox] + label,
    .radio input[type=radio] + label,
    .radio input[type=checkbox] + label {
      display: block;
      position: relative;
      padding-left: 32px;
      text-indent: -32px;
      cursor: pointer;
      line-height: 1.4; }
      @media screen and (min-width: 39.4375em) {
        .checkbox input[type=radio] + label,
        .checkbox input[type=checkbox] + label,
        .radio input[type=radio] + label,
        .radio input[type=checkbox] + label {
          padding-left: 24px;
          text-indent: -24px; } }
    .checkbox input[type=radio] + label:before,
    .checkbox input[type=checkbox] + label:before,
    .radio input[type=radio] + label:before,
    .radio input[type=checkbox] + label:before {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 8px;
      border-radius: 2px;
      border: 1px solid #BDBEBF;
      background: #FFFFFF;
      vertical-align: top;
      content: "\A0"; }
      @media screen and (min-width: 39.4375em) {
        .checkbox input[type=radio] + label:before,
        .checkbox input[type=checkbox] + label:before,
        .radio input[type=radio] + label:before,
        .radio input[type=checkbox] + label:before {
          width: 16px;
          height: 16px; } }
    .checkbox input[type=radio]:checked + label,
    .checkbox input[type=checkbox]:checked + label,
    .radio input[type=radio]:checked + label,
    .radio input[type=checkbox]:checked + label {
      color: #4C4C4D; }
    .checkbox input[type=radio]:checked + label:before,
    .checkbox input[type=checkbox]:checked + label:before,
    .radio input[type=radio]:checked + label:before,
    .radio input[type=checkbox]:checked + label:before {
      background: #23B3F1;
      border-color: #23B3F1; }
    .checkbox input[type=radio]:checked + label:after,
    .checkbox input[type=checkbox]:checked + label:after,
    .radio input[type=radio]:checked + label:after,
    .radio input[type=checkbox]:checked + label:after {
      font-family: "FontAwesome";
      content: "\F00C";
      color: #FFFFFF;
      position: absolute;
      left: 32px;
      top: -2px;
      left: 34px;
      font-size: 20px; }
      @media screen and (min-width: 39.4375em) {
        .checkbox input[type=radio]:checked + label:after,
        .checkbox input[type=checkbox]:checked + label:after,
        .radio input[type=radio]:checked + label:after,
        .radio input[type=checkbox]:checked + label:after {
          left: 26px;
          font-size: 12px;
          top: 0; } }

.radio input[type=radio] + label:before {
  border-radius: 50%; }

.radio input[type=radio]:checked + label:before {
  background: transparent;
  border-color: #23B3F1; }

.radio input[type=radio]:checked + label:after {
  content: "\A0";
  background-color: #23B3F1;
  border-radius: 50%;
  left: 3px;
  top: 3px;
  width: 18px;
  height: 18px; }
  @media screen and (min-width: 39.4375em) {
    .radio input[type=radio]:checked + label:after {
      width: 10px;
      height: 10px; } }

.star-rating {
  cursor: pointer;
  font-size: 16px;
  opacity: 0.5;
  transition: opacity 0.2s ease-out; }
  .star-rating.inline {
    display: inline-block; }
  .star-rating.md {
    font-size: 19.2px; }
  .star-rating.lg {
    font-size: 33.1776px; }
    @media screen and (min-width: 39.4375em) {
      .star-rating.lg {
        font-size: 23.04px; } }
  .star-rating.xl {
    font-size: 27.648px; }
  .star-rating.xxl {
    font-size: 33.1776px; }
  .star-rating i {
    margin-right: 8px;
    color: #727273;
    transition: all 0.2s ease-out; }
    @media screen and (min-width: 39.4375em) {
      .star-rating i {
        margin-right: 4px; } }
  .star-rating:hover {
    opacity: 1; }
    .star-rating:hover i.fa.fa-star {
      color: #23B3F1; }
  .star-rating.filled, .star-rating.read-only {
    opacity: 1; }
    .star-rating.filled i, .star-rating.read-only i {
      color: #979899; }
  .star-rating.read-only {
    pointer-events: none;
    cursor: default; }
    .star-rating.read-only i {
      color: #979899; }

.form-upload-box {
  text-align: center;
  color: #BDBEBF;
  line-height: 20px; }

.file-uploader {
  display: flex;
  align-items: center;
  justify-content: center; }
  .file-uploader .file-dropzone {
    border: 2px dashed #EBEDF1;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s all ease-out; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .file-uploader .file-dropzone {
        display: block;
        padding-top: 10%; } }
    .file-uploader .file-dropzone .add-file-wrap {
      width: 100%; }
    .file-uploader .file-dropzone .icon i {
      font-size: 39.81312px;
      margin-bottom: 8px; }
    .file-uploader .file-dropzone .btn {
      margin-top: 16px; }
    .file-uploader .file-dropzone.active {
      border: 2px solid #23B3F1;
      background: rgba(35, 179, 241, 0.2); }
      .file-uploader .file-dropzone.active .add-file-wrap {
        display: none; }
    .file-uploader .file-dropzone span {
      display: block; }
    .file-uploader .file-dropzone .extra-instructions {
      margin-top: 32px;
      padding: 0 8px;
      white-space: normal; }

.password-input {
  position: relative; }
  .password-input .strength-indicator {
    position: absolute;
    right: 0;
    top: 0;
    text-transform: uppercase;
    z-index: 1;
    font-size: 13.328px;
    font-weight: bold; }
    .password-input .strength-indicator.score-0 {
      color: #A70045; }
    .password-input .strength-indicator.score-1 {
      color: #A70045; }
    .password-input .strength-indicator.score-2 {
      color: #FEB118; }
    .password-input .strength-indicator.score-3 {
      color: #00C66C; }
    .password-input .strength-indicator.score-4 {
      color: #00C66C; }
  .password-input input {
    padding-right: 64px !important; }
  .password-input .fa-eye {
    position: absolute;
    right: 4px;
    top: 24px;
    font-size: 19.2px;
    color: #727273;
    cursor: pointer;
    z-index: 1; }
    .password-input .fa-eye.active {
      color: #23B3F1; }

.form-group.language {
  width: 100%;
  padding: 0; }
  .form-group.language .form-label {
    font-size: 13.328px;
    text-transform: uppercase;
    font-weight: 600; }
  .form-group.language .Select {
    padding: 20px 0 4px; }
  .form-group.language .Select-control {
    border: 0;
    border-bottom: 2px solid #BDBEBF;
    border-radius: 0;
    background: transparent; }
  .form-group.language .Select-placeholder,
  .form-group.language .Select--single > .Select-control .Select-value {
    padding: 0;
    color: #262626;
    font-size: 19.2px; }
  .form-group.language .Select-placeholder {
    color: #727273; }
  .form-group.language .Select.has-value .Select-arrow-zone {
    display: none; }
  .form-group.language .Select-clear:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\F057";
    visibility: visible;
    position: absolute;
    right: 4px; }
  .form-group.language .Select-clear {
    visibility: hidden; }
  .form-group.language .Select-arrow {
    border-width: 6px 6px 3px;
    border-color: #BDBEBF transparent transparent; }

.file-uploader-field .form-label {
  position: static; }

.file-uploader-field .file-uploader {
  min-height: 300px; }

.multiple-file-uploader-field .existing-files {
  margin-bottom: 16px; }

.multiple-file-uploader-field .form-group {
  margin: 0 0 8px;
  min-height: 0 !important; }

.multiple-file-uploader-field .error-msg {
  color: #A70045; }

.star-rating-field .textual-rating {
  text-transform: uppercase;
  margin-left: 8px;
  color: #727273;
  font-size: 13.328px; }

.star-rating-field .fa {
  font-size: 23.04px;
  margin-right: 4px; }

.sub-categories-field .top-label {
  position: static;
  text-transform: uppercase;
  font-size: 13.328px;
  display: block;
  margin-bottom: 16px; }

.sub-categories-field .category {
  margin-bottom: 16px; }

.sub-categories-field .checkbox {
  padding-left: 16px;
  margin-bottom: 8px !important; }
  .sub-categories-field .checkbox:first-child {
    padding-left: 0;
    margin-right: 24px; }

.sub-categories-field .fa-plus, .sub-categories-field .fa-minus {
  float: right;
  margin-top: -32px; }

i.svg-icon {
  display: block; }
  i.svg-icon svg {
    width: 16px;
    height: 16px; }
  i.svg-icon.inline {
    display: inline-block; }
  i.svg-icon.svg-icon-md svg {
    width: 19px;
    height: 19px; }
  i.svg-icon.svg-icon-lg {
    width: 24px;
    height: 24px; }
    i.svg-icon.svg-icon-lg svg {
      width: 24px;
      height: 24px; }
  i.svg-icon.svg-icon-xl {
    width: 27px;
    height: 27px; }
    i.svg-icon.svg-icon-xl svg {
      width: 27px;
      height: 27px; }
  i.svg-icon.svg-icon-xxl svg {
    width: 33px;
    height: 33px; }

.callout {
  border-radius: 4px; }
  .callout.primary {
    border-color: rgba(35, 179, 241, 0.5); }
    .callout.primary h3 {
      color: #0381B7; }
  .callout.alert {
    border-color: rgba(167, 0, 69, 0.5);
    color: #A70045;
    background: rgba(255, 0, 106, 0.1); }

.info-screen {
  padding: 0; }
  .info-screen header {
    padding: 16px 8px; }
    @media screen and (min-width: 39.4375em) {
      .info-screen header {
        padding: 40px 32px; } }
  .info-screen .row {
    padding: 16px 8px; }
    @media screen and (min-width: 39.4375em) {
      .info-screen .row {
        padding: 40px 32px; } }
    .info-screen .row .columns {
      padding: 0; }
  .info-screen p {
    margin-bottom: 16px; }
  .info-screen .icon {
    text-align: center; }
    .info-screen .icon i {
      font-size: 191.10298px;
      color: #BDBEBF; }

.image-upload-modal .row {
  margin: 0 auto; }

.image-upload-modal .sidebar ul {
  list-style: disc; }

.image-upload-modal .file-done {
  margin-top: 8px; }

.no-results {
  display: block;
  text-align: center;
  font-size: 23.04px;
  color: #979899; }
  .no-results h2 {
    margin-bottom: 16px;
    font-weight: 300; }
  @media screen and (max-width: 39.375em) {
    .no-results {
      padding-bottom: 4px; } }

.avatar {
  background-color: #FFFFFF;
  background-position: center center;
  background-size: cover;
  border-radius: 2px;
  overflow: hidden; }

.avatar-text {
  background-image: linear-gradient(-45deg, #23B3F1 0%, #1AFF97 100%);
  text-align: center;
  font-weight: 700;
  text-transform: lowercase;
  color: #FFFFFF;
  letter-spacing: -0.05em; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .avatar-text {
      padding-top: 4px; } }
  .avatar-text.avatar-sm {
    font-size: 19.2px;
    line-height: 28px; }
  .avatar-text.avatar-lg {
    font-size: 47.77574px;
    line-height: 86px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .avatar-text.avatar-lg {
        padding-top: 12px; } }
  .avatar-text.avatar-md {
    font-size: 23.04px;
    line-height: 46px; }
  .avatar-text.avatar-xl {
    font-size: 47.77574px;
    line-height: 140px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .avatar-text.avatar-xl {
        padding-top: 12px; } }

.avatar-round {
  border-radius: 50%;
  overflow: hidden; }

.avatar-border:not(.avatar-text) {
  border: 1px solid #EBEDF1; }

.avatar-shadow {
  box-shadow: 0px 4px 8px rgba(114, 114, 115, 0.25); }

.avatar-inline {
  display: inline-block; }

.avatar-sm {
  width: 32px;
  height: 32px; }

.avatar-md {
  width: 48px;
  height: 48px; }

.avatar-lg {
  width: 96px;
  height: 96px; }

.avatar-xl {
  width: 144px;
  height: 144px; }

.tag {
  display: inline-block;
  margin: 0 4px 2px 0;
  padding: 4px 8px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 2px; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .tag {
      padding: 6px 8px 0; } }

@-moz-document url-prefix() {
  .tag {
    padding: 4px 8px 0; } }
  .tag.tag-sm {
    font-size: 13.328px;
    padding: 2px 4px; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .tag.tag-sm {
        padding: 6px 4px 0; } }

@-moz-document url-prefix() {
  .tag.tag-sm {
    padding: 4px 4px 0; } }
  .tag.tag-plain {
    border: none;
    color: #979899;
    padding: 0;
    margin: 0 8px; }
  .tag.tag-default {
    border: 1px solid #979899;
    color: #979899; }
  .tag.completed {
    background: #23B3F1;
    color: #FFFFFF; }
  .tag.awarded {
    background: #DD0268;
    color: #FFFFFF; }
  .tag.closed {
    background: #FE7C18;
    color: #FFFFFF; }
  .tag.tag-highlight {
    background: #262626;
    border: 1px solid #262626;
    color: white; }
    .tag.tag-highlight.platinum {
      background: #A7B0CA;
      border: 1px solid #A7B0CA; }
    .tag.tag-highlight.featured {
      background: #DD0268;
      border: 1px solid #DD0268; }
    .tag.tag-highlight.elite {
      background: #262626;
      border: 1px solid #262626; }
    .tag.tag-highlight.success {
      border: 1px solid #00C66C; }
    .tag.tag-highlight.warning {
      border: 1px solid #FEB118; }
    .tag.tag-highlight.danger {
      border: 2px solid #A70045; }
    .tag.tag-highlight.give-back {
      background: #00C66C;
      border: 1px solid #00C66C; }
  .tag.dismissible i {
    padding-left: 4px;
    margin-left: 2px;
    border-left: 2px solid #BDBEBF; }

.label, .email-automation-details .details-metrics .stat-label {
  font-size: 13.328px;
  font-weight: 700;
  text-transform: uppercase; }
  .label.label-md, .email-automation-details .details-metrics .label-md.stat-label {
    font-size: 19.2px; }
  .label.label-lg, .email-automation-details .details-metrics .label-lg.stat-label {
    font-size: 23.04px; }
  .label.label-default, .email-automation-details .details-metrics .label-default.stat-label {
    color: #979899; }

.badge {
  display: inline-block;
  width: 1.5em;
  color: white;
  text-align: center;
  font-weight: 700;
  border-radius: 50%;
  letter-spacing: -0.04em; }
  .badge.badge-primary {
    background: #DD0268; }
  .badge.badge-secondary {
    background: #23B3F1; }
  .badge.badge-default {
    background: #262626; }
  .badge.badge-sm {
    font-size: 13.328px; }
  .badge.badge-md {
    font-size: 19.2px; }
  .badge.badge-lg {
    font-size: 23.04px; }

.project-tags .tag-default:last-child {
  margin-right: 0; }

.thumbnail {
  border-radius: 4px;
  background-position: center center !important;
  background-size: cover !important;
  position: relative;
  display: block;
  /* thumbnail element for name entries: basically a div with a big text inside */ }
  .thumbnail.border {
    border: 2px solid #F6F7F9; }
  .thumbnail.actionable {
    cursor: pointer; }
  .thumbnail.flex {
    width: 100%;
    height: auto;
    padding-top: 100%; }
  .thumbnail .menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 2px 8px;
    font-size: 19.2px;
    color: #979899; }
    .thumbnail .menu .menu-left {
      float: left; }
    .thumbnail .menu .menu-right {
      float: right;
      text-align: right; }
    .thumbnail .menu .menu-left,
    .thumbnail .menu .menu-right {
      width: 25%; }
  .thumbnail.with-flag {
    overflow: hidden; }
    .thumbnail.with-flag .flag {
      width: 0;
      height: 0;
      border-style: solid;
      color: white; }
      .thumbnail.with-flag .flag.top-right {
        border-width: 0 80px 80px 0;
        border-color: transparent #262626 transparent transparent;
        position: absolute;
        right: 0;
        top: 0; }
        .thumbnail.with-flag .flag.top-right .flag-text {
          left: 0;
          top: -1.5em;
          width: 113px;
          text-align: center;
          -webkit-transform-origin: bottom left;
          -moz-transform-origin: bottom left;
          -ms-transform-origin: bottom left;
          -o-transform-origin: bottom left;
          transform-origin: bottom left; }
      .thumbnail.with-flag .flag.bottom-left {
        border-width: 80px 0 0 80px;
        border-color: transparent transparent transparent #262626;
        position: absolute;
        bottom: 0;
        left: 0; }
        .thumbnail.with-flag .flag.bottom-left .flag-text {
          width: 113px;
          left: -80px;
          top: -80px;
          padding-top: 2px;
          text-align: center;
          -webkit-transform-origin: top left;
          -moz-transform-origin: top left;
          -ms-transform-origin: top left;
          -o-transform-origin: top left;
          transform-origin: top left; }
      .thumbnail.with-flag .flag .flag-text {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        text-align: center; }
  .thumbnail .message {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    text-align: center;
    padding-top: 46%;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    font-size: 23.04px;
    font-weight: 700;
    text-transform: uppercase; }
  .thumbnail.name {
    padding: 24px 0;
    text-align: center;
    background: #262626;
    color: #FFFFFF; }
    .thumbnail.name.full {
      padding: 30% 0;
      width: 100%; }
      .thumbnail.name.full h1 {
        font-size: 70px;
        position: absolute;
        top: 10%;
        z-index: 1000;
        color: white;
        width: 100%; }

.thumbnail-stack {
  position: relative; }
  .thumbnail-stack .thumbnail {
    position: absolute;
    background: white;
    width: calc(100% - 8px);
    padding-top: calc(100% - 8px); }
    .thumbnail-stack .thumbnail:nth-child(1) {
      top: 0;
      left: 0;
      z-index: 3; }
    .thumbnail-stack .thumbnail:nth-child(2) {
      top: 4px;
      left: 4px;
      z-index: 2; }
    .thumbnail-stack .thumbnail:nth-child(3) {
      top: 8px;
      left: 8px;
      z-index: 1;
      position: relative; }

.gallery-tile .overlay-content,
.gallery-tile.overlay .overlay-content,
.thumbnail .overlay-content,
.thumbnail.overlay .overlay-content {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 16px 16px 8px;
  border-radius: 4px;
  background: rgba(0, 6, 48, 0.93);
  color: white;
  transition: all 0.2s ease-out; }

.gallery-tile:hover .overlay-content, .gallery-tile:focus .overlay-content,
.thumbnail:hover .overlay-content,
.thumbnail:focus .overlay-content {
  opacity: 1; }

.pagination {
  width: 100%;
  font-size: 19.2px;
  text-align: center;
  margin-top: 16px; }
  .pagination .btn,
  .pagination .form-group,
  .pagination .pages,
  .pagination .page-count {
    display: inline-block; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .pagination .btn,
      .pagination .form-group,
      .pagination .pages,
      .pagination .page-count {
        vertical-align: middle; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pagination .form-group {
      padding-top: 16px; } }
  .pagination .form-group .error-msg {
    position: absolute;
    width: 100%;
    left: 0; }
  .pagination .pages {
    margin: 0 32px; }
  .pagination .btn-utility {
    padding: 16px; }
    @media screen and (min-width: 39.4375em) {
      .pagination .btn-utility {
        padding: 16px 32px; } }
    .pagination .btn-utility i {
      position: relative;
      top: 2px; }
    .pagination .btn-utility:hover {
      color: #23B3F1; }
      .pagination .btn-utility:hover .svg-icon svg g {
        fill: #23B3F1; }
  .pagination input[type=text] {
    font-size: 19.2px;
    text-align: center;
    width: 64px;
    padding: 4px;
    margin-right: 8px; }

.tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 13.328px; }
  .tabs ul li {
    display: inline-block;
    margin-right: 24px;
    text-transform: uppercase; }
    .tabs ul li:first-child {
      padding-left: 0; }
    .tabs ul li:last-child {
      padding-right: 0; }
    .tabs ul li.active {
      color: #262626;
      font-weight: 700; }
    .tabs ul li a, .tabs ul li .dropdown-menu-toggle {
      font-weight: 700;
      color: #727273;
      cursor: pointer; }
      .tabs ul li a:hover, .tabs ul li .dropdown-menu-toggle:hover {
        text-decoration: none; }
    .tabs ul li .dropdown-menu-toggle {
      padding-right: 16px; }
      .tabs ul li .dropdown-menu-toggle:after {
        font-family: 'FontAwesome';
        content: '\F0D7';
        right: 2px;
        position: absolute;
        vertical-align: top;
        top: 2px;
        color: #DD0268; }

.tabs .dropdown-toggle {
  font-weight: 700;
  text-transform: uppercase; }
  .tabs .dropdown-toggle i {
    margin-left: 4px; }

.tabs .dropdown {
  display: none; }
  @media screen and (min-width: 39.4375em) {
    .tabs .dropdown {
      display: block; } }

.tabs .dropdown-wrapper {
  cursor: pointer;
  padding: 0;
  padding-right: 16px; }
  .tabs .dropdown-wrapper:hover .selected-item {
    color: white; }
  .tabs .dropdown-wrapper .selected-item {
    font-size: 13.328px;
    color: rgba(255, 255, 255, 0.5); }
  .tabs .dropdown-wrapper ul {
    padding: 8px;
    z-index: 11; }
    .tabs .dropdown-wrapper ul li {
      display: block;
      padding: 4px; }
      .tabs .dropdown-wrapper ul li.selected::after {
        display: none; }

#content .tabs ul {
  border-bottom: 2px solid #EBEDF1;
  margin: 8px 0 24px; }
  #content .tabs ul li {
    padding-bottom: 8px;
    position: relative; }
    #content .tabs ul li.selected {
      /*span.selected-triangle {
            @include tab-triangle(8px, $color-gray-lighter);
            left: 42%;
            top: 100%;

            &:after {
              @include tab-triangle(6px, $color-gray-lightest);
              left: -6px;
              top: -8px;
            }
          }
          &:first-child span.selected-triangle {
            left: 28%; //magic numbers to center the triangle
          }
          &:last-child span.selected-triangle {
            left: 48%; //magic numbers to center the triangle
          }*/ }
      #content .tabs ul li.selected::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background: #DD0268; }
      #content .tabs ul li.selected a {
        color: #262626; }
      #content .tabs ul li.selected li.selected:after {
        display: none; }

@media screen and (min-width: 39.4375em) {
  #content .dropdown-wrapper {
    margin: 8px 0; } }

.comment {
  margin: 0 16px 16px;
  transition: opacity 0.5s;
  opacity: 1; }
  .comment:last-child {
    margin-bottom: 32px; }
  .comment.not-active {
    opacity: 0.3; }
  .comment.is-author .comment-body {
    background: #23B3F1;
    color: #FFFFFF; }
  .comment.is-author .collapse-button {
    color: white; }
  .comment.is-author .avatar {
    float: right; }
  .comment.is-author .badge {
    left: -8px;
    right: auto; }
  .comment.is-author.in-place .comment-body {
    padding-left: 16px; }
  .comment .timestamp {
    font-size: 13.328px;
    color: #979899;
    margin-bottom: 8px; }
  .comment .avatar {
    float: left;
    border: 2px solid #FFFFFF;
    line-height: 40px; }
  .comment .comment-body {
    border-radius: 4px;
    padding: 8px;
    position: relative;
    background: white;
    white-space: pre-line; }
    .comment .comment-body .comment-body-content {
      overflow-x: hidden; }
    .comment .comment-body .comment-author {
      margin-bottom: 0;
      font-size: 13.328px;
      color: #262626;
      text-transform: uppercase;
      font-weight: 700; }
    .comment .comment-body.internal {
      background: #FFFAE5;
      color: #727273; }
  .comment .replies .comment:first-child {
    margin-top: 16px; }
  .comment .replies .comment:last-child {
    margin-bottom: 0; }
  .comment .btn-reply {
    margin-top: 8px; }
  .comment.in-place.active {
    /*.comment-body:before {
        content:'';
        position: absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
        border:2px solid $color-primary;
        border-radius: $border-radius-md;
        z-index: 100;
        pointer-events: none;
      }*/ }
  .comment.in-place .badge {
    position: absolute;
    right: -0.75em;
    top: -8px;
    z-index: 300; }

.table-default {
  width: 100%;
  margin-bottom: 32px; }
  .table-default thead td {
    font-weight: 600;
    font-size: 13.328px;
    color: #979899;
    text-align: center;
    padding: 0 0 4px 8px;
    text-align: left; }
    .table-default thead td.center {
      text-align: center; }
  .table-default tbody tr {
    transition: all 0.2s ease-out; }
    .table-default tbody tr:nth-child(odd) {
      background: #EBECEE; }
  .table-default tbody td {
    padding: 8px 0 8px 8px;
    color: #262626; }
  .table-default.actionable tbody tr:hover, .table-default.actionable tbody tr:active, .table-default.actionable tbody tr:focus {
    background: rgba(121, 207, 244, 0.3); }

/*!
 * Cropper.js v0.5.6
 * https://github.com/fengyuanchen/cropperjs
 *
 * Copyright (c) 2015-2016 Fengyuan Chen
 * Released under the MIT license
 *
 * Date: 2016-01-18T05:33:19.322Z
 */
.cropper-container {
  font-size: 0;
  line-height: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  direction: ltr !important;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }
  .cropper-container img {
    display: block;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
    height: 100%;
    min-height: 0 !important;
    max-height: none !important;
    image-orientation: 0deg !important; }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.cropper-wrap-box {
  overflow: hidden; }

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
  filter: alpha(opacity=0); }

.cropper-modal {
  opacity: .5;
  background-color: #000;
  filter: alpha(opacity=50); }

.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75); }

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee;
  filter: alpha(opacity=50); }
  .cropper-dashed .dashed-h {
    top: 33.33333%;
    left: 0;
    width: 100%;
    height: 33.33333%;
    border-top-width: 1px;
    border-bottom-width: 1px; }
  .cropper-dashed .dashed-v {
    top: 0;
    left: 33.33333%;
    width: 33.33333%;
    height: 100%;
    border-right-width: 1px;
    border-left-width: 1px; }

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
  filter: alpha(opacity=75); }
  .cropper-center:before, .cropper-center:after {
    position: absolute;
    display: block;
    content: ' ';
    background-color: #eee; }
  .cropper-center:before {
    top: 0;
    left: -3px;
    width: 7px;
    height: 1px; }
  .cropper-center:after {
    top: -3px;
    left: 0;
    width: 1px;
    height: 7px; }

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10); }

.cropper-face {
  top: 0;
  left: 0;
  background-color: #fff; }

.cropper-line {
  background-color: #39f; }
  .cropper-line.line-e {
    top: 0;
    right: -3px;
    width: 5px;
    cursor: e-resize; }
  .cropper-line.line-n {
    top: -3px;
    left: 0;
    height: 5px;
    cursor: n-resize; }
  .cropper-line.line-w {
    top: 0;
    left: -3px;
    width: 5px;
    cursor: w-resize; }
  .cropper-line.line-s {
    bottom: -3px;
    left: 0;
    height: 5px;
    cursor: s-resize; }

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f;
  filter: alpha(opacity=75); }
  .cropper-point.point-e {
    top: 50%;
    right: -3px;
    margin-top: -3px;
    cursor: e-resize; }
  .cropper-point.point-n {
    top: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: n-resize; }
  .cropper-point.point-w {
    top: 50%;
    left: -3px;
    margin-top: -3px;
    cursor: w-resize; }
  .cropper-point.point-s {
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    cursor: s-resize; }
  .cropper-point.point-ne {
    top: -3px;
    right: -3px;
    cursor: ne-resize; }
  .cropper-point.point-nw {
    top: -3px;
    left: -3px;
    cursor: nw-resize; }
  .cropper-point.point-sw {
    bottom: -3px;
    left: -3px;
    cursor: sw-resize; }
  .cropper-point.point-se {
    right: -3px;
    bottom: -3px;
    width: 20px;
    height: 20px;
    cursor: se-resize;
    opacity: 1;
    filter: alpha(opacity=100); }
    .cropper-point.point-se:before {
      position: absolute;
      right: -50%;
      bottom: -50%;
      display: block;
      width: 200%;
      height: 200%;
      content: ' ';
      opacity: 0;
      background-color: #39f;
      filter: alpha(opacity=0); }

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px; } }

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px; } }

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75); } }

.cropper-invisible {
  opacity: 0;
  filter: alpha(opacity=0); }

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0; }

.cropper-hidden {
  display: none !important; }

.cropper-move {
  cursor: move; }

.cropper-crop {
  cursor: crosshair; }

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed; }

.modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .modal-dialog {
      display: block; } }
  .modal-dialog .modal-background {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 6, 48, 0.93);
    transition: opacity 400ms ease-in; }
  .modal-dialog .modal-content-container {
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.4);
    min-height: 100%;
    z-index: 1;
    width: 100%;
    margin: auto;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    .modal-dialog .modal-content-container.overflow-visible {
      overflow-y: visible;
      overflow-x: visible; }
    @media screen and (min-width: 39.4375em) {
      .modal-dialog .modal-content-container {
        border-radius: 4px;
        width: 60%;
        min-height: initial; }
        .modal-dialog .modal-content-container.wide {
          width: 80%; } }
    @media screen and (min-width: 64em) {
      .modal-dialog .modal-content-container {
        border-radius: 4px;
        width: 50%;
        min-height: initial; }
        .modal-dialog .modal-content-container.wide {
          width: 70%; } }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .modal-dialog .modal-content-container {
        min-height: 0;
        margin: 10% auto 0; } }
  .modal-dialog .modal-content {
    padding: 16px 16px 16px; }
  .modal-dialog .modal-header {
    background: #F6F7F9;
    border-radius: 4px 4px 0 0;
    padding: 8px 16px; }
    .modal-dialog .modal-header h5 {
      margin-bottom: 0;
      font-weight: 700;
      font-size: 13.328px;
      text-transform: uppercase;
      color: #4C4C4D;
      display: inline; }
  .modal-dialog .modal-actions {
    margin-top: 32px; }
    @media screen and (min-width: 39.4375em) {
      .modal-dialog .modal-actions .btn-animated-wrapper {
        display: inline-block; } }
    .modal-dialog .modal-actions .btn-text {
      color: #979899; }
      .modal-dialog .modal-actions .btn-text:hover, .modal-dialog .modal-actions .btn-text:focus, .modal-dialog .modal-actions .btn-text:active {
        color: #4C4C4D; }
    .modal-dialog .modal-actions.right {
      text-align: right; }
  .modal-dialog .cs-modal-content {
    width: 100%;
    padding: 16px; }
    @media screen and (min-width: 39.4375em) {
      .modal-dialog .cs-modal-content {
        width: 50%; } }
  .modal-dialog .close-modal {
    float: right;
    padding-right: 0;
    margin-top: -8px; }

.confirmation-dialog h2 {
  color: #262626; }

.file-upload-modal p a {
  color: #23B3F1;
  font-weight: 600; }

.file-upload-modal .thumbnail-wrap {
  width: 100px;
  height: 100px; }

.file-upload-modal .modal-form-header {
  margin-bottom: 8px; }

.file-upload-modal .modal-form-sidebar .change-revision {
  width: 100px;
  font-weight: 400;
  text-align: center;
  display: block;
  margin-top: 2px; }

.file-upload-modal .modal-form-sidebar .upload-tips ul {
  list-style-type: disc;
  margin-left: 8px; }

.file-upload-modal .file-upload-form h3 {
  display: inline-block; }

.file-upload-modal .file-upload-form .hidden {
  display: none; }

.file-upload-modal .file-upload-form .file-change {
  display: inline-block; }
  .file-upload-modal .file-upload-form .file-change i {
    margin-right: 4px; }

.file-upload-modal .file-upload-form .thumbnail-preview {
  max-height: 300px;
  max-width: 300px;
  min-height: 300px; }

.file-upload-modal .file-upload-form .form-upload-box {
  max-height: 500px;
  position: relative;
  line-height: 12px; }
  .file-upload-modal .file-upload-form .form-upload-box .file-uploader {
    max-height: 500px;
    min-height: 300px; }
  .file-upload-modal .file-upload-form .form-upload-box .file-done {
    margin-top: 8px; }
  .file-upload-modal .file-upload-form .form-upload-box .add-file-wrap .add-file {
    margin-top: 2px; }
  .file-upload-modal .file-upload-form .form-upload-box .add-file-wrap .upload-hint {
    margin: 8px 0; }

.comments-dialog {
  position: absolute; }
  .comments-dialog .modal-content {
    min-width: 240px;
    max-width: 400px;
    border-radius: 4px;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #EBEDF1; }
  .comments-dialog .btn-text {
    color: #979899; }

.winning-design-notification-form {
  padding: 0; }
  .winning-design-notification-form h2 {
    margin-bottom: 16px; }
  .winning-design-notification-form .winning-design-notification-form {
    padding: 16px 0; }
  .winning-design-notification-form .form-group {
    margin-bottom: 0; }
  .winning-design-notification-form .btn-animated-wrapper {
    width: auto;
    float: left; }

.loading-indicator {
  width: 70px !important;
  height: 35px !important;
  overflow: hidden;
  margin: 0 auto; }
  .loading-indicator.full-screen {
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 48px);
    margin: initial; }
  .loading-indicator .loading-indicator-animation {
    width: 70px;
    height: 70px;
    border-style: solid;
    border-top-color: #BDBEBF;
    border-right-color: #BDBEBF;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotate 3s ease-in-out infinite;
    transform: rotate(-200deg); }

@keyframes rotate {
  0% {
    border-width: 10px; }
  25% {
    border-width: 3px; }
  50% {
    transform: rotate(115deg);
    border-width: 10px; }
  75% {
    border-width: 3px; }
  100% {
    border-width: 10px; } }

.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.1em solid #979899;
  width: 0.8em;
  height: 0.8em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg); }

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 47.77574px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: inline-block;
  background-color: #EBEDF1; }
  .c100 *, .c100 *:before, .c100 *:after {
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.medium {
    font-size: 150px; }
  .c100.big {
    font-size: 240px; }
  .c100.small {
    font-size: 40px; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 2.4em;
    line-height: 2.5em;
    font-size: 0.4em;
    color: #262626;
    font-weight: 800;
    letter-spacing: -0.08em;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition: all 0.2s ease-out; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .c100 > span {
        padding-top: 4px; } }
  .c100:after {
    position: absolute;
    top: 0.1em;
    left: 0.1em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #FFFFFF;
    width: 0.8em;
    height: 0.8em;
    transition: all 0.2s ease-in; }
  .c100 .slice {
    position: absolute;
    width: 1.01em;
    height: 1.01em;
    clip: rect(0em, 1em, 1em, 0.5em); }
  .c100 .bar {
    transition: all 0.2s ease-out; }
  .c100.p1 .bar {
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    transform: rotate(18deg); }
  .c100.p6 .bar {
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    transform: rotate(36deg); }
  .c100.p11 .bar {
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    transform: rotate(54deg); }
  .c100.p16 .bar {
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    transform: rotate(72deg); }
  .c100.p21 .bar {
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    transform: rotate(90deg); }
  .c100.p26 .bar {
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    transform: rotate(108deg); }
  .c100.p31 .bar {
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    transform: rotate(126deg); }
  .c100.p36 .bar {
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    transform: rotate(144deg); }
  .c100.p41 .bar {
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    transform: rotate(162deg); }
  .c100.p46 .bar {
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    transform: rotate(180deg); }
  .c100.p51 .bar {
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    transform: rotate(198deg); }
  .c100.p56 .bar {
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    transform: rotate(216deg); }
  .c100.p61 .bar {
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    transform: rotate(234deg); }
  .c100.p66 .bar {
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    transform: rotate(252deg); }
  .c100.p71 .bar {
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    transform: rotate(270deg); }
  .c100.p76 .bar {
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    transform: rotate(288deg); }
  .c100.p81 .bar {
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    transform: rotate(306deg); }
  .c100.p86 .bar {
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    transform: rotate(324deg); }
  .c100.p91 .bar {
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    transform: rotate(342deg); }
  .c100.p96 .bar {
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    transform: rotate(360deg); }
  .c100:hover {
    cursor: default;
    /*> span {
      //width: 2em;
      //line-height: 2em;
      //font-size: 0.5em;
      //color: $color-black;
    }

    &:after{
      top: $circle-width-hover;
      left: $circle-width-hover;
      width: 1 - (2 * $circle-width-hover);
      height: 1 - (2 * $circle-width-hover);
    }*/ }
  .c100.elite .bar, .c100.elite .fill, .c100.platinum .bar, .c100.platinum .fill, .c100.standard .bar, .c100.standard .fill {
    border-color: #00C66C !important; }

.tile, .pap-review .review-row, .admin-island, .admin-edit-brief .brief-section .item.review, .marketing-tools .box, .email-automations .table-default tbody tr, .block.block-stats .stat-box {
  position: relative;
  overflow: hidden;
  margin-bottom: 32px;
  background: #FFFFFF;
  border-radius: 4px;
  box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.25);
  transition: all ease-out 0.2s; }
  .tile:not(.read-only):hover, .pap-review .review-row:not(.read-only):hover, .admin-island:not(.read-only):hover, .admin-edit-brief .brief-section .item.review:not(.read-only):hover, .marketing-tools .box:not(.read-only):hover, .email-automations .table-default tbody tr:not(.read-only):hover, .block.block-stats .stat-box:not(.read-only):hover, .tile:not(.read-only):focus, .pap-review .review-row:not(.read-only):focus, .admin-island:not(.read-only):focus, .admin-edit-brief .brief-section .item.review:not(.read-only):focus, .marketing-tools .box:not(.read-only):focus, .email-automations .table-default tbody tr:not(.read-only):focus, .block.block-stats .stat-box:not(.read-only):focus {
    box-shadow: 0px 16px 32px rgba(114, 114, 115, 0.2); }
    .tile:not(.read-only):hover .tile-tools, .pap-review .review-row:not(.read-only):hover .tile-tools, .admin-island:not(.read-only):hover .tile-tools, .admin-edit-brief .brief-section .item.review:not(.read-only):hover .tile-tools, .marketing-tools .box:not(.read-only):hover .tile-tools, .email-automations .table-default tbody tr:not(.read-only):hover .tile-tools, .block.block-stats .stat-box:not(.read-only):hover .tile-tools, .tile:not(.read-only):focus .tile-tools, .pap-review .review-row:not(.read-only):focus .tile-tools, .admin-island:not(.read-only):focus .tile-tools, .admin-edit-brief .brief-section .item.review:not(.read-only):focus .tile-tools, .marketing-tools .box:not(.read-only):focus .tile-tools, .email-automations .table-default tbody tr:not(.read-only):focus .tile-tools, .block.block-stats .stat-box:not(.read-only):focus .tile-tools {
      opacity: 1; }
  .tile .tile-tools, .pap-review .review-row .tile-tools, .admin-island .tile-tools, .admin-edit-brief .brief-section .item.review .tile-tools, .marketing-tools .box .tile-tools, .email-automations .table-default tbody tr .tile-tools, .block.block-stats .stat-box .tile-tools {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 8px 8px 0;
    z-index: 100;
    margin: 0;
    transition: opacity ease-out 0.2s;
    text-align: right; }
    @media screen and (min-width: 64em) {
      .tile .tile-tools, .pap-review .review-row .tile-tools, .admin-island .tile-tools, .admin-edit-brief .brief-section .item.review .tile-tools, .marketing-tools .box .tile-tools, .email-automations .table-default tbody tr .tile-tools, .block.block-stats .stat-box .tile-tools {
        opacity: 0; } }
    .tile .tile-tools .btn-tools svg g, .pap-review .review-row .tile-tools .btn-tools svg g, .admin-island .tile-tools .btn-tools svg g, .admin-edit-brief .brief-section .item.review .tile-tools .btn-tools svg g, .marketing-tools .box .tile-tools .btn-tools svg g, .email-automations .table-default tbody tr .tile-tools .btn-tools svg g, .block.block-stats .stat-box .tile-tools .btn-tools svg g {
      transition: fill 0.1s ease-out; }
    .tile .tile-tools .btn-tools:hover svg g, .pap-review .review-row .tile-tools .btn-tools:hover svg g, .admin-island .tile-tools .btn-tools:hover svg g, .admin-edit-brief .brief-section .item.review .tile-tools .btn-tools:hover svg g, .marketing-tools .box .tile-tools .btn-tools:hover svg g, .email-automations .table-default tbody tr .tile-tools .btn-tools:hover svg g, .block.block-stats .stat-box .tile-tools .btn-tools:hover svg g, .tile .tile-tools .btn-tools:active svg g, .pap-review .review-row .tile-tools .btn-tools:active svg g, .admin-island .tile-tools .btn-tools:active svg g, .admin-edit-brief .brief-section .item.review .tile-tools .btn-tools:active svg g, .marketing-tools .box .tile-tools .btn-tools:active svg g, .email-automations .table-default tbody tr .tile-tools .btn-tools:active svg g, .block.block-stats .stat-box .tile-tools .btn-tools:active svg g {
      fill: #727273; }

.tile.project-tile:hover .project-meta .project-title a, .pap-review .project-tile.review-row:hover .project-meta .project-title a, .project-tile.admin-island:hover .project-meta .project-title a, .admin-edit-brief .brief-section .project-tile.item.review:hover .project-meta .project-title a, .marketing-tools .project-tile.box:hover .project-meta .project-title a, .email-automations .table-default tbody tr.project-tile:hover .project-meta .project-title a, .block.block-stats .project-tile.stat-box:hover .project-meta .project-title a, .tile.project-tile:active .project-meta .project-title a, .pap-review .project-tile.review-row:active .project-meta .project-title a, .project-tile.admin-island:active .project-meta .project-title a, .admin-edit-brief .brief-section .project-tile.item.review:active .project-meta .project-title a, .marketing-tools .project-tile.box:active .project-meta .project-title a, .email-automations .table-default tbody tr.project-tile:active .project-meta .project-title a, .block.block-stats .project-tile.stat-box:active .project-meta .project-title a {
  color: #23B3F1; }

.tile.project-tile:hover .common-project-info .project-tags .tag, .pap-review .project-tile.review-row:hover .common-project-info .project-tags .tag, .project-tile.admin-island:hover .common-project-info .project-tags .tag, .admin-edit-brief .brief-section .project-tile.item.review:hover .common-project-info .project-tags .tag, .marketing-tools .project-tile.box:hover .common-project-info .project-tags .tag, .email-automations .table-default tbody tr.project-tile:hover .common-project-info .project-tags .tag, .block.block-stats .project-tile.stat-box:hover .common-project-info .project-tags .tag, .tile.project-tile:active .common-project-info .project-tags .tag, .pap-review .project-tile.review-row:active .common-project-info .project-tags .tag, .project-tile.admin-island:active .common-project-info .project-tags .tag, .admin-edit-brief .brief-section .project-tile.item.review:active .common-project-info .project-tags .tag, .marketing-tools .project-tile.box:active .common-project-info .project-tags .tag, .email-automations .table-default tbody tr.project-tile:active .common-project-info .project-tags .tag, .block.block-stats .project-tile.stat-box:active .common-project-info .project-tags .tag {
  opacity: 1; }

.tile.project-tile:hover .project-stats .stat-label.tag, .pap-review .project-tile.review-row:hover .project-stats .stat-label.tag, .project-tile.admin-island:hover .project-stats .stat-label.tag, .admin-edit-brief .brief-section .project-tile.item.review:hover .project-stats .stat-label.tag, .marketing-tools .project-tile.box:hover .project-stats .stat-label.tag, .email-automations .table-default tbody tr.project-tile:hover .project-stats .stat-label.tag, .block.block-stats .project-tile.stat-box:hover .project-stats .stat-label.tag, .tile.project-tile:active .project-stats .stat-label.tag, .pap-review .project-tile.review-row:active .project-stats .stat-label.tag, .project-tile.admin-island:active .project-stats .stat-label.tag, .admin-edit-brief .brief-section .project-tile.item.review:active .project-stats .stat-label.tag, .marketing-tools .project-tile.box:active .project-stats .stat-label.tag, .email-automations .table-default tbody tr.project-tile:active .project-stats .stat-label.tag, .block.block-stats .project-tile.stat-box:active .project-stats .stat-label.tag {
  opacity: 1; }

.tile.project-tile:hover .project-stats .stat-value, .pap-review .project-tile.review-row:hover .project-stats .stat-value, .project-tile.admin-island:hover .project-stats .stat-value, .admin-edit-brief .brief-section .project-tile.item.review:hover .project-stats .stat-value, .marketing-tools .project-tile.box:hover .project-stats .stat-value, .email-automations .table-default tbody tr.project-tile:hover .project-stats .stat-value, .block.block-stats .project-tile.stat-box:hover .project-stats .stat-value, .tile.project-tile:active .project-stats .stat-value, .pap-review .project-tile.review-row:active .project-stats .stat-value, .project-tile.admin-island:active .project-stats .stat-value, .admin-edit-brief .brief-section .project-tile.item.review:active .project-stats .stat-value, .marketing-tools .project-tile.box:active .project-stats .stat-value, .email-automations .table-default tbody tr.project-tile:active .project-stats .stat-value, .block.block-stats .project-tile.stat-box:active .project-stats .stat-value {
  color: #262626; }
  .tile.project-tile:hover .project-stats .stat-value a, .pap-review .project-tile.review-row:hover .project-stats .stat-value a, .project-tile.admin-island:hover .project-stats .stat-value a, .admin-edit-brief .brief-section .project-tile.item.review:hover .project-stats .stat-value a, .marketing-tools .project-tile.box:hover .project-stats .stat-value a, .email-automations .table-default tbody tr.project-tile:hover .project-stats .stat-value a, .block.block-stats .project-tile.stat-box:hover .project-stats .stat-value a, .tile.project-tile:active .project-stats .stat-value a, .pap-review .project-tile.review-row:active .project-stats .stat-value a, .project-tile.admin-island:active .project-stats .stat-value a, .admin-edit-brief .brief-section .project-tile.item.review:active .project-stats .stat-value a, .marketing-tools .project-tile.box:active .project-stats .stat-value a, .email-automations .table-default tbody tr.project-tile:active .project-stats .stat-value a, .block.block-stats .project-tile.stat-box:active .project-stats .stat-value a {
    color: #23B3F1; }

.tile.project-tile:hover .project-stats .svg-icon svg g, .pap-review .project-tile.review-row:hover .project-stats .svg-icon svg g, .project-tile.admin-island:hover .project-stats .svg-icon svg g, .admin-edit-brief .brief-section .project-tile.item.review:hover .project-stats .svg-icon svg g, .marketing-tools .project-tile.box:hover .project-stats .svg-icon svg g, .email-automations .table-default tbody tr.project-tile:hover .project-stats .svg-icon svg g, .block.block-stats .project-tile.stat-box:hover .project-stats .svg-icon svg g, .tile.project-tile:active .project-stats .svg-icon svg g, .pap-review .project-tile.review-row:active .project-stats .svg-icon svg g, .project-tile.admin-island:active .project-stats .svg-icon svg g, .admin-edit-brief .brief-section .project-tile.item.review:active .project-stats .svg-icon svg g, .marketing-tools .project-tile.box:active .project-stats .svg-icon svg g, .email-automations .table-default tbody tr.project-tile:active .project-stats .svg-icon svg g, .block.block-stats .project-tile.stat-box:active .project-stats .svg-icon svg g {
  fill: #262626; }

.tile.project-tile.featured:before, .pap-review .project-tile.featured.review-row:before, .project-tile.featured.admin-island:before, .admin-edit-brief .brief-section .project-tile.featured.item.review:before, .marketing-tools .project-tile.featured.box:before, .email-automations .table-default tbody tr.project-tile.featured:before, .block.block-stats .project-tile.featured.stat-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 8px;
  background: #DD0268;
  z-index: 1; }
  @media screen and (min-width: 39.4375em) {
    .tile.project-tile.featured:before, .pap-review .project-tile.featured.review-row:before, .project-tile.featured.admin-island:before, .admin-edit-brief .brief-section .project-tile.featured.item.review:before, .marketing-tools .project-tile.featured.box:before, .email-automations .table-default tbody tr.project-tile.featured:before, .block.block-stats .project-tile.featured.stat-box:before {
      bottom: 0;
      left: 0;
      height: 100%;
      right: initial;
      width: 8px; } }

.tile.project-tile .project-thumbnail .thumbnail, .pap-review .project-tile.review-row .project-thumbnail .thumbnail, .project-tile.admin-island .project-thumbnail .thumbnail, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail, .marketing-tools .project-tile.box .project-thumbnail .thumbnail, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail {
  background: url("https://crowdspring3-assets.s3.amazonaws.com/marketing/project-default-image.png");
  border-radius: 0;
  box-shadow: 0px 0px 4px rgba(151, 152, 153, 0.2); }
  .tile.project-tile .project-thumbnail .thumbnail:hover, .pap-review .project-tile.review-row .project-thumbnail .thumbnail:hover, .project-tile.admin-island .project-thumbnail .thumbnail:hover, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail:hover, .marketing-tools .project-tile.box .project-thumbnail .thumbnail:hover, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail:hover, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail:hover {
    box-shadow: 0px 0px 4px rgba(151, 152, 153, 0.2); }
  @media screen and (min-width: 64em) {
    .tile.project-tile .project-thumbnail .thumbnail, .pap-review .project-tile.review-row .project-thumbnail .thumbnail, .project-tile.admin-island .project-thumbnail .thumbnail, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail, .marketing-tools .project-tile.box .project-thumbnail .thumbnail, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail {
      border-radius: 4px 0 0 4px;
      box-shadow: 2px 0px 4px rgba(151, 152, 153, 0.2); }
      .tile.project-tile .project-thumbnail .thumbnail:hover, .pap-review .project-tile.review-row .project-thumbnail .thumbnail:hover, .project-tile.admin-island .project-thumbnail .thumbnail:hover, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail:hover, .marketing-tools .project-tile.box .project-thumbnail .thumbnail:hover, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail:hover, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail:hover {
        box-shadow: 2px 0px 4px rgba(151, 152, 153, 0.2); } }
  .tile.project-tile .project-thumbnail .thumbnail.new:not(.ndad):not(.blind), .pap-review .project-tile.review-row .project-thumbnail .thumbnail.new:not(.ndad):not(.blind), .project-tile.admin-island .project-thumbnail .thumbnail.new:not(.ndad):not(.blind), .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail.new:not(.ndad):not(.blind), .marketing-tools .project-tile.box .project-thumbnail .thumbnail.new:not(.ndad):not(.blind), .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail.new:not(.ndad):not(.blind), .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail.new:not(.ndad):not(.blind) {
    background: url("https://crowdspring3-assets.s3.amazonaws.com/marketing/project-new-image.png"); }

.tile.project-tile .project-thumbnail .thumbnail.action-required, .pap-review .project-tile.review-row .project-thumbnail .thumbnail.action-required, .project-tile.admin-island .project-thumbnail .thumbnail.action-required, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail.action-required, .marketing-tools .project-tile.box .project-thumbnail .thumbnail.action-required, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail.action-required, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail.action-required {
  background: rgba(0, 6, 48, 0.93);
  height: 110%;
  width: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 24px;
  padding-top: 25%; }
  .tile.project-tile .project-thumbnail .thumbnail.action-required:after, .pap-review .project-tile.review-row .project-thumbnail .thumbnail.action-required:after, .project-tile.admin-island .project-thumbnail .thumbnail.action-required:after, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail.action-required:after, .marketing-tools .project-tile.box .project-thumbnail .thumbnail.action-required:after, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail.action-required:after, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail.action-required:after {
    content: "Action Required";
    display: block;
    font-size: 8px;
    color: #FFFFFF;
    font-family: "Overpass", "system", Arial, sans-serif;
    text-transform: uppercase;
    margin-top: 4px; }

.tile.project-tile .project-thumbnail .thumbnail-special-content, .pap-review .project-tile.review-row .project-thumbnail .thumbnail-special-content, .project-tile.admin-island .project-thumbnail .thumbnail-special-content, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail-special-content, .marketing-tools .project-tile.box .project-thumbnail .thumbnail-special-content, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail-special-content, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail-special-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 23.04px;
  font-weight: 600; }
  .tile.project-tile .project-thumbnail .thumbnail-special-content i, .pap-review .project-tile.review-row .project-thumbnail .thumbnail-special-content i, .project-tile.admin-island .project-thumbnail .thumbnail-special-content i, .admin-edit-brief .brief-section .project-tile.item.review .project-thumbnail .thumbnail-special-content i, .marketing-tools .project-tile.box .project-thumbnail .thumbnail-special-content i, .email-automations .table-default tbody tr.project-tile .project-thumbnail .thumbnail-special-content i, .block.block-stats .project-tile.stat-box .project-thumbnail .thumbnail-special-content i {
    font-size: 47.77574px; }

.tile.project-tile .common-project-info, .pap-review .project-tile.review-row .common-project-info, .project-tile.admin-island .common-project-info, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info, .marketing-tools .project-tile.box .common-project-info, .email-automations .table-default tbody tr.project-tile .common-project-info, .block.block-stats .project-tile.stat-box .common-project-info {
  position: relative;
  margin: 16px 8px 24px;
  color: #979899; }
  @media screen and (min-width: 39.4375em) {
    .tile.project-tile .common-project-info, .pap-review .project-tile.review-row .common-project-info, .project-tile.admin-island .common-project-info, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info, .marketing-tools .project-tile.box .common-project-info, .email-automations .table-default tbody tr.project-tile .common-project-info, .block.block-stats .project-tile.stat-box .common-project-info {
      margin: 16px 24px 0 0; } }
  .tile.project-tile .common-project-info .project-title, .pap-review .project-tile.review-row .common-project-info .project-title, .project-tile.admin-island .common-project-info .project-title, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-title, .marketing-tools .project-tile.box .common-project-info .project-title, .email-automations .table-default tbody tr.project-tile .common-project-info .project-title, .block.block-stats .project-tile.stat-box .common-project-info .project-title {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 23.04px; }
    @media screen and (min-width: 64em) {
      .tile.project-tile .common-project-info .project-title, .pap-review .project-tile.review-row .common-project-info .project-title, .project-tile.admin-island .common-project-info .project-title, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-title, .marketing-tools .project-tile.box .common-project-info .project-title, .email-automations .table-default tbody tr.project-tile .common-project-info .project-title, .block.block-stats .project-tile.stat-box .common-project-info .project-title {
        margin-right: 16px; } }
    .tile.project-tile .common-project-info .project-title a, .pap-review .project-tile.review-row .common-project-info .project-title a, .project-tile.admin-island .common-project-info .project-title a, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-title a, .marketing-tools .project-tile.box .common-project-info .project-title a, .email-automations .table-default tbody tr.project-tile .common-project-info .project-title a, .block.block-stats .project-tile.stat-box .common-project-info .project-title a {
      color: #262626;
      transition: color 0.2s ease-out; }
      @media screen and (min-width: 64em) {
        .tile.project-tile .common-project-info .project-title a, .pap-review .project-tile.review-row .common-project-info .project-title a, .project-tile.admin-island .common-project-info .project-title a, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-title a, .marketing-tools .project-tile.box .common-project-info .project-title a, .email-automations .table-default tbody tr.project-tile .common-project-info .project-title a, .block.block-stats .project-tile.stat-box .common-project-info .project-title a {
          color: #979899; } }
      .tile.project-tile .common-project-info .project-title a:hover, .pap-review .project-tile.review-row .common-project-info .project-title a:hover, .project-tile.admin-island .common-project-info .project-title a:hover, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-title a:hover, .marketing-tools .project-tile.box .common-project-info .project-title a:hover, .email-automations .table-default tbody tr.project-tile .common-project-info .project-title a:hover, .block.block-stats .project-tile.stat-box .common-project-info .project-title a:hover {
        text-decoration: none; }
  .tile.project-tile .common-project-info .project-categories .tag-filter, .pap-review .project-tile.review-row .common-project-info .project-categories .tag-filter, .project-tile.admin-island .common-project-info .project-categories .tag-filter, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-categories .tag-filter, .marketing-tools .project-tile.box .common-project-info .project-categories .tag-filter, .email-automations .table-default tbody tr.project-tile .common-project-info .project-categories .tag-filter, .block.block-stats .project-tile.stat-box .common-project-info .project-categories .tag-filter {
    position: relative;
    z-index: 105;
    cursor: pointer; }
    .tile.project-tile .common-project-info .project-categories .tag-filter:hover, .pap-review .project-tile.review-row .common-project-info .project-categories .tag-filter:hover, .project-tile.admin-island .common-project-info .project-categories .tag-filter:hover, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-categories .tag-filter:hover, .marketing-tools .project-tile.box .common-project-info .project-categories .tag-filter:hover, .email-automations .table-default tbody tr.project-tile .common-project-info .project-categories .tag-filter:hover, .block.block-stats .project-tile.stat-box .common-project-info .project-categories .tag-filter:hover {
      color: #727273; }
  .tile.project-tile .common-project-info .project-categories .tag:first-child, .pap-review .project-tile.review-row .common-project-info .project-categories .tag:first-child, .project-tile.admin-island .common-project-info .project-categories .tag:first-child, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-categories .tag:first-child, .marketing-tools .project-tile.box .common-project-info .project-categories .tag:first-child, .email-automations .table-default tbody tr.project-tile .common-project-info .project-categories .tag:first-child, .block.block-stats .project-tile.stat-box .common-project-info .project-categories .tag:first-child {
    margin-left: 0; }
  .tile.project-tile .common-project-info .project-categories .dot:before, .pap-review .project-tile.review-row .common-project-info .project-categories .dot:before, .project-tile.admin-island .common-project-info .project-categories .dot:before, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-categories .dot:before, .marketing-tools .project-tile.box .common-project-info .project-categories .dot:before, .email-automations .table-default tbody tr.project-tile .common-project-info .project-categories .dot:before, .block.block-stats .project-tile.stat-box .common-project-info .project-categories .dot:before {
    content: '\B7'; }
  .tile.project-tile .common-project-info .project-tags .tag, .pap-review .project-tile.review-row .common-project-info .project-tags .tag, .project-tile.admin-island .common-project-info .project-tags .tag, .admin-edit-brief .brief-section .project-tile.item.review .common-project-info .project-tags .tag, .marketing-tools .project-tile.box .common-project-info .project-tags .tag, .email-automations .table-default tbody tr.project-tile .common-project-info .project-tags .tag, .block.block-stats .project-tile.stat-box .common-project-info .project-tags .tag {
    opacity: 0.5;
    transition: opacity 0.2s ease-out; }

.tile.project-tile .project-stats, .pap-review .project-tile.review-row .project-stats, .project-tile.admin-island .project-stats, .admin-edit-brief .brief-section .project-tile.item.review .project-stats, .marketing-tools .project-tile.box .project-stats, .email-automations .table-default tbody tr.project-tile .project-stats, .block.block-stats .project-tile.stat-box .project-stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 24px 16px; }
  @media screen and (min-width: 39.4375em) {
    .tile.project-tile .project-stats, .pap-review .project-tile.review-row .project-stats, .project-tile.admin-island .project-stats, .admin-edit-brief .brief-section .project-tile.item.review .project-stats, .marketing-tools .project-tile.box .project-stats, .email-automations .table-default tbody tr.project-tile .project-stats, .block.block-stats .project-tile.stat-box .project-stats {
      position: absolute;
      bottom: 16px;
      width: 56%;
      padding: 0; } }
  @media screen and (min-width: 64em) {
    .tile.project-tile .project-stats, .pap-review .project-tile.review-row .project-stats, .project-tile.admin-island .project-stats, .admin-edit-brief .brief-section .project-tile.item.review .project-stats, .marketing-tools .project-tile.box .project-stats, .email-automations .table-default tbody tr.project-tile .project-stats, .block.block-stats .project-tile.stat-box .project-stats {
      width: 62%; } }
  .tile.project-tile .project-stats li, .pap-review .project-tile.review-row .project-stats li, .project-tile.admin-island .project-stats li, .admin-edit-brief .brief-section .project-tile.item.review .project-stats li, .marketing-tools .project-tile.box .project-stats li, .email-automations .table-default tbody tr.project-tile .project-stats li, .block.block-stats .project-tile.stat-box .project-stats li {
    display: inline-block;
    text-align: center; }
  .tile.project-tile .project-stats .svg-icon, .pap-review .project-tile.review-row .project-stats .svg-icon, .project-tile.admin-island .project-stats .svg-icon, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .svg-icon, .marketing-tools .project-tile.box .project-stats .svg-icon, .email-automations .table-default tbody tr.project-tile .project-stats .svg-icon, .block.block-stats .project-tile.stat-box .project-stats .svg-icon {
    margin: 8px auto 0; }
    @media screen and (min-width: 64em) {
      .tile.project-tile .project-stats .svg-icon svg, .pap-review .project-tile.review-row .project-stats .svg-icon svg, .project-tile.admin-island .project-stats .svg-icon svg, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .svg-icon svg, .marketing-tools .project-tile.box .project-stats .svg-icon svg, .email-automations .table-default tbody tr.project-tile .project-stats .svg-icon svg, .block.block-stats .project-tile.stat-box .project-stats .svg-icon svg {
        width: 27.648px;
        height: 27.648px; } }
    .tile.project-tile .project-stats .svg-icon svg g, .pap-review .project-tile.review-row .project-stats .svg-icon svg g, .project-tile.admin-island .project-stats .svg-icon svg g, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .svg-icon svg g, .marketing-tools .project-tile.box .project-stats .svg-icon svg g, .email-automations .table-default tbody tr.project-tile .project-stats .svg-icon svg g, .block.block-stats .project-tile.stat-box .project-stats .svg-icon svg g {
      fill: #262626;
      transition: fill 0.2s ease-out; }
      @media screen and (min-width: 64em) {
        .tile.project-tile .project-stats .svg-icon svg g, .pap-review .project-tile.review-row .project-stats .svg-icon svg g, .project-tile.admin-island .project-stats .svg-icon svg g, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .svg-icon svg g, .marketing-tools .project-tile.box .project-stats .svg-icon svg g, .email-automations .table-default tbody tr.project-tile .project-stats .svg-icon svg g, .block.block-stats .project-tile.stat-box .project-stats .svg-icon svg g {
          fill: #979899; } }
  .tile.project-tile .project-stats .stat-label, .pap-review .project-tile.review-row .project-stats .stat-label, .project-tile.admin-island .project-stats .stat-label, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-label, .marketing-tools .project-tile.box .project-stats .stat-label, .email-automations .table-default tbody tr.project-tile .project-stats .stat-label, .block.block-stats .project-tile.stat-box .project-stats .stat-label {
    display: block;
    text-transform: uppercase;
    color: #979899;
    font-size: 11.10222px;
    font-weight: 700;
    margin-bottom: 2px;
    line-height: 11.10222px; }
    .tile.project-tile .project-stats .stat-label.tag, .pap-review .project-tile.review-row .project-stats .stat-label.tag, .project-tile.admin-island .project-stats .stat-label.tag, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-label.tag, .marketing-tools .project-tile.box .project-stats .stat-label.tag, .email-automations .table-default tbody tr.project-tile .project-stats .stat-label.tag, .block.block-stats .project-tile.stat-box .project-stats .stat-label.tag {
      color: #FFFFFF;
      padding: 1px 2px;
      line-height: 11.10222px;
      margin: 0;
      opacity: 0.5;
      transition: opacity 0.2s ease-out; }
  .tile.project-tile .project-stats .stat-value, .pap-review .project-tile.review-row .project-stats .stat-value, .project-tile.admin-island .project-stats .stat-value, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-value, .marketing-tools .project-tile.box .project-stats .stat-value, .email-automations .table-default tbody tr.project-tile .project-stats .stat-value, .block.block-stats .project-tile.stat-box .project-stats .stat-value {
    transition: all 0.2s ease-out;
    letter-spacing: -0.04em;
    display: block;
    font-size: 19.2px;
    font-weight: 700;
    color: #262626; }
    .tile.project-tile .project-stats .stat-value:hover, .pap-review .project-tile.review-row .project-stats .stat-value:hover, .project-tile.admin-island .project-stats .stat-value:hover, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-value:hover, .marketing-tools .project-tile.box .project-stats .stat-value:hover, .email-automations .table-default tbody tr.project-tile .project-stats .stat-value:hover, .block.block-stats .project-tile.stat-box .project-stats .stat-value:hover {
      cursor: default; }
    .tile.project-tile .project-stats .stat-value sup, .pap-review .project-tile.review-row .project-stats .stat-value sup, .project-tile.admin-island .project-stats .stat-value sup, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-value sup, .marketing-tools .project-tile.box .project-stats .stat-value sup, .email-automations .table-default tbody tr.project-tile .project-stats .stat-value sup, .block.block-stats .project-tile.stat-box .project-stats .stat-value sup {
      font-size: 13.328px;
      top: -0.7em; }
    .tile.project-tile .project-stats .stat-value a, .pap-review .project-tile.review-row .project-stats .stat-value a, .project-tile.admin-island .project-stats .stat-value a, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-value a, .marketing-tools .project-tile.box .project-stats .stat-value a, .email-automations .table-default tbody tr.project-tile .project-stats .stat-value a, .block.block-stats .project-tile.stat-box .project-stats .stat-value a {
      color: #262626; }
  @media screen and (min-width: 64em) {
    .tile.project-tile .project-stats .stat-label, .pap-review .project-tile.review-row .project-stats .stat-label, .project-tile.admin-island .project-stats .stat-label, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-label, .marketing-tools .project-tile.box .project-stats .stat-label, .email-automations .table-default tbody tr.project-tile .project-stats .stat-label, .block.block-stats .project-tile.stat-box .project-stats .stat-label {
      font-size: 13.328px;
      line-height: 13.328px;
      margin-bottom: 0;
      cursor: default;
      padding: 4px; }
      .tile.project-tile .project-stats .stat-label.tag, .pap-review .project-tile.review-row .project-stats .stat-label.tag, .project-tile.admin-island .project-stats .stat-label.tag, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-label.tag, .marketing-tools .project-tile.box .project-stats .stat-label.tag, .email-automations .table-default tbody tr.project-tile .project-stats .stat-label.tag, .block.block-stats .project-tile.stat-box .project-stats .stat-label.tag {
        padding: 2px;
        line-height: 13.328px;
        margin-bottom: 0; }
    .tile.project-tile .project-stats .stat-value, .pap-review .project-tile.review-row .project-stats .stat-value, .project-tile.admin-island .project-stats .stat-value, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-value, .marketing-tools .project-tile.box .project-stats .stat-value, .email-automations .table-default tbody tr.project-tile .project-stats .stat-value, .block.block-stats .project-tile.stat-box .project-stats .stat-value {
      font-size: 27.648px;
      color: #979899; }
      .tile.project-tile .project-stats .stat-value a, .pap-review .project-tile.review-row .project-stats .stat-value a, .project-tile.admin-island .project-stats .stat-value a, .admin-edit-brief .brief-section .project-tile.item.review .project-stats .stat-value a, .marketing-tools .project-tile.box .project-stats .stat-value a, .email-automations .table-default tbody tr.project-tile .project-stats .stat-value a, .block.block-stats .project-tile.stat-box .project-stats .stat-value a {
        color: #979899; } }

.tile.project-tile .tooltip, .pap-review .project-tile.review-row .tooltip, .project-tile.admin-island .tooltip, .admin-edit-brief .brief-section .project-tile.item.review .tooltip, .marketing-tools .project-tile.box .tooltip, .email-automations .table-default tbody tr.project-tile .tooltip, .block.block-stats .project-tile.stat-box .tooltip {
  max-width: 280px;
  text-align: left; }

.tile.creative-tile .tile-tools, .pap-review .creative-tile.review-row .tile-tools, .creative-tile.admin-island .tile-tools, .admin-edit-brief .brief-section .creative-tile.item.review .tile-tools, .marketing-tools .creative-tile.box .tile-tools, .email-automations .table-default tbody tr.creative-tile .tile-tools, .block.block-stats .creative-tile.stat-box .tile-tools {
  left: auto;
  width: auto; }

.tile.creative-tile .dropdown-menu, .pap-review .creative-tile.review-row .dropdown-menu, .creative-tile.admin-island .dropdown-menu, .admin-edit-brief .brief-section .creative-tile.item.review .dropdown-menu, .marketing-tools .creative-tile.box .dropdown-menu, .email-automations .table-default tbody tr.creative-tile .dropdown-menu, .block.block-stats .creative-tile.stat-box .dropdown-menu {
  min-width: 300px; }

.tile.creative-tile .creative-header, .pap-review .creative-tile.review-row .creative-header, .creative-tile.admin-island .creative-header, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header, .marketing-tools .creative-tile.box .creative-header, .email-automations .table-default tbody tr.creative-tile .creative-header, .block.block-stats .creative-tile.stat-box .creative-header {
  padding: 16px 0 8px 16px; }
  .tile.creative-tile .creative-header .avatar, .pap-review .creative-tile.review-row .creative-header .avatar, .creative-tile.admin-island .creative-header .avatar, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .avatar, .marketing-tools .creative-tile.box .creative-header .avatar, .email-automations .table-default tbody tr.creative-tile .creative-header .avatar, .block.block-stats .creative-tile.stat-box .creative-header .avatar {
    float: left; }
  .tile.creative-tile .creative-header .creative-name, .pap-review .creative-tile.review-row .creative-header .creative-name, .creative-tile.admin-island .creative-header .creative-name, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-name, .marketing-tools .creative-tile.box .creative-header .creative-name, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-name, .block.block-stats .creative-tile.stat-box .creative-header .creative-name {
    float: left;
    margin-left: 16px; }
    .tile.creative-tile .creative-header .creative-name h2, .pap-review .creative-tile.review-row .creative-header .creative-name h2, .creative-tile.admin-island .creative-header .creative-name h2, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-name h2, .marketing-tools .creative-tile.box .creative-header .creative-name h2, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-name h2, .block.block-stats .creative-tile.stat-box .creative-header .creative-name h2 {
      margin: 0;
      font-weight: 600;
      line-height: 23.04px;
      font-size: 23.04px; }
      .tile.creative-tile .creative-header .creative-name h2 a, .pap-review .creative-tile.review-row .creative-header .creative-name h2 a, .creative-tile.admin-island .creative-header .creative-name h2 a, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-name h2 a, .marketing-tools .creative-tile.box .creative-header .creative-name h2 a, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-name h2 a, .block.block-stats .creative-tile.stat-box .creative-header .creative-name h2 a {
        color: #262626; }
    .tile.creative-tile .creative-header .creative-name .creative-location, .pap-review .creative-tile.review-row .creative-header .creative-name .creative-location, .creative-tile.admin-island .creative-header .creative-name .creative-location, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-name .creative-location, .marketing-tools .creative-tile.box .creative-header .creative-name .creative-location, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-name .creative-location, .block.block-stats .creative-tile.stat-box .creative-header .creative-name .creative-location {
      text-transform: capitalize;
      color: #979899;
      font-size: 13.328px;
      line-height: 13.328px; }
  .tile.creative-tile .creative-header .creative-reputation, .pap-review .creative-tile.review-row .creative-header .creative-reputation, .creative-tile.admin-island .creative-header .creative-reputation, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-reputation, .marketing-tools .creative-tile.box .creative-header .creative-reputation, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-reputation, .block.block-stats .creative-tile.stat-box .creative-header .creative-reputation {
    text-align: left;
    margin-top: 16px; }
    @media screen and (min-width: 64em) {
      .tile.creative-tile .creative-header .creative-reputation, .pap-review .creative-tile.review-row .creative-header .creative-reputation, .creative-tile.admin-island .creative-header .creative-reputation, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-reputation, .marketing-tools .creative-tile.box .creative-header .creative-reputation, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-reputation, .block.block-stats .creative-tile.stat-box .creative-header .creative-reputation {
        margin-top: 0;
        padding-right: 32px; } }
    .tile.creative-tile .creative-header .creative-reputation .tag, .pap-review .creative-tile.review-row .creative-header .creative-reputation .tag, .creative-tile.admin-island .creative-header .creative-reputation .tag, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-reputation .tag, .marketing-tools .creative-tile.box .creative-header .creative-reputation .tag, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-reputation .tag, .block.block-stats .creative-tile.stat-box .creative-header .creative-reputation .tag {
      margin-top: 8px;
      cursor: pointer; }
    .tile.creative-tile .creative-header .creative-reputation .reputation-chart-wrapper, .pap-review .creative-tile.review-row .creative-header .creative-reputation .reputation-chart-wrapper, .creative-tile.admin-island .creative-header .creative-reputation .reputation-chart-wrapper, .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-reputation .reputation-chart-wrapper, .marketing-tools .creative-tile.box .creative-header .creative-reputation .reputation-chart-wrapper, .email-automations .table-default tbody tr.creative-tile .creative-header .creative-reputation .reputation-chart-wrapper, .block.block-stats .creative-tile.stat-box .creative-header .creative-reputation .reputation-chart-wrapper {
      float: left;
      margin-right: 16px; }

.tile.creative-tile .creative-projects .thumbnail, .pap-review .creative-tile.review-row .creative-projects .thumbnail, .creative-tile.admin-island .creative-projects .thumbnail, .admin-edit-brief .brief-section .creative-tile.item.review .creative-projects .thumbnail, .marketing-tools .creative-tile.box .creative-projects .thumbnail, .email-automations .table-default tbody tr.creative-tile .creative-projects .thumbnail, .block.block-stats .creative-tile.stat-box .creative-projects .thumbnail {
  border-radius: 0; }

.tile.creative-tile .empty-portfolio, .pap-review .creative-tile.review-row .empty-portfolio, .creative-tile.admin-island .empty-portfolio, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio, .marketing-tools .creative-tile.box .empty-portfolio, .email-automations .table-default tbody tr.creative-tile .empty-portfolio, .block.block-stats .creative-tile.stat-box .empty-portfolio {
  min-height: 242px;
  background: #161C4A;
  display: flex;
  align-items: top;
  justify-content: center;
  overflow: hidden; }
  .tile.creative-tile .empty-portfolio h4, .pap-review .creative-tile.review-row .empty-portfolio h4, .creative-tile.admin-island .empty-portfolio h4, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio h4, .marketing-tools .creative-tile.box .empty-portfolio h4, .email-automations .table-default tbody tr.creative-tile .empty-portfolio h4, .block.block-stats .creative-tile.stat-box .empty-portfolio h4 {
    color: #FFFFFF; }
  .tile.creative-tile .empty-portfolio .empty-portfolio-content, .pap-review .creative-tile.review-row .empty-portfolio .empty-portfolio-content, .creative-tile.admin-island .empty-portfolio .empty-portfolio-content, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .empty-portfolio-content, .marketing-tools .creative-tile.box .empty-portfolio .empty-portfolio-content, .email-automations .table-default tbody tr.creative-tile .empty-portfolio .empty-portfolio-content, .block.block-stats .creative-tile.stat-box .empty-portfolio .empty-portfolio-content {
    padding: 32px;
    text-align: center; }
  .tile.creative-tile .empty-portfolio .empty-portfolio-image, .pap-review .creative-tile.review-row .empty-portfolio .empty-portfolio-image, .creative-tile.admin-island .empty-portfolio .empty-portfolio-image, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .empty-portfolio-image, .marketing-tools .creative-tile.box .empty-portfolio .empty-portfolio-image, .email-automations .table-default tbody tr.creative-tile .empty-portfolio .empty-portfolio-image, .block.block-stats .creative-tile.stat-box .empty-portfolio .empty-portfolio-image {
    max-width: 220px;
    position: absolute;
    bottom: 0; }
  .tile.creative-tile .empty-portfolio .attribution, .pap-review .creative-tile.review-row .empty-portfolio .attribution, .creative-tile.admin-island .empty-portfolio .attribution, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .attribution, .marketing-tools .creative-tile.box .empty-portfolio .attribution, .email-automations .table-default tbody tr.creative-tile .empty-portfolio .attribution, .block.block-stats .creative-tile.stat-box .empty-portfolio .attribution {
    position: absolute;
    bottom: 8px;
    font-size: 13.328px;
    color: rgba(255, 255, 255, 0.5);
    right: 8px; }
    @media screen and (min-width: 39.4375em) {
      .tile.creative-tile .empty-portfolio .attribution, .pap-review .creative-tile.review-row .empty-portfolio .attribution, .creative-tile.admin-island .empty-portfolio .attribution, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .attribution, .marketing-tools .creative-tile.box .empty-portfolio .attribution, .email-automations .table-default tbody tr.creative-tile .empty-portfolio .attribution, .block.block-stats .creative-tile.stat-box .empty-portfolio .attribution {
        right: 22%; } }
    @media screen and (min-width: 64em) {
      .tile.creative-tile .empty-portfolio .attribution, .pap-review .creative-tile.review-row .empty-portfolio .attribution, .creative-tile.admin-island .empty-portfolio .attribution, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .attribution, .marketing-tools .creative-tile.box .empty-portfolio .attribution, .email-automations .table-default tbody tr.creative-tile .empty-portfolio .attribution, .block.block-stats .creative-tile.stat-box .empty-portfolio .attribution {
        right: 30%; } }
    .tile.creative-tile .empty-portfolio .attribution a, .pap-review .creative-tile.review-row .empty-portfolio .attribution a, .creative-tile.admin-island .empty-portfolio .attribution a, .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .attribution a, .marketing-tools .creative-tile.box .empty-portfolio .attribution a, .email-automations .table-default tbody tr.creative-tile .empty-portfolio .attribution a, .block.block-stats .creative-tile.stat-box .empty-portfolio .attribution a {
      color: #FFFFFF; }

.tile.creative-tile .tag-tooltip, .pap-review .creative-tile.review-row .tag-tooltip, .creative-tile.admin-island .tag-tooltip, .admin-edit-brief .brief-section .creative-tile.item.review .tag-tooltip, .marketing-tools .creative-tile.box .tag-tooltip, .email-automations .table-default tbody tr.creative-tile .tag-tooltip, .block.block-stats .creative-tile.stat-box .tag-tooltip {
  display: none; }

@media screen and (min-width: 64em) {
  .tile.creative-tile .tag:hover, .pap-review .creative-tile.review-row .tag:hover, .creative-tile.admin-island .tag:hover, .admin-edit-brief .brief-section .creative-tile.item.review .tag:hover, .marketing-tools .creative-tile.box .tag:hover, .email-automations .table-default tbody tr.creative-tile .tag:hover, .block.block-stats .creative-tile.stat-box .tag:hover {
    opacity: 0.6; }
  .tile.creative-tile .tag-tooltip, .pap-review .creative-tile.review-row .tag-tooltip, .creative-tile.admin-island .tag-tooltip, .admin-edit-brief .brief-section .creative-tile.item.review .tag-tooltip, .marketing-tools .creative-tile.box .tag-tooltip, .email-automations .table-default tbody tr.creative-tile .tag-tooltip, .block.block-stats .creative-tile.stat-box .tag-tooltip {
    display: initial; } }

.reputation-chart-wrapper .tooltip {
  display: none; }

@media screen and (min-width: 64em) {
  .reputation-chart-wrapper .tooltip {
    display: initial; }
  .reputation-chart-wrapper.with-tooltip:hover .radial-progress {
    opacity: 0.6; } }

.creative-dropdown-menu {
  margin-top: 16px; }
  .creative-dropdown-menu .username {
    font-weight: 900; }
  .creative-dropdown-menu .btn-first-wrapper .btn {
    padding-left: 40px !important;
    padding-right: 40px !important; }
  @media screen and (min-width: 39.4375em) {
    .creative-dropdown-menu {
      float: right;
      margin-right: 16px;
      margin-top: 0; } }

.tile.subcategory, .pap-review .subcategory.review-row, .subcategory.admin-island, .admin-edit-brief .brief-section .subcategory.item.review, .marketing-tools .subcategory.box, .email-automations .table-default tbody tr.subcategory, .block.block-stats .subcategory.stat-box {
  border-radius: 4px;
  text-align: center;
  padding: 16px;
  margin-bottom: 32px;
  cursor: pointer;
  position: relative; }
  .tile.subcategory h4, .pap-review .subcategory.review-row h4, .subcategory.admin-island h4, .admin-edit-brief .brief-section .subcategory.item.review h4, .marketing-tools .subcategory.box h4, .email-automations .table-default tbody tr.subcategory h4, .block.block-stats .subcategory.stat-box h4 {
    color: #262626; }
  .tile.subcategory .icon svg, .pap-review .subcategory.review-row .icon svg, .subcategory.admin-island .icon svg, .admin-edit-brief .brief-section .subcategory.item.review .icon svg, .marketing-tools .subcategory.box .icon svg, .email-automations .table-default tbody tr.subcategory .icon svg, .block.block-stats .subcategory.stat-box .icon svg {
    width: 100%;
    max-height: 112px; }
  .tile.subcategory:hover .description, .pap-review .subcategory.review-row:hover .description, .subcategory.admin-island:hover .description, .admin-edit-brief .brief-section .subcategory.item.review:hover .description, .marketing-tools .subcategory.box:hover .description, .email-automations .table-default tbody tr.subcategory:hover .description, .block.block-stats .subcategory.stat-box:hover .description, .tile.subcategory:active .description, .pap-review .subcategory.review-row:active .description, .subcategory.admin-island:active .description, .admin-edit-brief .brief-section .subcategory.item.review:active .description, .marketing-tools .subcategory.box:active .description, .email-automations .table-default tbody tr.subcategory:active .description, .block.block-stats .subcategory.stat-box:active .description {
    display: block !important; }
  .tile.subcategory:hover .pricing, .pap-review .subcategory.review-row:hover .pricing, .subcategory.admin-island:hover .pricing, .admin-edit-brief .brief-section .subcategory.item.review:hover .pricing, .marketing-tools .subcategory.box:hover .pricing, .email-automations .table-default tbody tr.subcategory:hover .pricing, .block.block-stats .subcategory.stat-box:hover .pricing, .tile.subcategory:active .pricing, .pap-review .subcategory.review-row:active .pricing, .subcategory.admin-island:active .pricing, .admin-edit-brief .brief-section .subcategory.item.review:active .pricing, .marketing-tools .subcategory.box:active .pricing, .email-automations .table-default tbody tr.subcategory:active .pricing, .block.block-stats .subcategory.stat-box:active .pricing {
    display: none; }
  .tile.subcategory:hover .actions, .pap-review .subcategory.review-row:hover .actions, .subcategory.admin-island:hover .actions, .admin-edit-brief .brief-section .subcategory.item.review:hover .actions, .marketing-tools .subcategory.box:hover .actions, .email-automations .table-default tbody tr.subcategory:hover .actions, .block.block-stats .subcategory.stat-box:hover .actions, .tile.subcategory:active .actions, .pap-review .subcategory.review-row:active .actions, .subcategory.admin-island:active .actions, .admin-edit-brief .brief-section .subcategory.item.review:active .actions, .marketing-tools .subcategory.box:active .actions, .email-automations .table-default tbody tr.subcategory:active .actions, .block.block-stats .subcategory.stat-box:active .actions {
    display: block !important; }
  .tile.subcategory:hover .btn, .pap-review .subcategory.review-row:hover .btn, .subcategory.admin-island:hover .btn, .admin-edit-brief .brief-section .subcategory.item.review:hover .btn, .marketing-tools .subcategory.box:hover .btn, .email-automations .table-default tbody tr.subcategory:hover .btn, .block.block-stats .subcategory.stat-box:hover .btn, .tile.subcategory:active .btn, .pap-review .subcategory.review-row:active .btn, .subcategory.admin-island:active .btn, .admin-edit-brief .brief-section .subcategory.item.review:active .btn, .marketing-tools .subcategory.box:active .btn, .email-automations .table-default tbody tr.subcategory:active .btn, .block.block-stats .subcategory.stat-box:active .btn {
    display: block;
    width: 100%; }
  .tile.subcategory:hover .icon, .pap-review .subcategory.review-row:hover .icon, .subcategory.admin-island:hover .icon, .admin-edit-brief .brief-section .subcategory.item.review:hover .icon, .marketing-tools .subcategory.box:hover .icon, .email-automations .table-default tbody tr.subcategory:hover .icon, .block.block-stats .subcategory.stat-box:hover .icon, .tile.subcategory:active .icon, .pap-review .subcategory.review-row:active .icon, .subcategory.admin-island:active .icon, .admin-edit-brief .brief-section .subcategory.item.review:active .icon, .marketing-tools .subcategory.box:active .icon, .email-automations .table-default tbody tr.subcategory:active .icon, .block.block-stats .subcategory.stat-box:active .icon {
    opacity: 1; }
    .tile.subcategory:hover .icon .highlight-1, .pap-review .subcategory.review-row:hover .icon .highlight-1, .subcategory.admin-island:hover .icon .highlight-1, .admin-edit-brief .brief-section .subcategory.item.review:hover .icon .highlight-1, .marketing-tools .subcategory.box:hover .icon .highlight-1, .email-automations .table-default tbody tr.subcategory:hover .icon .highlight-1, .block.block-stats .subcategory.stat-box:hover .icon .highlight-1, .tile.subcategory:active .icon .highlight-1, .pap-review .subcategory.review-row:active .icon .highlight-1, .subcategory.admin-island:active .icon .highlight-1, .admin-edit-brief .brief-section .subcategory.item.review:active .icon .highlight-1, .marketing-tools .subcategory.box:active .icon .highlight-1, .email-automations .table-default tbody tr.subcategory:active .icon .highlight-1, .block.block-stats .subcategory.stat-box:active .icon .highlight-1 {
      fill: #DD0268; }
    .tile.subcategory:hover .icon .highlight-2, .pap-review .subcategory.review-row:hover .icon .highlight-2, .subcategory.admin-island:hover .icon .highlight-2, .admin-edit-brief .brief-section .subcategory.item.review:hover .icon .highlight-2, .marketing-tools .subcategory.box:hover .icon .highlight-2, .email-automations .table-default tbody tr.subcategory:hover .icon .highlight-2, .block.block-stats .subcategory.stat-box:hover .icon .highlight-2, .tile.subcategory:active .icon .highlight-2, .pap-review .subcategory.review-row:active .icon .highlight-2, .subcategory.admin-island:active .icon .highlight-2, .admin-edit-brief .brief-section .subcategory.item.review:active .icon .highlight-2, .marketing-tools .subcategory.box:active .icon .highlight-2, .email-automations .table-default tbody tr.subcategory:active .icon .highlight-2, .block.block-stats .subcategory.stat-box:active .icon .highlight-2 {
      fill: #262626; }
    .tile.subcategory:hover .icon .highlight-3, .pap-review .subcategory.review-row:hover .icon .highlight-3, .subcategory.admin-island:hover .icon .highlight-3, .admin-edit-brief .brief-section .subcategory.item.review:hover .icon .highlight-3, .marketing-tools .subcategory.box:hover .icon .highlight-3, .email-automations .table-default tbody tr.subcategory:hover .icon .highlight-3, .block.block-stats .subcategory.stat-box:hover .icon .highlight-3, .tile.subcategory:active .icon .highlight-3, .pap-review .subcategory.review-row:active .icon .highlight-3, .subcategory.admin-island:active .icon .highlight-3, .admin-edit-brief .brief-section .subcategory.item.review:active .icon .highlight-3, .marketing-tools .subcategory.box:active .icon .highlight-3, .email-automations .table-default tbody tr.subcategory:active .icon .highlight-3, .block.block-stats .subcategory.stat-box:active .icon .highlight-3 {
      fill: #1AFF97; }
    .tile.subcategory:hover .icon .highlight-4, .pap-review .subcategory.review-row:hover .icon .highlight-4, .subcategory.admin-island:hover .icon .highlight-4, .admin-edit-brief .brief-section .subcategory.item.review:hover .icon .highlight-4, .marketing-tools .subcategory.box:hover .icon .highlight-4, .email-automations .table-default tbody tr.subcategory:hover .icon .highlight-4, .block.block-stats .subcategory.stat-box:hover .icon .highlight-4, .tile.subcategory:active .icon .highlight-4, .pap-review .subcategory.review-row:active .icon .highlight-4, .subcategory.admin-island:active .icon .highlight-4, .admin-edit-brief .brief-section .subcategory.item.review:active .icon .highlight-4, .marketing-tools .subcategory.box:active .icon .highlight-4, .email-automations .table-default tbody tr.subcategory:active .icon .highlight-4, .block.block-stats .subcategory.stat-box:active .icon .highlight-4 {
      fill: #23B3F1; }
    .tile.subcategory:hover .icon .highlight-5, .pap-review .subcategory.review-row:hover .icon .highlight-5, .subcategory.admin-island:hover .icon .highlight-5, .admin-edit-brief .brief-section .subcategory.item.review:hover .icon .highlight-5, .marketing-tools .subcategory.box:hover .icon .highlight-5, .email-automations .table-default tbody tr.subcategory:hover .icon .highlight-5, .block.block-stats .subcategory.stat-box:hover .icon .highlight-5, .tile.subcategory:active .icon .highlight-5, .pap-review .subcategory.review-row:active .icon .highlight-5, .subcategory.admin-island:active .icon .highlight-5, .admin-edit-brief .brief-section .subcategory.item.review:active .icon .highlight-5, .marketing-tools .subcategory.box:active .icon .highlight-5, .email-automations .table-default tbody tr.subcategory:active .icon .highlight-5, .block.block-stats .subcategory.stat-box:active .icon .highlight-5 {
      fill: #FEB118; }
  .tile.subcategory .icon, .pap-review .subcategory.review-row .icon, .subcategory.admin-island .icon, .admin-edit-brief .brief-section .subcategory.item.review .icon, .marketing-tools .subcategory.box .icon, .email-automations .table-default tbody tr.subcategory .icon, .block.block-stats .subcategory.stat-box .icon {
    display: block;
    opacity: 0.5;
    transition: all 0.5s ease-out; }
    .tile.subcategory .icon .highlight, .pap-review .subcategory.review-row .icon .highlight, .subcategory.admin-island .icon .highlight, .admin-edit-brief .brief-section .subcategory.item.review .icon .highlight, .marketing-tools .subcategory.box .icon .highlight, .email-automations .table-default tbody tr.subcategory .icon .highlight, .block.block-stats .subcategory.stat-box .icon .highlight {
      transition: all 0.5s ease-out; }

.top-progress-bar {
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #000630;
  transition: all 0.2s ease-out; }
  .top-progress-bar ul {
    display: flex;
    flex-direction: row;
    align-items: stretch; }
  .top-progress-bar li {
    flex-shrink: 0;
    text-align: center;
    font-size: 13.328px;
    height: 4px;
    width: 25%;
    color: rgba(255, 255, 255, 0.5);
    border-right: 1px solid #161C4A; }
    .top-progress-bar li a {
      color: inherit; }
      .top-progress-bar li a:hover {
        color: #23B3F1; }
    .top-progress-bar li span {
      font-size: 13.328px; }
    .top-progress-bar li div {
      display: inline; }
    .top-progress-bar li .fa-long-arrow-right {
      float: right;
      font-size: 19.2px;
      color: rgba(255, 255, 255, 0.5);
      line-height: 1.4em; }
    .top-progress-bar li .step-title {
      float: left; }
    .top-progress-bar li .form-position {
      display: flex;
      align-items: stretch;
      flex-direction: row;
      padding-top: 4px; }
      .top-progress-bar li .form-position li {
        flex-grow: 1;
        text-align: center;
        display: inline-block;
        margin: 0;
        padding: 2px 0 0 0;
        list-style-type: none;
        border: none;
        font-size: 13.328px;
        color: rgba(255, 255, 255, 0.5); }
        .top-progress-bar li .form-position li.active {
          color: rgba(255, 255, 255, 0.6); }
        @media screen and (min-width: 39.4375em) {
          .top-progress-bar li .form-position li {
            font-size: 13.328px; } }
    .top-progress-bar li.active {
      flex-grow: 1;
      color: #FFFFFF; }
    .top-progress-bar li:last-child {
      border-right: none; }
    @media screen and (min-width: 39.4375em) {
      .top-progress-bar li {
        width: auto;
        height: auto;
        padding: 8px 0 8px 16px;
        text-align: left;
        border: none; }
        .top-progress-bar li .step-title {
          font-size: 16px; }
        .top-progress-bar li span:first-child {
          margin-left: 16px; }
        .top-progress-bar li * {
          display: block; }
        .top-progress-bar li:first-child {
          padding-left: 0; } }
  @media screen and (max-width: 39.375em) {
    .top-progress-bar .columns {
      padding: 0; }
    .top-progress-bar li .step-title, .top-progress-bar li .fa {
      display: none; }
    .top-progress-bar.expanded li {
      height: auto;
      padding-top: 4px;
      padding-bottom: 4px; }
      .top-progress-bar.expanded li .step-title {
        width: 100%; }
      .top-progress-bar.expanded li * {
        display: block; } }

.photo-capture img {
  display: block;
  margin: 0 auto; }

.photo-capture input[type=file] {
  display: none; }

.photo-capture .capture-stage img {
  max-width: 290px; }

.photo-capture .error {
  color: #A70045;
  width: 290px;
  border: 1px dashed #A70045;
  padding: 4px;
  margin: 8px auto; }
  .photo-capture .error .fa-exclamation-circle {
    display: block;
    font-size: 40px; }

.slick-arrow {
  position: absolute;
  top: 50%;
  outline: none;
  margin-top: -16px; }
  .slick-arrow i.fa {
    font-size: 32px;
    color: #979899; }
  .slick-arrow.slick-prev {
    left: -16px; }
  .slick-arrow.slick-next {
    right: -16px; }

.slick-dots {
  text-align: center;
  width: 100%; }
  .slick-dots li {
    display: inline-block;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    margin-right: 4px;
    background: #979899; }
    .slick-dots li button {
      color: transparent; }
    .slick-dots li.slick-active {
      background: #F6F7F9; }

.pdf {
  height: 600px;
  overflow-y: auto; }
  .pdf canvas {
    border-bottom: 1px solid #BDBEBF; }
    .pdf canvas:last-child {
      border-bottom: none; }

.sign-contract .modal-content {
  overflow-x: hidden; }

.sign-contract fieldset {
  margin-top: 16px; }

.sign-contract h1 {
  border-bottom: 2px solid #262626;
  text-align: center;
  margin-top: 16px; }

.sign-contract a {
  display: block;
  margin: 16px 0; }

.sign-contract h4 {
  margin-top: 32px; }

.sign-contract .entry-thumbnail {
  padding-top: calc(100% - 8px);
  background-position: center center;
  background-size: cover; }
  .sign-contract .entry-thumbnail .revision-name {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 23.04px;
    word-break: break-word;
    top: 50%;
    transform: translate(0, -50%); }

.rc-slider {
  position: relative;
  height: 16px;
  padding: 6px 0;
  width: 100%;
  border-radius: 8px;
  box-sizing: border-box;
  margin-top: 48px; }

.rc-slider * {
  box-sizing: border-box; }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #EBEDF1;
  height: 4px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #79CFF4; }

.rc-slider-handle {
  position: absolute;
  margin-left: 0;
  margin-top: -10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 2px #79CFF4;
  background-color: #FFFFFF; }
  .rc-slider-handle h4 {
    margin-top: -32px;
    margin-left: -20px; }

.rc-slider-handle:hover {
  border-color: #23B3F1; }

.rc-slider-handle:active {
  border-color: #23B3F1;
  box-shadow: 0 0 4px #23B3F1; }

.rc-slider-mark {
  position: absolute;
  top: 24px;
  left: 0;
  width: 100%; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot:first-child {
  margin-left: -4px; }

.rc-slider-dot:last-child {
  margin-left: -4px; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-disabled {
  background-color: #EBEDF1; }

.rc-slider-disabled .rc-slider-track {
  background-color: #EBEDF1; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #BDBEBF;
  background-color: #BDBEBF;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box; }

.rc-slider-tooltip * {
  box-sizing: border-box; }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

#braintree_form {
  margin-top: 32px; }
  #braintree_form .method-selector {
    font-size: 23.04px;
    font-weight: 600; }
    #braintree_form .method-selector .method {
      display: inline-block;
      margin-right: 32px;
      cursor: pointer; }
      @media screen and (max-width: 39.375em) {
        #braintree_form .method-selector .method {
          display: block;
          margin-right: 0; }
          #braintree_form .method-selector .method:first-child {
            margin-bottom: 16px; } }
      #braintree_form .method-selector .method i {
        margin-right: 4px; }
      #braintree_form .method-selector .method:hover {
        color: #4C4C4D; }
      #braintree_form .method-selector .method.active {
        color: #23B3F1; }
        #braintree_form .method-selector .method.active:hover {
          color: #23B3F1; }
      #braintree_form .method-selector .method.disabled {
        opacity: 0.4; }
        #braintree_form .method-selector .method.disabled:hover {
          color: #727273; }
  #braintree_form .credit-card {
    margin-top: 48px; }
  #braintree_form .paypal {
    margin-top: 32px; }
  #braintree_form .card-logo {
    min-height: 30px;
    position: absolute;
    right: 0;
    top: -4px; }
  #braintree_form #expiration_date, #braintree_form #cvv, #braintree_form #card_number {
    height: 32px;
    padding: 4px;
    border-bottom: 2px solid #BDBEBF; }
  #braintree_form label {
    position: absolute;
    color: #979899;
    transition: 0.2s ease all;
    font-weight: 600;
    z-index: -1;
    font-size: 13.328px;
    text-transform: uppercase;
    top: -24px; }
  #braintree_form .form-group {
    min-height: 0;
    margin: 16px 0 24px; }
    #braintree_form .form-group.focused #expiration_date, #braintree_form .form-group.focused #cvv, #braintree_form .form-group.focused #card_number {
      border-bottom: 2px solid #23B3F1; }
    #braintree_form .form-group.focused label {
      color: #23B3F1; }
    #braintree_form .form-group.error #expiration_date, #braintree_form .form-group.error #cvv, #braintree_form .form-group.error #card_number {
      border-bottom: 2px solid #A70045; }
    #braintree_form .form-group.error label {
      color: #A70045; }
  #braintree_form #paypal_container {
    min-height: 40px; }
    #braintree_form #paypal_container a {
      margin: 0 auto; }
  #braintree_form .cc-type {
    color: #BDBEBF;
    font-size: 33.1776px; }

.payment-method {
  margin-top: 24px; }
  .payment-method .method-label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13.328px;
    color: #727273;
    margin-bottom: 4px;
    display: block; }
  .payment-method .payment-method-details,
  .payment-method .payment-method-actions {
    padding-top: 8px; }
  .payment-method .payment-method-details {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.one-to-one-creative-header {
  border-bottom: 2px solid #EBEDF1;
  padding-bottom: 8px; }
  .one-to-one-creative-header .avatar, .one-to-one-creative-header h4 {
    display: inline-block;
    vertical-align: middle; }
  .one-to-one-creative-header .avatar {
    margin-right: 8px; }
  .one-to-one-creative-header h4 {
    margin-top: 8px; }

.message-timeline .sorting {
  text-align: right;
  margin-bottom: -16px; }
  .message-timeline .sorting .factor {
    color: #727273;
    margin-left: 8px;
    cursor: pointer; }
    .message-timeline .sorting .factor.active {
      font-weight: 600;
      color: #262626; }
  .message-timeline .sorting.with-border {
    border-top: 2px solid #EBEDF1;
    padding-top: 8px;
    margin-top: 32px; }

.message-timeline .editor-toggle {
  text-align: right; }
  .message-timeline .editor-toggle i {
    font-size: 23.04px;
    color: #DD0268; }

.message-timeline .thread {
  margin-top: 32px; }
  .message-timeline .thread img {
    border-radius: 50%;
    width: 100%; }

.message-timeline .timestamp {
  display: block;
  color: #979899;
  font-size: 13.328px;
  margin-bottom: 4px; }

.message-timeline .message {
  margin-bottom: 8px;
  margin-left: 8px;
  background: #FFFFFF;
  padding: 8px;
  border-radius: 4px; }
  .message-timeline .message:first-child {
    margin-left: 0; }
  .message-timeline .message .author-username {
    display: block;
    text-transform: uppercase;
    font-size: 13.328px;
    font-weight: 800;
    color: #262626; }
  .message-timeline .message .attachment-info {
    margin-bottom: 4px; }
  .message-timeline .message .message-body {
    white-space: pre-line;
    overflow-x: auto; }
  .message-timeline .message.internal {
    background: #FFFAE5; }

.message-timeline .btn-more {
  margin: 24px auto 0;
  display: block; }

.message-editor {
  margin-bottom: 16px; }
  .message-editor .horizontal-selector {
    border-bottom-color: #F6F7F9; }
  .message-editor fieldset {
    margin-bottom: 0; }
  .message-editor .form-button-block {
    margin-top: 8px; }
    .message-editor .form-button-block .btn-animated-wrapper, .message-editor .form-button-block .btn-primary, .message-editor .form-button-block .btn-text {
      width: auto;
      display: inline-block; }
  .message-editor .done {
    text-align: center; }
    .message-editor .done .fa {
      color: #979899; }
    .message-editor .done h3 {
      margin-bottom: 24px; }
  .message-editor .fa-paperclip.active {
    color: #DD0268; }
  .message-editor .btn-nudge-wrapper {
    display: inline-block; }
    .message-editor .btn-nudge-wrapper .btn-nudge {
      color: #DD0268;
      padding: 0; }
    .message-editor .btn-nudge-wrapper .btn-animated {
      margin: 8px; }
  .message-editor form.internal textarea {
    background: #FFFAE5; }

.side-drawer-container.right.visible .sidebar {
  padding: 16px; }

.side-drawer-container.right.visible .explore-controls .sidebar {
  padding: 16px 0; }

.sidebar h5 {
  text-transform: uppercase;
  font-size: 13.328px;
  font-weight: 700;
  color: #4C4C4D; }

.sidebar .list-controls .form-group {
  min-height: 0;
  margin: 0 0 2px; }

.sidebar .controls-group {
  position: relative;
  margin-bottom: 24px; }

.sidebar .form-label {
  text-transform: capitalize; }

.sidebar .apply-filters {
  position: absolute;
  top: 0;
  right: 8px;
  margin: 0; }

.sidebar .star-rating.read-only {
  text-indent: 0; }
  .sidebar .star-rating.read-only:hover {
    cursor: pointer; }

.sidebar .show-more-toggle {
  position: relative;
  padding-right: 16px;
  font-size: 13.328px;
  color: #23B3F1;
  font-weight: 600; }
  .sidebar .show-more-toggle:after {
    content: '\F107';
    font-family: FontAwesome;
    font-size: 13.328px;
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 0;
    pointer-events: none; }
  .sidebar .show-more-toggle.uncollapsed:after {
    transform: rotate(180deg); }

.sidebar .select-wrapper:after {
  top: 15%; }

.sidebar select.form-control {
  background: white;
  border: 1px solid #BDBEBF;
  border-radius: 2px;
  padding: 4px 24px 4px 8px;
  color: #4C4C4D; }
  @media screen and (min-width: 39.4375em) {
    .sidebar select.form-control {
      font-size: 16px; } }

.sidebar .filter .form-group {
  margin-bottom: 2px; }

.dropdown.dropdown-tabs {
  position: relative; }
  .dropdown.dropdown-tabs .dropdown-menu {
    width: 100vw;
    left: -16px !important;
    max-height: 280px;
    overflow-y: auto; }
  .dropdown.dropdown-tabs .dropdown-target {
    position: relative;
    text-transform: uppercase;
    color: #727273;
    font-weight: 700;
    padding: 12px 0;
    margin: 0 20px 0 0; }
    .dropdown.dropdown-tabs .dropdown-target:after {
      font-family: 'FontAwesome';
      content: '\F0D7';
      right: -8px;
      position: absolute;
      vertical-align: top;
      width: 0;
      top: 12px;
      color: #DD0268; }
      @media screen and (min-width: 39.4375em) {
        .dropdown.dropdown-tabs .dropdown-target:after {
          color: #727273; } }
    .dropdown.dropdown-tabs .dropdown-target:hover, .dropdown.dropdown-tabs .dropdown-target:focus {
      cursor: default;
      outline: 0; }
  .dropdown.dropdown-tabs .active {
    color: #DD0268; }
  .dropdown.dropdown-tabs.right {
    float: right; }
    .dropdown.dropdown-tabs.right .dropdown-menu {
      left: auto !important;
      right: -16px; }
  .dropdown.dropdown-tabs.toggled .dropdown-target:after {
    content: '\F0D8'; }

.dropdown .dropdown-menu {
  background: #FFFFFF;
  padding: 24px;
  position: absolute;
  z-index: 700;
  width: 100%;
  border: 1px solid #F6F7F9;
  left: 0; }
  @media screen and (min-width: 39.4375em) {
    .dropdown .dropdown-menu {
      min-width: 240px;
      border-radius: 4px;
      width: auto;
      left: auto; } }

.dropdown .dropdown-item {
  font-size: 19.2px;
  margin-bottom: 8px;
  font-weight: 600;
  display: block;
  cursor: pointer; }
  .dropdown .dropdown-item a,
  .dropdown .dropdown-item button {
    display: block;
    padding: 4px 0;
    color: #727273;
    width: 100%;
    text-align: left; }
    .dropdown .dropdown-item a i,
    .dropdown .dropdown-item button i {
      margin-right: 4px; }
    .dropdown .dropdown-item a .svg-icon svg g,
    .dropdown .dropdown-item button .svg-icon svg g {
      fill: #727273; }
  @media screen and (min-width: 64em) {
    .dropdown .dropdown-item {
      font-size: 16px;
      margin-bottom: 4px; } }
  .dropdown .dropdown-item:last-child {
    margin-bottom: 0; }

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

.dropdown.with-buttons {
  display: inline-block;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 8px rgba(38, 38, 38, 0.2); }
  .dropdown.with-buttons .btn-first-wrapper {
    margin-left: 0; }
    .dropdown.with-buttons .btn-first-wrapper.single-button .dropdown-item-button {
      border-radius: 2px;
      padding: 8px 16px; }
    .dropdown.with-buttons .btn-first-wrapper li:first-child,
    .dropdown.with-buttons .btn-first-wrapper .toggle-wrapper {
      display: inline-block;
      vertical-align: bottom; }
    .dropdown.with-buttons .btn-first-wrapper .dropdown-item-button {
      border-radius: 2px 0 0 2px;
      box-shadow: none; }
    .dropdown.with-buttons .btn-first-wrapper .toggle-wrapper {
      padding: 8px;
      background: #DD0268;
      border-radius: 0 2px 2px 0;
      border: 2px solid #DD0268;
      line-height: 0;
      font-size: 19.2px;
      color: #FFFFFF;
      cursor: pointer; }
      .dropdown.with-buttons .btn-first-wrapper .toggle-wrapper.active {
        background: #A70045;
        border: 2px solid #A70045; }
  .dropdown.with-buttons .dropdown-item {
    margin-bottom: 0; }
    .dropdown.with-buttons .dropdown-item .btn {
      color: white;
      padding: 8px 8px 8px 16px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .dropdown.with-buttons .dropdown-item .btn {
          padding: 12px 8px 4px 16px; } }
  .dropdown.with-buttons .dropdown-menu {
    padding: 8px 0;
    right: 0;
    min-width: 180px; }
    .dropdown.with-buttons .dropdown-menu .btn {
      width: 100%;
      box-shadow: none;
      background: #FFFFFF;
      border: 0;
      color: #727273;
      font-weight: 600;
      font-size: 16px; }
  .dropdown.with-buttons.tertiary .btn-first-wrapper .toggle-wrapper {
    background: #23B3F1;
    border-color: #23B3F1; }

.contract-preview-modal iframe {
  width: 100%;
  height: 600px;
  border: 0; }

.faq:last-child .question {
  border-bottom: none; }

.faq .question {
  border-bottom: 1px solid #EBEDF1;
  padding: 16px 0; }
  .faq .question.hidden button i.fa-plus {
    display: inline-block; }
  .faq .question.show button i.fa-minus {
    display: inline-block; }
  .faq .question .question-title {
    font-size: inherit;
    margin-bottom: 0;
    color: inherit; }
  .faq .question button {
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    outline: none;
    padding-right: 64px;
    text-align: left;
    font-weight: 600;
    color: #262626;
    line-height: inherit; }
  .faq .question button i.fa {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    color: #23B3F1;
    font-weight: normal;
    line-height: inherit; }
  .faq .question .answer {
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in; }
    .faq .question .answer.faq-show {
      margin-top: 8px;
      max-height: 1000px; }
    .faq .question .answer p {
      color: #4C4C4D;
      font-weight: 300;
      margin-bottom: 16px;
      line-height: 1.5; }
      .faq .question .answer p a {
        font-weight: 400; }

.banner {
  width: 100%;
  padding: 8px;
  z-index: 999998;
  position: fixed;
  top: 0;
  left: 0; }
  .banner h3, .banner button, .banner > div {
    color: #FFFFFF; }
  .banner button {
    cursor: pointer; }
  .banner .close {
    color: #FFFFFF;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 23.04px; }
  .banner .refresh {
    text-decoration: underline; }
  .banner .banner-icon i {
    font-size: 47.77574px;
    float: right;
    margin-top: 8px; }
  .banner.info {
    background: #262626; }
  .banner.error {
    background: rgba(167, 0, 69, 0.98); }
  .banner.warning, .banner.tag.tag-highlight.warning {
    background: #FFFAE5; }
    .banner.warning h3, .banner.tag.tag-highlight.warning h3, .banner.warning button, .banner.tag.tag-highlight.warning button, .banner.warning > div, .banner.tag.tag-highlight.warning > div, .banner.warning .close {
      color: #262626; }

.banner-transition-enter {
  margin-top: -100px; }

.banner-transition-enter.banner-transition-enter-active {
  margin-top: 0px;
  transition: margin-top 250ms ease-in; }

.banner-transition-leave {
  margin-top: 0px; }

.banner-transition-leave.banner-transition-leave-active {
  margin-top: -100px;
  transition: margin-top 250ms ease-in; }

.negotiation-modal .done {
  text-align: center; }
  .negotiation-modal .done i {
    font-size: 47.77574px; }
  .negotiation-modal .done h3 {
    margin-bottom: 24px; }

.negotiation-modal .confirmation-title {
  margin-bottom: 32px; }

.negotiation-modal form .money-label {
  position: static;
  display: block;
  text-transform: uppercase;
  font-size: 13.328px; }

.negotiation-modal form .amount {
  font-size: 23.04px;
  font-weight: 600;
  color: #262626; }

.negotiation-modal .entry-thumbnail {
  padding-top: calc(100% - 8px);
  background-position: center center;
  background-size: cover; }
  .negotiation-modal .entry-thumbnail .revision-name {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 23.04px;
    word-break: break-word;
    top: 50%;
    transform: translate(0, -50%); }

.search-form {
  position: relative; }
  .search-form input.form-control {
    padding-top: 0; }
    .search-form input.form-control::-webkit-input-placeholder {
      color: #BDBEBF; }
    .search-form input.form-control::-moz-placeholder {
      color: #BDBEBF; }
    .search-form input.form-control:-ms-input-placeholder {
      color: #BDBEBF; }
    .search-form input.form-control:-moz-placeholder {
      color: #BDBEBF; }
  .search-form button {
    position: absolute;
    top: 8px;
    right: 0;
    z-index: 10; }

.violation-modal form {
  margin-top: 32px; }

.violation-modal .done {
  text-align: center; }

.violation-modal .extra-info {
  margin-bottom: 24px; }

.horizontal-bars table {
  width: 100%; }

.horizontal-bars .bar {
  background: #79CFF4;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin: 8px 8px 8px 0; }

.horizontal-bars tr:nth-child(odd) .bar {
  background: #FF006A; }

.horizontal-bars .value {
  display: inline-block;
  vertical-align: middle; }

.horizontal-bars .label-cell {
  white-space: nowrap;
  padding: 0 8px 0 0; }

.horizontal-bars .bar-cell {
  /* take all remaining space */
  width: 100%; }

.horizontal-bars .value {
  font-weight: 800; }

.horizontal-bars.place-inside .bar {
  color: #FFFFFF;
  padding: 0 8px;
  font-weight: 800;
  min-width: 60%;
  margin: 8px 4px 4px 0; }
  @media screen and (min-width: 39.4375em) {
    .horizontal-bars.place-inside .bar {
      min-width: 40%; } }

.horizontal-bars.place-inside .value {
  float: right; }

.color-picker .color-wrapper {
  border: 1px dashed #BDBEBF;
  border-radius: 4px;
  text-align: center;
  padding: 4px; }

.color-picker .color-preview {
  height: 24px;
  width: 48px;
  display: inline-block;
  vertical-align: middle;
  border: 2px solid #979899;
  border-radius: 4px; }

@media screen and (min-width: 39.4375em) {
  .color-picker .modal-content-container {
    width: 288px; } }

.color-picker .modal-actions {
  text-align: left !important; }

.react-color-picker,
.react-color-picker__saturation-spectrum,
.react-color-picker__hue-spectrum {
  box-sizing: border-box; }

.react-color-picker *,
.react-color-picker *:before,
.react-color-picker *:after,
.react-color-picker__saturation-spectrum *,
.react-color-picker__saturation-spectrum *:before,
.react-color-picker__saturation-spectrum *:after,
.react-color-picker__hue-spectrum *,
.react-color-picker__hue-spectrum *:before,
.react-color-picker__hue-spectrum *:after {
  box-sizing: border-box; }

.react-color-picker__saturation-spectrum,
.react-color-picker__hue-spectrum {
  position: relative;
  display: inline-block; }

.react-color-picker__saturation-white,
.react-color-picker__saturation-black {
  position: relative;
  width: 100%;
  height: 100%; }

.react-color-picker__saturation-white {
  background: -webkit-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); }

.react-color-picker__saturation-black {
  background: -webkit-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); }

.react-color-picker__saturation-spectrum {
  cursor: pointer; }

.react-color-picker__saturation-drag {
  display: none;
  border: 1px solid white;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  left: 0px; }

.react-color-picker__saturation-drag .react-color-picker__saturation-inner,
.react-color-picker__saturation-drag .react-color-picker__hue-inner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid black;
  border-radius: 10px; }

.react-color-picker__hue-spectrum {
  background: -webkit-linear-gradient(top, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  cursor: pointer; }

.react-color-picker__hue-spectrum .react-color-picker__hue-drag {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  border: 1px solid #000; }

.react-color-picker--theme-default {
  color: inherit; }

.react-color-picker--theme-default .react-color-picker__hue-spectrum {
  margin-left: 10px; }

.sorter-table-header td.sortable {
  cursor: pointer; }

.sorter-table-header .sorting {
  margin: 0 4px; }
  .sorter-table-header .sorting .fa.active {
    color: #23B3F1; }

.searcher {
  text-align: left;
  position: relative; }
  .searcher input {
    padding-right: 32px !important; }
  .searcher .fa-search {
    cursor: pointer;
    position: absolute;
    right: 0;
    padding-bottom: 4px;
    bottom: 8px; }

.filter.string {
  display: inline-block; }

.filter .star-rating {
  text-indent: 0; }

.filter .checkboxes-filter .checkbox {
  margin-bottom: 4px; }

.filter .checkboxes-filter .group.with-group-option {
  margin-bottom: 8px; }
  .filter .checkboxes-filter .group.with-group-option .checkbox {
    padding-left: 16px; }
    .filter .checkboxes-filter .group.with-group-option .checkbox:first-child {
      padding-left: 0;
      margin-right: 24px; }
  .filter .checkboxes-filter .group.with-group-option .show-more-toggle {
    padding-left: 16px; }
  .filter .checkboxes-filter .group.with-group-option .fa-plus, .filter .checkboxes-filter .group.with-group-option .fa-minus {
    float: right;
    margin-top: -32px; }

.applied-filters .tag {
  cursor: pointer; }

.breadcrumbs {
  font-size: 13.328px;
  margin: -48px 0 40px;
  color: rgba(255, 255, 255, 0.5);
  display: none; }
  @media screen and (min-width: 64em) {
    .breadcrumbs {
      display: block; } }
  .breadcrumbs a {
    color: rgba(255, 255, 255, 0.5); }
    .breadcrumbs a:hover {
      text-decoration: underline;
      color: #FFFFFF; }
  .breadcrumbs li {
    display: inline-block; }
    .breadcrumbs li:last-child {
      font-weight: 700; }
      .breadcrumbs li:last-child a {
        color: rgba(255, 255, 255, 0.8);
        pointer-events: none; }
  .breadcrumbs .separator {
    margin: 0 4px; }

body #intercom-container {
  display: none; }

body.with-intercom #intercom-container {
  display: block; }

body #custom_intercom_launcher {
  display: none;
  position: fixed;
  width: 56px;
  transition: width 0.2s;
  height: 56px;
  border-radius: 32px;
  background: #30B4ED;
  box-shadow: 0px 2px 8px rgba(38, 38, 38, 0.6);
  bottom: 24px;
  right: 32px;
  z-index: 99999999;
  padding: 11px 18px;
  color: #FFFFFF;
  font-size: 23.04px;
  cursor: pointer;
  overflow: hidden; }
  body #custom_intercom_launcher i {
    font-size: 33.1776px;
    display: inline-block; }
  body #custom_intercom_launcher h4 {
    display: inline-block;
    color: #FFFFFF;
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px; }
  body #custom_intercom_launcher:hover {
    width: 120px;
    padding: 11px 0;
    text-align: center; }

body.with-intercom-as-chat-only #custom_intercom_launcher {
  display: block; }

body.with-intercom-as-chat-only #intercom-container .intercom-launcher-frame, body.with-intercom-as-chat-only #intercom-container .intercom-launcher-discovery-frame {
  display: none; }

body.intercom-at-pap.with-bottom-nav #custom_intercom_launcher {
  bottom: 64px;
  right: 8px; }
  @media screen and (min-width: 39.4375em) {
    body.intercom-at-pap.with-bottom-nav #custom_intercom_launcher {
      bottom: 112px;
      right: 32px; } }

body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-messenger-frame, body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-borderless-frame, body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-notifications-frame {
  bottom: 136px !important; }
  @media screen and (min-width: 39.4375em) {
    body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-messenger-frame, body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-borderless-frame, body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-notifications-frame {
      bottom: 176px !important; } }

body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-launcher-badge-frame {
  bottom: 112px !important; }
  @media screen and (min-width: 39.4375em) {
    body.intercom-at-pap.with-bottom-nav #intercom-container .intercom-launcher-badge-frame {
      bottom: 152px !important; } }

body.intercom-at-pap.intercom-hide #custom_intercom_launcher, body.intercom-at-pap.intercom-hide #intercom-container {
  display: none; }

.announcements .item {
  padding: 8px;
  width: 100%;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0; }
  .announcements .item h3, .announcements .item button, .announcements .item > div {
    color: #FFFFFF; }
  .announcements .item button {
    cursor: pointer; }
  .announcements .item .close {
    color: #FFFFFF;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 23.04px; }
  .announcements .item .icon i {
    font-size: 47.77574px;
    float: right;
    margin-top: 8px; }
  .announcements .item .btn-tertiary {
    margin-top: 8px;
    margin-bottom: 4px; }
  .announcements .item.info {
    background: #262626; }
  .announcements .item.err {
    background: rgba(167, 0, 69, 0.98); }
  .announcements .item.warn {
    background: #FFFAE5; }
    .announcements .item.warn h3, .announcements .item.warn button, .announcements .item.warn > div, .announcements .item.warn .close {
      color: #262626; }

.announcements .announcement-transition-enter {
  margin-top: -100px; }

.announcements .announcement-transition-enter.announcement-transition-enter-active {
  margin-top: 0px;
  transition: margin-top 250ms ease-in; }

.announcements .announcement-transition-leave {
  margin-top: 0px; }

.announcements .announcement-transition-leave.announcement-transition-leave-active {
  margin-top: -100px;
  transition: margin-top 250ms ease-in; }

.horizontal-selector {
  border-bottom: 2px solid #EBEDF1;
  font-size: 13.328px;
  margin-top: 8px; }
  .horizontal-selector li {
    display: inline-block;
    padding-bottom: 8px;
    margin-right: 24px;
    text-transform: uppercase;
    position: relative;
    font-weight: 700;
    cursor: pointer;
    color: #979899; }
    .horizontal-selector li.selected {
      color: #262626; }
      .horizontal-selector li.selected:after {
        content: '';
        display: block;
        position: absolute;
        bottom: -2px;
        width: 100%;
        height: 2px;
        background: #DD0268; }

/* Internet Explorer 10/11 mixin */
@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Segoe UI Light"), local("Ubuntu Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 300;
  src: local(".SFNSText-LightItalic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Light Italic"), local("Ubuntu Light Italic"), local("Roboto-LightItalic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 400;
  src: local(".SFNSText-Regular"), local(".HelveticaNeueDeskInterface-Regular"), local(".LucidaGrandeUI"), local("Segoe UI"), local("Ubuntu"), local("Roboto-Regular"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 400;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 500;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 500;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: normal;
  font-weight: 700;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

@font-face {
  font-family: system;
  font-style: italic;
  font-weight: 700;
  src: local(".SFNSText-Italic"), local(".HelveticaNeueDeskInterface-Italic"), local(".LucidaGrandeUI"), local("Segoe UI Italic"), local("Ubuntu Italic"), local("Roboto-Italic"), local("DroidSans"), local("Tahoma"); }

.login {
  position: relative; }
  .login .form-group {
    margin-bottom: 24px; }
  .login .password-input .form-group {
    margin-bottom: 8px; }
  .login .callout.resuming {
    margin: -32px 0 64px;
    padding: 24px; }
    .login .callout.resuming h4 {
      margin-bottom: 16px; }

.login-form-wrapper {
  position: relative;
  z-index: 50; }
  .login-form-wrapper .forgot-link {
    text-align: right; }
    .login-form-wrapper .forgot-link .btn-text {
      color: #979899; }
  .login-form-wrapper .registration-link {
    margin-top: 32px; }
    .login-form-wrapper .registration-link a {
      font-weight: 600; }
  .login-form-wrapper .login-button {
    margin-top: 32px; }
    @media screen and (min-width: 39.4375em) {
      .login-form-wrapper .login-button {
        margin-top: 16px; } }

#content .empty-state {
  padding: 24px 8px 32px;
  min-height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }
  @media screen and (min-width: 64em) {
    #content .empty-state {
      padding: 32px;
      min-height: 250px; } }
  #content .empty-state.small {
    min-height: 80px; }
  #content .empty-state h3 {
    color: #727273;
    font-weight: 300; }
  #content .empty-state .empty-state-cta {
    margin-top: 32px; }

.styleguide .leftnav {
  margin-top: 16px; }
  @media screen and (min-width: 39.4375em) {
    .styleguide .leftnav {
      position: fixed; } }
  .styleguide .leftnav ul {
    list-style: none; }
    .styleguide .leftnav ul a {
      color: #23B3F1; }

.styleguide section {
  border-top: 1px solid #BDBEBF;
  padding-top: 8px;
  margin: 48px 0; }
  .styleguide section > .row {
    margin: 32px 0; }

.styleguide .section-header {
  color: #23B3F1;
  text-transform: uppercase;
  margin-top: 0; }

.styleguide .avatar {
  margin-bottom: 8px; }

.styleguide #colors h5 {
  margin-top: 4px;
  margin-bottom: 32px; }

.styleguide .color-block {
  width: 100%;
  height: auto;
  padding-top: 100%;
  border-radius: 4px; }
  .styleguide .color-block.primary {
    background: #DD0268; }
  .styleguide .color-block.secondary {
    background: #23B3F1; }
  .styleguide .color-block.success {
    background: #00C66C; }
  .styleguide .color-block.danger {
    background: #A70045; }
  .styleguide .color-block.gray-lightest {
    background: #F6F7F9; }
  .styleguide .color-block.gray-light {
    background: #BDBEBF; }
  .styleguide .color-block.gray-medium {
    background: #979899; }
  .styleguide .color-block.gray-dark {
    background: #727273; }
  .styleguide .color-block.black {
    background: #262626; }
  .styleguide .color-block.modal-bg {
    background: rgba(0, 6, 48, 0.93); }

.styleguide .spacing-block {
  border: 1px solid #23B3F1;
  height: 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  float: left; }
  .styleguide .spacing-block.spacing-quarter {
    width: 2px; }
  .styleguide .spacing-block.spacing-half {
    width: 4px; }
  .styleguide .spacing-block.spacing-one {
    width: 8px; }
  .styleguide .spacing-block.spacing-two {
    width: 16px; }
  .styleguide .spacing-block.spacing-three {
    width: 24px; }
  .styleguide .spacing-block.spacing-four {
    width: 32px; }
  .styleguide .spacing-block.spacing-five {
    width: 40px; }
  .styleguide .spacing-block.spacing-six {
    width: 48px; }

.password-reset .btn {
  width: 100%; }

.password-reset .done {
  text-align: center; }
  .password-reset .done .btn {
    margin-top: 16px;
    display: inline-block;
    width: 100%; }
    @media screen and (min-width: 39.4375em) {
      .password-reset .done .btn {
        width: initial; } }

/* Header styles specific for the project pages */
.project-middle .project-status-wrapper {
  text-align: left; }
  .project-middle .project-status-wrapper .project-tags {
    margin-top: 8px;
    display: inline; }
    @media screen and (min-width: 39.4375em) {
      .project-middle .project-status-wrapper .project-tags {
        display: block; } }
  .project-middle .project-status-wrapper .project-duration {
    margin-top: 8px;
    color: #FFFFFF;
    display: block; }
    @media screen and (min-width: 39.4375em) {
      .project-middle .project-status-wrapper .project-duration {
        display: inline; } }
    .project-middle .project-status-wrapper .project-duration .fa {
      margin-left: 4px;
      color: #BDBEBF;
      font-size: 16px; }
    .project-middle .project-status-wrapper .project-duration .tooltip {
      text-align: left;
      max-width: 240px;
      pointer-events: auto !important; }
      .project-middle .project-status-wrapper .project-duration .tooltip:hover {
        visibility: visible !important;
        opacity: 1 !important; }
  .project-middle .project-status-wrapper .project-status {
    margin: 0 4px 4px 0;
    text-transform: capitalize; }
  @media screen and (min-width: 39.4375em) {
    .project-middle .project-status-wrapper {
      text-align: right;
      padding-top: 4px; }
      .project-middle .project-status-wrapper .project-status {
        margin-right: 0;
        display: inline-block; }
      .project-middle .project-status-wrapper .project-duration {
        display: block;
        font-weight: 600;
        font-size: 19.2px; } }

.project-title .title-description {
  padding-top: 8px;
  color: rgba(255, 255, 255, 0.5);
  display: block;
  font-weight: 400; }
  .project-title .title-description a {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 600; }
    .project-title .title-description a:hover {
      text-decoration: underline;
      color: white; }

@media screen and (min-width: 39.4375em) {
  .header-bottom .project-header-controls {
    position: relative; } }

.header-bottom .project-header-controls .project-watchers {
  padding: 0 8px; }
  .header-bottom .project-header-controls .project-watchers .btn {
    color: rgba(255, 255, 255, 0.5); }
    .header-bottom .project-header-controls .project-watchers .btn:hover {
      color: #FFFFFF; }
    .header-bottom .project-header-controls .project-watchers .btn.selected {
      color: #23B3F1; }

.project-dropdown-wrapper {
  position: absolute;
  z-index: 20;
  top: 100%;
  right: 0;
  width: 100%;
  padding: 8px 16px;
  border-radius: 2px;
  background: white;
  box-shadow: 0 4px 16px rgba(114, 114, 115, 0.5); }
  @media screen and (min-width: 39.4375em) {
    .project-dropdown-wrapper {
      width: auto;
      top: 50px;
      padding: 0 16px; } }
  .project-dropdown-wrapper ul {
    text-align: left;
    padding-bottom: 8px; }
    .project-dropdown-wrapper ul li {
      padding: 16px 0 0; }
      @media screen and (min-width: 64em) {
        .project-dropdown-wrapper ul li {
          padding: 8px 0 0; } }
    .project-dropdown-wrapper ul button {
      font-size: 19.2px;
      color: #979899; }
      .project-dropdown-wrapper ul button:hover, .project-dropdown-wrapper ul button:active {
        color: #4C4C4D; }
      .project-dropdown-wrapper ul button i {
        padding-right: 4px; }
      .project-dropdown-wrapper ul button.btn-secondary {
        border: 0; }

.project-entries-gallery .feedback-tile {
  position: relative; }
  .project-entries-gallery .feedback-tile.column.column-block, .project-entries-gallery .feedback-tile.column-block.columns {
    flex: 0 0 100%;
    max-width: 100%; }
  .project-entries-gallery .feedback-tile:before {
    transition: left 0.1s ease-in;
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -4px;
    display: block;
    content: ' ';
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #161C4A; }
  .project-entries-gallery .feedback-tile .feedback-wrapper {
    margin: 0 0 32px;
    background: #EBEDF1;
    border-radius: 4px;
    overflow: hidden; }
    .project-entries-gallery .feedback-tile .feedback-wrapper .feedback-wrapper-header {
      background: #161C4A;
      padding: 8px 16px; }
      .project-entries-gallery .feedback-tile .feedback-wrapper .feedback-wrapper-header h5 {
        margin: 0;
        color: #FFFFFF;
        font-weight: 600;
        text-align: center; }
        @media screen and (min-width: 39.4375em) {
          .project-entries-gallery .feedback-tile .feedback-wrapper .feedback-wrapper-header h5 {
            text-align: left; } }
    .project-entries-gallery .feedback-tile .feedback-wrapper .feedback-wrapper-content {
      padding: 16px; }
    .project-entries-gallery .feedback-tile .feedback-wrapper .entry-thumbnail {
      position: relative;
      border-radius: 4px;
      width: 100%;
      display: block;
      padding-top: 100%;
      background-position: center center;
      background-size: cover;
      background-color: #FFFFFF; }
      .project-entries-gallery .feedback-tile .feedback-wrapper .entry-thumbnail .revision-name {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        font-size: 23.04px;
        word-break: break-word;
        top: 50%;
        transform: translate(0, -50%); }
    .project-entries-gallery .feedback-tile .feedback-wrapper .feedback-send-success {
      display: flex;
      align-items: center;
      justify-content: center; }
      .project-entries-gallery .feedback-tile .feedback-wrapper .feedback-send-success i {
        margin: 8px 0;
        display: block;
        font-size: 47.77574px; }
  .project-entries-gallery .feedback-tile .form-group {
    margin: 16px 0; }
    @media screen and (min-width: 39.4375em) {
      .project-entries-gallery .feedback-tile .form-group {
        margin: 0 0 4px; } }
    .project-entries-gallery .feedback-tile .form-group .error-msg {
      color: #A70045;
      font-size: 16px;
      font-weight: 600; }
  .project-entries-gallery .feedback-tile .input-checkbox {
    display: flex;
    align-items: top; }
    .project-entries-gallery .feedback-tile .input-checkbox .form-group {
      width: 80%;
      min-height: auto;
      margin: 0; }
    .project-entries-gallery .feedback-tile .input-checkbox .form-group,
    .project-entries-gallery .feedback-tile .input-checkbox .checkbox {
      display: inline-block; }
    .project-entries-gallery .feedback-tile .input-checkbox input[type=text].form-control {
      border-bottom: 2px solid #BDBEBF;
      padding-top: 0;
      font-size: 16px; }
  .project-entries-gallery .feedback-tile .checkbox input[type=checkbox]:checked ~ label:before {
    border: 1px solid #23B3F1; }
  .project-entries-gallery .feedback-tile .form-actions {
    margin-top: 16px; }
    .project-entries-gallery .feedback-tile .form-actions .btn {
      margin-bottom: 8px; }
      @media screen and (min-width: 39.4375em) {
        .project-entries-gallery .feedback-tile .form-actions .btn {
          margin-bottom: 0; } }
      .project-entries-gallery .feedback-tile .form-actions .btn:last-child {
        margin-bottom: 0; }
    .project-entries-gallery .feedback-tile .form-actions .btn-text {
      color: #979899; }

@media screen and (min-width: 39.4375em) {
  .project-entries-gallery.grid .feedback-tile.offset-0:before {
    left: 16%; }
  .project-entries-gallery.grid .feedback-tile.offset-1:before {
    left: 50%; }
  .project-entries-gallery.grid .feedback-tile.offset-2:before {
    left: 80%; } }

.project.brief .l-content {
  padding-top: 0; }

.brief-header {
  background: #FFFFFF;
  margin-bottom: 48px;
  padding: 32px 0; }
  .brief-header .stats-block {
    width: 100%; }
    .brief-header .stats-block > li {
      width: 50%;
      display: inline-block;
      text-align: center;
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .brief-header .stats-block > li {
          width: 25%;
          border-right: 2px solid #EBEDF1;
          margin-bottom: 0; } }
      .brief-header .stats-block > li:last-child {
        border-right: none; }
  .brief-header .brief-header-stat {
    display: block;
    font-size: 23.04px;
    font-weight: 700;
    color: #262626; }
    @media screen and (min-width: 39.4375em) {
      .brief-header .brief-header-stat {
        font-size: 33.1776px; } }
    .brief-header .brief-header-stat i {
      display: inline-block;
      margin-right: 8px; }
    .brief-header .brief-header-stat .feedback-label {
      display: inline-block;
      position: relative;
      top: -6px;
      font-size: 23.04px; }
  .brief-header .brief-header-label {
    font-size: 13.328px;
    font-weight: 700;
    text-transform: uppercase; }
    .brief-header .brief-header-label .assured-pin {
      padding: 2px;
      text-transform: uppercase;
      margin: 0;
      line-height: 13.328px;
      vertical-align: middle; }
  .brief-header .award-tooltip-trigger {
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    color: white;
    background: green;
    font-size: 9.24815px;
    top: -8px;
    margin: 0 4px;
    padding: 4px 0; }
  .brief-header .award-tooltip {
    box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.25);
    padding-left: 0;
    margin-left: 16px; }
  .brief-header .feedback-item.with-stats {
    cursor: pointer; }
    .brief-header .feedback-item.with-stats:hover {
      color: #DD0268; }
      .brief-header .feedback-item.with-stats:hover .feedback-label, .brief-header .feedback-item.with-stats:hover .stat-value {
        color: #DD0268; }

.project-brief section {
  margin-bottom: 24px; }
  .project-brief section .brief-content {
    padding-top: 32px; }
    .project-brief section .brief-content h5 {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 13.328px;
      color: #979899;
      margin-bottom: 4px; }
    .project-brief section .brief-content .item {
      margin-bottom: 24px;
      color: #262626; }
  .project-brief section .brief-option-text {
    padding-top: 16px; }

.project-brief .brief-title h2 {
  font-size: 23.04px;
  font-weight: 600; }

.brief-updates .message-creatives {
  width: 100%;
  margin-bottom: 16px; }

.brief-updates .updates-list ul {
  margin: 0; }
  .brief-updates .updates-list ul :last-child {
    margin-bottom: 0; }

.brief-updates .updates-list .update-item {
  width: 100%;
  display: block;
  margin-bottom: 16px; }

.brief-background .company-description {
  margin-top: 16px; }
  @media screen and (min-width: 64em) {
    .brief-background .company-description {
      width: auto;
      border-radius: 4px;
      padding: 8px 16px;
      margin-left: -16px; } }

.brief-execution .bottom-pad {
  padding-bottom: 8px; }

.brief-execution .brief-list-elements {
  overflow: hidden;
  padding-top: 8px; }
  .brief-execution .brief-list-elements .list-item {
    text-align: center;
    margin-bottom: 16px; }
    .brief-execution .brief-list-elements .list-item .list-el-content {
      border: 1px solid #BDBEBF; }
      .brief-execution .brief-list-elements .list-item .list-el-content img {
        margin-bottom: 8px; }
      .brief-execution .brief-list-elements .list-item .list-el-content span {
        margin-bottom: 8px; }

.brief-execution .brief-explore-colors {
  padding-top: 8px; }

.brief-execution .brief-color-options li {
  height: 160px; }

.brief-execution .brief-color-options span {
  display: block;
  width: 100%;
  height: 25%; }

.brief-execution .deliverables .deliverables-group {
  padding-bottom: 8px; }

@media screen and (max-width: 39.375em) {
  .brief-execution .deliverables .deliverables-left {
    margin-bottom: 8px; } }

.brief-execution .deliverables .icons span {
  display: inline-block;
  vertical-align: top;
  width: 100px; }

.brief-execution .deliverables .icons i {
  color: #979899;
  display: block;
  font-size: 23.04px;
  margin-bottom: 2px;
  padding-left: 2px; }

.brief-materials .files-list {
  text-align: right;
  width: 100%; }
  @media screen and (min-width: 64em) {
    .brief-materials .files-list {
      text-align: left;
      max-width: 600px; } }
  .brief-materials .files-list thead {
    color: #979899; }
  .brief-materials .files-list tbody tr:nth-child(even) {
    background-color: #F6F7F9; }
  .brief-materials .files-list th, .brief-materials .files-list td {
    padding: 2px; }
  .brief-materials .files-list td:nth-of-type(1) {
    text-align: left; }

.brief-materials button {
  margin-top: 8px; }

.tour.ndad-project {
  margin-bottom: 32px; }
  .tour.ndad-project .slide {
    padding: 64px 24px;
    text-align: center;
    background: #000630;
    color: rgba(255, 255, 255, 0.5); }
    .tour.ndad-project .slide h2, .tour.ndad-project .slide h3 {
      color: #FFFFFF; }
  .tour.ndad-project .ndad-intro-section {
    margin-top: 8px;
    margin-bottom: 8px; }
  .tour.ndad-project .ndad-intro-section i.fa {
    font-size: 47.77574px;
    margin: 8px 0; }
  .tour.ndad-project a {
    display: inline-block; }
  .tour.ndad-project .participation-forbidden-reason {
    margin-top: 24px;
    font-size: 19.2px;
    color: #FFFFFF; }

.brief-header-1-1 .stats-block > li {
  display: block;
  width: 100%;
  border-right: none; }
  @media screen and (min-width: 64em) {
    .brief-header-1-1 .stats-block > li {
      display: inline-block;
      width: 22%;
      border-right: 2px solid #EBEDF1; }
      .brief-header-1-1 .stats-block > li:first-child {
        width: 33%; }
      .brief-header-1-1 .stats-block > li:last-child {
        border-right: 0; } }

.brief-header-1-1 .actions-container {
  vertical-align: top;
  margin-top: 24px; }
  @media screen and (min-width: 64em) {
    .brief-header-1-1 .actions-container {
      margin-top: 0; } }

@media screen and (min-width: 64em) {
  .brief-header-1-1 .negotiation-actions {
    padding: 16px 0 0 16px; } }

.suggested-creatives .brief-title {
  margin-bottom: 32px; }

.suggested-creatives .slick-slider .slick-arrow i {
  color: rgba(35, 179, 241, 0.4);
  font-size: 47.77574px; }
  .suggested-creatives .slick-slider .slick-arrow i:hover {
    color: #23b3f1; }

.suggested-creatives .tile.creative-tile.not-selected, .suggested-creatives .pap-review .creative-tile.not-selected.review-row, .pap-review .suggested-creatives .creative-tile.not-selected.review-row, .suggested-creatives .creative-tile.not-selected.admin-island, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.not-selected.item.review, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.not-selected.item.review, .suggested-creatives .marketing-tools .creative-tile.not-selected.box, .marketing-tools .suggested-creatives .creative-tile.not-selected.box, .suggested-creatives .email-automations .table-default tbody tr.creative-tile.not-selected, .email-automations .table-default tbody .suggested-creatives tr.creative-tile.not-selected, .suggested-creatives .block.block-stats .creative-tile.not-selected.stat-box, .block.block-stats .suggested-creatives .creative-tile.not-selected.stat-box {
  opacity: 0.33; }

.suggested-creatives .tile.creative-tile .empty-portfolio, .suggested-creatives .pap-review .creative-tile.review-row .empty-portfolio, .pap-review .suggested-creatives .creative-tile.review-row .empty-portfolio, .suggested-creatives .creative-tile.admin-island .empty-portfolio, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .empty-portfolio, .suggested-creatives .marketing-tools .creative-tile.box .empty-portfolio, .marketing-tools .suggested-creatives .creative-tile.box .empty-portfolio, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .empty-portfolio, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .empty-portfolio, .suggested-creatives .block.block-stats .creative-tile.stat-box .empty-portfolio, .block.block-stats .suggested-creatives .creative-tile.stat-box .empty-portfolio {
  position: relative;
  min-height: 250px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }
  .suggested-creatives .tile.creative-tile .empty-portfolio .empty-portfolio-content, .suggested-creatives .pap-review .creative-tile.review-row .empty-portfolio .empty-portfolio-content, .pap-review .suggested-creatives .creative-tile.review-row .empty-portfolio .empty-portfolio-content, .suggested-creatives .creative-tile.admin-island .empty-portfolio .empty-portfolio-content, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .empty-portfolio-content, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .empty-portfolio .empty-portfolio-content, .suggested-creatives .marketing-tools .creative-tile.box .empty-portfolio .empty-portfolio-content, .marketing-tools .suggested-creatives .creative-tile.box .empty-portfolio .empty-portfolio-content, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .empty-portfolio .empty-portfolio-content, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .empty-portfolio .empty-portfolio-content, .suggested-creatives .block.block-stats .creative-tile.stat-box .empty-portfolio .empty-portfolio-content, .block.block-stats .suggested-creatives .creative-tile.stat-box .empty-portfolio .empty-portfolio-content {
    padding: 16px; }
  .suggested-creatives .tile.creative-tile .empty-portfolio .empty-portfolio-image, .suggested-creatives .pap-review .creative-tile.review-row .empty-portfolio .empty-portfolio-image, .pap-review .suggested-creatives .creative-tile.review-row .empty-portfolio .empty-portfolio-image, .suggested-creatives .creative-tile.admin-island .empty-portfolio .empty-portfolio-image, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .empty-portfolio-image, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .empty-portfolio .empty-portfolio-image, .suggested-creatives .marketing-tools .creative-tile.box .empty-portfolio .empty-portfolio-image, .marketing-tools .suggested-creatives .creative-tile.box .empty-portfolio .empty-portfolio-image, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .empty-portfolio .empty-portfolio-image, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .empty-portfolio .empty-portfolio-image, .suggested-creatives .block.block-stats .creative-tile.stat-box .empty-portfolio .empty-portfolio-image, .block.block-stats .suggested-creatives .creative-tile.stat-box .empty-portfolio .empty-portfolio-image {
    max-width: 120px;
    right: 8px; }
  .suggested-creatives .tile.creative-tile .empty-portfolio .attribution, .suggested-creatives .pap-review .creative-tile.review-row .empty-portfolio .attribution, .pap-review .suggested-creatives .creative-tile.review-row .empty-portfolio .attribution, .suggested-creatives .creative-tile.admin-island .empty-portfolio .attribution, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .empty-portfolio .attribution, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .empty-portfolio .attribution, .suggested-creatives .marketing-tools .creative-tile.box .empty-portfolio .attribution, .marketing-tools .suggested-creatives .creative-tile.box .empty-portfolio .attribution, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .empty-portfolio .attribution, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .empty-portfolio .attribution, .suggested-creatives .block.block-stats .creative-tile.stat-box .empty-portfolio .attribution, .block.block-stats .suggested-creatives .creative-tile.stat-box .empty-portfolio .attribution {
    right: 54%; }

.suggested-creatives .tile.creative-tile .creative-header, .suggested-creatives .pap-review .creative-tile.review-row .creative-header, .pap-review .suggested-creatives .creative-tile.review-row .creative-header, .suggested-creatives .creative-tile.admin-island .creative-header, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header, .suggested-creatives .marketing-tools .creative-tile.box .creative-header, .marketing-tools .suggested-creatives .creative-tile.box .creative-header, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header {
  padding: 8px 16px; }
  .suggested-creatives .tile.creative-tile .creative-header .creative-meta, .suggested-creatives .pap-review .creative-tile.review-row .creative-header .creative-meta, .pap-review .suggested-creatives .creative-tile.review-row .creative-header .creative-meta, .suggested-creatives .creative-tile.admin-island .creative-header .creative-meta, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-meta, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .creative-meta, .suggested-creatives .marketing-tools .creative-tile.box .creative-header .creative-meta, .marketing-tools .suggested-creatives .creative-tile.box .creative-header .creative-meta, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .creative-meta, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .creative-meta, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .creative-meta, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .creative-meta {
    min-height: 48px;
    margin-bottom: 8px;
    display: inline-block;
    width: 74%; }
    .suggested-creatives .tile.creative-tile .creative-header .creative-meta .username, .suggested-creatives .pap-review .creative-tile.review-row .creative-header .creative-meta .username, .pap-review .suggested-creatives .creative-tile.review-row .creative-header .creative-meta .username, .suggested-creatives .creative-tile.admin-island .creative-header .creative-meta .username, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-meta .username, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .creative-meta .username, .suggested-creatives .marketing-tools .creative-tile.box .creative-header .creative-meta .username, .marketing-tools .suggested-creatives .creative-tile.box .creative-header .creative-meta .username, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .creative-meta .username, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .creative-meta .username, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .creative-meta .username, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .creative-meta .username {
      margin: 0;
      cursor: pointer;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .suggested-creatives .tile.creative-tile .creative-header .creative-meta .location, .suggested-creatives .pap-review .creative-tile.review-row .creative-header .creative-meta .location, .pap-review .suggested-creatives .creative-tile.review-row .creative-header .creative-meta .location, .suggested-creatives .creative-tile.admin-island .creative-header .creative-meta .location, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .creative-meta .location, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .creative-meta .location, .suggested-creatives .marketing-tools .creative-tile.box .creative-header .creative-meta .location, .marketing-tools .suggested-creatives .creative-tile.box .creative-header .creative-meta .location, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .creative-meta .location, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .creative-meta .location, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .creative-meta .location, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .creative-meta .location {
      font-size: 13.328px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .suggested-creatives .tile.creative-tile .creative-header .avatar, .suggested-creatives .pap-review .creative-tile.review-row .creative-header .avatar, .pap-review .suggested-creatives .creative-tile.review-row .creative-header .avatar, .suggested-creatives .creative-tile.admin-island .creative-header .avatar, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .avatar, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .avatar, .suggested-creatives .marketing-tools .creative-tile.box .creative-header .avatar, .marketing-tools .suggested-creatives .creative-tile.box .creative-header .avatar, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .avatar, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .avatar, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .avatar, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .avatar {
    cursor: pointer; }
  .suggested-creatives .tile.creative-tile .creative-header .avatar, .suggested-creatives .pap-review .creative-tile.review-row .creative-header .avatar, .pap-review .suggested-creatives .creative-tile.review-row .creative-header .avatar, .suggested-creatives .creative-tile.admin-island .creative-header .avatar, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .avatar, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .avatar, .suggested-creatives .marketing-tools .creative-tile.box .creative-header .avatar, .marketing-tools .suggested-creatives .creative-tile.box .creative-header .avatar, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .avatar, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .avatar, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .avatar, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .avatar,
  .suggested-creatives .tile.creative-tile .creative-header .reputation,
  .suggested-creatives .pap-review .creative-tile.review-row .creative-header .reputation,
  .pap-review .suggested-creatives .creative-tile.review-row .creative-header .reputation,
  .suggested-creatives .creative-tile.admin-island .creative-header .reputation,
  .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .reputation,
  .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .reputation,
  .suggested-creatives .marketing-tools .creative-tile.box .creative-header .reputation,
  .marketing-tools .suggested-creatives .creative-tile.box .creative-header .reputation,
  .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .reputation,
  .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .reputation,
  .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .reputation,
  .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .reputation {
    float: none !important;
    display: inline-block;
    margin-right: 8px; }
  
  .suggested-creatives .tile.creative-tile .creative-header .reputation,
  .suggested-creatives .pap-review .creative-tile.review-row .creative-header .reputation,
  .pap-review .suggested-creatives .creative-tile.review-row .creative-header .reputation,
  .suggested-creatives .creative-tile.admin-island .creative-header .reputation,
  .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .reputation,
  .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .reputation,
  .suggested-creatives .marketing-tools .creative-tile.box .creative-header .reputation,
  .marketing-tools .suggested-creatives .creative-tile.box .creative-header .reputation,
  .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .reputation,
  .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .reputation,
  .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .reputation,
  .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .reputation {
    position: relative; }
  .suggested-creatives .tile.creative-tile .creative-header .tag, .suggested-creatives .pap-review .creative-tile.review-row .creative-header .tag, .pap-review .suggested-creatives .creative-tile.review-row .creative-header .tag, .suggested-creatives .creative-tile.admin-island .creative-header .tag, .suggested-creatives .admin-edit-brief .brief-section .creative-tile.item.review .creative-header .tag, .admin-edit-brief .brief-section .suggested-creatives .creative-tile.item.review .creative-header .tag, .suggested-creatives .marketing-tools .creative-tile.box .creative-header .tag, .marketing-tools .suggested-creatives .creative-tile.box .creative-header .tag, .suggested-creatives .email-automations .table-default tbody tr.creative-tile .creative-header .tag, .email-automations .table-default tbody .suggested-creatives tr.creative-tile .creative-header .tag, .suggested-creatives .block.block-stats .creative-tile.stat-box .creative-header .tag, .block.block-stats .suggested-creatives .creative-tile.stat-box .creative-header .tag {
    vertical-align: top;
    margin-top: 10px; }

.suggested-creatives .portfolio-item {
  width: 100%;
  height: auto;
  min-height: 325px;
  overflow: hidden;
  border-top: 1px solid #EBEDF1;
  border-bottom: 1px solid #EBEDF1;
  cursor: pointer; }
  @media screen and (min-width: 39.4375em) {
    .suggested-creatives .portfolio-item {
      min-height: 250px;
      max-height: 250px; } }

.suggested-creatives .btn-container {
  padding: 16px; }
  .suggested-creatives .btn-container .btn {
    width: 100%; }

.work-with .username {
  margin-bottom: 0; }

.work-with .location {
  font-size: 13.328px;
  margin-bottom: 16px; }

.work-with .avatar,
.work-with .reputation,
.work-with .tag,
.work-with .user-meta {
  display: inline-block;
  vertical-align: top; }

.work-with .avatar {
  margin-right: 16px; }

.work-with .user-meta {
  margin-right: 32px; }

.work-with .tag {
  margin: 10px 0 0 8px; }

.brief-legacy p {
  margin-bottom: 16px; }

.pay-1-1 {
  background: #F6F7F9;
  padding: 8px;
  text-align: center;
  margin-bottom: 16px; }

.project-brief .faded {
  opacity: 0.2; }

.payment-modal-1-1 .modal-content {
  padding: 0; }

.payment-modal-1-1 .l-content {
  padding: 0; }

.payment-modal-1-1 .pap-form .pap-form-step {
  padding: 16px 1.25rem; }

.payment-modal-1-1 .payment-summary p {
  display: none; }

.payment-modal-1-1 .top-progress-bar {
  display: none; }

.payment-modal-1-1 .field.payment-submit {
  margin-bottom: 0; }

.edit-brief-item-modal .modal-content {
  height: 100%;
  padding: 0;
  margin: 0; }

.edit-brief-item-modal .l-content {
  height: 100%;
  padding: 0; }

.edit-brief-item-modal .pap-form-step > .row {
  margin: 0; }

.winner-entry {
  padding: 32px 0;
  background: #EBEDF1; }
  .winner-entry .winning-entry-text h2 {
    line-height: 1.1;
    font-size: 33.1776px;
    font-weight: 700; }
    @media screen and (min-width: 39.4375em) {
      .winner-entry .winning-entry-text h2 {
        font-size: 39.81312px; } }
  .winner-entry .winning-entry-text h3 {
    margin-bottom: 32px; }
  .winner-entry .winning-entry-text p {
    margin-bottom: 16px; }
  .winner-entry .entry-thumbnail {
    padding-top: 100%;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-position: center center;
    background-size: cover;
    margin-bottom: 0; }
    .winner-entry .entry-thumbnail .revision-name {
      position: absolute;
      text-align: center;
      left: 0;
      right: 0;
      font-size: 47.77574px;
      word-break: break-word;
      top: 50%;
      transform: translate(0, -50%); }
    .winner-entry .entry-thumbnail .flag {
      position: absolute;
      color: #FFFFFF;
      background: transparent;
      width: 0;
      height: 0;
      border-style: solid; }
      .winner-entry .entry-thumbnail .flag.winner {
        border-width: 0 96px 96px 0;
        border-color: transparent #DD0268 transparent transparent;
        top: 0;
        right: 0; }
        .winner-entry .entry-thumbnail .flag.winner div {
          font-weight: 800;
          text-transform: uppercase;
          -ms-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          width: 135px;
          text-align: center;
          margin: 24px 0 0 -8px; }

.participation-perms-callout {
  margin-bottom: 0; }
  .project.entries .participation-perms-callout, .project.your_entries .participation-perms-callout {
    margin-top: -32px;
    margin-bottom: 32px; }

@media screen and (min-width: 39.4375em) {
  .stats-modal .modal-content-container {
    margin-top: 48px; } }

.stats-modal .horizontal-bars, .stats-modal .info-block {
  margin-top: 24px; }

.stats-modal .project-feedback {
  display: inline-block;
  vertical-align: bottom; }

.stats-modal .scores-graph {
  margin-bottom: 16px; }

.stats-modal .highlighted {
  background: #F6F7F9;
  padding: 16px 16px 8px; }
  .stats-modal .highlighted h4 {
    border-bottom: 1px solid #BDBEBF; }

/* Participate Form */
.form-participate .participate-sidebar {
  padding: 0 16px 0 0; }
  .form-participate .participate-sidebar ul {
    margin: 0 0 16px 16px;
    list-style-type: disc; }
  .form-participate .participate-sidebar .thumbnail-wrap {
    width: 96px;
    height: auto; }
  .form-participate .participate-sidebar .change-revision {
    width: 96px;
    text-align: center;
    display: block;
    margin-top: 4px; }
  .form-participate .participate-sidebar .sidebar-section {
    margin-bottom: 32px; }

.form-participate .intro-step .checkbox {
  margin: 24px 0 0; }

.form-participate .revision-step h4 {
  margin-left: 16px; }

.form-participate .revision-step .revision-list {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 16px; }

.form-participate .revision-step .tile:before, .form-participate .revision-step .pap-review .review-row:before, .pap-review .form-participate .revision-step .review-row:before, .form-participate .revision-step .admin-island:before, .form-participate .revision-step .admin-edit-brief .brief-section .item.review:before, .admin-edit-brief .brief-section .form-participate .revision-step .item.review:before, .form-participate .revision-step .marketing-tools .box:before, .marketing-tools .form-participate .revision-step .box:before, .form-participate .revision-step .email-automations .table-default tbody tr:before, .email-automations .table-default tbody .form-participate .revision-step tr:before, .form-participate .revision-step .block.block-stats .stat-box:before, .block.block-stats .form-participate .revision-step .stat-box:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid transparent;
  z-index: 1;
  transition: all 0.2s ease-out;
  border-radius: 4px; }

.form-participate .revision-step .tile.selected:before, .form-participate .revision-step .pap-review .selected.review-row:before, .pap-review .form-participate .revision-step .selected.review-row:before, .form-participate .revision-step .selected.admin-island:before, .form-participate .revision-step .admin-edit-brief .brief-section .selected.item.review:before, .admin-edit-brief .brief-section .form-participate .revision-step .selected.item.review:before, .form-participate .revision-step .marketing-tools .selected.box:before, .marketing-tools .form-participate .revision-step .selected.box:before, .form-participate .revision-step .email-automations .table-default tbody tr.selected:before, .email-automations .table-default tbody .form-participate .revision-step tr.selected:before, .form-participate .revision-step .block.block-stats .selected.stat-box:before, .block.block-stats .form-participate .revision-step .selected.stat-box:before {
  border: 4px solid #23B3F1; }

.form-participate .participate-content fieldset {
  padding: 0; }

.form-participate .authorization-step span {
  display: block; }

.form-participate .participate-file h3 {
  display: inline-block;
  margin-right: 16px; }

.form-participate .participate-file .file-change {
  display: inline-block; }
  .form-participate .participate-file .file-change i {
    margin-right: 4px; }

.form-participate .participate-file .thumbnail-preview {
  max-height: 500px;
  max-width: 500px;
  min-height: 300px; }
  .form-participate .participate-file .thumbnail-preview .thumbnail {
    background-size: contain !important;
    background-repeat: no-repeat !important; }

.form-participate .participate-file .form-upload-box .file-uploader {
  max-height: 500px;
  min-height: 300px; }

.form-participate .participate-file .participate-upload {
  position: relative;
  line-height: 12px; }
  .form-participate .participate-file .participate-upload .btn {
    margin-top: 8px; }
  .form-participate .participate-file .participate-upload .add-file-wrap .add-file {
    margin-top: 2px; }
  .form-participate .participate-file .participate-upload .add-file-wrap .upload-hint {
    margin: 8px 0; }

.form-participate .participate-fields.naming .form-group {
  min-height: auto; }

.form-participate .participate-fields fieldset {
  padding-bottom: 8px;
  margin: inherit 0; }
  .form-participate .participate-fields fieldset textarea {
    max-width: 100%; }
  .form-participate .participate-fields fieldset .participate-licensing-list .form-group {
    margin-left: 24px;
    width: 33%; }

.form-participate .complete-step h3 {
  margin-top: 24px; }

.form-participate .complete-step .btn-primary.disabled {
  pointer-events: none; }

.form-participate .complete-step .thumbnail-wrap {
  width: 75%; }

.project.wrapups .l-content {
  padding-top: 0; }

.wrapup .progress-bar {
  background: #FFFFFF;
  padding: 16px 0;
  margin-bottom: 32px; }
  .wrapup .progress-bar .step {
    position: relative;
    text-align: center;
    padding: 8px 0;
    border-right: 2px solid #EBEDF1; }
    .wrapup .progress-bar .step:last-child {
      border-right: 0; }
    .wrapup .progress-bar .step label, .wrapup .progress-bar .step h4 {
      color: #979899; }
    .wrapup .progress-bar .step.completed, .wrapup .progress-bar .step.available {
      cursor: pointer; }
    .wrapup .progress-bar .step label {
      text-transform: uppercase;
      font-weight: 800; }
    .wrapup .progress-bar .step.active label, .wrapup .progress-bar .step.active h4 {
      color: #262626; }
  .wrapup .progress-bar .tooltip {
    position: absolute;
    padding: 16px;
    border-radius: 4px;
    width: 100%;
    background: rgba(0, 6, 48, 0.93);
    color: #FFFFFF;
    margin-top: 16px;
    z-index: 500; }
    .wrapup .progress-bar .tooltip h3 {
      color: white; }
    .wrapup .progress-bar .tooltip:before {
      content: "";
      border-style: solid;
      border-width: 16px;
      border-color: transparent transparent rgba(0, 6, 48, 0.93) transparent;
      position: absolute;
      left: calc(50% - 16px);
      top: -32px; }

.wrapup .sidebar {
  margin-top: 64px; }
  @media screen and (min-width: 39.4375em) {
    .wrapup .sidebar {
      margin-top: 0; } }
  .wrapup .sidebar .entry-info {
    margin-top: 8px;
    text-align: center; }
    .wrapup .sidebar .entry-info a:first-child {
      border-right: 2px solid #BDBEBF;
      padding-right: 8px;
      margin-right: 8px; }
    @media screen and (min-width: 39.4375em) and (max-width: 63.9375em) {
      .wrapup .sidebar .entry-info a {
        display: block; }
        .wrapup .sidebar .entry-info a:first-child {
          border-right: none;
          margin-right: 0; } }
  .wrapup .sidebar .sidebar-section {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 2px solid #EBEDF1; }
    .wrapup .sidebar .sidebar-section:last-child {
      border-bottom: none; }
  .wrapup .sidebar label {
    text-transform: uppercase;
    font-weight: 600; }
  .wrapup .sidebar .wrapup-thumbnail .thumbnail {
    margin-bottom: 0; }
  .wrapup .sidebar .wrapup-thumbnail h1 {
    text-align: center;
    padding: 8px;
    color: #FFFFFF;
    background: #262626;
    overflow-x: auto; }

.wrapup .step-header {
  margin-bottom: 64px; }
  .wrapup .step-header p {
    font-size: 19.2px; }
  .wrapup .step-header .award-value {
    color: #979899; }
  .wrapup .step-header .btn-secondary {
    margin: 8px 0 24px;
    display: block; }
    @media screen and (min-width: 39.4375em) {
      .wrapup .step-header .btn-secondary {
        margin: 0 0 0 8px;
        vertical-align: middle;
        display: inline-block; } }

.wrapup .sign-wrapup-contract .btn {
  margin-top: 16px; }

.wrapup-tab-subitem {
  width: 300px;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid 8px;
  cursor: pointer; }
  .wrapup-tab-subitem .entry-name {
    font-size: 11.10222px;
    padding-top: 16px; }
  .wrapup-tab-subitem:last-child {
    padding-bottom: 0;
    border-bottom: 0; }
  .wrapup-tab-subitem .row {
    margin: 0; }
  .wrapup-tab-subitem .wrapup-title {
    padding-top: 16px;
    margin-left: 8px;
    font-weight: 600;
    color: #727273; }
    .wrapup-tab-subitem .wrapup-title .award-value {
      color: #979899; }
  .wrapup-tab-subitem .radial-progress {
    font-size: 27.648px; }

.upload-bundles-modal ul {
  list-style: disc;
  margin-left: 16px; }

.upload-bundles-modal fieldset {
  margin-bottom: 0; }

.upload-bundles-modal .multiple-file-uploader-field {
  margin-bottom: 32px; }

.upload-bundles-modal section {
  margin-bottom: 24px; }

.approve-modal .checklist {
  margin-top: 16px; }

.approve-modal label {
  font-weight: 600;
  color: #262626; }

.approve-modal .disclaimer {
  font-weight: 600;
  margin-top: 16px;
  color: #262626; }

.approve-modal fieldset {
  margin-top: 32px; }

.approve-modal .checkbox {
  min-height: auto; }

.bundles {
  margin-bottom: 64px; }
  .bundles h3 {
    font-weight: 300;
    color: #727273; }
  .bundles .last-updated {
    float: right;
    color: #979899; }
  .bundles .older {
    margin-top: 16px; }
    .bundles .older h4 {
      color: #979899;
      cursor: pointer; }
      .bundles .older h4 i {
        margin-left: 4px;
        vertical-align: middle; }
    .bundles .older .bundle {
      margin-bottom: 4px; }
  .bundles .revision {
    cursor: pointer;
    font-weight: 600;
    color: #4C4C4D; }
    .bundles .revision i {
      margin-right: 4px; }
  .bundles .bundle ul {
    margin: 4px 0 8px; }
  .bundles .bundle .fa-trash {
    margin-left: 4px;
    cursor: pointer; }
  .bundles .btn-container {
    border-top: 2px solid #EBEDF1;
    margin-top: 16px;
    padding-top: 16px; }
  .bundles .approved label {
    color: #4C4C4D;
    font-weight: 600; }
  .bundles .upload-date {
    color: #979899;
    font-size: 13.328px; }
  .bundles .fa-download {
    font-size: 33.1776px;
    margin: 8px 0 0; }
    @media screen and (min-width: 64em) {
      .bundles .fa-download {
        margin: 8px 0 0 16px;
        font-size: 47.77574px; } }
  .bundles .bundles-msg {
    border-bottom: 2px solid #EBEDF1;
    margin-bottom: 16px;
    padding-bottom: 8px; }

.survey .survey-section.with-border {
  border-top: 2px solid #EBEDF1;
  padding-top: 32px;
  margin-top: 48px; }

.survey .form-group:not(.checkbox) .form-label {
  position: static;
  font-size: 13.328px;
  text-transform: uppercase; }

.survey .star-rating-field .star-rating {
  display: inline-block; }
  .survey .star-rating-field .star-rating.filled i {
    color: #23B3F1; }

.survey .star-rating-field .textual-rating {
  color: #727273;
  font-weight: 600;
  text-transform: capitalize;
  font-size: initial;
  color: #262626; }

.survey .description {
  color: #262626; }

.survey h3 {
  margin-bottom: 16px; }

.survey .form-group {
  margin-bottom: 32px; }

.survey .post-feedback h3 {
  margin-bottom: 0.5rem; }

.survey .post-feedback .section {
  margin-bottom: 48px;
  padding-bottom: 48px;
  position: relative; }
  .survey .post-feedback .section:after {
    content: "";
    position: absolute;
    left: 0.9375rem;
    right: 0.9375rem;
    border-bottom: 2px solid #EBEDF1;
    bottom: 0; }
    @media screen and (min-width: 39.4375em) {
      .survey .post-feedback .section:after {
        left: 1.25rem;
        right: 1.25rem; } }

.survey .post-feedback .resources {
  background: #FFFFFF;
  border: 2px solid #EBEDF1;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 16px; }
  .survey .post-feedback .resources h3 {
    margin-bottom: 0; }
  .survey .post-feedback .resources .bundles {
    margin-bottom: 0; }
  .survey .post-feedback .resources .links {
    margin-top: 16px; }
    @media screen and (min-width: 64em) {
      .survey .post-feedback .resources .links {
        margin-top: 0; } }
    .survey .post-feedback .resources .links h4 {
      margin-top: 16px; }
      .survey .post-feedback .resources .links h4.invoice-pdf {
        padding-top: 16px;
        border-top: 2px solid #EBEDF1; }
      .survey .post-feedback .resources .links h4 i {
        width: 24px;
        text-align: center; }

.survey .post-feedback .ask-more-work {
  font-size: 19.2px; }
  .survey .post-feedback .ask-more-work p {
    font-size: 19.2px; }
  .survey .post-feedback .ask-more-work .faqs {
    margin-top: 24px; }
  .survey .post-feedback .ask-more-work .btn {
    margin-top: 40px; }

.survey .post-feedback .refer-a-friend {
  padding-top: 0; }
  .survey .post-feedback .refer-a-friend .image-container {
    padding-top: 56px; }
    .survey .post-feedback .refer-a-friend .image-container img {
      max-width: 200px; }

.project.settings .tab-content {
  min-height: 0 !important;
  margin-bottom: 48px;
  width: 100%; }

.project.settings .auto-approve-checkbox {
  margin-bottom: 16px; }

.project.settings table.access {
  text-align: left; }
  .project.settings table.access td {
    vertical-align: middle; }
  .project.settings table.access .avatar {
    float: left;
    margin-right: 8px;
    position: relative;
    top: -4px; }
  .project.settings table.access .reputation-chart-wrapper {
    display: inline-block;
    vertical-align: middle; }
  .project.settings table.access .tag-highlight {
    margin-left: 8px; }
  .project.settings table.access .invite-resent {
    padding-right: 16px;
    font-weight: 600; }

.project.settings table.removed tr .action,
.project.settings table.invite tr .action {
  text-align: right; }

.project.settings .sidebar-container {
  margin-bottom: 40px; }
  @media screen and (min-width: 39.4375em) {
    .project.settings .sidebar-container {
      margin-bottom: 32px;
      padding-bottom: 32px;
      border-bottom: 2px solid #EBEDF1; } }
  .project.settings .sidebar-container.deadline .btn {
    display: block;
    margin-bottom: 8px; }
    .project.settings .sidebar-container.deadline .btn:last-child {
      margin-bottom: 0; }
  .project.settings .sidebar-container:last-child {
    border-bottom: none; }

.project.settings .table-awards {
  width: 100%;
  margin-bottom: 16px; }
  .project.settings .table-awards td.amount {
    text-align: right; }
  .project.settings .table-awards tr.total td {
    font-weight: 600;
    color: #262626; }

.project.settings .assured-container {
  margin-top: 16px; }
  .project.settings .assured-container .checkbox .form-label {
    color: #262626;
    font-weight: 600; }

.project.settings .table-features {
  margin-bottom: 16px; }
  .project.settings .table-features i {
    margin-right: 8px;
    color: #DD0268; }

.project.settings .collaborators-container {
  margin: 0 0 48px; }
  .project.settings .collaborators-container .upgrade {
    text-align: center; }

.project.settings .features-container label {
  font-weight: 500; }

.project.settings .features-container .fa-check {
  color: #DD0268; }

.project.settings .features-container td {
  text-align: left !important;
  font-weight: initial !important; }

.features-modal .package-options, .awards-modal .package-options {
  margin-top: 24px; }

.features-modal .total-wrapper, .awards-modal .total-wrapper {
  height: 8px; }
  .features-modal .total-wrapper .total, .awards-modal .total-wrapper .total {
    float: right;
    font-weight: 500; }
  .features-modal .total-wrapper .value, .awards-modal .total-wrapper .value {
    margin-left: 16px;
    color: #00C66C; }

.features-modal .done, .awards-modal .done {
  text-align: center; }
  .features-modal .done i, .awards-modal .done i {
    font-size: 47.77574px; }
  .features-modal .done h3, .awards-modal .done h3 {
    margin-bottom: 24px; }
  .features-modal .done p, .awards-modal .done p {
    margin-top: 16px; }

.features-modal .payment-method .row, .awards-modal .payment-method .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }
  @media screen and (min-width: 39.4375em) {
    .features-modal .payment-method .row, .awards-modal .payment-method .row {
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

.extended-success-modal {
  text-align: center; }
  .extended-success-modal i.fa {
    font-size: 47.77574px;
    margin-bottom: 16px; }

.extend-deadline-modal select {
  width: 50%; }

.invite-collaborator-modal {
  text-align: left; }
  .invite-collaborator-modal .btn-animated-wrapper {
    display: inline-block; }

.collaborators-table thead.active,
.collaborators-table tbody.active {
  background: #EBEDF1; }

.collaborators-table thead td,
.collaborators-table tbody td {
  text-align: left; }

.collaborators-table thead td.user-column,
.collaborators-table tbody td.user-column {
  width: 50%; }
  @media screen and (max-width: 39.375em) {
    .collaborators-table thead td.user-column,
    .collaborators-table tbody td.user-column {
      width: 35%; }
      .collaborators-table thead td.user-column .btn,
      .collaborators-table tbody td.user-column .btn {
        padding-left: 0;
        padding-right: 0; } }

.collaborators-table thead td.status-column,
.collaborators-table tbody td.status-column {
  width: 20%;
  font-weight: 600; }

.collaborators-table thead td.actions,
.collaborators-table tbody td.actions {
  width: 30%;
  text-align: right; }
  .collaborators-table thead td.actions .btn-text,
  .collaborators-table tbody td.actions .btn-text {
    padding-left: 0;
    padding-right: 0;
    margin-right: 4px;
    vertical-align: bottom; }
  @media screen and (max-width: 39.375em) {
    .collaborators-table thead td.actions,
    .collaborators-table tbody td.actions {
      width: 45%; } }

.collaborators-table .checkbox .form-label {
  width: 100%;
  margin-bottom: 16px; }
  @media screen and (min-width: 64em) {
    .collaborators-table .checkbox .form-label {
      width: 20%;
      display: inline-block;
      font-size: 13.328px;
      margin-bottom: 0; } }

.collaborator-history-modal .notification-wrapper {
  margin-top: 8px; }

.project-entries-gallery.list .entry-tile .tile-left {
  width: 100%;
  margin-right: 16px;
  float: left;
  text-align: center; }
  @media screen and (min-width: 39.4375em) {
    .project-entries-gallery.list .entry-tile .tile-left {
      width: 33%; } }

.project-entries-gallery.list .entry-tile .tile-right {
  text-align: left; }

.project-entries-gallery.list .entry-tile .revision-description {
  display: block;
  margin-top: 32px;
  color: #262626; }

.project-entries-gallery.list .entry-tile .disclosure {
  display: initial; }

.entry-tile {
  margin-bottom: 32px;
  position: relative; }
  .entry-tile .tile-tools {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: left;
    padding: 0; }
    .entry-tile .tile-tools .btn-icon-only i {
      font-size: 27.648px;
      width: 27.648px; }
    .entry-tile .tile-tools .btn-remove,
    .entry-tile .tile-tools .btn-tools {
      position: absolute;
      top: 0;
      z-index: 800; }
    .entry-tile .tile-tools .btn-tools {
      left: 0; }
    .entry-tile .tile-tools .btn-remove {
      right: 0; }
      .entry-tile .tile-tools .btn-remove i:hover {
        color: #727273; }
    .entry-tile .tile-tools.\--menu-open .btn-remove i {
      color: rgba(255, 255, 255, 0.5);
      transition: 0.2s color ease-out; }
      .entry-tile .tile-tools.\--menu-open .btn-remove i:hover {
        color: #FFFFFF; }
    .entry-tile .tile-tools.\--menu-open .btn-tools svg g {
      fill: #FFFFFF; }
  .entry-tile .dropdown {
    position: static; }
  .entry-tile .dropdown-menu {
    padding: 16px 16px 16px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 48px;
    box-shadow: none;
    background: rgba(0, 6, 48, 0.93);
    z-index: 700;
    border: 0;
    width: auto;
    margin: 0;
    overflow-y: auto; }
    .entry-tile .dropdown-menu .dropdown-item button,
    .entry-tile .dropdown-menu .dropdown-item a {
      color: rgba(255, 255, 255, 0.5); }
      .entry-tile .dropdown-menu .dropdown-item button:hover,
      .entry-tile .dropdown-menu .dropdown-item a:hover {
        color: white; }
  .entry-tile .award-btn-wrapper {
    position: absolute;
    bottom: 8px;
    width: 100%;
    padding: 0 8px;
    z-index: 110; }
    .entry-tile .award-btn-wrapper .btn {
      width: 100%; }
    @media screen and (min-width: 64em) {
      .entry-tile .award-btn-wrapper {
        display: none; } }
  .entry-tile .entry-thumbnail {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(100% - 8px);
    z-index: 3;
    margin-bottom: calc(8px + 4px);
    outline: none;
    background-position: center center;
    background-size: cover;
    transition: box-shadow 0.2s ease-out;
    cursor: pointer;
    overflow: hidden; }
    .entry-tile .entry-thumbnail:hover .tile-actions, .entry-tile .entry-thumbnail:hover .award-btn-wrapper {
      display: block; }
    .entry-tile .entry-thumbnail.stacked {
      overflow: visible; }
    .entry-tile .entry-thumbnail.stacked:before {
      display: block;
      content: ' ';
      position: absolute;
      top: 1px;
      left: 2px;
      border: 1px solid #BDBEBF;
      border-radius: 4px;
      border-width: 0px 1px 1px 0px;
      width: calc(100% + 4px);
      padding-top: 99%;
      z-index: 2; }
    .entry-tile .entry-thumbnail.stacked:after {
      display: block;
      content: ' ';
      position: absolute;
      top: 2px;
      left: 4px;
      border: 1px solid #BDBEBF;
      border-width: 0px 1px 1px 0px;
      border-radius: 4px;
      width: calc(100% + 8px);
      padding-top: calc(100% + 2px);
      z-index: 1; }
    .entry-tile .entry-thumbnail .message {
      position: absolute;
      top: -1px;
      left: -1px;
      right: -1px;
      bottom: -1px;
      text-align: center;
      padding-top: 42%;
      margin-top: -4px;
      border-radius: 4px;
      font-size: 23.04px;
      font-weight: 700;
      text-transform: uppercase;
      color: #262626;
      background: rgba(255, 255, 255, 0.96); }
      .entry-tile .entry-thumbnail .message.double {
        padding-top: 28%; }
    .entry-tile .entry-thumbnail .flag {
      position: absolute;
      color: #FFFFFF;
      background: transparent;
      width: 0;
      height: 0;
      border-style: solid; }
      .entry-tile .entry-thumbnail .flag div {
        font-weight: 800;
        text-transform: uppercase;
        text-align: center; }
        .entry-tile .entry-thumbnail .flag div .value {
          display: block;
          font-size: 13.328px;
          line-height: 8px; }
      .entry-tile .entry-thumbnail .flag.tipped {
        border-width: 0 96px 96px 0;
        border-color: transparent #23B3F1 transparent transparent;
        top: 0;
        right: 0; }
        .entry-tile .entry-thumbnail .flag.tipped div {
          transform: rotate(45deg);
          width: 135px;
          margin: 24px 0 0 -8px; }
        .entry-tile .entry-thumbnail .flag.tipped.with-value div {
          margin: 16px 0 0 -4px; }
      .entry-tile .entry-thumbnail .flag.new, .entry-tile .entry-thumbnail .flag.winner {
        border-width: 0 96px 96px 0;
        border-color: transparent #DD0268 transparent transparent;
        top: 0;
        right: 0; }
        .entry-tile .entry-thumbnail .flag.new div, .entry-tile .entry-thumbnail .flag.winner div {
          transform: rotate(45deg);
          width: 135px;
          margin: 24px 0 0 -8px; }
        .entry-tile .entry-thumbnail .flag.new.with-value div, .entry-tile .entry-thumbnail .flag.winner.with-value div {
          margin: 16px 0 0 -4px; }
      .entry-tile .entry-thumbnail .flag.info {
        border-width: 0 104px 104px 0;
        border-color: transparent #262626 transparent transparent;
        top: 0;
        right: 0; }
        .entry-tile .entry-thumbnail .flag.info div {
          transform: rotate(45deg);
          width: 135px;
          margin: 32px 0 0 -8px; }
        .entry-tile .entry-thumbnail .flag.info.extended {
          border-width: 0 112px 112px 0; }
          .entry-tile .entry-thumbnail .flag.info.extended div {
            font-size: 13.328px;
            margin: 24px 0 0 0; }
    .entry-tile .entry-thumbnail.withdrawn ~ .star-rating, .entry-tile .entry-thumbnail.eliminated ~ .star-rating {
      opacity: 0.3;
      cursor: not-allowed; }
  .entry-tile .star-rating {
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .entry-tile .star-rating {
        text-align: left; } }
  .entry-tile .revision-name {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 23.04px;
    word-break: break-word;
    top: 50%;
    transform: translate(0, -50%); }
  .entry-tile .revision-description {
    display: none; }
  .entry-tile .disclosure {
    display: none; }

.revision-author {
  font-size: 16px;
  color: #979899;
  text-align: center; }
  @media screen and (min-width: 39.4375em) {
    .revision-author {
      font-size: 13.328px;
      text-align: left; } }
  .revision-author a {
    color: #727273;
    transition: color 0.2s ease-out; }
    .revision-author a:hover, .revision-author a:active {
      color: #727273;
      text-decoration: none; }

.entry.selected .entry-thumbnail:before {
  content: '\A0';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #23B3F1;
  border-radius: 4px; }

.entry.selected .entry-thumbnail.stacked:before {
  padding-top: calc(100% - 8px - 4px); }

.project-gallery-controls {
  display: none; }
  .side-drawer-container .project-gallery-controls {
    display: block; }
  .project-gallery-controls .controls-group {
    margin-bottom: 24px; }
    .project-gallery-controls .controls-group h5 {
      margin-bottom: 8px; }
  .project-gallery-controls .view-mode {
    border-radius: 2px;
    text-align: left;
    color: #BDBEBF;
    width: 33%; }
    .project-gallery-controls .view-mode button {
      border: none;
      margin: 0;
      display: inline-block; }
      .project-gallery-controls .view-mode button:first-child {
        padding-left: 0; }
      .project-gallery-controls .view-mode button.selected {
        color: #23B3F1; }
  .project-gallery-controls .view-grouping {
    color: #979899; }
  .project-gallery-controls .sorting-filtering {
    text-align: left;
    padding-left: 0; }
    @media screen and (max-width: 39.375em) {
      .project-gallery-controls .sorting-filtering {
        width: 100%; }
        .project-gallery-controls .sorting-filtering a {
          display: inline-block;
          width: 50%;
          line-height: 1.5em; } }
    .project-gallery-controls .sorting-filtering a {
      margin-right: 4px; }
  @media screen and (min-width: 39.4375em) {
    .project-gallery-controls .sort-toggle span {
      display: none; } }
  @media screen and (min-width: 64em) {
    .project-gallery-controls {
      display: block; } }

.named-entry-table .entry-name button {
  font-size: 16px; }

.named-entry-table .message {
  text-transform: uppercase; }

.named-entry-table .actions .fa-trash {
  font-size: 23.04px;
  display: inline-block;
  width: 16px;
  height: 16px;
  color: #979899;
  margin: 0 4px 0 0; }

.named-entry-table .actions .dropdown {
  display: inline-block; }

.awards-to-issue {
  text-align: center;
  margin-bottom: 32px; }
  .awards-to-issue h3 {
    font-weight: 300;
    color: #262626; }
  .awards-to-issue p {
    color: #262626; }
  .awards-to-issue .awards-list {
    margin: 0 auto; }
    .awards-to-issue .awards-list .award {
      display: inline-block;
      margin-left: 8px;
      color: #727273;
      font-weight: 600; }
      .awards-to-issue .awards-list .award:not(:first-child):before {
        content: '\B7';
        margin-right: 8px; }
      .awards-to-issue .awards-list .award.issued {
        text-decoration: line-through; }

.tip-modal .modal-content {
  overflow: hidden; }

.tip-modal .entry-thumbnail {
  padding-top: calc(100% - 8px);
  background-position: center center;
  background-size: cover; }
  .tip-modal .entry-thumbnail .revision-name {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 23.04px;
    word-break: break-word;
    top: 50%;
    transform: translate(0, -50%); }

.tip-modal .done {
  text-align: center; }
  .tip-modal .done i {
    font-size: 47.77574px; }
  .tip-modal .done h3 {
    margin-bottom: 24px; }
  .tip-modal .done p {
    margin-top: 16px; }

.l-app.project.entries .winner-entry {
  margin: -32px 0 32px; }

.project-section .pending-offers {
  margin: -32px 0 32px;
  padding-left: 0;
  padding-right: 0; }
  .project-section .pending-offers h4 {
    margin-bottom: 16px; }
  .project-section .pending-offers .entry {
    margin-bottom: 16px; }
    @media screen and (min-width: 39.4375em) {
      .project-section .pending-offers .entry {
        margin-bottom: 8px; } }
    .project-section .pending-offers .entry:last-child {
      margin-bottom: 0; }
  @media screen and (min-width: 39.4375em) {
    .project-section .pending-offers .actions {
      display: inline-block;
      margin-left: 8px; } }
  .project-section .pending-offers .btn {
    display: block;
    margin: 8px 0; }
    @media screen and (min-width: 39.4375em) {
      .project-section .pending-offers .btn {
        display: inline-block;
        margin: 0 4px 0 0; } }

.project-section .package-tipped {
  margin: -32px 0 32px; }
  .project-section .package-tipped h5 {
    margin: 16px 0 0; }

.project.entries .project-section .applied-filters {
  margin-bottom: 16px; }

.single-entry-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 300;
  transition: opacity 400ms ease-in; }
  .single-entry-modal .entry-modal-content {
    height: 100%;
    display: flex;
    flex-flow: column;
    overflow-y: hidden; }
  .single-entry-modal .entry-header {
    background: #F6F7F9;
    text-align: left; }
    .single-entry-modal .entry-header .row {
      margin: 0; }
  .single-entry-modal .entry-wrapper {
    background: #FFFFFF;
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0; }
    .single-entry-modal .entry-wrapper section {
      height: 100%;
      margin: 0; }
    .single-entry-modal .entry-wrapper .left-drawer {
      display: block;
      padding-bottom: 0;
      overflow-y: auto;
      overflow-x: hidden;
      background: #EBEDF1; }
      .single-entry-modal .entry-wrapper .left-drawer.revisions {
        max-height: 100%; }
      .single-entry-modal .entry-wrapper .left-drawer.comments {
        overflow-y: hidden; }
      .single-entry-modal .entry-wrapper .left-drawer.hidden {
        display: none;
        max-width: 0%;
        flex-basis: 0%; }
      @media screen and (max-width: 39.375em) {
        .single-entry-modal .entry-wrapper .left-drawer {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 900;
          width: 100%;
          height: 100%;
          flex-basis: 100%;
          max-width: 100%; } }
    .single-entry-modal .entry-wrapper .feedback-wrapper {
      padding: 16px; }
      .single-entry-modal .entry-wrapper .feedback-wrapper .feedback-send-success {
        display: flex;
        align-items: center;
        justify-content: center; }
        .single-entry-modal .entry-wrapper .feedback-wrapper .feedback-send-success i {
          margin: 8px 0;
          display: block;
          font-size: 47.77574px; }
      .single-entry-modal .entry-wrapper .feedback-wrapper .input-checkbox {
        display: flex;
        align-items: top;
        margin-bottom: 24px; }
        .single-entry-modal .entry-wrapper .feedback-wrapper .input-checkbox .form-group {
          width: 80%;
          min-height: auto;
          margin: 0; }
        .single-entry-modal .entry-wrapper .feedback-wrapper .input-checkbox .form-group, .single-entry-modal .entry-wrapper .feedback-wrapper .input-checkbox .checkbox {
          display: inline-block; }
        .single-entry-modal .entry-wrapper .feedback-wrapper .input-checkbox input[type=text].form-control {
          border-bottom: 2px solid #BDBEBF;
          padding-top: 0;
          font-size: 16px; }
  .single-entry-modal .header-top {
    margin-bottom: 8px;
    color: #727273; }
    .single-entry-modal .header-top .entry-title a {
      color: #727273;
      font-weight: 600; }
      .single-entry-modal .header-top .entry-title a:hover {
        text-decoration: underline; }
    .single-entry-modal .header-top .entry-pagination {
      text-align: center;
      font-size: 19.2px;
      font-weight: 600;
      letter-spacing: -0.02em; }
      .single-entry-modal .header-top .entry-pagination i {
        font-size: 33.1776px;
        color: #BDBEBF;
        vertical-align: bottom;
        position: relative;
        top: 2px; }
      .single-entry-modal .header-top .entry-pagination a:hover i {
        color: #23B3F1; }
      .single-entry-modal .header-top .entry-pagination .prev {
        margin-right: 8px; }
      .single-entry-modal .header-top .entry-pagination .next {
        margin-left: 8px; }
  .single-entry-modal .header-bottom .comments-toggle {
    background: #FFFFFF;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #EBEDF1;
    padding: 0 8px;
    left: calc(66.66% - 16px);
    bottom: -100px;
    z-index: 9999;
    cursor: pointer; }
    .single-entry-modal .header-bottom .comments-toggle i {
      color: #979899; }
    .single-entry-modal .header-bottom .comments-toggle:hover {
      border-color: #F6F7F9; }
      .single-entry-modal .header-bottom .comments-toggle:hover i {
        color: #23B3F1; }
    .single-entry-modal .header-bottom .comments-toggle.closed {
      left: 4px; }
  .single-entry-modal .header-bottom .entry-revisions {
    margin-top: 8px; }
    .single-entry-modal .header-bottom .entry-revisions h5 {
      font-size: 13.328px;
      color: #262626;
      font-weight: 400;
      display: inline-block;
      margin: 16px 16px 0 0;
      text-align: center;
      vertical-align: top; }
    .single-entry-modal .header-bottom .entry-revisions ul {
      display: inline-block; }
    .single-entry-modal .header-bottom .entry-revisions li {
      width: 64px;
      display: inline-block;
      margin-right: 8px; }
    .single-entry-modal .header-bottom .entry-revisions .tile, .single-entry-modal .header-bottom .entry-revisions .pap-review .review-row, .pap-review .single-entry-modal .header-bottom .entry-revisions .review-row, .single-entry-modal .header-bottom .entry-revisions .admin-island, .single-entry-modal .header-bottom .entry-revisions .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .single-entry-modal .header-bottom .entry-revisions .item.review, .single-entry-modal .header-bottom .entry-revisions .marketing-tools .box, .marketing-tools .single-entry-modal .header-bottom .entry-revisions .box, .single-entry-modal .header-bottom .entry-revisions .email-automations .table-default tbody tr, .email-automations .table-default tbody .single-entry-modal .header-bottom .entry-revisions tr, .single-entry-modal .header-bottom .entry-revisions .block.block-stats .stat-box, .block.block-stats .single-entry-modal .header-bottom .entry-revisions .stat-box {
      margin-bottom: 8px; }
      .single-entry-modal .header-bottom .entry-revisions .tile.selected:before, .single-entry-modal .header-bottom .entry-revisions .pap-review .selected.review-row:before, .pap-review .single-entry-modal .header-bottom .entry-revisions .selected.review-row:before, .single-entry-modal .header-bottom .entry-revisions .selected.admin-island:before, .single-entry-modal .header-bottom .entry-revisions .admin-edit-brief .brief-section .selected.item.review:before, .admin-edit-brief .brief-section .single-entry-modal .header-bottom .entry-revisions .selected.item.review:before, .single-entry-modal .header-bottom .entry-revisions .marketing-tools .selected.box:before, .marketing-tools .single-entry-modal .header-bottom .entry-revisions .selected.box:before, .single-entry-modal .header-bottom .entry-revisions .email-automations .table-default tbody tr.selected:before, .email-automations .table-default tbody .single-entry-modal .header-bottom .entry-revisions tr.selected:before, .single-entry-modal .header-bottom .entry-revisions .block.block-stats .selected.stat-box:before, .block.block-stats .single-entry-modal .header-bottom .entry-revisions .selected.stat-box:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0px 0px 0 2px #23B3F1; }
  @media screen and (min-width: 39.4375em) {
    .single-entry-modal .header-bottom .entry-rating {
      text-align: center; } }
  .single-entry-modal .header-bottom .seeing-older-rev {
    text-align: center;
    margin: 16px 0;
    font-weight: 600; }
    .single-entry-modal .header-bottom .seeing-older-rev .btn {
      padding: 0; }
  .single-entry-modal .header-bottom .entry-controls {
    display: flex;
    flex-flow: row; }
    @media screen and (min-width: 64em) {
      .single-entry-modal .header-bottom .entry-controls {
        font-size: 19.2px; } }
    .single-entry-modal .header-bottom .entry-controls.entry-left-controls {
      position: relative; }
  .single-entry-modal .header-bottom .button-wrapper {
    margin-right: 8px; }
    .single-entry-modal .header-bottom .button-wrapper button {
      border-bottom: 2px solid transparent; }
      .single-entry-modal .header-bottom .button-wrapper button .svg-icon svg g {
        fill: #BDBEBF;
        transition: fill 0.2s ease-out; }
      .single-entry-modal .header-bottom .button-wrapper button:hover .svg-icon svg g {
        fill: #4C4C4D; }
      .single-entry-modal .header-bottom .button-wrapper button.active {
        border-bottom: 2px solid #DD0268; }
        .single-entry-modal .header-bottom .button-wrapper button.active .svg-icon svg g {
          fill: #4C4C4D; }
    .single-entry-modal .header-bottom .button-wrapper.entry-comments .comment-indicator {
      font-size: 13.328px;
      position: relative;
      top: -16px;
      left: 0;
      color: #DD0268;
      margin-right: 8px; }
  .single-entry-modal .header-bottom .entry-right-controls {
    justify-content: flex-end; }
  @media screen and (min-width: 39.4375em) {
    .single-entry-modal .header-bottom .dropdown {
      position: relative; } }
  .single-entry-modal .entry-revisions-list {
    padding: 16px; }
    .single-entry-modal .entry-revisions-list .btn-close {
      float: right; }
    .single-entry-modal .entry-revisions-list .revision {
      display: block;
      margin-bottom: 16px; }
      .single-entry-modal .entry-revisions-list .revision .revision-date {
        margin-bottom: 4px;
        font-size: 13.328px;
        color: #979899; }
        .single-entry-modal .entry-revisions-list .revision .revision-date.most-recent {
          font-size: 16px;
          font-weight: 600; }
      .single-entry-modal .entry-revisions-list .revision .selected:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        box-shadow: inset 0px 0px 0 4px #23B3F1; }
  .single-entry-modal .entry-comments-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: stretch;
    align-content: stretch; }
    .single-entry-modal .entry-comments-container .list-title {
      width: 100%; }
      @media screen and (max-width: 39.375em) {
        .single-entry-modal .entry-comments-container .list-title {
          height: auto;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 900; } }
    .single-entry-modal .entry-comments-container .disclosure {
      padding: 8px;
      background: #c0e8fa;
      color: #262626; }
    .single-entry-modal .entry-comments-container .comments-scroller {
      position: relative;
      overflow-y: auto;
      overflow-x: hidden;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: stretch;
      align-content: stretch;
      flex: 1; }
    .single-entry-modal .entry-comments-container .comments-list {
      height: 0;
      flex: 1;
      padding: 48px 0 0;
      max-width: 100%; }
      .single-entry-modal .entry-comments-container .comments-list .collapse-button {
        display: block;
        position: relative;
        padding-left: 16px;
        margin-top: 8px;
        font-size: 13.328px;
        cursor: pointer; }
        .single-entry-modal .entry-comments-container .comments-list .collapse-button:before {
          content: '\F107';
          font-family: FontAwesome;
          font-size: 16px;
          display: inline-block;
          position: absolute;
          left: 0;
          top: -2px;
          pointer-events: none; }
        .single-entry-modal .entry-comments-container .comments-list .collapse-button.uncollapsed:before {
          transform: rotate(180deg); }
    .single-entry-modal .entry-comments-container .comment-box {
      z-index: 500;
      background: transparent;
      padding: 4px; }
    .single-entry-modal .entry-comments-container .comment-form form {
      width: 100%;
      position: relative;
      min-height: 40px; }
    .single-entry-modal .entry-comments-container .comment-form .form-group {
      background: #FFFFFF;
      margin-bottom: 0; }
    .single-entry-modal .entry-comments-container .comment-form textarea {
      resize: none;
      background: #FFFFFF;
      border: none;
      width: 100%;
      border-top: 1px solid #BDBEBF;
      font-size: 16px;
      color: #262626;
      padding: 8px 48px 4px 4px;
      transition: box-shadow 0.2s ease-out;
      box-shadow: none;
      min-height: 40px; }
      .single-entry-modal .entry-comments-container .comment-form textarea:focus {
        outline: 0;
        box-shadow: 0px 0px 2px 2px rgba(35, 179, 241, 0.5); }
    .single-entry-modal .entry-comments-container .comment-form .form-group.error {
      box-shadow: 0px 0px 1px 1px #A70045; }
      .single-entry-modal .entry-comments-container .comment-form .form-group.error .error-msg {
        margin-left: 4px; }
      .single-entry-modal .entry-comments-container .comment-form .form-group.error textarea:focus {
        box-shadow: none; }
    .single-entry-modal .entry-comments-container .comment-form .btn-send {
      display: inline-block;
      position: absolute;
      right: 0;
      bottom: 0; }
      .single-entry-modal .entry-comments-container .comment-form .btn-send .svg-icon svg g {
        fill: #23B3F1; }
      .single-entry-modal .entry-comments-container .comment-form .btn-send:hover .svg-icon svg g, .single-entry-modal .entry-comments-container .comment-form .btn-send:focus .svg-icon svg g, .single-entry-modal .entry-comments-container .comment-form .btn-send:active .svg-icon svg g {
        fill: #79CFF4; }
    .single-entry-modal .entry-comments-container .comment-form.internal .form-group, .single-entry-modal .entry-comments-container .comment-form.internal textarea {
      background: #FFFAE5; }
    .single-entry-modal .entry-comments-container .feedback .sub-title {
      font-weight: 600; }
    .single-entry-modal .entry-comments-container .feedback ul {
      margin: 0; }
  .single-entry-modal .entry-content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    box-shadow: -2px 2px 2px rgba(114, 114, 115, 0.2);
    z-index: 600;
    overflow: hidden; }
    .single-entry-modal .entry-content.full-width {
      max-width: 100%;
      flex-basis: 100%;
      padding: 0; }
    .single-entry-modal .entry-content .revision-image {
      width: 100%;
      height: 100%; }
      .single-entry-modal .entry-content .revision-image .comment-pin {
        position: absolute;
        cursor: pointer;
        margin: 0; }
        .single-entry-modal .entry-content .revision-image .comment-pin.dimmed {
          opacity: 0.3; }
      .single-entry-modal .entry-content .revision-image img {
        width: 100%;
        height: auto; }
      .single-entry-modal .entry-content .revision-image .zoom-controls {
        position: absolute;
        bottom: 16px;
        width: 100%;
        text-align: center;
        z-index: 700; }
        .single-entry-modal .entry-content .revision-image .zoom-controls .zoom-buttons {
          font-size: 23.04px;
          color: #BDBEBF;
          display: inline-block;
          border-radius: 4px;
          background: transparent;
          transition: all 0.2s ease-out; }
          .single-entry-modal .entry-content .revision-image .zoom-controls .zoom-buttons:hover {
            background: rgba(0, 6, 48, 0.93); }
            .single-entry-modal .entry-content .revision-image .zoom-controls .zoom-buttons:hover .btn-icon-only .svg-icon svg g {
              fill: #FFFFFF; }
    .single-entry-modal .entry-content .comments-dialog h4 {
      margin-bottom: 8px;
      color: #262626; }
    .single-entry-modal .entry-content .comments-dialog .horizontal-selector {
      border-bottom-color: #FFFFFF; }
    .single-entry-modal .entry-content .comments-dialog textarea {
      margin-top: 0; }
    .single-entry-modal .entry-content .comments-dialog.internal textarea {
      background: #FFFAE5; }
  .single-entry-modal .message {
    padding: 40% 0;
    width: 100%;
    text-align: center; }
    .single-entry-modal .message h1 {
      text-transform: uppercase;
      color: #262626; }
    @media screen and (min-width: 39.4375em) {
      .single-entry-modal .message {
        padding: 15% 0; }
        .single-entry-modal .message h1 {
          font-size: 70px; } }
  .single-entry-modal .flag {
    position: absolute;
    color: #FFFFFF;
    background: transparent;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 104px 104px 0;
    border-color: transparent #4C4C4D transparent transparent;
    top: 0;
    right: 0;
    z-index: 1; }
    .single-entry-modal .flag div {
      font-weight: 800;
      text-transform: uppercase;
      text-align: center;
      transform: rotate(45deg);
      width: 135px;
      margin: 32px 0 0 -8px; }
    @media screen and (min-width: 39.4375em) {
      .single-entry-modal .flag {
        border-width: 0 136px 136px 0; }
        .single-entry-modal .flag div {
          font-size: 19.2px;
          width: 180px;
          margin: 40px 0 0 -8px; } }

.form-button-block {
  margin-top: 24px; }
  .form-button-block .btn-animated-wrapper, .form-button-block .btn-text, .form-button-block .btn-primary {
    display: block;
    width: 100%; }
    @media screen and (min-width: 39.4375em) {
      .form-button-block .btn-animated-wrapper, .form-button-block .btn-text, .form-button-block .btn-primary {
        display: inline-block;
        width: auto; } }
  .form-button-block .btn-animated {
    width: 100%; }
    @media screen and (min-width: 39.4375em) {
      .form-button-block .btn-animated {
        width: auto;
        margin-bottom: 0; } }

.presentations .l-content {
  padding-top: 0; }

.presentations .modal-content {
  overflow-x: hidden; }
  .presentations .modal-content .modal-actions {
    text-align: right; }
    .presentations .modal-content .modal-actions .btn-back {
      float: left; }
    @media screen and (max-width: 39.375em) {
      .presentations .modal-content .modal-actions .btn {
        display: block;
        width: 100%;
        margin: 8px 0; } }

.presentations .add-presentation-modal .modal-content {
  padding-right: 0;
  padding-left: 0; }

@media screen and (max-width: 39.375em) {
  .presentations .add-presentation-modal .preview-wrapper {
    margin-top: 8px; } }

.presentations .add-presentation-modal .modal-dialog .modal-content {
  padding-right: 16px;
  padding-left: 16px; }

.presentations .add-presentation-modal .step-participants {
  padding-right: 16px;
  padding-left: 16px; }

.presentations .add-step-customization h2 {
  margin-bottom: 32px; }

.presentations .add-step-revisions .entry-count, .presentations .edit-revisions-modal .entry-count {
  margin-left: 24px;
  font-size: 19.2px;
  color: #727273; }
  @media screen and (max-width: 39.375em) {
    .presentations .add-step-revisions .entry-count, .presentations .edit-revisions-modal .entry-count {
      display: block;
      margin-left: 0; } }

.presentations .empty-state-cta h3 {
  margin-bottom: 32px; }

.presentations .participant-preview {
  border: 2px solid #BDBEBF;
  position: relative;
  background: #FFFFFF; }
  .presentations .participant-preview header {
    background: #BDBEBF; }
    .presentations .participant-preview header .logo {
      width: 40px;
      height: 40px;
      background-position: center;
      background-size: cover;
      position: absolute;
      margin: 4px; }

.presentations .vote-preview header .fa-close {
  margin: 4px;
  position: absolute;
  right: 0; }

.presentations .vote-preview header .left-control, .presentations .vote-preview header .right-control {
  font-size: 13.328px; }

.presentations .vote-preview header .left-control {
  margin-right: 8px; }

.presentations .vote-preview header .right-control {
  margin-left: 8px; }

.presentations .vote-preview header .star-rating {
  margin-top: 8px; }

.presentations .vote-preview header .controls {
  padding-top: 4px; }

.presentations .vote-preview .image-controls .fa {
  font-size: 23.04px;
  color: #BDBEBF; }

.presentations .vote-preview .fa-search-plus {
  margin: 0 8px; }

.presentations .vote-preview .sample-logo {
  height: 128px;
  width: 128px;
  opacity: 0.3;
  margin: 80px auto 72px;
  background-position: center;
  background-size: cover; }
  @media screen and (min-width: 39.4375em) {
    .presentations .vote-preview .sample-logo {
      margin: 104px auto 96px; } }

.presentations .intro-preview header {
  height: 48px; }

.presentations .intro-preview .purpose {
  margin-bottom: 48px;
  font-size: 19.2px;
  color: #262626;
  font-weight: 600; }

.presentations .intro-preview .main-content {
  padding: 24px; }
  .presentations .intro-preview .main-content .entry-thumbnail {
    margin-bottom: 0; }
  .presentations .intro-preview .main-content .entry-tile:hover {
    box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.25); }

.presentations .fa-external-link {
  color: #23B3F1; }

.presentations .vote-preview-modal .modal-actions, .presentations .intro-preview-modal .modal-actions {
  text-align: left; }

.presentations .vote-preview-modal header .logo, .presentations .intro-preview-modal header .logo {
  width: 64px;
  height: 64px; }

.presentations .vote-preview-modal header .star-rating, .presentations .intro-preview-modal header .star-rating {
  margin-top: 24px; }
  .presentations .vote-preview-modal header .star-rating i, .presentations .intro-preview-modal header .star-rating i {
    font-size: 23.04px; }

.presentations .vote-preview-modal .sample-logo, .presentations .intro-preview-modal .sample-logo {
  height: 192px;
  width: 192px;
  margin: 144px auto 136px; }

.presentations .intro-preview-modal header {
  height: 80px; }

.presentations .intro-preview-modal .purpose {
  font-size: 27.648px;
  margin: 16px 0 80px; }

.presentations .participants-field .participant-row {
  padding: 16px 0 0 0;
  margin: 0; }
  .presentations .participants-field .participant-row .columns:first-child {
    padding-left: 0;
    padding-top: 4px; }
  .presentations .participants-field .participant-row .columns:last-child {
    padding-top: 4px; }
  .presentations .participants-field .participant-row .form-group {
    margin: 0; }
    .presentations .participants-field .participant-row .form-group select {
      color: #23B3F1;
      border-bottom: 0;
      padding: 0; }
    .presentations .participants-field .participant-row .form-group.select-wrapper:after {
      color: #23B3F1;
      top: 0; }

.presentations .presentation-wrapper .stats-container {
  background: #FFFFFF;
  margin-bottom: 32px;
  padding: 16px 0; }

.presentations .presentation-wrapper .presentation-result-tile h4 {
  margin-left: 16px;
  margin-top: 16px; }

@media screen and (min-width: 39.4375em) {
  .presentations .presentation-wrapper .presentation-result-tile h4 {
    margin-left: 0;
    margin-top: 0; } }

.presentations .presentation-wrapper .presentation-stats {
  text-align: center; }
  .presentations .presentation-wrapper .presentation-stats.tile-stats {
    margin: 16px; }
    @media screen and (min-width: 39.4375em) {
      .presentations .presentation-wrapper .presentation-stats.tile-stats {
        padding: 0 1.25em 0 0;
        margin: 0; } }
  .presentations .presentation-wrapper .presentation-stats .stat-label {
    color: #979899;
    text-transform: uppercase;
    font-size: 11.10222px;
    font-weight: 700; }
    @media screen and (min-width: 39.4375em) {
      .presentations .presentation-wrapper .presentation-stats .stat-label {
        font-size: 13.328px; } }
  .presentations .presentation-wrapper .presentation-stats .stat-value {
    font-size: 23.04px;
    font-weight: 800;
    text-transform: capitalize;
    color: #262626; }
    @media screen and (min-width: 39.4375em) {
      .presentations .presentation-wrapper .presentation-stats .stat-value {
        font-size: 33.1776px; } }
    .presentations .presentation-wrapper .presentation-stats .stat-value .star-rating {
      margin-top: 16px; }
  .presentations .presentation-wrapper .presentation-stats .btn-toggle {
    margin-top: 16px; }
    @media screen and (min-width: 39.4375em) {
      .presentations .presentation-wrapper .presentation-stats .btn-toggle {
        margin-top: 0; } }
  .presentations .presentation-wrapper .presentation-stats .max-value {
    color: #BDBEBF;
    font-size: 19.2px; }

.presentations .tab-actions {
  margin-bottom: 16px; }

.presentations .tab-content.participants .select-wrapper:after {
  position: static;
  margin-left: 8px;
  top: 0; }

.presentations .tab-content.participants select.form-control {
  font-size: 16px;
  padding: 0;
  border: 0;
  display: inline;
  width: auto; }

.presentations .tab-content.participants .actions .btn {
  padding-left: 0;
  padding-right: 0; }
  @media screen and (max-width: 39.375em) {
    .presentations .tab-content.participants .actions .btn {
      display: block;
      margin: 0 auto; } }

.presentations .tab-content.participants .actions .separator {
  display: inline-block;
  margin: 0 8px;
  color: #979899; }

.presentations .revision-results-modal .tile, .presentations .revision-results-modal .pap-review .review-row, .pap-review .presentations .revision-results-modal .review-row, .presentations .revision-results-modal .admin-island, .presentations .revision-results-modal .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .presentations .revision-results-modal .item.review, .presentations .revision-results-modal .marketing-tools .box, .marketing-tools .presentations .revision-results-modal .box, .presentations .revision-results-modal .email-automations .table-default tbody tr, .email-automations .table-default tbody .presentations .revision-results-modal tr, .presentations .revision-results-modal .block.block-stats .stat-box, .block.block-stats .presentations .revision-results-modal .stat-box {
  margin-bottom: 8px; }

.presentations .revision-results-modal .entry-number {
  margin-bottom: 24px; }

.presentations .revision-results-modal .modal-actions {
  text-align: left; }

.presentations .revision-results-modal .comment-pin {
  position: absolute;
  cursor: pointer; }

.presentations .revision-results-modal .dimmed {
  opacity: 0.3; }

.presentations .revision-results-modal .results-comments {
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden; }
  @media screen and (min-width: 39.4375em) {
    .presentations .revision-results-modal .results-comments {
      max-height: 500px; } }

.presentations .revision-results-modal .presentation-comment {
  margin-bottom: 16px; }
  .presentations .revision-results-modal .presentation-comment .comment-date {
    color: #727273;
    font-size: 13.328px;
    margin-bottom: 8px; }
  .presentations .revision-results-modal .presentation-comment .avatar {
    float: right; }
  .presentations .revision-results-modal .presentation-comment .comment-wrapper {
    position: relative;
    border-radius: 4px;
    padding: 16px;
    background: #FFFFFF; }
  .presentations .revision-results-modal .presentation-comment .comment-pin {
    left: -8px;
    top: -8px; }
  .presentations .revision-results-modal .presentation-comment .comment-name {
    text-transform: uppercase;
    font-size: 13.328px;
    font-weight: 800;
    color: #262626;
    margin-bottom: 8px; }

.presentations .standard-color-preview {
  height: 24px;
  width: 48px;
  border: 2px solid #979899;
  border-radius: 4px;
  float: right; }

.presentations .name-row .columns:first-child {
  padding-left: 0; }

.presentations .name-row .columns:last-child {
  padding-right: 0; }

@media screen and (max-width: 39.375em) {
  .presentations .name-row .columns {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 39.375em) {
  .presentations .settings .preview-wrapper {
    margin-top: 8px; } }

.presentations .settings .btn-animated-wrapper {
  margin-top: 80px; }

/*
 * Styles for project and wrap-up tours
 */
.project-tour {
  width: 100%;
  overflow: hidden;
  margin: 40px 0 0; }
  @media screen and (min-width: 64em) {
    .project-tour {
      width: auto;
      margin: 40px 10% 0; } }
  .project-tour .slide {
    border-radius: 4px;
    padding: 24px;
    background: #454A6E;
    color: #FFFFFF;
    min-height: 700px; }
    .project-tour .slide h2, .project-tour .slide h5 {
      color: #FFFFFF; }
    .project-tour .slide h5 {
      margin-bottom: 0; }
    .project-tour .slide .btn {
      width: 100%; }
    .project-tour .slide img {
      max-height: 200px;
      margin: 24px auto 112px; }
      @media screen and (min-width: 39.4375em) {
        .project-tour .slide img {
          margin: 16px 0 144px; } }
    .project-tour .slide .btn-tertiary {
      margin: 40px 0 0; }
    .project-tour .slide.intro {
      padding: 64px 24px;
      text-align: center;
      min-height: initial; }
      .project-tour .slide.intro .btn-text {
        display: block;
        margin: 0 auto;
        color: #FFFFFF; }
      .project-tour .slide.intro .btn-tertiary {
        margin: 24px 0 8px; }
    .project-tour .slide.last.has-button img {
      display: none; }
      @media screen and (min-width: 39.4375em) {
        .project-tour .slide.last.has-button img {
          display: initial; } }
    @media screen and (min-width: 39.4375em) {
      .project-tour .slide {
        min-height: 375px; }
        .project-tour .slide .btn {
          width: auto; } }
  .project-tour .slick-dots {
    position: relative;
    margin-top: -72px; }
    @media screen and (min-width: 39.4375em) {
      .project-tour .slick-dots {
        margin-top: -32px; } }
    .project-tour .slick-dots li {
      width: 16px;
      height: 16px; }
  .project-tour.wrapup-tour .slide:not(.intro) {
    min-height: 600px; }
    @media screen and (min-width: 39.4375em) {
      .project-tour.wrapup-tour .slide:not(.intro) {
        min-height: 375px; } }
  .project-tour.wrapup-tour .slide img {
    margin-bottom: 80px; }
    @media screen and (min-width: 39.4375em) {
      .project-tour.wrapup-tour .slide img {
        margin-bottom: 112px; } }

@media screen and (max-width: 39.375em) {
  .l-site-wrap.expanded .project-section {
    height: 100%; }
  .l-site-wrap.expanded .project-gallery-content {
    display: none; }
  .project-gallery-wrapper {
    position: relative; } }

.explore_projects .l-content,
.explore_creatives .l-content {
  padding-top: 0; }

.explore_projects .applied-filters,
.explore_creatives .applied-filters {
  margin-bottom: 16px; }

.explore-cta {
  background: #FFFFFF;
  padding: 32px 0; }
  @media screen and (min-width: 39.4375em) {
    .explore-cta {
      padding: 64px 0;
      margin-bottom: 32px; } }
  .explore-cta .attribution {
    font-size: 11.10222px;
    text-align: right; }
    @media screen and (min-width: 39.4375em) {
      .explore-cta .attribution {
        font-size: 13.328px; } }
    .explore-cta .attribution a {
      color: #4C4C4D;
      font-weight: 600; }
      .explore-cta .attribution a:hover {
        text-decoration: underline; }
  .explore-cta .explore-cta-content {
    font-size: 23.04px;
    color: #979899;
    margin-bottom: 24px; }
  .explore-cta .explore-cta-text {
    line-height: 32px; }
  .explore-cta .artwork-container.projects {
    position: relative;
    min-height: 344px; }
    .explore-cta .artwork-container.projects .artwork {
      position: absolute;
      max-width: 562px; }
    .explore-cta .artwork-container.projects .attribution {
      position: absolute;
      right: 0;
      bottom: -16px; }
      @media screen and (min-width: 39.4375em) {
        .explore-cta .artwork-container.projects .attribution {
          left: 24px;
          right: auto;
          bottom: -32px; } }
      @media screen and (min-width: 64em) {
        .explore-cta .artwork-container.projects .attribution {
          bottom: -24px;
          right: 24px;
          left: auto; } }
  .explore-cta .artwork-container.creatives {
    position: relative;
    min-height: 300px; }
    .explore-cta .artwork-container.creatives .artwork {
      position: absolute;
      max-width: 533px; }
    .explore-cta .artwork-container.creatives .attribution {
      position: absolute;
      right: 16px;
      bottom: -16px; }
      @media screen and (min-width: 39.4375em) {
        .explore-cta .artwork-container.creatives .attribution {
          left: 32px;
          right: auto; } }
      @media screen and (min-width: 64em) {
        .explore-cta .artwork-container.creatives .attribution {
          right: 80px;
          left: auto; } }
  .explore-cta h1, .explore-cta h2 {
    color: #161C4A;
    font-size: 39.81312px;
    font-weight: 700; }
    @media screen and (max-width: 39.375em) {
      .explore-cta h1, .explore-cta h2 {
        font-size: 23.04px; } }
  .explore-cta .cta-buttons {
    margin-top: 24px; }
    .explore-cta .cta-buttons .btn {
      margin-right: 16px; }
  .explore-cta a {
    display: inline-block; }
  @media screen and (max-width: 39.375em) {
    .explore-cta .explore-cta-content {
      font-size: 16px; }
    .explore-cta .explore-cta-text {
      line-height: inherit; }
    .explore-cta .cta-buttons .btn {
      display: block;
      margin-bottom: 8px; } }

.explore-results {
  position: relative;
  padding-top: 32px; }
  .explore-results .loading-indicator {
    top: calc(20% - 16px);
    left: calc(40% - 48px); }

.registration {
  /* common styles throughout the steps */
  text-align: center;
  /* step-specific styles */ }
  .registration .form-control::-webkit-input-placeholder {
    color: #F6F7F9; }
  .registration .form-control:focus::-webkit-input-placeholder {
    color: #979899; }
  .registration form {
    text-align: initial; }
  @media screen and (max-width: 39.375em) {
    .registration .btn-animated {
      width: 100%; } }
  .registration fieldset {
    padding: 0; }
    .registration fieldset > .form-group:first-of-type {
      margin-top: 16px; }
  .registration .checkbox {
    margin-bottom: 16px; }
    .registration .checkbox .form-label {
      font-size: 16px;
      color: #262626; }
    .registration .checkbox input[type=checkbox]:checked + label {
      color: #262626; }
  .registration .done p {
    margin-bottom: 16px; }
  @media screen and (max-width: 39.375em) {
    .registration .done .btn {
      width: 100%;
      display: block; } }
  @media screen and (min-width: 39.4375em) {
    .registration.common.step1 {
      padding-top: 32px; } }
  .registration.common.step1 .tile, .registration.common.step1 .pap-review .review-row, .pap-review .registration.common.step1 .review-row, .registration.common.step1 .admin-island, .registration.common.step1 .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .registration.common.step1 .item.review, .registration.common.step1 .marketing-tools .box, .marketing-tools .registration.common.step1 .box, .registration.common.step1 .email-automations .table-default tbody tr, .email-automations .table-default tbody .registration.common.step1 tr, .registration.common.step1 .block.block-stats .stat-box, .block.block-stats .registration.common.step1 .stat-box {
    color: #BDBEBF;
    cursor: pointer;
    min-height: 160px;
    padding-top: 16px; }
    .registration.common.step1 .tile .icon svg g, .registration.common.step1 .pap-review .review-row .icon svg g, .pap-review .registration.common.step1 .review-row .icon svg g, .registration.common.step1 .admin-island .icon svg g, .registration.common.step1 .admin-edit-brief .brief-section .item.review .icon svg g, .admin-edit-brief .brief-section .registration.common.step1 .item.review .icon svg g, .registration.common.step1 .marketing-tools .box .icon svg g, .marketing-tools .registration.common.step1 .box .icon svg g, .registration.common.step1 .email-automations .table-default tbody tr .icon svg g, .email-automations .table-default tbody .registration.common.step1 tr .icon svg g, .registration.common.step1 .block.block-stats .stat-box .icon svg g, .block.block-stats .registration.common.step1 .stat-box .icon svg g {
      transition: fill 0.2s ease-out; }
    .registration.common.step1 .tile .icon svg, .registration.common.step1 .pap-review .review-row .icon svg, .pap-review .registration.common.step1 .review-row .icon svg, .registration.common.step1 .admin-island .icon svg, .registration.common.step1 .admin-edit-brief .brief-section .item.review .icon svg, .admin-edit-brief .brief-section .registration.common.step1 .item.review .icon svg, .registration.common.step1 .marketing-tools .box .icon svg, .marketing-tools .registration.common.step1 .box .icon svg, .registration.common.step1 .email-automations .table-default tbody tr .icon svg, .email-automations .table-default tbody .registration.common.step1 tr .icon svg, .registration.common.step1 .block.block-stats .stat-box .icon svg, .block.block-stats .registration.common.step1 .stat-box .icon svg {
      width: 100%; }
    .registration.common.step1 .tile:before, .registration.common.step1 .pap-review .review-row:before, .pap-review .registration.common.step1 .review-row:before, .registration.common.step1 .admin-island:before, .registration.common.step1 .admin-edit-brief .brief-section .item.review:before, .admin-edit-brief .brief-section .registration.common.step1 .item.review:before, .registration.common.step1 .marketing-tools .box:before, .marketing-tools .registration.common.step1 .box:before, .registration.common.step1 .email-automations .table-default tbody tr:before, .email-automations .table-default tbody .registration.common.step1 tr:before, .registration.common.step1 .block.block-stats .stat-box:before, .block.block-stats .registration.common.step1 .stat-box:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      border: 1px solid transparent;
      transition: all 0.2s ease-out; }
    .registration.common.step1 .tile.selected:before, .registration.common.step1 .pap-review .selected.review-row:before, .pap-review .registration.common.step1 .selected.review-row:before, .registration.common.step1 .selected.admin-island:before, .registration.common.step1 .admin-edit-brief .brief-section .selected.item.review:before, .admin-edit-brief .brief-section .registration.common.step1 .selected.item.review:before, .registration.common.step1 .marketing-tools .selected.box:before, .marketing-tools .registration.common.step1 .selected.box:before, .registration.common.step1 .email-automations .table-default tbody tr.selected:before, .email-automations .table-default tbody .registration.common.step1 tr.selected:before, .registration.common.step1 .block.block-stats .selected.stat-box:before, .block.block-stats .registration.common.step1 .selected.stat-box:before {
      border: 4px solid #23B3F1; }
    .registration.common.step1 .tile.selected .icon svg g, .registration.common.step1 .pap-review .selected.review-row .icon svg g, .pap-review .registration.common.step1 .selected.review-row .icon svg g, .registration.common.step1 .selected.admin-island .icon svg g, .registration.common.step1 .admin-edit-brief .brief-section .selected.item.review .icon svg g, .admin-edit-brief .brief-section .registration.common.step1 .selected.item.review .icon svg g, .registration.common.step1 .marketing-tools .selected.box .icon svg g, .marketing-tools .registration.common.step1 .selected.box .icon svg g, .registration.common.step1 .email-automations .table-default tbody tr.selected .icon svg g, .email-automations .table-default tbody .registration.common.step1 tr.selected .icon svg g, .registration.common.step1 .block.block-stats .selected.stat-box .icon svg g, .block.block-stats .registration.common.step1 .selected.stat-box .icon svg g {
      fill: #23B3F1; }
  .registration.common.step1 .done p {
    font-size: 19.2px;
    font-weight: 300;
    color: #262626; }
  .registration.client.step2 form {
    background: #FFFFFF;
    padding: 16px; }
  .registration.client.step2 select.form-control {
    padding-right: 16px; }
  .registration.client.step2 .select-wrapper:after {
    right: 4px; }
  .registration.creative.step2 {
    padding-top: 0;
    /* CSS related to ReactCSSTransitionGroup */ }
    .registration.creative.step2 .step-header {
      margin-bottom: 32px; }
      .registration.creative.step2 .step-header .step-instructions {
        font-size: 19.2px;
        color: #4C4C4D;
        font-weight: 300; }
        @media screen and (min-width: 64em) {
          .registration.creative.step2 .step-header .step-instructions {
            padding: 0 10%; } }
    .registration.creative.step2 .account-form {
      background: #FFFFFF;
      padding: 16px 32px; }
      .registration.creative.step2 .account-form fieldset .form-group:last-child {
        margin-bottom: 16px; }
    .registration.creative.step2 .account-listing ul {
      margin-top: 40px; }
    .registration.creative.step2 .account-listing .connect {
      display: inline-block;
      text-align: center;
      cursor: pointer;
      margin: 0 24px 0 0; }
      @media screen and (min-width: 39.4375em) {
        .registration.creative.step2 .account-listing .connect {
          margin: 0 16px 0 40px; } }
      .registration.creative.step2 .account-listing .connect i {
        font-size: 47.77574px; }
      .registration.creative.step2 .account-listing .connect h3 {
        text-transform: capitalize;
        color: #727273; }
      .registration.creative.step2 .account-listing .connect:hover {
        color: #4C4C4D; }
        .registration.creative.step2 .account-listing .connect:hover h3 {
          color: #4C4C4D; }
    .registration.creative.step2 .transition-group {
      display: block;
      white-space: nowrap;
      margin-top: 32px; }
    .registration.creative.step2 .substep-enter {
      display: inline-block;
      vertical-align: top;
      transform: translate3d(100%, 0, 0); }
      .registration.creative.step2 .substep-enter.substep-enter-active {
        transition: transform 500ms ease-in;
        transform: translate3d(0, 0, 0); }
    .registration.creative.step2 .substep-leave {
      display: inline-block;
      vertical-align: top;
      transform: translate3d(-100%, 0, 0); }
      .registration.creative.step2 .substep-leave.substep-leave-active {
        transition: transform 300ms ease-in;
        transform: translate3d(-200%, 0, 0); }
    .registration.creative.step2 .substep-wrapper {
      white-space: initial;
      width: 100%; }
    .registration.creative.step2 .substep2-2 .verification-methods {
      text-align: left;
      margin-bottom: 32px;
      /* hide all methods but smartphone one in mobile devices */ }
      .registration.creative.step2 .substep2-2 .verification-methods .form-group {
        margin-bottom: 8px; }
        .registration.creative.step2 .substep2-2 .verification-methods .form-group.radio label {
          font-size: 19.2px;
          color: #262626; }
          .registration.creative.step2 .substep2-2 .verification-methods .form-group.radio label .details {
            color: #979899; }
          .registration.creative.step2 .substep2-2 .verification-methods .form-group.radio label:before {
            position: relative;
            top: 4px; }
          .registration.creative.step2 .substep2-2 .verification-methods .form-group.radio label:after {
            top: 7px; }
      .registration.creative.step2 .substep2-2 .verification-methods .how-it-works {
        margin: 8px 0 32px; }
        @media screen and (min-width: 39.4375em) {
          .registration.creative.step2 .substep2-2 .verification-methods .how-it-works {
            margin-left: 32px; } }
        .registration.creative.step2 .substep2-2 .verification-methods .how-it-works ol {
          color: #4C4C4D; }
      .registration.creative.step2 .substep2-2 .verification-methods .btn-animated-wrapper {
        margin-top: 16px; }
      @media screen and (max-width: 39.375em) {
        .registration.creative.step2 .substep2-2 .verification-methods .radio {
          display: none; } }
    .registration.creative.step2 .substep2-2 .disclaimer {
      font-size: 13.328px;
      color: #4C4C4D;
      text-align: left;
      margin-top: 32px; }
    .registration.creative.step2 .substep2-2 .capture h2 {
      margin-bottom: 40px; }
    .registration.creative.step2 .substep2-2 .capture .btn-animated-wrapper {
      margin-top: 64px; }
    .registration.creative.step2 .substep2-2 .capture h4, .registration.creative.step2 .substep2-2 .capture h5 {
      text-align: left; }
    .registration.creative.step2 .substep2-2 .capture .status {
      font-weight: 600; }
    .registration.creative.step2 .substep2-2 .capture .instructions {
      margin-bottom: 56px;
      text-align: left; }
      @media screen and (min-width: 39.4375em) {
        .registration.creative.step2 .substep2-2 .capture .instructions {
          min-height: 100px; } }
    .registration.creative.step2 .substep2-2 .capture .rejection-note {
      margin-top: 24px;
      text-align: left;
      font-size: 19.2px; }
    .registration.creative.step2 .substep2-2 .capture .photo-capture-controls {
      margin-top: 8px; }
      .registration.creative.step2 .substep2-2 .capture .photo-capture-controls .btn:not(:last-child) {
        margin-right: 8px; }
    .registration.creative.step2 .substep2-2 .capture .btn-back {
      text-align: left;
      display: block;
      font-size: 16px;
      padding-left: 0; }
    .registration.creative.step2 .substep2-2 .capture .photo-id, .registration.creative.step2 .substep2-2 .capture .selfie {
      margin-bottom: 24px;
      /* FIXME: this is a dirty solution for the problem of the "Next" button disappearing
        on mobile Safari after a photo is uploaded. */ }
      @media screen and (max-width: 39.375em) {
        .registration.creative.step2 .substep2-2 .capture .photo-id, .registration.creative.step2 .substep2-2 .capture .selfie {
          min-height: 400px; } }
    .registration.creative.step2 .substep2-2 .verification-done h3 {
      margin-bottom: 40px; }
    .registration.creative.step2 .substep2-2 .verification-done .step-instructions {
      margin-bottom: 80px; }
    .registration.creative.step2 .substep2-2 .verification-done .images {
      margin-bottom: 32px; }
    .registration.creative.step2 .substep2-2 .wait-id-capture .text-success, .registration.creative.step2 .substep2-2 .wait-id-capture .label.label-success, .registration.creative.step2 .substep2-2 .wait-id-capture .email-automation-details .details-metrics .label-success.stat-label, .email-automation-details .details-metrics .registration.creative.step2 .substep2-2 .wait-id-capture .label-success.stat-label {
      margin-bottom: 32px; }
    .registration.creative.step2 .substep2-2 .wait-id-capture .loading-indicator {
      margin: 80px auto 160px; }
    .registration.creative.step2 .substep2-2 .wait-id-capture .alternatives .alternative {
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .registration.creative.step2 .substep2-2 .wait-id-capture .alternatives .alternative {
          margin-bottom: 8px; } }
    .registration.creative.step2 .substep2-2 .wait-id-capture .alternatives label {
      font-weight: 600;
      color: #979899; }
    .registration.creative.step2 .substep2-2 .wait-id-capture .alternatives .btn {
      padding: 0 8px; }
    .registration.creative.step2 .substep2-3 section:not(:last-child) {
      margin-bottom: 48px;
      text-align: left; }
    .registration.creative.step2 .substep2-3 .username {
      margin-top: 24px; }
    .registration.creative.step2 .substep2-3 .avatar-upload .sample-link {
      display: block;
      margin-bottom: 32px; }
    .registration.creative.step2 .substep2-3 .avatar-upload .empty {
      height: 152px;
      width: 152px;
      border: 2px dashed #23B3F1;
      color: #23B3F1;
      padding: 48px 8px;
      text-align: center;
      font-weight: 600;
      cursor: pointer; }
      .registration.creative.step2 .substep2-3 .avatar-upload .empty i {
        font-size: 27.648px;
        display: block;
        margin-bottom: 8px; }
    .registration.creative.step2 .substep2-3 .avatar-upload .text-danger, .registration.creative.step2 .substep2-3 .avatar-upload .label.label-danger, .registration.creative.step2 .substep2-3 .avatar-upload .email-automation-details .details-metrics .label-danger.stat-label, .email-automation-details .details-metrics .registration.creative.step2 .substep2-3 .avatar-upload .label-danger.stat-label {
      margin-top: 8px; }
    .registration.creative.step2 .substep2-3 .btn-animated-wrapper {
      text-align: left; }
    .registration.creative.step2 .substep2-3 .work-samples .groups-title {
      margin-top: 40px; }
    .registration.creative.step2 .substep2-3 .work-samples .groups {
      margin-top: 32px; }
      .registration.creative.step2 .substep2-3 .work-samples .groups .tile, .registration.creative.step2 .substep2-3 .work-samples .groups .pap-review .review-row, .pap-review .registration.creative.step2 .substep2-3 .work-samples .groups .review-row, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-island, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-3 .work-samples .groups .item.review, .registration.creative.step2 .substep2-3 .work-samples .groups .marketing-tools .box, .marketing-tools .registration.creative.step2 .substep2-3 .work-samples .groups .box, .registration.creative.step2 .substep2-3 .work-samples .groups .email-automations .table-default tbody tr, .email-automations .table-default tbody .registration.creative.step2 .substep2-3 .work-samples .groups tr, .registration.creative.step2 .substep2-3 .work-samples .groups .block.block-stats .stat-box, .block.block-stats .registration.creative.step2 .substep2-3 .work-samples .groups .stat-box {
        cursor: pointer;
        text-align: center;
        padding: 8px;
        min-height: 160px;
        margin-bottom: 24px; }
        @media screen and (min-width: 39.4375em) {
          .registration.creative.step2 .substep2-3 .work-samples .groups .tile, .registration.creative.step2 .substep2-3 .work-samples .groups .pap-review .review-row, .pap-review .registration.creative.step2 .substep2-3 .work-samples .groups .review-row, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-island, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-3 .work-samples .groups .item.review, .registration.creative.step2 .substep2-3 .work-samples .groups .marketing-tools .box, .marketing-tools .registration.creative.step2 .substep2-3 .work-samples .groups .box, .registration.creative.step2 .substep2-3 .work-samples .groups .email-automations .table-default tbody tr, .email-automations .table-default tbody .registration.creative.step2 .substep2-3 .work-samples .groups tr, .registration.creative.step2 .substep2-3 .work-samples .groups .block.block-stats .stat-box, .block.block-stats .registration.creative.step2 .substep2-3 .work-samples .groups .stat-box {
            margin-bottom: 0; } }
        .registration.creative.step2 .substep2-3 .work-samples .groups .tile:before, .registration.creative.step2 .substep2-3 .work-samples .groups .pap-review .review-row:before, .pap-review .registration.creative.step2 .substep2-3 .work-samples .groups .review-row:before, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-island:before, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-edit-brief .brief-section .item.review:before, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-3 .work-samples .groups .item.review:before, .registration.creative.step2 .substep2-3 .work-samples .groups .marketing-tools .box:before, .marketing-tools .registration.creative.step2 .substep2-3 .work-samples .groups .box:before, .registration.creative.step2 .substep2-3 .work-samples .groups .email-automations .table-default tbody tr:before, .email-automations .table-default tbody .registration.creative.step2 .substep2-3 .work-samples .groups tr:before, .registration.creative.step2 .substep2-3 .work-samples .groups .block.block-stats .stat-box:before, .block.block-stats .registration.creative.step2 .substep2-3 .work-samples .groups .stat-box:before {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          border: 1px solid transparent;
          transition: all 0.2s ease-out; }
        .registration.creative.step2 .substep2-3 .work-samples .groups .tile.active:before, .registration.creative.step2 .substep2-3 .work-samples .groups .pap-review .active.review-row:before, .pap-review .registration.creative.step2 .substep2-3 .work-samples .groups .active.review-row:before, .registration.creative.step2 .substep2-3 .work-samples .groups .active.admin-island:before, .registration.creative.step2 .substep2-3 .work-samples .groups .admin-edit-brief .brief-section .active.item.review:before, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-3 .work-samples .groups .active.item.review:before, .registration.creative.step2 .substep2-3 .work-samples .groups .marketing-tools .active.box:before, .marketing-tools .registration.creative.step2 .substep2-3 .work-samples .groups .active.box:before, .registration.creative.step2 .substep2-3 .work-samples .groups .email-automations .table-default tbody tr.active:before, .email-automations .table-default tbody .registration.creative.step2 .substep2-3 .work-samples .groups tr.active:before, .registration.creative.step2 .substep2-3 .work-samples .groups .block.block-stats .active.stat-box:before, .block.block-stats .registration.creative.step2 .substep2-3 .work-samples .groups .active.stat-box:before {
          border: 4px solid #23B3F1; }
    .registration.creative.step2 .substep2-3 .work-samples .group {
      margin-bottom: 40px; }
      .registration.creative.step2 .substep2-3 .work-samples .group .sub-categories h5 {
        color: #979899; }
      .registration.creative.step2 .substep2-3 .work-samples .group .tooltip {
        max-width: 90%; }
        @media screen and (min-width: 39.4375em) {
          .registration.creative.step2 .substep2-3 .work-samples .group .tooltip {
            max-width: 400px; } }
        .registration.creative.step2 .substep2-3 .work-samples .group .tooltip .custom-description {
          font-size: 13.328px; }
        .registration.creative.step2 .substep2-3 .work-samples .group .tooltip .custom-description, .registration.creative.step2 .substep2-3 .work-samples .group .tooltip .sub-categories {
          margin: 0; }
    .registration.creative.step2 .substep2-3 .work-samples .samples {
      position: relative; }
      .registration.creative.step2 .substep2-3 .work-samples .samples h5 {
        display: inline-block; }
      .registration.creative.step2 .substep2-3 .work-samples .samples .actions {
        position: absolute;
        right: 0;
        top: calc(50% - 20px); }
        .registration.creative.step2 .substep2-3 .work-samples .samples .actions .fa-trash {
          color: #A70045; }
        .registration.creative.step2 .substep2-3 .work-samples .samples .actions .fa-pencil {
          color: #23B3F1; }
      .registration.creative.step2 .substep2-3 .work-samples .samples .images img {
        display: inline-block;
        margin-right: 16px;
        max-height: 240px;
        width: 20%; }
        @media screen and (min-width: 64em) {
          .registration.creative.step2 .substep2-3 .work-samples .samples .images img {
            width: 22%;
            margin-top: 0; } }
    .registration.creative.step2 .substep2-3 .work-samples .status-info {
      margin-top: 24px;
      font-size: 19.2px; }
    .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal {
      overflow: auto;
      overflow-x: hidden; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .writing-samples-upload .basic-textarea .form-label {
        position: static;
        display: inline-block;
        margin-bottom: 4px; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .writing-samples-upload fieldset {
        margin-bottom: 16px; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .file-done {
        margin-top: 8px; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload ul {
        list-style: initial;
        padding: 8px;
        margin-left: 16px;
        margin-bottom: 16px; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .packaging-design-notice h5 {
        margin-top: 16px; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .packaging-design-notice img {
        width: 45%; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .right-side {
        text-align: center; }
      .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items {
        margin-top: 16px; }
        .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item {
          display: inline-block;
          border: 1px solid #BDBEBF;
          margin: 0 16px 0 0;
          position: relative;
          cursor: pointer;
          overflow: hidden;
          height: 64px;
          min-width: 72px;
          max-width: 80px; }
          @media screen and (min-width: 64em) {
            .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item {
              height: 128px;
              min-width: 128px;
              max-width: 160px; } }
          .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item .pic-num {
            position: absolute;
            left: 0;
            right: 0;
            top: calc(50% - 24px);
            text-align: center;
            font-size: 33.1776px;
            color: #EBEDF1;
            font-weight: 800; }
          .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item:last-child {
            margin-right: 0; }
          .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item img {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            width: 100%; }
          .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item.active {
            border-color: #23B3F1; }
          .registration.creative.step2 .substep2-3 .work-samples .work-samples-modal .image-samples-upload .items .item i.remove {
            position: absolute;
            right: 4px;
            top: 4px;
            z-index: 2;
            color: #A70045;
            font-size: 19.2px; }
    .registration.creative.step2 .substep2-4 .review-item {
      text-align: left;
      margin-bottom: 48px; }
      .registration.creative.step2 .substep2-4 .review-item h3 .btn-icon-only i {
        font-size: 19.2px;
        color: #23B3F1; }
      .registration.creative.step2 .substep2-4 .review-item .form-group:first-of-type {
        margin-top: 16px; }
      .registration.creative.step2 .substep2-4 .review-item .form-group:not(.checkbox) label {
        font-size: 13.328px;
        text-transform: uppercase;
        font-weight: 700;
        color: #727273; }
      .registration.creative.step2 .substep2-4 .review-item .form-group .answer {
        color: #262626;
        font-size: 19.2px; }
    .registration.creative.step2 .substep2-4 .profile img {
      height: 96px; }
    .registration.creative.step2 .substep2-4 .work-samples .group {
      margin-bottom: 40px; }
      @media screen and (min-width: 39.4375em) {
        .registration.creative.step2 .substep2-4 .work-samples .group {
          margin-bottom: 0; } }
    .registration.creative.step2 .substep2-4 .work-samples .tile, .registration.creative.step2 .substep2-4 .work-samples .pap-review .review-row, .pap-review .registration.creative.step2 .substep2-4 .work-samples .review-row, .registration.creative.step2 .substep2-4 .work-samples .admin-island, .registration.creative.step2 .substep2-4 .work-samples .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-4 .work-samples .item.review, .registration.creative.step2 .substep2-4 .work-samples .marketing-tools .box, .marketing-tools .registration.creative.step2 .substep2-4 .work-samples .box, .registration.creative.step2 .substep2-4 .work-samples .email-automations .table-default tbody tr, .email-automations .table-default tbody .registration.creative.step2 .substep2-4 .work-samples tr, .registration.creative.step2 .substep2-4 .work-samples .block.block-stats .stat-box, .block.block-stats .registration.creative.step2 .substep2-4 .work-samples .stat-box {
      cursor: pointer;
      text-align: center;
      padding: 8px;
      min-height: 160px; }
      .registration.creative.step2 .substep2-4 .work-samples .tile:before, .registration.creative.step2 .substep2-4 .work-samples .pap-review .review-row:before, .pap-review .registration.creative.step2 .substep2-4 .work-samples .review-row:before, .registration.creative.step2 .substep2-4 .work-samples .admin-island:before, .registration.creative.step2 .substep2-4 .work-samples .admin-edit-brief .brief-section .item.review:before, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-4 .work-samples .item.review:before, .registration.creative.step2 .substep2-4 .work-samples .marketing-tools .box:before, .marketing-tools .registration.creative.step2 .substep2-4 .work-samples .box:before, .registration.creative.step2 .substep2-4 .work-samples .email-automations .table-default tbody tr:before, .email-automations .table-default tbody .registration.creative.step2 .substep2-4 .work-samples tr:before, .registration.creative.step2 .substep2-4 .work-samples .block.block-stats .stat-box:before, .block.block-stats .registration.creative.step2 .substep2-4 .work-samples .stat-box:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid transparent;
        transition: all 0.2s ease-out; }
      .registration.creative.step2 .substep2-4 .work-samples .tile.active:before, .registration.creative.step2 .substep2-4 .work-samples .pap-review .active.review-row:before, .pap-review .registration.creative.step2 .substep2-4 .work-samples .active.review-row:before, .registration.creative.step2 .substep2-4 .work-samples .active.admin-island:before, .registration.creative.step2 .substep2-4 .work-samples .admin-edit-brief .brief-section .active.item.review:before, .admin-edit-brief .brief-section .registration.creative.step2 .substep2-4 .work-samples .active.item.review:before, .registration.creative.step2 .substep2-4 .work-samples .marketing-tools .active.box:before, .marketing-tools .registration.creative.step2 .substep2-4 .work-samples .active.box:before, .registration.creative.step2 .substep2-4 .work-samples .email-automations .table-default tbody tr.active:before, .email-automations .table-default tbody .registration.creative.step2 .substep2-4 .work-samples tr.active:before, .registration.creative.step2 .substep2-4 .work-samples .block.block-stats .active.stat-box:before, .block.block-stats .registration.creative.step2 .substep2-4 .work-samples .active.stat-box:before {
        border: 4px solid #23B3F1; }
    .registration.creative.step2 .substep2-4 .work-samples .custom-description {
      margin-top: 8px;
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .registration.creative.step2 .substep2-4 .work-samples .custom-description {
          margin-top: 64px;
          margin-bottom: 0; } }
    .registration.creative.step2 .substep2-4 .work-samples .groups {
      margin-top: 24px; }
    .registration.creative.step2 .substep2-4 .work-samples .samples {
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .registration.creative.step2 .substep2-4 .work-samples .samples {
          margin-top: 32px;
          margin-bottom: 0; } }
      .registration.creative.step2 .substep2-4 .work-samples .samples h5 {
        margin-top: 64px; }
    .registration.creative.step2 .substep2-4 .work-samples .images img {
      display: inline-block;
      margin-right: 16px;
      max-height: 240px;
      width: 25%; }
      @media screen and (min-width: 39.4375em) and (max-width: 63.9375em) {
        .registration.creative.step2 .substep2-4 .work-samples .images img {
          margin-top: 24px; } }
      @media screen and (min-width: 64em) {
        .registration.creative.step2 .substep2-4 .work-samples .images img {
          margin-top: 0; } }
    .registration.creative.step2 .substep2-4 .done h2 {
      margin-bottom: 40px; }
    .registration.creative.step2 .substep2-4 .done h3 {
      margin-bottom: 24px; }
    @media screen and (min-width: 64em) {
      .registration.creative.step2 .substep2-4 .done p {
        padding: 0 10%; } }

.l-app.register_continue .l-site-wrap {
  overflow-y: auto; }

.l-app.register_continue .l-footer {
  display: none; }

.l-app.register_continue .help-drawer .tel-wrapper {
  display: none; }

.notification-settings .notification-section {
  margin: 0 0 48px 0; }

.notification-settings .notification-subsection {
  margin: 0 0 24px 0; }

.notification-settings .section-header .svg-icon.svg-icon-lg {
  position: relative;
  top: 4px; }

.notification-settings .notification-section-header {
  margin-bottom: 16px; }
  .notification-settings .notification-section-header h5 {
    text-transform: capitalize;
    color: #262626;
    font-weight: 600;
    margin: 0; }

.notification-settings .checkbox label {
  text-transform: none; }

.notification-settings .email-options {
  margin-top: 8px; }
  .notification-settings .email-options h5 {
    margin-bottom: 8px; }

.notification-settings span.tag.tag-default {
  width: 100%;
  padding: 0;
  margin-bottom: 16px; }

.notification-settings .frequency-container {
  padding-left: 24px; }

.notification-settings .frequency-label {
  font-size: 13.328px;
  text-transform: uppercase;
  color: #BDBEBF;
  margin-top: -4px; }

.notification-settings .Select-control {
  text-transform: capitalize;
  border: 0; }

.notification-settings .Select-menu-outer {
  text-transform: capitalize;
  padding: 2px 8px; }

.notification-settings .frequency-row {
  margin-top: 8px; }

.notification-settings .subcat-watchlist .form-label {
  width: 240px;
  display: inline-block; }

.notification-settings .subcat-watchlist .fa-plus, .notification-settings .subcat-watchlist .fa-minus {
  display: inline-block; }

.id-verification .submitted-at {
  color: #BDBEBF; }

.id-verification .status {
  font-weight: 600;
  margin-bottom: 40px; }

.id-verification .additional-info {
  margin-top: 24px;
  padding-top: 32px;
  border-top: 2px solid #EBEDF1; }
  @media screen and (min-width: 64em) {
    .id-verification .additional-info {
      margin-top: 0;
      padding-top: 0;
      border-top: none; } }

.id-verification .draft .btn {
  margin: 16px 0 40px; }

.id-verification .submitted p:last-of-type {
  margin-bottom: 40px; }

.id-verification .id-validation .item {
  border-top: 2px solid #EBEDF1;
  padding: 16px 0; }
  .id-verification .id-validation .item:nth-child(2) {
    border-bottom: 2px solid #EBEDF1; }

.id-verification .id-validation label {
  font-weight: 600;
  font-size: 19.2px;
  width: 136px;
  display: inline-block; }

.id-verification .id-validation .item-status {
  display: inline-block;
  margin-left: 24px;
  font-weight: 600; }

.id-verification .id-validation .rejection-note {
  margin-top: 16px;
  font-size: 19.2px; }

.id-verification .id-validation .btn {
  margin-top: 48px; }

.id-verification .work-samples .tile, .id-verification .work-samples .pap-review .review-row, .pap-review .id-verification .work-samples .review-row, .id-verification .work-samples .admin-island, .id-verification .work-samples .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .id-verification .work-samples .item.review, .id-verification .work-samples .marketing-tools .box, .marketing-tools .id-verification .work-samples .box, .id-verification .work-samples .email-automations .table-default tbody tr, .email-automations .table-default tbody .id-verification .work-samples tr, .id-verification .work-samples .block.block-stats .stat-box, .block.block-stats .id-verification .work-samples .stat-box {
  cursor: pointer;
  text-align: center;
  padding: 8px;
  min-height: 160px;
  margin-bottom: 24px; }
  @media screen and (min-width: 39.4375em) {
    .id-verification .work-samples .tile, .id-verification .work-samples .pap-review .review-row, .pap-review .id-verification .work-samples .review-row, .id-verification .work-samples .admin-island, .id-verification .work-samples .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .id-verification .work-samples .item.review, .id-verification .work-samples .marketing-tools .box, .marketing-tools .id-verification .work-samples .box, .id-verification .work-samples .email-automations .table-default tbody tr, .email-automations .table-default tbody .id-verification .work-samples tr, .id-verification .work-samples .block.block-stats .stat-box, .block.block-stats .id-verification .work-samples .stat-box {
      margin-bottom: 0; } }
  .id-verification .work-samples .tile:before, .id-verification .work-samples .pap-review .review-row:before, .pap-review .id-verification .work-samples .review-row:before, .id-verification .work-samples .admin-island:before, .id-verification .work-samples .admin-edit-brief .brief-section .item.review:before, .admin-edit-brief .brief-section .id-verification .work-samples .item.review:before, .id-verification .work-samples .marketing-tools .box:before, .marketing-tools .id-verification .work-samples .box:before, .id-verification .work-samples .email-automations .table-default tbody tr:before, .email-automations .table-default tbody .id-verification .work-samples tr:before, .id-verification .work-samples .block.block-stats .stat-box:before, .block.block-stats .id-verification .work-samples .stat-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid transparent;
    transition: all 0.2s ease-out; }
  .id-verification .work-samples .tile.active:before, .id-verification .work-samples .pap-review .active.review-row:before, .pap-review .id-verification .work-samples .active.review-row:before, .id-verification .work-samples .active.admin-island:before, .id-verification .work-samples .admin-edit-brief .brief-section .active.item.review:before, .admin-edit-brief .brief-section .id-verification .work-samples .active.item.review:before, .id-verification .work-samples .marketing-tools .active.box:before, .marketing-tools .id-verification .work-samples .active.box:before, .id-verification .work-samples .email-automations .table-default tbody tr.active:before, .email-automations .table-default tbody .id-verification .work-samples tr.active:before, .id-verification .work-samples .block.block-stats .active.stat-box:before, .block.block-stats .id-verification .work-samples .active.stat-box:before {
    border: 4px solid #00C66C; }

.id-verification .work-samples .approved-groups, .id-verification .work-samples .non-approved-groups {
  border-top: 2px solid #EBEDF1;
  padding-top: 32px; }

.id-verification .work-samples .non-approved-groups {
  margin-top: 40px; }

.id-verification .work-samples .groups {
  margin-top: 24px; }

.id-verification .work-samples .group {
  margin-bottom: 24px; }
  .id-verification .work-samples .group .sub-categories h5 {
    color: #979899; }
  .id-verification .work-samples .group .samples {
    margin-top: 8px; }
    .id-verification .work-samples .group .samples .images img {
      display: inline-block;
      margin-right: 16px;
      max-height: 240px;
      width: calc(33% - 16px); }
  .id-verification .work-samples .group .tooltip {
    max-width: 90%; }
    @media screen and (min-width: 39.4375em) {
      .id-verification .work-samples .group .tooltip {
        max-width: 400px; } }
    .id-verification .work-samples .group .tooltip .custom-description {
      font-size: 13.328px; }
    .id-verification .work-samples .group .tooltip .custom-description, .id-verification .work-samples .group .tooltip .sub-categories {
      margin: 0; }

.id-verification .work-samples .status-info .btn {
  padding: 0;
  margin-top: 16px; }

.id-verification .work-samples .btn-participate {
  margin-top: 24px; }

@media screen and (min-width: 39.4375em) {
  .account-info .password-change .btn-animated-wrapper {
    display: inline-block;
    margin-right: 8px; } }

.payout .payments-table {
  margin-bottom: 32px; }
  .payout .payments-table .even {
    background: #EBECEE; }
  .payout .payments-table .odd {
    background: #FFFFFF; }
  .payout .payments-table .awards a {
    margin-left: 8px; }
  .payout .payments-table table {
    margin-bottom: 0; }
  .payout .payments-table .pagination {
    margin-top: 0; }

.payout .awards-table {
  margin-bottom: 8px; }

.payout .request-payment {
  text-align: center; }

.payout .request-payment-modal .total {
  margin-top: 32px; }

.payout .request-payment-modal .done {
  text-align: center; }
  .payout .request-payment-modal .done i {
    display: block; }

.payout-accounts .account-listing ul {
  margin-top: 24px; }

.payout-accounts .account-listing li {
  margin: 16px 0; }

.payout-accounts .fa-check-circle, .payout-accounts .fa-pencil, .payout-accounts .fa-trash {
  margin-left: 16px; }

.payout-accounts .payoneer-logo {
  width: 14px; }

.payout-accounts .btn-manage {
  padding-left: 0;
  padding-right: 0; }

.payout-accounts .system {
  font-size: 13.328px;
  font-weight: 600;
  margin: 0 8px; }
  @media screen and (min-width: 39.4375em) {
    .payout-accounts .system {
      font-size: 16px; } }

.payout-accounts .account-last-updated {
  color: #979899; }

.payout-accounts .connect {
  margin: 8px 0; }
  .payout-accounts .connect .btn {
    text-transform: capitalize; }

@media screen and (max-width: 39.375em) {
  .table-invoices td:first-child {
    width: 60%; } }

.table-invoices tbody tr:not(.latest) td:first-child {
  padding-left: 32px; }

.table-invoices tr.even {
  background: transparent !important; }

.table-invoices tr.odd {
  background: #EBECEE !important; }

.table-invoices .fa-angle-up, .table-invoices .fa-angle-down {
  margin-left: 4px; }

.profile-page {
  padding-top: 0; }
  .profile-page.mobile-portfolio {
    position: relative;
    overflow-y: hidden; }
  .profile-page .profile-content .profile-meta,
  .profile-page .profile-content .profile-social,
  .profile-page .profile-content .profile-languages,
  .profile-page .profile-content .all-stats,
  .profile-page .profile-content .profile-testimonials,
  .profile-page .profile-content .profile-about {
    margin: 0 0 32px; }
  .profile-page .profile-content .section-title {
    font-size: 23.04px;
    font-weight: 600; }
  .profile-page .profile-content .profile-background-container .profile-background {
    width: 100%;
    max-height: 280px;
    height: 280px;
    background-size: cover;
    background-position: center;
    text-align: center;
    overflow: hidden; }
    .profile-page .profile-content .profile-background-container .profile-background.empty {
      background: #EBEDF1;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .profile-page .profile-content .profile-background-container .profile-background.empty .svg-logo {
        width: 200px;
        height: auto; }
        .profile-page .profile-content .profile-background-container .profile-background.empty .svg-logo svg g {
          fill: #BDBEBF; }
      .profile-page .profile-content .profile-background-container .profile-background.empty.edit .btn {
        position: absolute;
        z-index: 999; }
      .profile-page .profile-content .profile-background-container .profile-background.empty.edit .btn-secondary:hover {
        background: rgba(255, 255, 255, 0.2); }
  .profile-page .profile-content .profile-meta {
    margin-top: 32px;
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .profile-page .profile-content .profile-meta {
        text-align: left; } }
    .profile-page .profile-content .profile-meta .avatar {
      border-radius: 4px;
      overflow: hidden;
      margin: 0 auto 16px; }
      @media screen and (min-width: 39.4375em) {
        .profile-page .profile-content .profile-meta .avatar {
          margin: 0 0 16px; } }
  .profile-page .profile-content .profile-specializations {
    margin-bottom: 32px;
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .profile-page .profile-content .profile-specializations {
        text-align: left; } }
  .profile-page .profile-content .profile-languages {
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .profile-page .profile-content .profile-languages {
        text-align: left; } }
  .profile-page .profile-content .profile-social p a.social-link {
    text-transform: capitalize; }
    .profile-page .profile-content .profile-social p a.social-link i {
      display: inline-block;
      width: 16px; }
  .profile-page .profile-content .profile-testimonials p.empty-testimonials {
    display: block;
    margin: 24px 0;
    text-align: center;
    color: #979899;
    font-size: 33.1776px;
    font-weight: bold; }
  .profile-page .profile-content .profile-testimonials .testimonial {
    display: flex;
    margin-bottom: 16px;
    width: 100%; }
    .profile-page .profile-content .profile-testimonials .testimonial:nth-child(3) ~ .testimonial {
      display: none; }
    .profile-page .profile-content .profile-testimonials .testimonial .testimonial-date {
      text-align: right;
      font-size: 13.328px;
      color: #979899; }
    .profile-page .profile-content .profile-testimonials .testimonial .testimonial-content {
      margin: 4px 0 8px; }
  .profile-page .profile-content .profile-testimonials.show-all .testimonial:nth-child(3) ~ .testimonial {
    display: flex; }
  .profile-page .profile-content .profile-testimonials.show-all .toggle-button-container {
    display: none; }
  .profile-page .profile-content .all-stats {
    background: #FFFFFF;
    padding: 16px 1.25rem;
    margin: 0 -1.25rem 32px;
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .profile-page .profile-content .all-stats {
        background: transparent;
        padding: 0;
        margin: 32px 0;
        text-align: right; } }
  .profile-page .profile-content .profile-stats {
    text-align: center;
    min-height: 84px; }
    .profile-page .profile-content .profile-stats label {
      display: block;
      font-size: 13.328px;
      font-weight: 700;
      text-transform: uppercase;
      padding-top: 2px; }
    .profile-page .profile-content .profile-stats .tag {
      margin: 0 0 4px; }
    .profile-page .profile-content .profile-stats .project-number {
      font-size: 23.04px;
      font-weight: 800;
      color: #262626;
      margin-top: 12px; }
    .profile-page .profile-content .profile-stats .stat-chart {
      margin: 8px 35%; }
    .profile-page .profile-content .profile-stats .project-feedback {
      font-size: 19.2px;
      color: #262626;
      line-height: 1.7;
      margin-top: 12px; }
  .profile-page .profile-content .carousel {
    position: relative; }
  .profile-page .profile-content .profile-completed-projects {
    background: #F6F7F9;
    padding-top: 16px; }
  .profile-page .profile-content .carousel .common-project-tile {
    margin-top: 0;
    margin-bottom: 0; }
  .profile-page .profile-content .creative-dropdown-menu {
    margin: 0 0 40px;
    width: 100%; }
    .profile-page .profile-content .creative-dropdown-menu .btn-first-wrapper .dropdown-item {
      width: calc(100% - 33px); }
    .profile-page .profile-content .creative-dropdown-menu .btn-first-wrapper .btn {
      text-align: center; }
  .profile-page .profile-content.edit-profile .profile-background-container .profile-background {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
  .profile-page .profile-content.edit-profile .profile-background-container .profile-background:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(38, 38, 38, 0.8); }
  .profile-page .profile-content.edit-profile .profile-background-container .btn-change-bg {
    z-index: 999;
    display: block;
    color: #FFFFFF;
    border-color: #FFFFFF; }
    .profile-page .profile-content.edit-profile .profile-background-container .btn-change-bg:hover {
      background: rgba(255, 255, 255, 0.2); }
  .profile-page .profile-content.edit-profile .profile-meta .avatar-img-container {
    text-align: center;
    width: 56px; }
    .profile-page .profile-content.edit-profile .profile-meta .avatar-img-container img {
      margin-bottom: 0; }
    .profile-page .profile-content.edit-profile .profile-meta .avatar-img-container a.change-avatar {
      display: inline-block;
      margin-bottom: 16px; }
  .profile-page .profile-content.edit-profile .profile-languages input {
    border: 0;
    color: #727273; }
  .profile-page .profile-content.edit-profile .profile-languages i {
    color: #DD0268; }
  .profile-page .profile-content.edit-profile .profile-stats,
  .profile-page .profile-content.edit-profile .profile-testimonials {
    opacity: 0.2; }
  .profile-page .profile-content.edit-profile .profile-specializations .btn {
    margin-top: 8px;
    display: inline-block; }
  .profile-page .profile-content.edit-profile .profile-about textarea {
    width: 100%;
    min-height: 64px; }
  .profile-page .profile-content.edit-profile .social-input i.fa {
    margin-right: 8px;
    width: 8px;
    color: #23B3F1; }
  .profile-page .profile-content.edit-profile .social-input div.form-group {
    display: inline-block;
    margin-bottom: 8px; }
  .profile-page .profile-content.edit-profile .input-error {
    color: #A70045;
    display: block;
    font-size: 13.328px;
    margin: -2px 0 8px; }
  @media screen and (max-width: 39.375em) {
    .profile-page .profile-content.edit-profile .social-input .form-group {
      width: 80%; }
    .profile-page .profile-content.edit-profile .profile-stats,
    .profile-page .profile-content.edit-profile .profile-testimonials {
      display: none; } }
  .profile-page .portfolio-edit-buttons {
    margin-top: 16px; }
    .profile-page .portfolio-edit-buttons .reorder-info {
      float: right;
      padding-top: 8px;
      color: #979899; }
      .profile-page .portfolio-edit-buttons .reorder-info i {
        padding-right: 4px; }
  .profile-page .portfolio-wrapper {
    margin-top: 32px; }
    .profile-page .portfolio-wrapper .single-portfolio .header-bottom .row {
      height: auto; }
    .profile-page .portfolio-wrapper .single-portfolio .creative-info {
      margin-bottom: 8px; }
      .profile-page .portfolio-wrapper .single-portfolio .creative-info h3 {
        padding-left: 8px;
        margin: 0; }
    .profile-page .portfolio-wrapper .single-portfolio .header-link {
      color: #23B3F1;
      cursor: pointer; }
  .profile-page .portfolio-mobile-entry .entry-content {
    display: block; }
  .profile-page .portfolio-mobile-entry .header .toggle-view {
    color: #DD0268;
    cursor: pointer;
    padding: 8px;
    display: block; }
  .profile-page .portfolio-mobile-entry .entry-details {
    padding: 8px 16px; }
    .profile-page .portfolio-mobile-entry .entry-details h3 {
      margin-bottom: 4px; }
    .profile-page .portfolio-mobile-entry .entry-details .entry-description {
      padding-top: 8px;
      padding-bottom: 16px; }
    .profile-page .portfolio-mobile-entry .entry-details .project-categories {
      display: flex;
      margin-bottom: 4px; }
    .profile-page .portfolio-mobile-entry .entry-details .entry-stats {
      display: flex; }
      .profile-page .portfolio-mobile-entry .entry-details .entry-stats span {
        display: block;
        color: #979899; }
        .profile-page .portfolio-mobile-entry .entry-details .entry-stats span:first-child {
          margin-right: 4px; }
  .profile-page .portfolio-mobile-entry .ready-to-start {
    height: auto; }
  .profile-page .portfolio-edit .modal-content {
    padding: 16px 1.25rem; }
  .profile-page .portfolio-edit .modal-form-sidebar .thumbnail-wrap {
    width: 200px;
    height: 200px; }
  .profile-page .portfolio-edit .modal-form-sidebar .change-revision {
    color: #23B3F1;
    cursor: pointer;
    width: 200px; }
  .profile-page .portfolio-edit .entries-list h3 {
    font-weight: 700; }
  .profile-page .portfolio-edit .entries-list .list-content {
    overflow-y: auto;
    height: 60vh; }
  .profile-page .portfolio-edit .entries-list .list-return {
    display: block;
    color: #DD0268;
    cursor: pointer;
    margin-bottom: 8px;
    font-size: 23.04px; }
  .profile-page .portfolio-edit .entries-list .entry {
    margin-bottom: 8px; }
    .profile-page .portfolio-edit .entries-list .entry .thumbnail {
      cursor: pointer; }
    .profile-page .portfolio-edit .entries-list .entry .selected {
      border-color: #DD0268; }
    .profile-page .portfolio-edit .entries-list .entry .fa-check-circle {
      color: #DD0268;
      display: block;
      position: absolute;
      right: 4px;
      bottom: 4px;
      font-size: 27.648px; }
  .profile-page .portfolio-edit .entries-list .entry-details {
    margin-top: 8px; }
    .profile-page .portfolio-edit .entries-list .entry-details .project-title {
      display: block;
      font-size: 23.04px;
      margin-bottom: 4px; }
    .profile-page .portfolio-edit .entries-list .entry-details .project-categories {
      margin-bottom: 4px; }
  .profile-page .portfolio-edit .modal-form-content .form-group {
    margin-top: 8px; }
  .profile-page .portfolio-content .gallery-tile {
    position: relative;
    margin-bottom: 32px;
    cursor: pointer; }
    .profile-page .portfolio-content .gallery-tile .overlay-content .remove-entry {
      position: absolute;
      right: 4px;
      top: 4px;
      z-index: 900; }
      .profile-page .portfolio-content .gallery-tile .overlay-content .remove-entry .svg-icon svg g {
        fill: rgba(255, 255, 255, 0.5); }
      .profile-page .portfolio-content .gallery-tile .overlay-content .remove-entry:hover svg g {
        fill: white; }
  .profile-page .portfolio-content .portfolio-tile-overlay {
    background: rgba(0, 6, 48, 0.93);
    width: 100%;
    height: 100%;
    position: absolute; }
  .profile-page .portfolio-content .portfolio-entry-info {
    z-index: 100;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #FFFFFF;
    position: relative; }
    .profile-page .portfolio-content .portfolio-entry-info h4 {
      color: #FFFFFF; }
    .profile-page .portfolio-content .portfolio-entry-info .project-categories {
      flex: 1 1 50%; }
    .profile-page .portfolio-content .portfolio-entry-info .tag {
      color: #FFFFFF;
      border-color: #FFFFFF; }
    .profile-page .portfolio-content .portfolio-entry-info .entry-stats {
      flex: 1 1 0;
      color: rgba(255, 255, 255, 0.5);
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .profile-page .portfolio-content .portfolio-entry-info .entry-stats .likes {
        transition: all 0.2s ease-out; }
        .profile-page .portfolio-content .portfolio-entry-info .entry-stats .likes:hover {
          color: white; }
  .profile-page .portfolio-content .gallery-page-separator {
    overflow: hidden;
    margin: 0 0 32px; }
    .profile-page .portfolio-content .gallery-page-separator .page-indicator {
      color: #BDBEBF;
      display: block;
      width: 100%;
      text-align: center;
      overflow: hidden;
      position: relative; }
      .profile-page .portfolio-content .gallery-page-separator .page-indicator:before {
        border: 1px solid #EBEDF1;
        width: 50%;
        top: 10px;
        left: -40px;
        display: block;
        content: '';
        position: absolute; }
      .profile-page .portfolio-content .gallery-page-separator .page-indicator:after {
        border: 1px solid #EBEDF1;
        width: 50%;
        top: 10px;
        right: -40px;
        display: block;
        content: '';
        position: absolute; }
  .profile-page .your-entries {
    padding-top: 32px; }
    .profile-page .your-entries .loading-indicator {
      margin-top: 20%; }

.profile .header-bottom {
  padding: 4px 0; }
  @media screen and (min-width: 39.4375em) {
    .profile .header-bottom {
      padding: 0; } }

.error-page .error-image {
  text-align: right; }

.error-page .error-content p {
  font-size: 23.04px;
  margin-bottom: 16px; }
  .error-page .error-content p.incident-id {
    font-size: 16px; }

.error-page .attribution {
  text-align: right;
  color: #727273;
  font-size: 13.328px; }
  .error-page .attribution a {
    color: #4C4C4D; }

.notification-drawer {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 70%;
  max-width: 0px;
  z-index: 900;
  transition: max-width 0.15s ease-in;
  background: #FFFFFF; }
  @media screen and (min-width: 39.4375em) {
    .notification-drawer {
      width: 50%; } }
  @media screen and (min-width: 75em) {
    .notification-drawer {
      width: 33%; } }
  @media screen and (min-width: 90em) {
    .notification-drawer {
      width: 28%; } }
  .notification-drawer.open {
    max-width: 70%;
    box-shadow: -4px 0px 4px 0px rgba(114, 114, 115, 0.3); }
    @media screen and (min-width: 39.4375em) {
      .notification-drawer.open {
        max-width: 50%; } }
    @media screen and (min-width: 75em) {
      .notification-drawer.open {
        max-width: 33%; } }
    @media screen and (min-width: 90em) {
      .notification-drawer.open {
        max-width: 28%; } }
  .notification-drawer .notifications-drawer-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .notification-drawer .no-results {
    margin-top: 32px; }
    .notification-drawer .no-results h3 {
      font-weight: 300;
      color: #4C4C4D; }
  .notification-drawer .notifications-drawer-header {
    background: #F6F7F9;
    padding: 4px 0; }
    .notification-drawer .notifications-drawer-header .btn-close {
      display: inline-block;
      position: relative;
      top: 1px; }
    .notification-drawer .notifications-drawer-header h4 {
      display: inline-block;
      color: #4C4C4D;
      font-weight: 700;
      margin: 0; }
    .notification-drawer .notifications-drawer-header .notification-links {
      margin-right: 16px; }
      .notification-drawer .notifications-drawer-header .notification-links li {
        display: inline-block;
        margin: 0 0 0 8px;
        padding: 8px 0 0 0; }
        .notification-drawer .notifications-drawer-header .notification-links li:last-child:before {
          content: '\B7';
          margin-right: 8px; }
    .notification-drawer .notifications-drawer-header .expiration-notice {
      padding: 0 8px;
      color: #BDBEBF; }
  .notification-drawer .notifications-list {
    overflow-y: auto;
    height: calc(100% - 80px); }

.notification {
  cursor: pointer;
  padding: 8px 0;
  background: rgba(35, 179, 241, 0.2);
  margin-bottom: 1px; }
  .notification .notification-date {
    font-size: 13.328px;
    color: #0381B7;
    margin-bottom: 8px;
    font-weight: 600; }
  .notification .title {
    color: #262626;
    font-weight: 600; }
  .notification .content.quote {
    font-style: italic;
    color: #4C4C4D; }
  .notification .star-rating.read-only i {
    color: #262626; }
  .notification .notification-actions {
    margin-top: 16px; }
    .notification .notification-actions .btn {
      margin: 0 0 8px 8px; }
  .notification .notification-imagery {
    text-align: right; }
    .notification .notification-imagery img {
      max-width: 48px;
      max-height: 48px;
      border-radius: 2px; }
    .notification .notification-imagery i.fa {
      display: block;
      font-size: 33.1776px;
      color: #727273; }
    .notification .notification-imagery .entry-thumbnail {
      padding-top: 100%;
      margin-left: auto;
      margin-right: auto;
      background-position: center center;
      background-size: cover; }
      .notification .notification-imagery .entry-thumbnail .revision-name {
        position: absolute;
        text-align: center;
        left: 0;
        right: 0;
        font-size: 13.328px;
        word-break: break-word;
        top: 50%;
        transform: translate(0, -50%); }
      .notification .notification-imagery .entry-thumbnail .message {
        font-size: 13.328px;
        background: rgba(255, 255, 255, 0.8);
        padding-top: 30%; }
      .notification .notification-imagery .entry-thumbnail .flag {
        border-width: 0 64px 64px 0; }
        .notification .notification-imagery .entry-thumbnail .flag div {
          width: 108px;
          margin: 12px 0 0 -16px; }
  .notification.read {
    cursor: default;
    background: transparent;
    border-bottom: 1px solid #EBEDF1;
    margin-bottom: 0; }
    .notification.read .notification-date {
      color: #979899;
      font-weight: 400; }
    .notification.read .title {
      color: #727273;
      font-weight: normal; }
    .notification.read .content.quote {
      color: #979899; }
    .notification.read .star-rating.read-only i {
      color: #979899; }
  .notification.isSaving {
    opacity: 0.5;
    position: relative; }

.new-notification-enter {
  max-height: 0px;
  overflow: hidden; }
  .new-notification-enter.new-notification-enter-active {
    max-height: 300px;
    transition: max-height 250ms ease-in; }

.notifications-page .notification {
  position: relative;
  padding: 8px 16px; }

.notifications-page .action-selector {
  position: relative; }

.notifications-page .notification-checkbox {
  margin-top: 8px; }

.notifications-page .notification-imagery {
  text-align: center;
  margin-top: -4px; }
  .notifications-page .notification-imagery .entry-thumbnail .message {
    font-size: 23.04px; }
  .notifications-page .notification-imagery .entry-thumbnail .flag {
    border-width: 0 96px 96px 0; }
    .notifications-page .notification-imagery .entry-thumbnail .flag div {
      width: 135px;
      margin: 24px 0 0 -8px; }

.pap14 .l-footer {
  display: none; }

.pap14 .l-content {
  padding-top: 0;
  padding-bottom: 16px;
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .pap14 .l-content .pap-form-wrapper {
    flex-grow: 1;
    display: flex;
    max-width: 100vw;
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0; }

.pap-header .header-top .cs-logo.standard .svg-logo,
.pap-header .header-top .cs-logo.logged-in .svg-logo {
  margin: 0; }

.pap14 .pap-header {
  min-height: 0; }
  .pap14 .pap-header .header-middle,
  .pap14 .pap-header .header-bottom {
    display: none; }

.pap-form {
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: stretch;
  flex-grow: 1;
  flex-shrink: 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .pap-form {
      position: static; } }
  .pap-form .pap-form-step {
    padding: 16px 0 64px;
    width: 100%;
    overflow-y: auto; }
    .pap-form .pap-form-step.transition-leave, .pap-form .pap-form-step.transition-enter {
      overflow-y: hidden; }
    @media screen and (max-width: 39.375em) {
      .pap-form .pap-form-step {
        padding-bottom: 96px; } }
    @media screen and (min-width: 39.4375em) {
      .pap-form .pap-form-step {
        padding: 32px 0 128px; } }
  .pap-form .pap-question-header {
    margin-bottom: 32px; }
    @media screen and (min-width: 39.4375em) {
      .pap-form .pap-question-header {
        margin-bottom: 48px; } }
    .pap-form .pap-question-header .pap-step-counter {
      color: #979899; }
    .pap-form .pap-question-header .pap-field-description,
    .pap-form .pap-question-header .pap-field-help {
      color: #727273; }
    .pap-form .pap-question-header .pap-field-label {
      color: #262626;
      font-size: 27.648px; }
      @media screen and (min-width: 39.4375em) {
        .pap-form .pap-question-header .pap-field-label {
          font-size: 33.1776px; } }
  .pap-form .pap-form-field {
    width: 100%; }
    @media screen and (min-width: 39.4375em) {
      .pap-form .pap-form-field {
        margin: 0 auto;
        padding-bottom: 32px; } }

.transition-wrapper {
  height: 100%;
  width: 100%;
  position: absolute; }

.transition-wrapper > div {
  width: 100%;
  height: 100%; }

.transition-item {
  overflow: auto;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  right: 0; }
  .transition-item.transition-appear {
    transform: translate3d(100%, 0, 0); }
  .transition-item.transition-appear.transition-appear-active {
    transition: transform 0.5s;
    transform: translate3d(0, 0, 0); }
  .transition-item.transition-leave {
    transform: translate3d(0, 0, 0); }
  .transition-item.transition-leave.transition-leave-active {
    transition: transform 0.5s;
    transform: translate3d(-100%, 0, 0); }

.backwards .transition-item.transition-appear {
  transform: translate3d(-100%, 0, 0); }

.backwards .transition-item.transition-appear.transition-appear-active {
  transform: translate3d(0, 0, 0); }

.backwards .transition-item.transition-leave {
  transform: translate3d(0, 0, 0); }

.backwards .transition-item.transition-leave.transition-leave-active {
  transform: translate3d(100%, 0, 0); }

.no-transition {
  transition-delay: 0 !important;
  transition-duration: 0 !important;
  transform: none !important;
  transition: none !important; }
  .no-transition > div {
    transition-duration: 0 !important;
    transition-delay: 0 !important;
    transform: none !important;
    transition: none !important; }

.transition-item.no-transition {
  transition-delay: 0 !important;
  transition-duration: 0 !important;
  transform: none !important; }
  .transition-item.no-transition > div {
    transition-duration: 0 !important;
    transition-delay: 0 !important;
    transform: none !important; }

@media screen and (min-width: 39.4375em) {
  .medium-one-third {
    width: 33.3333%;
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; } }
  @media screen and (min-width: 39.4375em) and (min-width: 39.4375em) {
    .medium-one-third {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

@media screen and (min-width: 39.4375em) {
  .medium-two-thirds {
    width: 66.6666%;
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; } }
  @media screen and (min-width: 39.4375em) and (min-width: 39.4375em) {
    .medium-two-thirds {
      padding-left: 1.25rem;
      padding-right: 1.25rem; } }

.pap14 .one-to-one-creative-header {
  margin: 8px 5% 0; }

.pap14 .brief.all.submitting form {
  pointer-events: none; }

.pap14 .brief.all .top-progress-bar ul {
  padding: 0 10%; }

.pap14 .brief.all .top-progress-bar li {
  flex-grow: 1; }

.pap14 .brief.all .top-progress-bar .step-title {
  width: calc(100% - 32px);
  text-align: center; }

.pap14 .brief.all .top-progress-bar .fa-long-arrow-right {
  margin-left: 0; }

.pap14 .brief.all .intro {
  padding: 80px 0 48px; }

.pap14 .brief.all .pap-field-label {
  font-size: 27.648px; }

.pap14 .brief.all .pap-form-step {
  position: initial;
  padding: 16px 0 24px; }

.pap14 .brief.all .pap-question-header {
  margin-bottom: 16px; }

.pap-controls {
  width: 100%;
  position: fixed;
  z-index: 900;
  bottom: 0;
  background-color: #161C4A;
  transition: box-shadow 0.5s ease-out; }
  .pap-controls.with-cost-breakdown {
    box-shadow: 0 -16px 32px rgba(114, 114, 115, 0.2); }
    .pap-controls.with-cost-breakdown .pap-cost-breakdown {
      max-height: 1000px; }
  .pap-controls.hide-price .pap-cost-breakdown-toggle .btn-text {
    visibility: hidden; }
  .pap-controls.hide-guarantee .pap-cost-breakdown-toggle {
    margin-bottom: 0; }
  @media screen and (min-width: 39.4375em) {
    .pap-controls.hide-guarantee .pap-directional-btn {
      top: 8px; } }

.pap-controls .pap-directional-btn {
  margin-top: 0;
  position: absolute;
  top: 0; }
  .pap-controls .pap-directional-btn[disabled] {
    border: none; }
  .pap-controls .pap-directional-btn.btn-text {
    color: #FFFFFF; }
  .pap-controls .pap-directional-btn.back {
    opacity: 0.5; }
  .pap-controls .pap-directional-btn.next {
    right: 0; }
  .pap-controls .pap-directional-btn.save {
    right: 128px; }
  @media screen and (max-width: 39.375em) {
    .pap-controls .pap-directional-btn {
      color: #DD0268;
      background: none;
      border: none;
      font-size: 33.1776px; }
      .pap-controls .pap-directional-btn .button-label {
        display: none; }
      .pap-controls .pap-directional-btn.next {
        right: 0; }
      .pap-controls .pap-directional-btn[disabled] {
        background: none;
        color: #454A6E; } }
  @media screen and (min-width: 39.4375em) {
    .pap-controls .pap-directional-btn {
      top: 32px; }
      .pap-controls .pap-directional-btn[disabled] {
        background: #454A6E;
        border: 2px solid #454A6E;
        box-shadow: none;
        color: #161C4A; }
      .pap-controls .pap-directional-btn.back {
        left: 16px; }
      .pap-controls .pap-directional-btn.next {
        right: 32px; } }

.pap-cost-breakdown-toggle {
  font-size: 23.04px;
  text-align: center;
  padding: 8px; }
  @media screen and (min-width: 39.4375em) {
    .pap-cost-breakdown-toggle {
      margin-bottom: 48px; } }
  .pap-cost-breakdown-toggle button {
    margin: 0;
    font-weight: 700;
    color: white; }
    .pap-cost-breakdown-toggle button i {
      margin-left: 4px; }
  .pap-cost-breakdown-toggle .pap-cost-label {
    display: none;
    font-weight: 400; }
    @media screen and (min-width: 39.4375em) {
      .pap-cost-breakdown-toggle .pap-cost-label {
        color: rgba(255, 255, 255, 0.5);
        display: inline; } }

.pap-cost-breakdown {
  background: #FFFFFF;
  max-height: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: max-height 0.5s ease-out; }
  .pap-cost-breakdown .pap-cost-breakdown-content {
    padding: 32px 0; }
  .pap-cost-breakdown .pap-price-summary-table {
    margin: 0 auto 16px; }
  .pap-cost-breakdown h3 {
    text-align: center; }
  .pap-cost-breakdown .pap-cost-money-back-guarantee {
    text-align: center; }

.pap-controls .bottom-nav-guarantee {
  margin: 48px 0 -108px calc(50% - 140px);
  padding: 12px 0;
  border-top: 1px solid #BDBEBF;
  display: none; }
  .pap-controls .bottom-nav-guarantee i {
    font-size: 33.1776px;
    color: #BDBEBF; }
  .pap-controls .bottom-nav-guarantee h5 {
    margin: -36px 0 0 40px;
    color: #EBEDF1;
    font-size: 13.328px; }
  .pap-controls .bottom-nav-guarantee p {
    margin: 0 0 0 40px;
    color: #BDBEBF;
    font-size: 11.10222px; }
  @media screen and (min-width: 39.4375em) {
    .pap-controls .bottom-nav-guarantee {
      display: table; } }

.pap-controls.hide-price .bottom-nav-guarantee {
  margin: 0 auto -58px;
  border-top: none;
  display: none; }

.pap-controls.hide-price .pap-cost-breakdown-toggle {
  margin-bottom: 0; }

@media screen and (min-width: 39.4375em) {
  .pap-controls.hide-price .bottom-nav-guarantee {
    display: table; }
  .pap-controls.hide-price .pap-directional-btn {
    top: 8px; } }

.pap-controls.with-cost-breakdown .pap-cost-breakdown-toggle {
  margin-bottom: 0; }

.pap-controls.with-cost-breakdown .bottom-nav-guarantee {
  display: none; }

@media screen and (min-width: 39.4375em) {
  .pap-controls.with-cost-breakdown .pap-directional-btn {
    top: 8px; } }

.pap-controls .pap-cost-breakdown .bottom-nav-guarantee {
  display: table;
  margin: 16px auto 0;
  border-top: none; }
  .pap-controls .pap-cost-breakdown .bottom-nav-guarantee h5, .pap-controls .pap-cost-breakdown .bottom-nav-guarantee p, .pap-controls .pap-cost-breakdown .bottom-nav-guarantee i {
    color: #262626; }

.pap0 .category {
  margin-bottom: 32px; }
  .pap0 .category h3 {
    margin-bottom: 16px; }

@media screen and (min-width: 39.4375em) {
  .pap0 .testimonial {
    padding-top: 16px; } }

.pap0 .testimonial .testimonial-text {
  position: relative;
  margin: 16px 0 0; }
  @media screen and (min-width: 39.4375em) {
    .pap0 .testimonial .testimonial-text {
      margin: 0; } }
  .pap0 .testimonial .testimonial-text p {
    font-family: 'Crete Round', serif;
    font-style: italic;
    font-size: 19.2px;
    color: #161C4A; }
    @media screen and (min-width: 39.4375em) {
      .pap0 .testimonial .testimonial-text p {
        font-size: 23.04px; } }
  .pap0 .testimonial .testimonial-text .attribution {
    color: #979899;
    position: relative; }
    .pap0 .testimonial .testimonial-text .attribution .name:before {
      content: '\2013';
      position: absolute;
      left: -0.8em; }
  .pap0 .testimonial .testimonial-text:before, .pap0 .testimonial .testimonial-text:after {
    font-family: 'Ultra', 'Georgia', Times, serif;
    font-size: 33.1776px;
    color: #EBEDF1;
    position: absolute; }
    @media screen and (min-width: 39.4375em) {
      .pap0 .testimonial .testimonial-text:before, .pap0 .testimonial .testimonial-text:after {
        font-size: 47.77574px; } }
  .pap0 .testimonial .testimonial-text:before {
    content: '\201C';
    left: -32px;
    top: -16px; }
  .pap0 .testimonial .testimonial-text:after {
    content: '\201D';
    right: -32px;
    top: 50%; }

.pap0 .subcategory {
  min-height: 290px; }
  .pap0 .subcategory .actions {
    display: none;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px; }
  .pap0 .subcategory .description {
    margin-top: -4px;
    line-height: 20px; }
    @media screen and (min-width: 64em) {
      .pap0 .subcategory .description {
        display: none; } }
  .pap0 .subcategory .pricing {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0; }
    .pap0 .subcategory .pricing label {
      display: block;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13.328px;
      color: #BDBEBF; }
    .pap0 .subcategory .pricing .min-price {
      font-size: 19.2px;
      color: #262626;
      font-weight: 700;
      text-transform: uppercase; }

.pap0 .drafts-modal .modal-actions .btn {
  margin-bottom: 16px; }
  @media screen and (min-width: 39.4375em) {
    .pap0 .drafts-modal .modal-actions .btn {
      margin-bottom: 0; } }

@media screen and (min-width: 39.4375em) {
  .pap0 .drafts-modal .modal-actions .btn-tertiary {
    margin-right: 8px; } }

.start-1-1 .category-selection {
  margin-top: 32px; }
  .start-1-1 .category-selection .select-wrapper {
    margin-top: 32px; }

.start-1-1 .btn-continue {
  margin-top: 32px; }

.pap14 .brief .form-row, .pap14 .pap-review-editor.brief .form-row {
  margin: 0 0 32px;
  padding-top: 8px;
  border-top: 2px solid #EBECEE;
  position: relative; }

.pap14 .brief .form-group, .pap14 .pap-review-editor.brief .form-group {
  margin: 0; }

.pap14 .brief .checkbox .description, .pap14 .pap-review-editor.brief .checkbox .description {
  margin: 8px 0;
  color: #727273; }
  .pap14 .brief .checkbox .description strong, .pap14 .pap-review-editor.brief .checkbox .description strong {
    font-weight: 800; }
  @media screen and (min-width: 39.4375em) {
    .pap14 .brief .checkbox .description, .pap14 .pap-review-editor.brief .checkbox .description {
      padding-right: 96px; } }

.pap14 .brief .checkbox, .pap14 .pap-review-editor.brief .checkbox {
  display: inline-block;
  width: auto;
  margin-bottom: 8px; }
  .pap14 .brief .checkbox .form-label, .pap14 .pap-review-editor.brief .checkbox .form-label {
    color: #727273; }

.pap14 .brief .radio, .pap14 .pap-review-editor.brief .radio {
  margin-bottom: 16px; }
  @media screen and (min-width: 39.4375em) {
    .pap14 .brief .radio input[type="radio"]:checked + label:after, .pap14 .pap-review-editor.brief .radio input[type="radio"]:checked + label:after {
      top: 7px; } }
  .pap14 .brief .radio label, .pap14 .pap-review-editor.brief .radio label {
    font-size: 19.2px; }
    @media screen and (min-width: 39.4375em) {
      .pap14 .brief .radio label:before, .pap14 .pap-review-editor.brief .radio label:before {
        position: relative;
        top: 4px; } }

.pap14 .brief .form-row .checkbox input[type=checkbox]:checked + .form-label, .pap14 .pap-review-editor.brief .form-row .checkbox input[type=checkbox]:checked + .form-label {
  color: #23B3F1; }

.pap14 .brief .form-row .checkbox input[type=checkbox]:disabled, .pap14 .pap-review-editor.brief .form-row .checkbox input[type=checkbox]:disabled {
  cursor: not-allowed; }

@media screen and (min-width: 39.4375em) {
  .pap14 .brief select.form-control, .pap14 .pap-review-editor.brief select.form-control {
    font-size: 27.648px;
    font-weight: 300; } }

@media screen and (min-width: 39.4375em) {
  .pap14 .brief .select-wrapper:after, .pap14 .pap-review-editor.brief .select-wrapper:after {
    top: 32px; } }

/*
  Price Summary Table used throughout PAP
*/
.pap-price-summary.package-silver h3 {
  color: #979899; }

.pap-price-summary.package-gold h3 {
  color: #D99713; }

.pap-price-summary.package-platinum h3 {
  color: #67677F; }

.pap-price-summary.package-elite h3 {
  color: #262626; }

.pap-price-summary .pap-price-summary-table .pap-price-value {
  text-align: right; }

.pap-price-summary .pap-price-summary-table .pap-price-grand-total {
  color: #262626;
  font-size: 19.2px;
  font-weight: bold; }
  .pap-price-summary .pap-price-summary-table .pap-price-grand-total td {
    padding-top: 8px; }

.pap-item-box {
  border: 1px solid #BDBEBF;
  padding: 16px 0;
  background: #FFFFFF;
  margin: 0 0 32px !important; }
  .pap-item-box .icon-container {
    text-align: center; }
    .pap-item-box .icon-container i {
      color: #BDBEBF;
      font-size: 47.77574px;
      margin-top: 16px; }
    .pap-item-box .icon-container .fa-stack {
      margin-left: -8px; }
      .pap-item-box .icon-container .fa-stack .fa-stack-1x {
        font-size: 27.648px;
        margin: 24px 4px; }

.package-selector {
  padding-bottom: 32px; }
  .package-selector .cta {
    margin: 40px 0 64px; }
  .package-selector .package {
    position: relative;
    text-align: center;
    /* Deprecated with a change of UI. Keep in case we decide to change
    // TT

    .package-checkbox {
      display: inline-block;
      position: relative;
      top:4px;
      margin-right: $spacing-1u;
      width:$spacing-3u;
      height:$spacing-3u;
      border-radius: $spacing-quarteru;
      border: 1px solid $color-gray-light;
      font-size: $font-size-md;
    }

    .package-checkbox.selected {
      background: $color-secondary;
      border-color: $color-secondary;
    }

    .package-checkbox.selected:before {
      position: absolute;
      top: -2px;
      padding-left: 1px;
      font-family: "FontAwesome";
      content: "\f00c";
      font-size: $font-size-md;
      color: $color-white;
    }

    */ }
    .package-selector .package.not-selected {
      opacity: 0.33; }
    @media screen and (min-width: 39.4375em) {
      .package-selector .package {
        min-height: 700px; } }
    .package-selector .package .package-name {
      font-size: 19.2px;
      text-transform: uppercase;
      font-weight: 700; }
    .package-selector .package .pricing dt {
      color: #FFFFFF;
      font-size: 47.77574px;
      font-weight: 800;
      line-height: 1;
      margin-bottom: 0;
      opacity: 0.6;
      text-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2); }
      @media screen and (min-width: 39.4375em) {
        .package-selector .package .pricing dt {
          font-size: 99.06px; } }
      .package-selector .package .pricing dt .dollar-amount {
        letter-spacing: -0.08em; }
    .package-selector .package .pricing dd {
      font-size: 13.328px;
      text-transform: uppercase;
      font-weight: 700; }
      .package-selector .package .pricing dd strong {
        color: #262626; }
      .package-selector .package .pricing dd .including {
        font-size: 9.24815px; }
    .package-selector .package .package-top {
      padding: 8px 16px; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .package .package-top {
          padding: 8px 0 16px; } }
    .package-selector .package .package-action {
      padding: 0 16px;
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .package .package-action {
          padding: 0 32px;
          margin-bottom: 0; } }
      .package-selector .package .package-action .btn {
        margin: 0 auto; }
      .l-app.marketing .package-selector .package .package-action {
        display: none; }
    .package-selector .package .package-description {
      color: #FFFFFF;
      margin: 16px 0 8px;
      font-weight: 600;
      font-size: 16px; }
    .package-selector .package.package-silver .package-top {
      background: linear-gradient(135deg, #e3e4e5 0%, #bdbebf 100%); }
    .package-selector .package.package-silver .package-name,
    .package-selector .package.package-silver .award-amount {
      color: #979899; }
    .package-selector .package.package-silver.selected .package-action .btn {
      background: #979899;
      border: 2px solid #979899;
      box-shadow: none; }
    .package-selector .package.package-elite .package-top {
      background: linear-gradient(135deg, #4c4c4d 0%, #000000 100%); }
    .package-selector .package.package-elite .package-name,
    .package-selector .package.package-elite .award-amount {
      color: #FFFFFF; }
    .package-selector .package.package-elite.selected .package-action .btn {
      background: #FFFFFF;
      border: 2px solid #262626;
      box-shadow: none;
      color: #262626; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .package.package-elite.selected .package-action .btn {
          border: 2px solid #FFFFFF; } }
    .package-selector .package.package-gold .package-top {
      background: linear-gradient(135deg, #ffea5d 0%, #feb118 100%); }
    .package-selector .package.package-gold .package-name,
    .package-selector .package.package-gold .award-amount {
      color: #D99713; }
    .package-selector .package.package-gold.selected .package-action .btn {
      background: #D99713;
      border: 2px solid #D99713;
      box-shadow: none; }
    .package-selector .package.package-platinum .package-top {
      background: linear-gradient(135deg, #CFE3F7 0%, #8888A7 100%); }
    .package-selector .package.package-platinum .package-name,
    .package-selector .package.package-platinum .award-amount {
      color: #67677F; }
    .package-selector .package.package-platinum.selected .package-action .btn {
      background: #67677F;
      border: 2px solid #67677F;
      box-shadow: none; }
    .package-selector .package .feature-list {
      margin: 16px 0;
      text-align: left; }
      .package-selector .package .feature-list .fa-check {
        color: #BDBEBF;
        margin-right: 8px;
        font-size: 19.2px; }
        .package-selector .package .feature-list .fa-check.included {
          color: rgba(0, 220, 120, 0.5); }
        @media screen and (min-width: 39.4375em) {
          .package-selector .package .feature-list .fa-check {
            font-size: 13.328px; } }
      .package-selector .package .feature-list .fa-question-circle {
        float: right;
        color: #979899;
        margin-top: 4px;
        font-size: 19.2px; }
        @media screen and (min-width: 39.4375em) {
          .package-selector .package .feature-list .fa-question-circle {
            font-size: 13.328px; } }
        .package-selector .package .feature-list .fa-question-circle:hover {
          color: #727273; }
      .package-selector .package .feature-list .tooltip {
        max-width: 240px; }
      .package-selector .package .feature-list li {
        list-style-type: none;
        margin-left: 16px;
        border: none;
        padding: 0;
        margin: 0 8px 8px; }
        @media screen and (min-width: 39.4375em) {
          .package-selector .package .feature-list li {
            font-size: 13.328px; } }
      .package-selector .package .feature-list.expanded li:nth-child(3), .package-selector .package .feature-list.expanded li:nth-child(4) {
        display: block; }
    .package-selector .package .btn-package-details {
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .package .btn-package-details {
          display: block;
          text-align: center;
          width: 100%;
          position: absolute;
          bottom: 16px;
          left: 0;
          margin: 0; } }
      .l-app.marketing .package-selector .package .btn-package-details {
        display: none; }
  .package-selector .reviews-agg {
    margin: 32px 0 64px; }
  .package-selector .packages {
    margin-bottom: 16px; }
    .package-selector .packages .tooltip {
      max-width: 240px; }
    .package-selector .packages .package .pricing dt {
      font-size: 80px; }
    .package-selector .packages .row.align-center {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .packages .row.align-center {
          padding-left: 1.25rem;
          padding-right: 1.25rem; } }
    .package-selector .packages .intro {
      margin: -16px 0 48px; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .packages .intro {
          margin-top: -40px; } }
    .package-selector .packages .fa-question-circle {
      margin-top: 4px;
      margin-left: 8px; }
      @media screen and (min-width: 64em) {
        .package-selector .packages .fa-question-circle {
          margin-left: 0;
          float: right; } }
    .package-selector .packages .cell {
      border-bottom: 2px solid #EBEDF1;
      height: 48px;
      padding: 12px 0;
      font-size: 16px; }
      @media screen and (min-width: 39.4375em) {
        .package-selector .packages .cell {
          font-size: 19.2px;
          padding: 8px 0; } }
    .package-selector .packages .package-top {
      padding: 8px 0;
      margin: 0 0 0 -100%; }
      @media screen and (min-width: 64em) {
        .package-selector .packages .package-top {
          margin: 0 8px; } }
    .package-selector .packages .feature-names, .package-selector .packages .package-column {
      padding: 0;
      margin-bottom: 64px; }
      .package-selector .packages .feature-names.last, .package-selector .packages .package-column.last {
        margin-bottom: 0; }
        .package-selector .packages .feature-names.last .btn-package-details, .package-selector .packages .package-column.last .btn-package-details {
          margin-bottom: 48px; }
          @media screen and (min-width: 64em) {
            .package-selector .packages .feature-names.last .btn-package-details, .package-selector .packages .package-column.last .btn-package-details {
              margin-bottom: 0; } }
      @media screen and (min-width: 64em) {
        .package-selector .packages .feature-names, .package-selector .packages .package-column {
          margin-bottom: 0; } }
    .package-selector .packages .feature-names {
      margin-top: 233px; }
      .package-selector .packages .feature-names.inactive {
        opacity: 0.33; }
      @media screen and (min-width: 64em) {
        .package-selector .packages .feature-names {
          margin-top: 273px; } }
      .package-selector .packages .feature-names .cell {
        font-size: 13.328px;
        font-weight: 600;
        padding: 16px 0; }
        @media screen and (min-width: 39.4375em) {
          .package-selector .packages .feature-names .cell {
            font-size: 16px;
            padding: 12px 0; } }
    .package-selector .packages .package-description {
      color: #727273;
      margin: 16px 0 16px -100%;
      height: 26px; }
      @media screen and (min-width: 39.4375em) and (max-width: 63.9375em) {
        .package-selector .packages .package-description {
          font-size: 19.2px; } }
      @media screen and (min-width: 64em) {
        .package-selector .packages .package-description {
          margin: 16px 8px;
          height: 66px; } }
    .package-selector .packages .package-action {
      margin-top: 40px;
      margin-left: -100%;
      padding: 0; }
      .package-selector .packages .package-action .btn {
        display: block; }
      @media screen and (min-width: 64em) {
        .package-selector .packages .package-action {
          margin-left: 0; }
          .package-selector .packages .package-action .btn {
            width: 80%; } }
    .package-selector .packages .feature-labels .text, .package-selector .packages .feature-labels .fa-minus {
      color: #979899; }
    .package-selector .packages .feature-labels .fa-check {
      color: rgba(0, 220, 120, 0.8); }
    .package-selector .packages .feature-labels i {
      font-size: 23.04px; }
    .package-selector .packages .package-silver.selected .package-action .btn {
      background: #bdbebf;
      border-color: #bdbebf; }
    .package-selector .packages .package-gold.selected .package-action .btn {
      background: #feb118;
      border-color: #feb118; }
    .package-selector .packages .package-elite.selected .package-action .btn {
      background: #262626;
      border-color: #262626;
      color: #FFFFFF; }
    .package-selector .packages .package-platinum.selected .package-action .btn {
      background: #8888a7;
      border-color: #8888a7; }
    .package-selector .packages .btn-package-details {
      position: static;
      margin: 8px 0 0 -100%;
      display: inline-block; }
      @media screen and (min-width: 64em) {
        .package-selector .packages .btn-package-details {
          margin: 8px 0 64px;
          display: block; } }

.step-package .block-differentiators {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-bottom: -104px; }
  @media screen and (min-width: 39.4375em) {
    .step-package .block-differentiators {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
      margin-left: -1.25rem;
      margin-right: -1.25rem; } }

.package-details {
  padding: 24px 0;
  text-align: left;
  overflow-y: auto;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  -webkit-overflow-scrolling: touch; }
  @media screen and (min-width: 39.4375em) {
    .package-details {
      padding: 64px; } }
  @media screen and (min-width: 64em) {
    .package-details {
      padding: 64px 10%; } }
  .package-details .btn-left, .package-details .btn-right {
    font-size: 99.06px;
    position: absolute;
    top: 50%;
    color: #BDBEBF; }
    .package-details .btn-left:hover .fa, .package-details .btn-right:hover .fa {
      color: #727273; }
  .package-details .btn-left {
    left: 56px; }
  .package-details .btn-right {
    right: 56px; }
  .package-details .btn-close {
    position: absolute;
    top: 16px;
    right: 16px; }
    @media screen and (min-width: 39.4375em) {
      .package-details .btn-close {
        top: 24px;
        right: 24px; } }
  .package-details .pricing {
    margin-top: 24px;
    margin-bottom: 40px; }
    @media screen and (min-width: 39.4375em) {
      .package-details .pricing {
        margin-top: 8px;
        margin-bottom: 0;
        text-align: right; } }
    .package-details .pricing .cost {
      font-size: 47.77574px;
      line-height: 47.77574px;
      font-weight: 700; }
    .package-details .pricing .award {
      font-size: 23.04px;
      line-height: 24px; }
  .package-details .package-subhead {
    font-size: 23.04px; }
    .package-details .package-subhead br {
      display: none; }
  .package-details .package-headline {
    margin-bottom: 0; }
  .package-details.package-gold .package-headline {
    color: #D99713; }
  .package-details.package-gold .pricing .cost {
    color: #D99713; }
  .package-details.package-silver .package-headline {
    color: #979899; }
  .package-details.package-silver .pricing .cost {
    color: #979899; }
  .package-details.package-elite .package-headline {
    color: #262626; }
  .package-details.package-elite .pricing .cost {
    color: #262626; }
  .package-details.package-platinum .package-headline {
    color: #A7B0CA; }
  .package-details.package-platinum .pricing .cost {
    color: #A7B0CA; }
  .package-details .package-list-headline {
    margin: 32px 0 48px; }
    @media screen and (min-width: 39.4375em) {
      .package-details .package-list-headline {
        margin: 64px 0 32px; } }
  .package-details .row.align-center {
    margin: 0 auto; }
  .package-details .package-feature-list dl {
    margin-bottom: 40px; }
  .package-details .package-feature-list dt {
    font-size: 19.2px;
    margin-bottom: 16px; }
    .package-details .package-feature-list dt .fa-check {
      margin-right: 8px;
      border-radius: 50%;
      box-shadow: 0px 4px 8px rgba(114, 114, 115, 0.25);
      color: #FFFFFF;
      padding: 8px;
      border: 2px solid #FFFFFF;
      background-image: linear-gradient(-45deg, #979899 0%, #EBEDF1 100%);
      display: none; }
      @media screen and (min-width: 39.4375em) {
        .package-details .package-feature-list dt .fa-check {
          display: inline-block; } }
  .package-details .package-feature-list .question-title {
    color: #23B3F1; }
  .package-details .package-feature-list .faq .answer .fa-check {
    color: #DD0268; }
  .package-details .package-feature-list .faq .answer .content {
    display: inline-block;
    width: calc(100% - 24px);
    vertical-align: top;
    margin-left: 4px; }
  .package-details .package-feature-list dd ul {
    margin-top: 8px;
    color: #979899; }
  .package-details .package-feature-list dd .fa-check {
    color: #DD0268; }
  .package-details .package-feature-list dd .content {
    display: inline-block;
    width: calc(100% - 24px);
    vertical-align: top;
    margin-left: 4px; }
  .package-details .package-feature-list.included dt .fa-check {
    background-image: linear-gradient(-45deg, #23B3F1 0%, #1AFF97 100%); }
  .package-details .actions {
    margin-top: 48px !important; }
    .package-details .actions .btn-text {
      margin: 16px 0 0 0; }
      @media screen and (min-width: 39.4375em) {
        .package-details .actions .btn-text {
          margin: 0 0 0 32px; } }
    .package-details .actions .btn {
      display: block;
      width: 100%; }
      @media screen and (min-width: 39.4375em) {
        .package-details .actions .btn {
          width: auto;
          display: inline-block; } }

.confirm-elite-modal ul, .confirm-elite-modal h2 {
  margin-bottom: 32px; }

.confirm-elite-modal li {
  margin-bottom: 16px; }

.color-choices .tile, .color-choices .pap-review .review-row, .pap-review .color-choices .review-row, .color-choices .admin-island, .color-choices .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .color-choices .item.review, .color-choices .marketing-tools .box, .marketing-tools .color-choices .box, .color-choices .email-automations .table-default tbody tr, .email-automations .table-default tbody .color-choices tr, .color-choices .block.block-stats .stat-box, .block.block-stats .color-choices .stat-box {
  cursor: pointer;
  position: relative;
  text-align: center; }
  .color-choices .tile::before, .color-choices .pap-review .review-row::before, .pap-review .color-choices .review-row::before, .color-choices .admin-island::before, .color-choices .admin-edit-brief .brief-section .item.review::before, .admin-edit-brief .brief-section .color-choices .item.review::before, .color-choices .marketing-tools .box::before, .marketing-tools .color-choices .box::before, .color-choices .email-automations .table-default tbody tr::before, .email-automations .table-default tbody .color-choices tr::before, .color-choices .block.block-stats .stat-box::before, .block.block-stats .color-choices .stat-box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 2px solid transparent;
    z-index: 1;
    transition: all 0.2s ease-out;
    border-radius: 4px; }
  .color-choices .tile h4, .color-choices .pap-review .review-row h4, .pap-review .color-choices .review-row h4, .color-choices .admin-island h4, .color-choices .admin-edit-brief .brief-section .item.review h4, .admin-edit-brief .brief-section .color-choices .item.review h4, .color-choices .marketing-tools .box h4, .marketing-tools .color-choices .box h4, .color-choices .email-automations .table-default tbody tr h4, .email-automations .table-default tbody .color-choices tr h4, .color-choices .block.block-stats .stat-box h4, .block.block-stats .color-choices .stat-box h4 {
    margin: 8px 0;
    color: #262626; }
  .color-choices .tile.selected::before, .color-choices .pap-review .selected.review-row::before, .pap-review .color-choices .selected.review-row::before, .color-choices .selected.admin-island::before, .color-choices .admin-edit-brief .brief-section .selected.item.review::before, .admin-edit-brief .brief-section .color-choices .selected.item.review::before, .color-choices .marketing-tools .selected.box::before, .marketing-tools .color-choices .selected.box::before, .color-choices .email-automations .table-default tbody tr.selected::before, .email-automations .table-default tbody .color-choices tr.selected::before, .color-choices .block.block-stats .selected.stat-box::before, .block.block-stats .color-choices .selected.stat-box::before {
    border: 4px solid #23B3F1; }
  .color-choices .tile.read-only, .color-choices .pap-review .read-only.review-row, .pap-review .color-choices .read-only.review-row, .color-choices .read-only.admin-island, .color-choices .admin-edit-brief .brief-section .read-only.item.review, .admin-edit-brief .brief-section .color-choices .read-only.item.review, .color-choices .marketing-tools .read-only.box, .marketing-tools .color-choices .read-only.box, .color-choices .email-automations .table-default tbody tr.read-only, .email-automations .table-default tbody .color-choices tr.read-only, .color-choices .block.block-stats .read-only.stat-box, .block.block-stats .color-choices .read-only.stat-box {
    cursor: default; }

.color-choices .color-block {
  width: 33.333%;
  height: 60px;
  float: left; }

.pap-attachments .fa-trash {
  margin-left: 8px;
  cursor: pointer; }

.pap-attachments .items {
  margin-bottom: 8px; }

.pap14 .brief textarea.form-control, .pap14 .pap-review-editor.brief textarea.form-control {
  background-image: -moz-linear-gradient(top, #F6F7F9 0%, #F6F7F9 94%, #BDBEBF 94%, #BDBEBF 100%);
  background-image: -webkit-linear-gradient(top, #F6F7F9 0%, #F6F7F9 94%, #BDBEBF 94%, #BDBEBF 100%);
  background-image: linear-gradient(to bottom, #F6F7F9 0%, #F6F7F9 94%, #BDBEBF 94%, #BDBEBF 100%);
  -webkit-background-size: 100% 35.2px;
  background-size: 100% 35.2px;
  border-radius: 0;
  padding: 0;
  border: none;
  overflow: hidden;
  transition: none;
  color: #262626;
  font-size: 19.2px;
  line-height: 35.2px; }
  .pap14 .brief textarea.form-control:focus, .pap14 .pap-review-editor.brief textarea.form-control:focus {
    border: none;
    background-image: -moz-linear-gradient(top, #F6F7F9 0%, #F6F7F9 94%, #23B3F1 94%, #23B3F1 100%);
    background-image: -webkit-linear-gradient(top, #F6F7F9 0%, #F6F7F9 94%, #23B3F1 94%, #23B3F1 100%);
    background-image: linear-gradient(to bottom, #F6F7F9 0%, #F6F7F9 94%, #23B3F1 94%, #23B3F1 100%); }
  @media screen and (min-width: 39.4375em) {
    .pap14 .brief textarea.form-control, .pap14 .pap-review-editor.brief textarea.form-control {
      background-image: -moz-linear-gradient(top, #F6F7F9 0%, #F6F7F9 96%, #BDBEBF 96%, #BDBEBF 100%);
      background-image: -webkit-linear-gradient(top, #F6F7F9 0%, #F6F7F9 96%, #BDBEBF 96%, #BDBEBF 100%);
      background-image: linear-gradient(to bottom, #F6F7F9 0%, #F6F7F9 96%, #BDBEBF 96%, #BDBEBF 100%);
      -webkit-background-size: 100% 49.1776px;
      background-size: 100% 49.1776px;
      font-size: 27.648px;
      line-height: 49.1776px;
      font-weight: 300; }
      .pap14 .brief textarea.form-control:focus, .pap14 .pap-review-editor.brief textarea.form-control:focus {
        background-image: -moz-linear-gradient(top, #F6F7F9 0%, #F6F7F9 96%, #23B3F1 96%, #23B3F1 100%);
        background-image: -webkit-linear-gradient(top, #F6F7F9 0%, #F6F7F9 96%, #23B3F1 96%, #23B3F1 100%);
        background-image: linear-gradient(to bottom, #F6F7F9 0%, #F6F7F9 96%, #23B3F1 96%, #23B3F1 100%); } }

.pap14 .brief .textarea-wrapper, .pap14 .pap-review-editor.brief .textarea-wrapper {
  padding-top: 16px; }
  .pap14 .brief .textarea-wrapper .form-group, .pap14 .pap-review-editor.brief .textarea-wrapper .form-group {
    margin-top: 0;
    max-height: 40vh;
    overflow: auto; }
  .pap14 .brief .textarea-wrapper textarea, .pap14 .pap-review-editor.brief .textarea-wrapper textarea {
    margin-top: 0;
    resize: none; }

.pap14 .brief input[type=text].form-control,
.pap14 .brief input[type=email].form-control,
.pap14 .brief input[type=number].form-control,
.pap14 .brief input[type=phone].form-control,
.pap14 .brief input[type=password].form-control,
.pap14 .brief input[type=date].form-control,
.pap14 .brief input[type=password].form-control, .pap14 .pap-review-editor.brief input[type=text].form-control,
.pap14 .pap-review-editor.brief input[type=email].form-control,
.pap14 .pap-review-editor.brief input[type=number].form-control,
.pap14 .pap-review-editor.brief input[type=phone].form-control,
.pap14 .pap-review-editor.brief input[type=password].form-control,
.pap14 .pap-review-editor.brief input[type=date].form-control,
.pap14 .pap-review-editor.brief input[type=password].form-control {
  font-size: 19.2px; }
  @media screen and (min-width: 39.4375em) {
    .pap14 .brief input[type=text].form-control,
    .pap14 .brief input[type=email].form-control,
    .pap14 .brief input[type=number].form-control,
    .pap14 .brief input[type=phone].form-control,
    .pap14 .brief input[type=password].form-control,
    .pap14 .brief input[type=date].form-control,
    .pap14 .brief input[type=password].form-control, .pap14 .pap-review-editor.brief input[type=text].form-control,
    .pap14 .pap-review-editor.brief input[type=email].form-control,
    .pap14 .pap-review-editor.brief input[type=number].form-control,
    .pap14 .pap-review-editor.brief input[type=phone].form-control,
    .pap14 .pap-review-editor.brief input[type=password].form-control,
    .pap14 .pap-review-editor.brief input[type=date].form-control,
    .pap14 .pap-review-editor.brief input[type=password].form-control {
      font-size: 27.648px;
      font-weight: 300; } }

.pap14 .pap-review-editor .contract-info input.form-control {
  font-size: 19.2px !important;
  font-weight: initial !important; }

.pap14 .pap-text-input-field .extra-help {
  margin-top: 40px;
  font-size: 13.328px;
  color: #979899; }

ul.item-list {
  padding: 16px 0; }
  ul.item-list li {
    list-style-type: none;
    margin: 0;
    padding: 8px 0; }
    ul.item-list li.list-item {
      border-bottom: 2px solid #EBEDF1;
      color: #262626; }
      ul.item-list li.list-item .btn-delete, ul.item-list li.list-item .btn-edit {
        float: right;
        display: inline-block;
        font-size: 19.2px;
        cursor: pointer; }

.add-item-form {
  z-index: 800;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  padding: 16px 16px 104px;
  overflow-y: auto; }
  @media screen and (min-width: 39.4375em) {
    .add-item-form {
      width: 100%;
      padding: 5% 20% 64px; } }
  .add-item-form textarea.form-control {
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 96%, #BDBEBF 96%, #BDBEBF 100%) !important; }
  .add-item-form .btn-close {
    position: absolute;
    top: 16px;
    right: 16px; }
  .add-item-form h2 {
    margin-bottom: 16px; }
  .add-item-form .btn-text {
    color: #979899; }

.grid-selector .tile, .grid-selector .pap-review .review-row, .pap-review .grid-selector .review-row, .grid-selector .admin-island, .grid-selector .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .grid-selector .item.review, .grid-selector .marketing-tools .box, .marketing-tools .grid-selector .box, .grid-selector .email-automations .table-default tbody tr, .email-automations .table-default tbody .grid-selector tr, .grid-selector .block.block-stats .stat-box, .block.block-stats .grid-selector .stat-box,
.features-selector .tile,
.features-selector .pap-review .review-row,
.pap-review .features-selector .review-row,
.features-selector .admin-island,
.features-selector .admin-edit-brief .brief-section .item.review,
.admin-edit-brief .brief-section .features-selector .item.review,
.features-selector .marketing-tools .box,
.marketing-tools .features-selector .box,
.features-selector .email-automations .table-default tbody tr,
.email-automations .table-default tbody .features-selector tr,
.features-selector .block.block-stats .stat-box,
.block.block-stats .features-selector .stat-box {
  text-align: center;
  transition: all 0.2s ease-out;
  padding: 16px;
  cursor: pointer;
  min-height: 200px; }
  .grid-selector .tile::before, .grid-selector .pap-review .review-row::before, .pap-review .grid-selector .review-row::before, .grid-selector .admin-island::before, .grid-selector .admin-edit-brief .brief-section .item.review::before, .admin-edit-brief .brief-section .grid-selector .item.review::before, .grid-selector .marketing-tools .box::before, .marketing-tools .grid-selector .box::before, .grid-selector .email-automations .table-default tbody tr::before, .email-automations .table-default tbody .grid-selector tr::before, .grid-selector .block.block-stats .stat-box::before, .block.block-stats .grid-selector .stat-box::before,
  .features-selector .tile::before,
  .features-selector .pap-review .review-row::before,
  .pap-review .features-selector .review-row::before,
  .features-selector .admin-island::before,
  .features-selector .admin-edit-brief .brief-section .item.review::before,
  .admin-edit-brief .brief-section .features-selector .item.review::before,
  .features-selector .marketing-tools .box::before,
  .marketing-tools .features-selector .box::before,
  .features-selector .email-automations .table-default tbody tr::before,
  .email-automations .table-default tbody .features-selector tr::before,
  .features-selector .block.block-stats .stat-box::before,
  .block.block-stats .features-selector .stat-box::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 4px solid transparent;
    z-index: 1;
    transition: all 0.2s ease-out;
    border-radius: 4px;
    pointer-events: none; }
  .grid-selector .tile h4, .grid-selector .pap-review .review-row h4, .pap-review .grid-selector .review-row h4, .grid-selector .admin-island h4, .grid-selector .admin-edit-brief .brief-section .item.review h4, .admin-edit-brief .brief-section .grid-selector .item.review h4, .grid-selector .marketing-tools .box h4, .marketing-tools .grid-selector .box h4, .grid-selector .email-automations .table-default tbody tr h4, .email-automations .table-default tbody .grid-selector tr h4, .grid-selector .block.block-stats .stat-box h4, .block.block-stats .grid-selector .stat-box h4,
  .features-selector .tile h4,
  .features-selector .pap-review .review-row h4,
  .pap-review .features-selector .review-row h4,
  .features-selector .admin-island h4,
  .features-selector .admin-edit-brief .brief-section .item.review h4,
  .admin-edit-brief .brief-section .features-selector .item.review h4,
  .features-selector .marketing-tools .box h4,
  .marketing-tools .features-selector .box h4,
  .features-selector .email-automations .table-default tbody tr h4,
  .email-automations .table-default tbody .features-selector tr h4,
  .features-selector .block.block-stats .stat-box h4,
  .block.block-stats .features-selector .stat-box h4 {
    color: #262626; }
  .grid-selector .tile.selected::before, .grid-selector .pap-review .selected.review-row::before, .pap-review .grid-selector .selected.review-row::before, .grid-selector .selected.admin-island::before, .grid-selector .admin-edit-brief .brief-section .selected.item.review::before, .admin-edit-brief .brief-section .grid-selector .selected.item.review::before, .grid-selector .marketing-tools .selected.box::before, .marketing-tools .grid-selector .selected.box::before, .grid-selector .email-automations .table-default tbody tr.selected::before, .email-automations .table-default tbody .grid-selector tr.selected::before, .grid-selector .block.block-stats .selected.stat-box::before, .block.block-stats .grid-selector .selected.stat-box::before,
  .features-selector .tile.selected::before,
  .features-selector .pap-review .selected.review-row::before,
  .pap-review .features-selector .selected.review-row::before,
  .features-selector .selected.admin-island::before,
  .features-selector .admin-edit-brief .brief-section .selected.item.review::before,
  .admin-edit-brief .brief-section .features-selector .selected.item.review::before,
  .features-selector .marketing-tools .selected.box::before,
  .marketing-tools .features-selector .selected.box::before,
  .features-selector .email-automations .table-default tbody tr.selected::before,
  .email-automations .table-default tbody .features-selector tr.selected::before,
  .features-selector .block.block-stats .selected.stat-box::before,
  .block.block-stats .features-selector .selected.stat-box::before {
    border: 4px solid #23B3F1; }
  .grid-selector .tile.read-only, .grid-selector .pap-review .read-only.review-row, .pap-review .grid-selector .read-only.review-row, .grid-selector .read-only.admin-island, .grid-selector .admin-edit-brief .brief-section .read-only.item.review, .admin-edit-brief .brief-section .grid-selector .read-only.item.review, .grid-selector .marketing-tools .read-only.box, .marketing-tools .grid-selector .read-only.box, .grid-selector .email-automations .table-default tbody tr.read-only, .email-automations .table-default tbody .grid-selector tr.read-only, .grid-selector .block.block-stats .read-only.stat-box, .block.block-stats .grid-selector .read-only.stat-box,
  .features-selector .tile.read-only,
  .features-selector .pap-review .read-only.review-row,
  .pap-review .features-selector .read-only.review-row,
  .features-selector .read-only.admin-island,
  .features-selector .admin-edit-brief .brief-section .read-only.item.review,
  .admin-edit-brief .brief-section .features-selector .read-only.item.review,
  .features-selector .marketing-tools .read-only.box,
  .marketing-tools .features-selector .read-only.box,
  .features-selector .email-automations .table-default tbody tr.read-only,
  .email-automations .table-default tbody .features-selector tr.read-only,
  .features-selector .block.block-stats .read-only.stat-box,
  .block.block-stats .features-selector .read-only.stat-box {
    cursor: default; }
  .grid-selector .tile.text-only, .grid-selector .pap-review .text-only.review-row, .pap-review .grid-selector .text-only.review-row, .grid-selector .text-only.admin-island, .grid-selector .admin-edit-brief .brief-section .text-only.item.review, .admin-edit-brief .brief-section .grid-selector .text-only.item.review, .grid-selector .marketing-tools .text-only.box, .marketing-tools .grid-selector .text-only.box, .grid-selector .email-automations .table-default tbody tr.text-only, .email-automations .table-default tbody .grid-selector tr.text-only, .grid-selector .block.block-stats .text-only.stat-box, .block.block-stats .grid-selector .text-only.stat-box,
  .features-selector .tile.text-only,
  .features-selector .pap-review .text-only.review-row,
  .pap-review .features-selector .text-only.review-row,
  .features-selector .text-only.admin-island,
  .features-selector .admin-edit-brief .brief-section .text-only.item.review,
  .admin-edit-brief .brief-section .features-selector .text-only.item.review,
  .features-selector .marketing-tools .text-only.box,
  .marketing-tools .features-selector .text-only.box,
  .features-selector .email-automations .table-default tbody tr.text-only,
  .email-automations .table-default tbody .features-selector tr.text-only,
  .features-selector .block.block-stats .text-only.stat-box,
  .block.block-stats .features-selector .text-only.stat-box {
    display: flex;
    justify-content: center;
    align-items: center; }

.grid-selector i,
.features-selector i {
  display: block;
  height: 100px;
  width: 100px;
  margin: 0 auto 8px;
  background-image: url("https://crowdspring3-assets.s3.amazonaws.com/marketing/grid-selector-sprite.png");
  background-repeat: no-repeat;
  background-size: 856px 748px;
  background-position: 0 0; }
  .grid-selector i.no-preference,
  .features-selector i.no-preference {
    background-position: -108px 0px; }
  .grid-selector i.none,
  .features-selector i.none {
    background-position: -216px 0px; }
  .grid-selector i.how-print,
  .features-selector i.how-print {
    background-position: -324px 0px; }
  .grid-selector i.how-screen,
  .features-selector i.how-screen {
    background-position: -432px 0px; }
  .grid-selector i.how-clothing,
  .features-selector i.how-clothing {
    background-position: -540px 0px; }
  .grid-selector i.how-outdoor,
  .features-selector i.how-outdoor {
    background-position: -648px 0px; }
  .grid-selector i.how-signage,
  .features-selector i.how-signage {
    background-position: -756px 0px; }
  .grid-selector i.style-image-text,
  .features-selector i.style-image-text {
    background-position: 0px -108px; }
  .grid-selector i.style-text-only,
  .features-selector i.style-text-only {
    background-position: -108px -108px; }
  .grid-selector i.style-image-only,
  .features-selector i.style-image-only {
    background-position: -216px -108px; }
  .grid-selector i.font-sans,
  .features-selector i.font-sans {
    background-position: -324px -108px; }
  .grid-selector i.font-serif,
  .features-selector i.font-serif {
    background-position: -432px -108px; }
  .grid-selector i.font-block,
  .features-selector i.font-block {
    background-position: -540px -108px; }
  .grid-selector i.font-script,
  .features-selector i.font-script {
    background-position: -648px -108px; }
  .grid-selector i.font-mono,
  .features-selector i.font-mono {
    background-position: -756px -108px; }
  .grid-selector i.stationery-letterhead,
  .features-selector i.stationery-letterhead {
    background-position: 0px -216px; }
  .grid-selector i.stationery-envelope,
  .features-selector i.stationery-envelope {
    background-position: -108px -216px; }
  .grid-selector i.stationery-notepad,
  .features-selector i.stationery-notepad {
    background-position: -216px -216px; }
  .grid-selector i.stationery-mailing-labels,
  .features-selector i.stationery-mailing-labels {
    background-position: -324px -216px; }
  .grid-selector i.social-fb,
  .features-selector i.social-fb {
    background-position: -432px -216px; }
  .grid-selector i.social-twitter,
  .features-selector i.social-twitter {
    background-position: -540px -216px; }
  .grid-selector i.social-instagram,
  .features-selector i.social-instagram {
    background-position: -648px -216px; }
  .grid-selector i.social-youtube,
  .features-selector i.social-youtube {
    background-position: -756px -216px; }
  .grid-selector i.social-pinterest,
  .features-selector i.social-pinterest {
    background-position: 0px -324px; }
  .grid-selector i.social-snapchat,
  .features-selector i.social-snapchat {
    background-position: -108px -324px; }
  .grid-selector i.social-linkedin,
  .features-selector i.social-linkedin {
    background-position: -216px -324px; }
  .grid-selector i.app-ios,
  .features-selector i.app-ios {
    background-position: -324px -324px; }
  .grid-selector i.app-android,
  .features-selector i.app-android {
    background-position: -432px -324px; }
  .grid-selector i.app-windows,
  .features-selector i.app-windows {
    background-position: -540px -324px; }
  .grid-selector i.screen-phone,
  .features-selector i.screen-phone {
    background-position: -648px -324px; }
  .grid-selector i.screen-tablet,
  .features-selector i.screen-tablet {
    background-position: -756px -324px; }
  .grid-selector i.screen-desktop,
  .features-selector i.screen-desktop {
    background-position: 0px -432px; }
  .grid-selector i.screen-wearable,
  .features-selector i.screen-wearable {
    background-position: -108px -432px; }
  .grid-selector i.feature-slideshow,
  .features-selector i.feature-slideshow {
    background-position: -216px -432px; }
  .grid-selector i.feature-search,
  .features-selector i.feature-search {
    background-position: -324px -432px; }
  .grid-selector i.feature-sharing,
  .features-selector i.feature-sharing {
    background-position: -432px -432px; }
  .grid-selector i.feature-stream,
  .features-selector i.feature-stream {
    background-position: -540px -432px; }
  .grid-selector i.feature-login,
  .features-selector i.feature-login {
    background-position: -648px -432px; }
  .grid-selector i.feature-ads,
  .features-selector i.feature-ads {
    background-position: -756px -432px; }
  .grid-selector i.feature-video,
  .features-selector i.feature-video {
    background-position: 0px -540px; }
  .grid-selector i.feature-maps,
  .features-selector i.feature-maps {
    background-position: -108px -540px; }
  .grid-selector i.feature-newsletter,
  .features-selector i.feature-newsletter {
    background-position: -216px -540px; }
  .grid-selector i.feature-polls,
  .features-selector i.feature-polls {
    background-position: -324px -540px; }
  .grid-selector i.feature-tagging,
  .features-selector i.feature-tagging {
    background-position: -432px -540px; }
  .grid-selector i.feature-categories,
  .features-selector i.feature-categories {
    background-position: -540px -540px; }
  .grid-selector i.feature-calendar,
  .features-selector i.feature-calendar {
    background-position: -648px -540px; }
  .grid-selector i.feature-donations,
  .features-selector i.feature-donations {
    background-position: -756px -540px; }
  .grid-selector i.shirt-front-chest,
  .features-selector i.shirt-front-chest {
    background-position: 0px -648px; }
  .grid-selector i.shirt-left-pocket,
  .features-selector i.shirt-left-pocket {
    background-position: -108px -648px; }
  .grid-selector i.shirt-right-pocket,
  .features-selector i.shirt-right-pocket {
    background-position: -216px -648px; }
  .grid-selector i.shirt-front-other,
  .features-selector i.shirt-front-other {
    background-position: -324px -648px; }
  .grid-selector i.shirt-left-sleeve,
  .features-selector i.shirt-left-sleeve {
    background-position: -432px -648px; }
  .grid-selector i.shirt-right-sleeve,
  .features-selector i.shirt-right-sleeve {
    background-position: -540px -648px; }
  .grid-selector i.shirt-back,
  .features-selector i.shirt-back {
    background-position: -648px -648px; }
  .grid-selector i.cover-illustrated, .grid-selector i.cover-typographic, .grid-selector i.cover-photo,
  .features-selector i.cover-illustrated,
  .features-selector i.cover-typographic,
  .features-selector i.cover-photo {
    background-position: center;
    background-size: contain; }
  .grid-selector i.cover-illustrated,
  .features-selector i.cover-illustrated {
    background-image: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/magazine_cover_illustrated.png"); }
  .grid-selector i.cover-typographic,
  .features-selector i.cover-typographic {
    background-image: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/magazine_cover_typographic.png"); }
  .grid-selector i.cover-photo,
  .features-selector i.cover-photo {
    background-image: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/magazine_cover_photo.png"); }

.review .features-selector .feature-icon {
  padding-left: 0; }


.features-selector .tile,
.features-selector .pap-review .review-row,
.pap-review .features-selector .review-row,
.features-selector .admin-island,
.features-selector .admin-edit-brief .brief-section .item.review,
.admin-edit-brief .brief-section .features-selector .item.review,
.features-selector .marketing-tools .box,
.marketing-tools .features-selector .box,
.features-selector .email-automations .table-default tbody tr,
.email-automations .table-default tbody .features-selector tr,
.features-selector .block.block-stats .stat-box,
.block.block-stats .features-selector .stat-box {
  min-height: 0; }

.features-selector .feature-description {
  text-align: left; }

.binary-selector .tile, .binary-selector .pap-review .review-row, .pap-review .binary-selector .review-row, .binary-selector .admin-island, .binary-selector .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .binary-selector .item.review, .binary-selector .marketing-tools .box, .marketing-tools .binary-selector .box, .binary-selector .email-automations .table-default tbody tr, .email-automations .table-default tbody .binary-selector tr, .binary-selector .block.block-stats .stat-box, .block.block-stats .binary-selector .stat-box {
  padding: 0;
  border: none;
  min-height: 0; }

.binary-selector li {
  display: block; }
  .binary-selector li > div {
    float: left;
    text-align: center; }

.binary-selector .choice {
  width: 44%;
  padding: 16px 0; }
  .binary-selector .choice h4 {
    margin-bottom: 0; }

.binary-selector .separator {
  width: 12%;
  padding-top: 16px; }

.package-options .rc-slider:not(.rc-slider-disabled) .rc-slider-rail, .package-options .rc-slider:not(.rc-slider-disabled) .rc-slider-track {
  height: 10px; }

.package-options .rc-slider:not(.rc-slider-disabled) .rc-slider-handle {
  margin-top: -7px;
  margin-left: -4px; }

.package-options .checkbox .form-label {
  font-size: 19.2px;
  font-weight: 600;
  color: #262626;
  margin-bottom: 8px; }

@media screen and (min-width: 39.4375em) {
  .package-options .checkbox .description {
    padding-right: 80px; } }

.package-options .checkbox .description .fa-check {
  color: #DD0268; }

@media screen and (min-width: 39.4375em) {
  .package-options .checkbox input[type=checkbox] + label:before {
    position: relative;
    top: 6px; }
  @-moz-document url-prefix() {
    .package-options .checkbox input[type=checkbox] + label:before {
      top: 4px; } } }

@media screen and (min-width: 39.4375em) {
  .package-options .checkbox input[type=checkbox] + label:after {
    top: 6px; }
  @-moz-document url-prefix() {
    .package-options .checkbox input[type=checkbox] + label:after {
      top: 4px; } } }

.package-options .checkbox input[type=checkbox]:checked + .form-label {
  color: #23B3F1; }

.package-options .checkbox input[type=checkbox]:disabled {
  cursor: not-allowed; }

.package-options .dependant-field {
  padding-left: 24px; }

.package-options .price {
  position: relative;
  float: right;
  text-transform: uppercase;
  color: #262626;
  font-weight: 700;
  font-size: 19.2px;
  transition: color 0.2s ease-out; }
  .package-options .price .recommended {
    text-transform: capitalize; }
  .package-options .price .normal-price::after {
    border-bottom: 2px solid #DD0268;
    content: '';
    position: absolute;
    left: 1em;
    right: 0;
    top: 50%;
    margin-top: 14px; }

.package-options .included.free .price {
  top: 24px; }

.package-options .included.free .price.with-normal-price {
  top: -4px; }

.package-options .included-badge,
.package-options .with-normal-price .free {
  display: inline-block;
  position: relative;
  color: #DD0268;
  text-transform: uppercase;
  padding-left: 26px;
  font-weight: 700;
  font-size: 13.328px; }
  @media screen and (max-width: 39.375em) {
    .package-options .included-badge,
    .package-options .with-normal-price .free {
      padding-left: 34px; } }

.package-options .group-choices .form-group {
  margin: 0 0 8px 32px; }

.package-options .sliders {
  margin-bottom: 16px;
  margin-right: 16px; }
  @media screen and (min-width: 39.4375em) {
    .package-options .sliders {
      margin-left: 24px; } }
  .package-options .sliders .rc-slider {
    margin-top: 16px; }
  .package-options .sliders .award-description {
    color: #727273; }

.package-options .checkbox input[type="checkbox"]:checked ~ .disclaimer {
  display: block; }

.package-options .disclaimer {
  display: none;
  margin: 8px 0 0 32px;
  border-radius: 2px;
  padding: 8px;
  color: #A70045;
  font-weight: 600;
  text-align: center;
  background: rgba(167, 0, 69, 0.1);
  transition: all 0.2s ease-out; }
  @media screen and (min-width: 39.4375em) {
    .package-options .disclaimer {
      margin: 16px 0 0 24px; } }

.package-options .fees {
  margin-top: 16px; }

.package-options .extra-awards .extra-award-container {
  margin: 16px 0 24px;
  padding: 0 0 0 0; }
  @media screen and (min-width: 39.4375em) {
    .package-options .extra-awards .extra-award-container {
      margin: 16px 0 24px 24px; } }
  .package-options .extra-awards .extra-award-container .rc-slider {
    margin-top: 16px; }
  .package-options .extra-awards .extra-award-container .award-description {
    color: #727273; }

.package-options .extra-awards .fa-times-circle {
  margin-top: 32px;
  cursor: pointer;
  color: #BDBEBF;
  transition: color 0.2s ease-out;
  font-size: 23.04px; }
  .package-options .extra-awards .fa-times-circle:hover, .package-options .extra-awards .fa-times-circle:focus, .package-options .extra-awards .fa-times-circle:active {
    color: #A70045; }

.package-options .extra-awards .btn-add {
  padding-left: 0;
  padding-right: 0;
  margin-top: 16px; }
  @media screen and (min-width: 39.4375em) {
    .package-options .extra-awards .btn-add {
      margin-left: 24px; } }
  .package-options .extra-awards .btn-add i {
    font-size: 19.2px; }

.package-options .extra-wrapper {
  padding-left: 32px;
  margin-bottom: 16px;
  margin-top: -4px; }
  @media screen and (min-width: 39.4375em) {
    .package-options .extra-wrapper {
      padding-left: 24px; } }
  .package-options .extra-wrapper .sample-nda-link {
    font-weight: 600; }

.pap-contract .contract-info {
  margin: 0 32px 32px; }
  @media screen and (min-width: 39.4375em) {
    .pap-contract .contract-info {
      width: 60%;
      margin: 0 24px 32px; } }
  .pap-contract .contract-info .sample-contract-link {
    margin-bottom: 32px;
    font-weight: 600; }
  .pap-contract .contract-info .form-group {
    margin: 0 0 32px 0; }

.pap-contract .custom-contract label {
  font-weight: 600;
  font-size: 19.2px;
  color: #262626;
  display: block; }

.pap-contract .form-upload-box {
  margin-top: 24px; }

.pap-contract .file-uploader {
  min-height: 300px; }

.pap-contract .fa-trash {
  margin-left: 8px;
  cursor: pointer; }

.pap-slider-selector .rc-slider-rail {
  height: 10px; }

.pap-slider-selector .rc-slider-mark {
  top: -40px; }

.pap-slider-selector .rc-slider-track {
  background-color: #EBEDF1; }

.pap-slider-selector .rc-slider-handle {
  margin-left: -4px;
  width: 13px;
  height: 13px;
  margin-top: -1px;
  box-shadow: 0px 0px 0px 12px #79CFF4;
  background: #F6F7F9;
  border: none; }
  .pap-slider-selector .rc-slider-handle:hover, .pap-slider-selector .rc-slider-handle:active {
    box-shadow: 0px 0px 0px 12px #23B3F1; }

.pap-slider-selector .rc-slider-dot {
  border-color: #EBEDF1;
  width: 12px;
  height: 12px;
  bottom: -7px; }
  @media screen and (min-width: 64em) {
    .pap-slider-selector .rc-slider-dot {
      display: none; } }

.pap-slider-selector .rc-slider {
  margin-bottom: 64px;
  width: 90%;
  margin-left: 5%; }
  .pap-slider-selector .rc-slider:hover .rc-slider-dot, .pap-slider-selector .rc-slider:active .rc-slider-dot {
    display: block; }
  @media screen and (max-width: 39.375em) {
    .pap-slider-selector .rc-slider {
      width: 86%;
      margin-left: 7%; } }

.pap-slider-selector .rc-slider-mark-text {
  text-align: left;
  margin-left: 0 !important;
  width: auto !important;
  font-weight: 700;
  color: #727273; }
  .pap-slider-selector .rc-slider-mark-text:last-child {
    right: 0;
    left: initial !important;
    text-align: right; }

.pap-slider-selector.readonly {
  margin-top: 64px; }
  .pap-slider-selector.readonly .rc-slider-handle {
    cursor: not-allowed; }
    .pap-slider-selector.readonly .rc-slider-handle:hover, .pap-slider-selector.readonly .rc-slider-handle:active {
      box-shadow: 0px 0px 0px 12px #79CFF4; }
  .pap-slider-selector.readonly .rc-slider:last-child {
    margin-bottom: 16px; }

.pap-review {
  /*
    FOR SPECIFIC FIELDS
  */ }
  .pap-review .review-section {
    margin-bottom: 64px; }
  .pap-review .review-row {
    padding: 16px; }
    .pap-review .review-row:hover .edit-button, .pap-review .review-row:active .edit-button {
      display: block; }
    .pap-review .review-row.error {
      border: 1px solid #A70045;
      background: rgba(255, 0, 106, 0.1); }
    .pap-review .review-row h4 {
      text-align: center;
      margin-top: 8px; }
    .pap-review .review-row .review-label {
      text-transform: uppercase;
      font-size: 13.328px;
      font-weight: 700; }
    .pap-review .review-row .pap-form-field-answer,
    .pap-review .review-row .pap-form-field-answer p {
      color: #262626;
      font-size: 19.2px; }
    .pap-review .review-row .edit-button {
      position: absolute;
      top: 8px;
      right: 16px;
      font-size: 23.04px; }
      @media screen and (min-width: 75em) {
        .pap-review .review-row .edit-button {
          display: none;
          font-size: 16px; } }
    .pap-review .review-row .grid-selector-answer .tile, .pap-review .review-row .grid-selector-answer .review-row, .pap-review .review-row .grid-selector-answer .admin-island, .pap-review .review-row .grid-selector-answer .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .pap-review .review-row .grid-selector-answer .item.review, .pap-review .review-row .grid-selector-answer .marketing-tools .box, .marketing-tools .pap-review .review-row .grid-selector-answer .box, .pap-review .review-row .grid-selector-answer .email-automations .table-default tbody tr, .email-automations .table-default tbody .pap-review .review-row .grid-selector-answer tr, .pap-review .review-row .grid-selector-answer .block.block-stats .stat-box, .block.block-stats .pap-review .review-row .grid-selector-answer .stat-box,
    .pap-review .review-row .color-choices .tile,
    .pap-review .review-row .color-choices .review-row,
    .pap-review .review-row .color-choices .admin-island,
    .pap-review .review-row .color-choices .admin-edit-brief .brief-section .item.review,
    .admin-edit-brief .brief-section .pap-review .review-row .color-choices .item.review,
    .pap-review .review-row .color-choices .marketing-tools .box,
    .marketing-tools .pap-review .review-row .color-choices .box,
    .pap-review .review-row .color-choices .email-automations .table-default tbody tr,
    .email-automations .table-default tbody .pap-review .review-row .color-choices tr,
    .pap-review .review-row .color-choices .block.block-stats .stat-box,
    .block.block-stats .pap-review .review-row .color-choices .stat-box,
    .pap-review .review-row .features-selector .tile,
    .pap-review .review-row .features-selector .review-row,
    .pap-review .review-row .features-selector .admin-island,
    .pap-review .review-row .features-selector .admin-edit-brief .brief-section .item.review,
    .admin-edit-brief .brief-section .pap-review .review-row .features-selector .item.review,
    .pap-review .review-row .features-selector .marketing-tools .box,
    .marketing-tools .pap-review .review-row .features-selector .box,
    .pap-review .review-row .features-selector .email-automations .table-default tbody tr,
    .email-automations .table-default tbody .pap-review .review-row .features-selector tr,
    .pap-review .review-row .features-selector .block.block-stats .stat-box,
    .block.block-stats .pap-review .review-row .features-selector .stat-box {
      box-shadow: none;
      border: 2px solid #EBEDF1; }
  .pap-review .review-error-msg {
    font-size: 13.328px;
    color: #A70045; }
  .pap-review .pap-cost-breakdown-content h3 {
    margin-top: 8px; }
  .pap-review .pap-cost-breakdown-content.package-gold h3 {
    color: #D99713; }
  .pap-review .pap-cost-breakdown-content.package-silver h3 {
    color: #979899; }
  .pap-review .pap-cost-breakdown-content.package-elite h3 {
    color: #262626; }
  .pap-review .pap-cost-breakdown-content.package-platinum h3 {
    color: #67677F; }
  .pap-review .color-choices {
    margin-top: 16px; }
    .pap-review .color-choices .color-block {
      width: 33.333%;
      height: 47px;
      float: left; }
      @media screen and (min-width: 39.4375em) {
        .pap-review .color-choices .color-block {
          height: 45px; } }
      @media screen and (min-width: 64em) {
        .pap-review .color-choices .color-block {
          height: 66px; } }
  .pap-review .grid-selector {
    margin-top: 16px; }
    .pap-review .grid-selector li {
      margin-bottom: 16px; }

.pap-review-editor .editing-nav {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #161C4A;
  z-index: 1; }

.pap-review-editor .editing-controls {
  padding: 4px 0 8px; }

.pap-review-editor .editing-status {
  background: #000630; }

.pap-review-editor h6 {
  text-align: center;
  margin: 4px 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13.328px;
  font-weight: 700;
  text-transform: uppercase; }

.pap-review-editor .left {
  text-align: left; }

.pap-review-editor .right {
  text-align: right; }

.pap-review-editor .btn-back {
  opacity: 0.5; }

.pap-review-editor .editing-controls .btn-text {
  color: #FFFFFF; }

.pap-review-editor .add-item-form {
  top: 0; }

.pap-created-1-1 {
  padding: 32px 0;
  text-align: center; }
  .pap-created-1-1 h2 {
    margin-bottom: 16px; }
  .pap-created-1-1 ul {
    text-align: left;
    list-style: disc; }
  .pap-created-1-1 a {
    display: inline-block;
    margin-top: 16px; }

.pap-files-answer .zip-created-at {
  font-size: 13.328px;
  color: #979899; }

.form-payment fieldset {
  margin: 0 0 64px; }

.form-payment .payment-summary h3 {
  margin-bottom: 0; }

.form-payment .payment-summary .payment-total {
  font-size: 47.77574px;
  color: #23B3F1;
  letter-spacing: -0.07em;
  font-weight: 800; }

.form-payment .payment-summary .payment-guarantee h4 {
  color: #262626; }

.form-payment .pap-price-summary {
  margin: 0; }
  @media screen and (min-width: 64em) {
    .form-payment .pap-price-summary {
      width: 50%; } }
  .form-payment .pap-price-summary .pap-price-summary-table {
    width: 100%; }
  .form-payment .pap-price-summary .pap-price-item {
    width: 70%; }
  .form-payment .pap-price-summary .pap-price-value {
    width: 30%; }

.form-payment .confirm-assured .disclaimer {
  margin: 0 0 16px;
  border-radius: 2px;
  padding: 8px;
  color: #A70045;
  text-align: center;
  font-weight: 600;
  background: rgba(167, 0, 69, 0.1); }

.form-payment .confirm-assured .checkbox input[type=checkbox]:checked + label {
  color: #262626; }

.form-payment .confirm-assured .form-label {
  color: #262626;
  font-weight: 600; }

.form-payment .payment-submit {
  margin-bottom: 0; }
  .form-payment .payment-submit .terms {
    margin-bottom: 24px; }
  .form-payment .payment-submit .btn-animated-wrapper {
    display: inline-block;
    vertical-align: sub; }
  .form-payment .payment-submit .guarantee-img {
    width: 80px;
    margin-left: 24px; }
  .form-payment .payment-submit .form-error-msg {
    font-size: 13.328px; }
  .form-payment .payment-submit .back-btn {
    display: block;
    margin-top: 32px;
    padding-left: 0;
    border-left: 0; }

.braintree-form-modal .modal-content #braintree_form {
  margin-bottom: 64px; }

.help-page {
  padding-top: 0; }
  .help-page .help-content {
    padding-top: 32px; }
  .help-page .block {
    padding: 32px 0; }
  .help-page .category {
    display: block; }
    .help-page .category.guide .tile, .help-page .category.guide .pap-review .review-row, .pap-review .help-page .category.guide .review-row, .help-page .category.guide .admin-island, .help-page .category.guide .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .help-page .category.guide .item.review, .help-page .category.guide .marketing-tools .box, .marketing-tools .help-page .category.guide .box, .help-page .category.guide .email-automations .table-default tbody tr, .email-automations .table-default tbody .help-page .category.guide tr, .help-page .category.guide .block.block-stats .stat-box, .block.block-stats .help-page .category.guide .stat-box {
      min-height: 265px; }
    .help-page .category .tile, .help-page .category .pap-review .review-row, .pap-review .help-page .category .review-row, .help-page .category .admin-island, .help-page .category .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .help-page .category .item.review, .help-page .category .marketing-tools .box, .marketing-tools .help-page .category .box, .help-page .category .email-automations .table-default tbody tr, .email-automations .table-default tbody .help-page .category tr, .help-page .category .block.block-stats .stat-box, .block.block-stats .help-page .category .stat-box {
      padding: 16px;
      text-align: center; }
    .help-page .category i {
      display: block;
      font-size: 99.06px;
      color: #EBEDF1;
      margin-bottom: 32px; }
    .help-page .category h3 {
      color: #4C4C4D;
      font-size: 19.2px; }
  .help-page .help-breadcrumb {
    margin-bottom: 16px;
    font-size: 13.328px; }
    .help-page .help-breadcrumb li {
      display: inline-block; }
    .help-page .help-breadcrumb li:after {
      margin: 0 4px;
      content: "\F105";
      font-family: 'FontAwesome';
      color: #BDBEBF; }
    .help-page .help-breadcrumb li:last-child:after {
      content: ''; }
  .help-page form.help-search {
    margin: 16px auto;
    position: relative; }
    .help-page form.help-search input.help-search-box {
      width: 100%;
      padding: 4px 8px;
      margin-bottom: 8px;
      outline: none;
      border: 0;
      border-radius: 4px;
      font-size: 19.2px;
      line-height: 16px;
      color: #262626;
      transition: all 0.2s ease-out; }
      .help-page form.help-search input.help-search-box::-webkit-input-placeholder {
        color: #979899; }
      .help-page form.help-search input.help-search-box:-moz-placeholder {
        color: #979899; }
      .help-page form.help-search input.help-search-box::-moz-placeholder {
        color: #979899; }
      .help-page form.help-search input.help-search-box:-ms-input-placeholder {
        color: #979899; }
      .help-page form.help-search input.help-search-box::-ms-input-placeholder {
        color: #979899; }
      @media screen and (min-width: 39.4375em) {
        .help-page form.help-search input.help-search-box {
          font-size: 27.648px; } }
    .help-page form.help-search button {
      outline: none;
      position: absolute;
      color: #BDBEBF;
      font-size: 23.04px;
      position: absolute;
      right: 4px;
      top: 4px; }
  .help-page .category-title {
    font-size: 27.648px;
    font-weight: 600; }
  .help-page ul.article-list li {
    margin-bottom: 8px; }
    .help-page ul.article-list li h2 {
      all: unset; }
    .help-page ul.article-list li a {
      color: #4C4C4D; }
    .help-page ul.article-list li a:hover {
      color: #23B3F1; }
  .help-page .sidebar section {
    margin-bottom: 32px; }
  .help-page .sidebar form.help-search {
    width: 100%;
    margin: 0 0 32px; }
    .help-page .sidebar form.help-search input.help-search-box {
      font-size: 19.2px; }
    .help-page .sidebar form.help-search button {
      font-size: 19.2px;
      right: 0;
      top: 0; }
  .help-page .sidebar .sidebar-category-link a {
    color: #727273; }
    .help-page .sidebar .sidebar-category-link a:hover {
      color: #23B3F1; }

.help-page .block-help-search {
  background: linear-gradient(90deg, #23B3F1 0%, #1AFF97 150%);
  margin-bottom: 64px; }

.help-page .search-page .search-results a {
  font-size: 19.2px; }

.help-page .help-article .article-title {
  margin-bottom: 16px;
  font-size: 27.648px;
  font-weight: 600; }

.help-page .help-article .article-content {
  overflow: auto;
  color: #262626; }
  .help-page .help-article .article-content p {
    font-weight: 300; }
  .help-page .help-article .article-content img {
    margin: 24px 0; }

.help-page .help-article .article-rating {
  margin: 32px 0;
  padding-top: 4px;
  border-top: 2px solid #EBEDF1; }
  .help-page .help-article .article-rating .btn-icon-only {
    font-size: 16px;
    transition: all 0.2s ease-out;
    color: #979899; }
  .help-page .help-article .article-rating .btn-icon-only i {
    display: inline-block;
    margin-right: 4px;
    font-size: inherit; }
  .help-page .help-article .article-rating .active i {
    color: #DD0268; }

.help-page .help-article .article-list.related a {
  color: #23B3F1; }

.contact-page .contact-form {
  background: white;
  border-radius: 4px;
  padding: 16px; }
  @media screen and (min-width: 64em) {
    .contact-page .contact-form {
      padding: 32px 0; } }

.contact-page.succeeded form {
  display: none; }

.contact-page.succeeded .contact-success {
  display: block; }

.contact-page.failed form {
  display: none; }

.contact-page.failed .contact-failure {
  display: block; }

.contact-page .message-box label {
  position: static;
  font-size: 13.328px;
  text-transform: uppercase; }

.contact-page .contact-success .form-intro,
.contact-page form .form-intro {
  text-align: center;
  margin-bottom: 32px; }
  .contact-page .contact-success .form-intro p,
  .contact-page form .form-intro p {
    font-size: 19.2px; }

.contact-page .contact-success {
  display: none;
  text-align: center; }
  .contact-page .contact-success h3 {
    color: #00C66C; }

.contact-page .contact-failure {
  display: none;
  text-align: center; }
  .contact-page .contact-failure h3 {
    color: #A70045; }

.contact-page .sidebar {
  margin-top: 32px; }
  .contact-page .sidebar h2 {
    font-size: 19.2px; }
  @media screen and (min-width: 39.4375em) {
    .contact-page .sidebar {
      margin-top: 0; } }

.invite-success {
  text-align: center; }
  .invite-success i.fa {
    font-size: 95.55149px; }

.invite-modal .form-button-block {
  display: none; }

.focus-group-modal {
  text-align: left; }
  .focus-group-modal .modal-content {
    padding: 16px 24px 16px; }
  .focus-group-modal fieldset h3 {
    margin-bottom: 0; }
  .focus-group-modal fieldset p {
    margin-bottom: 16px; }
  .focus-group-modal .project-gallery-wrapper {
    max-height: 400px;
    overflow: auto; }
  .focus-group-modal .entry-count {
    margin-left: 24px;
    font-size: 19.2px;
    color: #727273; }
  .focus-group-modal .entry-count-error {
    color: #A70045; }
  .focus-group-modal .participant-row {
    padding: 16px 0 0 0;
    font-size: 16px;
    margin: 0; }
    .focus-group-modal .participant-row .columns:first-child {
      padding-left: 0;
      padding-top: 4px; }
    .focus-group-modal .participant-row .columns:last-child {
      padding-top: 4px; }
    .focus-group-modal .participant-row .form-group {
      margin: 0; }
      .focus-group-modal .participant-row .form-group select {
        color: #23B3F1;
        border-bottom: 0;
        padding: 0; }
      .focus-group-modal .participant-row .form-group.select-wrapper:after {
        color: #23B3F1;
        top: 0; }
  .focus-group-modal .participant-form h3, .focus-group-modal .participant-form h4 {
    margin-top: 16px; }
  .focus-group-modal .participant-form textarea {
    margin-top: 0; }
  .focus-group-modal .entry-tile .tile-actions {
    display: none; }
  .focus-group-modal .entry-tile .tile.entry-thumbnail:hover .tile-tools, .focus-group-modal .entry-tile .pap-review .entry-thumbnail.review-row:hover .tile-tools, .pap-review .focus-group-modal .entry-tile .entry-thumbnail.review-row:hover .tile-tools, .focus-group-modal .entry-tile .entry-thumbnail.admin-island:hover .tile-tools, .focus-group-modal .entry-tile .admin-edit-brief .brief-section .entry-thumbnail.item.review:hover .tile-tools, .admin-edit-brief .brief-section .focus-group-modal .entry-tile .entry-thumbnail.item.review:hover .tile-tools, .focus-group-modal .entry-tile .marketing-tools .entry-thumbnail.box:hover .tile-tools, .marketing-tools .focus-group-modal .entry-tile .entry-thumbnail.box:hover .tile-tools, .focus-group-modal .entry-tile .email-automations .table-default tbody tr.entry-thumbnail:hover .tile-tools, .email-automations .table-default tbody .focus-group-modal .entry-tile tr.entry-thumbnail:hover .tile-tools, .focus-group-modal .entry-tile .block.block-stats .entry-thumbnail.stat-box:hover .tile-tools, .block.block-stats .focus-group-modal .entry-tile .entry-thumbnail.stat-box:hover .tile-tools {
    display: none; }
  .focus-group-modal .entry-tile.selected:after {
    position: absolute;
    top: 0;
    right: 24px;
    z-index: 10;
    content: "\F058";
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block;
    color: #00C66C; }
  .focus-group-modal .entry-tile .flag {
    display: none; }
  .focus-group-modal .entry-filters .entry_eliminated-filter,
  .focus-group-modal .entry-filters .entry_withdrawn-filter,
  .focus-group-modal .entry-filters .entry_author_username-filter {
    display: none; }
  .focus-group-modal .modal-actions {
    text-align: right; }
    .focus-group-modal .modal-actions .btn-back {
      float: left; }
  .focus-group-modal .name-row .columns:first-child {
    padding-left: 0; }
  .focus-group-modal .name-row .columns:last-child {
    padding-right: 0; }
  @media screen and (max-width: 39.375em) {
    .focus-group-modal .name-row .columns {
      padding-left: 0;
      padding-right: 0; } }

.l-content.focus-group-participate .participate-intro {
  background: #EBEDF1;
  padding: 64px 0;
  margin: -32px 0 64px 0; }
  .l-content.focus-group-participate .participate-intro .avatar {
    margin: 0 auto; }

.l-content.focus-group-participate .focus-group-description {
  text-align: center;
  margin: 16px 0; }
  @media screen and (min-width: 39.4375em) {
    .l-content.focus-group-participate .focus-group-description {
      text-align: left; } }

.l-content.focus-group-participate .entry-tile .entry-thumbnail {
  margin-bottom: 0;
  padding-top: 100%; }

.l-content.focus-group-participate .submit-votes {
  margin-top: 40px; }

.l-content.focus-group-participate .done-stage .project-entries-gallery {
  margin-top: 32px; }
  .l-content.focus-group-participate .done-stage .project-entries-gallery .tile:hover, .l-content.focus-group-participate .done-stage .project-entries-gallery .pap-review .review-row:hover, .pap-review .l-content.focus-group-participate .done-stage .project-entries-gallery .review-row:hover, .l-content.focus-group-participate .done-stage .project-entries-gallery .admin-island:hover, .l-content.focus-group-participate .done-stage .project-entries-gallery .admin-edit-brief .brief-section .item.review:hover, .admin-edit-brief .brief-section .l-content.focus-group-participate .done-stage .project-entries-gallery .item.review:hover, .l-content.focus-group-participate .done-stage .project-entries-gallery .marketing-tools .box:hover, .marketing-tools .l-content.focus-group-participate .done-stage .project-entries-gallery .box:hover, .l-content.focus-group-participate .done-stage .project-entries-gallery .email-automations .table-default tbody tr:hover, .email-automations .table-default tbody .l-content.focus-group-participate .done-stage .project-entries-gallery tr:hover, .l-content.focus-group-participate .done-stage .project-entries-gallery .block.block-stats .stat-box:hover, .block.block-stats .l-content.focus-group-participate .done-stage .project-entries-gallery .stat-box:hover {
    box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.25); }

.l-content.focus-group-participate .project-entries-gallery .focus-group-stats, .l-content.focus-group-participate .project-entries-gallery .star-rating {
  margin: -24px 0 24px; }

.l-content.focus-group-participate .project-entries-gallery .focus-group-stats {
  padding: 0 32px; }
  .l-content.focus-group-participate .project-entries-gallery .focus-group-stats .column:first-child, .l-content.focus-group-participate .project-entries-gallery .focus-group-stats .columns:first-child {
    position: relative; }
    .l-content.focus-group-participate .project-entries-gallery .focus-group-stats .column:first-child:after, .l-content.focus-group-participate .project-entries-gallery .focus-group-stats .columns:first-child:after {
      content: "";
      position: absolute;
      right: 0;
      top: 24px;
      bottom: 0;
      border-right: 2px solid #EBEDF1; }

.l-content.focus-group-participate .vote-stage .project-entries-gallery > .row {
  margin-bottom: 48px;
  position: relative; }
  .l-content.focus-group-participate .vote-stage .project-entries-gallery > .row:after {
    content: "";
    position: absolute;
    left: 0.9375rem;
    right: 0.9375rem;
    border-bottom: 2px solid #EBEDF1;
    bottom: 0; }
    @media screen and (min-width: 39.4375em) {
      .l-content.focus-group-participate .vote-stage .project-entries-gallery > .row:after {
        left: 1.25rem;
        right: 1.25rem; } }

.l-content.focus-group-participate .vote-stage .project-entries-gallery .star-rating {
  text-align: center;
  margin-bottom: 8px; }

.l-content.focus-group-participate .vote-stage .project-entries-gallery .form-wrapper {
  margin-bottom: 48px; }

.l-content.focus-group-participate .vote-stage .error-msg.text-danger, .l-content.focus-group-participate .vote-stage .error-msg.label.label-danger, .l-content.focus-group-participate .vote-stage .email-automation-details .details-metrics .error-msg.label-danger.stat-label, .email-automation-details .details-metrics .l-content.focus-group-participate .vote-stage .error-msg.label-danger.stat-label {
  font-size: 13.328px; }

.l-content.focus-group-participate .closed .notice:first-child > .row {
  padding-bottom: 32px;
  margin-bottom: 48px;
  position: relative; }
  .l-content.focus-group-participate .closed .notice:first-child > .row:after {
    content: "";
    position: absolute;
    left: 0.9375rem;
    right: 0.9375rem;
    border-bottom: 2px solid #EBEDF1;
    bottom: 0; }
    @media screen and (min-width: 39.4375em) {
      .l-content.focus-group-participate .closed .notice:first-child > .row:after {
        left: 1.25rem;
        right: 1.25rem; } }
  @media screen and (min-width: 39.4375em) {
    .l-content.focus-group-participate .closed .notice:first-child > .row {
      padding-bottom: 48px;
      margin-bottom: 72px; } }

.l-content.focus-group-participate .participant-info-form p {
  color: #979899; }

.l-content.focus-group-participate .hero {
  margin-top: 48px;
  padding-bottom: 0; }
  @media screen and (min-width: 39.4375em) {
    .l-content.focus-group-participate .hero {
      margin-top: 56px; } }
  .l-content.focus-group-participate .hero > .row {
    padding-top: 48px;
    position: relative; }
    .l-content.focus-group-participate .hero > .row:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0.9375rem;
      right: 0.9375rem;
      border-bottom: 2px solid #EBEDF1; }
      @media screen and (min-width: 39.4375em) {
        .l-content.focus-group-participate .hero > .row:before {
          left: 1.25rem;
          right: 1.25rem; } }
  .l-content.focus-group-participate .hero .hero-container {
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .l-content.focus-group-participate .hero .hero-container {
        text-align: left; } }
    .l-content.focus-group-participate .hero .hero-container .hero-title {
      color: #161C4A;
      font-size: 27.648px; }
      @media screen and (min-width: 39.4375em) {
        .l-content.focus-group-participate .hero .hero-container .hero-title {
          font-size: 39.81312px; } }
    .l-content.focus-group-participate .hero .hero-container .hero-text {
      font-size: 19.2px;
      text-align: center; }
      @media screen and (min-width: 39.4375em) {
        .l-content.focus-group-participate .hero .hero-container .hero-text {
          font-size: 23.04px;
          text-align: left; } }
    .l-content.focus-group-participate .hero .hero-container .hero-actions {
      margin-top: 32px; }
      .l-content.focus-group-participate .hero .hero-container .hero-actions .btn {
        display: block;
        width: 70%;
        margin: 0 auto 8px; }
        @media screen and (min-width: 39.4375em) {
          .l-content.focus-group-participate .hero .hero-container .hero-actions .btn {
            display: inline-block;
            width: auto; } }
  .l-content.focus-group-participate .hero .block.block-stats {
    margin-top: 48px; }
    .l-content.focus-group-participate .hero .block.block-stats .stat-value-container {
      height: 80px; }
    .l-content.focus-group-participate .hero .block.block-stats .stat-value {
      font-size: 27.648px; }
    .l-content.focus-group-participate .hero .block.block-stats .stat-label {
      font-size: 13.328px; }

.focus-group-voting-modal .modal-content {
  padding: 0; }

.focus-group-voting-modal .revision-image {
  height: 400px;
  width: 100%;
  padding-top: 40px; }
  @media screen and (min-width: 39.4375em) {
    .focus-group-voting-modal .revision-image {
      height: 60vh; } }
  .focus-group-voting-modal .revision-image .zoom-message {
    text-align: center;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0; }
  .focus-group-voting-modal .revision-image .zoom-controls {
    position: absolute;
    bottom: 16px;
    width: 100%;
    text-align: center;
    z-index: 700; }
    .focus-group-voting-modal .revision-image .zoom-controls .zoom-buttons {
      font-size: 23.04px;
      color: #BDBEBF;
      display: inline-block;
      border-radius: 4px;
      background: transparent;
      transition: all 0.2s ease-out; }
      .focus-group-voting-modal .revision-image .zoom-controls .zoom-buttons:hover {
        background: rgba(0, 6, 48, 0.93); }
        .focus-group-voting-modal .revision-image .zoom-controls .zoom-buttons:hover .btn-icon-only .svg-icon svg g {
          fill: #FFFFFF; }

.focus-group-voting-modal .vote-bar {
  background: #EBEDF1;
  padding: 16px 0; }
  .focus-group-voting-modal .vote-bar textarea.form-control {
    border: 2px solid #BDBEBF;
    margin-bottom: 16px; }
    @media screen and (min-width: 39.4375em) {
      .focus-group-voting-modal .vote-bar textarea.form-control {
        margin-bottom: 0; } }
    .focus-group-voting-modal .vote-bar textarea.form-control::-webkit-input-placeholder {
      color: #BDBEBF; }
    .focus-group-voting-modal .vote-bar textarea.form-control:-moz-placeholder {
      color: #BDBEBF; }
    .focus-group-voting-modal .vote-bar textarea.form-control::-moz-placeholder {
      color: #BDBEBF; }
    .focus-group-voting-modal .vote-bar textarea.form-control:-ms-input-placeholder {
      color: #BDBEBF; }
  .focus-group-voting-modal .vote-bar .btn-text {
    color: #979899; }
  .focus-group-voting-modal .vote-bar .rating {
    margin-bottom: 8px; }

.project.focus_groups .l-content {
  padding-top: 0; }

.focus-group-tabs .tab-actions {
  margin-bottom: 16px; }

.focus-group-tabs .tab-content.settings h4 {
  margin-bottom: 0; }

.focus-group-tabs .tab-content.settings p {
  margin-bottom: 16px; }

.focus-group-tabs .tab-content.participants .select-wrapper:after {
  position: static;
  margin-left: 8px;
  top: 0; }

.focus-group-tabs .tab-content.participants select.form-control {
  font-size: 16px;
  padding: 0;
  border: 0;
  display: inline;
  width: auto; }

.focus-group-name {
  text-transform: capitalize; }

.focus-group-stats-container {
  background: #FFFFFF;
  margin-bottom: 32px;
  padding: 16px 0; }

.focus-group-stats {
  text-align: center; }
  .focus-group-stats.tile-stats {
    margin: 16px; }
    @media screen and (min-width: 39.4375em) {
      .focus-group-stats.tile-stats {
        padding: 0 1.25em 0 0;
        margin: 0; } }
  .focus-group-stats .stat-label {
    color: #979899;
    text-transform: uppercase;
    font-size: 13.328px;
    font-weight: 700; }
  .focus-group-stats .stat-value {
    font-size: 33.1776px;
    font-weight: 800;
    text-transform: capitalize;
    color: #262626; }
    .focus-group-stats .stat-value .star-rating {
      margin-top: 16px; }
  .focus-group-stats .btn-toggle {
    margin-top: 16px; }
    @media screen and (min-width: 39.4375em) {
      .focus-group-stats .btn-toggle {
        margin-top: 0; } }

.focus-group-result-tile h4 {
  margin-left: 16px;
  margin-top: 16px; }

@media screen and (min-width: 39.4375em) {
  .focus-group-result-tile h4 {
    margin-left: 0;
    margin-top: 0; } }

.focus-group-result-tile .thumbnail {
  border-radius: 4px 4px 0 0;
  box-shadow: 2px 0px 4px rgba(151, 152, 153, 0.2);
  cursor: pointer; }
  @media screen and (min-width: 64em) {
    .focus-group-result-tile .thumbnail {
      border-radius: 4px 0 0 4px; } }

.focus-group-comment {
  margin-bottom: 16px; }
  .focus-group-comment .comment-date {
    color: #727273;
    font-size: 13.328px;
    margin-bottom: 8px; }
  .focus-group-comment .avatar {
    float: right; }
  .focus-group-comment .comment-wrapper {
    border-radius: 4px;
    padding: 16px;
    background: #FFFFFF; }
  .focus-group-comment .comment-name {
    text-transform: uppercase;
    font-size: 13.328px;
    font-weight: 800;
    color: #262626;
    margin-bottom: 8px; }

.focus-group-comments-modal .modal-content {
  overflow-x: hidden; }

@media screen and (max-width: 39.375em) {
  .focus-group-comments-modal .results-comments {
    min-height: 160px; } }

.focus-group-comments-modal .tile, .focus-group-comments-modal .pap-review .review-row, .pap-review .focus-group-comments-modal .review-row, .focus-group-comments-modal .admin-island, .focus-group-comments-modal .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .focus-group-comments-modal .item.review, .focus-group-comments-modal .marketing-tools .box, .marketing-tools .focus-group-comments-modal .box, .focus-group-comments-modal .email-automations .table-default tbody tr, .email-automations .table-default tbody .focus-group-comments-modal tr, .focus-group-comments-modal .block.block-stats .stat-box, .block.block-stats .focus-group-comments-modal .stat-box {
  margin-bottom: 8px; }

.focus-group-comments-modal .entry-number {
  margin-bottom: 24px; }

@media screen and (min-width: 39.4375em) {
  .focus-group-comments-modal .table-default td:first-child {
    text-align: left; }
  .focus-group-comments-modal .table-default tr:nth-child(odd) {
    background: #FFFFFF; } }

.participants-table {
  margin-top: 8px; }
  .participants-table .form-group {
    margin: 0; }
  .participants-table .participant-email {
    text-align: left; }

.single-entry-name {
  font-size: 95.55149px;
  text-align: center; }

.focus-groups .empty-state-cta {
  margin-top: 64px !important; }
  .focus-groups .empty-state-cta h3 {
    margin-bottom: 32px; }

.focus-group-share {
  margin-top: 56px; }
  @media screen and (min-width: 64em) {
    .focus-group-share {
      margin-top: 0; } }
  .focus-group-share li {
    margin-bottom: 8px;
    font-size: 19.2px; }
  .focus-group-share .copy-link-box {
    background: #EBEDF1;
    padding: 16px;
    border-radius: 4px;
    margin-bottom: 16px; }
    .focus-group-share .copy-link-box .link {
      display: block;
      margin: 16px 0; }
    .focus-group-share .copy-link-box .btn-primary {
      margin-bottom: 16px;
      width: 100%; }
      @media screen and (min-width: 39.4375em) and (max-width: 63.9375em) {
        .focus-group-share .copy-link-box .btn-primary {
          width: initial; } }

.focus-group-upgrade {
  margin-top: 32px; }

.all-projects-page .all-projects-btn {
  display: none; }

.all-projects-page table.drafts tr:hover .fa-times-circle {
  color: #A70045; }

.your_projects .header-middle .dropdown-menu {
  min-width: 200px;
  width: auto;
  left: 0 !important;
  padding: 8px 8px 2px; }

@media screen and (max-width: 39.375em) {
  .your_projects .empty-state {
    padding-top: 56px !important; } }

.admin-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 48px;
  background: #000630;
  text-align: center; }
  .admin-menu li a {
    display: block;
    margin-top: 16px;
    color: #FFFFFF;
    font-size: 23.04px; }
    .admin-menu li a.active i {
      color: #DD0268; }

.admin-page-count {
  float: right;
  display: inline-block; }

.admin-content {
  padding: 16px 24px;
  overflow: scroll;
  position: absolute;
  top: 0;
  left: 48px;
  right: 0;
  bottom: 0;
  background: #F6F7F9; }

.admin-island {
  padding: 8px;
  overflow: visible; }
  .admin-island li {
    color: #262626;
    margin-bottom: 4px; }
  .admin-island .star-rating {
    display: inline-block; }
  .admin-island.project-pricing .admin-list-label, .admin-island.admin-project-feedback .admin-list-label, .admin-island.user-details .admin-list-label, .admin-island.client-details .admin-list-label, .admin-island.quality-overview .admin-list-label, .admin-island .approve-review-form .admin-list-label {
    width: 200px; }

.admin-filters-form {
  border: 4px solid #BDBEBF;
  padding-top: 16px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  margin-top: 8px; }

.admin-show-notes {
  float: right;
  padding: 8px;
  display: inline-block;
  color: #00C66C !important; }
  .admin-show-notes.empty {
    color: #DD0268 !important; }

.admin-project-title {
  padding-left: 16px; }

.admin-list-label {
  font-weight: 600;
  display: inline-block;
  width: 120px;
  text-align: right;
  margin-right: 8px;
  color: #979899; }

.admin-list-value {
  white-space: pre;
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 208px); }
  .admin-list-value .form-group {
    margin-bottom: 0; }
    .admin-list-value .form-group .form-control {
      padding-top: 0; }
    .admin-list-value .form-group.checkbox {
      padding-top: 4px; }
  .admin-list-value .select-wrapper:after {
    top: 0; }
  .admin-list-value .file-uploader-wrapper {
    margin: 8px 0; }

.admin-label {
  text-align: center;
  font-size: 13.328px;
  color: #727273;
  font-weight: 800;
  text-transform: uppercase; }

.admin-value {
  text-align: center;
  font-size: 27.648px;
  font-weight: 800;
  text-transform: uppercase;
  color: #262626; }
  .admin-value .project-feedback i {
    margin: 0 auto; }

.admin-project-table {
  margin-top: 16px; }
  .admin-project-table thead td,
  .admin-project-table tbody td {
    text-align: left;
    padding-left: 0;
    font-size: 13.328px;
    text-overflow: ellipsis;
    height: 35px;
    max-height: 35px; }
  .admin-project-table tbody tr:hover {
    background: #FEB118; }
  .admin-project-table tbody td {
    padding: 8px 4px; }
    .admin-project-table tbody td.project-category-name {
      width: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block; }
  .admin-project-table .tooltip {
    max-width: 500px; }

.notes-container {
  width: 40%;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  background: #F6F7F9;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.35);
  padding: 16px;
  overflow-y: scroll;
  z-index: 3; }
  .notes-container .notes-list {
    height: calc(100% - 160px);
    overflow-y: auto;
    margin-bottom: 8px; }
  .notes-container.with-important-note .notes-list {
    height: calc(100% - 416px); }

.admin-send-note textarea {
  background: #FFFFFF; }

.admin-send-btn {
  width: 100%; }

.admin-note-date {
  font-size: 11.10222px;
  margin-bottom: 8px; }

.admin-note-body {
  background: #FFFFFF;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 16px;
  white-space: pre-line; }
  .admin-note-body h6 {
    font-weight: 700; }

.admin-dropdown {
  display: inline-block;
  float: right; }
  .admin-dropdown button.dropdown-menu-toggle i.svg-icon svg g {
    fill: #DD0268; }
  .admin-dropdown .modal-dialog {
    font-size: initial; }
    .admin-dropdown .modal-dialog .pre {
      margin-bottom: 32px; }
      .admin-dropdown .modal-dialog .pre .secondary {
        color: #727273; }
        .admin-dropdown .modal-dialog .pre .secondary h5 {
          color: #727273; }
  .admin-dropdown .dropdown-menu {
    margin-left: -160px; }
  .admin-dropdown textarea {
    min-height: 4em; }

.admin-edit-brief .modal-content-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.admin-edit-brief .brief-section {
  margin-bottom: 24px; }

.admin-edit-brief .brief-section .item.review {
  padding: 16px; }

.admin-edit-brief .edit-button {
  display: block;
  margin-top: 24px; }

.message-timeline .message {
  position: relative; }
  .message-timeline .message .dropdown.tile-menu {
    position: absolute;
    right: 0; }

.admin-content .stats {
  text-align: center;
  margin-top: 24px; }
  .admin-content .stats .stat {
    cursor: pointer;
    margin-bottom: 24px; }
    .admin-content .stats .stat.active .label, .admin-content .stats .stat.active .email-automation-details .details-metrics .stat-label, .email-automation-details .details-metrics .admin-content .stats .stat.active .stat-label, .admin-content .stats .stat.active .count {
      color: #DD0268; }

.admin-content .external-link {
  float: right;
  padding: 8px;
  color: #DD0268; }

.admin-content .project-billing .admin-island {
  margin-top: 16px; }

.admin-content .project-people .row.expanded {
  margin-bottom: 32px; }

.admin-content .project-people .empty-state-cta, .admin-content .project-people .btn-invite-more {
  display: none; }

.admin-content .project-people .table {
  margin-bottom: 0; }
  .admin-content .project-people .table a {
    line-height: 32px; }
  .admin-content .project-people .table .avatar {
    float: left;
    margin-right: 8px;
    position: relative; }
  .admin-content .project-people .table .reputation-chart-wrapper {
    display: inline-block;
    vertical-align: middle; }
  .admin-content .project-people .table .tag-highlight {
    margin-left: 8px; }

.admin-content .project-people .table.invite .action, .admin-content .project-people .table.removed .action {
  text-align: right; }
  .admin-content .project-people .table.invite .action .modal-dialog, .admin-content .project-people .table.removed .action .modal-dialog {
    text-align: initial; }

.admin-content .project-people .auto-approve-checkbox {
  float: right; }

.admin-content .project-people .collaborators-container .empty-state-cta {
  display: block; }

.admin-content .project-people .collaborators-table {
  margin-bottom: 16px; }

.admin-update-important-note {
  margin-bottom: 40px; }
  .admin-update-important-note .last-updated {
    font-size: 13.328px; }
  .admin-update-important-note .btn-animated-wrapper {
    display: inline-block; }
  .admin-update-important-note .btn-secondary {
    margin-left: 16px; }
  .admin-update-important-note textarea:disabled {
    background: #EBEDF1; }

.invoice-preview {
  padding-bottom: 32px;
  border: 1px solid #EBEDF1;
  font-weight: initial;
  font-family: Arial, Helvetica, sans-serif;
  color: #4C4C4D; }
  .invoice-preview .cs3-logo {
    float: right;
    height: 32px; }
  .invoice-preview .header {
    padding: 32px;
    position: relative; }
    .invoice-preview .header:after {
      content: '';
      position: absolute;
      left: 112px;
      bottom: -16px;
      width: 0;
      height: 0;
      border-left: 24px solid transparent;
      border-right: 24px solid transparent;
      border-top: 24px solid white;
      clear: both; }
    .invoice-preview .header h4 {
      text-transform: uppercase;
      color: #23B3F1;
      margin: 0;
      font-size: 16px; }
    .invoice-preview .header h1 {
      text-transform: uppercase;
      margin: 0;
      font-size: 47.77574px;
      color: #4C4C4D; }
    .invoice-preview .header .reference {
      color: #BDBEBF;
      margin: -32px 0 0 200px; }
  .invoice-preview .description {
    padding: 48px 48px 32px;
    color: #FFFFFF;
    background: #000630; }
    .invoice-preview .description .description-header {
      border-bottom: 1px solid #FFFFFF;
      padding-bottom: 8px;
      margin-bottom: 16px; }
      .invoice-preview .description .description-header h2 {
        margin: 0;
        font-weight: 400;
        display: inline-block;
        font-size: 23.04px;
        color: #FFFFFF; }
        .invoice-preview .description .description-header h2:nth-child(2) {
          float: right; }
    .invoice-preview .description .content {
      color: rgba(255, 255, 255, 0.6); }
      .invoice-preview .description .content .line {
        margin-bottom: 4px; }
      .invoice-preview .description .content .total {
        float: right; }
      .invoice-preview .description .content h4 {
        color: rgba(255, 255, 255, 0.8);
        margin: 32px 0 4px;
        font-weight: 400; }
      .invoice-preview .description .content .additional-info {
        white-space: pre; }
    .invoice-preview .description .total-paid {
      margin-top: 72px; }
      .invoice-preview .description .total-paid h2 {
        font-size: 23.04px;
        font-weight: 400;
        display: inline-block;
        margin: 0;
        color: #FFFFFF; }
      .invoice-preview .description .total-paid .total {
        float: right;
        color: #23B3F1; }
  .invoice-preview .thanks {
    margin: 120px 48px 0; }
    .invoice-preview .thanks h1 {
      margin: 0;
      text-transform: uppercase;
      font-size: 47.77574px;
      color: #4C4C4D; }
    .invoice-preview .thanks h2 {
      margin: 0;
      font-size: 27.648px;
      color: #4C4C4D; }
  .invoice-preview .footer {
    margin-top: 144px;
    color: #BDBEBF;
    font-size: 13.328px;
    padding: 0 48px; }
    .invoice-preview .footer a {
      color: #BDBEBF; }
    .invoice-preview .footer .left {
      display: inline-block; }
    .invoice-preview .footer .right {
      float: right; }
    .invoice-preview .footer h3 {
      color: #4C4C4D;
      font-weight: 400;
      text-transform: uppercase;
      font-size: 16px; }

.approve-review-form .admin-list-value {
  vertical-align: middle; }

.admin-entries .admin-top-pagination button, .admin-entries .admin-bottom-pagination button {
  background: #F6F7F9;
  border: none; }

.admin-entries .admin-top-pagination {
  margin-top: 0;
  margin-bottom: 24px; }

.admin-entries .applied-filters {
  margin-bottom: 16px; }

.admin-entries .tile-tools {
  bottom: 72px; }

.admin-entries .dropdown {
  display: none; }

.admin-entries .tile-left:hover .dropdown, .admin-entries .tile-left:active .dropdown {
  display: block; }

.admin-entries .project-entries-gallery.list .tile-tools {
  bottom: 40px;
  right: 67%; }

.admin-edit-brief {
  margin-top: 48px; }

.admin-activity .actions {
  margin-top: 32px; }

.admin-activity .notification-date {
  color: #BDBEBF;
  margin-bottom: 8px; }

.admin-activity .notification-wrapper {
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid #EBEDF1; }
  .admin-activity .notification-wrapper .actor {
    color: #DD0268;
    cursor: pointer; }

.admin-activity .notification-date .tag {
  margin-left: 8px; }

.admin-activity .entry-tile .entry-thumbnail {
  width: 50%;
  margin-left: 50%;
  padding-top: calc(50% - 8px); }

.admin-activity .entry-tile .revision-name {
  font-size: 16px; }

.admin-activity .sidebar {
  margin-top: 64px; }

.admin-activity .project-link-wrapper {
  margin-top: 16px; }

.admin-content .people-links {
  display: block;
  margin-left: 120px;
  margin-top: -32px;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 13.328px; }
  .admin-content .people-links a {
    margin-right: 16px; }
    .admin-content .people-links a.active {
      color: #DD0268; }

.admin-user .identification {
  margin: 16px 0; }
  .admin-user .identification .name {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 16px; }
  .admin-user .identification h4 {
    margin-bottom: 0; }

.admin-user .top-actions {
  font-size: 27.648px;
  float: right;
  margin-top: -88px; }

.admin-table-page-count {
  float: right;
  margin-top: -56px; }

.admin-profile .admin-avatar {
  text-align: center; }
  .admin-profile .admin-avatar .avatar {
    margin: 0 auto; }
  .admin-profile .admin-avatar .modal-dialog {
    text-align: left; }

.admin-profile .admin-ratings-received .rating, .admin-profile .admin-ratings-received .testimonial, .admin-profile .admin-testimonials .rating, .admin-profile .admin-testimonials .testimonial {
  margin-top: 32px; }

.admin-profile .admin-ratings-received .date, .admin-profile .admin-testimonials .date {
  float: right;
  color: #BDBEBF; }

.admin-profile .admin-ratings-received .comments, .admin-profile .admin-testimonials .comments {
  margin: 8px 0; }

.admin-profile .admin-ratings-received .author, .admin-profile .admin-testimonials .author {
  font-weight: 600; }

.admin-profile .admin-testimonials .testimonial {
  padding-right: 120px; }
  .admin-profile .admin-testimonials .testimonial button {
    float: right;
    margin: 32px -72px 0 0; }
    .admin-profile .admin-testimonials .testimonial button i {
      color: #A70045;
      font-size: 19.2px; }

.admin-profile .admin-profile-background {
  margin-bottom: 24px; }
  .admin-profile .admin-profile-background .profile-background {
    width: 100%;
    max-height: 280px;
    height: 280px;
    background-size: cover;
    background-position: center;
    text-align: center;
    overflow: hidden; }
    .admin-profile .admin-profile-background .profile-background .svg-logo {
      width: 200px;
      height: auto; }
      .admin-profile .admin-profile-background .profile-background .svg-logo g {
        fill: #BDBEBF; }
    .admin-profile .admin-profile-background .profile-background.empty {
      background: #EBEDF1;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
  .admin-profile .admin-profile-background .btn-reset {
    margin: 8px auto;
    display: block; }

.admin-island.reputation-box {
  position: relative; }
  .admin-island.reputation-box .admin-dropdown {
    position: absolute;
    right: 8px;
    top: 8px;
    text-align: left; }
  .admin-island.reputation-box h4 {
    margin-bottom: 16px; }
  .admin-island.reputation-box .rep-correction {
    margin-bottom: 16px; }

.admin-island.payout-account label {
  text-transform: uppercase;
  font-weight: 700;
  color: #979899; }

.admin-island.payout-account .default-account {
  font-weight: 600; }
  .admin-island.payout-account .default-account .payoneer-logo {
    width: 16px;
    margin-right: 4px; }
  .admin-island.payout-account .default-account i {
    margin-right: 4px; }

.admin-island.payout-account .all-accounts {
  text-align: left; }
  .admin-island.payout-account .all-accounts .payoneer-logo {
    width: 16px;
    margin-right: 4px; }
  .admin-island.payout-account .all-accounts .fa-check-circle {
    margin-left: 8px; }

.admin-island.verification-summary .row.small-collapse {
  margin-left: 0;
  margin-right: 0; }

.admin-island.verification-summary .tile, .admin-island.verification-summary .pap-review .review-row, .pap-review .admin-island.verification-summary .review-row, .admin-island.verification-summary .admin-island, .admin-island.verification-summary .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .admin-island.verification-summary .item.review, .admin-island.verification-summary .marketing-tools .box, .marketing-tools .admin-island.verification-summary .box, .admin-island.verification-summary .email-automations .table-default tbody tr, .email-automations .table-default tbody .admin-island.verification-summary tr, .admin-island.verification-summary .block.block-stats .stat-box, .block.block-stats .admin-island.verification-summary .stat-box {
  margin: 8px 4px; }
  .admin-island.verification-summary .tile h4, .admin-island.verification-summary .pap-review .review-row h4, .pap-review .admin-island.verification-summary .review-row h4, .admin-island.verification-summary .admin-island h4, .admin-island.verification-summary .admin-edit-brief .brief-section .item.review h4, .admin-edit-brief .brief-section .admin-island.verification-summary .item.review h4, .admin-island.verification-summary .marketing-tools .box h4, .marketing-tools .admin-island.verification-summary .box h4, .admin-island.verification-summary .email-automations .table-default tbody tr h4, .email-automations .table-default tbody .admin-island.verification-summary tr h4, .admin-island.verification-summary .block.block-stats .stat-box h4, .block.block-stats .admin-island.verification-summary .stat-box h4 {
    font-size: 13.328px; }
  .admin-island.verification-summary .tile.approved, .admin-island.verification-summary .pap-review .approved.review-row, .pap-review .admin-island.verification-summary .approved.review-row, .admin-island.verification-summary .approved.admin-island, .admin-island.verification-summary .admin-edit-brief .brief-section .approved.item.review, .admin-edit-brief .brief-section .admin-island.verification-summary .approved.item.review, .admin-island.verification-summary .marketing-tools .approved.box, .marketing-tools .admin-island.verification-summary .approved.box, .admin-island.verification-summary .email-automations .table-default tbody tr.approved, .email-automations .table-default tbody .admin-island.verification-summary tr.approved, .admin-island.verification-summary .block.block-stats .approved.stat-box, .block.block-stats .admin-island.verification-summary .approved.stat-box {
    border: 1px solid #00C66C; }
  .admin-island.verification-summary .tile.rejected, .admin-island.verification-summary .pap-review .rejected.review-row, .pap-review .admin-island.verification-summary .rejected.review-row, .admin-island.verification-summary .rejected.admin-island, .admin-island.verification-summary .admin-edit-brief .brief-section .rejected.item.review, .admin-edit-brief .brief-section .admin-island.verification-summary .rejected.item.review, .admin-island.verification-summary .marketing-tools .rejected.box, .marketing-tools .admin-island.verification-summary .rejected.box, .admin-island.verification-summary .email-automations .table-default tbody tr.rejected, .email-automations .table-default tbody .admin-island.verification-summary tr.rejected, .admin-island.verification-summary .block.block-stats .rejected.stat-box, .block.block-stats .admin-island.verification-summary .rejected.stat-box {
    border: 1px solid #A70045; }
  .admin-island.verification-summary .tile.pending, .admin-island.verification-summary .pap-review .pending.review-row, .pap-review .admin-island.verification-summary .pending.review-row, .admin-island.verification-summary .pending.admin-island, .admin-island.verification-summary .admin-edit-brief .brief-section .pending.item.review, .admin-edit-brief .brief-section .admin-island.verification-summary .pending.item.review, .admin-island.verification-summary .marketing-tools .pending.box, .marketing-tools .admin-island.verification-summary .pending.box, .admin-island.verification-summary .email-automations .table-default tbody tr.pending, .email-automations .table-default tbody .admin-island.verification-summary tr.pending, .admin-island.verification-summary .block.block-stats .pending.stat-box, .block.block-stats .admin-island.verification-summary .pending.stat-box {
    border: 1px solid #FEB118; }

.admin-island.verification-summary .tooltip {
  max-width: 400px;
  text-align: left; }
  .admin-island.verification-summary .tooltip h5 {
    color: #FFFFFF; }

.admin-creative-payments .pending-awards {
  margin-top: 80px; }

.admin-creative-payments .payments-table .awards a {
  margin-left: 8px; }

.admin-content .waiter-tools-modal .intro {
  margin-bottom: 32px; }

.admin-content .waiter-tools-modal .row.align-middle {
  margin-bottom: 8px; }

.admin-content .waiter-tools-modal .form-group {
  min-height: 0 !important; }
  .admin-content .waiter-tools-modal .form-group input {
    padding-top: 0; }
    .admin-content .waiter-tools-modal .form-group input.with-post-value {
      padding-right: 64px; }

.admin-content .waiter-tools-modal h2 {
  margin-bottom: 16px; }

.admin-content .waiter-tools-modal .waiters-last-invitation {
  margin-bottom: 32px; }
  .admin-content .waiter-tools-modal .waiters-last-invitation li {
    margin-bottom: 8px; }
  .admin-content .waiter-tools-modal .waiters-last-invitation .btn-text {
    padding-left: 0; }

.admin-content .waiter-history-modal .tooltip {
  max-width: 600px; }

.admin-verification .flag {
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-left: 64px solid transparent;
  border-bottom: 64px solid transparent; }
  .admin-verification .flag i {
    font-size: 27.648px;
    color: #FFFFFF;
    margin: 8px 32px; }
  .admin-verification .flag.approved {
    border-right: 64px solid #00C66C; }
  .admin-verification .flag.rejected {
    border-right: 64px solid #A70045; }
  .admin-verification .flag.resubmit {
    border-right: 64px solid #727273; }

.admin-verification .navigation {
  position: relative;
  height: 40px; }
  .admin-verification .navigation .list-link {
    position: absolute;
    left: 0;
    top: 8px; }
  .admin-verification .navigation .pages {
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 48px;
    font-size: 19.2px; }

.admin-verification .header {
  margin: 16px 0 24px;
  padding-bottom: 8px;
  border-bottom: 2px solid #EBEDF1; }
  .admin-verification .header h3 {
    display: inline-block;
    color: #FEB118;
    margin-top: 8px; }
  .admin-verification .header .actions {
    display: inline-block;
    float: right; }
    .admin-verification .header .actions .btn {
      margin-right: 16px; }
    .admin-verification .header .actions .fa.admin-show-notes {
      font-size: 27.648px; }
    .admin-verification .header .actions .fa-comments-o {
      color: #23B3F1;
      font-size: 27.648px; }
  .admin-verification .header .admin-dropdown svg g {
    fill: #23B3F1 !important; }
  .admin-verification .header .warnings {
    margin-top: 16px; }

.admin-verification .id-validation .user-info h3 {
  margin-bottom: 0; }

.admin-verification .id-validation .user-info h4 {
  margin-bottom: 8px; }

.admin-verification .id-validation .user-info h5 {
  margin-top: 8px;
  margin-bottom: 0; }

.admin-verification .id-validation .existing-creative-stats {
  margin-top: 24px;
  color: #BDBEBF; }

.admin-verification .id-and-selfie .btn-upload {
  padding: 0;
  display: block;
  margin-top: 8px; }

.admin-verification .id-and-selfie .submission-date {
  font-size: 13.328px;
  color: #979899; }

.admin-verification .id-and-selfie .image-wrapper {
  display: inline-block; }

.admin-verification .id-and-selfie .image-tile {
  position: relative; }

.admin-verification .id-and-selfie .bottom-links {
  text-align: center;
  margin-top: 8px; }
  .admin-verification .id-and-selfie .bottom-links a {
    margin-right: 8px; }
  .admin-verification .id-and-selfie .bottom-links .btn {
    padding: 0;
    margin-left: 8px; }

.admin-verification .id-and-selfie img {
  min-width: 200px; }

.admin-verification .id-and-selfie .actions {
  position: absolute;
  background: rgba(0, 6, 48, 0.93);
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #FFFFFF;
  font-size: 19.2px; }

.admin-verification .id-and-selfie .action {
  position: absolute;
  top: 50%;
  cursor: pointer; }
  .admin-verification .id-and-selfie .action:first-child {
    transform: translateY(-50%);
    left: 15%; }
  .admin-verification .id-and-selfie .action:last-child {
    transform: translateY(-50%);
    right: 15%; }
  .admin-verification .id-and-selfie .action i {
    font-size: 39.81312px;
    display: block; }

.admin-verification .process-id-modal ul, .admin-verification .process-samples-modal ul {
  list-style-type: decimal;
  margin-left: 16px;
  font-weight: 700;
  margin-top: 16px; }
  .admin-verification .process-id-modal ul li, .admin-verification .process-samples-modal ul li {
    margin-bottom: 8px; }

.admin-verification .process-id-modal form, .admin-verification .process-samples-modal form {
  margin-top: 24px; }

.admin-verification .process-id-modal .id-and-selfie, .admin-verification .process-samples-modal .id-and-selfie {
  text-align: center;
  margin-top: 40px; }

.admin-verification .work-samples {
  margin-top: 24px; }
  .admin-verification .work-samples .samples-section {
    padding: 24px 0;
    border-top: 2px solid #EBEDF1; }
  .admin-verification .work-samples .tile, .admin-verification .work-samples .pap-review .review-row, .pap-review .admin-verification .work-samples .review-row, .admin-verification .work-samples .admin-island, .admin-verification .work-samples .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .admin-verification .work-samples .item.review, .admin-verification .work-samples .marketing-tools .box, .marketing-tools .admin-verification .work-samples .box, .admin-verification .work-samples .email-automations .table-default tbody tr, .email-automations .table-default tbody .admin-verification .work-samples tr, .admin-verification .work-samples .block.block-stats .stat-box, .block.block-stats .admin-verification .work-samples .stat-box {
    text-align: center;
    padding: 8px;
    min-height: 160px;
    margin-bottom: 0; }
  .admin-verification .work-samples .sample-group {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #EBEDF1; }
    .admin-verification .work-samples .sample-group:last-child {
      border-bottom: none;
      margin-bottom: 0; }
    .admin-verification .work-samples .sample-group .sub-categories h5 {
      color: #979899; }
  .admin-verification .work-samples .tooltip {
    max-width: 400px; }
    .admin-verification .work-samples .tooltip .custom-description {
      font-size: 13.328px; }
  .admin-verification .work-samples .pending-samples {
    text-align: center; }
    .admin-verification .work-samples .pending-samples .images .image-wrapper {
      display: inline-block;
      margin-right: 16px;
      max-height: 240px;
      width: 28%;
      position: relative; }
    .admin-verification .work-samples .pending-samples .images img {
      width: 100%; }
    .admin-verification .work-samples .pending-samples .answers {
      text-align: left; }
      .admin-verification .work-samples .pending-samples .answers h4 {
        position: relative; }
      .admin-verification .work-samples .pending-samples .answers p {
        margin-bottom: 16px; }
    .admin-verification .work-samples .pending-samples .additional-info {
      margin-top: 16px; }
      .admin-verification .work-samples .pending-samples .additional-info .separator {
        margin: 0 8px; }
      .admin-verification .work-samples .pending-samples .additional-info .btn {
        padding: 0; }
  .admin-verification .work-samples .pending-actions {
    font-size: 23.04px;
    font-weight: 600; }
    .admin-verification .work-samples .pending-actions .action {
      cursor: pointer;
      margin: 8px 0; }
  .admin-verification .work-samples .verified-samples .answers {
    border-radius: 4px;
    width: 200px;
    height: 200px;
    padding: 8px;
    border: 2px solid #EBEDF1;
    overflow: hidden; }
  .admin-verification .work-samples .verified-actions .btn {
    padding: 0;
    margin-top: 8px;
    display: block; }
    .admin-verification .work-samples .verified-actions .btn:nth-of-type(1) {
      margin-top: 16px; }

.admin-verification .samples-history-modal h3 {
  color: #727273; }

.admin-island.project-health .feedback-wrapper {
  cursor: pointer; }
  .admin-island.project-health .feedback-wrapper:hover .admin-label, .admin-island.project-health .feedback-wrapper:hover .feedback-label, .admin-island.project-health .feedback-wrapper:hover .stat-value {
    color: #DD0268; }

.admin-island.admin-project-feedback .per-wrapup-feedback h4 {
  margin-top: 24px; }

.admin-island.admin-project-feedback .per-wrapup-feedback h5 {
  margin-top: 16px; }

.admin-island.admin-project-feedback .per-wrapup-feedback .admin-list-value {
  white-space: initial; }

.admin-resource-seers {
  margin-top: 16px; }
  .admin-resource-seers h5 {
    color: #727273; }
  .admin-resource-seers .seer {
    display: inline-block;
    margin-left: 8px; }
    .admin-resource-seers .seer:first-of-type {
      margin-left: 0; }

.admin-list-value.wrapup-info {
  margin-bottom: 8px; }

.admin-island.last-completed-review-summary h4 {
  margin-bottom: 16px; }

.admin-island.last-completed-review-summary h5 {
  margin-top: 16px; }

.admin-island.last-completed-review-summary .action {
  margin-top: 8px; }

.admin-quality-review .entries-header {
  border-top: 2px solid #EBEDF1;
  padding-top: 24px;
  margin-top: 24px; }

.admin-quality-review .pending-actions {
  min-height: calc(100% - 32px); }
  .admin-quality-review .pending-actions.has-pending-actions {
    border: 2px solid #FEB118; }
  .admin-quality-review .pending-actions h4 {
    margin-bottom: 16px; }
  .admin-quality-review .pending-actions .cta {
    margin-top: 16px; }
  .admin-quality-review .pending-actions .row.small-collapse {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px; }
  .admin-quality-review .pending-actions .tile, .admin-quality-review .pending-actions .pap-review .review-row, .pap-review .admin-quality-review .pending-actions .review-row, .admin-quality-review .pending-actions .admin-island, .admin-quality-review .pending-actions .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .admin-quality-review .pending-actions .item.review, .admin-quality-review .pending-actions .marketing-tools .box, .marketing-tools .admin-quality-review .pending-actions .box, .admin-quality-review .pending-actions .email-automations .table-default tbody tr, .email-automations .table-default tbody .admin-quality-review .pending-actions tr, .admin-quality-review .pending-actions .block.block-stats .stat-box, .block.block-stats .admin-quality-review .pending-actions .stat-box {
    border: 1px solid #A70045;
    margin: 8px 4px;
    text-align: center; }
    .admin-quality-review .pending-actions .tile h4, .admin-quality-review .pending-actions .pap-review .review-row h4, .pap-review .admin-quality-review .pending-actions .review-row h4, .admin-quality-review .pending-actions .admin-island h4, .admin-quality-review .pending-actions .admin-edit-brief .brief-section .item.review h4, .admin-edit-brief .brief-section .admin-quality-review .pending-actions .item.review h4, .admin-quality-review .pending-actions .marketing-tools .box h4, .marketing-tools .admin-quality-review .pending-actions .box h4, .admin-quality-review .pending-actions .email-automations .table-default tbody tr h4, .email-automations .table-default tbody .admin-quality-review .pending-actions tr h4, .admin-quality-review .pending-actions .block.block-stats .stat-box h4, .block.block-stats .admin-quality-review .pending-actions .stat-box h4 {
      font-size: 13.328px; }

.admin-quality-review .deactivate-modal h2 {
  margin-bottom: 40px; }

.admin-quality-review .votes {
  margin: 24px 0 48px; }
  .admin-quality-review .votes h3 {
    margin-bottom: 24px; }

.admin-quality-review .vote {
  margin-right: 24px; }
  .admin-quality-review .vote h4 {
    text-align: center; }
  .admin-quality-review .vote .vote-box {
    border-radius: 4px;
    border: 1px solid #BDBEBF;
    padding: 16px;
    font-size: 19.2px;
    font-weight: 600; }
    .admin-quality-review .vote .vote-box .option {
      cursor: pointer;
      margin-bottom: 8px; }
      .admin-quality-review .vote .vote-box .option.inactive i, .admin-quality-review .vote .vote-box .option.inactive span {
        color: #BDBEBF !important; }
      .admin-quality-review .vote .vote-box .option:last-child {
        margin-bottom: 0; }

.admin-quality-review .actions-summary {
  margin-top: 40px; }
  .admin-quality-review .actions-summary ul {
    list-style-type: decimal;
    margin-left: 16px;
    font-weight: 700;
    margin-top: 16px; }
    .admin-quality-review .actions-summary ul li {
      margin-bottom: 8px; }

.admin-quality-review .process-modal .actions-summary ul strong {
  color: #262626; }

.admin-quality-review .process-modal .group {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #EBEDF1;
  align-items: center; }
  .admin-quality-review .process-modal .group .tile, .admin-quality-review .process-modal .group .pap-review .review-row, .pap-review .admin-quality-review .process-modal .group .review-row, .admin-quality-review .process-modal .group .admin-island, .admin-quality-review .process-modal .group .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .admin-quality-review .process-modal .group .item.review, .admin-quality-review .process-modal .group .marketing-tools .box, .marketing-tools .admin-quality-review .process-modal .group .box, .admin-quality-review .process-modal .group .email-automations .table-default tbody tr, .email-automations .table-default tbody .admin-quality-review .process-modal .group tr, .admin-quality-review .process-modal .group .block.block-stats .stat-box, .block.block-stats .admin-quality-review .process-modal .group .stat-box {
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    margin-right: 32px; }
    .admin-quality-review .process-modal .group .tile h4, .admin-quality-review .process-modal .group .pap-review .review-row h4, .pap-review .admin-quality-review .process-modal .group .review-row h4, .admin-quality-review .process-modal .group .admin-island h4, .admin-quality-review .process-modal .group .admin-edit-brief .brief-section .item.review h4, .admin-edit-brief .brief-section .admin-quality-review .process-modal .group .item.review h4, .admin-quality-review .process-modal .group .marketing-tools .box h4, .marketing-tools .admin-quality-review .process-modal .group .box h4, .admin-quality-review .process-modal .group .email-automations .table-default tbody tr h4, .email-automations .table-default tbody .admin-quality-review .process-modal .group tr h4, .admin-quality-review .process-modal .group .block.block-stats .stat-box h4, .block.block-stats .admin-quality-review .process-modal .group .stat-box h4 {
      font-size: 13.328px; }
  .admin-quality-review .process-modal .group.active .tile, .admin-quality-review .process-modal .group.active .pap-review .review-row, .pap-review .admin-quality-review .process-modal .group.active .review-row, .admin-quality-review .process-modal .group.active .admin-island, .admin-quality-review .process-modal .group.active .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .admin-quality-review .process-modal .group.active .item.review, .admin-quality-review .process-modal .group.active .marketing-tools .box, .marketing-tools .admin-quality-review .process-modal .group.active .box, .admin-quality-review .process-modal .group.active .email-automations .table-default tbody tr, .email-automations .table-default tbody .admin-quality-review .process-modal .group.active tr, .admin-quality-review .process-modal .group.active .block.block-stats .stat-box, .block.block-stats .admin-quality-review .process-modal .group.active .stat-box {
    border: 2px solid #79CFF4; }
  .admin-quality-review .process-modal .group .sub-categories h5 {
    color: #979899; }
  .admin-quality-review .process-modal .group .tooltip {
    max-width: 400px; }
    .admin-quality-review .process-modal .group .tooltip .custom-description {
      font-size: 13.328px; }
    .admin-quality-review .process-modal .group .tooltip .custom-description, .admin-quality-review .process-modal .group .tooltip .sub-categories {
      margin: 0; }

.quality-review-actions-dropdown {
  margin-right: 16px; }
  .quality-review-actions-dropdown .dropdown-menu {
    width: 100%; }

.btn-review-action {
  margin-right: 16px; }

.marketing-tools h3 {
  margin-bottom: 32px; }

.marketing-tools .box {
  text-align: center;
  padding: 16px 24px;
  height: 248px;
  overflow: visible; }
  .marketing-tools .box p {
    color: #4C4C4D; }
  .marketing-tools .box i {
    margin: 16px 0; }
    .marketing-tools .box i.bumble {
      color: #DD0268; }
    .marketing-tools .box i.honey {
      color: #FEB118; }
  .marketing-tools .box .admin-dropdown {
    position: absolute;
    text-align: left;
    top: -8px;
    right: 8px; }

.email-automations .breadcrumbs, .email-automation-details .breadcrumbs {
  margin-top: 0;
  margin-bottom: 80px;
  color: #262626; }
  .email-automations .breadcrumbs a, .email-automation-details .breadcrumbs a {
    color: #4C4C4D; }
  .email-automations .breadcrumbs li:last-child a, .email-automation-details .breadcrumbs li:last-child a {
    color: #727273; }

.email-automations .status, .email-automation-details .status {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-weight: 700;
  color: #727273; }
  .email-automations .status.sent, .email-automations .status.live, .email-automation-details .status.sent, .email-automation-details .status.live {
    color: #00C66C; }
  .email-automations .status.scheduled, .email-automations .status.paused, .email-automation-details .status.scheduled, .email-automation-details .status.paused {
    color: #FEB118; }
  .email-automations .status.ended, .email-automation-details .status.ended {
    color: #0381B7; }

.email-automations .toggle, .email-automation-details .toggle {
  display: inline-block;
  border: 2px solid #23B3F1;
  margin-left: 32px;
  font-weight: 700; }
  .email-automations .toggle .option, .email-automation-details .toggle .option {
    display: inline-block;
    padding: 4px 0;
    width: 32px;
    text-align: center;
    cursor: pointer; }
    .email-automations .toggle .option.active, .email-automation-details .toggle .option.active {
      background: #23B3F1;
      color: #FFFFFF; }

.email-automations .header-tools {
  margin-top: 24px; }

.email-automations .table-default {
  border-collapse: separate;
  border-spacing: 0 32px; }
  .email-automations .table-default thead td {
    text-transform: uppercase;
    color: #262626;
    text-align: center; }
    .email-automations .table-default thead td:first-child {
      text-align: left; }
  .email-automations .table-default tbody td {
    padding: 16px 8px; }
  .email-automations .table-default tbody tr:hover, .email-automations .table-default tbody tr:focus {
    background: #FFFFFF; }
  .email-automations .table-default td.info a {
    font-size: 19.2px; }
  .email-automations .table-default td.info .last-action {
    margin-top: 4px;
    color: #979899; }
  .email-automations .table-default td.count {
    font-size: 23.04px;
    color: #727273;
    text-align: center; }
  .email-automations .table-default td.menu .dropdown-menu {
    right: 88px; }
  .email-automations .table-default td.menu .dropdown-item-button {
    height: 28px; }

.email-editor-modal {
  min-height: 90% !important;
  width: 90% !important; }

.email-automation-details .fa.admin-show-notes {
  font-size: 27.648px; }

.email-automation-details .notes-container {
  text-align: left; }

.email-automation-details .admin-send-note .form-group {
  margin: 0 0 16px !important; }

.email-automation-details .breadcrumbs {
  margin-bottom: 56px; }

.email-automation-details .status {
  margin-bottom: 0; }

.email-automation-details .meta {
  margin-bottom: 88px; }
  .email-automation-details .meta .item {
    margin-bottom: 8px; }

.email-automation-details .details-metrics .toggle {
  float: right;
  margin-top: -48px; }

.email-automation-details .details-metrics .box {
  margin-top: 8px;
  border: 2px solid #EBEDF1;
  border-radius: 2px;
  text-align: center;
  padding: 24px 8px; }
  .email-automation-details .details-metrics .box .row {
    margin-left: auto;
    margin-right: auto; }
    .email-automation-details .details-metrics .box .row:last-of-type {
      margin-top: 24px;
      padding: 0 20%; }

.email-automation-details .details-metrics .stat.metrics-toggle {
  cursor: pointer; }
  .email-automation-details .details-metrics .stat.metrics-toggle i {
    font-size: 23.04px;
    margin-left: 4px;
    vertical-align: middle; }

.email-automation-details fieldset p {
  margin-bottom: 0; }

.email-automation-details .actions {
  margin-top: 16px; }
  .email-automation-details .actions .btn-secondary {
    margin-right: 24px; }
  .email-automation-details .actions .btn-tertiary {
    margin-right: 8px; }
  .email-automation-details .actions .dropdown {
    display: inline-block;
    vertical-align: sub; }
  .email-automation-details .actions .dropdown-menu {
    right: 56px; }

.email-automation-details .form-group:not(.select-wrapper) {
  margin-bottom: 0; }
  .email-automation-details .form-group:not(.select-wrapper):first-of-type {
    margin-top: 24px; }
  .email-automation-details .form-group:not(.select-wrapper).textarea {
    margin-bottom: 24px; }

.email-automation-details .form-group.select-wrapper {
  margin-bottom: 24px; }

.email-automation-details .url-example {
  margin: 16px 0; }

.email-automation-details .condition-fields .form-group.select-wrapper {
  margin-bottom: 8px; }

.email-automation-details .condition-fields .extra-context {
  margin-top: 16px; }
  .email-automation-details .condition-fields .extra-context h4 {
    margin-bottom: 16px; }
  .email-automation-details .condition-fields .extra-context .form-group {
    margin-top: 0; }

.email-automation-details .attribute-condition-fields .probable-lead-count {
  margin: 16px 0;
  color: #00C66C; }

.email-automation-details .email-box {
  border-top: 1px solid #EBEDF1;
  position: relative;
  border-radius: 2px;
  display: flex;
  align-items: center; }
  .email-automation-details .email-box .left {
    padding: 16px;
    transform: rotateZ(-90deg);
    font-size: 19.2px;
    font-weight: 700; }
  .email-automation-details .email-box .right {
    flex-grow: 1;
    padding: 0 24px 16px;
    border-left: 2px solid #EBEDF1; }
  .email-automation-details .email-box .textarea {
    margin: 16px 0 !important; }
  .email-automation-details .email-box .email-editor-field {
    margin-top: 8px; }
    .email-automation-details .email-box .email-editor-field .btn-label {
      padding-left: 0;
      padding-right: 0; }
      .email-automation-details .email-box .email-editor-field .btn-label i {
        vertical-align: middle; }
  .email-automation-details .email-box .email-contents-menu {
    position: absolute;
    right: -4px;
    top: 4px; }
    .email-automation-details .email-box .email-contents-menu .dropdown-menu {
      right: 16px; }

.email-automation-details .group-field {
  min-height: 0 !important;
  margin-bottom: 8px !important; }
  .email-automation-details .group-field .fa-pencil {
    display: inline-block;
    color: #23B3F1;
    margin-left: 16px;
    cursor: pointer; }
  .email-automation-details .group-field .current-value {
    display: inline-block;
    font-size: 19.2px;
    font-weight: 600; }
  .email-automation-details .group-field .error {
    margin-top: 8px;
    font-size: 13.328px; }
  .email-automation-details .group-field .modal-dialog .searcher {
    width: 320px;
    margin-bottom: 32px; }
  .email-automation-details .group-field .modal-dialog .form-group {
    margin-top: 0;
    min-height: 0 !important; }
  .email-automation-details .group-field .modal-dialog .radio-cell {
    width: 48px; }
  .email-automation-details .group-field .modal-dialog .btn-create {
    float: right;
    margin-top: 20px; }

.email-automation-details .entry-fields .condition-fields {
  margin: 8px 0 24px; }

.email-automation-details .entry-fields .probable-lead-count {
  margin-top: -8px; }

.email-automation-details .radio.form-group {
  margin-bottom: 8px; }

.email-automation-details .goals-fields {
  margin-top: 24px; }

.email-automation-details .emails-field .email {
  margin: 40px 0 32px; }

.email-automation-details .emails-field .fa-long-arrow-down {
  display: block;
  margin: 24px 0 0;
  text-align: center; }

.email-automation-details .emails-field .variation .name {
  margin: 16px 0 0;
  text-align: center; }

.email-automation-details .emails-field .variation .time {
  margin: 24px 0 32px; }
  .email-automation-details .emails-field .variation .time span {
    font-size: 13.328px; }
  .email-automation-details .emails-field .variation .time input {
    width: auto;
    display: inline-block;
    margin-left: 8px; }

.email-automation-details .emails-field .variation .email-box {
  margin-bottom: 48px; }

.email-automations.bumblebee .breadcrumbs {
  margin-bottom: 56px; }

.email-automations.bumblebee .metrics-chart {
  position: relative;
  z-index: 1;
  margin-bottom: 40px; }
  .email-automations.bumblebee .metrics-chart .metrics-totals {
    text-align: center;
    margin: 40px 0; }
  .email-automations.bumblebee .metrics-chart .period-toggle {
    margin-top: 8px; }
    .email-automations.bumblebee .metrics-chart .period-toggle .option {
      width: 48px; }

.email-automations.groups .header-tools {
  margin-top: 0; }

.email-automations.groups .list-title {
  margin-bottom: 40px; }

.email-automations.groups .admin-page-count {
  margin-bottom: -16px; }

@media screen and (min-width: 64em) {
  .about-center-for-large {
    text-align: center; } }

.about-home-icon {
  font-size: 96px; }

.support-block .team {
  text-align: center; }

.product-updates .day-group {
  margin-top: 40px; }

.product-updates .type-group {
  margin-top: 24px; }

.product-updates h4 {
  margin-bottom: 16px; }

.product-updates .tag {
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  width: 88px;
  text-align: center;
  margin-bottom: 16px; }
  .product-updates .tag.new {
    border-color: #00C66C;
    color: #00C66C; }
  .product-updates .tag.improved {
    border-color: #23B3F1;
    color: #23B3F1; }
  .product-updates .tag.bugfix {
    border-color: #262626;
    color: #262626; }
  .product-updates .tag.removed {
    border-color: #A70045;
    color: #A70045; }

.product-updates .item {
  position: relative;
  margin-bottom: 16px; }
  @media screen and (min-width: 39.4375em) {
    .product-updates .item {
      padding-left: 40px; } }
  .product-updates .item:after {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 6px;
    top: 18px;
    border-left: 1px solid #E3E4E5;
    z-index: -1; }
    @media screen and (min-width: 39.4375em) {
      .product-updates .item:after {
        left: 46px; } }
  .product-updates .item:last-child:after {
    display: none; }
  .product-updates .item .content {
    margin-left: 40px; }
    .product-updates .item .content strong {
      color: #262626; }
  .product-updates .item .fa-circle-thin {
    float: left;
    color: #BDBEBF;
    margin-top: 4px; }
  .product-updates .item .title {
    color: #262626;
    font-weight: 600; }

.marketing .block {
  padding: 64px 0;
  background-color: #FFFFFF; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block {
      font-size: 19.2px; } }
  .marketing .block.gray {
    background: #F6F7F9 !important; }
  .marketing .block.white {
    background: #FFFFFF !important; }
  .marketing .block.thin {
    padding: 32px 0; }
    .marketing .block.thin .block-header {
      margin-bottom: 16px; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.thick {
      padding: 96px 0; } }
  .marketing .block p {
    font-size: inherit; }
  .marketing .block h1, .marketing .block h2, .marketing .block h3 {
    color: #262626; }
  .marketing .block h4, .marketing .block h5 {
    color: #4C4C4D; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block h2 {
      font-size: 33.1776px; } }
  .marketing .block h3 {
    font-size: 19.2px; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block h3 {
        font-size: 23.04px; } }
  .marketing .block.invert-text {
    color: rgba(255, 255, 255, 0.8); }
    .marketing .block.invert-text h1, .marketing .block.invert-text h2, .marketing .block.invert-text h3, .marketing .block.invert-text h4, .marketing .block.invert-text h5 {
      color: #FFFFFF; }
    .marketing .block.invert-text h3 {
      font-weight: bold; }
    .marketing .block.invert-text a:not(.btn) {
      font-weight: 600;
      color: #FFFFFF; }
    .marketing .block.invert-text .btn-secondary {
      background: #FFFFFF;
      color: #23B3F1;
      border: 2px solid #FFFFFF;
      box-shadow: 0 4px 16px 0 rgba(114, 114, 115, 0.2); }
  .marketing .block .block-header {
    text-align: center;
    margin-bottom: 32px; }
  .marketing .block .content-block {
    margin-bottom: 32px; }

@breakpoint (medium up) {
  .marketing .block .content-block {
    margin-bottom: 0; } }
  .marketing .block .content-actions {
    margin-top: 16px;
    font-size: 23.04px; }

@breakpoint (medium up) {
  .marketing .block .content-actions {
    margin-top: 0; } }

.marketing .header-select .select-typable {
  border-bottom: 2px solid #EBEDF1; }
  .marketing .header-select .select-typable .Select-control {
    background: transparent;
    border-radius: 0;
    border: 0; }
    .marketing .header-select .select-typable .Select-control:hover {
      box-shadow: none; }
  .marketing .header-select .select-typable .Select-input {
    height: 47px;
    padding: 0;
    font-weight: 600;
    font-size: 27.648px;
    color: #4C4C4D; }
    @media screen and (min-width: 39.4375em) {
      .marketing .header-select .select-typable .Select-input {
        font-size: 33.1776px; } }
  .marketing .header-select .select-typable .Select-input > input {
    padding: 0; }
  .marketing .header-select .select-typable .Select-placeholder, .marketing .header-select .select-typable .Select--single > .Select-control .Select-value {
    top: -8px;
    color: #4C4C4D; }
  .marketing .header-select .select-typable .has-value.Select--single > .Select-control .Select-value .Select-value-label,
  .marketing .header-select .select-typable .has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
    color: #DD0268; }
  .marketing .header-select .select-typable .Select-placeholder, .marketing .header-select .select-typable .Select--single > .Select-control .Select-value {
    line-height: 63px;
    font-weight: 600;
    padding: 0;
    font-size: 23.04px;
    overflow: visible; }
    @media screen and (min-width: 39.4375em) {
      .marketing .header-select .select-typable .Select-placeholder, .marketing .header-select .select-typable .Select--single > .Select-control .Select-value {
        font-size: 33.1776px; } }
  .marketing .header-select .select-typable .Select-clear-zone:hover, .marketing .header-select .select-typable .Select-clear-zone:focus {
    color: #A70045; }
  .marketing .header-select .select-typable .Select-arrow-zone .Select-arrow {
    border-color: #DD0268 transparent transparent;
    border-width: 8px 8px 4px; }
  .marketing .header-select .select-typable .Select.is-open .Select-arrow {
    border-color: transparent transparent #DD0268;
    border-width: 0 8px 8px; }

.marketing .star-rating-partial {
  position: relative;
  height: 42px;
  width: 148.36px;
  margin: 0 auto; }
  .marketing .star-rating-partial i {
    display: inline;
    margin-left: 2px;
    margin-right: 2px;
    color: #FEB118; }
  .marketing .star-rating-partial .full-rating-wrapper {
    overflow: hidden;
    position: absolute;
    left: calc(50% - 74.18px); }
  .marketing .star-rating-partial .star-rating:nth-child(2) {
    position: absolute;
    left: calc(50% - 74.18px); }

.marketing .block.block-author h3 {
  color: #262626; }

.marketing .block.block-author .image-container {
  text-align: center; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.block-author .image-container {
      text-align: right; } }

.marketing .block.block-categories .btn-prev,
.marketing .block.block-categories .btn-next {
  position: absolute;
  top: 30%;
  color: rgba(35, 179, 241, 0.4);
  transition: all 0.2s ease-out;
  font-size: 47.77574px;
  cursor: pointer;
  z-index: 1; }
  .marketing .block.block-categories .btn-prev:hover,
  .marketing .block.block-categories .btn-next:hover {
    color: #23b3f1; }

.marketing .block.block-categories .btn-prev {
  left: -32px; }

.marketing .block.block-categories .btn-next {
  right: -32px; }

.marketing .block.block-categories .slick-slider {
  margin: 0 32px; }

.marketing .block.block-categories .slick-slide {
  padding: 0 16px; }

.marketing .block.block-categories .subcategory {
  min-height: 200px;
  border: 1px solid #F6F7F9; }
  @media screen and (min-width: 75em) {
    .marketing .block.block-categories .subcategory {
      min-height: 220px; } }
  .marketing .block.block-categories .subcategory a {
    color: #262626;
    font-weight: 600; }

.categories-slider .category-link h3 {
  all: unset; }

.marketing .block.block-comparison {
  background: #F6F7F9; }
  .marketing .block.block-comparison .comparison-table {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 16px; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block.block-comparison .comparison-table {
        width: 70%;
        margin: 0 auto; } }
    .marketing .block.block-comparison .comparison-table table {
      width: 100%;
      font-size: 13.328px; }
      @media screen and (min-width: 39.4375em) {
        .marketing .block.block-comparison .comparison-table table {
          font-size: 16px; } }
      .marketing .block.block-comparison .comparison-table table thead td {
        vertical-align: bottom; }
        .marketing .block.block-comparison .comparison-table table thead td h3 {
          color: #262626; }
          @media screen and (max-width: 39.375em) {
            .marketing .block.block-comparison .comparison-table table thead td h3 {
              font-size: 13.328px; } }
      .marketing .block.block-comparison .comparison-table table tr {
        border-bottom: 1px solid #EBEDF1; }
        .marketing .block.block-comparison .comparison-table table tr:last-child {
          border-bottom: 0; }
        .marketing .block.block-comparison .comparison-table table tr td {
          padding: 16px 0; }
      @media screen and (min-width: 39.4375em) {
        .marketing .block.block-comparison .comparison-table table .tooltip-wrapper {
          display: inline-block;
          margin-left: 8px; } }
  .marketing .block.block-comparison i.fa-check {
    color: #00C66C; }
  .marketing .block.block-comparison i.fa-times {
    color: #A70045; }
  .marketing .block.block-comparison .best-value {
    color: #DD0268;
    font-weight: 700;
    text-transform: uppercase; }

.marketing .block.block-cta {
  text-align: center;
  padding: 32px 0 80px;
  margin-bottom: 120px; }
  .marketing .block.block-cta.with-image {
    padding: 32px 0 0;
    margin-bottom: 0; }
    .marketing .block.block-cta.with-image .image-background {
      background: white;
      margin-top: 80px;
      height: 120px;
      width: 100%; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.block-cta {
      padding: 32px 0 96px;
      margin-bottom: 96px; }
      .marketing .block.block-cta.with-image {
        padding: 32px 0 0;
        margin-bottom: 0; }
        .marketing .block.block-cta.with-image .image-background {
          margin-top: 96px;
          height: 96px; } }
  @media screen and (min-width: 64em) {
    .marketing .block.block-cta {
      padding: 32px 0;
      margin-bottom: 48px; }
      .marketing .block.block-cta.with-image {
        padding: 32px 0;
        margin-bottom: 48px; }
      .marketing .block.block-cta .image-background {
        display: none; } }
  .marketing .block.block-cta.pink {
    background: linear-gradient(180deg, #FF469D 0%, #FFEA5D 100%); }
    @media screen and (min-width: 64em) {
      .marketing .block.block-cta.pink {
        background: linear-gradient(135deg, #FF469D 0%, #FFEA5D 100%); } }
    .marketing .block.block-cta.pink .cta-image {
      max-width: 343px;
      margin: 0 auto;
      position: absolute;
      left: 0;
      right: 0; }
      @media screen and (min-width: 64em) {
        .marketing .block.block-cta.pink .cta-image {
          max-width: 687px;
          left: -64px;
          top: -92px; } }
    .marketing .block.block-cta.pink .attribution {
      position: absolute;
      left: 0;
      right: 0;
      top: 176px;
      text-align: center;
      color: #727273; }
      @media screen and (min-width: 64em) {
        .marketing .block.block-cta.pink .attribution {
          text-align: left;
          top: 260px;
          left: -48px; } }
      .marketing .block.block-cta.pink .attribution a {
        color: #4C4C4D; }
  .marketing .block.block-cta.blue {
    background: linear-gradient(135deg, #DD0268 0%, #23B3F1 100%); }
    @media screen and (min-width: 64em) {
      .marketing .block.block-cta.blue {
        background: linear-gradient(90deg, #DD0268 0%, #23B3F1 100%); } }
    .marketing .block.block-cta.blue .cta-image {
      max-width: 200px;
      margin: 0 auto;
      position: absolute;
      left: 64px;
      right: 0; }
      @media screen and (min-width: 64em) {
        .marketing .block.block-cta.blue .cta-image {
          max-width: 400px;
          left: -64px;
          top: -92px; } }
    .marketing .block.block-cta.blue .attribution {
      position: absolute;
      left: 0;
      right: 60%;
      top: 144px;
      text-align: right;
      color: #727273; }
      @media screen and (min-width: 64em) {
        .marketing .block.block-cta.blue .attribution {
          text-align: left;
          top: 260px;
          left: -48px; } }
      .marketing .block.block-cta.blue .attribution a {
        color: #4C4C4D; }
  .marketing .block.block-cta .btn-primary {
    margin-bottom: 16px; }

.marketing .block.block-email-subs-form:not(.standalone) {
  padding: 0; }

.marketing .block.block-email-subs-form .notice {
  margin-top: 16px; }

.marketing .block.block-email-subs-form .form-control ~ label {
  top: 0;
  font-size: 13.328px;
  color: #727273;
  text-transform: uppercase; }

.block-external-page iframe {
  width: 100%;
  min-height: 400px;
  border: none;
  overflow: auto; }

.marketing .block-featured h3 {
  margin-bottom: 16px; }

.marketing .block-featured .featured-image {
  margin-bottom: 32px;
  max-height: 30px; }

.block.block-gallery {
  background: #F6F7F9; }
  .block.block-gallery .tile:hover .tile-meta, .block.block-gallery .pap-review .review-row:hover .tile-meta, .pap-review .block.block-gallery .review-row:hover .tile-meta, .block.block-gallery .admin-island:hover .tile-meta, .block.block-gallery .admin-edit-brief .brief-section .item.review:hover .tile-meta, .admin-edit-brief .brief-section .block.block-gallery .item.review:hover .tile-meta, .block.block-gallery .marketing-tools .box:hover .tile-meta, .marketing-tools .block.block-gallery .box:hover .tile-meta, .block.block-gallery .email-automations .table-default tbody tr:hover .tile-meta, .email-automations .table-default tbody .block.block-gallery tr:hover .tile-meta, .block.block-gallery .block.block-stats .stat-box:hover .tile-meta, .block.block-stats .block.block-gallery .stat-box:hover .tile-meta, .block.block-gallery .tile:focus .tile-meta, .block.block-gallery .pap-review .review-row:focus .tile-meta, .pap-review .block.block-gallery .review-row:focus .tile-meta, .block.block-gallery .admin-island:focus .tile-meta, .block.block-gallery .admin-edit-brief .brief-section .item.review:focus .tile-meta, .admin-edit-brief .brief-section .block.block-gallery .item.review:focus .tile-meta, .block.block-gallery .marketing-tools .box:focus .tile-meta, .marketing-tools .block.block-gallery .box:focus .tile-meta, .block.block-gallery .email-automations .table-default tbody tr:focus .tile-meta, .email-automations .table-default tbody .block.block-gallery tr:focus .tile-meta, .block.block-gallery .block.block-stats .stat-box:focus .tile-meta, .block.block-stats .block.block-gallery .stat-box:focus .tile-meta, .block.block-gallery .tile:active .tile-meta, .block.block-gallery .pap-review .review-row:active .tile-meta, .pap-review .block.block-gallery .review-row:active .tile-meta, .block.block-gallery .admin-island:active .tile-meta, .block.block-gallery .admin-edit-brief .brief-section .item.review:active .tile-meta, .admin-edit-brief .brief-section .block.block-gallery .item.review:active .tile-meta, .block.block-gallery .marketing-tools .box:active .tile-meta, .marketing-tools .block.block-gallery .box:active .tile-meta, .block.block-gallery .email-automations .table-default tbody tr:active .tile-meta, .email-automations .table-default tbody .block.block-gallery tr:active .tile-meta, .block.block-gallery .block.block-stats .stat-box:active .tile-meta, .block.block-stats .block.block-gallery .stat-box:active .tile-meta {
    opacity: 1; }
  .block.block-gallery .tile img, .block.block-gallery .pap-review .review-row img, .pap-review .block.block-gallery .review-row img, .block.block-gallery .admin-island img, .block.block-gallery .admin-edit-brief .brief-section .item.review img, .admin-edit-brief .brief-section .block.block-gallery .item.review img, .block.block-gallery .marketing-tools .box img, .marketing-tools .block.block-gallery .box img, .block.block-gallery .email-automations .table-default tbody tr img, .email-automations .table-default tbody .block.block-gallery tr img, .block.block-gallery .block.block-stats .stat-box img, .block.block-stats .block.block-gallery .stat-box img {
    width: 100%;
    height: auto; }
  .block.block-gallery .tile.naming, .block.block-gallery .pap-review .naming.review-row, .pap-review .block.block-gallery .naming.review-row, .block.block-gallery .naming.admin-island, .block.block-gallery .admin-edit-brief .brief-section .naming.item.review, .admin-edit-brief .brief-section .block.block-gallery .naming.item.review, .block.block-gallery .marketing-tools .naming.box, .marketing-tools .block.block-gallery .naming.box, .block.block-gallery .email-automations .table-default tbody tr.naming, .email-automations .table-default tbody .block.block-gallery tr.naming, .block.block-gallery .block.block-stats .naming.stat-box, .block.block-stats .block.block-gallery .naming.stat-box {
    min-height: 260px;
    background: #000630;
    display: flex;
    align-items: center;
    justify-content: center; }
    .block.block-gallery .tile.naming .name-entry, .block.block-gallery .pap-review .naming.review-row .name-entry, .pap-review .block.block-gallery .naming.review-row .name-entry, .block.block-gallery .naming.admin-island .name-entry, .block.block-gallery .admin-edit-brief .brief-section .naming.item.review .name-entry, .admin-edit-brief .brief-section .block.block-gallery .naming.item.review .name-entry, .block.block-gallery .marketing-tools .naming.box .name-entry, .marketing-tools .block.block-gallery .naming.box .name-entry, .block.block-gallery .email-automations .table-default tbody tr.naming .name-entry, .email-automations .table-default tbody .block.block-gallery tr.naming .name-entry, .block.block-gallery .block.block-stats .naming.stat-box .name-entry, .block.block-stats .block.block-gallery .naming.stat-box .name-entry {
      color: #FFFFFF;
      text-align: center; }
  .block.block-gallery .tile-meta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
    background: rgba(0, 6, 48, 0.93);
    opacity: 0;
    transition: opacity 0.5s ease-out;
    line-height: 0.7; }
    .block.block-gallery .tile-meta h5 {
      margin-bottom: 0;
      text-transform: capitalize; }
    .block.block-gallery .tile-meta .entry-author {
      font-size: 13.328px;
      color: rgba(255, 255, 255, 0.5); }
      .block.block-gallery .tile-meta .entry-author a {
        color: #FFFFFF; }
    .block.block-gallery .tile-meta .project-stats {
      line-height: 1;
      position: absolute;
      left: 1.25em;
      right: 1.25em;
      bottom: 16px;
      text-align: center; }
      .block.block-gallery .tile-meta .project-stats .stat-label {
        color: rgba(255, 255, 255, 0.5);
        font-size: 13.328px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 4px; }
      .block.block-gallery .tile-meta .project-stats .stat-value {
        font-size: 27.648px;
        font-weight: 800;
        color: #FFFFFF;
        letter-spacing: -2px; }
  .block.block-gallery .cta {
    margin-top: 16px; }

.marketing .block-hero {
  background: #000630;
  padding: 32px 0; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block-hero {
      padding: 64px 0; } }
  .marketing .block-hero .hero-title {
    color: #FFFFFF;
    font-size: 27.648px;
    font-weight: 300; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block-hero .hero-title {
        font-size: 33.1776px; } }
  .marketing .block-hero .hero-subtitle {
    font-size: 19.2px;
    font-weight: normal;
    color: #FFFFFF;
    margin-bottom: 24px;
    line-height: 1.4; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block-hero .hero-subtitle {
        font-size: 23.04px; } }
  .marketing .block-hero .hero-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px; }
    .marketing .block-hero .hero-text h3, .marketing .block-hero .hero-text h4, .marketing .block-hero .hero-text h5 {
      color: rgba(255, 255, 255, 0.5); }
    .marketing .block-hero .hero-text ul {
      list-style: disc; }
      .marketing .block-hero .hero-text ul.check-list {
        list-style: none; }
        .marketing .block-hero .hero-text ul.check-list li:before {
          display: inline-block;
          line-height: 1;
          font-family: 'FontAwesome';
          content: '\F058';
          color: #00C66C;
          margin-right: 8px;
          border-radius: 50%; }
  .marketing .block-hero .hero-actions {
    margin-top: 32px; }
    .marketing .block-hero .hero-actions .btn {
      width: 100%; }
      @media screen and (min-width: 39.4375em) {
        .marketing .block-hero .hero-actions .btn {
          width: auto; } }
    .marketing .block-hero .hero-actions .btn-text {
      padding-left: 0; }
  .marketing .block-hero .hero-image {
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: opacity 1s linear;
    text-align: center; }
    .marketing .block-hero .hero-image:first-child {
      margin-top: 32px; }
      @media screen and (min-width: 39.4375em) {
        .marketing .block-hero .hero-image:first-child {
          margin-top: 0; } }
    @media screen and (min-width: 39.4375em) {
      .marketing .block-hero .hero-image {
        text-align: start; } }
    .marketing .block-hero .hero-image.active {
      visibility: visible;
      height: auto;
      opacity: 1; }
    .marketing .block-hero .hero-image img {
      height: 250px;
      width: auto; }
      @media screen and (min-width: 39.4375em) {
        .marketing .block-hero .hero-image img {
          width: 100%;
          height: auto; } }
    .marketing .block-hero .hero-image .attribution {
      margin-top: 8px;
      color: rgba(255, 255, 255, 0.5); }
      .marketing .block-hero .hero-image .attribution a {
        color: #FFFFFF; }
  .marketing .block-hero.full-width-text .hero-subtitle {
    margin-bottom: 0; }
  .marketing .block-hero.collapsed {
    /* prevent sudden quick movement of next block as current block becomes collapsed */ }
    .marketing .block-hero.collapsed .sticky {
      background: #000630;
      position: fixed;
      padding-top: 16px;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 2; }
    .marketing .block-hero.collapsed + .block {
      padding-top: 160px !important; }

@media screen and (min-width: 39.4375em) {
  .marketing .block.block-how .block-header {
    text-align: left; } }

.marketing .block.block-how h3 {
  color: #DD0268; }

.marketing .block.block-how ol {
  list-style: none;
  counter-reset: li; }
  .marketing .block.block-how ol li {
    margin-bottom: 24px; }
    .marketing .block.block-how ol li:before {
      counter-increment: li;
      content: "0" counter(li);
      position: relative;
      left: -0.4em;
      font-size: 99.06px;
      line-height: 99.06px;
      letter-spacing: -0.07em;
      font-weight: 800;
      color: rgba(221, 2, 104, 0.2); }
      @media screen and (min-width: 64em) {
        .marketing .block.block-how ol li:before {
          left: -0.62em; } }
    .marketing .block.block-how ol li p {
      font-size: 19.2px;
      color: #262626; }

.marketing .block.block-how .slick-slide img {
  margin: 0 auto; }

.marketing .block.block-how .btn-prev,
.marketing .block.block-how .btn-next {
  position: absolute;
  top: 30%;
  color: rgba(35, 179, 241, 0.4);
  transition: all 0.2s ease-out;
  font-size: 47.77574px;
  cursor: pointer;
  z-index: 900; }
  .marketing .block.block-how .btn-prev:hover,
  .marketing .block.block-how .btn-next:hover {
    color: #23b3f1; }

.marketing .block.block-how .btn-prev {
  left: -12px; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.block-how .btn-prev {
      left: -64px; } }

.marketing .block.block-how .btn-next {
  right: -12px; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.block-how .btn-next {
      right: -64px; } }

.marketing .block.block-how .how-cta {
  margin-top: 24px; }

.block.block-how-2 {
  padding: 0; }
  .block.block-how-2 .block-title {
    padding: 32px 0; }
    .block.block-how-2 .block-title.gray {
      background: #F6F7F9; }
    .block.block-how-2 .block-title.white {
      background: #FFFFFF; }
  .block.block-how-2 .how-step {
    background: #F6F7F9;
    padding-bottom: 48px; }
    .block.block-how-2 .how-step .step-title {
      position: relative;
      font-size: 33.1776px;
      color: #DD0268;
      font-weight: 600;
      margin: 0 0 24px;
      line-height: initial; }
      .block.block-how-2 .how-step .step-title .number {
        font-size: 99.06px;
        position: absolute;
        top: -72px;
        left: -104px; }
      @media screen and (max-width: 63.9375em) {
        .block.block-how-2 .how-step .step-title {
          text-align: center; }
          .block.block-how-2 .how-step .step-title .number {
            font-size: 47.77574px;
            position: initial;
            display: block; } }
    .block.block-how-2 .how-step .subtitle {
      margin-top: 32px;
      font-weight: 800; }
    .block.block-how-2 .how-step .faqs {
      margin: 48px 0; }
    .block.block-how-2 .how-step .step-features {
      margin: 24px 0 0;
      color: #262626; }
      .block.block-how-2 .how-step .step-features i {
        margin-left: -28px;
        margin-right: 8px;
        color: #DD0268; }
        @media screen and (max-width: 63.9375em) {
          .block.block-how-2 .how-step .step-features i {
            margin-left: 0; } }
    .block.block-how-2 .how-step .testimonial {
      color: #262626;
      margin: 0 0 48px; }
      .block.block-how-2 .how-step .testimonial .quote {
        font-style: italic;
        font-family: "Crete Round", "Bookman", Georgia, serif; }
      .block.block-how-2 .how-step .testimonial .author {
        font-size: 16px;
        margin-top: 8px; }
      .block.block-how-2 .how-step .testimonial img {
        height: 40px;
        border-radius: 50%; }
      .block.block-how-2 .how-step .testimonial.centered {
        text-align: center;
        margin: 56px 0 0; }
    .block.block-how-2 .how-step.gray {
      background: #F6F7F9; }
    .block.block-how-2 .how-step.white {
      background: #FFFFFF; }
    .block.block-how-2 .how-step.step-1 .step-title .number {
      left: -80px; }

.block-links .links-cta {
  margin-top: 32px;
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important; }

.marketing .block.block-promo-banner {
  padding: 16px 0; }
  .marketing .block.block-promo-banner.pink {
    background: #DD0268;
    color: #FFFFFF; }
    .marketing .block.block-promo-banner.pink h3 {
      color: #FFFFFF; }
  .marketing .block.block-promo-banner.blue {
    background: #23B3F1;
    color: #FFFFFF; }
    .marketing .block.block-promo-banner.blue h3 {
      color: #FFFFFF; }
  .marketing .block.block-promo-banner.dark {
    background: #000630;
    color: #FFFFFF; }
    .marketing .block.block-promo-banner.dark h3 {
      color: #FFFFFF; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.block-promo-banner .promo-content {
      padding-top: 16px; } }
  .marketing .block.block-promo-banner .promo-content h3 {
    margin-bottom: 0;
    font-weight: 700; }
  .marketing .block.block-promo-banner img {
    max-width: 100%; }

.marketing .block.block-share {
  text-align: center; }
  .marketing .block.block-share .block-header {
    margin-bottom: 8px; }
  .marketing .block.block-share a {
    display: inline-block;
    margin: 0 8px;
    font-size: 23.04px; }

.marketing .block.block-single-testimonial {
  background-image: linear-gradient(-45deg, #0381B7 0%, #0686BD 10%, #1298D1 46%, #18A1DD 65%, #23B3F1 100%); }
  .marketing .block.block-single-testimonial .quote-image img {
    width: 100%; }
  .marketing .block.block-single-testimonial .quote-image .attribution {
    color: rgba(255, 255, 255, 0.7);
    margin-top: 16px; }
    .marketing .block.block-single-testimonial .quote-image .attribution a {
      color: #FFFFFF; }
  .marketing .block.block-single-testimonial .quote {
    position: relative;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Crete Round", "Bookman", Georgia, serif; }
    .marketing .block.block-single-testimonial .quote:before {
      content: '\201C';
      font-family: 'Ultra', 'Georgia', Times, serif;
      font-size: 47.77574px;
      color: #0381B7;
      position: absolute;
      top: -40px; }
      @media screen and (min-width: 64em) {
        .marketing .block.block-single-testimonial .quote:before {
          font-size: 99.06px;
          position: absolute;
          left: -64px;
          top: -64px; } }
    .marketing .block.block-single-testimonial .quote p:before {
      content: '\201C';
      position: absolute;
      left: -0.5em; }
    .marketing .block.block-single-testimonial .quote p:after {
      content: '\201D'; }
  .marketing .block.block-single-testimonial h2 {
    font-family: "Crete Round", "Bookman", Georgia, serif;
    font-style: italic;
    color: #FFFFFF;
    font-weight: 400; }
  .marketing .block.block-single-testimonial .quote-meta {
    text-align: right;
    color: #FFFFFF;
    margin: 32px 0; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block.block-single-testimonial .quote-meta {
        margin: 32px 0 0; } }
    .marketing .block.block-single-testimonial .quote-meta .author-name {
      font-weight: 600; }
    .marketing .block.block-single-testimonial .quote-meta .author-name, .marketing .block.block-single-testimonial .quote-meta h5 {
      margin-bottom: 0;
      color: #FFFFFF;
      position: relative;
      top: 16px; }
    .marketing .block.block-single-testimonial .quote-meta .avatar {
      float: right;
      margin-left: 16px; }

.block.block-stats {
  background: #F6F7F9; }
  .block.block-stats .stat-box {
    text-align: center; }
    .block.block-stats .stat-box:hover {
      box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.25); }
    .block.block-stats .stat-box .stat-value-container {
      height: 120px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .block.block-stats .stat-box .stat-value-container:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.8; }
      .block.block-stats .stat-box .stat-value-container .stat-value {
        font-size: 47.77574px;
        font-weight: 800;
        color: #FFFFFF;
        letter-spacing: -0.08em;
        position: absolute;
        z-index: 900; }
        .block.block-stats .stat-box .stat-value-container .stat-value small {
          font-size: 0.7em;
          position: relative;
          top: -8px; }
    .block.block-stats .stat-box h4 {
      margin-top: 8px; }
    .block.block-stats .stat-box.projects .stat-value-container:after {
      background-image: linear-gradient(180deg, #23B3F1 0%, #DD0268 100%); }
      @media screen and (min-width: 39.4375em) {
        .block.block-stats .stat-box.projects .stat-value-container:after {
          background-image: linear-gradient(90deg, #23B3F1 0%, #DD0268 100%); } }
    .block.block-stats .stat-box.creatives .stat-value-container:after {
      background-image: linear-gradient(180deg, #FF469D 1%, #FFEA5D 100%); }
      @media screen and (min-width: 39.4375em) {
        .block.block-stats .stat-box.creatives .stat-value-container:after {
          background-image: linear-gradient(90deg, #FF469D 1%, #FFEA5D 100%); } }
    .block.block-stats .stat-box.price .stat-value-container:after {
      background-image: linear-gradient(0deg, #23B3F1 0%, #1AFF97 100%); }
      @media screen and (min-width: 39.4375em) {
        .block.block-stats .stat-box.price .stat-value-container:after {
          background-image: linear-gradient(-90deg, #23B3F1 0%, #1AFF97 100%); } }

.marketing .block.block-subs-hero .intro-wrapper.align-center .intro {
  text-align: center; }

.marketing .block.block-subs-hero .intro-wrapper.align-left .intro {
  text-align: left; }

.marketing .block.block-subs-hero .intro-wrapper.align-right .intro {
  text-align: right; }

.marketing .block.block-subs-hero .intro {
  margin-bottom: 32px; }
  .marketing .block.block-subs-hero .intro .pretitle {
    text-transform: uppercase;
    color: #DD0268;
    font-weight: 700;
    margin-bottom: 0; }
  .marketing .block.block-subs-hero .intro .title {
    font-size: 47.77574px;
    color: #262626;
    margin-bottom: 0; }
  .marketing .block.block-subs-hero .intro .subtitle {
    color: #727273; }

.marketing .block.block-subs-hero .artwork-container {
  margin-bottom: 32px; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block.block-subs-hero .artwork-container {
      margin-bottom: 0; } }
  .marketing .block.block-subs-hero .artwork-container img {
    width: 100%; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block.block-subs-hero .artwork-container img {
        position: absolute;
        top: 0; } }

.marketing .block.block-subs-hero .hero-content {
  color: #262626;
  font-weight: 300; }
  .marketing .block.block-subs-hero .hero-content li {
    margin-top: 6px; }
    .marketing .block.block-subs-hero .hero-content li:before {
      display: inline-block;
      line-height: 1;
      font-family: 'FontAwesome';
      content: '\F058';
      color: #00C66C;
      margin-right: 8px;
      border-radius: 50%; }

.marketing .block.block-subs-hero .subscribe-form {
  margin: 32px 0;
  padding: 16px 0; }
  .marketing .block.block-subs-hero .subscribe-form .form-title {
    color: #262626;
    font-weight: 700; }

.marketing .block.block-subs-hero.without-image .intro .title {
  font-size: 39.81312px; }

.marketing .block.block-subs-hero.without-image .intro .subtitle {
  margin-top: 16px;
  font-size: 27.648px; }

.marketing .block.block-subs-hero.without-image .hero-content {
  padding-top: 40px; }

@media screen and (min-width: 64em) {
  .marketing .block.block-subs-hero.without-image .hero-content-wrapper {
    position: relative; }
  .marketing .block.block-subs-hero.without-image .hero-content {
    padding-top: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%); } }

.marketing .block.block-subs-hero.without-image .subscribe-form {
  margin: 0; }
  .marketing .block.block-subs-hero.without-image .subscribe-form .form-row {
    background: #EBEDF1;
    border-radius: 4px;
    padding: 32px 0; }
    .marketing .block.block-subs-hero.without-image .subscribe-form .form-row .block-email-subs-form {
      background: #EBEDF1 !important; }
  .marketing .block.block-subs-hero.without-image .subscribe-form .notice {
    float: right;
    margin-top: -36px;
    font-size: 16px; }

.marketing .block.block-subs-hero-2 .title {
  font-size: 64px;
  line-height: 64px;
  margin-bottom: 16px;
  color: #FFFFFF; }

.marketing .block.block-subs-hero-2 .block-header {
  margin-bottom: 40px; }

.marketing .block.block-subs-hero-2 .subtitle {
  font-size: 40px;
  line-height: 48px;
  font-weight: 300;
  margin-bottom: 48px;
  color: rgba(255, 255, 255, 0.6); }

.marketing .block.block-subs-hero-2 label, .marketing .block.block-subs-hero-2 input[type=text], .marketing .block.block-subs-hero-2 input[type=email], .marketing .block.block-subs-hero-2 p.notice {
  color: rgba(255, 255, 255, 0.6) !important; }

.marketing .block.block-subs-hero-2 img {
  margin-bottom: 40px; }
  @media screen and (min-width: 64em) {
    .marketing .block.block-subs-hero-2 img {
      margin-bottom: 0; } }

.marketing .block-support {
  background-image: linear-gradient(180deg, #23B3F1 0%, #1AFF97 150%); }
  @media screen and (min-width: 39.4375em) {
    .marketing .block-support {
      background-image: radial-gradient(circle at 35% 30%, #23B3F1 10%, #1AFF97 100%); } }
  .marketing .block-support .content-block p {
    line-height: 1.5; }
  .marketing .block-support .support-image {
    max-width: 560px;
    width: 100%; }
  .marketing .block-support .attribution {
    position: relative;
    right: 64px;
    top: -40px; }
  .marketing .block-support .team-member {
    margin-bottom: 32px;
    text-align: center; }
    .marketing .block-support .team-member .team-member-meta .name {
      margin-bottom: 0;
      font-weight: 600;
      color: #FFFFFF;
      font-size: 19.2px; }
  .marketing .block-support .avatar-stack {
    position: relative;
    min-height: 56px;
    margin: 16px 0 32px 4px; }
    @media screen and (min-width: 39.4375em) {
      .marketing .block-support .avatar-stack {
        margin: 24px 0 0;
        min-height: 0; } }
    .marketing .block-support .avatar-stack .avatar {
      position: absolute; }
      .marketing .block-support .avatar-stack .avatar:first-child {
        z-index: 500; }
      .marketing .block-support .avatar-stack .avatar:nth-child(2) {
        margin-left: 60px;
        z-index: 400; }
        @media screen and (min-width: 39.4375em) {
          .marketing .block-support .avatar-stack .avatar:nth-child(2) {
            margin-left: 75px; } }
      .marketing .block-support .avatar-stack .avatar:nth-child(3) {
        margin-left: 120px;
        z-index: 300; }
        @media screen and (min-width: 39.4375em) {
          .marketing .block-support .avatar-stack .avatar:nth-child(3) {
            margin-left: 150px; } }
      .marketing .block-support .avatar-stack .avatar:nth-child(4) {
        margin-left: 180px;
        z-index: 200; }
        @media screen and (min-width: 39.4375em) {
          .marketing .block-support .avatar-stack .avatar:nth-child(4) {
            margin-left: 225px; } }
      .marketing .block-support .avatar-stack .avatar:nth-child(5) {
        margin-left: 240px;
        z-index: 100; }
        @media screen and (min-width: 39.4375em) {
          .marketing .block-support .avatar-stack .avatar:nth-child(5) {
            margin-left: 300px; } }

.marketing .block-testimonial .slider-container {
  background: linear-gradient(-7deg, rgba(35, 179, 241, 0) 0%, rgba(35, 179, 241, 0.1) 60%, rgba(34, 178, 240, 0.04) 60%, rgba(34, 178, 240, 0) 68%); }

.marketing .block-testimonial .block-header h3 {
  font-weight: 700;
  color: #727273; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block-testimonial .block-header h3 {
      margin: 0; } }

.marketing .block-testimonial .block-header a {
  font-weight: 600; }

.marketing .block-testimonial .block-header i.fa-star {
  color: #FEB118; }

.marketing .block-testimonial .btn-prev,
.marketing .block-testimonial .btn-next {
  position: absolute;
  top: 30%;
  color: rgba(35, 179, 241, 0.4);
  transition: all 0.2s ease-out;
  font-size: 47.77574px;
  cursor: pointer; }
  .marketing .block-testimonial .btn-prev:hover,
  .marketing .block-testimonial .btn-next:hover {
    color: #23b3f1; }

.marketing .block-testimonial .btn-prev {
  left: -12px; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block-testimonial .btn-prev {
      left: -64px; } }

.marketing .block-testimonial .btn-next {
  right: -12px; }
  @media screen and (min-width: 39.4375em) {
    .marketing .block-testimonial .btn-next {
      right: -64px; } }

.marketing .block-testimonial .slick-slide {
  padding: 16px; }

.marketing .block-testimonial .testimonial .avatar-testimonial {
  float: right;
  margin-top: 16px;
  box-shadow: 0 4px 16px 0 rgba(114, 114, 115, 0.2);
  width: 64px;
  height: 64px; }
  @media screen and (min-width: 64em) {
    .marketing .block-testimonial .testimonial .avatar-testimonial {
      float: left;
      width: 96px;
      height: 96px;
      margin-top: 32px; } }

.marketing .block-testimonial .testimonial .quote {
  background: white;
  box-shadow: 0 4px 16px 0 rgba(114, 114, 115, 0.2);
  padding: 16px;
  border-radius: 4px;
  float: right; }
  @media screen and (min-width: 64em) {
    .marketing .block-testimonial .testimonial .quote {
      width: 80%;
      padding: 16px 32px 32px; } }
  .marketing .block-testimonial .testimonial .quote h3 {
    color: #DD0268; }

.marketing .block-testimonial .testimonial .testimonial-meta {
  font-size: 13.328px;
  margin: 24px 16px 0 0;
  text-align: right;
  width: 50%;
  float: right; }
  .marketing .block-testimonial .testimonial .testimonial-meta:before {
    content: '\2013';
    display: inline-block;
    margin-right: 4px; }

.marketing .block-why img {
  margin-bottom: 16px;
  height: 96px; }

.marketing .block-why h3 {
  color: #DD0268; }

.block.block-pricing {
  background: #F6F7F9; }
  .block.block-pricing .block-header .subtitle {
    color: #727273; }
  .block.block-pricing .package-selector {
    margin-top: 32px; }
    @media screen and (min-width: 39.4375em) {
      .block.block-pricing .package-selector .package {
        min-height: 600px; } }
    .block.block-pricing .package-selector .package-action {
      display: none; }
    .block.block-pricing .package-selector .btn-package-details {
      display: none; }
    .block.block-pricing .package-selector .packages .intro {
      margin-top: 0; }
  .block.block-pricing .pricing-cta {
    text-align: center; }

.block-story .image-wrapper {
  margin-top: 32px; }
  .block-story .image-wrapper.above-content {
    margin-top: 0;
    margin-bottom: 32px; }

.block.block-reviews .item {
  border: 1px solid #EBEDF1;
  padding: 16px;
  background: #FFFFFF;
  margin-bottom: 24px;
  color: #727273;
  position: relative; }

.block.block-reviews .sub-category {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  color: #BDBEBF;
  margin-bottom: 16px; }

.block.block-reviews .rating {
  height: 40px; }
  .block.block-reviews .rating i {
    color: #FEB118; }

.block.block-reviews .comments {
  margin-bottom: 24px; }
  @media screen and (max-width: 39.375em) {
    .block.block-reviews .comments {
      font-size: 19.2px;
      font-weight: 600; } }

.block.block-reviews .author, .block.block-reviews .author-location {
  font-size: 16px; }

.block.block-reviews .cta {
  font-size: 16px;
  text-transform: uppercase;
  color: #23B3F1;
  margin-top: 16px;
  font-weight: 600; }

@media screen and (max-width: 39.375em) {
  .block.block-reviews .rating {
    margin-bottom: 16px; } }

.block.block-reviews .item.with-photo .rating .star-rating {
  float: right; }

.block.block-reviews .item.with-photo .comments {
  font-size: 23.04px;
  font-weight: 600;
  position: relative; }
  .block.block-reviews .item.with-photo .comments:before {
    content: '\201C';
    font-family: 'Ultra', 'Georgia', Times, serif;
    font-size: 47.77574px;
    color: rgba(35, 179, 241, 0.15);
    position: absolute;
    top: -40px; }
    @media screen and (min-width: 64em) {
      .block.block-reviews .item.with-photo .comments:before {
        font-size: 99.06px;
        position: absolute;
        left: 0;
        top: -72px; } }

.block.block-reviews .reviews-cta {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  margin-top: 32px; }

.block-blog-gallery .tile, .block-blog-gallery .pap-review .review-row, .pap-review .block-blog-gallery .review-row, .block-blog-gallery .admin-island, .block-blog-gallery .admin-edit-brief .brief-section .item.review, .admin-edit-brief .brief-section .block-blog-gallery .item.review, .block-blog-gallery .marketing-tools .box, .marketing-tools .block-blog-gallery .box, .block-blog-gallery .email-automations .table-default tbody tr, .email-automations .table-default tbody .block-blog-gallery tr, .block-blog-gallery .block.block-stats .stat-box, .block.block-stats .block-blog-gallery .stat-box {
  height: 430px;
  overflow: hidden; }
  .block-blog-gallery .tile .image, .block-blog-gallery .pap-review .review-row .image, .pap-review .block-blog-gallery .review-row .image, .block-blog-gallery .admin-island .image, .block-blog-gallery .admin-edit-brief .brief-section .item.review .image, .admin-edit-brief .brief-section .block-blog-gallery .item.review .image, .block-blog-gallery .marketing-tools .box .image, .marketing-tools .block-blog-gallery .box .image, .block-blog-gallery .email-automations .table-default tbody tr .image, .email-automations .table-default tbody .block-blog-gallery tr .image, .block-blog-gallery .block.block-stats .stat-box .image, .block.block-stats .block-blog-gallery .stat-box .image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
    width: 100%; }
  .block-blog-gallery .tile .text-content, .block-blog-gallery .pap-review .review-row .text-content, .pap-review .block-blog-gallery .review-row .text-content, .block-blog-gallery .admin-island .text-content, .block-blog-gallery .admin-edit-brief .brief-section .item.review .text-content, .admin-edit-brief .brief-section .block-blog-gallery .item.review .text-content, .block-blog-gallery .marketing-tools .box .text-content, .marketing-tools .block-blog-gallery .box .text-content, .block-blog-gallery .email-automations .table-default tbody tr .text-content, .email-automations .table-default tbody .block-blog-gallery tr .text-content, .block-blog-gallery .block.block-stats .stat-box .text-content, .block.block-stats .block-blog-gallery .stat-box .text-content {
    padding: 16px; }
  .block-blog-gallery .tile .category, .block-blog-gallery .pap-review .review-row .category, .pap-review .block-blog-gallery .review-row .category, .block-blog-gallery .admin-island .category, .block-blog-gallery .admin-edit-brief .brief-section .item.review .category, .admin-edit-brief .brief-section .block-blog-gallery .item.review .category, .block-blog-gallery .marketing-tools .box .category, .marketing-tools .block-blog-gallery .box .category, .block-blog-gallery .email-automations .table-default tbody tr .category, .email-automations .table-default tbody .block-blog-gallery tr .category, .block-blog-gallery .block.block-stats .stat-box .category, .block.block-stats .block-blog-gallery .stat-box .category {
    text-transform: uppercase;
    color: #979899;
    font-size: 13.328px; }

.block-blog-gallery .blog-gallery-cta {
  margin-top: 32px; }

.block-floating-images .images-container {
  position: relative;
  height: 500px;
  overflow: hidden; }

.block-floating-images .item {
  position: absolute;
  border-radius: 4px;
  border: 2px solid #EBEDF1;
  box-shadow: 0px 2px 4px rgba(114, 114, 115, 0.25);
  transition: left 5s, top 5s, width 5s, height 5s, filter 5s; }

.block.block-sub-categories .cta {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  margin-top: 32px; }

.block.block-sub-categories .category {
  margin-bottom: 32px; }
  .block.block-sub-categories .category h3 {
    margin-bottom: 16px; }

@media screen and (min-width: 39.4375em) {
  .block.block-sub-categories .testimonial {
    padding-top: 16px; } }

.block.block-sub-categories .testimonial .testimonial-text {
  position: relative;
  margin: 16px 0 0; }
  @media screen and (min-width: 39.4375em) {
    .block.block-sub-categories .testimonial .testimonial-text {
      margin: 0; } }
  .block.block-sub-categories .testimonial .testimonial-text p {
    font-family: 'Crete Round', serif;
    font-style: italic;
    font-size: 19.2px;
    color: #161C4A; }
    @media screen and (min-width: 39.4375em) {
      .block.block-sub-categories .testimonial .testimonial-text p {
        font-size: 23.04px; } }
  .block.block-sub-categories .testimonial .testimonial-text .attribution {
    color: #979899;
    position: relative;
    font-size: 16px;
    text-align: left; }
    .block.block-sub-categories .testimonial .testimonial-text .attribution .name:before {
      content: '\2013';
      position: absolute;
      left: -0.8em; }
  .block.block-sub-categories .testimonial .testimonial-text:before, .block.block-sub-categories .testimonial .testimonial-text:after {
    font-family: 'Ultra', 'Georgia', Times, serif;
    font-size: 33.1776px;
    color: #EBEDF1;
    position: absolute; }
    @media screen and (min-width: 39.4375em) {
      .block.block-sub-categories .testimonial .testimonial-text:before, .block.block-sub-categories .testimonial .testimonial-text:after {
        font-size: 47.77574px; } }
  .block.block-sub-categories .testimonial .testimonial-text:before {
    content: '\201C';
    left: -32px;
    top: -16px; }
  .block.block-sub-categories .testimonial .testimonial-text:after {
    content: '\201D';
    right: -32px;
    top: 50%; }

.block.block-sub-categories .subcategory {
  min-height: 290px; }
  .block.block-sub-categories .subcategory .actions {
    display: none;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px; }
  .block.block-sub-categories .subcategory .description {
    margin-top: -4px;
    line-height: 20px;
    font-size: 16px; }
    @media screen and (min-width: 64em) {
      .block.block-sub-categories .subcategory .description {
        display: none; } }
  .block.block-sub-categories .subcategory .pricing {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0; }
    .block.block-sub-categories .subcategory .pricing label {
      display: block;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 13.328px;
      color: #BDBEBF; }
    .block.block-sub-categories .subcategory .pricing .min-price {
      font-size: 19.2px;
      color: #262626;
      font-weight: 700;
      text-transform: uppercase; }

@media screen and (min-width: 39.4375em) {
  .block.block-differentiators {
    font-size: 19.2px; } }

.block.block-differentiators p {
  font-size: inherit; }

.block.block-differentiators .header {
  text-align: center;
  margin-bottom: 32px; }
  .block.block-differentiators .header h3 {
    color: #979899; }

.block.block-differentiators .item {
  margin-bottom: 40px; }
  .block.block-differentiators .item h3 {
    color: #DD0268;
    margin-top: 8px;
    font-weight: 600;
    text-align: center; }
    @media screen and (min-width: 64em) {
      .block.block-differentiators .item h3 {
        text-align: left; } }
  .block.block-differentiators .item .icon-column {
    text-align: center; }
    @media screen and (min-width: 64em) {
      .block.block-differentiators .item .icon-column {
        padding-right: 0; } }
  .block.block-differentiators .item .fa-check {
    font-size: 27.648px;
    background-image: linear-gradient(-45deg, #23B3F1 0%, #1AFF97 100%);
    border-radius: 50%;
    box-shadow: 0px 4px 8px rgba(114, 114, 115, 0.25);
    color: #FFFFFF;
    padding: 8px;
    border: 2px solid #FFFFFF; }
  .block.block-differentiators .item .fa-minus, .block.block-differentiators .item .fa-plus {
    line-height: 32px; }

.block.block-select-package-subcat .block-header {
  margin-bottom: 40px; }
  @media screen and (min-width: 64em) {
    .block.block-select-package-subcat .block-header {
      margin-bottom: 64px; } }

.block.block-select-package-subcat .sub-category {
  margin-bottom: 80px; }
  .block.block-select-package-subcat .sub-category:last-of-type {
    margin-bottom: 48px; }

.block.block-select-package-subcat .content-column {
  margin-top: 40px; }
  @media screen and (min-width: 64em) {
    .block.block-select-package-subcat .content-column {
      margin-top: 0;
      padding: 0 64px; } }

.block.block-select-package-subcat .subcat-title {
  font-size: 27.648px;
  margin-bottom: 24px; }

.block.block-select-package-subcat .bullets {
  margin: 24px 0 32px;
  color: #262626;
  font-weight: 600; }
  @media screen and (max-width: 74.9375em) {
    .block.block-select-package-subcat .bullets li {
      padding-left: 24px; } }
  .block.block-select-package-subcat .bullets i {
    margin-left: -24px;
    color: #DD0268; }
    @media screen and (max-width: 74.9375em) {
      .block.block-select-package-subcat .bullets i {
        margin-left: -24px; } }

.block.block-select-package-subcat img {
  border: 1px solid #F6F7F9;
  margin: 8px 0; }

.block.block-select-package-subcat .btn-primary {
  display: block;
  margin-top: 32px;
  width: 100%; }

.select-package-subcat-modal .block {
  padding: 16px 0; }

.select-package-subcat-modal .sub-category {
  margin-bottom: 56px !important; }
  .select-package-subcat-modal .sub-category:last-of-type {
    margin-bottom: 0 !important; }

.block.block-how-3 {
  padding: 32px 0; }
  .block.block-how-3 p {
    margin-bottom: 32px; }
    @media screen and (min-width: 64em) {
      .block.block-how-3 p {
        margin-bottom: 8px; } }
  .block.block-how-3 .cta {
    margin-top: 16px;
    font-size: 16px; }
    @media screen and (min-width: 64em) {
      .block.block-how-3 .cta {
        margin-top: 32px; } }

.block.block-testimonials-2 .testimonial {
  margin-bottom: 32px; }

.block.block-testimonials-2 .quote {
  margin-bottom: 8px;
  color: #727273;
  font-weight: 400; }

.block.block-testimonials-2 img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 24px;
  height: 96px; }

.block.block-testimonials-2 .testimonial-meta {
  display: inline-block;
  vertical-align: middle; }
  .block.block-testimonials-2 .testimonial-meta h4 {
    font-weight: 700; }
  .block.block-testimonials-2 .testimonial-meta .extra {
    font-size: 16px; }

.block.block-testimonials-2 .cta {
  margin-top: 16px; }

.marketing.home .l-content {
  padding: 0; }

.marketing.home .hero.hero-1 {
  background: #F6F7F9 url("https://s3.amazonaws.com/crowdspring3-assets/marketing/crowdspring_marketing_home_hero-1_let-it-beet.jpg") no-repeat;
  background-size: 1768px 648px;
  background-position-x: 27%;
  background-position-y: top;
  padding-top: 32px;
  height: 648px;
  padding-bottom: 64px; }
  @media screen and (min-width: 39.4375em) {
    .marketing.home .hero.hero-1 {
      background-position-x: 44%;
      background-position-y: -25%;
      height: 520px;
      padding-top: 64px; } }
  @media screen and (min-width: 64em) {
    .marketing.home .hero.hero-1 {
      background-position: top center;
      height: 680px; } }
  .marketing.home .hero.hero-1 .hero-container {
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-1 .hero-container {
        text-align: left; } }
    .marketing.home .hero.hero-1 .hero-container .hero-title {
      color: #161C4A;
      font-size: 27.648px; }
      @media screen and (min-width: 39.4375em) {
        .marketing.home .hero.hero-1 .hero-container .hero-title {
          font-size: 39.81312px; } }
    .marketing.home .hero.hero-1 .hero-container .hero-text {
      font-size: 19.2px;
      text-align: center; }
      @media screen and (min-width: 39.4375em) {
        .marketing.home .hero.hero-1 .hero-container .hero-text {
          font-size: 23.04px;
          text-align: left; } }
    .marketing.home .hero.hero-1 .hero-container .hero-actions {
      margin-top: 32px; }
      .marketing.home .hero.hero-1 .hero-container .hero-actions .btn {
        display: block;
        width: 70%;
        margin: 0 auto 8px; }
        @media screen and (min-width: 39.4375em) {
          .marketing.home .hero.hero-1 .hero-container .hero-actions .btn {
            display: inline-block;
            width: auto; } }
  .marketing.home .hero.hero-1 .artwork-container {
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-1 .artwork-container {
        width: 320px;
        height: 440px; } }
    @media screen and (min-width: 64em) {
      .marketing.home .hero.hero-1 .artwork-container {
        padding-top: calc(100% - 16px);
        width: 100%;
        height: auto; } }
  .marketing.home .hero.hero-1 .hero-art {
    width: 100%;
    max-width: 400px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-1 .hero-art {
        left: -64px;
        position: absolute;
        width: 480px;
        max-width: 480px; } }
    @media screen and (min-width: 64em) {
      .marketing.home .hero.hero-1 .hero-art {
        position: absolute;
        max-width: 110%;
        width: 110%;
        top: 0; } }
  .marketing.home .hero.hero-1 .attribution {
    position: absolute;
    bottom: 0;
    right: 0;
    background: white;
    padding: 4px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-1 .attribution {
        left: 0;
        right: auto; } }
    @media screen and (min-width: 64em) {
      .marketing.home .hero.hero-1 .attribution {
        bottom: 0;
        left: auto;
        right: 96px; } }

.marketing.home .hero.hero-series {
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #262626;
  padding-bottom: 32px; }
  @media screen and (min-width: 39.4375em) {
    .marketing.home .hero.hero-series {
      height: 658px;
      padding-bottom: 0; } }
  @media screen and (min-width: 64em) {
    .marketing.home .hero.hero-series {
      height: 588px; } }
  .marketing.home .hero.hero-series .hero-title {
    text-align: center;
    color: white; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series .hero-title {
        text-align: left; } }
  .marketing.home .hero.hero-series .hero-container {
    margin-top: 48px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series .hero-container {
        margin-top: 96px; } }
  .marketing.home .hero.hero-series .hero-text {
    font-size: 19.2px;
    text-align: center;
    color: #BDBEBF;
    font-weight: 300; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series .hero-text {
        font-size: 23.04px;
        text-align: left;
        margin-bottom: 48px;
        line-height: 32px; } }
  .marketing.home .hero.hero-series .hero-subtext {
    color: white;
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series .hero-subtext {
        margin: 0 0 24px;
        text-align: left; } }
  .marketing.home .hero.hero-series .artwork-container {
    border-radius: 8px;
    overflow: hidden; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series .artwork-container {
        margin-top: 96px; } }
    @media screen and (min-width: 64em) {
      .marketing.home .hero.hero-series .artwork-container {
        margin-top: 56px; } }
  .marketing.home .hero.hero-series .hero-art {
    width: 100%;
    max-width: 437px;
    border: 4px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    margin-bottom: 8px; }
  .marketing.home .hero.hero-series .flag {
    position: absolute;
    color: #FFFFFF;
    background: transparent;
    width: 0;
    height: 0;
    border-style: solid;
    z-index: 900; }
    .marketing.home .hero.hero-series .flag div {
      font-weight: 800;
      text-transform: uppercase;
      text-align: center; }
    .marketing.home .hero.hero-series .flag.winner {
      border-width: 0 96px 96px 0;
      border-color: transparent #23B3F1 transparent transparent;
      top: 0;
      right: 0; }
      .marketing.home .hero.hero-series .flag.winner div {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 135px;
        margin: 24px 0 0 -8px; }
  .marketing.home .hero.hero-series .hero-actions {
    margin: 32px 0; }
    .marketing.home .hero.hero-series .hero-actions .btn {
      display: block;
      width: 70%;
      margin: 0 auto 8px; }
      @media screen and (min-width: 39.4375em) {
        .marketing.home .hero.hero-series .hero-actions .btn {
          display: inline-block;
          width: auto; } }
  .marketing.home .hero.hero-series .attribution {
    color: white;
    text-align: center; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series .attribution {
        text-align: right; } }
    .marketing.home .hero.hero-series .attribution a {
      color: #979899; }

.marketing.home .random-hero-wrapper {
  visibility: visible; }
  .marketing.home .random-hero-wrapper.inactive {
    visibility: hidden;
    height: 0; }

.marketing.home .hero.hero-series.hero-2 {
  background-image: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/crowdspring_marketing_home_hero-2_calibre.jpg"); }

.marketing.home .hero.hero-series.hero-3 {
  background-image: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/crowdspring_marketing_home_hero-3_homegrown.jpg");
  background-position: center top; }

.marketing.home .hero.hero-series.hero-4 {
  background-image: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/crowdspring_marketing_home_hero-4_myradar.jpg");
  overflow: hidden; }
  .marketing.home .hero.hero-series.hero-4 .artwork-container {
    padding-top: 100%;
    overflow: visible; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series.hero-4 .artwork-container {
        margin-bottom: 96px; } }
    .marketing.home .hero.hero-series.hero-4 .artwork-container:after {
      content: ' ';
      position: absolute;
      z-index: 100;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      border: 4px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px; }
  .marketing.home .hero.hero-series.hero-4 .flag-mask {
    border-radius: 8px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%; }
  .marketing.home .hero.hero-series.hero-4 .hero-art {
    position: absolute;
    border: none;
    top: 16px;
    left: -30%;
    width: 160%;
    max-width: 160%; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series.hero-4 .hero-art {
        top: 48px;
        left: -32%;
        max-width: 656px; } }
  .marketing.home .hero.hero-series.hero-4 .attribution {
    position: absolute;
    z-index: 900;
    left: 0;
    right: 0;
    bottom: -24px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.home .hero.hero-series.hero-4 .attribution {
        left: auto;
        bottom: -64px; } }

.marketing.home .block-categories {
  padding-top: 96px;
  padding-bottom: 0; }

.marketing.home .hero-content .hero {
  background: #000630;
  padding-top: 32px;
  padding-bottom: 64px; }
  @media screen and (min-width: 64em) {
    .marketing.home .hero-content .hero .hero-row {
      background: url("https://s3.amazonaws.com/crowdspring3-assets/marketing/cs-illustration-homepage-purple.png");
      background-size: contain;
      background-position: right;
      background-repeat: no-repeat;
      height: 400px;
      padding-top: 48px; } }
  .marketing.home .hero-content .hero .hero-container {
    text-align: center; }
    @media screen and (min-width: 64em) {
      .marketing.home .hero-content .hero .hero-container {
        text-align: left; } }
    .marketing.home .hero-content .hero .hero-container .hero-title {
      color: #FFFFFF;
      font-size: 27.648px;
      margin-bottom: 32px;
      font-weight: 700; }
      @media screen and (min-width: 39.4375em) {
        .marketing.home .hero-content .hero .hero-container .hero-title {
          font-size: 33.1776px; } }
    .marketing.home .hero-content .hero .hero-container .hero-text {
      color: rgba(255, 255, 255, 0.6);
      font-size: 19.2px;
      text-align: center;
      line-height: 1.5; }
      @media screen and (min-width: 64em) {
        .marketing.home .hero-content .hero .hero-container .hero-text {
          text-align: left; } }
    .marketing.home .hero-content .hero .hero-container .hero-actions {
      margin-top: 32px; }
      .marketing.home .hero-content .hero .hero-container .hero-actions .btn {
        display: block;
        width: 70%;
        margin: 0 auto 8px; }
        @media screen and (min-width: 39.4375em) {
          .marketing.home .hero-content .hero .hero-container .hero-actions .btn {
            display: inline-block;
            width: auto; } }
  .marketing.home .hero-content .hero .artwork-container {
    margin-top: 40px; }
  .marketing.home .hero-content .hero .hero-art {
    width: 100%;
    max-width: 400px; }
  .marketing.home .hero-content .hero .sub-category-select h2 {
    color: #23B3F1;
    display: inline-block; }
  .marketing.home .hero-content .hero .sub-category-select .header-select {
    display: inline-block;
    width: calc(100% - 126px);
    margin-left: 16px;
    vertical-align: middle; }
  .marketing.home .hero-content .hero .sub-category-select .Select-arrow {
    border-color: #979899 transparent transparent; }
  .marketing.home .hero-content .hero .sub-category-select .Select.is-open .Select-arrow {
    border-color: transparent transparent #979899; }
  .marketing.home .hero-content .hero .sub-category-select .Select-placeholder {
    color: rgba(151, 152, 153, 0.6);
    text-transform: lowercase;
    font-size: 23.04px;
    font-weight: 400; }
  .marketing.home .hero-content .hero .sub-category-select .popular {
    color: rgba(151, 152, 153, 0.6); }
    .marketing.home .hero-content .hero .sub-category-select .popular .tag {
      margin-top: 8px;
      cursor: pointer;
      color: rgba(151, 152, 153, 0.6);
      border-color: rgba(151, 152, 153, 0.6); }
      .marketing.home .hero-content .hero .sub-category-select .popular .tag:first-of-type {
        margin-left: 24px; }
    @media screen and (max-width: 39.375em) {
      .marketing.home .hero-content .hero .sub-category-select .popular {
        margin-top: 16px; } }

.marketing.home .hero-content .block-trusted-by {
  padding: 8px 0 16px;
  background: rgba(205, 211, 255, 0.35); }
  .marketing.home .hero-content .block-trusted-by h4 {
    color: #727273; }
  .marketing.home .hero-content .block-trusted-by img {
    opacity: 0.8;
    margin-bottom: 8px; }
    @media screen and (min-width: 64em) {
      .marketing.home .hero-content .block-trusted-by img {
        margin-bottom: 0; } }

.marketing.home .hero-content .block-brand .item {
  border: 1px solid #F6F7F9;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  text-align: center; }
  @media screen and (min-width: 64em) {
    .marketing.home .hero-content .block-brand .item {
      text-align: left; } }

.marketing.home .hero-content .block-brand img {
  margin-bottom: 16px;
  max-height: 90px; }

.marketing.home .hero-content .block-brand h3 {
  margin-bottom: 0;
  font-size: 27.648px; }

.marketing.home .hero-content .block-brand p {
  margin-bottom: 0;
  margin-top: 24px;
  font-size: 19.2px; }

.marketing.home .hero-content .block-categories {
  padding: 32px 0; }
  .marketing.home .hero-content .block-categories .categories-slider {
    margin-bottom: 16px; }

.marketing.home .hero-content .block-scales {
  padding: 32px 0;
  background: #F6F7F9; }
  .marketing.home .hero-content .block-scales h3 {
    font-size: 27.648px; }
  .marketing.home .hero-content .block-scales img {
    margin: 16px 0;
    max-height: 200px; }
  .marketing.home .hero-content .block-scales .row .columns {
    margin-bottom: 32px; }
    @media screen and (min-width: 64em) {
      .marketing.home .hero-content .block-scales .row .columns {
        margin-bottom: 0; } }

.marketing.home .hero-content .block-testimonial {
  padding: 32px 0 0; }

.marketing.home .hero-content .block-featured {
  padding-bottom: 24px;
  background: #F6F7F9; }

.marketing.home .hero-content .block-easy-to-start {
  background: #F6F7F9; }
  .marketing.home .hero-content .block-easy-to-start .easy-to-start {
    border: 1px solid #F6F7F9;
    padding: 24px 16px 8px;
    border-radius: 8px;
    background: #FFFFFF; }
    .marketing.home .hero-content .block-easy-to-start .easy-to-start .text {
      margin-bottom: 16px;
      display: inline-block; }
    .marketing.home .hero-content .block-easy-to-start .easy-to-start .btn {
      display: block;
      margin-bottom: 16px; }
      @media screen and (min-width: 39.4375em) {
        .marketing.home .hero-content .block-easy-to-start .easy-to-start .btn {
          display: inline-block;
          margin-left: 16px; } }

.marketing.home .hero-content .block-floating-images {
  padding: 24px 0;
  background: #F6F7F9; }

.marketing.externalCategories .l-content {
  padding: 0; }

.marketing.externalCategories .block-hero.hero-1 {
  background: #000630;
  padding-top: 16px;
  margin-bottom: 144px;
  height: 500px; }
  @media screen and (min-width: 39.4375em) {
    .marketing.externalCategories .block-hero.hero-1 {
      height: 400px;
      padding-top: 64px;
      margin-bottom: 64px; } }
  @media screen and (min-width: 64em) {
    .marketing.externalCategories .block-hero.hero-1 {
      height: 440px;
      margin-bottom: 96px; } }
  .marketing.externalCategories .block-hero.hero-1 .hero-container .hero-subtitle {
    color: rgba(255, 255, 255, 0.5); }
  .marketing.externalCategories .block-hero.hero-1 .hero-container .hero-actions {
    margin-top: 32px; }
    .marketing.externalCategories .block-hero.hero-1 .hero-container .hero-actions .btn-text {
      width: auto;
      border-left: 0; }
  .marketing.externalCategories .block-hero.hero-1 .artwork-container {
    width: 390px;
    height: 340px;
    margin: 32px auto 0; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .block-hero.hero-1 .artwork-container {
        margin: 64px 0 0; } }
    @media screen and (min-width: 64em) {
      .marketing.externalCategories .block-hero.hero-1 .artwork-container {
        padding-top: calc(100% - 16px);
        width: 100%;
        height: auto; } }
  .marketing.externalCategories .block-hero.hero-1 .hero-art {
    position: absolute;
    left: -16px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .block-hero.hero-1 .hero-art {
        left: -64px; } }
    @media screen and (min-width: 64em) {
      .marketing.externalCategories .block-hero.hero-1 .hero-art {
        position: absolute;
        max-width: 100%;
        width: 100%;
        top: 0; } }
  .marketing.externalCategories .block-hero.hero-1 .attribution {
    position: absolute;
    bottom: -32px;
    right: 25%;
    background: white;
    padding: 4px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .block-hero.hero-1 .attribution {
        left: 0;
        right: auto; } }
    @media screen and (min-width: 64em) {
      .marketing.externalCategories .block-hero.hero-1 .attribution {
        bottom: 0;
        right: 96px; } }

.marketing.externalCategories form.categories {
  margin-bottom: 32px; }
  .marketing.externalCategories form.categories label {
    font-size: 27.648px;
    font-weight: 700;
    color: #4C4C4D; }
  .marketing.externalCategories form.categories .simple-input {
    border-bottom: 2px solid #BDBEBF; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories form.categories .simple-input {
        margin-left: 8px; } }
    .marketing.externalCategories form.categories .simple-input input {
      border: 0;
      outline: 0;
      font-size: 27.648px;
      font-weight: 700;
      color: #4C4C4D;
      text-align: center; }
      .marketing.externalCategories form.categories .simple-input input::-webkit-input-placeholder {
        color: #BDBEBF; }
      .marketing.externalCategories form.categories .simple-input input::-moz-placeholder {
        color: #BDBEBF; }
      .marketing.externalCategories form.categories .simple-input input:-ms-input-placeholder {
        color: #BDBEBF; }
      .marketing.externalCategories form.categories .simple-input input:-moz-placeholder {
        color: #BDBEBF; }
      @media screen and (min-width: 39.4375em) {
        .marketing.externalCategories form.categories .simple-input input {
          text-align: left; } }
  @media screen and (min-width: 39.4375em) {
    .marketing.externalCategories form.categories label,
    .marketing.externalCategories form.categories .simple-input {
      display: inline-block; } }

.marketing.externalCategories .popular-indicator {
  color: #DD0268;
  font-weight: 600;
  margin-bottom: 32px; }

.marketing.externalCategories .subcategory {
  position: relative; }
  .marketing.externalCategories .subcategory a {
    padding-left: 8px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .subcategory a {
        padding-left: 0; } }
  .marketing.externalCategories .subcategory .popular {
    position: absolute;
    left: 8px;
    top: 4px;
    color: #DD0268; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .subcategory .popular {
        left: 4px; } }

.marketing.externalCategories .category {
  margin-bottom: 32px; }
  @media screen and (min-width: 39.4375em) {
    .marketing.externalCategories .category {
      margin-bottom: 48px; } }
  .marketing.externalCategories .category h2 {
    font-size: 19.2px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .category h2 {
        font-size: 23.04px; } }
  .marketing.externalCategories .category h3 {
    font-size: inherit;
    color: inherit;
    font-weight: inherit; }
  .marketing.externalCategories .category a {
    color: #727273;
    display: block;
    margin-bottom: 8px;
    font-size: 19.2px; }
    .marketing.externalCategories .category a:hover {
      text-decoration: underline; }
    @media screen and (min-width: 39.4375em) {
      .marketing.externalCategories .category a {
        display: inline;
        margin-bottom: 0; } }

.marketing.testimonials .l-content {
  padding-top: 0; }

.marketing.testimonials .block.block-hero .hero-subtitle {
  color: rgba(255, 255, 255, 0.5); }

.marketing.testimonials .block-ratings i.fa-star {
  color: #FEB118;
  margin-right: 4px;
  font-size: 27.648px; }

.marketing.testimonials .block-ratings a {
  font-weight: 600; }

.marketing.testimonials .block-clients .client {
  margin-bottom: 32px; }

.marketing.about .l-content {
  padding: 64px 0 96px; }
  .marketing.about .l-content.about-us {
    padding-bottom: 0; }

.marketing.about .about-us .block:first-child {
  padding-top: 0; }

.marketing.about .team .team-member {
  margin: 0 0 64px; }
  .marketing.about .team .team-member:last-child {
    margin-bottom: 0; }
  .marketing.about .team .team-member h3 {
    margin-bottom: 0; }

.marketing.about .team .team-social-media .btn {
  padding-left: 0; }

.marketing.about .jobs h4 {
  margin-top: 16px; }

.marketing.about .jobs ul {
  list-style: disc;
  margin-left: 1em; }

.marketing.affiliates .l-content {
  padding-top: 0; }

@media screen and (min-width: 39.4375em) {
  .marketing.affiliates .block-hero {
    height: 400px;
    margin-bottom: 16px; } }

@media screen and (min-width: 64em) {
  .marketing.affiliates .block-hero {
    height: 340px;
    margin-bottom: 48px; } }

.marketing.affiliates .block-hero .hero-subtitle {
  color: rgba(255, 255, 255, 0.5); }

.marketing.affiliates .block-hero .artwork-container {
  width: 100%;
  height: auto;
  float: right; }
  @media screen and (min-width: 64em) {
    .marketing.affiliates .block-hero .artwork-container {
      width: 60%; } }

.marketing.affiliates .block-hero .artwork {
  position: absolute;
  left: 0;
  max-width: 100%;
  width: 100%;
  top: 32px; }
  @media screen and (min-width: 64em) {
    .marketing.affiliates .block-hero .artwork {
      left: -112px;
      top: 0; } }

.marketing.affiliates .block-affiliates-how .step-name {
  color: #DD0268; }

.marketing.affiliates .block-affiliates-how .step-number {
  font-size: 47.77574px;
  margin-right: 16px; }
  @media screen and (min-width: 64em) {
    .marketing.affiliates .block-affiliates-how .step-number {
      font-size: 99.06px; } }

@media screen and (max-width: 39.375em) {
  .marketing.affiliates .block-affiliates-how ul {
    margin-bottom: 24px; } }

.marketing.affiliates .block-affiliates-how .fa-long-arrow-right {
  color: #DD0268; }

.marketing.affiliates .block-affiliates-how .faq-row {
  margin-top: 48px; }
  @media screen and (min-width: 39.4375em) {
    .marketing.affiliates .block-affiliates-how .faq-row {
      margin-top: 88px; } }

.marketing.affiliates .block-affiliates-how .faq-list {
  margin: 32px 0; }

.marketing.pricing .l-content {
  padding-top: 0; }

.marketing.pricing .block-hero .hero-subtitle {
  color: rgba(255, 255, 255, 0.5); }

.marketing.pricing .block-hero .artwork-container {
  min-height: 340px; }
  @media screen and (min-width: 64em) {
    .marketing.pricing .block-hero .artwork-container {
      min-height: 360px; } }
  .marketing.pricing .block-hero .artwork-container .artwork {
    position: absolute;
    max-width: 240px;
    left: 0px;
    top: -96px;
    -ms-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); }
    @media screen and (min-width: 39.4375em) {
      .marketing.pricing .block-hero .artwork-container .artwork {
        max-width: 324px;
        top: -192px;
        -ms-transform: rotate(7deg);
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg); } }
  .marketing.pricing .block-hero .artwork-container .attribution {
    position: absolute;
    left: 0;
    bottom: -80px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.pricing .block-hero .artwork-container .attribution {
        bottom: -160px; } }
    @media screen and (min-width: 64em) {
      .marketing.pricing .block-hero .artwork-container .attribution {
        bottom: -112px;
        left: auto;
        right: 80px; } }

.marketing.pricing .block-packages {
  background: #F6F7F9;
  padding-bottom: 0; }
  .marketing.pricing .block-packages .form-header {
    font-size: 19.2px; }
    @media screen and (min-width: 39.4375em) {
      .marketing.pricing .block-packages .form-header {
        font-size: 23.04px; } }
  @media screen and (min-width: 39.4375em) and (max-width: 63.9375em) {
    .marketing.pricing .block-packages {
      padding-top: 192px; } }
  .marketing.pricing .block-packages .block-header {
    margin-bottom: 0; }
  @media screen and (min-width: 39.4375em) {
    .marketing.pricing .block-packages .package-selector .package {
      min-height: 600px; } }
  .marketing.pricing .block-packages .package-selector {
    margin-top: 32px;
    margin-bottom: -32px; }
  .marketing.pricing .block-packages .package-selector .packages .intro {
    margin-top: 0; }

.marketing.pricing .block-1to1 .content-block {
  text-align: center; }
  .marketing.pricing .block-1to1 .content-block h3 {
    color: #DD0268; }

.subcat-testimonial {
  margin: 16px 0 40px; }
  .subcat-testimonial .body {
    font-size: 23.04px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative; }
    .subcat-testimonial .body:before {
      content: '\201C';
      font-family: 'Ultra', 'Georgia', Times, serif;
      font-size: 47.77574px;
      color: #BDBEBF;
      position: absolute;
      top: -40px; }
      @media screen and (min-width: 64em) {
        .subcat-testimonial .body:before {
          font-size: 99.06px;
          position: absolute;
          left: -64px;
          top: -48px; } }
  .subcat-testimonial .author {
    font-size: 16px;
    font-weight: 600; }

.marketing.how .l-content {
  padding-top: 0; }

.marketing.how .block-hero {
  padding-bottom: 0; }
  .marketing.how .block-hero .hero-subtitle {
    margin-bottom: 64px;
    color: rgba(255, 255, 255, 0.5); }
  .marketing.how .block-hero .step {
    display: inline-block;
    color: #FFFFFF;
    font-size: 27.648px; }
  .marketing.how .block-hero .fa-long-arrow-right {
    margin: 0 16px; }
  .marketing.how .block-hero .btn-primary {
    margin: 0 0 16px; }
  @media screen and (max-width: 63.9375em) {
    .marketing.how .block-hero {
      text-align: center; }
      .marketing.how .block-hero .btn-primary {
        margin: 16px 0;
        float: none; } }
  @media screen and (max-width: 39.375em) {
    .marketing.how .block-hero .step {
      font-size: 16px; }
    .marketing.how .block-hero .fa-long-arrow-right {
      margin: 0 4px; } }

.marketing.how .how-step {
  background: #F6F7F9;
  padding: 48px 0; }
  .marketing.how .how-step .step-title {
    position: relative;
    font-size: 33.1776px;
    color: #DD0268;
    font-weight: 600;
    margin: 0 0 24px;
    line-height: initial; }
    .marketing.how .how-step .step-title .number {
      font-size: 99.06px;
      position: absolute;
      top: -72px;
      left: -80px; }
    @media screen and (max-width: 63.9375em) {
      .marketing.how .how-step .step-title {
        text-align: center; }
        .marketing.how .how-step .step-title .number {
          font-size: 47.77574px;
          position: initial;
          display: block; } }
  .marketing.how .how-step .artwork-container {
    margin: 120px 0 0; }
    @media screen and (max-width: 63.9375em) {
      .marketing.how .how-step .artwork-container {
        margin: 64px 0 0; } }
  .marketing.how .how-step .step-features {
    margin: 24px 0;
    color: #262626; }
    .marketing.how .how-step .step-features i {
      margin-left: -28px;
      margin-right: 8px;
      color: #DD0268; }
      @media screen and (max-width: 63.9375em) {
        .marketing.how .how-step .step-features i {
          margin-left: 0; } }
  .marketing.how .how-step .testimonial {
    color: #262626;
    margin: 48px 0 48px; }
    .marketing.how .how-step .testimonial .quote {
      font-style: italic;
      font-family: "Crete Round", "Bookman", Georgia, serif; }
    .marketing.how .how-step .testimonial .author {
      font-size: 16px;
      margin-top: 8px; }
    .marketing.how .how-step .testimonial img {
      border-radius: 50%;
      height: 40px; }
  @media screen and (min-width: 64em) {
    .marketing.how .how-step.step-1 {
      padding-top: 64px; } }
  .marketing.how .how-step.step-2 {
    background: #FFFFFF; }
    .marketing.how .how-step.step-2 .step-title .number {
      position: initial;
      line-height: 80px;
      display: block; }
    .marketing.how .how-step.step-2 .subtitle {
      margin-bottom: 40px; }
    .marketing.how .how-step.step-2 .one-to-one-row {
      margin-top: 64px; }
      .marketing.how .how-step.step-2 .one-to-one-row .artwork-container {
        margin: 88px 32px 0;
        padding: 32px;
        background: rgba(121, 207, 244, 0.02);
        border-radius: 32px; }
    .marketing.how .how-step.step-2 .consultation-row {
      margin-top: 80px; }
  @media screen and (min-width: 64em) {
    .marketing.how .how-step.step-3 {
      padding-top: 64px; } }
  .marketing.how .how-step.step-3 .step-title .number {
    left: -96px; }
  @media screen and (min-width: 64em) {
    .marketing.how .how-step.step-3 .artwork-container {
      margin: 32px 0 0; } }

.marketing.legal .l-content {
  padding: 32px 0 96px; }

.marketing.legal h3 {
  margin-top: 32px; }

.marketing.legal strong {
  color: #262626; }

.marketing.legal ul {
  list-style: disc;
  margin-left: 1em; }

.marketing.case_studies .l-content {
  padding-top: 0; }

.marketing.case_studies .block-hero .hero-subtitle {
  color: rgba(255, 255, 255, 0.5); }

.marketing.case_studies .block-case-studies {
  padding-bottom: 0; }
  .marketing.case_studies .block-case-studies .header-row {
    margin-bottom: 40px; }
    .marketing.case_studies .block-case-studies .header-row h3 {
      display: inline-block; }
    .marketing.case_studies .block-case-studies .header-row .form-group select {
      font-size: 23.04px; }
    @media screen and (min-width: 64em) {
      .marketing.case_studies .block-case-studies .header-row .form-group {
        margin-left: 16px;
        display: inline-block; } }
    .marketing.case_studies .block-case-studies .header-row a {
      line-height: 64px; }
  .marketing.case_studies .block-case-studies .item {
    border: 1px solid #EBEDF1;
    padding: 16px;
    margin-bottom: 32px; }
    .marketing.case_studies .block-case-studies .item .client {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
      color: #BDBEBF; }
    .marketing.case_studies .block-case-studies .item .title {
      margin: 16px 0 32px; }
    .marketing.case_studies .block-case-studies .item .image {
      background-position: center center;
      background-size: cover;
      height: 250px;
      margin: 0 -16px; }
    .marketing.case_studies .block-case-studies .item .cta {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 600;
      margin: 24px 0 8px; }

.refer-a-friend {
  padding-top: 64px; }
  @media screen and (min-width: 39.4375em) {
    .refer-a-friend .btn-tertiary {
      width: 112px; } }
  .refer-a-friend h1 {
    font-size: 33.1776px; }
  .refer-a-friend .intro {
    font-size: 19.2px;
    margin-bottom: 56px; }
  .refer-a-friend .image-container {
    text-align: center;
    padding-top: 80px; }
    .refer-a-friend .image-container img {
      max-width: 300px;
      text-align: center; }
    .refer-a-friend .image-container .attribution {
      text-align: right; }
  .refer-a-friend .referral-count {
    color: #DD0268;
    cursor: pointer; }
  .refer-a-friend .friends-field .form-group {
    margin-bottom: 8px; }
    @media screen and (min-width: 39.4375em) {
      .refer-a-friend .friends-field .form-group {
        margin-bottom: 16px; } }
  .refer-a-friend .friends-field .friend-row {
    padding: 8px 0;
    margin: 0;
    border-top: 1px solid #EBEDF1; }
    .refer-a-friend .friends-field .friend-row:last-child {
      border-bottom: 1px solid #EBEDF1; }
  .refer-a-friend .friends-field .btn-tertiary {
    margin-bottom: 32px; }
    @media screen and (min-width: 39.4375em) {
      .refer-a-friend .friends-field .btn-tertiary {
        margin-top: 16px;
        margin-bottom: 0;
        float: right; } }
  .refer-a-friend .friends-field .fa-times-circle {
    color: #979899; }
    .refer-a-friend .friends-field .fa-times-circle:hover {
      color: #727273; }
  .refer-a-friend .btn-animated-wrapper {
    margin-top: 40px; }
  .refer-a-friend .share {
    margin-top: 64px; }
    .refer-a-friend .share h3 {
      margin-bottom: 24px; }
    .refer-a-friend .share .link {
      display: block;
      text-align: center;
      font-size: 19.2px; }
      @media screen and (min-width: 64em) {
        .refer-a-friend .share .link {
          display: inline-block;
          text-align: left; } }
    .refer-a-friend .share .btn-tertiary {
      display: block;
      margin: 16px auto 0; }
      @media screen and (min-width: 64em) {
        .refer-a-friend .share .btn-tertiary {
          display: inline-block;
          float: right;
          margin: -4px 0 0; } }
    .refer-a-friend .share .social-media {
      margin-top: 32px;
      font-size: 19.2px; }
      .refer-a-friend .share .social-media button {
        margin-left: 4px; }
      .refer-a-friend .share .social-media i {
        font-size: 23.04px; }
        .refer-a-friend .share .social-media i:hover {
          color: #4C4C4D; }

.marketing {
  background-color: white; }
  .marketing .l-content {
    padding-bottom: 0; }
  .marketing .attribution {
    font-size: 11.10222px;
    text-align: right; }
    @media screen and (min-width: 39.4375em) {
      .marketing .attribution {
        font-size: 13.328px; } }
    .marketing .attribution a {
      color: #4C4C4D;
      font-weight: 600; }
      .marketing .attribution a:hover {
        text-decoration: underline; }
  .marketing .artwork-container {
    position: relative;
    overflow: visible; }
  .marketing .slick-dots li {
    width: 12px;
    height: 12px;
    background: #BDBEBF; }
    .marketing .slick-dots li.slick-active {
      background: #727273; }

.landing_page .l-content {
  padding: 0; }

.avatar-team {
  margin: 0 auto 16px;
  border: 4px solid #FFFFFF;
  box-shadow: 0 4px 16px 0 rgba(114, 114, 115, 0.2); }
  .avatar-team.no-border {
    border: 0; }

/*# sourceMappingURL=https://s3.amazonaws.com/crowdspring3-assets/app/main.2b6feaa7dccb82ebffe2e0272f518ecf.css.map*/