.close.small {
  width: 28px;
  height: 28px;
  position: relative;
  cursor: pointer; }
  .close.small:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 7px;
    width: 14px;
    height: 14px;
    background: url("../../img/gallery.png") right -469px no-repeat;
    opacity: .7; }
  .close.small:hover:before {
    opacity: 1; }

.text-notice {
  padding-bottom: 1.25rem; }

@media screen and (max-width: 767px) {
  .content-padding-negative {
    margin-left: -0.625rem;
    margin-right: -0.625rem; } }

input[type=button].cancel,
button.cancel {
  background: #ababab; }
  input[type=button].cancel:hover,
  button.cancel:hover {
    background: #bcbcbc; }

img.icon.delete,
img.icon.cancel,
img.icon.manage,
img.icon.crop {
  width: 17px;
  height: 17px;
  background: url("../../img/gallery.png") right -489px no-repeat;
  cursor: pointer;
  opacity: 0.7; }

nav.icons input[type=radio] {
    position: relative;
    opacity: 1;
    height: auto;
}
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    img.icon.delete,
    img.icon.cancel,
    img.icon.manage,
    img.icon.crop {
      background: url("../../img/@2x/gallery2.png") right -755px no-repeat;
      background-size: 40px auto; } }

img.icon:hover {
  opacity: 1; }

img.icon.manage {
  background-position: left -489px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    img.icon.manage {
      background-position: 0 -755px; } }

img.icon.crop {
  background-position: 0 -513px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    img.icon.crop {
      background-position: right -776px; } }

.content-padding:not(.selected) .category-selection {
  display: block; }

.content-padding:not(.selected) .dynamic-content {
  display: none; }

.content-padding.selected .category-selection {
  display: none; }

.content-padding.selected .dynamic-content {
  display: block; }

.dynamic-content.single-plan .selected-plan {
  display: none; }

.dynamic-content div.listing-form .form-fields {
  margin: 1.25rem 0; }

.dynamic-content div.listing-form .form-media {
  margin-bottom: 1.25rem; }

.plans-chart-link {
  margin-left: 0.625rem; }
  @media screen and (max-width: 767px) {
    .plans-chart-link {
      margin: 0.3125rem 0 0 0;
      display: inline-block; } }

.plans-subscribe {
  margin-top: 0.625rem; }
  .plans-subscribe.disabled {
    display: none; }

.plans-chart {
  width: 1200px;
  min-height: 300px; }

.selected-ad-type {
  display: block; }
  .selected-ad-type.disabled {
    display: none; }
  .selected-ad-type mark {
    color: inherit;
    background: inherit; }

.form-crossed.disabled {
  display: none; }

.form-crossed .crossed-categories-container {
  margin-top: 8px; }

.form-media.disabled {
  display: none; }

.upload-files {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
  .upload-files:not(:empty) {
    margin-top: 2.5rem; }
  .upload-files > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px; }
    .upload-files > div.suspend span.item > *:last-child {
      box-shadow: 0 0 0 2px #e36565; }
    .upload-files > div.ui-sortable-helper nav.icons {
      visibility: hidden; }
    .upload-files > div.video span.item:before {
      content: '';
      position: absolute;
      width: 46px;
      height: 46px;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 50%;
      left: 50%;
      margin-left: -23px;
      top: 50%;
      margin-top: -23px; }
    .upload-files > div.video span.item:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 0 10px 17.3px;
      border-color: transparent transparent transparent rgba(0, 0, 0, 0.5);
      left: 50%;
      margin-left: -7px;
      top: 50%;
      margin-top: -10px; }
    .upload-files > div.video img.icon.crop {
      display: none; }
    .upload-files > div:not(.template-upload) span.item {
      cursor: move; }
    .upload-files > div > span {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
      flex: 1 1 100%; }
    .upload-files > div span.item {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 1;
      -webkit-align-items: center;
      align-items: center;
      position: relative;
      background: #e1e1e1; }
      .upload-files > div span.item > img,
      .upload-files > div span.item > canvas,
      .upload-files > div span.item > video {
        width: 100%;
        height: auto; }
      .upload-files > div span.item.preview {
        position: relative; }
      .upload-files > div span.item > .progress {
        height: 15px;
        width: 100%;
        position: absolute;
        opacity: .5;
        left: 0;
        bottom: 0; }
        .upload-files > div span.item > .progress > .progress-bar {
          width: 0%;
          height: 100%;
          display: block;
          background: #4b9561;
          transition: width 0.2s ease; }
      .upload-files > div span.item > .prepare {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-grow: 1;
        justify-content: center; }
      .upload-files > div span.item > div.error {
        padding: 0 10px; }
        .upload-files > div span.item > div.error > span {
          color: #de0d2f; }
          .upload-files > div span.item > div.error > span:after {
            content: ':'; }
  .upload-files nav {
    height: 20px;
    margin-top: 7px;
    position: relative;
    text-align: right; }
    .upload-files nav.loading:after {
      content: attr(data-loading);
      position: absolute;
      text-align: center;
      width: 100%;
      height: 100%;
      left: 0;
      top: -3px; }
    .upload-files nav.loading > * {
      visibility: hidden; }
    .upload-files nav > * {
      vertical-align: top;
      margin-left: 5px; }

.upload-zone {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 110px;
  background: #f4fff2;
  border: 1px #b5b5b5 dashed;
  position: relative;
  overflow: hidden; }
  .upload-zone.in {
    background: #fefcea; }
  .upload-zone.in.hover {
    background: #fdf2b4; }
  .upload-zone input {
    width: 100%;
    height: 250px;
    position: absolute;
    top: -30px;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1; }
  .upload-zone > span {
    font-size: 1.571em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }
    @media screen and (max-width: 767px) {
      .upload-zone > span > span {
        display: none; } }
    .upload-zone > span mark {
      color: #4b9561;
      background: none;
      margin: 0 5px;
      font-weight: 400; }

.upload-stat {
  text-align: center; }
  .upload-stat:not(:empty) {
    margin-top: 0.9375rem; }

.manage-photo-description input[name=photo-desc] {
  width: 100%; }

.manage-photo-description > div > div:first-child {
  margin-left: 0.625rem; }

.ui-sortable-placeholder {
  visibility: visible !important;
  height: auto; }
  .ui-sortable-placeholder:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    opacity: .3;
    background: #4b9561; }

.form-buttons {
  display: block; }
  .form-buttons.right {
    text-align: right; }
  .form-buttons:not(.no-top-padding) {
    padding-top: 1.875rem; }
  .form-buttons.form a {
    display: inline-block;
    width: 166px;
    text-align: right; }
  .form-buttons a:not(.button) {
    padding-right: 1.875rem; }
    .form-buttons a:not(.button):before {
      content: '\2190\00a0'; }

div.auth {
  background: #f4f4f4;
  padding: 1.25rem;
  max-width: 700px;
  margin-top: 0.625rem; }
  @media screen and (max-width: 767px) {
    div.auth {
      padding: 10px; } }
  div.auth > div {
    display: inline-block;
    vertical-align: top; }
    @media screen and (max-width: 767px) {
      div.auth > div {
        display: block;
        width: 100%;
        text-align: left; } }
  div.auth > div.cell {
    text-align: center;
    width: 43%; }
    div.auth > div.cell > div {
      text-align: left;
      margin: 0 auto;
      display: inline-block; }
  div.auth > div.divider {
    width: 14%;
    font-size: 1.143em;
    padding-top: 95px;
    text-align: center; }
    @media screen and (max-width: 767px) {
      div.auth > div.divider {
        padding-top: 0;
        padding: 1.25rem 0;
        width: 100%; } }
  div.auth div.caption {
    font-weight: 600;
    color: #2b2b2b; }
  div.auth div.name {
    padding: 15px 0 5px; }

.popover {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1004;
  min-width: 250px;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  text-align: left; }
  .popover:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; }
  .popover.above:before {
    top: auto;
    bottom: -5px;
    border-width: 5px 5px 0 5px;
    border-color: rgba(0, 0, 0, 0.1) transparent transparent transparent; }
  .popover > div {
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    padding: 1.25rem; }
    .popover > div > .caption {
      font-size: 1.071em;
      font-weight: 500;
      margin-top: -0.625rem;
      padding: 0 1.875rem 0.625rem 0;
      position: relative; }
      .popover > div > .caption .close {
        position: absolute;
        top: -5px;
        right: -5px; }
    .popover > div > .body > input {
      width: 100%; }
    .popover > div > .error {
      color: #de0d2f;
      font-size: 0.929em;
      padding: 0.3125rem 0 0; }
  .popover nav {
    padding-top: 0.9375rem;
    text-align: right; }
    .popover nav > * {
      margin-left: 0.3125rem;
      vertical-align: top; }

body.popup-no-scroll {
  overflow: hidden; }

.popup {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1006;
  opacity: 1;
  transition: opacity 0.3s ease; }
  .popup.removing {
    opacity: 0; }
  .popup > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: rgba(0, 0, 0, 0.1);
    padding: 5px;
    position: absolute;
    left: 50%;
    top: 50%; }
    .popup > div.fill-height {
      top: 0;
      max-height: 100%; }
    .popup > div.fill-width {
      left: 0;
      max-width: 100%; }
    .popup > div.fill-edge {
      left: 0.9375rem;
      top: 0.9375rem;
      right: 0.9375rem;
      bottom: 0.9375rem; }
    .popup > div > div {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      max-height: 100%;
      min-height: 100%;
      background: #f1f1f1;
      padding: 1.25rem; }
      .popup > div > div > * {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
      .popup > div > div div.caption {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        color: #2b2b2b;
        font-size: 1.143em;
        font-weight: bold;
        margin-top: -5px;
        padding: 0 1.875rem 1.25rem 0; }
        .popup > div > div div.caption .close {
          position: absolute;
          top: 0.9375rem;
          right: 0.9375rem; }
      .popup > div > div div.body {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        overflow-y: auto; }
      .popup > div > div > nav {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-top: 0.9375rem;
        justify-content: flex-end; }
        .popup > div > div > nav > * {
          margin-left: 0.625rem;
          vertical-align: top; }

ul.select-type {
  margin-bottom: 0.9375rem; }
  @media screen and (min-width: 768px) {
    ul.select-type > li {
      display: inline-block;
      margin-right: 1.875rem; } }
  @media screen and (max-width: 767px) {
    ul.select-type > li {
      margin-bottom: 5px; } }

ul.select-category > li {
  display: none; }
  @media screen and (min-width: 992px) {
    ul.select-category > li {
      white-space: nowrap;
      overflow: auto; } }
  @media screen and (min-width: 992px) {
    ul.select-category > li > div {
      float: none;
      display: inline-block;
      vertical-align: top; } }
  @media screen and (max-width: 991px) {
    ul.select-category > li > div {
      margin-bottom: 0.625rem; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    ul.select-category > li > div {
      max-width: 350px; } }
  ul.select-category > li > div > select {
    height: auto;
    min-height: 37px;
    width: 100%; }
    @media screen and (min-width: 768px) {
      ul.select-category > li > div > select {
        background-attachment: fixed; } }
    ul.select-category > li > div > select > option {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

span.tmp-category {
  display: block;
  white-space: normal;
  padding-top: 10px; }
  span.tmp-category > span {
    display: none; }
  span.tmp-category:not(.show-input) .tmp-info {
    display: block; }
  span.tmp-category.show-input .tmp-input {
    display: block; }
  span.tmp-category .tmp_input span {
    position: relative; }
    span.tmp-category .tmp_input span input[type=text] {
      vertical-align: top;
      width: 100%;
      max-width: 50%; }
    span.tmp-category .tmp_input span input[type=button] {
      margin: 0 0 0 5px; }

.crossed-categories .text-notice .default {
  display: inline; }

.crossed-categories .text-notice .exceeded {
  display: none; }

.crossed-categories.exceeded .crossed-add {
  display: none; }

.crossed-categories.exceeded .text-notice .default {
  display: none; }

.crossed-categories.exceeded .text-notice .exceeded {
  display: inline; }

.crossed-categories .crossed-tree {
  padding-top: 1.25rem; }
  .crossed-categories .crossed-tree.empty {
    display: none; }
  .crossed-categories .crossed-tree ul {
    padding-left: 1.25rem;
    margin-top: 0.3125rem; }
    .crossed-categories .crossed-tree ul li {
      list-style: disc !important; }
      .crossed-categories .crossed-tree ul li:not(:last-child) {
        margin-bottom: 3px; }

div.plans-container {
  width: 100%; }
  @media screen and (min-width: 768px) {
    div.plans-container:not(.mCustomScrollbar) {
      border-bottom: 2px #e1e1e1 solid;
      padding-bottom: 1.25rem; } }

ul.plans {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  white-space: nowrap;
  position: relative;
  display: box; }
  @media screen and (max-width: 767px) {
    ul.plans {
      white-space: normal;
      display: block; }
      ul.plans input[type=radio].multiline + label,
      ul.plans input[type=checkbox].multiline + label {
        line-height: 22px;
        white-space: normal;
        text-align: left;
        margin-left: -11px; }
      ul.plans input[type=radio].multiline + label > span,
      ul.plans input[type=checkbox].multiline + label > span {
        display: inline-block; } }
  ul.plans.more-5 li {
    -webkit-flex: 1 0 205px;
    -ms-flex: 1 0 205px;
    flex: 1 0 205px;
    width: 205px; }
  ul.plans.with-featured li div.frame, ul.plans.with-subscription li div.frame {
    margin-bottom: 138px; }
  ul.plans.with-subscription.with-featured li div.frame {
    margin-bottom: 195px; }
  ul.plans > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    white-space: normal;
    position: relative;
    max-width: 33.33333%;
    display: box;
    box-flex: 1; }
    @media screen and (max-width: 767px) {
      ul.plans > li {
        width: 100%;
        max-width: none;
        display: block; } }
    ul.plans > li > div.frame {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
      flex: 1 0 auto;
      padding-bottom: 0.625rem;
      border: 1px #e1e1e1 solid;
      border-top-width: 2px;
      border-bottom-width: 2px;
      position: relative;
      margin-bottom: 80px;
      display: box;
      box-flex: 1; }
      @media screen and (max-width: 767px) {
        ul.plans > li > div.frame {
          border-width: 2px;
          border-top-width: 1px;
          border-bottom-width: 1px;
          display: block;
          margin-bottom: 0 !important;
          padding-bottom: 20px; } }
      ul.plans > li > div.frame:not(.disabled) {
        cursor: pointer; }
      ul.plans > li > div.frame > span {
        display: block;
        text-align: center; }
        ul.plans > li > div.frame > span.description {
          position: absolute;
          bottom: -9px;
          left: 50%;
          z-index: 1; }
          @media screen and (min-width: 768px) {
            ul.plans > li > div.frame > span.description {
              margin-left: -9px; } }
          ul.plans > li > div.frame > span.description img {
            margin: 0; }
        ul.plans > li > div.frame > span.name {
          color: #2b2b2b;
          font-size: 1.571em;
          padding: 10px 0 0 0;
          height: 70px; }
          @media screen and (max-width: 767px) {
            ul.plans > li > div.frame > span.name {
              padding: 15px 0 0 0; } }
        ul.plans > li > div.frame > span.price {
          color: #2b2b2b;
          font-size: 2.429em;
          font-weight: normal;
          padding: 0 0 32px; }
          @media screen and (max-width: 767px) {
            ul.plans > li > div.frame > span.price {
              padding: 0 0 18px; } }
        ul.plans > li > div.frame > span.type {
          color: #2b2b2b;
          font-size: 1.286em;
          padding: 0 0 10px;
          font-weight: 400; }
        ul.plans > li > div.frame > span.count {
          color: #2b2b2b;
          font-size: 1.143em;
          padding: 0 0 10px; }
      ul.plans > li > div.frame > div.selector {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 1.875rem 0 0; }
        ul.plans > li > div.frame > div.selector > div {
          margin-top: 10px; }
      @media screen and (max-width: 767px) {
        ul.plans > li > div.frame div.selector,
        ul.plans > li > div.frame span.description {
          position: static; }
        ul.plans > li > div.frame div.selector {
          padding-top: 20px; }
          ul.plans > li > div.frame div.selector > div {
            padding-top: 5px; } }
    ul.plans > li:first-child > div.frame {
      border-left-width: 2px; }
      @media screen and (max-width: 767px) {
        ul.plans > li:first-child > div.frame {
          border-top-width: 2px; } }
    ul.plans > li:last-child > div.frame {
      border-right-width: 2px; }
      @media screen and (max-width: 767px) {
        ul.plans > li:last-child > div.frame {
          border-bottom-width: 2px; } }

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