@import url(//hello.myfonts.net/count/372e21);@charset "UTF-8";
.comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 22px; }
  .comment__avatar {
    width: 40px; }
  .comment__body {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0 16px; }
  .comment__msg {
    white-space: pre-line; }
  .comment__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 8px; }
  .comment__pm-btn {
    color: #7F7F7F;
    cursor: pointer;
    font-size: 14px; }
  .comment--last {
    margin: 0; }

.seperated a::before(:first-child) {
  width: 3px;
  content: "\B7";
  margin: 0 1px; }

.seperator--dot {
  color: #BFBFBF;
  margin: 0 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.msg__send {
  background: 0;
  border: 0;
  color: #BFBFBF;
  cursor: pointer;
  font-size: 16px;
  height: 100%;
  outline: none;
  padding: 12px 0;
  position: absolute;
  right: 25px;
  -webkit-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
  z-index: 2; }
  .msg__send:hover {
    color: #dea900;
    display: block; }

.msg__form {
  background: #FFFFFF;
  position: relative; }

.msg__textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 1px;
  border-color: #E5E5E5;
  -webkit-box-flex: 1;
      -ms-flex: 1 2 auto;
          flex: 1 2 auto;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  padding: 10px 70px 10px 15px;
  resize: none;
  overflow: hidden;
  z-index: 1;
  border: solid 1px #E5E5E5; }
  .msg__textarea:focus {
    outline: none;
    border-color: #404040; }
  .msg__textarea::-webkit-input-placeholder {
    font-family: "Open Sans", Helvetica, sans-serif;
    color: #BFBFBF; }
  .msg__textarea::-moz-placeholder {
    font-family: "Open Sans", Helvetica, sans-serif;
    color: #BFBFBF; }
  .msg__textarea::-ms-input-placeholder {
    font-family: "Open Sans", Helvetica, sans-serif;
    color: #BFBFBF; }
  .msg__textarea::placeholder {
    font-family: "Open Sans", Helvetica, sans-serif;
    color: #BFBFBF; }
  .msg__textarea:hover {
    border-color: #BFBFBF; }
  .msg__textarea:focus + .msg__send:not(.isEmpty) {
    color: #F7BC00;
    display: block; }

.classified-secondary__comments .msg__form {
  position: absolute;
  width: 577px; }

.classified-secondary__comments .msg__send {
  right: 15px; }

.isEmpty {
  display: none; }
.btn--load-all {
  padding: 0;
  position: relative;
  left: 56px;
  margin-top: 22px; }
.modal-progress {
  position: absolute;
  width: 100%;
  top: 0; }
  .modal-progress progress {
    display: block;
    width: 100%;
    height: 5px;
    -webkit-appearance: initial;
    -moz-appearance: initial;
         appearance: initial; }
    .modal-progress progress::-webkit-progress-bar {
      background: #F0F0F0; }
    .modal-progress progress::-moz-progress-bar {
      background: #319A92; }
    .modal-progress progress::-ms-fill {
      background: #319A92; }
    .modal-progress progress::-webkit-progress-value {
      background: #319A92;
      -webkit-transition: width 0.3s ease;
      -o-transition: width 0.3s ease;
      transition: width 0.3s ease; }
.modal {
  -webkit-animation: fadeInTop 0.4s ease-out 1;
          animation: fadeInTop 0.4s ease-out 1; }
  .modal-cover {
    position: fixed;
    z-index: 5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(34, 34, 34, 0.7);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-animation: fadeIn 0.2s ease-out 1;
            animation: fadeIn 0.2s ease-out 1; }
  .modal .cover-internal {
    position: absolute; }
  .modal-close, .modal-icon {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 43px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    position: absolute;
    right: 16px;
    top: 16px; }
    .modal-close:focus, .modal-icon:focus {
      outline: none; }
  .modal .label {
    line-height: 3; }
  .modal-icon {
    right: 50px;
    top: 14px;
    cursor: pointer; }
  .modal-bottom-close {
    padding-top: 20px; }
    .modal-bottom-close button {
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0; }
    .modal-bottom-close span {
      opacity: 0.7;
      font-size: 16px;
      font-weight: normal;
      color: #FFFFFF; }
  .modal__inner {
    padding: 40px; }
.favorite {
  position: relative;
  width: 41px;
  height: 29px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  -webkit-transition: fill 0.15s ease, stroke 0.15s ease, opacity 0.15s ease;
  -o-transition: fill 0.15s ease, stroke 0.15s ease, opacity 0.15s ease;
  transition: fill 0.15s ease, stroke 0.15s ease, opacity 0.15s ease;
  color: #E5E5E5;
  top: 2px; }
  .favorite__label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 6px;
    font-size: 12px;
    text-align: center; }
  .favorite__number {
    color: #000000;
    font-size: 12px;
    position: absolute;
    right: 100%;
    top: 5px; }
  .favorite:focus {
    outline: none; }
  .favorite--animateIn .svgicon {
    -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
    -webkit-animation-name: heartBeat;
            animation-name: heartBeat; }
  .favorite:not(.favorite--toggled):hover {
    opacity: 0.5; }
  .favorite--outline:not(.favorite--toggled):not(.favorite--animateIn) {
    color: #4a4a4a; }
    .favorite--outline:not(.favorite--toggled):not(.favorite--animateIn) svg path {
      fill: transparent;
      stroke: #4a4a4a; }
  .favorite--toggled svg path {
    fill: #821C18;
    stroke: #821C18; }
.card {
  position: relative;
  max-width: 210px;
  background-color: #FFF;
  border-radius: 5px;
  margin: 0 12px; }
  .card__link {
    display: block; }
  .card__headline {
    color: #4A4A4A;
    font-size: 16px;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-weight: 500; }
  .card__headline, .card__extra {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 181px;
    margin: 5px 0; }
  .card__extra {
    margin: auto 0; }
  .card__size {
    margin-left: 2.66667px; }
  .card__content {
    color: #5E5E5E;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px 0 27px; }
    .card__content--content-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .card__content--skeleton {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 1em; }
    .card__content .favorite {
      margin: auto 0;
      display: inherit; }
      .card__content .favorite__number {
        right: 26px;
        top: 6px; }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .card__content .favorite__number {
            top: 4px; } }
      .card__content .favorite .svgicon {
        margin-left: auto; }
  .card__profile-picture {
    position: absolute;
    top: 209px;
    right: 10px; }
  .card__picture {
    border-radius: 1px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    max-height: 218px;
    min-width: 210px;
    height: 210px; }
  .card__boost-badge {
    position: absolute;
    bottom: 81px;
    left: 15px;
    border-radius: 3px;
    padding: 2px 6px;
    background-color: #F9D180;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase; }
.classified-list {
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 0 0 -12px;
  padding-bottom: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }
  .classified-list.classified-list--updating {
    opacity: 0.7; }
.expandable {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  white-space: pre-wrap;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-break: break-word; }
  .expandable__more, .expandable__less {
    color: #F7BC00; }
    .expandable__more:focus, .expandable__less:focus {
      outline: none; }
    .expandable__more:hover, .expandable__less:hover {
      cursor: pointer;
      text-decoration: underline; }
.state-tag {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  border-radius: 1px;
  color: #FFFFFF;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 4px 11px;
  padding: 3px 7px 0;
  text-transform: uppercase; }
  .state-tag--active {
    display: none; }
  .state-tag--deactivated, .state-tag--deactivated-support, .state-tag--deleted, .state-tag--deleted-support {
    background-color: #7F7F7F; }
  .state-tag--reserved {
    background-color: #309A93; }
  .state-tag--sold {
    background-color: #821C18; }
/* settings.scss */
.slide-buttons {
  background-color: transparent; }
  .slide-buttons__half {
    border: none;
    outline: none;
    padding: 0;
    cursor: default;
    opacity: 0; }
    .slide-buttons__half.active {
      cursor: pointer;
      opacity: 1; }
.gallery {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }
  .gallery .slide-buttons__half {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    outline: none;
    position: absolute;
    top: 50%;
    width: 10%; }
    .gallery .slide-buttons__half.active {
      cursor: pointer; }
    .gallery .slide-buttons__half.active:focus .slide-buttons__arrow, .gallery .slide-buttons__half.active:hover .slide-buttons__arrow {
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
      .gallery .slide-buttons__half.active:focus .slide-buttons__arrow > *, .gallery .slide-buttons__half.active:hover .slide-buttons__arrow > * {
        opacity: 1;
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0); }
    .gallery .slide-buttons__half--right {
      -webkit-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
              transform: scaleX(-1);
      margin-left: 90%; }
      .gallery .slide-buttons__half--right__arrow {
        right: 0; }
    .gallery .slide-buttons__half--left__arrow {
      left: 0; }
  .gallery .slide-buttons__arrow {
    height: 39.4px;
    background-color: #000000;
    -webkit-box-shadow: 0 15px 35px 0 rgba(50, 93, 88, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 35px 0 rgba(50, 93, 88, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    bottom: 60%;
    border-radius: 27px;
    cursor: pointer;
    left: 15px;
    opacity: 0.5;
    position: relative;
    width: 39.4px; }
    .gallery .slide-buttons__arrow > * {
      position: absolute;
      top: 13px;
      left: 14px;
      -webkit-transition: opacity 0.15s ease 0.2s, -webkit-transform 0.15s ease 0.2s;
      transition: opacity 0.15s ease 0.2s, -webkit-transform 0.15s ease 0.2s;
      -o-transition: opacity 0.15s ease 0.2s, transform 0.15s ease 0.2s;
      transition: opacity 0.15s ease 0.2s, transform 0.15s ease 0.2s;
      transition: opacity 0.15s ease 0.2s, transform 0.15s ease 0.2s, -webkit-transform 0.15s ease 0.2s;
      z-index: 1; }
  .gallery:hover .slide-buttons.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .gallery .modal-cover.modal-cover {
    background-color: rgba(34, 34, 34, 0.99); }

.modal--gallery.modal--gallery {
  background-color: rgba(34, 34, 34, 0.99); }

.modal-cover--gallery {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 5; }
  .modal-cover--gallery .galery__original {
    max-width: 100%; }
  .modal-cover--gallery .gallery-thumbs {
    background-color: rgba(34, 34, 34, 0.99);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .modal-cover--gallery .modal-close {
    left: 10%;
    top: 10px;
    color: #FFFFFF;
    font-size: 16px;
    width: 70px; }
    .modal-cover--gallery .modal-close .close-text {
      position: relative;
      bottom: 2px; }
  .modal-cover--gallery .slide-buttons__arrow {
    -webkit-box-shadow: none;
            box-shadow: none; }
    .modal-cover--gallery .slide-buttons__arrow.slide-buttons__arrow {
      background-color: transparent; }
  .modal-cover--gallery .slide-buttons__half {
    z-index: 10; }
    .modal-cover--gallery .slide-buttons__half--left {
      left: 20%; }
    .modal-cover--gallery .slide-buttons__half--right {
      right: 20%; }
.gallery-thumbs {
  max-width: calc(100% + 20px);
  margin: 10px -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .gallery-thumbs__thumb {
    padding: 0;
    border: none;
    outline: none;
    margin: 10px;
    width: 62px;
    height: 62px;
    overflow: hidden;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease; }
    .gallery-thumbs__thumb img {
      width: 100%; }
    .gallery-thumbs__thumb:hover {
      opacity: 1; }
    .gallery-thumbs__thumb--selected {
      opacity: 1; }
.filter-breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px; }
  .filter-breadcrumbs__tag {
    cursor: pointer;
    line-height: 1.5;
    text-decoration: none; }
    .filter-breadcrumbs__tag.filter-breadcrumbs__tag {
      color: #7F7F7F; }
    .filter-breadcrumbs__tag:not(:first-child)::before {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 10 19' stroke='%237F7F7F'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%235E5E5E' stroke-linecap='round' stroke-linejoin='round' d='M0 1l9.66 8.5L0 18'/%3E %3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      content: "";
      cursor: default;
      display: inline-block;
      height: 10px;
      margin: 0 8px;
      width: 10px; }
.modal--classified-location {
  padding: 23px; }
  .modal--classified-location h4 {
    margin-bottom: 16px; }
  .modal--classified-location .map {
    width: 600px;
    height: 420px; }
.smileys {
  font-size: 16px;
  /* IMAGE STYLES */
  /* CHECKED STYLES */ }
  .smileys [type=radio] + img {
    cursor: pointer; }
  .smileys > * {
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 18px; }
  .smileys--inactive .smileys__smiley {
    opacity: 0.3; }
    .smileys--inactive .smileys__smiley.smiley--active,
    .smileys--inactive .smileys__smiley [type=radio]:checked + img, .smileys--inactive .smileys__smiley:hover {
      opacity: 1;
      cursor: pointer; }
  .smileys__smiley {
    margin-top: 0;
    margin-bottom: 0; }
    .smileys__smiley > * {
      margin: 0;
      display: inline-block; }
    .smileys__smiley--active {
      border-bottom: solid 2px #404040; }
  .smileys--user {
    position: absolute;
    left: 0;
    top: calc(100% + 16px); }
    .smileys--user > * {
      margin-right: 12px; }

.smiley__key {
  cursor: pointer;
  margin-right: 8px; }

.smiley__value {
  font-weight: 700; }
.user-widget {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding-left: 48px;
  position: relative; }
  .user-widget--reviews.user-widget--reviews.user-widget--reviews {
    margin-bottom: 52px; }
  .user-widget > a:link {
    text-decoration: none; }
  .user-widget .profile-picture {
    position: absolute;
    left: 0;
    top: 0; }
  .user-widget__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    font-size: 16px;
    font-weight: 700;
    margin: 0; }
  .user-widget__profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .user-widget__legend {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #969696; }
  .user-widget__rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: -8px; }
  .user-widget .user__reviews {
    position: absolute;
    left: 0;
    top: calc(100% + 16px); }
.support-note {
  background-color: #F5F5F5;
  border-radius: 1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 20px 0 16px;
  padding: 15px; }
  .support-note__header {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-weight: 700; }
  .support-note__description {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    margin: 8px 0 10px; }
  .support-note__timestamp {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F; }
.stickyContainer {
  position: absolute;
  height: 100%; }
  .stickyContainer.stickyA {
    right: 994px; }
  .stickyContainer.stickyB {
    left: 994px; }

.adUnit-container {
  text-align: center;
  min-height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .adUnit-container.stickyA {
    float: right;
    position: -webkit-sticky;
    position: sticky;
    top: 24px; }
  .adUnit-container.stickyB {
    position: -webkit-sticky;
    position: sticky;
    top: 24px; }
  .adUnit-container.sky {
    min-height: 160px;
    position: -webkit-sticky;
    position: sticky;
    top: 180px;
    margin-bottom: 48px; }
  .adUnit-container.topBanner {
    margin-top: 24px;
    min-height: 250px; }
  .adUnit-container.frontBeforeFeed {
    position: relative;
    left: -29px;
    width: 970px;
    margin-bottom: 24px; }
  .adUnit-container.listing {
    position: relative;
    left: -29px;
    width: 970px;
    margin-bottom: 48px; }
  .adUnit-container.shop {
    position: relative;
    left: -29px;
    width: 970px;
    margin-bottom: 48px; }
  .adUnit-container.classifiedlist-main {
    position: relative;
    left: -29px;
    width: 970px;
    margin-bottom: 48px; }
  .adUnit-container.classifiedlist-shop {
    position: relative;
    left: -29px;
    width: 970px;
    margin-bottom: 48px; }
  .adUnit-container.classifiedlist-classified {
    position: relative;
    left: -29px;
    width: 970px;
    margin-bottom: 48px; }

.adUnit-optOut {
  text-align: center;
  margin-top: 10px;
  width: 500px; }

.adUnit-optOut-cta {
  color: #BFBFBF;
  cursor: pointer;
  border: 0px;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal; }

.adUnit-optOut-cta-golden {
  color: #F7BC00; }
.classified-details {
  padding-top: 40px; }
  .classified-details__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
  .classified-details__image.classified-details__image {
    width: 600px; }
  .classified-details__detail-view.classified-details__detail-view {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .classified-details__located {
    margin: 10px 0 0 30px; }
  .classified-details .comments-back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 16px; }
  .classified-details .classified-details-item__created-at {
    color: #7F7F7F;
    font-size: 14px;
    margin-top: 8px; }
  .classified-details .classified-details-item__meta {
    color: #404040;
    font-size: 16px;
    margin: 32px 0; }
    .classified-details .classified-details-item__meta__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 20px; }
      .classified-details .classified-details-item__meta__row::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        height: 20px;
        margin-right: 8px;
        width: 20px; }
      .classified-details .classified-details-item__meta__row--size::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E %3Cpath fill='%23404040' fill-rule='evenodd' d='M19.878 4.702L15.295.118a.428.428 0 0 0-.59 0l-2.621 2.62 1.972 1.95a.417.417 0 0 1-.586.593l-1.975-1.953-1.078 1.079 2.378 2.379a.417.417 0 0 1-.59.589L9.828 4.996 8.554 6.27l1.753 1.753a.418.418 0 0 1-.295.712.415.415 0 0 1-.294-.122L7.965 6.86 6.88 7.944l2.378 2.379a.415.415 0 0 1 0 .588.413.413 0 0 1-.59 0L6.293 8.534l-1.28 1.278 1.973 1.948a.418.418 0 0 1-.294.713.411.411 0 0 1-.292-.12l-1.975-1.95-1.079 1.077 2.379 2.378a.418.418 0 0 1-.295.712.415.415 0 0 1-.295-.122l-2.378-2.379-2.634 2.635a.417.417 0 0 0 0 .59l4.583 4.584a.42.42 0 0 0 .59 0L19.877 5.291a.417.417 0 0 0 0-.59'/%3E %3C/svg%3E"); }
      .classified-details .classified-details-item__meta__row--condition::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='20' viewBox='0 0 19 20'%3E %3Cpath fill='%23404040' fill-rule='evenodd' d='M8.478 15.014c1.031.644 1.365 1.974.747 2.964-.228.363-.553.63-.923.791a2.456 2.456 0 0 1-2.466-.485c-.705-.702-.878-1.794-.349-2.641.619-.99 1.96-1.273 2.991-.629M15.752 1.97c-2.266-1.417-5.219-.797-6.58 1.382L8.274 4.79a.433.433 0 0 0 .15.593l2.242 1.401c.207.13.474.073.598-.126l.898-1.437c.371-.594 1.176-.763 1.794-.377.619.387.82 1.184.448 1.779l-.898 1.437a.433.433 0 0 0 .15.592l1.12.7-4.424 7.082a3.115 3.115 0 0 0-1.425-2.137c-1.443-.902-3.32-.507-4.187.88-.01.014-.013.03-.022.045L1.808.91a.454.454 0 0 0-.513-.353.413.413 0 0 0-.342.493L4.28 17.4c.181.577.518 1.094.97 1.498a3.116 3.116 0 0 0 3.42.66 3.082 3.082 0 0 0 1.549-1.25l5.305-8.49.374.234c.207.129.474.072.598-.126l.898-1.437c1.362-2.18.624-5.104-1.642-6.52'/%3E %3C/svg%3E"); }
      .classified-details .classified-details-item__meta__row--color::before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21'%3E %3Cg fill='%23404040' fill-rule='nonzero'%3E %3Cpath d='M1.727 12.523h15.546a.864.864 0 0 0 .863-.864v-.864a2.16 2.16 0 0 0-2.159-2.159h-4.034a.217.217 0 0 1-.215-.237l.535-5.346a2.777 2.777 0 1 0-5.527 0l.534 5.346a.217.217 0 0 1-.212.238H3.023a2.16 2.16 0 0 0-2.16 2.158v.864c0 .477.387.864.864.864zm8.637-9.284a.864.864 0 1 1-1.728 0 .864.864 0 0 1 1.728 0zM18.454 19.396a7.427 7.427 0 0 1-1.181-4.023V14.25a.432.432 0 0 0-.432-.432H2.159a.432.432 0 0 0-.432.432v1.123c.001 1.427-.41 2.824-1.181 4.024a.864.864 0 0 0 .727 1.33h1.29a3.018 3.018 0 0 0 2.515-1.345c.183-.274.38-.572.57-.864a.216.216 0 0 1 .397.118v1.228c0 .477.387.863.864.863h10.818a.864.864 0 0 0 .727-1.33z'/%3E %3C/g%3E %3C/svg%3E");
        position: relative;
        bottom: 2px; }
      .classified-details .classified-details-item__meta__row--location {
        cursor: pointer;
        margin-bottom: 0; }
        .classified-details .classified-details-item__meta__row--location::before {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='19' viewBox='0 0 13 19'%3E %3Cpath fill='%23404040' fill-rule='evenodd' d='M6.5 9A2.503 2.503 0 0 1 4 6.5C4 5.121 5.121 4 6.5 4S9 5.121 9 6.5 7.879 9 6.5 9m0-9C2.916 0 0 2.84 0 6.333c0 3.36 5.91 12.118 6.161 12.489a.41.41 0 0 0 .678 0C7.09 18.452 13 9.693 13 6.333 13 2.841 10.084 0 6.5 0'/%3E %3C/svg%3E"); }
      .classified-details .classified-details-item__meta__row--shipping {
        cursor: pointer;
        margin-bottom: 0; }
        .classified-details .classified-details-item__meta__row--shipping::before {
          background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E %3Cg fill='%23404040' fill-rule='evenodd'%3E %3Cpath d='M5.785 2.063L1.447 4.028 10 8.302l3.908-1.675zM3.2 8.344c0-.142.069-.273.184-.35a.384.384 0 0 1 .382-.03l4 2.084a.418.418 0 0 1 .234.38v4.166c0 .142-.07.273-.183.35a.387.387 0 0 1-.383.03l-4-2.084a.418.418 0 0 1-.234-.38V8.345zM.8 15.427c0 .166.094.316.24.382l8.56 4.058V9.027L.8 4.636v10.791zM10.4 9.028v10.84l9.36-4.059a.416.416 0 0 0 .24-.381V4.636l-9.6 4.392zM19.353 4.028L10.559.045a.381.381 0 0 0-.319 0L6.718 1.64l8.101 4.552 4.534-2.164z'/%3E %3C/g%3E %3C/svg%3E"); }
        .classified-details .classified-details-item__meta__row--shipping span:first-child {
          margin-right: 8px; }
        .classified-details .classified-details-item__meta__row--shipping span:last-child {
          margin-left: 8px; }
  .classified-details .classified-details-item__ratings {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 32px; }
    .classified-details .classified-details-item__ratings--no-favorites {
      color: #7F7F7F; }
      .classified-details .classified-details-item__ratings--no-favorites span {
        margin-left: 8px; }
    .classified-details .classified-details-item__ratings--favorites {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #404040;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .classified-details .classified-details-item__ratings--favorites .images-wrapper {
        display: inline-block; }
  .classified-details .classified-details-item__interact {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 16px; }
    .classified-details .classified-details-item__interact button {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
  .classified-details .classified-details-item__favorite {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0; }
  .classified-details .classified-details-item__comments {
    margin-bottom: 16px; }

.classified-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 100px 0; }
  .classified-secondary__meet-seller {
    background-color: #F5F5F5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-left: 20px;
    max-width: 332px;
    padding: 20px; }
    .classified-secondary__meet-seller > * {
      margin-left: 0;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; }
      .classified-secondary__meet-seller > *:not(.user-widget) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0; }
    .classified-secondary__meet-seller--header {
      font-size: 22px;
      margin-bottom: 16px; }
    .classified-secondary__meet-seller--info-block {
      color: #404040;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      font-size: 14px;
      -ms-flex-pack: distribute;
          justify-content: space-around; }
      .classified-secondary__meet-seller--info-block .info-row {
        margin-bottom: 16px; }
    .classified-secondary__meet-seller--actions {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-top: auto; }
      .classified-secondary__meet-seller--actions button {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
      .classified-secondary__meet-seller--actions .btn--with-margin {
        margin-left: 16px; }
        .classified-secondary__meet-seller--actions .btn--with-margin.btn--with-margin {
          padding: 10px 16px; }
      .classified-secondary__meet-seller--actions .btn--top-margin {
        margin-top: 15px; }
      .classified-secondary__meet-seller--actions .btn--full {
        height: 34px; }
        .classified-secondary__meet-seller--actions .btn--full.btn--full {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0; }
        .classified-secondary__meet-seller--actions .btn--full span {
          margin: auto; }
  .classified-secondary__comments {
    width: 600px; }

.classified-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .classified-header--small {
    font-size: 18px;
    margin-bottom: 8px; }
  .classified-header--medium {
    font-size: 22px;
    margin-bottom: 8px; }
  .classified-header--large {
    color: #000000;
    font-size: 32px;
    margin-bottom: 32px; }
  .classified-header--xlarge {
    color: #000000;
    font-size: 32px; }
.plan-comparison {
  background-color: #FFFFFF;
  padding: 24px 16px;
  border-radius: 1px; }
  .plan-comparison--premium {
    border: 2px solid #F7BC00; }
  .plan-comparison .plan-comparison__type {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 5.33333px; }
    .plan-comparison--premium .plan-comparison__type {
      color: #F7BC00; }
    .plan-comparison--basic .plan-comparison__type {
      color: #CF9880; }
  .plan-comparison .plan-comparison__price {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center;
    font-size: 32px; }
    .plan-comparison--premium .plan-comparison__price {
      color: #F7BC00; }
    .plan-comparison--basic .plan-comparison__price {
      color: #CF9880; }
    .plan-comparison .plan-comparison__price .price__suffix {
      display: block;
      font-size: 12px;
      margin-top: 5.33333px;
      color: #7F7F7F;
      font-weight: 300; }
  .plan-comparison__benefits {
    margin: 0 0 24px;
    text-align: center;
    padding: 0 0; }
    .plan-comparison__benefits .benefits__item {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      list-style: none; }
      .plan-comparison__benefits .benefits__item:nth-child(1n+2) {
        margin-top: 16px; }
  .plan-comparison__cta {
    margin: 0 0 24px;
    padding: 10px;
    width: 100%;
    color: #FFFFFF;
    outline: none;
    border: none;
    border-radius: 1px;
    font-size: 14px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
    .plan-comparison__cta--premium {
      background-color: #F7BC00; }
      .plan-comparison__cta--premium:hover {
        background-color: #dea900; }
    .plan-comparison__cta--basic {
      background-color: #CF9880; }
      .plan-comparison__cta--basic:hover {
        background-color: #c8896d; }
  .plan-comparison__description {
    color: #BDBDBD;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
    text-align: center;
    margin: 0; }
.club-hero {
  padding-top: 40px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  will-change: background-size;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media (min-width: 1450px) {
    .club-hero {
      padding-top: 80px;
      padding-bottom: 134px;
      min-height: 80vh; } }
  .club-hero__header {
    margin-bottom: 48px;
    text-align: center;
    color: #FFFFFF; }
    .club-hero__header .svgicon-header__logo {
      margin-bottom: 32px; }
    .club-hero__header .header__title {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.5;
      color: #FFFFFF;
      margin-bottom: 16px; }
    .club-hero__header .header__manchet-wrapper {
      margin-left: auto;
      margin-right: auto;
      padding-left: 16px;
      padding-right: 16px;
      max-width: 540px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 768px) {
        .club-hero__header .header__manchet-wrapper {
          max-width: 540px; } }
    .club-hero__header .header__manchet {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      color: #FFFFFF;
      margin: 0; }
  .club-hero__plan-comparisons {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    max-width: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .club-hero__plan-comparisons :first-child {
      margin-right: 12px; }
    .club-hero__plan-comparisons :last-child {
      margin-left: 12px; }
    .club-hero__plan-comparisons > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1;
      margin-left: 16px;
      min-width: 100%; }
      @media (min-width: 420px) {
        .club-hero__plan-comparisons > * {
          min-width: 260px; } }
      @media (max-width: 580px) {
        .club-hero__plan-comparisons > *:nth-last-child(1n+2) {
          margin-bottom: 16px; } }
.slick-list {
  padding: 0; }

.slick-slider {
  position: relative; }

.slick-list {
  overflow-x: hidden;
  overflow-y: visible;
  margin-left: -8px;
  margin-right: -8px;
  width: calc(100% + 16px); }

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-y: hidden; }
  .slick-track > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }

.slick-slide {
  padding-left: 8px;
  padding-right: 8px; }
  .shopboost-banner .slick-slide {
    width: 366px !important; }

.slick .slick-active {
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(0.75, rgba(0, 0, 0, 0.5)), to(black)); }

.slick--onlyArrows {
  position: relative; }
  .slick--onlyArrows .slick-arrow {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    top: -44px;
    width: 24px;
    height: 24px;
    text-indent: -100000px;
    -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
    transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
    -o-transition: opacity 0.15s ease, transform 0.15s ease;
    transition: opacity 0.15s ease, transform 0.15s ease;
    transition: opacity 0.15s ease, transform 0.15s ease, -webkit-transform 0.15s ease;
    opacity: 1;
    cursor: pointer; }
    .slick--onlyArrows .slick-arrow:focus {
      outline: none; }
    .slick--onlyArrows .slick-arrow:not(.slick-disabled):focus, .slick--onlyArrows .slick-arrow:not(.slick-disabled):hover {
      -webkit-transform: scale(1.25);
          -ms-transform: scale(1.25);
              transform: scale(1.25); }
  .slick--onlyArrows .slick-disabled {
    opacity: 0.5; }
  .slick--onlyArrows .slick-prev {
    right: 32px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' stroke='%23000000'%3E%3Cpath fill='none' stroke='%234A4A4A' stroke-linecap='round' stroke-linejoin='round' d='M9.483 14.798L.44 7.898 9.483.99'/%3E%3C/svg%3E"); }
  .slick--onlyArrows .slick-next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' stroke='%23000000'%3E%3Cpath fill='none' stroke='%234A4A4A' stroke-linecap='round' stroke-linejoin='round' d='M.517 14.798l9.043-6.9L.517.99'/%3E%3C/svg%3E"); }

.slick--dots .slick-dots {
  position: absolute;
  bottom: 8px;
  right: 16px;
  padding: 0;
  margin: 0; }
  .slick--dots .slick-dots li {
    list-style: none;
    display: inline-block; }
    .slick--dots .slick-dots li:nth-child(1n+2) {
      margin-left: 5.33333px; }

.slick--dots .slick-dot {
  width: 10px;
  height: 10px;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  border: none;
  background-color: #000000;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  opacity: 0.35;
  padding: 0; }
  .slick--dots .slick-dot:focus {
    outline: none; }
  .slick--dots .slick-dot:hover, .slick--dots .slick-dot:focus {
    opacity: 0.65; }

.slick--dots .slick-active .slick-dot {
  opacity: 1; }
  .slick--dots .slick-active .slick-dot:hover, .slick--dots .slick-active .slick-dot:focus {
    opacity: 0.85; }

.slick--small-dots .slick-dots {
  text-align: center;
  padding: 0;
  margin: 0 0 24px 0; }
  .slick--small-dots .slick-dots li {
    list-style: none;
    display: inline-block; }
    .slick--small-dots .slick-dots li:nth-child(1n+2) {
      margin-left: 10px; }

.slick--small-dots .slick-dot {
  width: 6px;
  height: 6px;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  border: none;
  background-color: #969696;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  opacity: 0.35;
  padding: 0; }
  .slick--small-dots .slick-dot:focus {
    outline: none; }
  .slick--small-dots .slick-dot:hover, .slick--small-dots .slick-dot:focus {
    opacity: 0.65; }

.slick--small-dots .slick-active .slick-dot {
  opacity: 1; }
  .slick--small-dots .slick-active .slick-dot:hover, .slick--small-dots .slick-active .slick-dot:focus {
    opacity: 0.85; }
.testimonial {
  padding: 16px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  border-radius: 1px;
  min-width: 48%; }
  .testimonial__user-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .testimonial__user-image {
    margin-bottom: 16px; }
    .testimonial__user-image img {
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
  .testimonial__user-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-left: 16px; }
  .testimonial__user-name {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 8px; }
  .testimonial__member-since {
    font-size: 15px;
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 16px; }
    .testimonial__member-since span:nth-last-child(1n+2) {
      margin-right: 4px; }
  .testimonial__testimonial {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5; }
.testimonials {
  background-color: #FDEFCB;
  padding-bottom: 100px; }
  .testimonials__inner {
    max-width: 1000px;
    margin: 0 auto; }
  .testimonials .inner {
    padding: 144px 0 280px 0; }
  .testimonials__carousel {
    margin-top: 102px; }
  .testimonials__header {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
    margin-bottom: 16px; }
  .testimonials__title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    padding-left: 48px;
    padding-right: 48px;
    margin-bottom: 16px; }
  .testimonials__manchet {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0; }
  .testimonials .carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: -8px;
    margin-right: -8px;
    width: calc(100% + 16px); }
    .testimonials .carousel__container {
      padding: 48px 16px; }
    .testimonials .carousel > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      margin-left: 8px;
      margin-right: 8px; }
  .testimonials .slick-slide {
    width: 366px;
    padding: 0 6px; }
    .testimonials .slick-slide > div {
      margin-top: 18px;
      margin-bottom: 18px; }
  .testimonials .slick-track {
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal; }
.club-signup {
  position: relative; }
  .club-signup__goback {
    position: absolute;
    left: 16px;
    top: 16px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: none;
    border: none;
    font-size: 16px;
    padding: 4px;
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    will-change: transform;
    cursor: pointer;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 400; }
    .club-signup__goback span {
      color: #FFFFFF; }
    .club-signup__goback:hover {
      -webkit-transform: translate3d(4px, 0, 0);
              transform: translate3d(4px, 0, 0); }
    .club-signup__goback:focus {
      outline: none;
      -webkit-transform: translate3d(8px, 0, 0);
              transform: translate3d(8px, 0, 0); }
    .club-signup__goback .svgicon {
      margin-right: 8px;
      display: inline-block;
      position: relative;
      top: 2px; }
.profile {
  line-height: 1.5; }
  .profile__heading {
    height: 100px;
    margin-top: 45px; }
    .profile__heading--has-buttons {
      height: 170px;
      margin-top: 35px;
      border-bottom: 1px solid #F5F5F5; }
      .profile__heading--has-buttons .header {
        height: 90px; }
  .profile__content {
    margin-top: 60px; }
  .profile__full {
    width: 100%; }
  .profile h1 {
    color: #000000;
    font-size: 40px;
    font-weight: 700; }
  .profile .heading2 {
    font-size: 32px;
    padding: 6px 0; }
  .profile h3 {
    font-size: 22px; }
  .profile__body {
    margin-top: 80px; }
  .profile--padded {
    margin-top: 24px; }
  .profile__empty {
    margin: 100px 20%;
    text-align: center;
    width: 50%; }
    .profile__empty h3 {
      margin-top: 10px; }
    .profile__empty .golden {
      color: #F7BC00; }
.transaction-link {
  border: none;
  border-bottom: solid 1px #F0F0F0;
  background-color: transparent;
  color: #404040;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 0 18px 0;
  width: 100%; }
  .transaction-link--float {
    float: left; }
  .transaction-link__title {
    border-bottom: solid 1px #FAFAFA;
    padding-bottom: 16px;
    height: 43px; }
  .transaction-link--later {
    display: block;
    text-align: left;
    margin: 15px 0;
    font-size: 16px; }
    .transaction-link--later__error {
      display: block;
      margin-top: 15px; }
    .transaction-link--later .paragraph-small {
      display: block;
      margin-top: 20px; }
    .transaction-link--later .transaction__links__right {
      float: right; }
  .transaction-link__box {
    background: none;
    border-radius: 2px;
    border: 1px solid #E5E5E5;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    font-size: 16px;
    margin-right: 15px;
    padding: 18px 12px;
    text-align: left; }
    .transaction-link__box small {
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5;
      color: #7F7F7F;
      margin-bottom: 10px; }
  .transaction-link:hover {
    background-color: transparent; }
  .transaction-link:disabled {
    cursor: default; }
    .transaction-link:disabled:hover {
      background-color: transparent; }

.radio--img {
  bottom: 10px;
  cursor: pointer;
  position: relative;
  float: right; }
.readmore {
  font-size: 12px;
  color: #7F7F7F; }
  .readmore a:visited,
  .readmore a:link,
  .readmore a {
    color: #F7BC00;
    text-decoration: none; }
    .readmore a:visited:not(.active),
    .readmore a:link:not(.active),
    .readmore a:not(.active) {
      position: relative;
      cursor: pointer; }
      .readmore a:visited:not(.active)::after,
      .readmore a:link:not(.active)::after,
      .readmore a:not(.active)::after {
        position: absolute;
        bottom: 0px;
        height: 1px;
        display: block;
        content: '';
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease;
        -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
                transform-origin: right center;
        -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
        background-color: #F7BC00;
        left: 0;
        width: 100%; }
      .readmore a:visited:not(.active):focus, .readmore a:visited:not(.active):hover,
      .readmore a:link:not(.active):focus,
      .readmore a:link:not(.active):hover,
      .readmore a:not(.active):focus,
      .readmore a:not(.active):hover {
        outline: none; }
        .readmore a:visited:not(.active):focus::after, .readmore a:visited:not(.active):hover::after,
        .readmore a:link:not(.active):focus::after,
        .readmore a:link:not(.active):hover::after,
        .readmore a:not(.active):focus::after,
        .readmore a:not(.active):hover::after {
          -webkit-transform-origin: left center;
              -ms-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
          opacity: 0.4; }
      .readmore a:visited:not(.active):active::after,
      .readmore a:link:not(.active):active::after,
      .readmore a:not(.active):active::after {
        opacity: 1; }
/* settings.scss */
.spinner {
  position: absolute; }
  .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }
  .spinner > div {
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
            animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    background-color: #404040;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin-right: 3px;
    width: 8px; }
    .spinner > div.white {
      background-color: #dea900; }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.checkout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 50px 12.8px 50px; }
  .checkout-info {
    margin-bottom: 28px; }
  .checkout-input {
    background-color: #FFFFFF;
    border-radius: 1px;
    border: solid 1px #E5E5E5;
    padding: 16px 16px 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .checkout-input .svgicon {
      position: relative; }
    .checkout-input-element {
      display: inline-block; }
      .checkout-input-element .spinner {
        margin: -4px; }
    .checkout-input-label {
      margin-bottom: 12px;
      font-size: 16px;
      font-weight: 400;
      color: #404040; }
    .checkout-input-complete {
      margin-left: auto;
      text-align: right;
      margin-bottom: -9px;
      margin-top: -2px; }
    .checkout-input-error {
      margin-left: auto;
      text-align: right;
      display: inline-block;
      float: right; }
    .checkout-input-brand {
      margin: -4px 0px -16px 6px;
      display: inline-block; }
    .checkout-input.focus {
      border: solid 1px #BFBFBF; }
    .checkout-input.error {
      border: solid 1px #821C18; }
  .checkout-error {
    -webkit-animation: fadeIn 0.3s ease 1;
            animation: fadeIn 0.3s ease 1;
    color: #821C18;
    font-size: 14px;
    margin-top: 12px; }
  .checkout-card .checkout-input-element {
    width: 140px; }
  .checkout-exp-cvc {
    margin-top: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .checkout-exp {
    width: 50%; }
    .checkout-exp .checkout-input-element {
      width: 100%; }
  .checkout-cvc {
    margin-left: 24px;
    width: 50%; }
    .checkout-cvc .checkout-input-element {
      width: 100%; }
  .checkout-general-error {
    margin-top: 21px;
    font-size: 14px;
    color: #821C18; }
  .checkout-submit-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .checkout-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 1px;
    font-size: 14px;
    border: none;
    outline: none;
    width: 50%;
    padding: 8px 0;
    background-color: #F7BC00;
    color: #FFFFFF;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    .checkout-submit:focus, .checkout-submit:hover {
      background-color: #dea900; }
    .checkout-submit:disabled {
      background-color: #FDEFCB;
      color: #F9CD5F;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: default; }
.existing {
  font-size: 16px;
  color: #7F7F7F;
  padding: 13px 16px 10px 16px; }
  .existing__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .existing__brand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -3px;
    margin-left: 8px; }
  .existing__change {
    margin-left: auto;
    text-align: right; }
    .existing__change button {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-size: 16px;
      color: #7F7F7F;
      border: none;
      padding: 0; }
      .existing__change button:not(.active) {
        position: relative;
        cursor: pointer; }
        .existing__change button:not(.active)::after {
          position: absolute;
          bottom: -2px;
          height: 1px;
          display: block;
          content: '';
          -webkit-transition: -webkit-transform 0.15s ease;
          transition: -webkit-transform 0.15s ease;
          -o-transition: transform 0.15s ease;
          transition: transform 0.15s ease;
          transition: transform 0.15s ease, -webkit-transform 0.15s ease;
          -webkit-transform-origin: right center;
              -ms-transform-origin: right center;
                  transform-origin: right center;
          -webkit-transform: scale3d(0, 1, 1);
                  transform: scale3d(0, 1, 1);
          background-color: #7F7F7F;
          left: 0;
          width: 100%; }
        .existing__change button:not(.active):focus, .existing__change button:not(.active):hover {
          outline: none; }
          .existing__change button:not(.active):focus::after, .existing__change button:not(.active):hover::after {
            -webkit-transform-origin: left center;
                -ms-transform-origin: left center;
                    transform-origin: left center;
            -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            opacity: 0.4; }
        .existing__change button:not(.active):active::after {
          opacity: 1; }
/* settings.scss */
.payment-top-title {
  padding: 45px 133px 28px 50px;
  color: #404040;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400; }

.payment-bottom-duration-free {
  font-size: 14px;
  font-weight: 300;
  color: #7F7F7F;
  text-align: center;
  margin-bottom: 16px; }

.payment-bottom-cards {
  margin-bottom: 40px;
  height: 32px;
  text-align: center; }
.transaction button {
  outline-width: 0; }

.transaction__progress {
  width: 100%;
  height: 5px;
  border-radius: 1px;
  background: #F0F0F0; }
  .transaction__progress--active {
    background-color: #319A92;
    width: 30%; }

.transaction__btn {
  padding: 0 24px; }

.transaction__cell {
  width: 50%;
  float: left; }

.transaction__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-y: auto;
  overflow-x: hidden; }

.transaction__h1 {
  font-size: 32px;
  margin-bottom: 20px; }

.transaction__head {
  padding: 30px; }

.transaction--padding {
  padding: 16px 40px; }

.transaction--dao {
  padding: 0 48px 40px; }

.transaction__error {
  color: #821C18;
  font-size: 14px;
  clear: left;
  display: block;
  margin-top: 15px;
  text-align: center; }

.transaction__inner {
  padding: 40px 0 20px 0; }

.transaction__title {
  margin: 0 40px 28px;
  font-size: 32px;
  color: #000000; }
  .transaction__title--weight {
    font-size: 22px;
    margin: 16px 0 16px 0; }

.transaction__heading {
  margin-top: 32px;
  font-size: 32px;
  color: #000000; }

.transaction__infotext {
  margin: 12px 40px 0 40px; }

.transaction__links {
  margin: 0 40px; }
  .transaction__links--middle {
    top: 3px;
    position: relative; }
  .transaction__links h4 {
    text-align: left; }
  .transaction__links--small {
    font-weight: 400;
    color: #7F7F7F; }
  .transaction__links__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 100; }
    .transaction__links__right__text {
      margin-right: 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: -1px; }
      .transaction__links__right__text.grey {
        color: #BFBFBF; }
    .transaction__links__right__card {
      margin-right: 8px;
      margin-top: -2px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .transaction__links__right__bottom {
      -ms-flex-item-align: end;
          align-self: flex-end; }

.transaction--col2 {
  position: relative;
  width: 100%; }

.transaction--bottom {
  position: absolute;
  bottom: 0; }

.transaction__desc {
  font-size: 16px;
  clear: left;
  line-height: 1.5; }
  .transaction__desc--onboarding {
    margin-bottom: 30px; }

.transaction__field {
  height: 110px;
  line-height: 2.5; }
  .transaction__field label {
    font-size: 16px;
    display: block;
    color: #404040;
    font-weight: 700; }
  .transaction__field input {
    border-radius: 1px;
    border: solid 1px #E5E5E5;
    font-size: 16px;
    height: 50px;
    width: 100%;
    padding: 10px; }
    .transaction__field input:focus {
      border-color: #404040;
      outline: none; }

.transaction__actions {
  text-align: center;
  margin: 20px; }
  .transaction__actions__decline, .transaction__actions__buy {
    cursor: pointer;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 34px;
    min-width: 107px;
    padding: 0 24px; }
  .transaction__actions__decline {
    border: solid 1px #BFBFBF;
    background-color: transparent;
    color: #7F7F7F;
    margin-right: 8px; }
    .transaction__actions__decline:focus, .transaction__actions__decline:hover {
      background-color: #f2f2f2; }
  .transaction__actions__buy {
    border: solid 1px #F7BC00;
    background-color: #F7BC00;
    color: #FFFFFF;
    margin-left: 8px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
    .transaction__actions__buy:focus, .transaction__actions__buy:hover {
      background-color: #dea900; }
    .transaction__actions__buy:disabled {
      background-color: #FDEFCB;
      border: solid 1px #FDEFCB;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #F9CD5F;
      cursor: default; }

.transaction__form .transaction__field {
  float: left; }

.transaction__formsubmit {
  text-align: center;
  clear: left; }

.transaction img[alt] {
  font-size: 0.75em; }

.shipping__background {
  background-image: -webkit-image-set(url(/bitmap/shipping-bg.jpg) 1x, url(/bitmap/shipping-bg@2x.jpg) 2x, url(/bitmap/shipping-bg@3x.jpg) 3x);
  background-image: image-set(url(/bitmap/shipping-bg.jpg) 1x, url(/bitmap/shipping-bg@2x.jpg) 2x, url(/bitmap/shipping-bg@3x.jpg) 3x);
  background-size: cover;
  color: #FFFFFF;
  height: 100%;
  float: left;
  width: 50%; }
  .shipping__background h1 {
    margin-top: 50%;
    text-align: center; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .flex--center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.grid-bottom {
  display: inline-grid;
  vertical-align: bottom; }

.pickup {
  border: 0;
  background: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='32' viewBox='0 0 50 32'%3E %3Cdefs%3E %3Cpath id='b' d='M27.071 24L23 28.071 18.929 24H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H27.071z'/%3E %3Cfilter id='a' width='113%25' height='121.4%25' x='-6.5%25' y='-7.1%25' filterUnits='objectBoundingBox'%3E %3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='shadowSpreadOuter1'/%3E %3CfeOffset dy='1' in='shadowSpreadOuter1' result='shadowOffsetOuter1'/%3E %3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='.5'/%3E %3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'/%3E %3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E %3C/filter%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg fill-rule='nonzero' stroke-linecap='round' stroke-linejoin='round' transform='translate(2 1)'%3E %3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E %3Cpath fill='%23FFF' fill-rule='evenodd' stroke='%23BFBFBF' d='M27.278 24.5L23 28.778 18.722 24.5H1A1.5 1.5 0 0 1-.5 23V1A1.5 1.5 0 0 1 1-.5h44A1.5 1.5 0 0 1 46.5 1v22a1.5 1.5 0 0 1-1.5 1.5H27.278z'/%3E %3C/g%3E %3Ctext fill='%237F7F7F' font-family='Soleil' font-size='14' transform='translate(2 1)'%3E %3Ctspan x='7.509' y='17'%3EDAO%3C/tspan%3E %3C/text%3E %3C/g%3E %3C/svg%3E");
  cursor: pointer;
  height: 32px;
  width: 51px;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 10;
  display: block; }
  .pickup:hover {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
  .pickup--active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='35' viewBox='0 0 52 35'%3E %3Cdefs%3E %3Cpath id='b' d='M27.071 24L23 28.071 18.929 24H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H27.071z'/%3E %3Cfilter id='a' width='117.4%25' height='128.5%25' x='-8.7%25' y='-10.7%25' filterUnits='objectBoundingBox'%3E %3CfeMorphology in='SourceAlpha' operator='dilate' radius='2' result='shadowSpreadOuter1'/%3E %3CfeOffset dy='1' in='shadowSpreadOuter1' result='shadowOffsetOuter1'/%3E %3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='.5'/%3E %3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'/%3E %3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E %3C/filter%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg fill-rule='nonzero' stroke-linecap='round' stroke-linejoin='round' transform='translate(3 2)'%3E %3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E %3Cpath fill='%23FFF' fill-rule='evenodd' stroke='%23404040' stroke-width='2' d='M27.485 25L23 29.485 18.515 25H1a2 2 0 0 1-2-2V1a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2H27.485z'/%3E %3C/g%3E %3Ctext fill='%23404040' font-family='SoleilSb, Soleil' font-size='14' font-weight='500' transform='translate(3 2)'%3E %3Ctspan x='7.418' y='17'%3EDAO%3C/tspan%3E %3C/text%3E %3C/g%3E %3C/svg%3E"); }
    .pickup--active--selected {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='52' height='35' viewBox='0 0 52 35'%3E %3Cdefs%3E %3Cpath id='b' d='M27.071 24L23 28.071 18.929 24H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H27.071z'/%3E %3Cfilter id='a' width='117.4%25' height='128.5%25' x='-8.7%25' y='-10.7%25' filterUnits='objectBoundingBox'%3E %3CfeMorphology in='SourceAlpha' operator='dilate' radius='2' result='shadowSpreadOuter1'/%3E %3CfeOffset dy='1' in='shadowSpreadOuter1' result='shadowOffsetOuter1'/%3E %3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='.5'/%3E %3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'/%3E %3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E %3C/filter%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg fill-rule='nonzero' stroke-linecap='round' stroke-linejoin='round' transform='translate(3 2)'%3E %3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E %3Cpath fill='%23F7BC00' fill-rule='evenodd' stroke='%23404040' stroke-width='2' d='M27.485 25L23 29.485 18.515 25H1a2 2 0 0 1-2-2V1a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2H27.485z'/%3E %3C/g%3E %3Ctext fill='%23FFF' font-family='SoleilSb, Soleil' font-size='14' font-weight='500' transform='translate(3 2)'%3E %3Ctspan x='7.418' y='17'%3EDAO%3C/tspan%3E %3C/text%3E %3C/g%3E %3C/svg%3E"); }
  .pickup--selected {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='50' height='32' viewBox='0 0 50 32'%3E %3Cdefs%3E %3Cpath id='b' d='M27.071 24L23 28.071 18.929 24H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h44a1 1 0 0 1 1 1v22a1 1 0 0 1-1 1H27.071z'/%3E %3Cfilter id='a' width='113%25' height='121.4%25' x='-6.5%25' y='-7.1%25' filterUnits='objectBoundingBox'%3E %3CfeMorphology in='SourceAlpha' operator='dilate' radius='1' result='shadowSpreadOuter1'/%3E %3CfeOffset dy='1' in='shadowSpreadOuter1' result='shadowOffsetOuter1'/%3E %3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='.5'/%3E %3CfeComposite in='shadowBlurOuter1' in2='SourceAlpha' operator='out' result='shadowBlurOuter1'/%3E %3CfeColorMatrix in='shadowBlurOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E %3C/filter%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg fill-rule='nonzero' stroke-linecap='round' stroke-linejoin='round' transform='translate(2 1)'%3E %3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E %3Cpath fill='%23F7BC00' fill-rule='evenodd' stroke='%23F7BC00' d='M27.278 24.5L23 28.778 18.722 24.5H1A1.5 1.5 0 0 1-.5 23V1A1.5 1.5 0 0 1 1-.5h44A1.5 1.5 0 0 1 46.5 1v22a1.5 1.5 0 0 1-1.5 1.5H27.278z'/%3E %3C/g%3E %3Ctext fill='%23FFF' font-family='SoleilSb, Soleil' font-size='14' font-weight='500' transform='translate(2 1)'%3E %3Ctspan x='7.418' y='17'%3EDAO%3C/tspan%3E %3C/text%3E %3C/g%3E %3C/svg%3E"); }

.onboarding .modal--onboarding {
  overflow: hidden; }

.onboarding__slider {
  height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 700px; }

.onboarding .transaction__heading {
  margin: 0 0 10px 0; }

.onboarding .slick-track {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.onboarding .slick-slide > div {
  height: 100%;
  width: 100%;
  padding-bottom: 16px; }

.onboarding .slick--dots .slick-dots {
  height: 25px;
  left: 15px;
  top: 345px; }
  .onboarding .slick--dots .slick-dots .slick-dot {
    background-color: #FFFFFF;
    height: 13px;
    width: 13px; }

.onboarding .transaction__actions__buy {
  margin-right: 8px; }

.svgicon-transaction__arrow--middle.svgicon-transaction__arrow--middle {
  top: 6px; }

.onboarding__spacer {
  height: 40px; }

.deferred {
  margin: 15px 0; }
.deferred {
  font-size: 16px;
  z-index: 1; }
  .deferred--loading {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='696' height='283' viewBox='0 0 696 283'%3E %3Cdefs%3E %3ClinearGradient id='a' x1='50%25' x2='50%25' y1='0%25' y2='100%25'%3E %3Cstop offset='0%25' stop-color='%23FFF' stop-opacity='0'/%3E %3Cstop offset='97.568%25' stop-color='%23FFF'/%3E %3C/linearGradient%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd'%3E %3Cg fill='%23F5F5F5'%3E %3Crect width='50' height='50' y='21' rx='1'/%3E %3Cpath fill-rule='nonzero' d='M0 0h696v1H0zM0 91h696v1H0z'/%3E %3Crect width='171' height='16' x='65' y='26' fill-rule='nonzero' rx='1'/%3E %3Crect width='278' height='16' x='65' y='53' fill-rule='nonzero' rx='1'/%3E %3C/g%3E %3Cg fill='%23F5F5F5' transform='translate(0 91)'%3E %3Crect width='50' height='50' y='21' rx='1'/%3E %3Cpath fill-rule='nonzero' d='M0 0h696v1H0zM0 91h696v1H0z'/%3E %3Crect width='171' height='16' x='65' y='26' fill-rule='nonzero' rx='1'/%3E %3Crect width='278' height='16' x='65' y='53' fill-rule='nonzero' rx='1'/%3E %3C/g%3E %3Cg fill='%23F5F5F5' transform='translate(0 182)'%3E %3Crect width='50' height='50' y='21' rx='1'/%3E %3Cpath fill-rule='nonzero' d='M0 0h696v1H0zM0 91h696v1H0z'/%3E %3Crect width='171' height='16' x='65' y='26' fill-rule='nonzero' rx='1'/%3E %3Crect width='278' height='16' x='65' y='53' fill-rule='nonzero' rx='1'/%3E %3C/g%3E %3Cpath fill='url(%23a)' fill-rule='nonzero' d='M0 0h696v282H0z' transform='translate(0 1)'/%3E %3C/g%3E %3C/svg%3E");
    background-repeat: no-repeat;
    width: 100%;
    min-height: 300px; }
  .deferred h1.transaction__title {
    font-size: 22px; }
  .deferred__description {
    color: #7F7F7F;
    font-size: 14px;
    margin-top: 16px;
    width: 100%; }
  .deferred__about {
    background: url("/bitmap/deferred-img-1.jpg") no-repeat top right; }
    .deferred__about__left {
      width: 296px; }
    .deferred__about__bottom {
      margin-top: 350px;
      width: 296px; }
    .deferred__about__img {
      position: relative;
      right: 65px;
      margin: 50px 0 130px;
      width: 456px;
      height: 233px; }
    .deferred__about__ok .readmore {
      font-size: 16px;
      margin-top: 80px;
      color: #404040; }
  .deferred__actions__actions {
    margin-top: 50px; }
  .deferred .readmore {
    font-size: 16px;
    color: #404040; }

.table {
  width: 100%;
  border-collapse: collapse; }
  .table .title {
    width: 350px;
    text-align: left; }
  .table tr {
    border-bottom: 1px solid #F5F5F5;
    padding: 0 20px; }
    .table tr.tr--head {
      border: 0;
      height: 40px;
      border-bottom: 1px solid #F5F5F5; }
      .table tr.tr--head th {
        padding-bottom: 30px; }
    .table tr.tr--border {
      cursor: pointer; }
    .table tr .th--name {
      width: 500px; }
    .table tr .th--right {
      text-align: right; }
    .table tr td {
      margin: 0 5px;
      padding: 35px 25px; }
      .table tr td.td--title {
        font-size: 16px; }
      .table tr td.td--right {
        text-align: right;
        padding-right: 0; }
      .table tr td.thumb {
        padding: 0;
        width: 35px; }
        .table tr td.thumb .thumb__img {
          width: 50px;
          height: 50px; }

.nav-btn {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.5;
  color: #7F7F7F;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 20px;
  margin-bottom: 24px;
  padding: 8px 20px;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .nav-btn:hover {
    background-color: #F5F5F5; }
  .nav-btn.active {
    background-color: #F5F5F5;
    font-weight: 700; }

.left-column {
  width: 310px;
  font-size: 16px; }
  .left-column ul {
    list-style: none;
    padding: 0; }
    .left-column ul li {
      margin-bottom: 30px; }

.nomore {
  text-align: center;
  width: 100%;
  display: flow-root;
  font-size: 12px;
  margin: 30px 0;
  color: #7F7F7F; }
.content__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 24px;
  width: 210px;
  float: left; }
  .content__navigation .nav-btn {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.5;
    color: #404040;
    cursor: pointer;
    font-size: 16px;
    border-radius: 20px;
    margin-bottom: 24px;
    padding: 8px 20px;
    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .content__navigation .nav-btn:hover {
      background-color: #F5F5F5; }
    .content__navigation .nav-btn.active {
      background-color: #F5F5F5;
      font-weight: 700; }

.content__view {
  -webkit-animation: fadeInTop 0.4s ease-out 1;
          animation: fadeInTop 0.4s ease-out 1;
  float: left;
  padding-top: 12px;
  width: calc(100% - 240px); }
.toggle-header {
  border: none;
  cursor: pointer;
  padding: 19px 0 18px;
  position: relative;
  outline: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .toggle-header .title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    overflow: hidden; }
    .toggle-header .title__more {
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5;
      color: #DEDEDE;
      margin-left: auto;
      opacity: 1;
      visibility: visible;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .toggle-header--expanded .title__more {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .toggle-header--category .title::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 18 11'%3E %3Cpath fill='none' fill-rule='evenodd' stroke='%23404040' stroke-linecap='round' stroke-linejoin='round' d='M.5.84L9 10.5 17.5.84'/%3E %3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    content: '';
    height: 12px;
    position: absolute;
    right: 6px;
    stroke: #000000;
    top: 24px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 12px; }
  .toggle-header--category .placeholder {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #BFBFBF;
    font-style: italic;
    line-height: 1.73;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .toggle-header--category .placeholder--visible {
      margin-left: 8px;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
  .toggle-header--category .value {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    line-height: 1.73;
    overflow: hidden;
    opacity: 1;
    padding-right: 24px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    white-space: nowrap; }
    .toggle-header--category .value--visible {
      margin-left: 8px; }
  .toggle-header--category--expanded .title::after {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
  .toggle-header--category--expanded .value:not(.value--display-always) {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
  .toggle-header--category--disabled .title::after {
    display: none; }
  .toggle-header--subcategory .title {
    margin: 0 -5.33333px 0;
    width: 100%; }
  .toggle-header--disabled {
    cursor: default; }
.filter-section {
  -webkit-animation: fadeIn 0.5s ease-out 1;
          animation: fadeIn 0.5s ease-out 1;
  border-top: solid 1px #F0F0F0; }
  .filter-section:last-child {
    border-bottom: solid 1px #F0F0F0; }
  .filter-section__content {
    height: 0;
    overflow: hidden; }
  .filter-section--hidden {
    display: none; }
  .filter-section--expanded {
    padding-bottom: 10px; }
.tag--noUrl {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #F0F0F0;
  border-radius: 1px;
  border: none;
  color: #000000;
  cursor: pointer;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 5.33333px 5.33333px;
  opacity: 1;
  padding: 8px 12px;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease, opacity 0.15s ease;
  -o-transition: background-color 0.15s ease, opacity 0.15s ease;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  white-space: nowrap; }
  .tag--noUrl__small {
    padding: 4px 8px 3.2px; }
  .tag--noUrl__large {
    padding: 12px 16px 10.4px; }
  .tag--noUrl:focus, .tag--noUrl:hover {
    outline: none;
    background-color: #E5E5E5; }
  .tag--noUrl.tag--outline {
    border: solid 1px #E5E5E5;
    background-color: transparent;
    border-color: #BFBFBF; }
    .tag--noUrl.tag--outline.tag--outline {
      color: #7F7F7F; }
    .tag--noUrl.tag--outline:hover {
      background-color: #FFFFFF;
      border-color: #404040;
      color: #404040; }
  .tag--noUrl.tag--dark {
    background-color: #E5E5E5; }
    .tag--noUrl.tag--dark:hover {
      background-color: #d8d8d8; }
  .tag--noUrl.tag--disabled {
    opacity: 0.5;
    pointer-events: none; }
  .tag--noUrl.tag--selected {
    background-color: #404040;
    color: #FFF;
    border: 1px solid #404040; }
    .tag--noUrl.tag--selected:hover {
      background-color: #404040;
      color: #FFF; }

.tag--hasUrl .tag__link {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #F0F0F0;
  border-radius: 1px;
  border: none;
  color: #000000;
  cursor: pointer;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  margin: 5.33333px 5.33333px;
  opacity: 1;
  padding: 8px 12px;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease, opacity 0.15s ease;
  -o-transition: background-color 0.15s ease, opacity 0.15s ease;
  transition: background-color 0.15s ease, opacity 0.15s ease;
  white-space: nowrap; }
  .tag--hasUrl__small .tag__link {
    padding: 4px 8px 3.2px; }
  .tag--hasUrl__large .tag__link {
    padding: 12px 16px 10.4px; }
  .tag--hasUrl .tag__link:focus, .tag--hasUrl .tag__link:hover {
    outline: none;
    background-color: #E5E5E5; }
  .tag--hasUrl.tag--outline .tag__link {
    border: solid 1px #E5E5E5;
    background-color: transparent;
    border-color: #BFBFBF; }
    .tag--hasUrl.tag--outline .tag__link.tag__link {
      color: #7F7F7F; }
    .tag--hasUrl.tag--outline .tag__link:hover {
      background-color: #FFFFFF;
      border-color: #404040;
      color: #404040; }
  .tag--hasUrl.tag--dark .tag__link {
    background-color: #E5E5E5; }
    .tag--hasUrl.tag--dark .tag__link:hover {
      background-color: #d8d8d8; }
  .tag--hasUrl.tag--disabled .tag__link {
    opacity: 0.5;
    pointer-events: none; }
  .tag--hasUrl.tag--selected .tag__link {
    background-color: #404040;
    color: #FFF;
    border: 1px solid #404040; }
    .tag--hasUrl.tag--selected .tag__link:hover {
      background-color: #404040;
      color: #FFF; }

.tag__searchbar {
  margin-left: 3.2px;
  margin-right: 3.2px;
  background-color: #404040;
  color: #FFFFFF; }
  .tag__searchbar .quoted::before {
    content: open-quote; }
  .tag__searchbar .quoted::after {
    content: close-quote; }
  .tag__searchbar:focus, .tag__searchbar:hover {
    background-color: #4A4A4A; }
.tag-panel {
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1;
  border-bottom: solid 1px #F0F0F0;
  padding: 8px 0; }
  .tag-panel:first-child {
    padding-top: 0; }
  .tag-panel:last-child {
    border-bottom: none; }
  .tag-panel__content {
    height: auto;
    margin: 0 -5.33333px 0;
    overflow: hidden; }
.btn-search {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  background-color: #F5F5F5;
  border: none;
  color: #7F7F7F;
  cursor: pointer;
  height: 40px;
  margin: 16px 0 16px 10px;
  padding: 9px 0 10px 46px;
  position: relative;
  text-align: left;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 200px; }
  .btn-search::before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' stroke-width='1.5px'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23969696' stroke-linejoin='round'%3E %3Cpath d='M15.348 7.91c0 3.815-3.115 6.908-6.957 6.908-3.841 0-6.956-3.093-6.956-6.909S4.55 1 8.39 1c3.842 0 6.957 3.093 6.957 6.91z'/%3E %3Cpath stroke-linecap='round' d='M13.31 12.794l7.147 7.099'/%3E %3C/g%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 18px;
    content: '';
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 46px; }
  .btn-search:hover {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .btn-search:focus {
    outline: none; }

.input-search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 40px; }
  .input-search-wrapper .input-search {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    border: none;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    position: relative;
    padding: 9px 0 10px 46px;
    width: 100%; }
    .input-search-wrapper .input-search:focus {
      outline: none; }
  .input-search-wrapper .close-btn {
    background-color: transparent;
    border: none; }
    .input-search-wrapper .close-btn .svgicon {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 40px;
      position: absolute;
      right: 0;
      top: 0;
      width: 36px; }
    .input-search-wrapper .close-btn:focus {
      outline: none; }
  .input-search-wrapper::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' stroke-width='1.5px'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23969696' stroke-linejoin='round'%3E %3Cpath d='M15.348 7.91c0 3.815-3.115 6.908-6.957 6.908-3.841 0-6.956-3.093-6.956-6.909S4.55 1 8.39 1c3.842 0 6.957 3.093 6.957 6.91z'/%3E %3Cpath stroke-linecap='round' d='M13.31 12.794l7.147 7.099'/%3E %3C/g%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 19px 18px;
    content: '';
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 46px; }
.filter-section--size__content .panel-header {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  margin: 12px 0 8px; }
.price-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 14px; }
  .price-panel__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 12px 16px;
    background-color: #FFFFFF;
    border: 1px #E5E5E5 solid;
    border-radius: 1px;
    width: 100px;
    height: 50px; }
    .price-panel__input::-webkit-input-placeholder {
      color: #BFBFBF; }
    .price-panel__input::-moz-placeholder {
      color: #BFBFBF; }
    .price-panel__input::-ms-input-placeholder {
      color: #BFBFBF; }
    .price-panel__input::placeholder {
      color: #BFBFBF; }
    .price-panel__input:focus {
      outline: none;
      border-color: #404040; }
    .price-panel__input::-webkit-inner-spin-button, .price-panel__input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
  .price-panel__separator {
    line-height: 50px; }
.filter-section--expanded .filter-section--distance__content {
  min-height: 40px; }
.filter-drawer {
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 3;
      flex-shrink: 3;
  min-width: 210px;
  width: 210px;
  z-index: 1; }
  .filter-drawer__content {
    padding-bottom: 24px; }
.select {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content; }
  .select--outlined {
    border-radius: 1px;
    border: solid 1px #E5E5E5;
    padding: 13px 19px; }
  .select--full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%; }
  .select__panel {
    background-color: transparent; }
    .select__panel .modal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: auto;
      padding: 18px; }
      .select__panel .modal .option {
        cursor: pointer;
        outline: none; }
        .select__panel .modal .option:hover {
          background-color: #F5F5F5; }
        .select__panel .modal .option--selected {
          font-weight: 700; }
  .select__label {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #BFBFBF;
    margin-right: 8px;
    position: relative; }
  .select__value {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    font-weight: 700;
    outline: none;
    padding-right: 8px; }
    .select--full .select__value {
      margin-right: auto; }
  .select__icon {
    cursor: pointer;
    outline: none; }
    .select__icon svg {
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .select--open .select__icon svg {
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
.render-option {
  cursor: pointer;
  line-height: 1.73;
  margin-bottom: 7px;
  outline: none;
  padding-left: 27px;
  position: relative; }
  .render-option--categories {
    font-size: 16px; }
  .render-option--sort {
    font-size: 14px; }
  .render-option .svgicon-button-radio-off, .render-option .svgicon-button-radio-on, .render-option .svgicon-button-toogle-off {
    opacity: 1;
    position: absolute;
    left: 1px;
    top: 2px;
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -o-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    visibility: visible;
    width: 18px; }
  .render-option .svgicon-button-toogle-off {
    opacity: 0;
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -o-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    visibility: hidden; }
  .render-option:hover .svgicon-button-toogle-off {
    opacity: 1;
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -o-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    visibility: visible; }
  .render-option:hover .svgicon-button-radio-off {
    opacity: 0;
    -webkit-transition: visibility 0.3s ease, opacity 0.3s ease;
    -o-transition: visibility 0.3s ease, opacity 0.3s ease;
    transition: visibility 0.3s ease, opacity 0.3s ease;
    visibility: hidden; }
  .render-option:last-child {
    margin-bottom: 0; }
.results-top {
  -webkit-animation: fadeFromTop 0.1s ease-out 1;
          animation: fadeFromTop 0.1s ease-out 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: auto 0 12px auto; }
  .results-top .select--sort__value {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    font-weight: 400; }
  .results-top .select--sort__panel .modal {
    width: 216px; }
.top-bar {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  -webkit-transition: height 0.6s ease;
  -o-transition: height 0.6s ease;
  transition: height 0.6s ease;
  z-index: 2; }
  .top-bar__btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: 700;
    margin: 0 15px;
    padding: 0;
    position: relative;
    text-decoration: none; }
    .top-bar__btn:after {
      background-color: #000000;
      content: '';
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      top: 20px;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      width: 100%; }
    .top-bar__btn:hover:after {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 0.4; }
    .top-bar__btn:focus {
      outline: none; }
.filter-top {
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 190px;
  min-height: 190px;
  margin-bottom: 12px;
  top: 0;
  width: 210px;
  min-width: 500px;
  z-index: 1; }
  .filter-top .headline {
    margin-top: 26px;
    position: absolute;
    min-width: 500px; }
  .filter-top .count {
    margin: 85px 0 auto; }
  .filter-top .label {
    font-weight: 700;
    margin-bottom: auto; }
  .filter-top .bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 200px; }
    .filter-top .bottom .label {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.5;
      color: #BFBFBF;
      opacity: 1;
      -webkit-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
      .filter-top .bottom .label--dark {
        color: #404040;
        cursor: pointer; }
        .filter-top .bottom .label--dark:focus {
          outline: none; }
      .filter-top .bottom .label--hidden {
        opacity: 0;
        -webkit-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease; }
.feed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative; }
  .feed .classified-list {
    -webkit-animation: fadeFromTop 0.5s ease-out 1;
            animation: fadeFromTop 0.5s ease-out 1;
    position: relative;
    left: 12px; }
  .feed .filter-placeholder {
    width: 12px; }
  .feed--filter-mode__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

.wider {
  width: calc(100% + 24px); }
.landingpage > .frontpage-banner {
  -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s; }

.landingpage > .usp-banner {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s; }

.landingpage > .category-banner {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s; }

.landingpage > .brand-banner {
  -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s; }
.extra-filters {
  -webkit-animation: fadeFromBottom 0.3s ease-out 1;
          animation: fadeFromBottom 0.3s ease-out 1; }
  .extra-filters__list {
    padding: 0;
    margin: 0; }
  .extra-filters .list__item {
    list-style: none;
    display: inline-block;
    vertical-align: top; }
    .extra-filters .list__item:nth-child(1n+2) {
      margin-left: 16px; }
  .extra-filters .list__button {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: inline-block;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #5E5E5E;
    font-weight: 400; }
    .extra-filters .list__button::after {
      position: absolute;
      bottom: 0;
      height: 1px;
      display: block;
      content: '';
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      background-color: #000000;
      left: 0;
      width: 100%; }
    .extra-filters .list__button:focus, .extra-filters .list__button:hover {
      outline: none; }
      .extra-filters .list__button:focus::after, .extra-filters .list__button:hover::after {
        -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 0.4; }
    .extra-filters .list__button:active::after {
      opacity: 1; }
  .separator + .extra-filters {
    margin-top: -4px; }
.banner__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 28px; }

.banner__list {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  margin-left: -12px;
  margin-right: -12px;
  width: calc(100% + 24px); }

.brand-banner {
  margin-top: 28px;
  margin-bottom: 28px;
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1; }
  .brand-banner__inner {
    padding: 1vw 0;
    -webkit-transition: padding 0.15s ease;
    -o-transition: padding 0.15s ease;
    transition: padding 0.15s ease; }
    @media (min-width: 1750px) {
      .brand-banner__inner {
        padding: 3vw 0; } }
  .brand-banner__list .list__button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer; }
    .brand-banner__list .list__button:focus .item__images, .brand-banner__list .list__button:hover .item__images {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 80%, 90% 100%, 0 100%, 0 100%, 0 0); }
  .brand-banner__list .list__item {
    overflow: hidden;
    list-style: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 12px;
    margin-right: 12px;
    width: 100%;
    border-radius: 1px; }
    .brand-banner__list .list__item .item__background {
      width: 210px; }
    .brand-banner__list .list__item:nth-child(1) .item__background img {
      -webkit-animation-duration: 0.55s;
              animation-duration: 0.55s; }
    .brand-banner__list .list__item:nth-child(2) .item__background img {
      -webkit-animation-duration: 0.6s;
              animation-duration: 0.6s; }
    .brand-banner__list .list__item:nth-child(3) .item__background img {
      -webkit-animation-duration: 0.65s;
              animation-duration: 0.65s; }
    .brand-banner__list .list__item:nth-child(4) .item__background img {
      -webkit-animation-duration: 0.7s;
              animation-duration: 0.7s; }
    .brand-banner__list .list__item:nth-child(5) .item__background img {
      -webkit-animation-duration: 0.75s;
              animation-duration: 0.75s; }
    .brand-banner__list .list__item:nth-child(1) .item__images {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 15% 100%, 0 70%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 15% 100%, 0 70%, 0 0); }
    .brand-banner__list .list__item:nth-child(1) .list__button:focus .item__images, .brand-banner__list .list__item:nth-child(1) .list__button:hover .item__images {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 10% 100%, 0 80%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 10% 100%, 0 80%, 0 0); }
    .brand-banner__list .list__item:nth-child(3) .item__images {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 50%, 75% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 50%, 75% 100%, 0 100%, 0 100%, 0 0); }
    .brand-banner__list .list__item:nth-child(3) .list__button:focus .item__images, .brand-banner__list .list__item:nth-child(3) .list__button:hover .item__images {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 70%, 85% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 70%, 85% 100%, 0 100%, 0 100%, 0 0); }
    .brand-banner__list .list__item:nth-child(4) .item__images {
      -webkit-clip-path: polygon(15% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 30%);
              clip-path: polygon(15% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 30%); }
    .brand-banner__list .list__item:nth-child(4) .list__button:focus .item__images, .brand-banner__list .list__item:nth-child(4) .list__button:hover .item__images {
      -webkit-clip-path: polygon(10% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 20%);
              clip-path: polygon(10% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 20%); }
  .brand-banner__list .item__images {
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
    -webkit-transition: -webkit-clip-path 0.15s ease;
    transition: -webkit-clip-path 0.15s ease;
    -o-transition: clip-path 0.15s ease;
    transition: clip-path 0.15s ease;
    transition: clip-path 0.15s ease, -webkit-clip-path 0.15s ease; }
  .brand-banner__list .item__background img {
    height: 120px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-animation: fadeIn 0.75s ease-out 1;
            animation: fadeIn 0.75s ease-out 1; }
  .brand-banner__list .item__logo {
    padding: 16px 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: auto;
    max-height: 100%; }
    .brand-banner__list .item__logo img {
      background-color: transparent;
      width: 100%;
      height: 100%; }
  .brand-banner .separator {
    background-color: #BFBFBF;
    margin-top: 30px; }
.category-banner {
  margin-top: 28px;
  margin-bottom: 28px;
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1;
  margin-bottom: 50px; }
  .category-banner__seperator.category-banner__seperator {
    margin-bottom: 20px;
    margin-top: 20px; }
  .category-banner__list .list__button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    cursor: pointer; }
    .category-banner__list .list__button:focus {
      outline: none; }
  .category-banner__list .list__item {
    overflow: hidden;
    list-style: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-left: 12px;
    margin-right: 12px;
    background-color: #FFFFFF;
    border-radius: 1px;
    width: 100%; }
    .category-banner__list .list__item:nth-child(1) .item__image img {
      -webkit-animation-duration: 0.55s;
              animation-duration: 0.55s; }
    .category-banner__list .list__item:nth-child(2) .item__image img {
      -webkit-animation-duration: 0.6s;
              animation-duration: 0.6s; }
    .category-banner__list .list__item:nth-child(3) .item__image img {
      -webkit-animation-duration: 0.65s;
              animation-duration: 0.65s; }
    .category-banner__list .list__item:nth-child(4) .item__image img {
      -webkit-animation-duration: 0.7s;
              animation-duration: 0.7s; }
    .category-banner__list .list__item:nth-child(5) .item__image img {
      -webkit-animation-duration: 0.75s;
              animation-duration: 0.75s; }
    .category-banner__list .list__item .list__button:focus .item__image, .category-banner__list .list__item .list__button:hover .item__image {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 100%, 0 0); }
    .category-banner__list .list__item:nth-child(1) .item__image {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 100%, 0 0); }
    .category-banner__list .list__item:nth-child(1) .list__button:focus .item__image, .category-banner__list .list__item:nth-child(1) .list__button:hover .item__image {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 100% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 100%, 0 0); }
    .category-banner__list .list__item:nth-child(4) .item__image {
      -webkit-clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); }
    .category-banner__list .list__item:nth-child(4) .list__button:focus .item__image, .category-banner__list .list__item:nth-child(4) .list__button:hover .item__image {
      -webkit-clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 90% 0, 100% 10%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0); }
  .category-banner__list .item__name {
    font-size: 15px;
    font-weight: 700;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    text-align: left;
    padding-top: 24px; }
  .category-banner__list .item__image {
    width: 100%;
    height: 200px;
    background-color: #F5F5F4;
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
    -webkit-transition: -webkit-clip-path 0.15s ease;
    transition: -webkit-clip-path 0.15s ease;
    -o-transition: clip-path 0.15s ease;
    transition: clip-path 0.15s ease;
    transition: clip-path 0.15s ease, -webkit-clip-path 0.15s ease; }
    .category-banner__list .item__image img {
      width: 100%;
      height: 200px;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      -webkit-animation: fadeIn 0.75s ease-out 1;
              animation: fadeIn 0.75s ease-out 1; }

.category-banner_seperator.category-banner_seperator {
  margin-bottom: 20px; }
.frontpage-banner {
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1;
  margin: 12px 0; }
  .frontpage-banner .banner {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    .frontpage-banner .banner:focus {
      outline: none; }
    .frontpage-banner .banner__container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      border-radius: 1px;
      overflow: hidden;
      width: 100%;
      height: 300px;
      background-color: #FFFFFF;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      position: relative;
      z-index: 0; }
      .frontpage-banner .banner__container:hover .banner__image {
        -webkit-clip-path: polygon(27.5% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 55%);
                clip-path: polygon(27.5% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 55%);
        border: 0; }
      .frontpage-banner .banner__container > * {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto; }
    .frontpage-banner .banner__content {
      width: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
              flex-flow: column nowrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 8px 32px 32px 0;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      pointer-events: none; }
      .frontpage-banner .banner__content > * {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        max-width: 100%; }
    .frontpage-banner .banner__title {
      color: #000000;
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 16px;
      font-size: 72px;
      line-height: 1; }
    .frontpage-banner .banner__body {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      margin-bottom: 16px;
      max-width: 35%; }
    .frontpage-banner .banner__button {
      max-width: 35%;
      white-space: nowrap;
      pointer-events: auto; }
    .frontpage-banner .banner__image {
      -webkit-clip-path: polygon(30% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 60%);
              clip-path: polygon(30% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 60%);
      overflow: hidden;
      position: relative;
      width: 50%;
      margin-left: -40%;
      z-index: -1;
      -webkit-transition: -webkit-clip-path 0.15s ease;
      transition: -webkit-clip-path 0.15s ease;
      -o-transition: clip-path 0.15s ease;
      transition: clip-path 0.15s ease;
      transition: clip-path 0.15s ease, -webkit-clip-path 0.15s ease;
      border: 0;
      background: none; }
      .frontpage-banner .banner__image:focus {
        -webkit-clip-path: polygon(20% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 40%);
                clip-path: polygon(20% 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 40%); }
      .frontpage-banner .banner__image img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%); }
        @supports ((-o-object-fit: cover) or (object-fit: cover)) {
          .frontpage-banner .banner__image img {
            position: static;
            -o-object-fit: cover;
               object-fit: cover;
            -o-object-position: center;
               object-position: center;
            -webkit-transform: translate(0);
                -ms-transform: translate(0);
                    transform: translate(0); } }
.usp-banner {
  margin-top: 28px;
  margin-bottom: 28px;
  -webkit-animation: fadeFromTop 0.5s ease-out 1;
          animation: fadeFromTop 0.5s ease-out 1; }
  .usp-banner__list {
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    .usp-banner__list > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .usp-banner__list .list__item {
      list-style: none;
      text-align: center;
      padding-left: 32px;
      padding-right: 32px; }
    .usp-banner__list .list__title {
      font-size: 18px;
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 8px; }
      .usp-banner__list .list__title .svgicon {
        margin-right: 4px;
        margin-left: -20px; }
        .usp-banner__list .list__title .svgicon path {
          stroke: #306A9A; }
    .usp-banner__list .list__body {
      font-size: 14px;
      line-height: 1.5; }
.shopboost-card-wrapper {
  position: relative; }

.shopboost-card {
  position: relative;
  background-color: #FFFFFF;
  border-radius: 1px;
  padding: 24px;
  border: solid 1px #F0F0F0; }
  .shopboost-card--animateIn {
    -webkit-animation: fadeFromBottom 0.5s ease-out 1;
            animation: fadeFromBottom 0.5s ease-out 1; }
  .shopboost-card__text {
    margin-bottom: 12px;
    height: 24px;
    overflow: hidden; }
  .shopboost-card__header {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    padding-bottom: 24px; }
    .shopboost-card__header .svgicon-user-widget__badge {
      position: absolute;
      left: 14px;
      top: 15px; }
    .shopboost-card__header .user-widget__picture {
      width: 30px;
      margin-right: 10px; }
    .shopboost-card__header > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
    .shopboost-card__header .header__user .user-widget {
      height: 30px;
      padding: 0;
      margin: 0; }
      .shopboost-card__header .header__user .user-widget__title {
        -o-text-overflow: ellipsis;
           text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        max-width: 60%; }
        .shopboost-card__header .header__user .user-widget__title .svgicon-user-widget__badge {
          position: absolute;
          top: -4px;
          right: -36px; }
      .shopboost-card__header .header__user .user-widget__rating {
        position: absolute;
        right: 0;
        top: 4px; }
    .shopboost-card__header .header__text {
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #4A4A4A;
      font-size: 14px;
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      padding-left: 8px;
      font-weight: 400;
      width: 100%;
      margin: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
              flex-flow: row wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .shopboost-card__header .link {
      text-decoration: none; }
  .shopboost-card__actions {
    padding-top: 16px; }
    .shopboost-card__actions > *:nth-last-child(1n+2) {
      margin-right: 16px; }
  .shopboost-card__header-wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
    min-width: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .shopboost-card__header-wrapper > *:nth-last-child(1n+2) {
      margin-right: 8px; }
  .shopboost-card__pictures {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .shopboost-card__pictures > * {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 25%;
      margin-right: 10px; }
      .shopboost-card__pictures > *:last-child {
        margin-right: 0; }
.shopboost-ad-wrapper {
  height: 100%;
  position: relative;
  width: 366px; }

.shopboost-ad {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  border-radius: 1px;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  z-index: 0;
  cursor: pointer; }
  .shopboost-ad--animateIn {
    -webkit-animation: fadeFromBottom 0.15s ease;
            animation: fadeFromBottom 0.15s ease; }
  .shopboost-ad__title {
    max-width: 75%;
    margin: 0 0 8px; }
  .shopboost-ad__button {
    background-color: #F7BC00;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 24px;
    text-align: center;
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    font-size: 12px; }
    .shopboost-ad__button:link, .shopboost-ad__button:visited {
      color: #FFFFFF;
      text-decoration: none; }
    .shopboost-ad__button:hover {
      background-color: #94D1C7;
      -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11), 0 2px 3px rgba(0, 0, 0, 0.08);
              box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11), 0 2px 3px rgba(0, 0, 0, 0.08); }
    .shopboost-ad__button:focus {
      outline: none; }
    .shopboost-ad__button:active {
      background-color: #BFE0D9; }
    .shopboost-ad__button:disabled {
      background-color: #BFE0D9;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: auto; }
  .shopboost-ad__image {
    background-color: lightgrey;
    height: 232px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    z-index: -1; }

.shopboost-ad-corner {
  border-top: 60px solid #FFFFFF;
  border-right: 60px solid transparent;
  position: absolute;
  top: 0; }
.shopboost-banner {
  margin-bottom: 16px;
  padding: 0; }
  .shopboost-banner .slick-track {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    .shopboost-banner .slick-track > * {
      -ms-flex-negative: unset !important;
          flex-shrink: unset !important; }
  .shopboost-banner .slick-slide > div {
    height: 100%;
    width: 366px; }
  .shopboost-banner__inner.shopboost-banner__inner {
    padding: 0 24px;
    width: 100%; }
  .shopboost-banner__title {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #000000;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    margin-top: 24px;
    margin-bottom: 16px;
    font-weight: 700; }
  .shopboost-banner__carousel .slick-slide {
    margin: 0 12px; }
  .shopboost-banner__carousel .slick-track > * {
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    -ms-flex-negative: unset !important;
        flex-shrink: unset !important; }
.modal--warning {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  padding: 30px;
  text-align: center; }
  .modal--warning .header {
    font-size: 22px;
    margin-bottom: 10px; }
  .modal--warning .text {
    font-size: 14px;
    margin-bottom: 30px; }
  .modal--warning .button {
    color: #F7BC00;
    cursor: pointer;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 27px;
    letter-spacing: 0.05rem;
    line-height: 1.5;
    margin: auto;
    padding: 5px;
    text-align: center;
    width: 27px; }
  .modal--warning .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
.creditcard--submit {
  height: 36px; }

.creditcard-number-container {
  border-radius: 1px;
  border: solid 1px #DEDEDE;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 36px; }
  .creditcard-number-container span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.creditcard-expcvc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.creditcard-exp-container {
  width: 35%;
  border-radius: 1px;
  border: solid 1px #DEDEDE;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 400; }

.creditcard-cvc {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .creditcard-cvc-label {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    width: 30%;
    text-align: right;
    padding-right: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 48px; }
  .creditcard-cvc-container {
    width: 70%;
    border-radius: 1px;
    border: solid 1px #DEDEDE;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 400; }

.creditcard-add, .creditcard-remove {
  font-size: 16px;
  font-weight: 400;
  margin-top: 28px;
  cursor: pointer;
  border: none;
  outline: none;
  padding: 0;
  background-color: transparent; }

.creditcard-remove {
  color: #821C18; }
  .creditcard-remove:not(.active) {
    position: relative;
    cursor: pointer; }
    .creditcard-remove:not(.active)::after {
      position: absolute;
      bottom: -2px;
      height: 1px;
      display: block;
      content: '';
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      background-color: #821C18;
      left: 0;
      width: 100%; }
    .creditcard-remove:not(.active):focus, .creditcard-remove:not(.active):hover {
      outline: none; }
      .creditcard-remove:not(.active):focus::after, .creditcard-remove:not(.active):hover::after {
        -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 0.4; }
    .creditcard-remove:not(.active):active::after {
      opacity: 1; }

.creditcard-add {
  color: #F7BC00; }
  .creditcard-add:not(.active) {
    position: relative;
    cursor: pointer; }
    .creditcard-add:not(.active)::after {
      position: absolute;
      bottom: -2px;
      height: 1px;
      display: block;
      content: '';
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      background-color: #F7BC00;
      left: 0;
      width: 100%; }
    .creditcard-add:not(.active):focus, .creditcard-add:not(.active):hover {
      outline: none; }
      .creditcard-add:not(.active):focus::after, .creditcard-add:not(.active):hover::after {
        -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 0.4; }
    .creditcard-add:not(.active):active::after {
      opacity: 1; }
.membership {
  margin-top: 14px; }
  .membership__info {
    font-size: 16px;
    color: #404040; }
  .membership__plan {
    margin-bottom: 16px; }
  .membership__next-billing {
    margin-bottom: 28px; }
  .membership__actions__manage, .membership__actions__unsubscribe {
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer; }
  .membership__actions__manage {
    color: #F7BC00;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: transparent; }
    .membership__actions__manage:not(.active) {
      position: relative;
      cursor: pointer; }
      .membership__actions__manage:not(.active)::after {
        position: absolute;
        bottom: 0;
        height: 1px;
        display: block;
        content: '';
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease;
        -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
                transform-origin: right center;
        -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
        background-color: #F7BC00;
        left: 0;
        width: 100%; }
      .membership__actions__manage:not(.active):focus, .membership__actions__manage:not(.active):hover {
        outline: none; }
        .membership__actions__manage:not(.active):focus::after, .membership__actions__manage:not(.active):hover::after {
          -webkit-transform-origin: left center;
              -ms-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
          opacity: 0.4; }
      .membership__actions__manage:not(.active):active::after {
        opacity: 1; }
  .membership__actions__unsubscribe {
    color: #821C18;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 16px;
    background-color: transparent; }
    .membership__actions__unsubscribe:not(.active) {
      position: relative;
      cursor: pointer; }
      .membership__actions__unsubscribe:not(.active)::after {
        position: absolute;
        bottom: 0;
        height: 1px;
        display: block;
        content: '';
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease;
        -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
                transform-origin: right center;
        -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
        background-color: #821C18;
        left: 0;
        width: 100%; }
      .membership__actions__unsubscribe:not(.active):focus, .membership__actions__unsubscribe:not(.active):hover {
        outline: none; }
        .membership__actions__unsubscribe:not(.active):focus::after, .membership__actions__unsubscribe:not(.active):hover::after {
          -webkit-transform-origin: left center;
              -ms-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
          opacity: 0.4; }
      .membership__actions__unsubscribe:not(.active):active::after {
        opacity: 1; }
.settings-notifications {
  margin-bottom: 32px; }
  .settings-notifications__groups {
    margin-top: 16px;
    font-size: 14px;
    color: #7F7F7F; }
  .settings-notifications__types .notification-type:first-child {
    margin-top: -12px; }

.notification-type {
  max-width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px; }
  .notification-type__name {
    width: 200px;
    text-align: right;
    margin-right: 70px;
    font-size: 16px;
    color: #404040; }
  .notification-type__input {
    margin-top: -32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .notification-type__input__box {
      position: relative;
      cursor: pointer; }
      .notification-type__input__box::before, .notification-type__input__box::after {
        position: absolute; }
      .notification-type__input__box::before {
        content: "";
        top: -1px;
        left: 0px;
        display: inline-block;
        height: 33px;
        width: 51px;
        border-radius: 18px;
        background-color: #7F7F7F; }
      .notification-type__input__box::after {
        left: 2px;
        top: 1px;
        content: "";
        display: inline-block;
        height: 28px;
        width: 28px;
        border-radius: 50%;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3), 0 5px 10px 0 rgba(0, 0, 0, 0.1);
        background-color: #FFFFFF;
        border: solid 0.5px #E5E5E5; }
    .notification-type__input input {
      position: absolute;
      clip: rect(1px, 1px, 1px, 1px);
      overflow: hidden;
      height: 1px;
      width: 1px;
      word-wrap: normal; }
    .notification-type__input input + label::after {
      -webkit-transition: left 0.15s ease;
      -o-transition: left 0.15s ease;
      transition: left 0.15s ease; }
    .notification-type__input input:checked + label::after {
      -webkit-transition: left 0.15s ease;
      -o-transition: left 0.15s ease;
      transition: left 0.15s ease;
      left: 20px; }
    .notification-type__input input:checked + label::before {
      background-color: #319A92; }
.location-change-input {
  -webkit-animation: fadeFromTop 0.1s ease-out 1;
          animation: fadeFromTop 0.1s ease-out 1; }
  .location-change-input__overlay {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0; }

.location-change-btn {
  -webkit-animation: fadeFromBottom 0.1s ease-out 1;
          animation: fadeFromBottom 0.1s ease-out 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .location-change-btn__value {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 7px; }
  .location-change-btn__suffix {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: transparent;
    border: none;
    color: #F7BC00;
    cursor: pointer;
    margin-left: 10px;
    padding: 0; }
    .location-change-btn__suffix--grey {
      color: #BFBFBF; }
    .location-change-btn__suffix:focus {
      outline: none; }
  .location-change-btn--sell {
    margin: 5px 0 8px; }
  .location-change-btn--settings {
    margin-top: 14px; }
.settings::after {
  content: "";
  display: table;
  clear: both; }

.settings-container {
  background-color: #FFFFFF;
  padding: 30px; }

.settings-section {
  border-top: 1px solid #DEDEDE; }

.settings-section-header {
  margin-top: 20px;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 32px; }

.settings-right {
  width: 704px;
  float: right; }
.profile-widget {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  position: relative;
  margin: 0;
  padding: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer; }
  .profile-widget:focus, .profile-widget:hover {
    outline: none; }
    .profile-widget:focus .profile-widget__username::after, .profile-widget:hover .profile-widget__username::after {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 0.5; }
  .profile-widget__my-profile {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: #4A4A4A;
    margin: 0 8px;
    padding: 8px 0; }
    @media (max-width: 1024px) {
      .profile-widget__my-profile {
        display: none; } }
  .profile-widget--absolute .svgicon-badge-svg {
    position: absolute;
    left: 14px;
    top: 13px;
    -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
            transform: scale(0.5); }
  .profile-widget--absolute2x .svgicon-badge-svg {
    position: absolute;
    left: 40px;
    top: 34px;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9); }
  .profile-widget .svgicon-right-dark-arrow-ico {
    -webkit-transform: scale(0.9) !important;
        -ms-transform: scale(0.9) !important;
            transform: scale(0.9) !important; }
  .profile-widget .svgicon-profile-widget__icon {
    position: relative;
    top: 0;
    left: 5px;
    width: 12px;
    height: 12px; }
.benefit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px; }
  .benefit-image {
    margin-right: 24px; }
  .benefit-title {
    font-size: 18px;
    color: #404040;
    font-weight: 700; }
  .benefit-description {
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.5; }
  .benefit-actions {
    margin-top: 12px; }
    .benefit-actions a {
      text-decoration: none;
      color: #FFFFFF;
      padding: 11px 28px; }
      .benefit-actions a:hover {
        text-decoration: none; }
      .benefit-actions a:visited, .benefit-actions a:link {
        color: #FFFFFF; }
    .benefit-actions button {
      border: none;
      outline: none;
      padding: 8px 28px;
      cursor: pointer; }
    .benefit-actions a,
    .benefit-actions button {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-size: 14px;
      font-weight: 400;
      color: #FFFFFF;
      background-color: #F7BC00;
      border-radius: 1px;
      margin-right: 16px;
      -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
      .benefit-actions afocus, .benefit-actions a:hover,
      .benefit-actions buttonfocus,
      .benefit-actions button:hover {
        background-color: #dea900; }
      .benefit-actions a:disabled,
      .benefit-actions button:disabled {
        background-color: #F9CD5F;
        cursor: not-allowed; }
.club {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .club__header {
    margin-left: 30px; }
  .club__profile-picture {
    margin: 42px 0 24px 0; }
  .club h2 {
    font-size: 22px;
    font-weight: 400;
    color: #404040; }
  .club__manchet {
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
    margin-top: 8px; }

.profile-page {
  width: 912px;
  margin: 0 auto; }
.tradono-account-content__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 60px;
  margin-top: -10px; }
  .tradono-account-content__navigation .nav-btn {
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-decoration: none;
    line-height: 1.5;
    color: #7F7F7F;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 20px;
    margin-bottom: 24px;
    padding: 9px 20px 6px 20px;
    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .tradono-account-content__navigation .nav-btn:hover {
      background-color: #F5F5F5; }
    .tradono-account-content__navigation .nav-btn.active {
      background-color: #F5F5F5;
      font-weight: 700; }
.log {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 20px 20px 0; }
  .log:focus {
    outline: none; }
  .log:last-child {
    border-bottom: 1px solid #F5F5F5; }
  .log--clickable {
    cursor: pointer; }
  .log--pending {
    border: 1px solid #E5E5E5;
    border-radius: 1px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(188, 188, 188, 0.15);
            box-shadow: 0 2px 2px 0 rgba(188, 188, 188, 0.15);
    margin-bottom: 8px;
    padding: 20px; }
  .log--placeholder__img {
    background-color: #F0F0F0;
    height: 48px;
    margin-right: 16px;
    width: 48px; }
  .log--placeholder__title {
    background-color: #F0F0F0;
    height: 24px;
    width: 224px; }
  .log__title {
    font-weight: 700;
    margin: 0 auto 0 16px; }
  .log__price {
    min-width: 120px;
    text-align: right; }
    .log__price--positive {
      color: #309A93; }
.logs-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .logs-block__title {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    margin: 40px 0 16px; }
  .logs-block__note {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    margin-top: 16px; }
.activity-log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .activity-log__header {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    padding-right: 20px; }
    .activity-log__header span:nth-child(2) {
      margin-left: auto; }
    .activity-log__header span:nth-child(3) {
      min-width: 120px;
      text-align: end; }
  .activity-log__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .activity-log__bottom {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    margin: 20px auto 100px; }
.learn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .learn-more__header {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 16px;
    max-width: 286px;
    position: relative; }
  .learn-more__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 286px;
    position: relative; }
  .learn-more__img-big {
    width: 366px; }
.tradono-account-content__view {
  -webkit-animation: fadeInTop 0.4s ease-out 1;
          animation: fadeInTop 0.4s ease-out 1;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
  position: relative;
  padding-top: 8px; }
  .tradono-account-content__view--3x {
    -webkit-box-flex: 9;
        -ms-flex-positive: 9;
            flex-grow: 9; }
.tradono-account-content__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 85px; }
.tradono-account-top__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 235px;
  padding: 41px 37px 28px 25px; }

.tradono-account-top__upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto 0; }
  .tradono-account-top__upper .title {
    color: #000000;
    font-size: 40px;
    font-weight: 700; }
  .tradono-account-top__upper .balance {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    text-align: right;
    top: 10px; }
    .tradono-account-top__upper .balance__label {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.5;
      color: #7F7F7F; }

.tradono-account-top__lower {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-left: -16px; }
  .tradono-account-top__lower .icon-text-btn span {
    padding-top: 2px; }
  .tradono-account-top__lower .icon-text-btn:visited {
    text-decoration: none; }
.form-section {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 0;
  position: relative; }
  .form-section--two-cols {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .form-section--one-col {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .form-section--clickable {
    cursor: pointer; }
  .form-section--extra-pad {
    padding: 10px 0 32px; }
  .form-section__label {
    font-weight: bold; }
    .form-section--two-cols .form-section__label {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .form-section--one-col .form-section__label {
      margin-bottom: 16px; }
  .form-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .form-section__content--padded {
      padding-right: 16px; }
    .form-section__content--error {
      color: #821C18; }
.receipt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 40px 0; }
  .receipt__header {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 40px 40px; }
  .receipt__section--padded {
    padding: 0 40px; }
  .receipt__section__header {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #F0F0F0;
    margin: 0 40px;
    padding-bottom: 15px; }
    .receipt__section--padded .receipt__section__header {
      margin: 0; }
  .receipt__section__classified {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #F0F0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 40px 15px;
    padding: 10px 0; }
    .receipt__section__classified__name {
      font-weight: 700;
      margin: 0 auto 0 10px; }
  .receipt__section__fee {
    padding: 0 40px; }
    .receipt__section__fee__row {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      margin-bottom: 15px; }
  .receipt__section__total {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F5F5F5;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 40px;
    margin-bottom: 50px; }
    .receipt__section__total > span {
      margin: 0 40px; }
  .receipt__note {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    margin: 15px 40px 0; }
  .receipt__btn {
    margin: auto auto 0;
    padding: 10px 65px;
    width: 145px; }
.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px; }
  .form.form {
    height: 100%; }
  .form--deposit.form--deposit {
    height: calc(100% - 80px); }
  .form__header {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2; }
  .form__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    padding-top: 40px; }
    .form__content .btn {
      margin: auto auto 0 auto;
      position: relative; }
      .form__content .btn--outline.btn--outline {
        padding: 10px 64px; }
      .form__content .btn .spinner {
        left: 60px;
        top: 10px; }
  .form__note {
    color: #BDBDBD;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5em;
    color: #7F7F7F;
    margin-top: 16px;
    text-align: center; }
.amount-field {
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  position: relative; }
  .amount-field__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border: 1px solid #E5E5E5;
    height: 50px;
    padding-right: 48px;
    text-align: right;
    width: 300px; }
    .amount-field__input:focus {
      border: 1px solid #404040;
      outline: none; }
    .amount-field__input::-webkit-inner-spin-button, .amount-field__input::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0; }
    .amount-field--da .amount-field__input {
      padding-right: 35px; }
    .amount-field--invalid .amount-field__input {
      border-color: #811D18;
      color: #811D18; }
  .amount-field__currency {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    position: absolute;
    right: 12px;
    top: 15px;
    color: #404040; }
    .amount-field--invalid .amount-field__currency {
      color: #811D18; }
  .amount-field__error-msg {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #811D18;
    left: 0;
    position: absolute;
    top: 50px; }
.modal--bank {
  padding: 60px 40px 20px;
  position: relative; }
  .modal--bank .bank-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%; }
    .modal--bank .bank-form__header {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.5;
      color: #000000; }
    .modal--bank .bank-form__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 28px; }
      .modal--bank .bank-form__content__field {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-right: 28px;
        position: relative;
        width: 270px; }
        .modal--bank .bank-form__content__field--small {
          width: 100px; }
        .modal--bank .bank-form__content__field__label {
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5;
          margin-bottom: 12px; }
        .modal--bank .bank-form__content__field__input {
          font-size: 16px;
          font-weight: 400;
          line-height: 1.5;
          border: 1px solid #E5E5E5;
          height: 50px;
          padding: 0 15px; }
          .modal--bank .bank-form__content__field__input:focus {
            border: 1px solid #404040;
            outline: none; }
          .modal--bank .bank-form__content__field__input--invalid {
            border-color: #811D18;
            color: #811D18; }
            .modal--bank .bank-form__content__field__input--invalid:focus {
              border-color: #811D18;
              color: #811D18; }
        .modal--bank .bank-form__content__field__error {
          font-size: 14px;
          font-weight: normal;
          line-height: 1.5;
          color: #811D18;
          left: 0;
          position: absolute;
          top: 90px; }
    .modal--bank .bank-form__submit {
      margin: auto auto 0; }
.toggle-input__label {
  cursor: pointer;
  display: block;
  position: relative;
  height: 24px;
  width: 40px; }
  .toggle-input__label::before, .toggle-input__label::after {
    position: absolute; }
  .toggle-input__label::before {
    content: "";
    left: 0;
    display: inline-block;
    height: 24px;
    width: 40px;
    border-radius: 18px;
    background-color: #7F7F7F; }
  .toggle-input__label::after {
    left: 5px;
    top: 4px;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1);
    background-color: #FFFFFF;
    border: solid 0.5px #E5E5E5; }

.toggle-input input {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal; }

.toggle-input input + label::after {
  -webkit-transition: left 0.15s ease;
  -o-transition: left 0.15s ease;
  transition: left 0.15s ease; }

.toggle-input input:checked + label::after {
  -webkit-transition: left 0.15s ease;
  -o-transition: left 0.15s ease;
  transition: left 0.15s ease;
  left: 20px; }

.toggle-input input:checked + label::before {
  background-color: #319A92; }
.auto-payout-field__note {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  color: #7F7F7F; }

.auto-payout-field__toggle {
  position: absolute;
  right: 0;
  top: 40px; }
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;visibility:visible;overflow:auto;max-width:100%;max-height:100%}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:0;right:0;opacity:0;transition:opacity .2s linear}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}
.scroll-shadow {
  -webkit-box-flex: 1;
      -ms-flex: 1 2 auto;
          flex: 1 2 auto;
  -webkit-transition: -webkit-box-shadow 0.15s ease;
  transition: -webkit-box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
  width: 100%;
  overflow-x: hidden;
  max-height: 100%;
  height: 100%;
  min-height: 30vh; }
  .scroll-shadow .simplebar-scrollbar {
    right: 0; }
    .scroll-shadow .simplebar-scrollbar::before {
      opacity: 0; }
  .scroll-shadow:not(.scroll-shadow--show-scrollbar)::-webkit-scrollbar {
    display: none; }
.profile-shop__cover {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 45% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 45% 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  height: 100%;
  position: absolute;
  right: 0;
  width: 70%;
  z-index: 2; }
  .profile-shop__cover img {
    background-position: center;
    background-size: cover;
    float: right;
    -o-object-fit: cover;
       object-fit: cover;
    width: auto; }
  .profile-shop__cover--dialog {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .profile-shop__cover--no-picture {
    background-color: #CF9880;
    color: #821C18; }
  .profile-shop__cover--not-member {
    background-color: #F7BC00; }
  .profile-shop__cover .dialog-box {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 700;
    margin-right: 60px;
    max-width: 272px;
    text-align: end; }
    .profile-shop__cover .dialog-box--not-club {
      color: #FFFFFF;
      margin-left: auto; }
    .profile-shop__cover .dialog-box__header {
      font-size: 22px;
      margin-bottom: 12px; }
    .profile-shop__cover .dialog-box__text {
      font-size: 16px;
      margin-bottom: 16px; }
    .profile-shop__cover .dialog-box .btn {
      font-weight: 700;
      height: 34px;
      padding: 8px 12px;
      width: 106px; }
  .profile-shop__cover .cover-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    border: 1px solid #FFFFFF;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    height: 34px;
    right: 20px;
    padding: 0;
    position: absolute;
    top: 20px;
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: .25s;
         -o-transition-duration: .25s;
            transition-duration: .25s;
    width: 42px; }
    .profile-shop__cover .cover-button__text {
      color: #FFFFFF;
      font-size: 14px;
      margin-right: 40px;
      opacity: 0;
      -webkit-transition: visibility 0s, opacity .25s linear;
      -o-transition: visibility 0s, opacity .25s linear;
      transition: visibility 0s, opacity .25s linear;
      visibility: hidden; }
    .profile-shop__cover .cover-button .svgicon {
      display: inline-block;
      width: 20px;
      height: 14px;
      position: absolute;
      bottom: 10px;
      right: 0; }
    .profile-shop__cover .cover-button:hover {
      width: 160px; }
      .profile-shop__cover .cover-button:hover .cover-button__text {
        visibility: visible;
        opacity: 1; }
    .profile-shop__cover .cover-button:focus {
      outline: none; }
@charset "UTF-8";
.profile-shop {
  margin-top: 55px; }
  .profile-shop__header {
    min-height: 360px;
    position: relative;
    margin-bottom: 24px; }
    .profile-shop__header::after {
      content: ".";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both; }
  .profile-shop__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    float: left;
    height: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 24px 0;
    z-index: 3; }
  .profile-shop .shop-user {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0 0 12px;
    padding: 0; }
    .profile-shop .shop-user__username {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #000000;
      font-size: 32px;
      font-weight: 700;
      margin-top: 12px; }
    .profile-shop .shop-user__picture {
      width: 50px;
      height: 50px;
      margin-bottom: 12px; }
      .profile-shop .shop-user__picture .profile-picture {
        width: 50px;
        height: 50px; }
        .profile-shop .shop-user__picture .profile-picture__button {
          background: transparent;
          border: none;
          cursor: pointer;
          display: none;
          height: 50px;
          position: absolute;
          top: 0;
          width: 50px; }
      .profile-shop .shop-user__picture img {
        max-width: 100%; }
      .profile-shop .shop-user__picture:hover .profile-picture__button {
        display: block; }
  .profile-shop__stats {
    font-size: 16px;
    margin: 12px 0; }
    .profile-shop__stats > *:nth-last-child(1n+2) {
      margin-right: 16px; }
    .profile-shop__stats .stats__stat {
      margin-top: 0;
      margin-bottom: 0;
      display: inline-block; }
      .profile-shop__stats .stats__stat > * {
        margin: 0;
        display: inline-block; }
    .profile-shop__stats .stat__value {
      font-weight: 700;
      margin-right: 4px; }
  .profile-shop__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 429px;
    overflow-wrap: break-word;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
    margin: 12px 0;
    padding-right: 40px; }
    .profile-shop__description--active {
      color: #4A4A4A; }
  .profile-shop__mini-stats {
    font-size: 14px;
    color: #7F7F7F;
    margin-top: 12px; }
    .profile-shop__mini-stats > *:nth-last-child(1n+2) {
      margin-right: 4px; }
      .profile-shop__mini-stats > *:nth-last-child(1n+2)::after {
        content: '\2022';
        display: inline-block;
        margin-right: 4px; }
    .profile-shop__mini-stats .mini-stats__stat {
      margin-top: 0;
      margin-bottom: 0;
      display: inline-block; }
      .profile-shop__mini-stats .mini-stats__stat > * {
        margin: 0;
        display: inline-block; }
    .profile-shop__mini-stats .stat__key {
      margin-right: 4px; }
    .profile-shop__mini-stats .stat__value {
      margin-right: 4px; }
  .profile-shop__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap; }
    .profile-shop__actions .btn {
      font-weight: 700;
      height: 34px; }
      .profile-shop__actions .btn.btn {
        padding: 8px 16px; }
    .profile-shop__actions .actions__report .icon-btn {
      width: 30px;
      height: 30px; }
    .profile-shop__actions .report__button {
      font-size: 14px; }
    .profile-shop__actions .report:focus, .profile-shop__actions .report:hover {
      text-decoration: underline; }
.boosters-content-view__learnmore {
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5; }
  .boosters-content-view__learnmore .content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 50px; }
    .boosters-content-view__learnmore .content-wrapper .title {
      font-size: 32px;
      font-weight: bold;
      color: #000000; }
    .boosters-content-view__learnmore .content-wrapper .subtitle {
      font-size: 18px;
      margin-top: 16px;
      font-weight: bold; }
    .boosters-content-view__learnmore .content-wrapper .msg {
      margin-top: 15px;
      font-size: 16px; }
    .boosters-content-view__learnmore .content-wrapper .btn-container {
      margin-top: 26px; }
    .boosters-content-view__learnmore .content-wrapper .middle {
      width: 24px;
      min-width: 24px;
      max-width: 24px; }
    .boosters-content-view__learnmore .content-wrapper .right .booster-banner-1 {
      width: 444px;
      height: 737px;
      -o-object-fit: contain;
         object-fit: contain; }
.boosters-content__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  padding: 0 0 0 0; }
.boosters-top {
  border-bottom: 1px solid #F5F5F5; }
  .boosters-top__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 75px 0px 50px 0px; }
  .boosters-top__upper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: auto 0;
    height: 60px; }
    .boosters-top__upper .title {
      color: #000000;
      font-size: 40px;
      font-weight: 700; }
    .boosters-top__upper .balance {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative;
      text-align: right;
      top: 10px;
      line-height: 1.5; }
      .boosters-top__upper .balance__label {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.5;
        color: #7F7F7F; }
  .boosters-top__lower {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-left: -12px; }
.carousel > div {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.carousel__arrows .slide-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%; }
  .carousel__arrows .slide-buttons__half {
    pointer-events: none; }
    .carousel__arrows .slide-buttons__half--right {
      -webkit-transform: scaleX(-1);
          -ms-transform: scaleX(-1);
              transform: scaleX(-1); }
  .carousel__arrows .slide-buttons__arrow {
    cursor: pointer; }
.follow {
  background: red; }
  .follow__feed {
    height: 124px;
    margin-top: 40px; }
  .follow__heading {
    margin: 35px 0 55px; }
  .follow__subheading {
    color: #404040; }

.banner__main {
  margin-top: 24px; }

.link--golden {
  text-decoration: none; }
.inbox__wrapper {
  padding: 15px;
  position: fixed;
  background-color: #FFFFFF;
  bottom: 0;
  border-top: solid 1px #E5E5E5;
  min-width: 562px;
  z-index: 1; }

.inbox-message {
  -webkit-animation: fadeFromTop 0.15s ease;
          animation: fadeFromTop 0.15s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 10px 0 15px 16px; }
  .inbox-message--border {
    border: 1px solid #E5E5E5; }
  .inbox-message--dark {
    background-color: #404040;
    color: #FFFFFF; }
  .inbox-message--incomming {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .inbox-message__content {
    padding-left: 10px;
    max-width: 70%;
    text-align: right; }
  .inbox-message__picture {
    border-radius: 10px;
    overflow: hidden;
    margin: 4px 0; }
  .inbox-message__time {
    font-size: 14px;
    line-height: 1.5em;
    color: #BFBFBF; }
  .inbox-message__timestamp.inbox-message__timestamp {
    color: #BFBFBF; }
  .inbox-message--trade .inbox-message__content {
    min-width: 420px; }
  .inbox-message--trade .inbox-message__text {
    background-color: #F5F5F5;
    border-radius: 10px;
    padding: 20px; }
    .inbox-message--trade .inbox-message__text.trade-state-6, .inbox-message--trade .inbox-message__text.trade-state-8, .inbox-message--trade .inbox-message__text.trade-state-9 {
      background: #319A92;
      color: #FFFFFF; }
      .inbox-message--trade .inbox-message__text.trade-state-6 strong, .inbox-message--trade .inbox-message__text.trade-state-8 strong, .inbox-message--trade .inbox-message__text.trade-state-9 strong {
        display: block;
        color: #FFFFFF; }
      .inbox-message--trade .inbox-message__text.trade-state-6 .inbox-message__time, .inbox-message--trade .inbox-message__text.trade-state-8 .inbox-message__time, .inbox-message--trade .inbox-message__text.trade-state-9 .inbox-message__time {
        color: #E5E5E5; }
      .inbox-message--trade .inbox-message__text.trade-state-6 .btn--golden, .inbox-message--trade .inbox-message__text.trade-state-8 .btn--golden, .inbox-message--trade .inbox-message__text.trade-state-9 .btn--golden {
        background: #FFFFFF;
        border-color: #FFFFFF;
        color: #4A4A4A; }
    .inbox-message--trade .inbox-message__text.trade-state-8 {
      background: #404040; }
  .inbox-message__link {
    border: 0;
    background: none;
    font-size: 14px;
    cursor: pointer;
    left: 20px;
    position: relative;
    text-decoration: none;
    top: 5px; }
    .inbox-message__link span {
      color: #7F7F7F; }
  .inbox-message__title {
    font-size: 16px; }
  .inbox-message--pickedup {
    background: #319A92;
    color: #FFFFFF; }
  .inbox-message--payment_authorized, .inbox-message--error {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
  .inbox-message__wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
    padding-top: 30px; }
  .inbox-message__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 10px;
    font-size: 14px;
    text-align: left;
    padding: 12px 16px;
    white-space: pre-line; }
    .inbox-message__text--incomming {
      border-color: #DEDEDE;
      background-color: #FFFFFF; }
    .inbox-message__text strong {
      display: block;
      font-size: 16px;
      font-weight: 600;
      line-height: 1.5;
      color: #404040;
      margin-top: 5px; }
    .inbox-message__text p {
      margin-top: 5px; }
    .inbox-message__text--medium {
      font-size: 16px; }
  .inbox-message--skelet {
    margin-top: 32px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .inbox-message--incomming .inbox-message__content {
    text-align: left; }
  .inbox-message--incomming + .inbox-message--incomming,
  .inbox-message:not(.inbox-message--incomming) + .inbox-message:not(.inbox-message--incomming) {
    margin-top: 5px; }
  .inbox-message:not(.inbox-message--incomming) + .inbox-message--incomming {
    margin-top: 8px; }
  .inbox-message--incomming + .inbox-message:not(.inbox-message--incomming) {
    margin-top: 16px; }
  .inbox-message:first-child {
    margin-top: 24px; }

.inspectlet-sensitive--unread.inspectlet-sensitive--unread {
  font-weight: 700;
  color: #404040; }

.transaction__buttons {
  padding-top: 16px;
  display: block; }

.shipping--golden {
  color: #F7BC00;
  font-size: 18px;
  line-height: 1.5; }

.no-border {
  border: 0; }
.no-conversations {
  -webkit-animation: fadeFromTop 0.3s ease 1;
          animation: fadeFromTop 0.3s ease 1;
  text-align: center;
  margin: 20vh auto 0;
  max-width: 370px; }
  .no-conversations--aligned {
    margin-top: 20vh; }
  .no-conversations__header {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 0 40px; }
  .no-conversations__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 45px; }
.button-menu {
  position: relative; }
  .button-menu__button {
    cursor: pointer; }
  .button-menu__menu {
    background-color: #FFFFFF;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 12px 20px;
    position: absolute;
    z-index: 2; }
    .button-menu__menu .option {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.5;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      background-color: transparent;
      cursor: pointer;
      text-decoration: none;
      padding: 4px 0;
      line-height: 1.3;
      text-align: left; }
      .button-menu__menu .option:hover {
        color: #000000;
        text-decoration: none; }
      .button-menu__menu .option:focus {
        outline: none; }
      .button-menu__menu .option--red {
        color: #DF4545; }
        .button-menu__menu .option--red:hover {
          color: #821C18; }
  .button-menu__overlay {
    background-color: transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0; }
  .button-menu--edit-item__menu {
    min-width: 141px;
    right: 16px;
    top: 50px; }
  .button-menu--inbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .button-menu--inbox__button {
      margin-left: auto; }
      .button-menu--inbox__button:hover.button-menu--inbox__button:hover {
        background-color: transparent; }
    .button-menu--inbox__menu {
      top: 37px; }
.thread-header {
  border-bottom: 1px solid #DEDEDE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 0 20px 22px;
  min-height: 80px;
  max-height: 80px; }
  .thread-header__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .thread-header__content .img-link:after {
      display: none; }
  .thread-header__classified-img {
    height: 47px;
    margin-right: 10px;
    width: 47px; }
  .thread-header__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .thread-header__info__classified {
      font-size: 18px;
      font-weight: 700; }
    .thread-header__info__user {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left; }
      .thread-header__info__user .link {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-decoration: none; }
      .thread-header__info__user__seperator {
        margin: 0 20px 0 5px; }
  .thread-header__report {
    float: right; }
  .thread-header__actions {
    margin-left: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .thread-header__actions > *:nth-child(1n + 2) {
      margin-left: 8px; }
    .thread-header__actions .top-menu {
      -webkit-animation: fadeFromLeft 0.3s ease 1;
              animation: fadeFromLeft 0.3s ease 1;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      background: none;
      padding: 10px;
      -webkit-transition: background-color 0.15s ease;
      -o-transition: background-color 0.15s ease;
      transition: background-color 0.15s ease;
      border-radius: 2px; }
      .thread-header__actions .top-menu:focus, .thread-header__actions .top-menu:hover {
        outline: none;
        background-color: #F5F5F5; }
.inbox-thread {
  height: calc(100% - 76px);
  -webkit-box-flex: 0;
      -ms-flex: 0 2 auto;
          flex: 0 2 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%; }
  .inbox-thread > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
  .inbox-thread > .scroll-shadow {
    padding-bottom: 14px; }

.thread-loader {
  position: relative;
  z-index: 0; }
  .thread-loader .loader {
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    .thread-loader .loader::after {
      position: absolute;
      bottom: 0;
      height: 1px;
      display: block;
      content: '';
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      background-color: #E5E5E5;
      left: 0;
      width: 100%; }
    .thread-loader .loader::after {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 0.4; }
    .thread-loader .loader::after {
      height: 4px;
      top: 0;
      border-radius: 2%;
      -webkit-animation: brandStrokeAnimation 1.5s ease-in-out infinite;
              animation: brandStrokeAnimation 1.5s ease-in-out infinite; }
.stack {
  padding: 0;
  margin: 0; }
  .stack__rest {
    overflow: hidden;
    -webkit-transition: visibility 0.3s linear;
    -o-transition: visibility 0.3s linear;
    transition: visibility 0.3s linear;
    visibility: collapse; }
    .stack__rest.isOpen {
      visibility: visible; }
  .stack__more {
    --tf-rt-x: 0;
    --tf-rt-y: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    color: #7F7F7F;
    cursor: pointer;
    font-size: 14px;
    margin-bottom: 12px;
    padding: 12px 32px;
    position: relative;
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
    -webkit-transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
    transition: background-color 0.15s ease, -webkit-transform 0.15s ease;
    -o-transition: transform 0.15s ease, background-color 0.15s ease;
    transition: transform 0.15s ease, background-color 0.15s ease;
    transition: transform 0.15s ease, background-color 0.15s ease, -webkit-transform 0.15s ease;
    -webkit-transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(calc(var(--tf-rt-y) / 20 * -1deg)) rotateY(calc(var(--tf-rt-x) / 30 * -1deg)) rotateZ(0deg);
            transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(calc(var(--tf-rt-y) / 20 * -1deg)) rotateY(calc(var(--tf-rt-x) / 30 * -1deg)) rotateZ(0deg);
    width: 100%;
    z-index: 0; }
    .stack__more:focus, .stack__more:hover {
      outline: none; }
      .stack__more:focus .more__layer:nth-of-type(1), .stack__more:hover .more__layer:nth-of-type(1) {
        -webkit-box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 8px;
                box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 8px;
        -webkit-transform: translate3d(0, 0px, 10px) scale3d(1, 1, 1);
                transform: translate3d(0, 0px, 10px) scale3d(1, 1, 1); }
      .stack__more:focus .more__layer:nth-of-type(2), .stack__more:hover .more__layer:nth-of-type(2) {
        -webkit-transform: translate3d(0, 10px, -80px) scale3d(0.9, 0.9, 0.9);
                transform: translate3d(0, 10px, -80px) scale3d(0.9, 0.9, 0.9); }
      .stack__more:focus .more__layer:nth-of-type(3), .stack__more:hover .more__layer:nth-of-type(3) {
        -webkit-transform: translate3d(0, 19px, -120px) scale3d(0.8, 0.8, 0.8);
                transform: translate3d(0, 19px, -120px) scale3d(0.8, 0.8, 0.8); }
    .stack__more .more__text {
      display: block;
      -webkit-transform: translate3d(0, 0, 15px);
              transform: translate3d(0, 0, 15px);
      position: relative;
      pointer-events: none;
      -webkit-filter: blur(0px);
              filter: blur(0px); }
    .stack__more .more__layer {
      background: #FFFFFF;
      border: solid 1px #E5E5E5;
      padding: 12px 16px;
      z-index: -1;
      width: 100%;
      height: 100%;
      display: inline-block;
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transform-style: preserve-3d;
              transform-style: preserve-3d;
      -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
              box-shadow: rgba(0, 0, 0, 0) 0px 3px 10px;
      -webkit-transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.3s ease;
      transition: -webkit-transform 0.15s ease, -webkit-box-shadow 0.3s ease;
      -o-transition: transform 0.15s ease, box-shadow 0.3s ease;
      transition: transform 0.15s ease, box-shadow 0.3s ease;
      transition: transform 0.15s ease, box-shadow 0.3s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.3s ease;
      will-change: transform;
      pointer-events: none; }
      .stack__more .more__layer:nth-of-type(1) {
        -webkit-transform: translate3d(0, 0px, 10px) scale3d(1, 1, 1);
                transform: translate3d(0, 0px, 10px) scale3d(1, 1, 1); }
      .stack__more .more__layer:nth-of-type(2) {
        -webkit-transform: translate3d(0, 8px, -80px) scale3d(0.9, 0.9, 0.9);
                transform: translate3d(0, 8px, -80px) scale3d(0.9, 0.9, 0.9); }
      .stack__more .more__layer:nth-of-type(3) {
        -webkit-transform: translate3d(0, 17px, -120px) scale3d(0.8, 0.8, 0.8);
                transform: translate3d(0, 17px, -120px) scale3d(0.8, 0.8, 0.8); }
    .stack__more.isOpen .more__layer:nth-of-type(1) {
      -webkit-transform: translate3d(0, 0px, 10px) scale3d(1, 1, 1);
              transform: translate3d(0, 0px, 10px) scale3d(1, 1, 1); }
    .stack__more.isOpen .more__layer:nth-of-type(2) {
      -webkit-transform: translate3d(0, 0px, -80px) scale3d(0.9, 0.9, 0.9);
              transform: translate3d(0, 0px, -80px) scale3d(0.9, 0.9, 0.9); }
    .stack__more.isOpen .more__layer:nth-of-type(3) {
      -webkit-transform: translate3d(0, 0px, -120px) scale3d(0.8, 0.8, 0.8);
              transform: translate3d(0, 0px, -120px) scale3d(0.8, 0.8, 0.8); }
@charset "UTF-8";
.thread-item {
  padding: 0 24px 24px 0; }
  .thread-item:not(.thread-item--skeleton) {
    -webkit-animation: fadeFromLeft 0.15s ease;
            animation: fadeFromLeft 0.15s ease; }
  .thread-item:first-child {
    padding-top: 24px; }
  .thread-item__classified {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px; }
  .thread-item__photo {
    background-color: #F5F5F5;
    border-radius: 1px;
    width: 47px;
    height: 47px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    overflow: hidden; }
  .thread-item__info {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    padding-left: 10px;
    justify-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap; }
    .thread-item__info .classified__link {
      position: relative;
      cursor: pointer;
      text-decoration: none;
      display: inline-block; }
      .thread-item__info .classified__link::after {
        position: absolute;
        bottom: 4px;
        height: 1px;
        display: block;
        content: '';
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease;
        -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
                transform-origin: right center;
        -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
        background-color: #000000;
        left: 0;
        width: 100%; }
      .thread-item__info .classified__link:focus, .thread-item__info .classified__link:hover {
        outline: none; }
        .thread-item__info .classified__link:focus::after, .thread-item__info .classified__link:hover::after {
          -webkit-transform-origin: left center;
              -ms-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
          opacity: 0.4; }
      .thread-item__info .classified__link:active::after {
        opacity: 1; }
    .thread-item__info .classified__title {
      color: #7F7F7F;
      font-size: 18px;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      max-width: 262px; }
      .thread-item__info .classified__title--unread {
        color: #000000; }
    .thread-item__info .classified__info {
      font-weight: 400;
      margin: 4px 0 0 0; }
    .thread-item__info .info__link {
      position: relative;
      cursor: pointer;
      color: #7F7F7F;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-size: 14px;
      text-decoration: none; }
      .thread-item__info .info__link::after {
        position: absolute;
        bottom: 2px;
        height: 1px;
        display: block;
        content: '';
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease;
        -webkit-transform-origin: right center;
            -ms-transform-origin: right center;
                transform-origin: right center;
        -webkit-transform: scale3d(0, 1, 1);
                transform: scale3d(0, 1, 1);
        background-color: #000000;
        left: 0;
        width: 100%; }
      .thread-item__info .info__link:focus, .thread-item__info .info__link:hover {
        outline: none; }
        .thread-item__info .info__link:focus::after, .thread-item__info .info__link:hover::after {
          -webkit-transform-origin: left center;
              -ms-transform-origin: left center;
                  transform-origin: left center;
          -webkit-transform: scale3d(1, 1, 1);
                  transform: scale3d(1, 1, 1);
          opacity: 0.4; }
      .thread-item__info .info__link:active::after {
        opacity: 1; }
      .thread-item__info .info__link--unread {
        color: #000000; }
    .thread-item__info .info__comments {
      margin-right: 4px; }
    .thread-item__info .info__date {
      margin-right: 4px; }
      .thread-item__info .info__date::before {
        content: '\2022';
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px; }
    .thread-item__info .info__unread {
      background-color: #F7BC00;
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 50%;
      position: relative;
      top: 4px; }
  .thread-item .conversations {
    padding: 0;
    margin: 0; }
  .thread-item .conversation {
    list-style: none;
    margin-bottom: 8px; }
    .thread-item .conversation__link {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-radius: 1px;
      color: #7F7F7F;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      padding: 10px;
      position: relative;
      text-decoration: none;
      -webkit-transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, -webkit-box-shadow 0.15s ease;
      transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, -webkit-box-shadow 0.15s ease;
      -o-transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, box-shadow 0.15s ease;
      transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, box-shadow 0.15s ease;
      transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
      z-index: 0; }
      .thread-item .conversation__link::before {
        content: '';
        display: block;
        z-index: -1;
        background-color: #FFFFFF;
        width: calc(100% - 2px);
        height: calc(100% - 2px);
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, -webkit-box-shadow 0.15s ease;
        -o-transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, box-shadow 0.15s ease;
        transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, box-shadow 0.15s ease;
        transition: background-color 0.15s ease, color 0.15s ease, width 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        border: solid 1px #E5E5E5; }
      .thread-item .conversation__link:focus, .thread-item .conversation__link:hover {
        outline: none;
        text-decoration: none; }
        .thread-item .conversation__link:focus::before, .thread-item .conversation__link:hover::before {
          background-color: #F5F5F5; }
      .thread-item .conversation__link:active::before {
        background-color: #F0F0F0; }
    .thread-item .conversation__photo {
      background-color: #F5F5F5;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      height: 30px;
      margin: 0;
      overflow: hidden;
      width: 30px; }
    .thread-item .conversation__text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-flow: row nowrap;
              flex-flow: row nowrap;
      font-size: 14px;
      line-height: 1.5;
      max-width: calc(100% - 40px);
      padding-left: 8px;
      padding-right: 24px;
      position: relative;
      width: 100%; }
      .thread-item .conversation__text > * {
        display: inline-block;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
    .thread-item .conversation__name {
      margin-right: 4px; }
    .thread-item .conversation__message {
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      max-width: calc(100% - 65px);
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
    .thread-item .conversation__last-online {
      white-space: nowrap; }
      .thread-item .conversation__last-online::before {
        content: '\2022';
        display: inline-block;
        margin-left: 4px;
        margin-right: 4px; }
    .thread-item .conversation__unread {
      background-color: transparent;
      width: 10px;
      height: 10px;
      display: inline-block;
      border-radius: 50%;
      position: absolute;
      right: 5px;
      top: 5px;
      bottom: 0; }
    .thread-item .conversation.unread {
      -webkit-animation: fadeFromLeft 0.3s ease 1;
              animation: fadeFromLeft 0.3s ease 1; }
      .thread-item .conversation.unread .conversation__link {
        color: #000000; }
      .thread-item .conversation.unread .conversation__unread {
        background-color: #F7BC00; }
    .thread-item .conversation.selected .conversation__link::before {
      background-color: #F5F5F5;
      border-radius: 1px;
      -webkit-box-shadow: inset 1px 1px 5px -2px rgba(0, 0, 0, 0.2);
              box-shadow: inset 1px 1px 5px -2px rgba(0, 0, 0, 0.2); }
      .thread-item .conversation.selected .conversation__link::before:hover, .thread-item .conversation.selected .conversation__link::before:focus {
        background-color: #F0F0F0;
        -webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 2px 2px 2px -1px;
                box-shadow: inset rgba(0, 0, 0, 0.3) 2px 2px 2px -1px; }
  .thread-item--skeleton {
    -webkit-animation: fadeIn 0.3s ease;
            animation: fadeIn 0.3s ease; }
    .thread-item--skeleton__photo {
      -webkit-animation: shine 1.5s infinite ease-out;
              animation: shine 1.5s infinite ease-out;
      border-radius: 50%;
      background-size: 70.5px;
      background-image: -webkit-gradient(linear, left top, right top, from(#F5F5F5), color-stop(50%, #E5E5E5), to(#F5F5F5));
      background-image: -webkit-linear-gradient(left, #F5F5F5 12.5%, #E5E5E5 50%, #F5F5F5 87.5%);
      background-image: -o-linear-gradient(left, #F5F5F5 12.5%, #E5E5E5 50%, #F5F5F5 87.5%);
      background-image: linear-gradient(90deg, #F5F5F5 12.5%, #E5E5E5 50%, #F5F5F5 87.5%);
      display: block; }
    .thread-item--skeleton .classified__title {
      -webkit-animation: shine 1.5s infinite ease-out;
              animation: shine 1.5s infinite ease-out;
      border-radius: 2px;
      background-size: 195px;
      background-image: -webkit-gradient(linear, left top, right top, from(#F5F5F5), color-stop(50%, #E5E5E5), to(#F5F5F5));
      background-image: -webkit-linear-gradient(left, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      background-image: -o-linear-gradient(left, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      background-image: linear-gradient(90deg, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      width: 130px;
      height: 15px;
      margin-bottom: 5px; }
    .thread-item--skeleton .classified__info {
      -webkit-animation: shine 1.5s infinite ease-out;
              animation: shine 1.5s infinite ease-out;
      border-radius: 2px;
      background-size: 330px;
      background-image: -webkit-gradient(linear, left top, right top, from(#F5F5F5), color-stop(50%, #E5E5E5), to(#F5F5F5));
      background-image: -webkit-linear-gradient(left, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      background-image: -o-linear-gradient(left, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      background-image: linear-gradient(90deg, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      width: 220px;
      height: 10px; }
    .thread-item--skeleton .conversation__link {
      -webkit-animation: shine 1.5s infinite ease-out;
              animation: shine 1.5s infinite ease-out;
      border-radius: 2px;
      background-size: 480px;
      background-image: -webkit-gradient(linear, left top, right top, from(#F5F5F5), color-stop(50%, #E5E5E5), to(#F5F5F5));
      background-image: -webkit-linear-gradient(left, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      background-image: -o-linear-gradient(left, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      background-image: linear-gradient(90deg, #F5F5F5 25%, #E5E5E5 50%, #F5F5F5 75%);
      border: 1px solid #F5F5F5; }
    .thread-item--skeleton .conversation__photo {
      border-radius: 50%;
      background-color: #ebebeb; }
    .thread-item--skeleton .conversation__name {
      border-radius: 2px;
      background-color: #ebebeb;
      height: 10px; }
.thread-selector {
  border-bottom: solid 1px #E5E5E5;
  margin: 0;
  padding: 10px 0;
  min-height: 80px;
  max-height: 80px; }
  .thread-selector__item {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding: 16px 8px;
    border: none;
    color: #7F7F7F;
    position: relative;
    z-index: 0;
    cursor: pointer;
    background-color: transparent;
    padding: 17px 11px 15px 13px; }
    .thread-selector__item:focus {
      outline: none; }
    .thread-selector__item::before {
      content: '';
      display: block;
      position: absolute;
      -webkit-transition: background-color 0.15s ease, height 0.15s ease;
      -o-transition: background-color 0.15s ease, height 0.15s ease;
      transition: background-color 0.15s ease, height 0.15s ease;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-52%);
          -ms-transform: translateY(-52%);
              transform: translateY(-52%);
      width: calc(100% - 3px);
      height: 30px;
      z-index: -1;
      border-radius: 500px;
      background-color: rgba(255, 255, 255, 0);
      pointer-events: none; }
    .thread-selector__item span:not(.thread-selector__quantity) {
      margin-right: 4px; }
    .thread-selector__item.thread-selector__item:hover, .thread-selector__item.thread-selector__item:focus {
      color: #000000; }
      .thread-selector__item.thread-selector__item:hover::before, .thread-selector__item.thread-selector__item:focus::before {
        background-color: #F0F0F0; }
    .thread-selector__item.thread-selector__item:active::before {
      background-color: #E5E5E5; }
    .thread-selector__item.selected {
      color: #000000;
      font-weight: 600; }
      .thread-selector__item.selected::before {
        background-color: #F0F0F0; }
    .thread-selector__item:nth-last-child(1n + 2) {
      margin-right: 8px; }
  .thread-selector__quantity {
    background-color: #F7BC00;
    border-radius: 50%;
    color: #FFFFFF;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    height: 22px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 22px; }
    .thread-selector__quantity p {
      line-height: 1.59; }
.threads {
  border-right: 1px solid #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 350px;
          flex: 0 0 350px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 2; }
.outline {
  margin: 50px; }

.error__content {
  background: #FFFFFF;
  margin: 24px; }

.error__bg {
  background: url(/bitmap/error-page-img.jpg) no-repeat top right; }

.error__column {
  width: 444px;
  height: 977px; }

.error__header {
  margin: 0 auto 60px;
  text-align: center; }

.error__block {
  width: 296px; }

.svgicon-logo {
  margin: 0 auto; }
.status-label {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  background-color: #319A92;
  border-radius: 1px;
  color: #FFFFFF;
  letter-spacing: .4px;
  margin-bottom: 2px;
  padding: 5px 7px 3px;
  text-transform: uppercase; }
  .status-label__duration {
    text-transform: none; }
  .status-label--inactive {
    background-color: #7F7F7F; }
  .status-label--boost {
    background-color: #F7BC00; }
  .status-label--expiring {
    background-color: #821C18; }
.classified {
  position: relative;
  width: 100%;
  padding: 24px 0 24px 0;
  border-bottom: 1px solid #F0F0F0; }
  .classified__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .classified__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .classified__info {
    margin-left: 20px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start; }
  .classified__header h4 {
    line-height: 1.5;
    margin: 0;
    display: inline; }
    .classified__header h4.classified__status {
      margin-left: 10px; }
    .classified__header h4 a {
      text-decoration: none; }
  .classified__labels {
    margin-left: 10px;
    position: relative;
    bottom: 2px; }
  .classified__metadata {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .classified__metadata span {
      font-size: 12px !important;
      margin-right: 10px; }
    .classified__metadata .meta-icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  .classified__actions {
    position: relative;
    left: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    pointer-events: none; }
    .classified__actions * {
      pointer-events: all; }
  .classified__action-menu {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #FFFFFF;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(35%, white), to(white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 35%, white 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 35%, white 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 35%, white 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    left: 100%;
    opacity: 0;
    padding-left: 16px;
    position: relative;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; }
    .classified__action-menu .btn.btn--outline {
      padding: 10px 18px;
      background: #FFFFFF; }
    .classified__action-menu > * {
      margin-right: 8px; }
  .classified--inactive .classified__image,
  .classified--inactive .classified__metadata > .meta-icon,
  .classified--inactive .classified__info > .paragraph,
  .classified--inactive .classified__header > .heading4,
  .classified--inactive time {
    opacity: 0.5; }
  .classified:hover .classified__action-menu {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
    left: 0; }

.classified-skeleton {
  border-bottom: 1px solid #FAFAFA;
  border-top: 1px solid #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 12px 0;
  padding: 16px 16px 16px 0;
  width: 100%; }
  .classified-skeleton__image {
    background-color: #FAFAFA;
    height: 50px;
    width: 50px; }
  .classified-skeleton__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 16px; }
    .classified-skeleton__content .content-row {
      background-color: #FAFAFA;
      height: 15px; }
      .classified-skeleton__content .content-row--top {
        width: 167px; }
      .classified-skeleton__content .content-row--mid {
        width: 271px; }
      .classified-skeleton__content .content-row--bottom {
        width: 120px; }
.mini-menu {
  position: relative;
  left: 3px; }
  .mini-menu .btn--clean {
    background: none;
    border: 0;
    bottom: 2px;
    cursor: pointer;
    left: 8px;
    outline: none;
    position: relative; }
  .mini-menu__item--no-to {
    padding: 8px 16px; }
  .mini-menu__item:first-child > a {
    padding-top: 16px; }
  .mini-menu__nav {
    background-color: #FFF;
    border-radius: 1px;
    border: none;
    bottom: -8px;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    min-width: 190px;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: left;
    -webkit-transform: translate(0, 100%);
        -ms-transform: translate(0, 100%);
            transform: translate(0, 100%);
    z-index: 5; }
    .mini-menu__nav--center {
      left: 50%;
      right: auto;
      -webkit-transform: translate(-50%, 100%);
          -ms-transform: translate(-50%, 100%);
              transform: translate(-50%, 100%); }
  .mini-menu__link {
    padding: 8px 16px;
    display: block;
    text-decoration: none; }
  .mini-menu .sub-links__item:last-child > a {
    padding-bottom: 16px; }
.welcome-box {
  background-repeat: no-repeat;
  background-size: cover;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 350px; }
  @supports ((background-image: -webkit-image-set(url("/bitmap/migration-banner.jpg") 1x)) or (background-image: image-set(url("/bitmap/migration-banner.jpg") 1x))) {
    .welcome-box {
      background-image: -webkit-image-set(url("/bitmap/migration-banner.jpg") 1x);
      background-image: image-set(url("/bitmap/migration-banner.jpg") 1x); } }
  .welcome-box__inner {
    margin: auto;
    padding: 0 24px;
    width: 978px; }
  .welcome-box__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .welcome-box__header button {
      border: none;
      background-color: transparent;
      cursor: pointer;
      outline: none; }
  .welcome-box__content {
    font-size: 16px;
    padding-left: 16px; }
    .welcome-box__content--item {
      color: #404040;
      margin-bottom: 16px;
      padding-left: 0; }
      .welcome-box__content--item .a {
        color: #F7BC00;
        cursor: pointer;
        text-decoration: none; }
        .welcome-box__content--item .a .dark {
          color: #404040; }
.profile-classifieds__empty {
  margin: 20px 0 0 145px; }

.profile-classifieds .classified-list {
  margin-left: 0;
  margin-right: 0; }
  .profile-classifieds .classified-list__trans {
    width: 100%; }
    .profile-classifieds .classified-list__trans .scaleFromBottom-enter {
      -webkit-transition: opacity 0.3s ease, padding 0.3s ease, max-height 0.3s ease;
      -o-transition: opacity 0.3s ease, padding 0.3s ease, max-height 0.3s ease;
      transition: opacity 0.3s ease, padding 0.3s ease, max-height 0.3s ease;
      overflow: hidden;
      opacity: 0;
      max-height: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-transition-delay: 1s;
           -o-transition-delay: 1s;
              transition-delay: 1s; }
      .profile-classifieds .classified-list__trans .scaleFromBottom-enter-active {
        opacity: 1;
        max-height: 200px;
        padding-top: 20px;
        padding-bottom: 20px; }
    .profile-classifieds .classified-list__trans .scaleFromBottom-exit {
      -webkit-transition: opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease, max-height 0.3s ease;
      -o-transition: opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease, max-height 0.3s ease;
      transition: opacity 0.3s ease, padding 0.3s ease, margin 0.3s ease, max-height 0.3s ease;
      overflow: hidden;
      opacity: 1;
      max-height: 200px; }
      .profile-classifieds .classified-list__trans .scaleFromBottom-exit-active {
        opacity: 0;
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: -2px;
        margin-bottom: -2px; }

.profile-classifieds__actions {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  font-size: 14px;
  padding-bottom: 24px; }
  .profile-classifieds__actions .btn + .btn {
    margin-left: 8px; }

.profile-classifieds__list-block {
  margin-bottom: 66px;
  position: relative; }

.profile-classifieds__input {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23969696' stroke-linejoin='round'%3E %3Cpath d='M15.348 7.41c0 3.815-3.115 6.908-6.957 6.908-3.841 0-6.956-3.093-6.956-6.909S4.55.5 8.39.5c3.842 0 6.957 3.093 6.957 6.91z'/%3E %3Cpath stroke-linecap='round' d='M13.31 12.294l7.147 7.099'/%3E %3C/g%3E %3C/svg%3E");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 24px;
  border: 0;
  color: #404040;
  font-size: 14px;
  font-weight: 400;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  height: 24px;
  line-height: 1.71;
  margin-right: auto;
  outline: none;
  padding-bottom: 4px;
  width: 237px; }
  .profile-classifieds__input.profile-classifieds__input {
    background-color: #FFFFFF;
    padding-left: 30px; }
  .profile-classifieds__input:disabled {
    background-color: transparent; }
    .profile-classifieds__input:disabled::-webkit-input-placeholder {
      opacity: 0.5; }
    .profile-classifieds__input:disabled::-moz-placeholder {
      opacity: 0.5; }
    .profile-classifieds__input:disabled::-ms-input-placeholder {
      opacity: 0.5; }
    .profile-classifieds__input:disabled::placeholder {
      opacity: 0.5; }

.scroll-shadow--shopboost {
  max-height: 90%; }
.profile-history .content {
  position: relative; }

.profile-history .header {
  color: #404040;
  font-size: 22px;
  font-weight: 700;
  padding: 48px 0 10px 12px; }
.content__auth .signin-link {
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left; }

.content__auth .form-content .signin-link {
  color: #404040;
  text-align: center; }
.form-btn {
  position: relative; }
  .form-btn .spinner {
    left: 43%;
    bottom: 25%; }
.merge-profiles-end {
  background-image: url("/bitmap/merge-bg-1.jpg");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 100px 320px 0 70px;
  width: 100%; }
  .merge-profiles-end--success {
    background-image: url("/bitmap/merge-bg-2.jpg"); }
  .merge-profiles-end__hero {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF; }
  .merge-profiles-end__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #FFFFFF;
    margin: 15px 0 35px; }
  .merge-profiles-end .btn.btn.btn {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    padding: 4px 16px; }
  .merge-profiles-end .link {
    color: #FFFFFF;
    font-weight: 400;
    margin-top: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
    .merge-profiles-end .link::after {
      background-color: #FFFFFF; }
.content {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  height: 100%;
  position: relative;
  width: 100%; }
  .content--signin {
    padding: 200px 332px 50px 64px;
    height: 550px; }
    @supports (background-image: url("/bitmap/dialog-bg-5.jpg")) {
      .content--signin {
        background-image: url("/bitmap/dialog-bg-5.jpg"); } }
  .content--signup {
    padding: 130px 288px 50px 64px;
    height: 550px; }
    @supports (background-image: url("/bitmap/intro-img-1.jpg")) {
      .content--signup {
        background-image: url("/bitmap/intro-img-1.jpg"); } }
  .content--auth-found {
    padding: 164px 144px 108.8px 64px; }
    @supports (background-image: url("/bitmap/intro-img-4.jpg")) {
      .content--auth-found {
        background-image: url("/bitmap/intro-img-4.jpg"); } }
    .content--auth-found form {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .content--auth-found .other-options {
      cursor: pointer;
      font-size: 14px; }
  .content--solid {
    color: #FFFFFF;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-weight: 700; }
    .content--solid .svgicon-logo {
      position: absolute;
      top: 50px;
      left: 65px; }
    .content--solid .epic {
      font-size: 32px;
      line-height: 1.5; }
      .content--solid .epic--signup {
        font-size: 40px; }
      .content--solid .epic--signin-email-found {
        font-size: 40px;
        margin-bottom: 19px; }
      .content--solid .epic--signin-fb-found {
        font-size: 40px;
        margin-bottom: 26px; }
      .content--solid .epic--signin-sms-found {
        font-size: 40px;
        margin-bottom: 19px; }
    .content--solid .below-text {
      margin: 18px 0 12px;
      font-size: 16px; }
    .content--solid .btn {
      float: left;
      font-size: 16px;
      font-weight: 700;
      width: 118px; }
      .content--solid .btn.btn {
        padding: 12px 16px; }
      .content--solid .btn--fb {
        width: 254px; }
      .content--solid .btn--signin-sms-found {
        font-size: 14px;
        width: 254px; }
      .content--solid .btn--signin-fb-found {
        width: 254px; }
      .content--solid .btn--signin-email-found {
        font-size: 14px;
        width: 254px; }
    .content--solid .inline-btns {
      margin: 20px 0 16px; }
      .content--solid .inline-btns .btn {
        font-weight: 400; }
        .content--solid .inline-btns .btn:first-child {
          margin-right: 20px; }
  .content--splitted {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
.merge-profiles-note {
  background-image: url("/bitmap/merge-login-dialog-bg.jpg");
  background-position: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 44px 0 60px;
  width: 373px; }
  .merge-profiles-note--ready {
    background-image: url("/bitmap/shipping-bg.jpg"); }
  .merge-profiles-note--connected {
    background-image: url("/bitmap/profiles-connected-bg.jpg"); }
  .merge-profiles-note__title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #F5F5F5;
    margin: 110px 0 32px; }
    .merge-profiles-note--ready .merge-profiles-note__title {
      margin-top: 166px; }
    .merge-profiles-note--connected .merge-profiles-note__title {
      margin-top: 126px; }
  .merge-profiles-note__hero {
    color: #000000;
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF; }
    .merge-profiles-note--connected .merge-profiles-note__hero {
      margin-bottom: 32px; }
  .merge-profiles-note__info {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #F5F5F5; }
.content__auth {
  min-height: 550px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.content--splitted .note-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 32px 0 48px;
  width: 372px; }
  @supports (background-image: url("/bitmap/shipping-bg.jpg")) {
    .content--splitted .note-wrapper {
      background-image: url("/bitmap/shipping-bg.jpg"); } }
  .content--splitted .note-wrapper .note-text {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.5;
    color: #FFFFFF; }

@supports (background-image: url("/bitmap/login-dialog-bg.jpg")) {
  .content--signin-email .note-wrapper {
    background-image: url("/bitmap/login-dialog-bg.jpg"); } }

@supports (background-image: url("/bitmap/forgot-pass-bg.jpg")) {
  .content--forgot-password .note-wrapper, .content--forgot-password-verify .note-wrapper, .content--link-expired .note-wrapper {
    background-image: url("/bitmap/forgot-pass-bg.jpg"); } }
.form {
  height: auto;
  width: 100%; }
.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .field--one-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
    width: 100%; }
  .field__label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 15px; }
  .field__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    border: solid 1px #E5E5E5;
    border-radius: 1px;
    padding: 12px 15px; }
    .field__input::-webkit-input-placeholder {
      color: #BFBFBF; }
    .field__input::-moz-placeholder {
      color: #BFBFBF; }
    .field__input::-ms-input-placeholder {
      color: #BFBFBF; }
    .field__input::placeholder {
      color: #BFBFBF; }
    .field__input--empty {
      background-color: #F5F5F5;
      border-color: #F5F5F5; }
    .field__input:focus {
      outline: none; }
    .field__input:focus:not(.field__input--invalid) {
      background-color: #FFFFFF;
      border-color: #404040; }
    .field__input--invalid {
      background-color: #FFFFFF;
      border-color: #811D18; }
  .field__error-msg {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #811D18;
    margin-top: 15px; }
.form--login-email-username {
  padding-top: 128px; }
.select-auth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 204px 38px 0;
  width: 100%; }
  .select-auth .form-btn {
    font-weight: 600;
    margin-bottom: 10px; }
.form--select-name {
  margin: 117px 37px 0;
  padding: 0; }
  .form--select-name.form--select-name {
    height: auto; }
  .form--select-name .profile-pic {
    border-radius: 50%;
    height: 76px;
    margin-bottom: 30px;
    width: 76px; }
  .form--select-name .select--select-name__panel .modal {
    padding: 0; }
    .form--select-name .select--select-name__panel .modal .option {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      padding: 13px 19px; }
.back-btn {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  background-color: transparent;
  border: none;
  bottom: 19px;
  cursor: pointer;
  left: 46px;
  position: absolute;
  text-decoration: underline; }
  .back-btn:focus {
    outline: none; }
.merge-profiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: calc(100% - 373px); }
.content__auth {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  height: 100%; }
  .content__auth .form-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 330px;
    padding: 124px 30px 20px 46px; }
    .content__auth .form-content form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .content__auth .form-content form.full {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
    .content__auth .form-content .input-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      margin-bottom: 8px; }
      .content__auth .form-content .input-wrapper label {
        color: #404040;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 8px; }
      .content__auth .form-content .input-wrapper input {
        border: solid 1px #E5E5E5;
        color: #404040;
        font-family: "Open Sans", Helvetica, sans-serif;
        font-size: 16px;
        height: 44px;
        line-height: 1.5;
        margin-bottom: 8px;
        padding: 8px 0 8px 8px; }
        .content__auth .form-content .input-wrapper input:focus {
          border: solid 1px #404040;
          border-radius: 1px;
          outline: none; }
      .content__auth .form-content .input-wrapper .invalid {
        border: solid 1px #821C18; }
      .content__auth .form-content .input-wrapper .error {
        color: #821C18;
        font-size: 12px;
        height: 38px;
        padding-top: 8px; }
      .content__auth .form-content .input-wrapper--signup-email {
        margin-bottom: 28px; }
        .content__auth .form-content .input-wrapper--signup-email input {
          margin-bottom: 0; }
      .content__auth .form-content .input-wrapper--signup-name {
        margin-bottom: 28px; }
        .content__auth .form-content .input-wrapper--signup-name input {
          height: 44px;
          margin: 0; }
        .content__auth .form-content .input-wrapper--signup-name label {
          margin-bottom: 12px; }
      .content__auth .form-content .input-wrapper--forgot-password {
        margin-bottom: 28px; }
        .content__auth .form-content .input-wrapper--forgot-password input {
          margin: 0; }
      .content__auth .form-content .input-wrapper--reset-password {
        margin-bottom: 20px; }
        .content__auth .form-content .input-wrapper--reset-password input {
          margin: 0; }
      .content__auth .form-content .input-wrapper--no-margin {
        margin: 0; }
    .content__auth .form-content .btn {
      border-radius: 1px; }
      .content__auth .form-content .btn--signin-email {
        margin-bottom: 25px; }
      .content__auth .form-content .btn--signup-email {
        margin-bottom: 36px; }
      .content__auth .form-content .btn--signup-name {
        margin-bottom: 48px; }
      .content__auth .form-content .btn--signup-picture {
        margin: 0 auto 104px;
        padding-left: 20px;
        width: 98px; }
      .content__auth .form-content .btn--signup-verified, .content__auth .form-content .btn--signup-sms-success {
        margin-bottom: 0;
        margin-top: 32px; }
      .content__auth .form-content .btn--signup-email-found {
        border: solid 1px #BFBFBF;
        border-radius: 1px;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #7F7F7F;
        font-size: 14px;
        font-weight: 700;
        margin: 0 auto; }
      .content__auth .form-content .btn--signup-fb-found {
        margin: 0; }
      .content__auth .form-content .btn--signup-verify-failure {
        font-size: 14px;
        margin-bottom: 0;
        width: 177px; }
      .content__auth .form-content .btn:disabled {
        -webkit-box-shadow: none;
                box-shadow: none; }
    .content__auth .form-content .forgot-link {
      cursor: pointer;
      font-size: 14px;
      margin: 0 50px 73px;
      text-align: center; }
    .content__auth .form-content .auth-back {
      cursor: pointer;
      font-size: 14px;
      text-decoration: underline; }
    .content__auth .form-content .contact-support {
      font-size: 14px;
      margin: 12px auto 60px;
      text-decoration: none; }
      .content__auth .form-content .contact-support--signup.email.found {
        margin: 19px auto 58px; }
    .content__auth .form-content .password-specs {
      color: #7F7F7F;
      font-size: 12px;
      margin: 12px 0 28px; }
      .content__auth .form-content .password-specs--invalid {
        color: #821C18; }
    .content__auth .form-content .name-header {
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 28px; }
    .content__auth .form-content--signup-email {
      padding: 70px 30px 19px 46px; }
    .content__auth .form-content--signup-name {
      padding: 89px 38px 19px 38px; }
    .content__auth .form-content--signup-picture {
      padding: 60px 70px 10px; }
    .content__auth .form-content--signup-verify {
      padding: 224px 36px 198px 36px; }
    .content__auth .form-content--signup-verify-failure {
      padding: 171px 30px 159px 40px; }
    .content__auth .form-content--signup-verified, .content__auth .form-content--signup-sms-success {
      padding: 196px 70px; }
    .content__auth .form-content--signup-email-found {
      padding: 114px 46px 19px 46px; }
    .content__auth .form-content--signup-fb-found {
      padding: 132px 38px 19px 38px; }
    .content__auth .form-content--forgot-password {
      padding: 193px 30px 19px 46px; }
    .content__auth .form-content--forgot-password-verify {
      padding: 224px 35px 19px 46px; }
    .content__auth .form-content--reset-password {
      padding: 118px 30px 101px 46px; }
    .content__auth .form-content--link-expired {
      font-size: 16px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 210px 32px 160px 40px; }
.migration-banner {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 20px; }
  .migration-banner__logo {
    height: 40px;
    margin: auto 0;
    width: 40px; }
  .migration-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto 0 20px; }
    .migration-banner__content__header {
      font-size: 18px;
      font-weight: 700; }
    .migration-banner__content__text {
      font-size: 14px;
      font-weight: normal;
      line-height: 1.5;
      color: #7F7F7F; }
  .migration-banner .svgicon {
    margin: auto 0 auto 20px; }
.content__auth .form-content .form-header {
  color: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center; }
  .content__auth .form-content .form-header .title {
    font-size: 16px; }
  .content__auth .form-content .form-header .text {
    font-size: 14px;
    line-height: 1.5; }
  .content__auth .form-content .form-header--signup-name {
    margin-bottom: 28px; }
    .content__auth .form-content .form-header--signup-name .title {
      margin-bottom: 8px; }
  .content__auth .form-content .form-header--signup-picture .title {
    margin-bottom: 8px; }
  .content__auth .form-content .form-header--signup-verify .title {
    margin-bottom: 8px; }
  .content__auth .form-content .form-header--signup-verify .text {
    font-size: 16px; }
  .content__auth .form-content .form-header--signup-verify-failure {
    text-align: left;
    margin-bottom: 38px; }
    .content__auth .form-content .form-header--signup-verify-failure .title {
      font-size: 22px;
      margin-bottom: 10px; }
    .content__auth .form-content .form-header--signup-verify-failure .text {
      font-size: 16px; }
  .content__auth .form-content .form-header--forgot-password-verify {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .content__auth .form-content .form-header--forgot-password-verify .title {
      margin-bottom: 8px; }
.modal--signin-sms-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modal--signin-sms-found.modal--signin-sms-found {
    height: auto;
    min-height: 630px; }

.modal--signin-email-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modal--signin-email-found.modal--signin-email-found {
    height: auto;
    min-height: 630px; }

.modal--signin-fb-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modal--signin-fb-found.modal--signin-fb-found {
    height: auto;
    min-height: 630px; }

.modal--signin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modal--signin.modal--signin {
    height: auto;
    min-height: 630px; }

.modal--signup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .modal--signup.modal--signup {
    height: auto;
    min-height: 630px; }
.transaction-back {
  border: none;
  background: transparent;
  padding: 0;
  margin: 40px 0 0 40px;
  cursor: pointer; }

.onboarding .transaction-back {
  margin-left: 48px; }
.about__ol {
  padding-left: 16px; }
  .about__ol li {
    width: 100%;
    margin: 0 0 100px 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2; }
    .about__ol li p {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5; }

.about__image {
  float: right; }

.about__li {
  float: left;
  width: 80%; }

.modal-cover.about {
  z-index: 6; }
.accordion__title {
  background: none; }

.accordion__title-container {
  margin: 15px 40px 0;
  border-bottom: solid 1px #F0F0F0;
  padding-bottom: 16px; }

.accordion--close {
  margin-top: 16px; }
  .accordion--close .accordion__content {
    display: none; }

.accordion--no-border {
  margin: 24px 0 16px; }
  .accordion--no-border .accordion__title-container {
    border: 0; }
  .accordion--no-border .accordion__content {
    margin: 0; }

.accordion__title {
  border: none;
  padding: 0;
  outline: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 18px;
  color: #404040;
  margin-top: 40px; }
  .accordion__title.expandable {
    cursor: pointer;
    background: none; }
  .accordion__title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease; }
    .accordion__title-icon.expanded {
      -webkit-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease; }

.accordion__content {
  -webkit-transition: height 0.03s linear;
  -o-transition: height 0.03s linear;
  transition: height 0.03s linear;
  overflow: hidden;
  margin: 0 0 28px 0; }
  .accordion__content--empty {
    margin-top: 0; }
.ta-buy-summary__title {
  font-size: 18px;
  color: #404040;
  padding-bottom: 12px;
  margin: 0 40px; }
  .ta-buy-summary--buyer .ta-buy-summary__title {
    border-bottom: solid 1px #F0F0F0; }

.ta-buy-summary__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 12px;
  margin: 10px 40px 0 40px; }
  .ta-buy-summary--buyer .ta-buy-summary__product {
    border-bottom: solid 1px #F0F0F0; }
  .ta-buy-summary__product-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .ta-buy-summary__product-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 12px;
    font-size: 16px;
    color: #404040; }
  .ta-buy-summary__product-price {
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    padding-left: 32px;
    position: relative; }
    .ta-buy-summary__product-price input {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-color: transparent;
      border: 1px solid #E5E5E5;
      border-radius: 1px;
      color: #404040;
      font-size: 16px;
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-weight: 400;
      line-height: 1.5;
      padding: 12px 16px 8px;
      -webkit-transition: border-color 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
      transition: border-color 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
      -o-transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
      transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
      transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, -webkit-box-shadow 0.15s ease;
      text-align: right;
      padding-right: 48px;
      color: #404040;
      width: 146px; }
      .ta-buy-summary__product-price input:focus {
        outline: none;
        border-color: #404040; }
      .ta-buy-summary__product-price input::-webkit-outer-spin-button, .ta-buy-summary__product-price input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0; }
      .ta-buy-summary__product-price input:focus {
        border-color: #7F7F7F; }
      .ta-buy-summary__product-price input::-webkit-input-placeholder {
        color: #BFBFBF; }
      .ta-buy-summary__product-price input:-moz-placeholder {
        color: #BFBFBF; }
      .ta-buy-summary__product-price input::-moz-placeholder {
        color: #BFBFBF; }
      .ta-buy-summary__product-price input:-ms-input-placeholder {
        color: #BFBFBF; }
      .ta-buy-summary__product-price input:valid + .product-price__currency {
        color: #404040; }
    .ta-buy-summary__product-price--da input {
      padding-right: 32px; }
    .ta-buy-summary__product-price .product-price__currency {
      position: absolute;
      right: 12px;
      top: 14px;
      color: #BFBFBF;
      -webkit-transition: color 0.15s ease;
      -o-transition: color 0.15s ease;
      transition: color 0.15s ease;
      pointer-events: none; }

.ta-buy-summary__additional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  margin: 16px 40px 0 40px; }

.ta-buy-summary__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  margin-top: 16px;
  background-color: #F5F5F5;
  padding: 8px 40px; }

.ta-buy-summary__infotext {
  margin: 12px 40px 0 40px; }
.form-section {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 18px 0;
  position: relative; }
  .form-section--two-cols {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .form-section--one-col {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .form-section--clickable {
    cursor: pointer; }
  .form-section--border-top {
    border-top: 1px solid #F0F0F0; }
  .form-section__button {
    position: relative;
    cursor: pointer;
    border: none;
    color: #BFBFBF;
    cursor: pointer;
    font-size: 16px; }
    .form-section__button::after {
      position: absolute;
      bottom: 0;
      height: 1px;
      display: block;
      content: '';
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      background-color: #000000;
      left: 0;
      width: 100%; }
    .form-section__button:focus, .form-section__button:hover {
      outline: none; }
      .form-section__button:focus::after, .form-section__button:hover::after {
        -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 0.4; }
    .form-section__button:active::after {
      opacity: 1; }
    .form-section--two-cols .form-section__button {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .form-section--one-col .form-section__button {
      margin-bottom: 16px; }
    .form-section__button--highlight {
      color: #F7BC00; }
  .form-section__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .form-section__content--error {
      color: #821C18; }
.render-radio {
  background-color: transparent;
  border: none;
  cursor: pointer; }
  .render-radio--disabled {
    cursor: default;
    opacity: 0.45; }
.modal--payment-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 40px 20px 40px; }
  .modal--payment-method .btn--back {
    background-color: transparent;
    margin-right: auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .modal--payment-method .btn--back:hover {
      cursor: pointer;
      -webkit-transform: translateX(-4px);
          -ms-transform: translateX(-4px);
              transform: translateX(-4px);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .modal--payment-method .payment-method__header {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #000000;
    margin: 28px 0; }
  .modal--payment-method .payment-method__stripe-card {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    margin-right: auto; }
    .modal--payment-method .payment-method__stripe-card--add-card {
      font-weight: 400;
      margin-left: auto;
      margin-right: 0; }
  .modal--payment-method .payment-method__ts-account {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    .modal--payment-method .payment-method__ts-account__balance {
      color: #7F7F7F;
      margin-top: 10px; }
    .modal--payment-method .payment-method__ts-account__label {
      font-weight: 700; }
    .modal--payment-method .payment-method__ts-account--disabled__label {
      color: #404040;
      opacity: 0.5; }
    .modal--payment-method .payment-method__ts-account--disabled__balance {
      color: #BFBFBF; }
  .modal--payment-method .payment-method__note {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    margin-top: 10px; }
    .modal--payment-method .payment-method__note__link {
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5;
      background-color: transparent;
      color: #F7BC00;
      cursor: pointer; }
  .modal--payment-method .payment-method__submit {
    margin: auto auto 0; }
  .modal--payment-method .form--payment-method {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: auto;
    padding: 0; }
    .modal--payment-method .form--payment-method .field {
      margin-right: 10.66667px; }
.payment-method-alert .heading4 {
  margin-bottom: 30px; }

.payment-method-alert .btn {
  min-width: 100px; }
/* settings.scss */
.tier-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center; }
  .tier-info-image {
    margin-top: 32px; }
    .tier-info-image__block {
      position: relative; }
      .tier-info-image__block .svgicon {
        position: relative;
        left: 43px; }
        .tier-info-image__block .svgicon-shop-club-badge {
          position: absolute;
          left: 147px;
          top: 39px; }
      .tier-info-image__block img {
        border-radius: 50%;
        bottom: 20px;
        height: 71px;
        position: relative;
        right: 79px;
        width: 71px; }
  .tier-info-text {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
    color: #404040; }
/* settings.scss */
.tier-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 16px 0 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F7F4F0;
  border-radius: 5px; }
  .tier-buttons-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0;
    border: none;
    border-radius: 1px;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #7F7F7F;
    background-color: #F7F4F0;
    width: 110px;
    cursor: pointer;
    outline: none;
    position: relative;
    z-index: 0;
    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease; }
    .tier-buttons-button > span {
      position: relative;
      z-index: 0; }
    .tier-buttons-button.basic-selected {
      background-color: #CF9880;
      color: #FDF3EE; }
    .tier-buttons-button.premium-selected {
      background-color: #F7BC00;
      color: #FFFFFF; }
.club-info-modal {
  padding: 40px 42px 70px 42px; }
  .club-info-modal__top-text, .club-info-modal__top-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .club-info-modal__top-text {
    font-size: 22px;
    margin-top: 16px;
    font-weight: 400; }
    .club-info-modal__top-text.premium {
      color: #F7BC00; }
  .club-info-modal.premium {
    border: solid 2px #F7BC00; }

.club-info-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .club-info-bottom-wrapper {
    text-align: center; }
  .club-info-bottom-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .club-info-bottom-button {
    outline: none;
    border: none;
    padding: 0;
    border-radius: 1px;
    width: 200px;
    height: 34px;
    font-size: 14px;
    cursor: pointer; }
    .club-info-bottom-button.basic {
      background-color: #CF9880;
      color: #FDF3EE; }
    .club-info-bottom-button.premium {
      background-color: #F7BC00;
      color: #FFFFFF; }
  .club-info-bottom-free-text {
    margin-top: 13px;
    margin-bottom: -29px;
    font-size: 12px;
    font-weight: 400;
    color: #7F7F7F; }
.transactions-creditcardform {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 70%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 28px; }
  .transactions-creditcardform-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .transactions-creditcardform-card {
    width: 292px; }
    .transactions-creditcardform-card .transactions-creditcardform-input-element {
      width: 55%; }
  .transactions-creditcardform-exp, .transactions-creditcardform-cvc {
    width: 124px; }
    .transactions-creditcardform-exp .transactions-creditcardform-input-element, .transactions-creditcardform-cvc .transactions-creditcardform-input-element {
      width: 65%; }
  .transactions-creditcardform-input {
    background-color: #FFFFFF;
    border-radius: 1px;
    border: solid 1px #E5E5E5;
    padding: 16px 16px 16px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .transactions-creditcardform-input-element .spinner {
      margin: -4px; }
    .transactions-creditcardform-input-label {
      margin-bottom: 12px;
      font-size: 16px;
      font-weight: 400;
      color: #404040; }
    .transactions-creditcardform-input-complete {
      margin-left: auto;
      text-align: right;
      margin-bottom: -9px;
      margin-top: -2px; }
    .transactions-creditcardform-input-error {
      margin-left: auto;
      text-align: right;
      margin-bottom: -9px; }
    .transactions-creditcardform-input-brand {
      margin: -4px 0px -16px 6px; }
    .transactions-creditcardform-input.focus {
      border: solid 1px #404040; }
    .transactions-creditcardform-input.error {
      border: solid 1px #821C18; }
  .transactions-creditcardform-error {
    -webkit-animation: fadeIn 0.3s ease 1;
            animation: fadeIn 0.3s ease 1;
    color: #821C18;
    font-size: 14px;
    margin-top: 12px; }
  .transactions-creditcardform-general-error {
    -webkit-animation: fadeIn 0.3s ease 1;
            animation: fadeIn 0.3s ease 1;
    margin-top: 20px;
    margin-bottom: 21px;
    font-size: 14px;
    color: #821C18; }
  .transactions-creditcardform-icons {
    margin-top: 28px; }
    .transactions-creditcardform-icons span:not(:first-child) {
      margin-left: 24px; }
  .transactions-creditcardform-submit-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .transactions-creditcardform-submit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 1px;
    font-size: 14px;
    border: none;
    outline: none;
    padding: 8px 16px;
    background-color: #F7BC00;
    color: #FFFFFF;
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer; }
    .transactions-creditcardform-submit:focus, .transactions-creditcardform-submit:hover {
      background-color: #dea900; }
    .transactions-creditcardform-submit:disabled {
      background-color: #FDEFCB;
      color: #F9CD5F;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: default; }
  .transactions-creditcardform__stripe {
    margin-left: 15px; }
.transaction-creditcard__inner {
  padding: 0 40px 20px 40px; }

.transaction-creditcard__spacing {
  height: 90px; }

.transaction-creditcard__info {
  clear: left;
  height: 84%; }
  .transaction-creditcard__info--onboarding {
    margin-top: 100px; }
  .transaction-creditcard__info--bankboarding {
    margin-top: 80px; }

.transaction-creditcard__guard {
  background-color: #306A9A;
  color: #CDD9E6;
  clear: left;
  font-size: 16px;
  line-height: 2.7;
  left: 0;
  padding: 0 40px;
  position: absolute;
  width: 100%; }
  .transaction-creditcard__guard .svgicon {
    left: 7px;
    position: relative;
    top: 5px; }

.transaction-creditcard__desc {
  margin: 0 40px; }

.transaction-creditcard__title {
  float: left;
  width: 80%; }
  .transaction-creditcard__title.transaction-creditcard__title {
    margin: 20px 40px 18px; }

.transaction-creditcard__verified {
  clear: left;
  margin-top: 32px; }

.float {
  float: left; }
.limitation {
  min-height: 50px;
  position: relative;
  -webkit-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;
  width: 100%; }
  .limitation--review {
    height: 190px; }
  .limitation__counter {
    color: #BFBFBF;
    bottom: -21px;
    font-size: 12px;
    position: absolute;
    right: 10px; }
    .limitation__counter--review {
      bottom: 5px; }
    .limitation__counter--boost-shop {
      bottom: 14px;
      right: 10px; }
    .limitation__counter--error {
      color: #821C18; }
  .limitation__suggestion {
    bottom: 16px;
    color: #BFBFBF;
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 18px;
    -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
    -o-transition: opacity 0.6s ease, visibility 0.6s ease;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    visibility: hidden; }
    .limitation__suggestion--visible {
      opacity: 1;
      -webkit-transition: opacity 0.6s ease, visibility 0.6s ease;
      -o-transition: opacity 0.6s ease, visibility 0.6s ease;
      transition: opacity 0.6s ease, visibility 0.6s ease;
      visibility: visible; }
  .limitation__input, .limitation__size {
    border: 1px solid #E5E5E5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    min-height: 50px;
    overflow: hidden;
    padding: 13px 28px 13px 18px;
    width: 100%; }
  .limitation__input {
    height: 50px;
    opacity: 1;
    position: absolute;
    resize: none;
    -webkit-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
    transition: height 0.3s ease;
    white-space: normal; }
    .limitation__input.limitation__input--review {
      height: 171px;
      overflow-y: auto; }
    .limitation__input:hover {
      border-color: #BFBFBF; }
    .limitation__input:focus {
      border-color: #404040;
      outline: none; }
    .limitation__input:disabled {
      cursor: pointer; }
    .limitation__input::-webkit-input-placeholder {
      color: #BFBFBF; }
    .limitation__input::-moz-placeholder {
      color: #BFBFBF; }
    .limitation__input::-ms-input-placeholder {
      color: #BFBFBF; }
    .limitation__input::placeholder {
      color: #BFBFBF; }
  .limitation__size {
    overflow-wrap: break-word;
    visibility: hidden;
    white-space: pre-wrap;
    word-wrap: break-word; }
.modal--reviews {
  font-family: "Soleil", Helvetica, Arial, sans-serif; }
  .modal--reviews header {
    background-color: #FFFFFF;
    border-bottom: solid 1px #F0F0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 149px;
    padding: 20px 32px 32px;
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
    .modal--reviews header h3 {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      font-size: 22px; }
  .modal--reviews__inner {
    padding: 20px 0 15px; }
  .modal--reviews .modal-content {
    position: absolute;
    overflow: scroll;
    height: 401px;
    width: 100%; }
  .modal--reviews .review-item {
    border-bottom: solid 1px #F0F0F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-size: 16px;
    padding: 20px 32px 20px; }
    .modal--reviews .review-item a {
      text-decoration: none; }
    .modal--reviews .review-item .profile-pic {
      border-radius: 50%; }
    .modal--reviews .review-item__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      padding-left: 20px;
      width: 100%; }
      .modal--reviews .review-item__content__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
      .modal--reviews .review-item__content__reply {
        background-color: #F0F0F0;
        padding: 20px 20px 6px;
        position: relative;
        width: 100%; }
        .modal--reviews .review-item__content__reply::before {
          border-bottom: 6px solid #F0F0F0;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          content: '';
          left: 12px;
          position: absolute;
          top: -6px; }
      .modal--reviews .review-item__content .limitation--reply {
        margin: 10px 0 30px 0;
        max-width: 555px; }
        .modal--reviews .review-item__content .limitation--reply .limitation__size {
          width: 75%; }
      .modal--reviews .review-item__content .details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1; }
        .modal--reviews .review-item__content .details * {
          margin-bottom: 10.66667px; }
        .modal--reviews .review-item__content .details__name {
          font-size: 18px;
          font-weight: 700; }
        .modal--reviews .review-item__content .details__tag {
          background-color: #319A92;
          color: #FFFFFF;
          font-size: 12px;
          height: 23px;
          margin-left: 10.66667px;
          padding: 4px 6.4px 4px;
          text-transform: uppercase; }
        .modal--reviews .review-item__content .details__date {
          color: #7F7F7F;
          font-size: 14px; }
  .modal--reviews .no-reviews {
    font-size: 16px;
    font-weight: 700;
    margin-top: 168px;
    text-align: center; }
.modal--shop-edit {
  -ms-flex-line-pack: justify;
      align-content: space-between;
  color: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  padding: 96px 40px 20px; }
  .modal--shop-edit h3 {
    font-size: 22px;
    left: 30px;
    position: absolute;
    top: 21px; }
  .modal--shop-edit__content-block {
    display: inherit;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .modal--shop-edit__content-block .input-wrapper {
      display: inherit;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      position: relative; }
      .modal--shop-edit__content-block .input-wrapper .input-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 16px; }
        .modal--shop-edit__content-block .input-wrapper .input-label .svgicon {
          margin-left: 10px; }
      .modal--shop-edit__content-block .input-wrapper .input-block {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: inherit;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        .modal--shop-edit__content-block .input-wrapper .input-block .actions-block {
          color: #F7BC00;
          display: inherit;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          font-size: 14px;
          margin-left: 20px; }
          .modal--shop-edit__content-block .input-wrapper .input-block .actions-block span {
            cursor: pointer; }
            .modal--shop-edit__content-block .input-wrapper .input-block .actions-block span.red-brown {
              color: #821C18; }
            .modal--shop-edit__content-block .input-wrapper .input-block .actions-block span:hover.golden {
              color: #dea900; }
            .modal--shop-edit__content-block .input-wrapper .input-block .actions-block span:hover.red-brown {
              color: #A35855; }
        .modal--shop-edit__content-block .input-wrapper .input-block .picture-input {
          background-color: #FFFFFF;
          border: none;
          cursor: pointer;
          padding: 0;
          position: relative; }
          .modal--shop-edit__content-block .input-wrapper .input-block .picture-input--box {
            height: 120px;
            width: 120px; }
          .modal--shop-edit__content-block .input-wrapper .input-block .picture-input--rectangle {
            border: 1px solid #E5E5E5;
            color: #E5E5E5;
            height: 120px;
            width: 200px; }
            .modal--shop-edit__content-block .input-wrapper .input-block .picture-input--rectangle img {
              -o-object-fit: cover;
                 object-fit: cover; }
              .modal--shop-edit__content-block .input-wrapper .input-block .picture-input--rectangle img:last-child {
                -webkit-clip-path: polygon(10% 0, 100% 0, 100% 100%, 45% 100%);
                        clip-path: polygon(10% 0, 100% 0, 100% 100%, 45% 100%); }
          .modal--shop-edit__content-block .input-wrapper .input-block .picture-input--no-border {
            border: none; }
          .modal--shop-edit__content-block .input-wrapper .input-block .picture-input img {
            position: absolute;
            top: 0;
            left: 0; }
            .modal--shop-edit__content-block .input-wrapper .input-block .picture-input img:first-child {
              opacity: .3; }
          .modal--shop-edit__content-block .input-wrapper .input-block .picture-input span {
            font-size: 14px; }
          .modal--shop-edit__content-block .input-wrapper .input-block .picture-input:focus {
            outline: none; }
        .modal--shop-edit__content-block .input-wrapper .input-block .shop-description-box {
          height: 72px;
          width: 620px; }
          .modal--shop-edit__content-block .input-wrapper .input-block .shop-description-box:active {
            border: 1px solid; }
      .modal--shop-edit__content-block .input-wrapper--full {
        width: 100%; }
        .modal--shop-edit__content-block .input-wrapper--full .limitation {
          min-height: 100px; }
          .modal--shop-edit__content-block .input-wrapper--full .limitation__input {
            min-height: 100px; }
    .modal--shop-edit__content-block--lower {
      margin-top: 40px; }
  .modal--shop-edit__lower-msg {
    color: #7F7F7F;
    font-size: 12px;
    margin-top: 20px; }
    .modal--shop-edit__lower-msg span:last-child {
      color: #F7BC00;
      cursor: pointer; }
  .modal--shop-edit .btn {
    height: 34px;
    margin: auto auto 0;
    width: 150px; }
    .modal--shop-edit .btn:disabled {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .modal--shop-edit .btn.btn {
      padding: 8px 16px; }

.modal--sync-fb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-weight: 700; }
  .modal--sync-fb .title {
    font-size: 22px;
    margin: 24px;
    text-align: center; }
  .modal--sync-fb .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 132px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .modal--sync-fb .content button {
      border: none;
      color: #404040;
      cursor: pointer;
      font-size: 18px; }
      .modal--sync-fb .content button:focus {
        outline: none; }
      .modal--sync-fb .content button:hover {
        color: #7F7F7F; }
      .modal--sync-fb .content button:last-child {
        color: #821C18; }
        .modal--sync-fb .content button:last-child:hover {
          color: #A35855; }
.sell-layout {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .sell-layout__header {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 48px 48px 8px 48px; }
    .sell-layout__header h2 {
      margin: 0 0 8px 0; }
    .sell-layout__header p {
      margin: 8px 0 16px 0; }
  .sell-layout__content {
    padding: 0 34px; }
  .sell-layout__footer {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 20px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .sell-layout__footer button {
      margin: 8px 8px; }
.no-images {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  height: 290px;
  border: 1px dashed #DEDEDE;
  border-radius: 1px;
  padding: 78px 340px 0 64px;
  color: #7F7F7F; }
  .no-images__add {
    margin-bottom: 16px; }

.draggable-item {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 10px 0 #7F7F7F;
          box-shadow: 0 0 10px 0 #7F7F7F;
  cursor: -webkit-grabbing;
  cursor: grabbing;
  -webkit-transition: width 0.1s ease-in, height 0.1s ease-in;
  -o-transition: width 0.1s ease-in, height 0.1s ease-in;
  transition: width 0.1s ease-in, height 0.1s ease-in;
  z-index: 10; }
  .draggable-item canvas {
    height: 100%;
    width: 100%; }
.sell-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 20px; }
  .sell-wrapper__title {
    font-size: 14px;
    color: #404040;
    margin: 5px 0;
    width: 100%; }
  .sell-wrapper--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .sell-wrapper .group__heading {
    width: 100%;
    margin: 24px; }
    .sell-wrapper .group__heading small {
      color: #BFBFBF;
      font-size: 12px; }
  .sell-wrapper .group__inner {
    margin: 12px 0 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 85%; }
  .sell-wrapper .group__color {
    margin: 5px 0 0 5px; }
    .sell-wrapper .group__color .circle-check {
      margin: 5px 0 8px;
      width: 75px;
      text-align: center;
      line-height: 1;
      padding: 0 8px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      right: 22px; }
.circle-check input {
  display: none; }

.circle-check :hover {
  cursor: pointer; }

.circle-check__label {
  position: relative;
  top: 5px;
  font-size: 12px;
  color: #7F7F7F; }
  :hover > .circle-check__label {
    color: #404040; }
  .circle-check__label .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 2px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%; }
  .circle-check__label .fas {
    position: absolute;
    color: #4caf50;
    z-index: 2;
    opacity: 0; }

.circle-check .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  fill: none;
  height: 42px;
  margin: 0 auto;
  opacity: 1;
  pointer-events: none;
  width: 42px; }
  .circle-check .circle--img {
    height: 40px;
    width: 40px; }

.circle-check .fa-check {
  display: none; }

.circle-check input:checked ~ .button {
  background: #fff; }
  .circle-check input:checked ~ .button .fa-check {
    display: block; }
  .circle-check input:checked ~ .button .fas {
    -webkit-animation: check 0.5s ease-out 1.5s both;
            animation: check 0.5s ease-out 1.5s both;
    background: #fff;
    border-radius: 50%;
    border: 5px solid #fff;
    height: 32px;
    opacity: 1;
    position: absolute;
    right: 22px;
    top: 4px;
    width: 32px; }
  .circle-check input:checked ~ .button .circle-check__label {
    color: #404040; }
.modal--leave-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 25px;
  text-align: center; }
  .modal--leave-warning .header {
    margin-bottom: 15px; }
  .modal--leave-warning .text {
    font-size: 14px; }
  .modal--leave-warning .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    margin-top: auto; }
    .modal--leave-warning .actions .btn--secondary {
      padding: 10px 16px; }
.duration-modal-wrapper h3 {
  margin: 45px 85px 29px 50px;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: left;
  line-height: 1.5; }

.duration-modal-wrapper .duration-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.duration-modal-wrapper .duration-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 50px;
  border: none;
  outline: none;
  background-color: transparent;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  cursor: pointer; }
  .duration-modal-wrapper .duration-row:nth-child(odd) {
    background-color: #F5F5F5; }
  .duration-modal-wrapper .duration-row:hover {
    background-color: #e8e8e8; }
  .duration-modal-wrapper .duration-row .duration-text {
    font-size: 16px;
    font-weight: 400;
    margin: 0px 8px 0px 0;
    padding-left: 36px;
    font-family: "Open Sans", Helvetica, sans-serif;
    position: relative; }
    .duration-modal-wrapper .duration-row .duration-text::before, .duration-modal-wrapper .duration-row .duration-text::after {
      position: absolute; }
    .duration-modal-wrapper .duration-row .duration-text::before {
      content: "";
      top: -1px;
      left: 0px;
      display: inline-block;
      height: 18px;
      width: 18px;
      border-radius: 50%;
      border: solid 1px #7F7F7F; }
    .duration-modal-wrapper .duration-row .duration-text::after {
      left: 3px;
      top: 2px;
      content: "";
      display: inline-block;
      height: 14px;
      width: 14px;
      border-radius: 50%;
      background-color: #319A92; }
  .duration-modal-wrapper .duration-row .duration-radio input {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal; }
  .duration-modal-wrapper .duration-row .duration-radio input + label::after {
    -webkit-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease;
    opacity: 0; }
  .duration-modal-wrapper .duration-row .duration-radio input:checked + label::after {
    opacity: 1; }
  .duration-modal-wrapper .duration-row .duration-saving {
    padding: 9px 10px 6px 10px;
    border-radius: 2px;
    background-color: #319A92;
    color: #FFFFFF; }
    .duration-modal-wrapper .duration-row .duration-saving span {
      font-size: 12px;
      font-weight: 400; }
  .duration-modal-wrapper .duration-row .duration-price-total {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px; }
  .duration-modal-wrapper .duration-row .duration-price-weekly {
    font-size: 16px;
    font-weight: 300; }
  .duration-modal-wrapper .duration-row-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: right; }

.duration-modal-wrapper .duration-bottom {
  text-align: center;
  margin: 32px 0px 32px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .duration-modal-wrapper .duration-bottom-button-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .duration-modal-wrapper .duration-bottom-button-wrapper .spinner {
      margin-top: 3px; }
  .duration-modal-wrapper .duration-bottom button {
    background-color: #F7BC00;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 24px;
    text-align: center;
    -webkit-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 1px;
    font-weight: 400;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
    .duration-modal-wrapper .duration-bottom button:link, .duration-modal-wrapper .duration-bottom button:visited {
      color: #FFFFFF;
      text-decoration: none; }
    .duration-modal-wrapper .duration-bottom button:hover {
      background-color: #94D1C7;
      -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11), 0 2px 3px rgba(0, 0, 0, 0.08);
              box-shadow: 0 6px 6px rgba(0, 0, 0, 0.11), 0 2px 3px rgba(0, 0, 0, 0.08); }
    .duration-modal-wrapper .duration-bottom button:focus {
      outline: none; }
    .duration-modal-wrapper .duration-bottom button:active {
      background-color: #BFE0D9; }
    .duration-modal-wrapper .duration-bottom button:disabled {
      background-color: #BFE0D9;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: auto; }
    .duration-modal-wrapper .duration-bottom button:hover, .duration-modal-wrapper .duration-bottom button:focus {
      background-color: #dea900; }
    .duration-modal-wrapper .duration-bottom button:disabled {
      background-color: #FDEFCB;
      color: #F9CD5F;
      -webkit-box-shadow: none;
              box-shadow: none;
      cursor: default; }

.duration-modal-wrapper .duration-free {
  font-size: 14px;
  font-weight: 300;
  color: #7F7F7F;
  margin-top: 20px; }
.modal--unsupported-browser {
  padding: 70px 70px 65px; }
  .modal--unsupported-browser .unsupported-browser__table {
    border-spacing: 0px; }
  .modal--unsupported-browser .unsupported-browser__header {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 40px;
    padding-right: 40px; }
  .modal--unsupported-browser .unsupported-browser__heading {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: #000000; }
  .modal--unsupported-browser .unsupported-browser__content {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 40px;
    vertical-align: top; }
  .modal--unsupported-browser .unsupported-browser__imgcell {
    padding: 0; }
  .modal--unsupported-browser .unsupported-browser__support {
    padding: 0; }
  .modal--unsupported-browser .unsupported-browser__title {
    font-size: 18px;
    font-weight: 700;
    color: #404040;
    margin-bottom: 20px; }
  .modal--unsupported-browser .unsupported-browser__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #404040; }
  .modal--unsupported-browser .unsupported-browser__tip {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    color: #7F7F7F;
    display: block; }
    .modal--unsupported-browser .unsupported-browser__tip--link {
      color: #F7BC00; }
  .modal--unsupported-browser .unsupported-browser__picture {
    min-width: 210px; }
.notifications-wrapper {
  z-index: 6;
  position: absolute; }

.notifications-br {
  bottom: 40px;
  position: fixed;
  right: 40px; }
  .notifications-br .notification {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-animation: fadeFromRight 0.5s ease-out 1;
            animation: fadeFromRight 0.5s ease-out 1;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 10px 0;
    padding: 10px 0 10px 10px;
    width: 430px; }
    .notifications-br .notification button {
      background: none; }
    .notifications-br .notification-visible {
      opacity: 1;
      visibility: visible; }
    .notifications-br .notification-success {
      color: #309A93; }
    .notifications-br .notification-error {
      color: #821C18; }
    .notifications-br .notification-hidden {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .notifications-br .notification__text {
      border-right: solid 1px #F0F0F0;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 15px 20px; }
    .notifications-br .notification__dismiss {
      border: none; }
      .notifications-br .notification__dismiss:focus {
        outline: none; }
      .notifications-br .notification__dismiss .svgicon {
        cursor: pointer; }
        .notifications-br .notification__dismiss .svgicon svg {
          opacity: .5; }
.form-input {
  padding-left: 8px;
  padding-right: 8px; }
  @media (min-width: 420px) {
    .form-input--col1 {
      width: 8.33333%; }
    .form-input--col2 {
      width: 16.66667%; }
    .form-input--col3 {
      width: 25%; }
    .form-input--col4 {
      width: 33.33333%; }
    .form-input--col5 {
      width: 41.66667%; }
    .form-input--col6 {
      width: 50%; }
    .form-input--col7 {
      width: 58.33333%; }
    .form-input--col8 {
      width: 66.66667%; }
    .form-input--col9 {
      width: 75%; }
    .form-input--col10 {
      width: 83.33333%; }
    .form-input--col11 {
      width: 91.66667%; }
    .form-input--col12 {
      width: 100%; } }
.intro-cover {
  z-index: 101; }

.modal--intro {
  color: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.5;
  min-height: 302px;
  padding: 30px; }
  .modal--intro .inline-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .modal--intro .inline-btns .btn {
      height: 34px;
      padding: 0; }
      .modal--intro .inline-btns .btn--golden {
        width: 161px; }
      .modal--intro .inline-btns .btn--outline {
        width: 83px; }
  .modal--intro h3 {
    font-size: 18px; }
  .modal--intro p {
    font-size: 14px;
    margin: 16px 0 28px; }
.guide-box__navigator {
  margin: 24px 0;
  z-index: 6; }
  .guide-box__navigator .navigator-button {
    background-color: #FFFFFF;
    border: solid 1px #404040;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin-right: 4px;
    padding: 0;
    width: 7px; }
    .guide-box__navigator .navigator-button--active {
      background-color: #000000; }
    .guide-box__navigator .navigator-button:focus {
      outline: none; }

.guide-box__inline-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .guide-box__inline-btns .btn {
    height: 34px; }
    .guide-box__inline-btns .btn.btn {
      padding: 0; }
    .guide-box__inline-btns .btn--golden {
      width: 161px; }
    .guide-box__inline-btns .btn--outline {
      width: 83px; }

.guide-box h3 {
  font-size: 18px;
  margin-bottom: 16px; }

.guide-box p {
  font-size: 14px; }
.location-search-input {
  position: relative;
  width: 100%; }
  .location-search-input__input {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #F5F5F5;
    border: none;
    height: 50px;
    line-height: 1.31;
    padding: 0 50px 0 40px;
    width: 100%; }
    .location-search-input__input--padded {
      padding-right: 165px; }
    .location-search-input__input:hover {
      background-color: #FFFFFF;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .location-search-input__input:focus {
      background-color: #FFFFFF;
      outline: none;
      border-color: transparent;
      -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); }
  .location-search-input__btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    padding: 0;
    padding-right: 16px;
    position: absolute;
    right: 0;
    top: 0; }
    .location-search-input__btn .inner-txt {
      -webkit-animation: fadeIn 0.4s ease-out 1;
              animation: fadeIn 0.4s ease-out 1;
      margin-right: 16px; }
    .location-search-input__btn:focus {
      outline: none; }
    .location-search-input__btn:disabled {
      cursor: default; }
  .location-search-input > .svgicon {
    left: 16px;
    position: absolute;
    top: 14px; }
.modal--location.modal--location {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 350px;
  padding: 35px 40px;
  width: 600px; }

.location__header {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
  width: 100%; }

.location__secondary {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  width: 100%; }

.location__search {
  left: 40px;
  position: absolute;
  right: 40px;
  top: 200px; }

.location__btn {
  margin-top: auto; }
.btn {
  cursor: pointer; }
  .btn--login {
    background-color: transparent;
    margin-right: 4px; }
.navigation__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  left: 12px; }

.navigation__item {
  font-size: 16px; }
  .navigation__item > a:link,
  .navigation__item > a:visited,
  .navigation__item > article,
  .navigation__item > div {
    position: relative;
    cursor: pointer;
    padding: 8px 8px 8px 7px;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    position: relative;
    text-decoration: none; }
    .navigation__item > a:link::after,
    .navigation__item > a:visited::after,
    .navigation__item > article::after,
    .navigation__item > div::after {
      position: absolute;
      bottom: 5px;
      height: 1px;
      display: block;
      content: '';
      -webkit-transition: -webkit-transform 0.15s ease;
      transition: -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease;
      transition: transform 0.15s ease;
      transition: transform 0.15s ease, -webkit-transform 0.15s ease;
      -webkit-transform-origin: right center;
          -ms-transform-origin: right center;
              transform-origin: right center;
      -webkit-transform: scale3d(0, 1, 1);
              transform: scale3d(0, 1, 1);
      background-color: #000000;
      left: 8px;
      width: calc(100% - 16px); }
    .navigation__item > a:link:focus, .navigation__item > a:link:hover,
    .navigation__item > a:visited:focus,
    .navigation__item > a:visited:hover,
    .navigation__item > article:focus,
    .navigation__item > article:hover,
    .navigation__item > div:focus,
    .navigation__item > div:hover {
      outline: none; }
      .navigation__item > a:link:focus::after, .navigation__item > a:link:hover::after,
      .navigation__item > a:visited:focus::after,
      .navigation__item > a:visited:hover::after,
      .navigation__item > article:focus::after,
      .navigation__item > article:hover::after,
      .navigation__item > div:focus::after,
      .navigation__item > div:hover::after {
        -webkit-transform-origin: left center;
            -ms-transform-origin: left center;
                transform-origin: left center;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1);
        opacity: 0.4; }
    .navigation__item > a:link:active::after,
    .navigation__item > a:visited:active::after,
    .navigation__item > article:active::after,
    .navigation__item > div:active::after {
      opacity: 1; }
    @media (min-width: 1440px) {
      .navigation__item > a:link::after,
      .navigation__item > a:visited::after,
      .navigation__item > article::after,
      .navigation__item > div::after {
        left: 8px;
        width: calc(100% - 16px); } }
    .navigation__item > a:link.selected,
    .navigation__item > a:visited.selected,
    .navigation__item > article.selected,
    .navigation__item > div.selected {
      font-weight: 600;
      color: #000000; }
      .navigation__item > a:link.selected::after,
      .navigation__item > a:visited.selected::after,
      .navigation__item > article.selected::after,
      .navigation__item > div.selected::after {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
                transform: scale3d(1, 1, 1); }
    @media (max-width: 1024px) {
      .navigation__item > a:link,
      .navigation__item > a:visited,
      .navigation__item > article,
      .navigation__item > div {
        padding: 8px 4px; } }
  .navigation__item .signup.signup {
    color: #F7BC00; }
  .navigation__item .badge {
    bottom: 1px;
    left: 4px; }

.navigation > a.selected {
  color: #FF9B48;
  text-decoration: none; }
  .navigation > a.selected svg g,
  .navigation > a.selected svg path {
    stroke: #FF9B48; }

.navigation .sell-button.btn--golden {
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  margin-left: 8px;
  margin-right: 8px; }

.navigation__list .sell-button,
.navigation__list > .menu-button {
  margin-left: 4px;
  margin-right: 4px; }
.back-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.15s ease;
  transition: -webkit-transform 0.15s ease;
  -o-transition: transform 0.15s ease;
  transition: transform 0.15s ease;
  transition: transform 0.15s ease, -webkit-transform 0.15s ease;
  padding: 8px 16px;
  margin-left: -12px;
  cursor: pointer; }
  .back-button > span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5; }
  .back-button-wrapper {
    -webkit-animation: fadeFromTop 0.3s ease;
            animation: fadeFromTop 0.3s ease; }
  .back-button:focus, .back-button:hover {
    outline: none;
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0); }
  .back-button .svgicon {
    margin-right: 8px;
    position: relative;
    top: 2px; }
.share-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  padding: 8px 16px;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  cursor: pointer; }
  .share-button:focus, .share-button:hover {
    outline: none; }
  .share-button > span {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5; }
  .share-button .svgicon {
    position: relative;
    top: 2px; }
.conversion-top--classified .conversion-top__product-info {
  -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  -o-transition: transform 0.15s ease, opacity 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px); }
  .main--scrolled .conversion-top--classified .conversion-top__product-info {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .conversion-top--classified .conversion-top__product-info .conversion-top__title {
    margin: 0 -4px;
    font-size: 18px;
    font-weight: 700;
    color: #404040; }
  .conversion-top--classified .conversion-top__product-info .conversion-top__price {
    font-size: 14px;
    font-weight: 300; }
.conversion-top--shop .conversion-top__shop-info {
  -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
  -o-transition: transform 0.15s ease, opacity 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s ease;
  transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease;
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px); }
  .main--scrolled .conversion-top--shop .conversion-top__shop-info {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }
  .conversion-top--shop .conversion-top__shop-info .conversion-top__title {
    margin: 0 -4px;
    font-size: 18px;
    font-weight: 700;
    color: #404040; }
  .conversion-top--shop .conversion-top__shop-info .conversion-top__items {
    font-size: 14px;
    font-weight: 300; }
    .conversion-top--shop .conversion-top__shop-info .conversion-top__items span {
      margin-left: 4px; }

.conversion-top--shop .conversion-top__skelet {
  width: 7%; }
.conversion-top {
  background-color: #FFFFFF;
  width: 970px;
  height: 48px;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  opacity: 1; }
  .main--scrolled .conversion-top {
    opacity: 1;
    position: fixed;
    top: 147px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  .main--scrolling-up .conversion-top {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.035);
            box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.035);
    opacity: 1;
    top: 67px;
    -webkit-transform: translateY(80px);
        -ms-transform: translateY(80px);
            transform: translateY(80px);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .conversion-top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 70px;
    padding: 0 29px;
    background: #FFFFFF; }
    .conversion-top__inner > *:nth-child(1) {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 150px; }
    .conversion-top__inner > *:nth-child(2) {
      -webkit-box-flex: 2;
          -ms-flex: 2 2 auto;
              flex: 2 2 auto; }
    .conversion-top__inner > *:nth-child(3) {
      -webkit-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto;
      width: 150px; }
  .conversion-top__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .conversion-top__actions > *:nth-last-child(1n+2) {
      margin-right: 4px; }
  .conversion-top--inactive {
    height: 0;
    display: none; }
  .conversion-top .report-button,
  .conversion-top .settings-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 8px 10.4px;
    border-radius: 1px; }
    .conversion-top .report-button:focus, .conversion-top .report-button:hover,
    .conversion-top .settings-button:focus,
    .conversion-top .settings-button:hover {
      outline: none; }
  .conversion-top .settings-button,
  .conversion-top .share-button {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 8px 0 8px 8px; }
.popup {
  border-radius: 1px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  opacity: 0;
  top: 77px;
  left: 24px;
  min-width: 400px;
  width: 912px; }
  .popup__searchbar {
    padding: 0 16px 8px 16px; }
    .popup__searchbar .searchbar__logo {
      margin-top: 12px; }
    .popup__searchbar .searchbar__input {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      padding-left: 0; }
      .popup__searchbar .searchbar__input .input__field {
        height: 100%;
        padding-top: 4px; }
    .popup__searchbar .searchbar__close button {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      background-color: transparent;
      border: none;
      padding: 8px;
      cursor: pointer;
      margin-top: 10px; }
  .popup .change-search-link {
    color: #404040;
    font-size: 14px;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    text-align: right;
    width: 100%;
    padding: 16px 24px;
    cursor: pointer;
    position: relative;
    border: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent; }
    .popup .change-search-link::before {
      content: '';
      display: block;
      border-top: solid 1px #F0F0F0;
      position: absolute;
      top: -1px;
      left: 20px;
      width: calc(100% - 40px); }
    .popup .change-search-link > span {
      position: relative;
      top: -1px; }
    .popup .change-search-link .svgicon {
      position: relative;
      top: 3px;
      -webkit-transform: scale(0.6);
          -ms-transform: scale(0.6);
              transform: scale(0.6); }
    .popup .change-search-link--reversed {
      text-align: left; }
    .popup .change-search-link .transition .svgicon {
      -webkit-transition: -webkit-transform 0.3s ease;
      transition: -webkit-transform 0.3s ease;
      -o-transition: transform 0.3s ease;
      transition: transform 0.3s ease;
      transition: transform 0.3s ease, -webkit-transform 0.3s ease; }
    .popup .change-search-link:hover .transition .svgicon {
      -webkit-transform: translateX(4px) scale(0.6);
          -ms-transform: translateX(4px) scale(0.6);
              transform: translateX(4px) scale(0.6); }
    .popup .change-search-link:hover .transition--reverse .svgicon {
      -webkit-transform: translateX(-4px) scale(0.6);
          -ms-transform: translateX(-4px) scale(0.6);
              transform: translateX(-4px) scale(0.6); }
    .popup .change-search-link:focus {
      outline: none; }
  .popup .suggestion {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 24px;
    padding-right: 20px;
    position: relative; }
    .popup .suggestion button {
      font-size: 16px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 2.5em;
      letter-spacing: normal;
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      padding: 0;
      outline: none; }
    .popup .suggestion__name {
      position: relative;
      white-space: pre; }
    .popup .suggestion .svgicon-search-close-ico {
      position: absolute;
      right: 24px;
      top: 4px;
      visibility: hidden; }
    .popup .suggestion .svgicon-search-ico-white {
      margin-right: 16px;
      position: relative;
      top: 5px;
      left: 5px; }
      .popup .suggestion .svgicon-search-ico-white svg {
        opacity: 0.5; }
    .popup .suggestion .reset-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .popup .suggestion .quoted-display {
      font-size: 16px;
      padding: 8px 0; }
      .popup .suggestion .quoted-display:before {
        content: open-quote; }
      .popup .suggestion .quoted-display:after {
        content: close-quote; }
    .popup .suggestion .lighter-color {
      color: #BFBFBF;
      white-space: pre; }
    .popup .suggestion:hover {
      background-color: #F5F5F5; }
      .popup .suggestion:hover .svgicon-search-close-ico {
        visibility: visible; }
.searchbar {
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  width: 912px; }
  .searchbar__box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1px;
    cursor: text;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 46px;
    margin: 0;
    overflow: hidden;
    padding: 0 3.2px;
    position: relative; }
  .searchbar__search-text {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: transparent;
    border: none;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
            clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
    color: #404040;
    cursor: text;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    font-size: 14px;
    height: 46px;
    margin-left: -1px;
    padding-left: 46px;
    padding-right: 24px;
    position: relative;
    text-align: left;
    -webkit-transition: -webkit-clip-path 0.15s ease;
    transition: -webkit-clip-path 0.15s ease;
    -o-transition: clip-path 0.15s ease;
    transition: clip-path 0.15s ease;
    transition: clip-path 0.15s ease, -webkit-clip-path 0.15s ease;
    white-space: nowrap; }
    .searchbar__search-text::before {
      background-position: center;
      background-size: 20px 19px;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' stroke-width='1.5px'%3E %3Cg fill='none' fill-rule='evenodd' stroke='%23969696' stroke-linejoin='round'%3E %3Cpath d='M15.348 7.91c0 3.815-3.115 6.908-6.957 6.908-3.841 0-6.956-3.093-6.956-6.909S4.55 1 8.39 1c3.842 0 6.957 3.093 6.957 6.91z'/%3E %3Cpath stroke-linecap='round' d='M13.31 12.794l7.147 7.099'/%3E %3C/g%3E %3C/svg%3E");
      content: '';
      display: inline-block;
      height: 46px;
      left: 0;
      position: absolute;
      top: 0;
      -webkit-transition: opacity 0.15s ease;
      -o-transition: opacity 0.15s ease;
      transition: opacity 0.15s ease;
      width: 46px; }
    .searchbar__search-text .placeholder {
      color: #7F7F7F; }
    @media (max-width: 1200px) {
      .searchbar__search-text {
        min-width: 50px;
        overflow: hidden; } }
    @media (max-width: 1200px) {
      .searchbar__search-text {
        margin-left: 0;
        padding-right: 0;
        padding-left: 50px; } }
  .searchbar--no-tags::before {
    max-width: 354px; }
  .searchbar__overlay {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease; }
    .searchbar__overlay:focus {
      outline: none;
      background-color: rgba(0, 0, 0, 0.5); }
  .searchbar:hover {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  @media (max-width: 1200px) {
    .searchbar {
      min-width: 50px; } }
.drawer__header {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.main .favourites .drawer, .main .notifications .drawer {
  left: 0;
  position: fixed;
  top: 0;
  height: 100vh;
  -webkit-transition: position 300ms ease;
  -o-transition: position 300ms ease;
  transition: position 300ms ease; }

.main--scrolled .favourites .drawer, .main--scrolled .notifications .drawer {
  left: calc(-50vw - -480px); }
.notification-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  border-radius: 1px;
  padding: 0;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease; }
  .notification-button:focus {
    outline: none; }
  .notification-button .badge {
    bottom: 8px;
    right: 11px; }
.favourite-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease; }
  .favourite-item:hover {
    background-color: #40404026; }
  .favourite-item__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    text-decoration: none;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding: 12px 16px; }
  .favourite-item__image {
    padding-right: 16px; }
  .favourite-item__title {
    margin: 0;
    color: #404040;
    font-weight: 700;
    font-size: 16px; }
    .favourite-item__title > *:nth-last-child(1n+2) {
      margin-right: 8px; }
  .favourite-item__sell-info {
    margin: 0;
    color: #7F7F7F;
    font-size: 14px; }
    .favourite-item__sell-info > *:nth-last-child(1n+2)::after {
      content: '-';
      display: inline-block;
      margin-left: 4px;
      margin-right: 4px; }
  .favourite-item button.favorite {
    margin: 0 8px; }
    .favourite-item button.favorite .favorite__number {
      margin-right: 4px; }

.skeleton-favourite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px 24px; }
  .skeleton-favourite__image {
    background-color: #FAFAFA;
    margin-right: 16px;
    height: 45px;
    width: 45px; }
  .skeleton-favourite__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .skeleton-favourite__content .content-row {
      background-color: #FAFAFA;
      height: 17px; }
      .skeleton-favourite__content .content-row--top {
        width: 100px; }
      .skeleton-favourite__content .content-row--bottom {
        width: 70px; }
  .skeleton-favourite__heart {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1 1;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
    .skeleton-favourite__heart path {
      border: none;
      fill: #FAFAFA;
      stroke: #FAFAFA; }
.top {
  background-color: white;
  left: calc(100vw - 100%);
  margin: 0 auto;
  opacity: 1;
  padding: 24px 29px;
  right: 0;
  width: 970px;
  z-index: 4;
  -webkit-transition: position 300ms ease;
  -o-transition: position 300ms ease;
  transition: position 300ms ease; }
  .top__banner {
    width: 100%;
    z-index: 4; }
  .main--scrolled .top {
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: position 1s;
    -o-transition: position 1s;
    transition: position 1s; }
  .top--inactive {
    -webkit-transform: translateY(-45px);
        -ms-transform: translateY(-45px);
            transform: translateY(-45px);
    opacity: 0; }
  .top__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 45px;
    margin-bottom: 8px; }
  .top__left, .top__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .top__left {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    @media (max-width: 1200px) {
      .top__left {
        min-width: 330px; } }
    @media (max-width: 1024px) {
      .top__left {
        min-width: 250px; } }
  .top__right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .top__logo {
    text-decoration: none;
    min-width: 134px; }
    .top__logo > * {
      display: block; }
    .top__logo .logo__subtitle {
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      font-size: 10px;
      font-weight: 400;
      text-transform: uppercase;
      margin-top: -8px;
      letter-spacing: 0.7px; }
  .top__trays {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 12px; }
    .top__trays > button {
      margin: 0 4px; }
    @media (max-width: 1200px) {
      .top__trays {
        margin: 0; } }
  .top .favorite-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background-color: transparent;
    border-radius: 1px;
    padding: 0;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    -webkit-transition: background-color 0.15s ease;
    -o-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    width: 20px;
    margin-left: 5px;
    margin-top: -2px; }
    .top .favorite-button > * {
      position: relative;
      top: 2px; }
    .top .favorite-button:focus {
      outline: none; }
  .top-placeholder {
    height: 147px;
    z-index: 4;
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
    .top-placeholder.header-classified, .top-placeholder.header-shop {
      height: 160px; }
  .top .badge {
    background-color: #F7BC00;
    border-radius: 2px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: "Soleil", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    height: 19px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 17px;
    min-width: 18px;
    padding: 1px 5px;
    position: relative; }
    .top .badge--countless {
      border: none;
      border-radius: 50%;
      height: 5px;
      min-width: 0;
      padding: 0;
      width: 5px; }

.main--scrolled .top {
  -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.15); }
.profile-menu {
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); }
  .profile-menu__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 56px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: center;
        align-content: center; }
  .profile-menu__item {
    margin: 0 16px;
    display: inline-block;
    -ms-flex-item-align: center;
        align-self: center; }
    .profile-menu__item button {
      border: none;
      outline: none;
      background-color: transparent;
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      padding: 0; }
    .profile-menu__item button,
    .profile-menu__item a {
      font-size: 16px;
      font-weight: 400;
      line-height: 1.5;
      text-decoration: none;
      color: #404040; }
      .profile-menu__item button:not(.active),
      .profile-menu__item a:not(.active) {
        position: relative;
        cursor: pointer; }
        .profile-menu__item button:not(.active)::after,
        .profile-menu__item a:not(.active)::after {
          position: absolute;
          bottom: 0;
          height: 1px;
          display: block;
          content: '';
          -webkit-transition: -webkit-transform 0.15s ease;
          transition: -webkit-transform 0.15s ease;
          -o-transition: transform 0.15s ease;
          transition: transform 0.15s ease;
          transition: transform 0.15s ease, -webkit-transform 0.15s ease;
          -webkit-transform-origin: right center;
              -ms-transform-origin: right center;
                  transform-origin: right center;
          -webkit-transform: scale3d(0, 1, 1);
                  transform: scale3d(0, 1, 1);
          background-color: #000000;
          left: 0;
          width: 100%; }
        .profile-menu__item button:not(.active):focus, .profile-menu__item button:not(.active):hover,
        .profile-menu__item a:not(.active):focus,
        .profile-menu__item a:not(.active):hover {
          outline: none; }
          .profile-menu__item button:not(.active):focus::after, .profile-menu__item button:not(.active):hover::after,
          .profile-menu__item a:not(.active):focus::after,
          .profile-menu__item a:not(.active):hover::after {
            -webkit-transform-origin: left center;
                -ms-transform-origin: left center;
                    transform-origin: left center;
            -webkit-transform: scale3d(1, 1, 1);
                    transform: scale3d(1, 1, 1);
            opacity: 0.4; }
        .profile-menu__item button:not(.active):active::after,
        .profile-menu__item a:not(.active):active::after {
          opacity: 1; }
      .profile-menu__item button.active,
      .profile-menu__item a.active {
        cursor: default;
        position: relative; }
        .profile-menu__item button.active:after,
        .profile-menu__item a.active:after {
          content: "";
          height: 1px;
          width: 100%;
          display: block;
          position: absolute;
          bottom: 0;
          border-bottom: 1px solid #404040; }
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Soleil';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/372E21_0_0.eot");
  src: url("/fonts/372E21_0_0.eot?#iefix") format("embedded-opentype"), url("/fonts/372E21_0_0.woff2") format("woff2"), url("/fonts/372E21_0_0.woff") format("woff"), url("/fonts/372E21_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Soleil';
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/372E21_1_0.eot");
  src: url("/fonts/372E21_1_0.eot?#iefix") format("embedded-opentype"), url("/fonts/372E21_1_0.woff2") format("woff2"), url("/fonts/372E21_1_0.woff") format("woff"), url("/fonts/372E21_1_0.ttf") format("truetype"); }

.inner--small {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 600px; }

.inner--large {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  max-width: 1400px; }

.body__inner {
  min-height: calc(100vh - 368px);
  padding: 0 29px;
  z-index: 1; }

.flex.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.flex--wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }

.right-pane {
  width: 704px;
  float: right; }

.twothirds {
  width: 60%; }

.half {
  width: 50%; }
  .half--right {
    text-align: right; }
    .half--right h2 {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.5;
      margin-top: 4px; }
      .half--right h2 .padded {
        margin: 5px 0; }

.divider {
  border-top: 1px solid #F5F5F5;
  border-bottom: 0;
  position: absolute;
  width: 100%;
  left: 0; }

.main {
  width: 970px;
  background: #FFFFFF;
  margin: 0 auto; }
  .main--banner {
    margin: 100px auto; }
  .main--hidden {
    margin: 0;
    width: 100%;
    left: 0; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html {
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0; }

main {
  position: relative; }

body {
  margin: 0;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  color: #404040; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea,
p,
h1,
h2,
h3,
h4 {
  margin: 0; }

a:link,
a:visited {
  color: #4A4A4A;
  text-decoration: none; }

input[type="button" i],
input[type="submit" i],
input[type="reset" i],
input[type="file" i]::-webkit-file-upload-button,
button {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  background: none; }
  input[type="button" i]:active,
  input[type="submit" i]:active,
  input[type="reset" i]:active,
  input[type="file" i]::-webkit-file-upload-button:active,
  button:active {
    color: inherit; }

.zEWidget-launcher {
  left: 43px !important;
  z-index: 100 !important; }

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

.error {
  color: #821C18;
  font-size: 14px;
  clear: left;
  display: block; }

.success.success {
  color: #309A93; }

.center {
  text-align: center; }

.info--golden {
  color: #F7BC00;
  font-size: 14px;
  clear: left;
  display: block; }

.small {
  font-size: 12px;
  clear: left;
  display: block;
  color: #7F7F7F; }
  .small.error {
    color: #821C18; }
  .small--padded {
    margin-top: 15px; }

.modal__row {
  border-bottom: solid 1px #F0F0F0;
  padding: 25px 0; }
  .modal__row .paragraph, .modal__row .paragraph-small {
    margin-top: 10px; }

.badge {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  padding: 5.33333px 8px 3.2px 8px;
  display: inline-block;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 1; }
  .badge--with-margin {
    margin-left: 8px; }

.btn {
  border: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  border-radius: 1px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
  vertical-align: top;
  position: relative; }
  .btn:not(.btn--no-shadow) {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
  .btn:not(.btn--link) {
    display: inline-block;
    padding: 10px 16px; }
    @media (min-width: 1200px) {
      .btn:not(.btn--link) {
        padding: 10px 32px; } }
  .btn--min {
    min-width: 140px; }
  .btn--center {
    text-align: center; }
  .btn--bottomed {
    margin-top: 60px;
    min-width: 145px; }
  .btn--no-break {
    white-space: nowrap; }
  .btn--padded {
    padding: 10px 32px; }
  .btn--link {
    padding: 0; }
    .btn--link > * {
      display: inline-block;
      padding: 10px 16px; }
      @media (min-width: 1200px) {
        .btn--link > * {
          padding: 10px 32px; } }
  .btn--text {
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #7F7F7F; }
  .btn--submit {
    margin: 50px auto; }
    .btn--submit.btn--submit {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .btn--no-padding.btn--no-padding {
    padding: 0; }
  .btn:focus {
    outline: none; }
  .btn:disabled {
    cursor: default; }
  .btn a {
    text-decoration: none; }
  .btn.btn--roomy {
    padding: 10px 8px;
    margin-right: 21px; }
  .btn.btn--small {
    padding: 9px 28.8px; }
  .btn.btn--large {
    padding: 12.15px 38.88px;
    font-size: 15px; }
  .btn--full {
    width: 100%;
    display: block;
    text-align: center; }
  .btn--standard-height {
    height: 34px; }
  .btn--disabled, .btn:disabled {
    background-color: #FDEFCB;
    border: solid 1px #FDEFCB;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #F9CD5F; }
  .btn--golden {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #F7BC00;
    border: 1px solid #F7BC00;
    color: #FFFFFF; }
    .btn--golden a, .btn--golden:link, .btn--golden:visited {
      color: #FFFFFF; }
    .btn--golden:focus, .btn--golden:hover {
      border-color: #dea900;
      background-color: #dea900; }
    .btn--golden:disabled {
      background-color: #FDEFCB;
      border-color: #FDEFCB;
      color: #F9CD5F;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--pale {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #FDEFCB;
    border: 1px solid #FDEFCB;
    color: #F9CD5F; }
    .btn--pale a, .btn--pale:link, .btn--pale:visited {
      color: #F9CD5F; }
    .btn--pale:focus, .btn--pale:hover {
      border-color: #fce7b2;
      background-color: #fce7b2; }
    .btn--pale:disabled {
      background-color: #fef7e4;
      border-color: #fef7e4;
      color: #FBDD97;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--khaki {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #F5D0BD;
    border: 1px solid #F5D0BD;
    color: #FFFFFF; }
    .btn--khaki a, .btn--khaki:link, .btn--khaki:visited {
      color: #FFFFFF; }
    .btn--khaki:focus, .btn--khaki:hover {
      border-color: #F8DCCE;
      background-color: #F8DCCE; }
    .btn--khaki:disabled {
      background-color: #FDF3EE;
      border-color: #FDF3EE;
      color: #F8DCCE;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--blue {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #306A9A;
    border: 1px solid #306A9A;
    color: #FFFFFF; }
    .btn--blue a, .btn--blue:link, .btn--blue:visited {
      color: #FFFFFF; }
    .btn--blue:focus, .btn--blue:hover {
      border-color: #6690B3;
      background-color: #6690B3; }
    .btn--blue:disabled {
      background-color: #CDD9E6;
      border-color: #CDD9E6;
      color: #6690B3;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--red {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #821C18;
    border: 1px solid #821C18;
    color: #FFFFFF; }
    .btn--red a, .btn--red:link, .btn--red:visited {
      color: #FFFFFF; }
    .btn--red:focus, .btn--red:hover {
      border-color: #A35855;
      background-color: #A35855; }
    .btn--red:disabled {
      background-color: #E2CAC8;
      border-color: #E2CAC8;
      color: #CF9880;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--fb {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #395693;
    border: 1px solid #395693;
    color: #FFFFFF; }
    .btn--fb a, .btn--fb:link, .btn--fb:visited {
      color: #FFFFFF; }
    .btn--fb:focus, .btn--fb:hover {
      border-color: #4868AD;
      background-color: #4868AD; }
    .btn--fb:disabled {
      background-color: #4868AD;
      border-color: #4868AD;
      color: #FFFFFF;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--white {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #000000; }
    .btn--white a, .btn--white:link, .btn--white:visited {
      color: #000000; }
    .btn--white:focus, .btn--white:hover {
      border-color: #f2f2f2;
      background-color: #f2f2f2; }
    .btn--white:disabled {
      background-color: #BFBFBF;
      border-color: #BFBFBF;
      color: #7F7F7F;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--light-grey {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #F5F5F5;
    border: 1px solid #F5F5F5;
    color: #7F7F7F; }
    .btn--light-grey a, .btn--light-grey:link, .btn--light-grey:visited {
      color: #7F7F7F; }
    .btn--light-grey:focus, .btn--light-grey:hover {
      border-color: #e8e8e8;
      background-color: #e8e8e8; }
    .btn--light-grey:disabled {
      background-color: white;
      border-color: white;
      color: #8c8c8c;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--green {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: #309A93;
    border: 1px solid #309A93;
    color: #FFFFFF; }
    .btn--green a, .btn--green:link, .btn--green:visited {
      color: #FFFFFF; }
    .btn--green:focus, .btn--green:hover {
      border-color: #2a8780;
      background-color: #2a8780; }
    .btn--green:disabled {
      background-color: #CDD9E6;
      border-color: #CDD9E6;
      color: #6690B3;
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn--green {
    background: #309A93; }
  .btn--follow {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0;
    color: #F7BC00;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1;
    position: relative; }
  .btn--outline {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: transparent;
    color: #7F7F7F;
    border: 1px solid #E5E5E5; }
    .btn--outline a, .btn--outline:link, .btn--outline:visited {
      color: #7F7F7F; }
    .btn--outline:focus, .btn--outline:hover {
      border: 1px solid #e8e8e8;
      background-color: #F5F5F5; }
  .btn--outline-dark {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: transparent;
    color: #404040;
    border: 1px solid #404040; }
    .btn--outline-dark a, .btn--outline-dark:link, .btn--outline-dark:visited {
      color: #404040; }
    .btn--outline-dark:focus, .btn--outline-dark:hover {
      border: 1px solid #e8e8e8;
      background-color: #F5F5F5; }
  .btn--text {
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease;
    background-color: transparent;
    color: #000000;
    border: 1px solid rgba(255, 255, 255, 0); }
    .btn--text a, .btn--text:link, .btn--text:visited {
      color: #000000; }
    .btn--text:focus, .btn--text:hover {
      border: 1px solid #e8e8e8;
      background-color: #F5F5F5; }
  .btn--secondary {
    background-color: #FFFFFF;
    border: 1px solid #BFBFBF;
    color: #7F7F7F;
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease; }
    .btn--secondary a, .btn--secondary:link, .btn--secondary:focus {
      color: #7F7F7F;
      outline: none; }
    .btn--secondary:hover:not(.btn--disabled) {
      background-color: #FFFFFF;
      border: 1px solid #404040;
      color: #000000; }
  .btn--secondary-allwhite {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #404040;
    -webkit-transition: background-color 0.15s ease, border-color 0.15s ease;
    -o-transition: background-color 0.15s ease, border-color 0.15s ease;
    transition: background-color 0.15s ease, border-color 0.15s ease; }
    .btn--secondary-allwhite a, .btn--secondary-allwhite:link, .btn--secondary-allwhite:focus {
      color: #404040;
      outline: none; }
    .btn--secondary-allwhite:hover:not(.btn--disabled) {
      background-color: #FFFFFF;
      border: 1px solid #404040;
      color: #000000; }

.fadeIn-enter {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 0; }
  .fadeIn-enter-active, .fadeIn-enter-done {
    opacity: 1; }

.fadeIn-exit {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  opacity: 1; }
  .fadeIn-exit-active, .fadeIn-exit-done {
    opacity: 0; }

.fadeFromTop-enter {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 0;
  -webkit-transform: translate3d(0, -8px, 0);
          transform: translate3d(0, -8px, 0); }
  .fadeFromTop-enter-active, .fadeFromTop-enter-done {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.fadeFromTop-exit {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .fadeFromTop-exit-active, .fadeFromTop-exit-done {
    opacity: 0;
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0); }

.fadeFromBottom-enter {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 0;
  -webkit-transform: translate3d(0, 10px, 0);
          transform: translate3d(0, 10px, 0); }
  .fadeFromBottom-enter-active, .fadeFromBottom-enter-done {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.fadeFromBottom-exit {
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  .fadeFromBottom-exit-active, .fadeFromBottom-exit-done {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0); }

.input-text {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #E5E5E5;
  border-radius: 1px;
  color: #404040;
  font-size: 16px;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  padding: 12px 16px 8px;
  -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
  -o-transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease; }
  .input-text:focus {
    outline: none;
    border-color: #404040; }

.input-checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .input-checkbox__input {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal; }
  .input-checkbox .input-checkbox__label {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #BFBFBF;
    -webkit-transition: border-color 0.15s ease, background-color 0.15s ease;
    -o-transition: border-color 0.15s ease, background-color 0.15s ease;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    cursor: pointer; }
    .input-checkbox .input-checkbox__label::before, .input-checkbox .input-checkbox__label::after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 100%;
      left: 0;
      height: 1px;
      opacity: 0;
      background-color: #FFFFFF;
      -webkit-transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
      transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
      -o-transition: transform 0.15s ease, opacity 0.15s ease;
      transition: transform 0.15s ease, opacity 0.15s ease;
      transition: transform 0.15s ease, opacity 0.15s ease, -webkit-transform 0.15s ease; }
    .input-checkbox .input-checkbox__label::before {
      -webkit-transform: rotate(-50deg) translate3d(0px, 16px, 0);
              transform: rotate(-50deg) translate3d(0px, 16px, 0);
      width: 13px; }
    .input-checkbox .input-checkbox__label::after {
      -webkit-transform: rotate(50deg) translate3d(21px, 5px, 0);
              transform: rotate(50deg) translate3d(21px, 5px, 0);
      width: 6px; }
  .input-checkbox__input:focus + .input-checkbox__label, .input-checkbox__label:hover {
    border-color: #7F7F7F; }
  .input-checkbox__input:checked + .input-checkbox__label {
    background-color: #319A92;
    border-color: #319A92; }
    .input-checkbox__input:checked + .input-checkbox__label::before, .input-checkbox__input:checked + .input-checkbox__label::after {
      opacity: 1; }
    .input-checkbox__input:checked + .input-checkbox__label::before {
      -webkit-transform: rotate(-50deg) translate3d(-4px, 16px, 0);
              transform: rotate(-50deg) translate3d(-4px, 16px, 0); }
    .input-checkbox__input:checked + .input-checkbox__label::after {
      -webkit-transform: rotate(50deg) translate3d(17px, 5px, 0);
              transform: rotate(50deg) translate3d(17px, 5px, 0);
      -webkit-transition-delay: 0.15s;
           -o-transition-delay: 0.15s;
              transition-delay: 0.15s; }

.hash-focus {
  -webkit-animation-name: hashFocus;
          animation-name: hashFocus;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1; }

.icon-btn {
  height: 40px;
  width: 40px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: transparent;
  border-radius: 1px;
  cursor: pointer;
  outline: none;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease; }
  .icon-btn:focus, .icon-btn:hover {
    background-color: #F5F5F5; }

.icon-text-btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-stretch: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  padding: 4px 16px;
  -webkit-transition: background-color 0.15s ease;
  -o-transition: background-color 0.15s ease;
  transition: background-color 0.15s ease;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #404040; }
  .icon-text-btn:focus, .icon-text-btn:hover {
    background-color: #F5F5F5; }

.stick-right {
  position: relative;
  left: 12px; }

@-webkit-keyframes fadeFromTop {
  0%,
  50% {
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeFromTop {
  0%,
  50% {
    -webkit-transform: translate3d(0, -16px, 0);
            transform: translate3d(0, -16px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeFromBottom {
  0%,
  50% {
    -webkit-transform: translate3d(0, 16px, 0);
            transform: translate3d(0, 16px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeFromBottom {
  0%,
  50% {
    -webkit-transform: translate3d(0, 16px, 0);
            transform: translate3d(0, 16px, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeFromLeft {
  0%,
  50% {
    -webkit-transform: translate3d(-16px, 0, 0);
            transform: translate3d(-16px, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeFromLeft {
  0%,
  50% {
    -webkit-transform: translate3d(-16px, 0, 0);
            transform: translate3d(-16px, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeFromRight {
  0%,
  50% {
    -webkit-transform: translate3d(16px, 0, 0);
            transform: translate3d(16px, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes fadeFromRight {
  0%,
  50% {
    -webkit-transform: translate3d(16px, 0, 0);
            transform: translate3d(16px, 0, 0);
    opacity: 0; }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes fadeInThenOut {
  0%,
  100% {
    opacity: 0; }
  10%,
  90% {
    opacity: 1; } }

@keyframes fadeInThenOut {
  0%,
  100% {
    opacity: 0; }
  10%,
  90% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0%,
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0%,
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeInLinear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeInLinear {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0%,
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0%,
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  15% {
    -webkit-transform: scale(1.6, 1.6);
            transform: scale(1.6, 1.6); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  15% {
    -webkit-transform: scale(1.6, 1.6);
            transform: scale(1.6, 1.6); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@-webkit-keyframes brandStrokeAnimation {
  0%,
  100% {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  0%,
  35% {
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  35%,
  65% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  65%,
  100% {
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@keyframes brandStrokeAnimation {
  0%,
  100% {
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1); }
  0%,
  35% {
    -webkit-transform-origin: left center;
            transform-origin: left center; }
  35%,
  65% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1); }
  65%,
  100% {
    -webkit-transform-origin: right center;
            transform-origin: right center; } }

@-webkit-keyframes shine {
  0% {
    background-position: 200%; }
  70%,
  100% {
    background-position: -100%; } }

@keyframes shine {
  0% {
    background-position: 200%; }
  70%,
  100% {
    background-position: -100%; } }

@-webkit-keyframes hashFocus {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  30%,
  70% {
    background-color: #F0F0F0; } }

@keyframes hashFocus {
  0% {
    background-color: rgba(255, 255, 255, 0); }
  30%,
  70% {
    background-color: #F0F0F0; } }

.link {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.5;
  color: #7F7F7F;
  cursor: pointer;
  position: relative;
  cursor: pointer; }
  .link::after {
    position: absolute;
    bottom: 0;
    height: 1px;
    display: block;
    content: '';
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
    background-color: #000000;
    left: 0;
    width: 100%; }
  .link:focus, .link:hover {
    outline: none; }
    .link:focus::after, .link:hover::after {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 0.4; }
  .link:active::after {
    opacity: 1; }

.link--mustard {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.5;
  color: #F9CD5F;
  cursor: pointer; }

a.cta-link {
  color: #F7BC00;
  font-size: 14px;
  text-decoration: none; }

a.link--block {
  display: block;
  font-size: 16px; }

a.link--grey, .link--grey {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  line-height: 1.5;
  color: #BFBFBF;
  cursor: pointer; }
  a.link--grey:hover, .link--grey:hover {
    color: #7F7F7F; }

.reset {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent; }

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

.separator {
  margin-top: 12px;
  margin-bottom: 12px;
  background-color: #BDBDBD;
  border: none;
  display: block;
  height: 1px;
  margin-left: 0;
  margin-right: auto;
  width: 100px; }

@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -468px 0; }
  100% {
    background-position: 468px 0; } }

.loading .shine {
  background-image: -webkit-gradient(linear, left top, right top, from(#f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), to(#f6f7f8));
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: -o-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: placeholderShimmer;
  -webkit-animation-timing-function: linear; }

.text-btn {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  position: relative;
  cursor: pointer;
  display: inline;
  margin: 16px 0;
  padding: 0;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  color: #7F7F7F;
  cursor: pointer; }
  .text-btn::after {
    position: absolute;
    bottom: 0;
    height: 1px;
    display: block;
    content: '';
    -webkit-transition: -webkit-transform 0.15s ease;
    transition: -webkit-transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    transition: transform 0.15s ease, -webkit-transform 0.15s ease;
    -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scale3d(0, 1, 1);
            transform: scale3d(0, 1, 1);
    background-color: #000000;
    left: 0;
    width: 100%; }
  .text-btn:focus, .text-btn:hover {
    outline: none; }
    .text-btn:focus::after, .text-btn:hover::after {
      -webkit-transform-origin: left center;
          -ms-transform-origin: left center;
              transform-origin: left center;
      -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
      opacity: 0.4; }
  .text-btn:active::after {
    opacity: 1; }
  .text-btn--neutral {
    color: #404040; }

.hero {
  color: #000000;
  font-size: 40px;
  font-weight: 700; }

.heading1 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5; }

.heading2 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2; }

.heading3 {
  font-size: 18px;
  font-weight: 700; }
  .heading3--padded {
    margin: 30px 0 15px; }

.heading4 {
  font-size: 15px;
  font-weight: 700; }

.elipsis {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.h3 {
  color: #404040;
  font-size: 16px;
  font-weight: 700; }

.user-name {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  color: #4A4A4A;
  line-height: 1; }

.paragraph {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5; }

.paragraph-small {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #7F7F7F; }

.golden.golden {
  color: #F7BC00; }

.metadata {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
  color: #7F7F7F; }

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis; }

.small__link {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
  background: none;
  border: none;
  color: #7F7F7F;
  cursor: pointer;
  display: inline-block;
  outline: none;
  padding: 0;
  text-decoration: none;
  white-space: nowrap;
  color: #7F7F7F; }
  .small__link:hover {
    text-decoration: underline; }
  .small__link:after {
    content: '';
    height: 16px;
    width: 16px;
    display: inline-block;
    background-image: svg-load("/icons/arrow-right.svg", fill=#7F7F7F, stroke=#7F7F7F);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: sub;
    margin-left: 8px; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently */ }

.errr {
  widht: 1000px;
  height: 200px;
  background: red; }
.mobile body.layout {
  background: #FFFFFF;
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin: 132px 0 0; }
  .mobile body.layout a:link {
    text-decoration: none; }

.mobile .header {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FFFFFF; }

.mobile .convertion,
.mobile a.convertion:link,
.mobile a.convertion:visited {
  position: fixed;
  z-index: 4;
  top: 60px;
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background-color: rgba(247, 188, 0, 0.9);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  text-decoration: none; }
  .mobile .convertion .action,
  .mobile a.convertion:link .action,
  .mobile a.convertion:visited .action {
    font-weight: 700;
    text-transform: uppercase; }

.mobile .layout #dialog {
  position: fixed;
  z-index: 10;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden; }
  .mobile .layout #dialog .bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .mobile .layout #dialog .swiper-container {
    overflow: hidden;
    width: 289px;
    height: 528px;
    background-color: #000;
    border-radius: 5px;
    -webkit-box-shadow: 0 15px 35px 0 rgba(50, 93, 88, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 15px 35px 0 rgba(50, 93, 88, 0.1), 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    position: relative; }
  .mobile .layout #dialog .swiper-slide {
    z-index: 0;
    width: 289px !important; }
    .mobile .layout #dialog .swiper-slide:nth-child(1n)::after {
      background-color: #821C18; }
    .mobile .layout #dialog .swiper-slide:nth-child(2n)::after {
      background-color: #306A9A; }
    .mobile .layout #dialog .swiper-slide:nth-child(3n)::after {
      background-color: #F7BC00; }
    .mobile .layout #dialog .swiper-slide::after {
      -webkit-clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
              clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
      content: '';
      display: inline-block;
      background-color: #821C18;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 289px;
      height: 40%;
      border-radius: 1px;
      z-index: 0; }
    .mobile .layout #dialog .swiper-slide p {
      position: absolute;
      bottom: 100px;
      left: 20px;
      padding: 0;
      font-family: "Soleil", Helvetica, Arial, sans-serif;
      color: #FFFFFF;
      font-weight: 700;
      font-size: 22px;
      max-width: 240px;
      line-height: 1.35;
      z-index: 3; }
  .mobile .layout #dialog .button {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    left: 20px;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #000000;
    font-family: "Soleil", Helvetica, Arial, sans-serif; }
  .mobile .layout #dialog .swiper-pagination {
    bottom: 75px;
    text-align: left;
    left: 16px; }
  .mobile .layout #dialog .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: solid 1px #FFFFFF;
    background-color: transparent;
    opacity: 1; }
    .mobile .layout #dialog .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #FFFFFF; }
  .mobile .layout #dialog .swiper-slide::before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, transparent), to(rgba(0, 0, 0, 0.5)));
    background-image: -webkit-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.5));
    background-image: -o-linear-gradient(top, transparent 40%, rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.5)); }
  .mobile .layout #dialog .slide-1 {
    background-image: url(/bitmap/convert-img-1.jpg);
    background-image: -webkit-image-set(url(/bitmap/convert-img-1.jpg) 1x, url(/bitmap/convert-img-1@2x.jpg) 2x, url(/bitmap/convert-img-1@3x.jpg) 3x);
    background-image: image-set(url(/bitmap/convert-img-1.jpg) 1x, url(/bitmap/convert-img-1@2x.jpg) 2x, url(/bitmap/convert-img-1@3x.jpg) 3x); }
  .mobile .layout #dialog .slide-2 {
    background-image: url(/bitmap/convert-img-2.jpg);
    background-image: -webkit-image-set(url(/bitmap/convert-img-2.jpg) 1x, url(/bitmap/convert-img-2@2x.jpg) 2x, url(/bitmap/convert-img-2@3x.jpg) 3x);
    background-image: image-set(url(/bitmap/convert-img-2.jpg) 1x, url(/bitmap/convert-img-2@2x.jpg) 2x, url(/bitmap/convert-img-2@3x.jpg) 3x); }
  .mobile .layout #dialog .slide-3 {
    background-image: url(/bitmap/convert-img-3.jpg);
    background-image: -webkit-image-set(url(/bitmap/convert-img-3.jpg) 1x, url(/bitmap/convert-img-3@2x.jpg) 2x, url(/bitmap/convert-img-3@3x.jpg) 3x);
    background-image: image-set(url(/bitmap/convert-img-3.jpg) 1x, url(/bitmap/convert-img-3@2x.jpg) 2x, url(/bitmap/convert-img-3@3x.jpg) 3x); }

@-webkit-keyframes open {
  from {
    -webkit-transform: translate(0, -100px);
            transform: translate(0, -100px); }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@keyframes open {
  from {
    -webkit-transform: translate(0, -100px);
            transform: translate(0, -100px); }
  to {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes fade-in {
  from {
    opacity: 0.1; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0.1; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0.1; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0.1; } }

@keyframes open {
  from {
    opacity: 0.01;
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px); }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-webkit-keyframes close {
  from {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    opacity: 0.01;
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px); } }

@keyframes close {
  from {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  to {
    opacity: 0.01;
    -webkit-transform: translate(0, 100px);
            transform: translate(0, 100px); } }

.mobile .layout.hide-dialog #dialog .bg {
  -webkit-animation: fade-out 300ms linear;
          animation: fade-out 300ms linear;
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.mobile .layout.show-dialog #dialog .bg {
  -webkit-animation: fade-in 300ms linear;
          animation: fade-in 300ms linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.mobile .layout.hide-dialog #dialog .content {
  -webkit-animation: close 300ms ease-in;
          animation: close 300ms ease-in;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.mobile .layout.show-dialog #dialog .content {
  -webkit-animation: open 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: open 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards; }

.mobile .layout.hide-dialog #dialog {
  -webkit-transition: visibility;
  -o-transition: visibility;
  transition: visibility;
  -webkit-transition-delay: 500ms;
       -o-transition-delay: 500ms;
          transition-delay: 500ms;
  visibility: hidden; }

.mobile .layout.show-dialog #dialog {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  visibility: visible; }

.mobile .card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
  margin: -8px;
  width: calc(100% + 16px); }
  .mobile .card-list__inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    padding: 24px 16px; }

.mobile .card__mobile {
  display: block;
  position: relative;
  overflow: hidden;
  width: 50%;
  padding: 4px 8px;
  background-color: #FFFFFF;
  border-radius: 1px; }
  .mobile .card__mobile a {
    text-decoration: none;
    display: inline-block;
    max-width: 100%; }
  .mobile .card__mobile img {
    display: block;
    width: 100%;
    height: auto; }
  .mobile .card__mobile .profile {
    position: absolute;
    bottom: 40px;
    right: 10px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    border: solid 1px #FFFFFF;
    border-radius: 50%; }
  .mobile .card__mobile .profile img {
    width: 30px;
    height: 30px; }
  .mobile .card__mobile .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 4px 0; }
    .mobile .card__mobile .content .row {
      min-height: 17px; }
  .mobile .card__mobile p {
    padding: 0;
    margin: 5px 0; }
  .mobile .card__mobile .price {
    font-size: 15px;
    color: #7F7F7F;
    max-width: calc(100% - 36px); }
  .mobile .card__mobile .brand {
    color: #404040;
    font-size: 15px;
    font-family: "Soleil", Helvetica, Arial, sans-serif; }
  .mobile .card__mobile .favourites {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    font-size: 14px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    right: 4px;
    top: 10px; }
    .mobile .card__mobile .favourites::after {
      content: '';
      display: inline-block;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='23'%3E%3Cpath fill='none' stroke='%23222' d='M12.539 21.819A.901.901 0 0 1 12 22a.906.906 0 0 1-.54-.181C11.033 21.494 1 13.825 1 7.752 1 3.526 4.005 1 6.909 1c1.743 0 3.795.94 5.091 3.408C13.293 1.939 15.346 1 17.09 1 19.994 1 23 3.526 23 7.752c0 6.073-10.036 13.742-10.461 14.067z'/%3E %3C/svg%3E");
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      margin-left: 3.2px;
      width: 18px;
      height: 18px; }
  .mobile .card__mobile .ellipsis {
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

.mobile .user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0;
  position: relative;
  min-height: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .mobile .user .picture {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
    float: left; }
    .mobile .user .picture img {
      display: block;
      width: 50px;
      height: 50px; }
  .mobile .user .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mobile .user .name svg {
      margin-left: 10px; }
  .mobile .user .rating {
    margin: 0; }
  .mobile .user .star {
    margin-right: 6px; }

.mobile body.empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh; }

.mobile .top-logo {
  margin: 15px 0 53px; }
  .mobile .top-logo a {
    cursor: pointer; }

.mobile .form--mobile {
  color: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  height: 100vh;
  padding: 30px; }
  .mobile .form--mobile__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 28px; }
  .mobile .form--mobile__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 310px; }
    .mobile .form--mobile__form .field {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-bottom: 28px; }
      .mobile .form--mobile__form .field__label {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 12px; }
      .mobile .form--mobile__form .field__input {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background-color: transparent;
        border: 1px solid #E5E5E5;
        border-radius: 1px;
        color: #404040;
        font-size: 16px;
        font-family: "Soleil", Helvetica, Arial, sans-serif;
        font-weight: 400;
        line-height: 1.5;
        padding: 12px 16px 8px;
        -webkit-transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        transition: border-color 0.15s ease, -webkit-box-shadow 0.15s ease;
        -o-transition: border-color 0.15s ease, box-shadow 0.15s ease;
        transition: border-color 0.15s ease, box-shadow 0.15s ease;
        transition: border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5; }
        .mobile .form--mobile__form .field__input:focus {
          outline: none;
          border-color: #404040; }
    .mobile .form--mobile__form__submit {
      margin-top: 32px; }
    .mobile .form--mobile__form .rules {
      color: #7F7F7F;
      font-size: 12px;
      font-weight: 400;
      margin-top: -18px; }
      .mobile .form--mobile__form .rules--error {
        color: #821C18;
        display: none; }

.mobile .verify {
  height: 100vh;
  padding: 0 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px; }
  .mobile .verify a {
    cursor: pointer;
    text-decoration: none; }
  .mobile .verify__logo {
    margin: 45px 0 0 40px; }
  .mobile .verify h1 {
    margin: 5px 0; }
  .mobile .verify p {
    margin: 5px 0; }

.mobile .cta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(247, 188, 0, 0.9);
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  font-size: 16px;
  font-weight: 700;
  height: 50px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  z-index: 4; }
  .mobile .cta:hover {
    cursor: pointer; }

.mobile .classified {
  margin: 0;
  padding: 20px 0 10px; }
  .mobile .classified img {
    width: 100%; }
  .mobile .classified .info {
    position: relative;
    margin-bottom: 16px;
    padding: 20px;
    background-color: #FFFFFF; }
    .mobile .classified .info .price {
      font-size: 18px;
      font-weight: 700;
      margin: 10px 0; }
    .mobile .classified .info .type {
      font-size: 22px;
      font-weight: 700;
      margin: 10px 0; }
  .mobile .classified .paragraph-small {
    margin-bottom: 4px; }
  .mobile .classified-title {
    margin: 10px 0 20px 20px;
    text-align: left; }
  .mobile .classified .comments {
    margin: 16px 0;
    padding: 0; }
    .mobile .classified .comments__title {
      font-weight: 700; }
    .mobile .classified .comments__list {
      padding: 0;
      margin: 0; }
    .mobile .classified .comments .button {
      margin-top: 4px;
      width: 100%; }
  .mobile .classified .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    padding-left: 51px;
    position: relative;
    list-style: none;
    margin: 15px 0; }
    .mobile .classified .comment__firstname {
      font-size: 18px; }
    .mobile .classified .comment .picture {
      position: absolute;
      top: 0;
      left: 0;
      width: 41px;
      height: 41px;
      margin-right: 10px;
      border-radius: 50%;
      overflow: hidden; }
      .mobile .classified .comment .picture img {
        display: block;
        width: 41px;
        height: 41px; }
    .mobile .classified .comment-body {
      margin: 0 0 4px; }
      .mobile .classified .comment-body .paragraph {
        font-size: 14px; }
      .mobile .classified .comment-body > img {
        display: block;
        width: 100%;
        border-radius: 3px; }
    .mobile .classified .comment .date {
      color: #969696; }
  .mobile .classified .tags {
    margin: 10px 0 10px 0; }
    .mobile .classified .tags .tag {
      float: left;
      border-radius: 1px;
      background-color: #F0F0F0;
      padding: 7px 12px 6px 12px;
      font-size: 14px;
      margin: 0 10px 10px 0;
      color: #7F7F7F; }
    .mobile .classified .tags::after {
      display: table;
      clear: both;
      content: ""; }
  .mobile .classified .card-list__inner {
    padding: 0 20px; }
  .mobile .classified .swiper-container .swiper-slide {
    width: 100%; }
  .mobile .classified .swiper-container .swiper-pagination {
    bottom: 15px; }
  .mobile .classified .swiper-container .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border: solid 1px #FFFFFF;
    background-color: transparent;
    opacity: 1; }
    .mobile .classified .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background-color: #FFFFFF; }

.mobile .feed__mobile .breadcrumb {
  position: relative;
  padding: 16px 16px 5px 16px;
  background-color: #FFFFFF;
  font-size: 13px; }

.mobile .feed__mobile .search-filters-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 100vw;
  padding: 24px 0px 0px 16px; }

.mobile .feed__mobile .search-filters {
  cursor: pointer;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  -webkit-overflow-scrolling: touch; }
  .mobile .feed__mobile .search-filters::-webkit-scrollbar {
    display: none; }
  .mobile .feed__mobile .search-filters .filter {
    cursor: pointer;
    display: inline-block;
    border-radius: 1px;
    border: 1px solid #bfbfbf;
    background-color: #FFFFFF;
    padding: 5px 12px 7px 12px;
    font-size: 14px;
    margin: 0 10px 10px 0;
    color: #7f7f7f; }
    .mobile .feed__mobile .search-filters .filter.selected {
      border: 1px solid #404040;
      background-color: #404040;
      color: #ffffff; }

.mobile .shop {
  padding-top: 16px; }
  .mobile .shop .banner {
    display: block;
    width: 100%;
    margin-top: -16px;
    margin-bottom: -16px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    position: relative;
    z-index: 1; }
  .mobile .shop .description {
    margin: 15px 0; }
  .mobile .shop .user {
    padding: 0;
    margin: 0 0 4px; }
    .mobile .shop .user .picture {
      position: relative; }
    .mobile .shop .user .rating {
      margin: 4px 0; }
  .mobile .shop .name {
    display: block;
    font-size: 22px; }
    .mobile .shop .name svg {
      margin-left: 5px;
      position: relative;
      top: 8px; }
  .mobile .shop .info {
    position: relative;
    margin: 0 0 5px 0;
    padding: 5px 16px 4px 16px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 0 0; }
    .mobile .shop .info .price {
      margin: 10px 0; }
    .mobile .shop .info .type {
      margin: 10px 0; }
    .mobile .shop .info .stats {
      list-style: none;
      padding: 0;
      font-size: 14px;
      margin: 0 0 8px; }
      .mobile .shop .info .stats li {
        display: inline;
        margin-right: 16px; }
        .mobile .shop .info .stats li .value {
          font-weight: bold;
          margin-right: 5px; }
  .mobile .shop .card-list__inner {
    padding-left: 16px;
    padding-right: 16px; }

.mobile .changepassword__success {
  background-color: #F7BC00;
  background-image: url("/bitmap/resetpass-bg.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px; }
  .mobile .changepassword__success div {
    margin: auto; }

.mobile .link-expiration {
  background-image: url(/bitmap/resetfails-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #404040;
  padding: 50% 10% 0; }
  .mobile .link-expiration form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 70%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-height: 568px; }
  .mobile .link-expiration h1 {
    font-size: 32px;
    margin: auto; }
  .mobile .link-expiration p {
    font-size: 16px; }
  .mobile .link-expiration button {
    font-size: 14px;
    margin-top: 16px;
    padding: 6.4px 0;
    width: 125px; }

.mobile .headline-1 {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  color: #4A4A4A; }

.mobile .headline-2 {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  color: #4A4A4A; }

.mobile .headline-3 {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #4A4A4A; }

.mobile .headline-4 {
  font-family: "Soleil", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #4A4A4A; }

.mobile .paragraph {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  color: #4A4A4A; }

.mobile .paragraph-small {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  color: #4A4A4A; }

.mobile .paragraph-tiny {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #4A4A4A; }

.mobile .button {
  display: inline-block;
  padding: 11px 16px 8px 16px;
  background-color: #F7BC00;
  border: 1px solid #F7BC00;
  border-radius: 1px;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
  text-align: center; }
  .mobile .button:nth-last-child(1n+2) {
    margin-right: 8px; }
  .button-list .mobile .button {
    display: inline-block;
    margin-right: 10px; }
  .mobile .button--outline {
    background-color: transparent;
    color: #7F7F7F;
    border: 1px solid #BFBFBF; }
  .mobile .button:disabled {
    background-color: #FDEFCB;
    border-color: #FDEFCB;
    color: #F9CD5F; }

/*# sourceMappingURL=main.63a69e.css.map*/