@charset "UTF-8";
@import url("https://fast.fonts.net/cssapi/56f061f1-fcaf-44c5-9faa-51458fa32fa2.css");
/* --- Media Queries --- */
.zero-state-message, .profile-image, .home-intro .owner-avatar-wrapper, .button, #main-header .main-header-cnt, #main-header .main-header-breadcrumbs-wrapper, #main-header-logo:after, .share-container a, .ui-dialog, .users .user-img, .toolbar-pane-active, .comments .user-img-wrapepr, .card, .card-index, .card.text-pin .text-excerpt, .top-pinner-img-wrapper .top-pinner-img, .card-ribbon, .card.tour-item .take-tour-copy, .pane, #pin .prev-pin,
#pin .next-pin, .project-edit .sponsored-by .image-preview, #pinner .uploaded-img .hp-icon {
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px; }

.card.project-item .images-wrapper .project-top-img .icon-scroll:before {
  -webkit-text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px;
  -moz-text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px;
  text-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px; }

.zero-state-message, .change-password, .ui-dialog, .card {
  border-radius: 8px; }

.home-intro .home-cnt-anchor, .card.project-item .images-wrapper .project-top-img:first-of-type, .card.project-item .images-wrapper .project-top-img:first-of-type img {
  border-radius: 8px 8px 0 0; }

.card-index, #pin .order-index-wraper .order-index-copy {
  border-radius: 0 0 8px 8px; }

#pin .next-pin {
  border-radius: 8px 0 0 8px; }

.sticky-banner, #pin .prev-pin {
  border-radius: 0 8px 8px 0; }

.classic-collection-card {
  border-radius: 0 8px 0 8px; }

input[type=text],
input[type=password],
input[type=email],
.input-block,
textarea,
.select-style, .checkbox-styling-cnt, .listing-checkbox-styling, .listing-checkbox-styling .checkbox-tick, #search .select2-container, #search .select2-container .select2-choices, .status-indicator, .errors,
.error-notification, .button, #main-header-logo:after, .share-container a, .join-dialog .login-choice a, .login-dialog .login-choice a, .tags a, .select2-container-multi .select2-choices .select2-search-choice, .activity, .project-meta, .card-ribbon, .card-ribbon .card-ribbon-triangle, .card.tour-item .project-top-img, .card.tour-item .take-tour-copy, .card-about .icon-rss,
.rss-item .icon-rss, .project-edit .rteditor, .project-edit .location-map, .project-edit .landing-media-preview, .project-edit .sponsored-by .image-preview, .project-edit .map-overlay-preview, .project-edit .map-overlay-copy, #pinner .add-img-pin-area, #pinner .uploaded-img .img-wrapper, #pinner .uploaded-img .hp-icon, #pinner .video-or-sound-pin, #pinner .uploaded-video-or-sound-pin, #pinner .streetview-map,
#pinner .pin-location-map {
  border-radius: 4px; }

.dialog-window input {
  border-radius: 4px 0 0 4px; }

#explore-choies .input-wrapper button, .dialog-window .button {
  border-radius: 0 4px 4px 0; }

.zero-state-message, .checkbox-styling-cnt, .button.white-bg, #main-header-logo:after, .toolbar-pane-active, .card {
  border-width: 1px;
  border-color: #F0F0F0;
  border-style: solid; }

.container {
  max-width: 1038px;
  padding: 0 1em;
  margin: 0 auto; }

.page {
  margin: 3.2em 0; }

.zero-state-message {
  padding: 2em;
  background: #fff;
  margin: 1.5em 1.5em 1.5em 1.5em; }
  .zero-state-message p:last-of-type {
    padding-bottom: 0; }
    .zero-state-message p:last-of-type + .button {
      margin-top: 1em; }

hr {
  width: 100%;
  height: 1px;
  margin: 2em 0;
  background: #F0F0F0;
  border: none; }

.error-404 {
  text-align: center; }
  .error-404 .error-404-img {
    display: inline-block;
    margin-bottom: 2em;
    max-width: 100%; }
  .error-404 .card {
    height: 25em; }
    .error-404 .card img {
      min-width: 100%;
      min-height: 100%; }
  .error-404 .card-title {
    padding: 1em;
    margin-bottom: 0;
    text-align: left; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

img {
  border: none; }

.cf:after {
  display: block;
  visibility: hidden;
  content: '';
  height: 0;
  clear: both;
  float: none; }

body {
  padding-top: 5.2em;
  overflow-x: hidden; }

.project-cnt, .map-wrapper {
  position: relative; }

.map-wrapper {
  float: left;
  overflow: hidden;
  background: #eee; }
  @media (min-width: 980px) {
    .map-wrapper {
      border-right: 1px solid #ccc; } }

.project-cnt {
  float: right; }

.cnt-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: -6.5em;
  bottom: 0;
  left: 32%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 101; }
  .fullscreen-gallery .cnt-overlay,
  .cnt-overlay .fullscreen {
    left: 0; }
  @media (max-width: 599px) {
    .cnt-overlay {
      left: 0; } }

#explore {
  position: relative; }
  #explore.fullscreen-map .project-cnt {
    overflow: hidden;
    visibility: hidden;
    width: 0; }
  #explore.fullscreen-map .timemap-trigger {
    display: none; }
  #explore.fullscreen-map .map-wrapper {
    width: calc(100% - 6.5em);
    border-right: 0; }
    @media (max-width: 980px) {
      #explore.fullscreen-map .map-wrapper {
        width: 100%; } }
  #explore:not(.fullscreen-map) .project-cnt {
    visibility: visible; }
    @media (min-width: 980px) {
      #explore:not(.fullscreen-map) .project-cnt {
        width: calc(68% - 6.5em); } }
    @media (max-width: 980px) {
      #explore:not(.fullscreen-map) .project-cnt {
        width: 100% !important; } }
  #explore:not(.fullscreen-map) .timemap-trigger {
    display: block; }
  @media (max-width: 980px) {
    #explore:not(.fullscreen-map) .map-wrapper {
      width: 0; } }
  @media (min-width: 980px) {
    #explore:not(.fullscreen-map) .map-wrapper {
      width: 32%; } }
  #explore.fullscreen-gallery .map-wrapper {
    position: absolute;
    left: -100%;
    z-index: -1; }
  #explore.fullscreen-gallery .gallery-listing {
    width: calc(100% - 1.5em); }
    @media (min-width: 980px) {
      #explore.fullscreen-gallery .gallery-listing .card {
        width: 23%;
        margin-right: 2%; } }
    @media (max-width: 1280px) and (min-width: 981px), (max-height: 800px) {
      #explore.fullscreen-gallery .gallery-listing .card {
        width: 31%; }
        #explore.fullscreen-gallery .gallery-listing .card:nth-of-type(3n) {
          margin-right: 0; } }
    @media (min-width: 600px) and (max-width: 980px) {
      #explore.fullscreen-gallery .gallery-listing .card {
        width: 48%; }
        #explore.fullscreen-gallery .gallery-listing .card:nth-of-type(2n) {
          margin-right: 0; } }
    @media (max-width: 599px) {
      #explore.fullscreen-gallery .gallery-listing .card {
        width: 96%; } }
  #explore.fullscreen-gallery .project-cnt {
    width: calc(100% - 6.5em); }

@media (max-width: 980px) {
  #intercom-container {
    display: none; } }

.fullscreen-map .map-wrapper {
  width: 100%; }

.fullscreen-map .project-cnt {
  width: 0;
  overflow: hidden;
  visibility: hidden; }

.listing.container {
  padding-top: 2em; }

.listing .page-desc {
  max-width: 19em;
  font-size: 2.4em;
  line-height: 1.3;
  color: #000; }

.listing h1 {
  margin: 2em 0 1em 0; }

.listing #search {
  padding: 0;
  margin-bottom: 2em; }

.listing .select2-container {
  width: auto !important; }

.half-column {
  width: 48%;
  margin-right: 4%;
  float: left; }
  .half-column:last-of-type {
    margin-right: 0; }

.hp-sticky {
  position: fixed !important;
  top: 0; }

.profile-management {
  padding: 2.85em;
  margin-bottom: 2.5em;
  background: #F0F0F0;
  overflow: hidden;
  -webkit-border-radius: 0 0 16px 16px;
  -moz-border-radius: 0 0 16px 16px;
  border-radius: 0 0 16px 16px; }
  @media (min-width: 980px) {
    .profile-management .profile-zero-state .profile-about,
    .profile-management .profile-zero-state .profile-actions {
      float: left; } }
  @media (min-width: 980px) {
    .profile-management .profile-zero-state .profile-about {
      width: 70%; } }
  @media (min-width: 980px) {
    .profile-management .profile-zero-state .profile-actions {
      width: 30%;
      padding-top: 3em;
      text-align: right; } }
  @media (max-width: 980px) {
    .profile-management .about-col {
      margin-bottom: 2em;
      border-bottom: 1px solid #e4e4e4; } }
  @media (min-width: 980px) {
    .profile-management .about-col {
      padding-right: 1em; } }
  @media (min-width: 980px) {
    .profile-management .activity-col {
      padding-left: 1em; } }
  @media (max-width: 980px) {
    .profile-management .about-col,
    .profile-management .activity-col {
      width: 100%; } }
  @media (min-width: 980px) {
    .profile-management .about-col,
    .profile-management .activity-col {
      width: 50%;
      float: left; } }
  @media (min-width: 980px) {
    .profile-management .user-description {
      border-bottom: 1px solid #e4e4e4; } }
  @media (max-width: 599px) {
    .profile-management .profile-about,
    .profile-management .profile-actions {
      width: 100%; } }
  @media (min-width: 600px) and (max-width: 980px) {
    .profile-management .profile-about {
      width: 70%;
      padding-right: 2em;
      float: left; } }
  @media (min-width: 980px) {
    .profile-management .profile-about {
      margin-bottom: 4em; } }
  .profile-management .profile-actions {
    padding: 0; }
    @media (min-width: 600px) and (max-width: 980px) {
      .profile-management .profile-actions {
        width: 30%;
        padding-top: 3em;
        float: left; } }
    .profile-management .profile-actions li {
      margin-bottom: 1.8em;
      list-style: none; }
      @media (min-width: 600px) and (max-width: 980px) {
        .profile-management .profile-actions li {
          text-align: right; } }
    .profile-management .profile-actions .button {
      min-width: 12.85em; }
      @media (max-width: 599px) {
        .profile-management .profile-actions .button {
          width: 100%; } }
  .profile-management .profile-header {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #e4e4e4; }

@media (max-width: 980px) {
  .profile-header {
    text-align: center; } }

.profile-header p {
  padding-bottom: 0.7em; }

.profile-header a,
.profile-header .website {
  text-decoration: underline;
  color: #000; }

.profile-header .facebook {
  color: #4674b2; }

.profile-header .twitter {
  color: #30aac4; }

.profile-header .google-plus {
  color: #e02f3b; }

@media (min-width: 980px) {
  .profile-header .profile-image,
  .profile-header .profile-meta {
    float: left; } }

.profile-header .profile-meta {
  padding-top: 2em; }
  @media (min-width: 980px) {
    .profile-header .profile-meta {
      margin-left: 1.28em; } }

.profile-image {
  position: relative;
  width: 12.5em;
  height: 12.5em;
  overflow: hidden;
  z-index: 1;
  border: 8px solid #fff;
  background: url("/resources/avatars/225x225/avatar_1.png") center no-repeat;
  background-size: contain;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
  @media (max-width: 980px) {
    .profile-image {
      margin: 0 auto; } }
  .profile-image img {
    display: block;
    width: 100%; }

.profile-name {
  display: inline-block;
  min-width: 7em;
  min-height: 1.6em;
  font-size: 1.85em;
  background: #000;
  color: #fff; }
  @media (max-width: 980px) {
    .profile-name {
      padding: 0.2em 0.4em 0.2em 0.4em; } }
  @media (min-width: 980px) {
    .profile-name {
      padding: 0.2em 0.4em 0.2em 2.2em;
      margin: 0 0.2em 0.2em -2.2em; } }

.gallery-section {
  margin-bottom: 4em; }

.section-title {
  margin-bottom: 0.1em;
  font-size: 2.57em;
  font-weight: bold;
  color: #000; }

.stats {
  margin-bottom: 4.2em; }
  .stats p a {
    display: inline-block;
    margin-right: 1em;
    float: right;
    font-weight: bold; }
  .stats ul {
    padding: 1em 1em 1em 2em;
    border: 1px solid #ededed; }
    @media (min-width: 980px) {
      .stats ul {
        min-height: 17em; } }
    .stats ul li {
      position: relative;
      margin-bottom: 0.4em;
      list-style: none; }
      .stats ul li:before {
        position: absolute;
        top: -0.52em;
        left: -0.5em;
        font-size: 3em;
        content: '·'; }
      .stats ul li:last-of-type {
        margin-bottom: 0; }
    .stats ul a {
      color: #000;
      text-decoration: underline; }
  .stats .result {
    max-width: 10em;
    display: inline-block;
    float: right;
    text-align: right; }
  @media (min-width: 980px) {
    .stats .col {
      float: left;
      width: 49%;
      margin-right: 2%; }
      .stats .col:last-of-type {
        margin-right: 0; } }
  .stats .stat-label {
    display: inline-block;
    max-width: 20em; }

.stats p,
.section-info p {
  padding-bottom: 0.5em;
  font-size: 1.28em;
  color: #000; }

.users-listing {
  margin-bottom: 4.2em; }
  .users-listing .see-all {
    display: block;
    padding: 0.3em;
    font-size: 1.28em;
    text-align: center;
    font-weight: bold;
    border: 1px solid #ededed; }

.static-card-height {
  margin-bottom: 1em; }
  .static-card-height .card .img-wrapper {
    height: 20em; }
    .static-card-height .card .img-wrapper img {
      width: auto; }
  .static-card-height .card.tour-item .hp-icon.project-top-img img {
    width: auto;
    height: 100%; }
  @media (min-width: 980px) {
    .static-card-height .card.project-item,
    .static-card-height .card.tour-item,
    .static-card-height .card.pin-item,
    .static-card-height .card.card-about,
    .static-card-height .card.add-project {
      width: 32%;
      margin-right: 2%; }
      .static-card-height .card.project-item:nth-of-type(3n),
      .static-card-height .card.tour-item:nth-of-type(3n),
      .static-card-height .card.pin-item:nth-of-type(3n),
      .static-card-height .card.card-about:nth-of-type(3n),
      .static-card-height .card.add-project:nth-of-type(3n) {
        margin-right: 0; } }
  @media (min-width: 600px) and (max-width: 980px) {
    .static-card-height .card.project-item,
    .static-card-height .card.tour-item,
    .static-card-height .card.pin-item,
    .static-card-height .card.card-about,
    .static-card-height .card.add-project {
      width: 49%;
      margin-right: 2%; }
      .static-card-height .card.project-item:nth-of-type(2n),
      .static-card-height .card.tour-item:nth-of-type(2n),
      .static-card-height .card.pin-item:nth-of-type(2n),
      .static-card-height .card.card-about:nth-of-type(2n),
      .static-card-height .card.add-project:nth-of-type(2n) {
        margin-right: 0; } }
  @media (max-width: 599px) {
    .static-card-height .card.project-item,
    .static-card-height .card.tour-item,
    .static-card-height .card.pin-item,
    .static-card-height .card.card-about,
    .static-card-height .card.add-project {
      width: 100%;
      margin-right: 0; } }
  .static-card-height .card.project-item .card-desc,
  .static-card-height .card.tour-item .card-desc,
  .static-card-height .card.pin-item .card-desc,
  .static-card-height .card.card-about .card-desc,
  .static-card-height .card.add-project .card-desc {
    display: none; }
  .static-card-height .card.project-item .card-suptitile,
  .static-card-height .card.tour-item .card-suptitile,
  .static-card-height .card.pin-item .card-suptitile,
  .static-card-height .card.card-about .card-suptitile,
  .static-card-height .card.add-project .card-suptitile {
    height: 1.2em; }
  .static-card-height .card.project-item .card-title,
  .static-card-height .card.tour-item .card-title,
  .static-card-height .card.pin-item .card-title,
  .static-card-height .card.card-about .card-title,
  .static-card-height .card.add-project .card-title {
    height: 2.5em;
    overflow: hidden;
    font-size: 1.28em; }
  .static-card-height .card.project-item .desc-wrapper,
  .static-card-height .card.pin-item .desc-wrapper,
  .static-card-height .card.card-about .desc-wrapper {
    padding-bottom: 0; }
  .static-card-height .card.project-item .img-wrapper {
    height: 24.5em; }
  .static-card-height .card.project-item .images-wrapper .project-top-img:first-of-type {
    height: 18.3em;
    min-height: 18.3em; }
  .static-card-height .card.text-pin .img-wrapper img {
    display: none; }

.projects-all {
  margin-top: 3em; }

.edit-profile {
  margin-top: 5.7em;
  margin-bottom: 4em;
  color: #000; }
  .edit-profile textarea {
    height: 10em; }
  .edit-profile .profile-image-wrapper {
    position: relative; }
    .edit-profile .profile-image-wrapper:before {
      display: block;
      position: absolute;
      top: 6.5em;
      width: 100%;
      height: 1px;
      background: #F0F0F0;
      content: ''; }
  .edit-profile .profile-image {
    width: 12.85em;
    height: 12.85em;
    float: left; }
    .edit-profile .profile-image .portrait {
      width: 100%; }
    .edit-profile .profile-image .landscape {
      width: auto;
      height: 100%; }
    .edit-profile .profile-image img {
      position: absolute;
      left: -1000%;
      right: -1000%;
      top: -1000%;
      bottom: -1000%;
      margin: auto;
      min-height: 100%;
      min-width: 100%; }
  .edit-profile .actions {
    width: 21.5em;
    margin-top: 5.5em;
    position: relative;
    float: right;
    text-align: center; }
  .edit-profile .select2-container {
    display: block; }
  .edit-profile .select2-container.select2-container-active .select2-choice {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important; }
  .edit-profile .select2-container .select2-choice {
    height: 19px;
    padding: 0;
    line-height: 1.5;
    background: transparent;
    border-radius: 0;
    border: none; }
    .edit-profile .select2-container .select2-choice .select2-arrow {
      display: none; }
  .edit-profile .edit-profile-options {
    width: 100%;
    padding-top: 3em;
    border-top: 1px solid #B9B9B9; }
  .edit-profile .edit-option-panel {
    float: left; }
  .edit-profile .social-options .edit-option-panel {
    width: 31%;
    margin-right: 3.5%; }
    .edit-profile .social-options .edit-option-panel:last-of-type {
      margin-right: 0; }
  .edit-profile .notifications-options .edit-option-panel:first-of-type {
    width: 47%;
    margin-right: 3.5%; }
  .edit-profile .notifications-options .edit-option-panel:nth-of-type(2) {
    width: 49.5%; }
  .edit-profile .edit-option-label {
    font-weight: bold; }
  .edit-profile .authenticated {
    color: #EC008C; }
  .edit-profile .save-btn-wrapper {
    position: relative;
    margin-top: 3em;
    text-align: center; }
    .edit-profile .save-btn-wrapper:after {
      display: block;
      position: absolute;
      top: 50%;
      width: 100%;
      height: 1px;
      background: #B9B9B9;
      content: ''; }
    .edit-profile .save-btn-wrapper .button {
      display: inline-block;
      position: relative;
      margin-right: 1em;
      min-width: 8.8em;
      z-index: 100; }
      .edit-profile .save-btn-wrapper .button:last-of-type {
        margin-right: 0; }
  .edit-profile .del-account-confirm {
    margin-top: 3em; }
    .edit-profile .del-account-confirm .button:first-of-type {
      margin: 0 1em; }

.place-map-wrapper {
  margin: 5.7em 0 2em;
  padding: 0.5em;
  border: 1px solid #DDD;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px; }

@media (max-width: 599px) {
  .users-listing .card {
    width: 100%;
    margin-right: 0; } }

@media (min-width: 600px) and (max-width: 980px) {
  .users-listing .card {
    width: 49%;
    margin-right: 2%; }
    .users-listing .card:nth-of-type(2n) {
      margin-right: 0; } }

@media (min-width: 980px) {
  .users-listing .card {
    width: 32%;
    margin-right: 2%; }
    .users-listing .card:nth-of-type(3n) {
      margin-right: 0; } }

.users-listing .card .top-pinner-img-wrapper {
  margin-top: 1.28em; }
  .users-listing .card .top-pinner-img-wrapper:after {
    width: 70%;
    margin-left: -35%; }
  .users-listing .card .top-pinner-img-wrapper .top-pinner-img {
    width: 12.85em;
    height: 12.85em; }
  .users-listing .card .top-pinner-img-wrapper .bg-line {
    left: 50%;
    width: 84%;
    height: 3.28em;
    margin-top: -1.6em;
    margin-left: -42%; }
    .users-listing .card .top-pinner-img-wrapper .bg-line:before {
      border-width: 1.6em 0 1.6em 1em; }
    .users-listing .card .top-pinner-img-wrapper .bg-line:after {
      border-width: 1.6em 1em 1.6em 0; }

.users-listing .card .card-title {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1.5em 0;
  margin: 0 auto;
  max-height: none;
  text-align: center;
  white-space: nowrap; }

.home {
  padding: 0; }
  .home #main-header {
    height: 3.35em; }
  .home .main-header-breadcrumbs-wrapper {
    display: none; }
  .home .container {
    max-width: 1008px; }
  .home .card {
    height: 28em; }
    @media (max-width: 599px) {
      .home .card {
        width: 100%;
        margin-right: 0; } }
    .home .card.project-item .img-wrapper {
      height: 12em;
      min-height: 5em; }
    .home .card.project-item .overflow-cnt {
      height: 100%; }
    .home .card.project-item img {
      display: block;
      width: 100%; }
    .home .card.project-item .desc-wrapper {
      padding: 4em 2em 2em 2em; }
  .home .site-footer {
    display: block; }

.home-intro {
  position: relative;
  overflow: hidden;
  max-height: 100vh; }
  .home-intro:before {
    display: block;
    width: 100%;
    padding-top: 52.9411764706%;
    content: ""; }
  .home-intro, .home-intro a {
    color: #fff; }
  .home-intro .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .home-intro .img-wrapper img {
      display: block;
      width: 100%;
      margin-top: 3.3em; }
  .home-intro .img-info {
    position: absolute;
    top: 2em;
    right: 2em;
    z-index: 1;
    text-align: right; }
  .home-intro .pin-name {
    display: block;
    margin-bottom: 1em;
    text-decoration: underline; }
  .home-intro .owner-name-wrapper {
    position: relative;
    top: -1.1em; }
  .home-intro .owner-name {
    text-decoration: underline; }
  .home-intro .owner-avatar-wrapper {
    width: 40px;
    height: 40px;
    margin-left: 1em;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50%; }
    .home-intro .owner-avatar-wrapper, .home-intro .owner-avatar-wrapper img {
      display: inline-block; }
  .home-intro .intro-copy {
    width: 100%;
    text-align: center;
    background: #000; }
    @media (min-width: 980px) {
      .home-intro .intro-copy {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50%;
        background: -moz-linear-gradient(top, transparent 0%, transparent 1%, black 41%, black 98%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(1%, transparent), color-stop(41%, black), color-stop(98%, black));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, transparent 0%, transparent 1%, black 41%, black 98%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, transparent 0%, transparent 1%, black 41%, black 98%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, transparent 0%, transparent 1%, black 41%, black 98%);
        /* IE10+ */
        background: linear-gradient(to bottom, transparent 0%, transparent 1%, black 41%, black 98%);
        /* W3C */ } }
    @media (max-width: 980px) {
      .home-intro .intro-copy {
        padding: 1em 1em 0 1em;
        background: #000; } }
    .home-intro .intro-copy p {
      margin: 0 auto;
      max-width: 48.5em;
      font-size: 1.14em; }
    .home-intro .intro-copy a {
      text-decoration: underline; }
    .home-intro .intro-copy h2 {
      margin-bottom: 0.8em; }
    .home-intro .intro-copy .pin-info {
      max-width: 30em;
      padding: 0;
      z-index: 1;
      font-size: 0.85em;
      text-align: left; }
      @media (max-width: 980px) {
        .home-intro .intro-copy .pin-info {
          padding-bottom: 2em;
          text-align: center; } }
      @media (min-width: 980px) {
        .home-intro .intro-copy .pin-info {
          position: absolute;
          bottom: -5em;
          left: 2em; } }
      .home-intro .intro-copy .pin-info, .home-intro .intro-copy .pin-info a {
        color: #B9B9B9; }
      .home-intro .intro-copy .pin-info a {
        text-decoration: underline;
        font-style: italic; }
        .home-intro .intro-copy .pin-info a:hover {
          color: #fff; }
  .home-intro .home-header-logo {
    width: 21.4em;
    height: 4.2em;
    margin: 4em auto 0.2em;
    font-size: 1em;
    text-indent: -9999px;
    background-image: url("/resources/explore/images/homepage-intro-logo.svg");
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto; }
  .home-intro .intro-copy-inner {
    width: 100%; }
    @media (min-width: 980px) {
      .home-intro .intro-copy-inner {
        position: absolute;
        bottom: 5.7em; } }
  .home-intro .home-cnt-anchor {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 4.14em;
    height: 4.14em;
    margin-left: -2.7em;
    background: #fff;
    background-image: url("/resources/explore/images/home-cnt-arrow.svg");
    background-position: center center;
    background-repeat: no-repeat; }
    @media (max-width: 980px) {
      .home-intro .home-cnt-anchor {
        display: none; } }
    @media (min-width: 980px) {
      .home-intro .home-cnt-anchor {
        display: block; } }

#explore-choies {
  text-align: center; }
  #explore-choies p {
    font-size: 1.35em; }
  #explore-choies .search-copy {
    padding: 2.5em 0 0; }
  #explore-choies .search-container {
    padding: 1.8em 0 5em;
    background: url("/resources/explore/images/home-search-bg.jpg") center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; }
    @media (max-width: 980px) {
      #explore-choies .search-container {
        padding: 1.8em 1em 5em; } }
  #explore-choies .input-wrapper {
    position: relative;
    margin: 0 auto;
    max-width: 52em; }
    #explore-choies .input-wrapper button {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      padding: 0 0.3em;
      font-size: 1.62em;
      color: #fff;
      background: #EC008C;
      border: none; }
    #explore-choies .input-wrapper input[type=text] {
      padding-right: 4em; }
  #explore-choies .explore-collections {
    position: relative;
    padding: 3.5em 0 2em;
    background: #F0F0F0; }
    @media (max-width: 980px) {
      #explore-choies .explore-collections {
        padding: 3.5em 1em 2em; } }
    #explore-choies .explore-collections:before {
      display: block;
      position: absolute;
      bottom: -1.5em;
      left: 50%;
      width: 0;
      height: 0;
      margin-left: -1.5em;
      content: '';
      border-top: 1.5em solid #F0F0F0;
      border-left: 1.5em solid transparent;
      border-right: 1.5em solid transparent; }
    #explore-choies .explore-collections .or {
      display: block;
      position: absolute;
      top: -2em;
      left: 50%;
      width: 4em;
      height: 4em;
      margin-left: -2em;
      line-height: 3;
      background: #F0F0F0;
      border-radius: 50%; }
    #explore-choies .explore-collections .or-copy {
      font-size: 1.35em; }

.collections {
  margin-top: 3.5em; }

.sticky-banner {
  width: 192px;
  position: fixed;
  left: 0;
  top: 35vh;
  max-width: 14.28em;
  z-index: 2000;
  text-align: center;
  background: #6987C3; }
  .sticky-banner, .sticky-banner a {
    color: #fff; }
  .sticky-banner .video-copy,
  .sticky-banner .sticky-banner-title {
    padding: 2em 2.28em; }
  .sticky-banner .sticky-banner-title {
    margin: 0; }
  .sticky-banner .wrapper {
    display: block;
    padding: 0 2px; }
    .sticky-banner .wrapper img {
      display: block;
      width: 100%; }
  .sticky-banner .img-wrapper {
    display: block;
    position: relative; }
  .sticky-banner .video-copy {
    font-size: 1.2em; }
  .sticky-banner .icon-play:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.5em;
    font-size: 5em;
    text-shadow: rgba(0, 0, 0, 0.4) 0 0 2px; }
  .sticky-banner .icon-close-x {
    position: absolute;
    top: 1em;
    right: 1em; }
  @media (max-width: 599px) {
    .sticky-banner {
      display: none; } }

.home-dialog iframe {
  width: 100%; }

.change-password {
  padding: 3em 3em;
  margin: 8em auto;
  max-width: 30em;
  border: 1px solid #B9B9B9; }
  .change-password h3 {
    margin-bottom: 1.5em; }
  .change-password .error-notification {
    margin-bottom: 0; }

/* --- Fonts -------------------------------------------------------------------------------------- */
@font-face {
  font-family: "SSSymbolicons";
  src: url("../fonts/ss-symbolicons-block.eot");
  src: url("../fonts/ss-symbolicons-block.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-symbolicons-block.woff") format("woff"), url("../fonts/ss-symbolicons-block.ttf") format("truetype"), url("../fonts/ss-symbolicons-block.svg#SSSymboliconsBlock") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "SSSocial";
  src: url("../fonts/ss-social-circle.eot");
  src: url("../fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-circle.woff") format("woff"), url("../fonts/ss-social-circle.ttf") format("truetype"), url("../fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "SSSocialRegular";
  src: url("../fonts/ss-social-regular.eot");
  src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"), url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'tinymce-small';
  src: url("../fonts/tinymce-small.woff") format("woff"), url("../fonts/tinymce-small.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* --- Typography --------------------------------------------------------------------------------- */
body,
input,
textarea,
select,
button,
option {
  font-family: "Noto Sans", sans-serif; }

body {
  position: relative;
  line-height: 1.5;
  font-family: "Noto Sans", sans-serif;
  color: #000;
  background: #fff; }
  @media (min-width: 980px) {
    body {
      font-size: 14px; } }
  @media (min-width: 600px) and (max-width: 980px) {
    body {
      font-size: 13px; } }
  @media (max-width: 599px) {
    body {
      font-size: 12px; } }

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans", sans-serif;
  line-height: 1.2em;
  font-weight: normal;
  margin-bottom: 0.5em; }

h1 {
  font-size: 2.4em; }

h2 {
  font-size: 2.0em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1.0em; }

a {
  text-decoration: none;
  color: #ec008c; }

p, ul, ol {
  padding-bottom: 1.5em; }

blockquote {
  position: relative;
  padding: 1em;
  margin: 0 4em 0 2em;
  font-style: italic; }
  blockquote:before {
    content: '‟';
    position: absolute;
    top: 0.1em;
    left: -0.5em;
    font-size: 5em;
    line-height: 1em;
    color: #CCC; }

ul, ol {
  padding-left: 1.5em; }

li {
  list-style-position: outside; }

ul li {
  list-style-type: disc; }

ul li ul li {
  list-style-type: circle; }

ul li ul li ul li {
  list-style-type: square; }

ol li {
  list-style-type: decimal; }

ol li ol li {
  list-style-type: upper-roman; }

ol li ol li ol li {
  list-style-type: upper-alpha; }

dl dt {
  padding-bottom: 0.4em; }

dl dd {
  padding: 0 0 0.4em 0.908em; }

table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1.5em;
  border: 1px solid #CCC;
  border-spacing: 0px;
  border-bottom-color: #FFF;
  border-right-color: #FFF; }
  table tbody tr:nth-child(even) td {
    background: rgba(255, 255, 255, 0.2); }
  table th, table td {
    padding: 0.2em 0.4em;
    border: 1px solid #CCC;
    border-top-color: #FFF;
    border-left-color: #FFF; }
  table th {
    text-align: left;
    background: rgba(255, 255, 255, 0.6); }

.section-title {
  margin-bottom: 0.8em;
  font-size: 1.42em;
  text-transform: uppercase;
  font-weight: normal; }

.section-sub-title {
  font-size: 1.14em; }

input[type=text],
input[type=password],
input[type=email],
textarea {
  width: 100%; }
  input[type=text]:hover,
  input[type=password]:hover,
  input[type=email]:hover,
  textarea:hover {
    border-color: #808080; }

input[type=text],
input[type=password],
input[type=email],
.input-block,
textarea,
.select-style {
  padding: 0.4em 1em;
  font-size: 1em;
  color: #000;
  border: 1px solid #B9B9B9;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  input[type=text]::-webkit-input-placeholder,
  input[type=password]::-webkit-input-placeholder,
  input[type=email]::-webkit-input-placeholder,
  .input-block::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder,
  .select-style::-webkit-input-placeholder {
    color: #B9B9B9; }
  input[type=text]::-moz-placeholder,
  input[type=password]::-moz-placeholder,
  input[type=email]::-moz-placeholder,
  .input-block::-moz-placeholder,
  textarea::-moz-placeholder,
  .select-style::-moz-placeholder {
    color: #B9B9B9; }
  input[type=text]:-ms-input-placeholder,
  input[type=password]:-ms-input-placeholder,
  input[type=email]:-ms-input-placeholder,
  .input-block:-ms-input-placeholder,
  textarea:-ms-input-placeholder,
  .select-style:-ms-input-placeholder {
    color: #B9B9B9; }
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  .input-block:focus,
  textarea:focus,
  .select-style:focus {
    border-color: #EC008C; }

.input-block {
  display: block;
  padding: 1em;
  overflow: hidden;
  margin-bottom: 1.5em; }

label {
  display: block;
  padding-bottom: 0.7em;
  color: #000;
  font-size: 1.42em;
  cursor: pointer; }
  label .characters-limit {
    font-size: 0.7em;
    line-height: 2.1; }

button {
  cursor: pointer;
  font-size: 1em; }

textarea,
input {
  outline: none; }

textarea {
  resize: none; }

.input-file-wrapp {
  position: relative;
  overflow: hidden; }
  .input-file-wrapp.button {
    padding: 0.28em 1em; }

.file-input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 500px;
  height: 500px;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

.select-style {
  display: inline-block;
  position: relative;
  padding: 0;
  height: 2.14em;
  overflow: hidden;
  background-color: #fff;
  background-image: url(/resources/explore/images/dropdown-arrow-icon.svg);
  background-repeat: no-repeat;
  background-position: right 0.7em top 50%; }
  .select-style:before {
    display: block;
    position: absolute;
    top: 0;
    right: 30px;
    width: 1px;
    height: 110%;
    content: '';
    background-color: #B9B9B9; }
  .select-style select {
    position: relative;
    width: 120%;
    height: 100%;
    padding: 0 8em 0 1em;
    text-overflow: ellipsis;
    z-index: 1;
    font-size: 1em;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    outline: none; }
  .select-style select::-ms-expand {
    display: none; }

.checkbox-styling-cnt {
  position: relative;
  padding: 0.7em 4em 0.7em 1em;
  background: #fff; }

.checkbox-styling {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.8em;
  margin-top: -10px;
  width: 34px;
  height: 20px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #808080; }
  .checkbox-styling .checkbox-wrpper {
    display: block;
    position: relative;
    width: 34px;
    height: 20px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
    .checkbox-styling .checkbox-wrpper .switch {
      position: absolute;
      width: 32px;
      height: 18px;
      overflow: hidden;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .checkbox-styling .checkbox-wrpper .toggle {
      display: inline-block;
      position: absolute;
      left: 2px;
      width: 12px;
      height: 12px;
      margin-top: 3px;
      background: #fff;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .checkbox-styling .checkbox-wrpper .switch-triger:checked + .switch {
      background: #EC008C; }
      .checkbox-styling .checkbox-wrpper .switch-triger:checked + .switch .toggle {
        left: 18px; }
    .checkbox-styling .checkbox-wrpper .switch-triger {
      display: none; }

.radio-btn-styling,
.listing-checkbox-styling {
  display: inline-block;
  width: 2.14em;
  height: 2.14em;
  padding: 0;
  border: 1px solid #B9B9B9;
  background: #fff; }

.listing-checkbox-styling .checkbox-tick {
  display: block;
  width: 100%;
  height: 100%;
  color: #F0F0F0;
  background: #F0F0F0;
  line-height: 2.2;
  text-align: center;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out; }

.listing-checkbox-styling .checkbox-triger {
  display: none; }
  .listing-checkbox-styling .checkbox-triger:checked + .checkbox-tick {
    visibility: visible;
    background: #fff;
    color: #EC008C; }

.radio-btn-styling {
  position: relative;
  border-radius: 50%;
  background: #F0F0F0; }
  .radio-btn-styling .radio-btn-circle {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out; }
  .radio-btn-styling .radio-btn-triger {
    display: none; }
    .radio-btn-styling .radio-btn-triger:checked + .radio-btn-circle {
      visibility: visible;
      background: #fff; }
      .radio-btn-styling .radio-btn-triger:checked + .radio-btn-circle:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1em;
        height: 1em;
        margin: -0.5em 0 0 -0.5em;
        content: '';
        background: #EC008C;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%; }

.project-cnt.hp-sticky {
  padding-top: 5.07em; }

#search {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 1.28em 8em 1.28em 1.5em;
  z-index: 140;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: flex-end; }
  #search.hp-sticky {
    top: 2em; }
  #search.listing-search {
    position: static;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  @media (max-width: 980px) {
    #search {
      padding: 1.48em; } }
  #search .clear-btn {
    display: inline-block;
    margin: 0.25em 0 0 1em;
    color: #999; }
  #search .select2-container {
    width: 100% !important;
    overflow: hidden;
    height: 2.14em;
    font-size: 1em;
    line-height: 2.2;
    color: #000;
    border: 1px solid #B9B9B9; }
    #search .select2-container .select2-choices {
      height: 100% !important;
      border: none;
      background-image: none; }
      #search .select2-container .select2-choices .select2-search-field input {
        padding: 0.3em 0.5em; }
    #search .select2-container .ss-icon {
      padding-right: 0.5em;
      font-size: 0.75em; }
  #search .search-style {
    position: relative; }
  #search .filter .select-style {
    width: 100%; }
  #search .filter-choices-label {
    padding-right: 1em;
    text-transform: uppercase; }
  #search .tags-navigation {
    clear: both; }
    #search .tags-navigation a {
      padding: 0.3em 0.5em 0.4em 0.5em;
      -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
      -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; }
      #search .tags-navigation a .ss-icon {
        padding: 0 0.2em;
        color: #999;
        position: relative;
        top: 0.15em; }
      #search .tags-navigation a:hover {
        background: #EC008C; }
        #search .tags-navigation a:hover, #search .tags-navigation a:hover .ss-icon {
          color: #FFF; }
      #search .tags-navigation a.selected {
        background: #FFD269; }
        #search .tags-navigation a.selected, #search .tags-navigation a.selected .ss-icon {
          color: #000; }
  #search .search-label,
  #search .tags-navigation,
  #search .search-style,
  #search .filter {
    flex-grow: 1;
    margin: 0 1em; }
  #search .search-label {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 1em;
    padding: 0;
    line-height: 2.3; }
  #search .tags-navigation {
    flex-shrink: 1; }
  #search .search-style {
    flex-shrink: 1;
    min-width: 20%; }
  #search .filter {
    flex-grow: 0;
    flex-shrink: 0;
    width: 180px; }
  #search .tags-navigation ~ .search-style {
    max-width: 30%; }
  #search > *:first-child {
    margin-left: 0; }
  #search > *:last-child {
    margin-right: 0; }
  @media (max-width: 980px) {
    #search .filter {
      width: 140px; }
    #search .search-style {
      min-width: 40%; }
    #search .search-label,
    #search .tags-navigation {
      display: none; } }
  .fullscreen-map #search .filter {
    display: none; }

#search.listing-search {
  padding: 0; }
  #search.listing-search .search-style {
    width: 50%;
    min-width: 50%;
    margin-right: 1em; }
  #search.listing-search .button {
    margin-right: 1em; }

.filter-choices {
  margin-top: 1.5em; }
  .filter-choices .button {
    margin-right: 1em; }

.search-actions {
  margin: 2em 0;
  text-align: center; }
  .search-actions .button {
    min-width: 8.8em;
    display: inline-block; }
  .search-actions .clear-btn {
    margin-right: 1.3em; }

.select2-drop-active {
  border-color: #ededed; }

.select2-result-label {
  font-size: 0.75em; }
  .select2-result-label .ss-icon {
    padding-right: 0.5em; }

.select2-results .select2-highlighted {
  color: #000;
  background: #F0F0F0; }

.status-indicator {
  display: inline-block;
  width: 2.1em;
  height: 2.1em;
  margin-right: 0.8em;
  text-align: center;
  color: #fff;
  font-weight: bold; }
  .status-indicator.enabled {
    background: #AFD25F; }
  .status-indicator.disabled {
    background: #B9B9B9; }
  .status-indicator .status-indicator-copy {
    font-size: 0.85em;
    line-height: 2.5; }

.field-note {
  position: relative;
  padding-left: 1.8em; }
  .field-note .field-note-copy {
    color: #808080; }
  .field-note .hp-icon {
    position: absolute;
    top: 0.2em;
    left: 0;
    font-size: 1.2em;
    color: #000; }

.add-button {
  display: inline-block;
  width: 2.3em;
  height: 2.3em;
  background: #B9B9B9;
  border: none;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }
  .add-button:before,
  .add-button:after {
    top: 50%;
    display: block;
    position: absolute;
    content: '';
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
  .add-button:before {
    left: 50%;
    width: 1.2em;
    height: 0.28em;
    margin: -0.14em 0 0 -0.6em; }
  .add-button:after {
    left: 50%;
    width: 0.28em;
    height: 1.2em;
    margin: -0.6em 0 0 -0.14em; }

.add-input-wrapper {
  display: inline-block;
  position: relative;
  width: 100%; }
  .add-input-wrapper input[type=text].add-input {
    width: calc(100% - 2.2em);
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px; }
  .add-input-wrapper .add-button {
    position: absolute;
    top: 0;
    right: 0; }

.input-wrapper {
  display: block;
  position: relative; }
  .input-wrapper.hp-icon:before {
    position: absolute;
    top: 0.25em;
    right: 0.5em;
    z-index: 1;
    font-size: 1.5em;
    color: #B9B9B9; }
    @media (max-width: 599px) {
      .input-wrapper.hp-icon:before {
        display: none; } }
  .input-wrapper.icon-right input[type=text],
  .input-wrapper.icon-right input[type=password],
  .input-wrapper.icon-right input[type=email],
  .input-wrapper.icon-right textarea {
    padding-right: 3em; }
  .input-wrapper.icon-left input[type=text],
  .input-wrapper.icon-left input[type=password],
  .input-wrapper.icon-left input[type=email],
  .input-wrapper.icon-left textarea {
    padding-left: 3em; }

.field-wrapper {
  position: relative; }
  @media (min-width: 980px) {
    .field-wrapper {
      width: 70%;
      padding-right: 2em;
      float: left; } }
  .field-wrapper .select-style {
    width: 100%; }

.required > label:first-of-type {
  overflow: hidden; }
  .required > label:first-of-type:after {
    display: inline-block;
    content: ' (required)';
    color: #C00;
    font-size: 0.6em;
    margin-left: 0.6em;
    position: relative;
    top: -0.5em; }

@media (min-width: 980px) {
  .field-note {
    width: 30%;
    float: left; } }

.choose-btn-wrapper {
  font-size: 0.7em; }
  .choose-btn-wrapper label {
    display: inline-block;
    padding-bottom: 0; }
  .choose-btn-wrapper .radio-btn-styling {
    position: relative;
    bottom: -0.75em; }
  .choose-btn-wrapper .radio-btn-styling,
  .choose-btn-wrapper .listing-checkbox-styling,
  .choose-btn-wrapper .checkbox-styling-cnt {
    display: inline-block;
    margin-right: 0.7em; }
  .choose-btn-wrapper .checkbox-text-indicator {
    display: inline-block;
    width: 2em; }

.checkbox-list-wrapper {
  position: relative;
  padding: 0.78em 0;
  margin-bottom: 1em;
  overflow: hidden; }
  .checkbox-list-wrapper:after,
  .checkbox-list-wrapper:before {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1em;
    content: '';
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .checkbox-list-wrapper:before {
    top: -1.9em;
    -webkit-box-shadow: rgba(150, 150, 150, 0.2) 0 17px 6px;
    -moz-box-shadow: rgba(150, 150, 150, 0.2) 0 17px 6px;
    box-shadow: rgba(150, 150, 150, 0.2) 0 17px 6px; }
  .checkbox-list-wrapper:after {
    bottom: -1.9em;
    -webkit-box-shadow: rgba(150, 150, 150, 0.2) 0 -17px 6px;
    -moz-box-shadow: rgba(150, 150, 150, 0.2) 0 -17px 6px;
    box-shadow: rgba(150, 150, 150, 0.2) 0 -17px 6px; }
  .checkbox-list-wrapper .checkbox-list {
    position: relative;
    padding: 0;
    max-height: 11.5em;
    overflow-x: hidden;
    overflow-y: auto; }
    .checkbox-list-wrapper .checkbox-list li {
      position: relative;
      padding: 0.2em 0;
      margin-bottom: 0.1em;
      list-style: none;
      border-bottom: 1px solid #F0F0F0;
      white-space: nowrap; }
      .checkbox-list-wrapper .checkbox-list li:last-of-type {
        border-bottom-color: transparent; }
      .checkbox-list-wrapper .checkbox-list li:after {
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 3.1em;
        height: 3px;
        content: '';
        background: #fff; }

.errors,
.error-notification {
  border: solid 1px #C00;
  margin: 2em 0;
  padding: 1em;
  color: #C00;
  font-weight: bold;
  background: #ffe5e5; }

.separate-special {
  border: 1px solid #CCC;
  padding: 1em 1.5em;
  border-radius: 0.3em; }

.ss-delete {
  font-size: 1.25em; }

.pin-btn {
  position: relative;
  padding: 0.5em 3.9em 0.5em 1em;
  color: #fff;
  background: #ec008c; }
  .pin-btn span {
    position: absolute;
    top: -0.17em;
    right: 0.25em;
    font-size: 2.5em;
    line-height: 1.2; }

@media (min-width: 980px) {
  .logout-mobile {
    display: none !important; } }

@media (max-width: 980px) {
  .logout-mobile {
    display: inline-block; } }

.repin-btn {
  display: inline-block;
  padding: 0.5em 1.2em;
  font-size: 1.57em;
  text-transform: uppercase;
  color: #3b342e;
  background: #fff;
  border: 1px solid #f7f7f7;
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: rgba(210, 210, 210, 0.6) 0 1px 1px;
  -moz-box-shadow: rgba(210, 210, 210, 0.6) 0 1px 1px;
  box-shadow: rgba(210, 210, 210, 0.6) 0 1px 1px; }
  .repin-btn .ss-icon {
    position: absolute;
    padding-top: 0.2em;
    color: #ec008c; }
  .repin-btn .btn-text {
    padding-left: 1.5em; }

.tag-submit .btn {
  padding: 0 0.75em;
  float: left;
  line-height: 2.5;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.85em;
  border: 1px solid #ededed;
  color: #3b342e;
  cursor: pointer;
  outline: none;
  background: #e6e6e6;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e6e6e6));
  background: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6');
  -webkit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0; }
  .tag-submit .btn:hover,
  .tag-submit .btn:focus {
    border-bottom: 1px solid #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 4px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 4px inset;
    box-shadow: rgba(0, 0, 0, 0.2) -2px 2px 4px inset; }

.tag-submit input[type=text] {
  padding: 0.4em 0.8em;
  border-width: 1px; }
  @media (max-width: 980px) {
    .tag-submit input[type=text] {
      width: 100% !important; } }

.tag-submit .btn {
  float: none; }
  @media (min-width: 980px) {
    .tag-submit .btn {
      margin-left: -4px; } }
  @media (max-width: 980px) {
    .tag-submit .btn {
      width: 100%;
      border-radius: 0; } }

@media (max-width: 980px) {
  .tag-submit .select2-container {
    width: 100% !important; } }

.tag-submit .select2-container-multi .select2-choices {
  width: 100%;
  min-height: 31px;
  border: 1px solid #ededed; }

.button.comment-button {
  padding: 0 1.25em 0 0.75em;
  line-height: 2.5;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
  border-width: 1px 2px 2px 2px;
  border-color: #e3e3e3;
  border-style: solid;
  color: #3b342e;
  cursor: pointer;
  outline: none;
  background: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px; }
  .button.comment-button:hover,
  .button.comment-button:focus {
    color: #ec008c; }
  .button.comment-button .ss-icon {
    display: inline-block;
    position: relative; }
  .button.comment-button .ss-textchat {
    top: 0.2em;
    margin-right: 0.25em; }
  .button.comment-button .ss-record {
    top: 0.1em;
    margin-right: 0.5em; }

.close-anchor {
  display: inline-block;
  background: #ec008c;
  color: #FFF;
  font-size: 1.8em;
  line-height: 1.6;
  padding: 0.3em 0.4em 0.3em 0.5em;
  height: 1.9em; }
  .close-anchor .icon-arrow-left:before {
    font-size: 1.08em; }

.button {
  display: inline-block;
  padding: 0.4em 1em;
  font-size: 1em;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #EC008C; }
  .button .hp-icon:before,
  .button .ss-icon:before {
    position: relative;
    top: 0.15em;
    font-size: 1.2em;
    padding-right: 0.3em;
    line-height: 0; }
  .button.blue-bg {
    background-color: #6987C3; }
  .button.green-bg {
    background-color: #AFD25F; }
  .button.yellow-bg {
    background-color: #FFD269; }
  .button.orange-bg {
    background-color: #FFA04B; }
  .button.pink-bg {
    background-color: #EC008C; }
  .button.purple-bg {
    background-color: #B400DC; }
  .button.dark-gray-bg {
    background-color: #808080; }
  .button.gray-bg {
    background-color: #B9B9B9; }
  .button.transparent-bg {
    background-color: transparent;
    color: #808080;
    box-shadow: none;
    text-decoration: underline; }
    .button.transparent-bg:hover {
      color: #4d4d4d; }
  .button.light-gray-bg {
    color: #808080;
    background-color: #F0F0F0; }
    .button.light-gray-bg .hp-icon {
      color: #808080; }
  .button.black-bg {
    background-color: #000; }
  .button.white-bg {
    color: #808080;
    background-color: #fff; }
    .button.white-bg .hp-icon {
      color: #808080; }
  .button.disabled {
    opacity: 0.5;
    pointer-events: none; }

.button-center-wrapp {
  position: relative;
  text-align: center; }
  .button-center-wrapp .button {
    position: relative;
    z-index: 1;
    margin-right: 1.7em; }
    .button-center-wrapp .button:last-of-type {
      margin-right: 0; }
  .button-center-wrapp.button-center-wrapp-line:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #F0F0F0;
    content: ''; }

/*
* Symbolset
* www.symbolset.com
* Copyright © 2012 Oak Studios LLC
*
* Upload this file to your web server
* and place this within your <head> tags.
* <link href="webfonts/ss-symbolicons-block.css" rel="stylesheet" />
*/
/* This triggers a redraw in IE to Fix IE8's :before content rendering. */
html:hover [class^="ss-"] {
  -ms-zoom: 1; }

.ss-icon, .ss-icon.ss-symbolicons-block,
[class^="ss-"]:before, [class*=" ss-"]:before,
[class^="ss-"].ss-symbolicons-block:before, [class*=" ss-"].ss-symbolicons-block:before,
[class^="ss-"].right:after, [class*=" ss-"].right:after,
[class^="ss-"].ss-symbolicons-block.right:after, [class*=" ss-"].ss-symbolicons-block.right:after {
  font-family: "SSSymbolicons";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased; }

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
  display: none;
  content: ''; }

.ss-crosshair:before, .ss-crosshair.right:after {
  content: '⌖'; }

.ss-search:before, .ss-search.right:after {
  content: '🔍'; }

.ss-zoomin:before, .ss-zoomin.right:after {
  content: ''; }

.ss-zoomout:before, .ss-zoomout.right:after {
  content: ''; }

.ss-binoculars:before, .ss-binoculars.right:after {
  content: ''; }

.ss-raisedhand:before, .ss-raisedhand.right:after {
  content: '✋'; }

.ss-link:before, .ss-link.right:after {
  content: '🔗'; }

.ss-write:before, .ss-write.right:after {
  content: '✎'; }

.ss-compose:before, .ss-compose.right:after {
  content: '📝'; }

.ss-lock:before, .ss-lock.right:after {
  content: '🔒'; }

.ss-unlock:before, .ss-unlock.right:after {
  content: '🔓'; }

.ss-key:before, .ss-key.right:after {
  content: '🔑'; }

.ss-backspace:before, .ss-backspace.right:after {
  content: '⌫'; }

.ss-ban:before, .ss-ban.right:after {
  content: '🚫'; }

.ss-nosmoking:before, .ss-nosmoking.right:after {
  content: '🚭'; }

.ss-trash:before, .ss-trash.right:after {
  content: ''; }

.ss-target:before, .ss-target.right:after {
  content: '◎'; }

.ss-stopsign:before, .ss-stopsign.right:after {
  content: ''; }

.ss-radioactive:before, .ss-radioactive.right:after {
  content: '☢'; }

.ss-skull:before, .ss-skull.right:after {
  content: '💀'; }

.ss-lightning:before, .ss-lightning.right:after {
  content: '☇'; }

.ss-tag:before, .ss-tag.right:after {
  content: ''; }

.ss-newtag:before, .ss-newtag.right:after {
  content: ''; }

.ss-flag:before, .ss-flag.right:after {
  content: '⚑'; }

.ss-like:before, .ss-like.right:after {
  content: '👍'; }

.ss-dislike:before, .ss-dislike.right:after {
  content: '👎'; }

.ss-heart:before, .ss-heart.right:after {
  content: '♥'; }

.ss-addheart:before, .ss-addheart.right:after {
  content: ''; }

.ss-deleteheart:before, .ss-deleteheart.right:after {
  content: '💔'; }

.ss-star:before, .ss-star.right:after {
  content: '⋆'; }

.ss-trophy:before, .ss-trophy.right:after {
  content: '🏆'; }

.ss-award:before, .ss-award.right:after {
  content: ''; }

.ss-medal:before, .ss-medal.right:after {
  content: ''; }

.ss-badge:before, .ss-badge.right:after {
  content: '📛'; }

.ss-crown:before, .ss-crown.right:after {
  content: '👑'; }

.ss-bullseye:before, .ss-bullseye.right:after {
  content: '🎯'; }

.ss-sample:before, .ss-sample.right:after {
  content: ''; }

.ss-crop:before, .ss-crop.right:after {
  content: ''; }

.ss-layers:before, .ss-layers.right:after {
  content: ''; }

.ss-magicwand:before, .ss-magicwand.right:after {
  content: ''; }

.ss-cut:before, .ss-cut.right:after {
  content: '✂'; }

.ss-cutpaste:before, .ss-cutpaste.right:after {
  content: ''; }

.ss-clipboard:before, .ss-clipboard.right:after {
  content: '📋'; }

.ss-rules:before, .ss-rules.right:after {
  content: '📏'; }

.ss-rulerpencil:before, .ss-rulerpencil.right:after {
  content: ''; }

.ss-gridlines:before, .ss-gridlines.right:after {
  content: ''; }

.ss-pen:before, .ss-pen.right:after {
  content: '✒'; }

.ss-pencilbrush:before, .ss-pencilbrush.right:after {
  content: ''; }

.ss-pencilbrushpen:before, .ss-pencilbrushpen.right:after {
  content: ''; }

.ss-brush:before, .ss-brush.right:after {
  content: ''; }

.ss-paintroller:before, .ss-paintroller.right:after {
  content: ''; }

.ss-fill:before, .ss-fill.right:after {
  content: ''; }

.ss-stroke:before, .ss-stroke.right:after {
  content: ''; }

.ss-crayons:before, .ss-crayons.right:after {
  content: ''; }

.ss-palette:before, .ss-palette.right:after {
  content: '🎨'; }

.ss-fliphorizontally:before, .ss-fliphorizontally.right:after {
  content: ''; }

.ss-flipvertically:before, .ss-flipvertically.right:after {
  content: ''; }

.ss-effects:before, .ss-effects.right:after {
  content: ''; }

.ss-bezier:before, .ss-bezier.right:after {
  content: ''; }

.ss-pixels:before, .ss-pixels.right:after {
  content: ''; }

.ss-phone:before, .ss-phone.right:after {
  content: '📞'; }

.ss-rotaryphone:before, .ss-rotaryphone.right:after {
  content: '☎'; }

.ss-touchtonephone:before, .ss-touchtonephone.right:after {
  content: '☏'; }

.ss-phonebook:before, .ss-phonebook.right:after {
  content: ''; }

.ss-voicemail:before, .ss-voicemail.right:after {
  content: '⌕'; }

.ss-megaphone:before, .ss-megaphone.right:after {
  content: '📢'; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-podcast:before, .ss-podcast.right:after {
  content: ''; }

.ss-mailbox:before, .ss-mailbox.right:after {
  content: '📫'; }

.ss-send:before, .ss-send.right:after {
  content: ''; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-incomingmail:before, .ss-incomingmail.right:after {
  content: '📩'; }

.ss-inbox:before, .ss-inbox.right:after {
  content: '📥'; }

.ss-outbox:before, .ss-outbox.right:after {
  content: '📤'; }

.ss-stamp:before, .ss-stamp.right:after {
  content: ''; }

.ss-chat:before, .ss-chat.right:after {
  content: '💬'; }

.ss-chats:before, .ss-chats.right:after {
  content: ''; }

.ss-textchat:before, .ss-textchat.right:after {
  content: ''; }

.ss-exclamationchat:before, .ss-exclamationchat.right:after {
  content: ''; }

.ss-questionchat:before, .ss-questionchat.right:after {
  content: ''; }

.ss-ellipsischat:before, .ss-ellipsischat.right:after {
  content: ''; }

.ss-smile:before, .ss-smile.right:after {
  content: '☻'; }

.ss-frown:before, .ss-frown.right:after {
  content: '☹'; }

.ss-toothsmile:before, .ss-toothsmile.right:after {
  content: '😃'; }

.ss-toothlesssmile:before, .ss-toothlesssmile.right:after {
  content: '😀'; }

.ss-user:before, .ss-user.right:after {
  content: '👤'; }

.ss-users:before, .ss-users.right:after {
  content: '👥'; }

.ss-adduser:before, .ss-adduser.right:after {
  content: ''; }

.ss-removeuser:before, .ss-removeuser.right:after {
  content: ''; }

.ss-deleteuser:before, .ss-deleteuser.right:after {
  content: ''; }

.ss-heartuser:before, .ss-heartuser.right:after {
  content: ''; }

.ss-males:before, .ss-males.right:after {
  content: '👬'; }

.ss-females:before, .ss-females.right:after {
  content: '👭'; }

.ss-malefemale:before, .ss-malefemale.right:after {
  content: '👫'; }

.ss-userportrait:before, .ss-userportrait.right:after {
  content: ''; }

.ss-userframe:before, .ss-userframe.right:after {
  content: ''; }

.ss-usersframe:before, .ss-usersframe.right:after {
  content: ''; }

.ss-baby:before, .ss-baby.right:after {
  content: '👶'; }

.ss-swaddledbaby:before, .ss-swaddledbaby.right:after {
  content: ''; }

.ss-robot:before, .ss-robot.right:after {
  content: ''; }

.ss-happyrobot:before, .ss-happyrobot.right:after {
  content: ''; }

.ss-alien:before, .ss-alien.right:after {
  content: '👽'; }

.ss-ghost:before, .ss-ghost.right:after {
  content: '👻'; }

.ss-contacts:before, .ss-contacts.right:after {
  content: '📇'; }

.ss-addressbook:before, .ss-addressbook.right:after {
  content: '📑'; }

.ss-footsteps:before, .ss-footsteps.right:after {
  content: '👣'; }

.ss-cart:before, .ss-cart.right:after {
  content: ''; }

.ss-shoppingbag:before, .ss-shoppingbag.right:after {
  content: ''; }

.ss-gift:before, .ss-gift.right:after {
  content: '🎁'; }

.ss-store:before, .ss-store.right:after {
  content: '🏪'; }

.ss-safe:before, .ss-safe.right:after {
  content: ''; }

.ss-bill:before, .ss-bill.right:after {
  content: ''; }

.ss-creditcard:before, .ss-creditcard.right:after {
  content: '💳'; }

.ss-banknote:before, .ss-banknote.right:after {
  content: '💵'; }

.ss-moneybag:before, .ss-moneybag.right:after {
  content: '💰'; }

.ss-calculator:before, .ss-calculator.right:after {
  content: ''; }

.ss-bank:before, .ss-bank.right:after {
  content: '🏦'; }

.ss-gavel:before, .ss-gavel.right:after {
  content: '🔨'; }

.ss-meeting:before, .ss-meeting.right:after {
  content: ''; }

.ss-barchart:before, .ss-barchart.right:after {
  content: '📊'; }

.ss-piechart:before, .ss-piechart.right:after {
  content: ''; }

.ss-activity:before, .ss-activity.right:after {
  content: '📈'; }

.ss-flowchart:before, .ss-flowchart.right:after {
  content: ''; }

.ss-box:before, .ss-box.right:after {
  content: '📦'; }

.ss-crate:before, .ss-crate.right:after {
  content: ''; }

.ss-home:before, .ss-home.right:after {
  content: '⌂'; }

.ss-fence:before, .ss-fence.right:after {
  content: ''; }

.ss-buildings:before, .ss-buildings.right:after {
  content: '🏢'; }

.ss-bridge:before, .ss-bridge.right:after {
  content: ''; }

.ss-barn:before, .ss-barn.right:after {
  content: ''; }

.ss-lodging:before, .ss-lodging.right:after {
  content: '🏨'; }

.ss-earth:before, .ss-earth.right:after {
  content: '🌎'; }

.ss-globe:before, .ss-globe.right:after {
  content: '🌐'; }

.ss-compass:before, .ss-compass.right:after {
  content: ''; }

.ss-signpost:before, .ss-signpost.right:after {
  content: ''; }

.ss-map:before, .ss-map.right:after {
  content: ''; }

.ss-location:before, .ss-location.right:after {
  content: ''; }

.ss-pushpin:before, .ss-pushpin.right:after {
  content: '📌'; }

.ss-script:before, .ss-script.right:after {
  content: ''; }

.ss-playscript:before, .ss-playscript.right:after {
  content: ''; }

.ss-stopscript:before, .ss-stopscript.right:after {
  content: ''; }

.ss-recordscript:before, .ss-recordscript.right:after {
  content: ''; }

.ss-bug:before, .ss-bug.right:after {
  content: '🐛'; }

.ss-puzzle:before, .ss-puzzle.right:after {
  content: ''; }

.ss-window:before, .ss-window.right:after {
  content: ''; }

.ss-database:before, .ss-database.right:after {
  content: ''; }

.ss-adddatabase:before, .ss-adddatabase.right:after {
  content: ''; }

.ss-deletedatabase:before, .ss-deletedatabase.right:after {
  content: ''; }

.ss-hdd:before, .ss-hdd.right:after {
  content: ''; }

.ss-networkhdd:before, .ss-networkhdd.right:after {
  content: ''; }

.ss-downloadhdd:before, .ss-downloadhdd.right:after {
  content: ''; }

.ss-airplay:before, .ss-airplay.right:after {
  content: ''; }

.ss-music:before, .ss-music.right:after {
  content: '♫'; }

.ss-mic:before, .ss-mic.right:after {
  content: '🎤'; }

.ss-headphones:before, .ss-headphones.right:after {
  content: '🎧'; }

.ss-volume:before, .ss-volume.right:after {
  content: '🔈'; }

.ss-radio:before, .ss-radio.right:after {
  content: '📻'; }

.ss-phonograph:before, .ss-phonograph.right:after {
  content: ''; }

.ss-disc:before, .ss-disc.right:after {
  content: '💿'; }

.ss-discs:before, .ss-discs.right:after {
  content: ''; }

.ss-playlist:before, .ss-playlist.right:after {
  content: ''; }

.ss-musichome:before, .ss-musichome.right:after {
  content: ''; }

.ss-itunes:before, .ss-itunes.right:after {
  content: ''; }

.ss-camera:before, .ss-camera.right:after {
  content: '📷'; }

.ss-picture:before, .ss-picture.right:after {
  content: '🌄'; }

.ss-pictures:before, .ss-pictures.right:after {
  content: ''; }

.ss-searchpicture:before, .ss-searchpicture.right:after {
  content: ''; }

.ss-video:before, .ss-video.right:after {
  content: '📹'; }

.ss-clapboard:before, .ss-clapboard.right:after {
  content: '🎬'; }

.ss-film:before, .ss-film.right:after {
  content: ''; }

.ss-playfilm:before, .ss-playfilm.right:after {
  content: ''; }

.ss-tv:before, .ss-tv.right:after {
  content: '📺'; }

.ss-flatscreen:before, .ss-flatscreen.right:after {
  content: ''; }

.ss-projector:before, .ss-projector.right:after {
  content: ''; }

.ss-videogame:before, .ss-videogame.right:after {
  content: '🎮'; }

.ss-play:before, .ss-play.right:after {
  content: '▶'; }

.ss-pause:before, .ss-pause.right:after {
  content: ''; }

.ss-stop:before, .ss-stop.right:after {
  content: '■'; }

.ss-record:before, .ss-record.right:after {
  content: '●'; }

.ss-rewind:before, .ss-rewind.right:after {
  content: '⏪'; }

.ss-fastforward:before, .ss-fastforward.right:after {
  content: '⏩'; }

.ss-skipback:before, .ss-skipback.right:after {
  content: '⏮'; }

.ss-skipforward:before, .ss-skipforward.right:after {
  content: '⏭'; }

.ss-eject:before, .ss-eject.right:after {
  content: '⏏'; }

.ss-shuffle:before, .ss-shuffle.right:after {
  content: '🔀'; }

.ss-filecabinet:before, .ss-filecabinet.right:after {
  content: ''; }

.ss-storagebox:before, .ss-storagebox.right:after {
  content: ''; }

.ss-books:before, .ss-books.right:after {
  content: '📚'; }

.ss-bookspencil:before, .ss-bookspencil.right:after {
  content: ''; }

.ss-openbook:before, .ss-openbook.right:after {
  content: '📖'; }

.ss-bookinsert:before, .ss-bookinsert.right:after {
  content: ''; }

.ss-notebook:before, .ss-notebook.right:after {
  content: '📓'; }

.ss-ledger:before, .ss-ledger.right:after {
  content: '📒'; }

.ss-album:before, .ss-album.right:after {
  content: ''; }

.ss-newspaper:before, .ss-newspaper.right:after {
  content: '📰'; }

.ss-spiralbound:before, .ss-spiralbound.right:after {
  content: ''; }

.ss-notepad:before, .ss-notepad.right:after {
  content: ''; }

.ss-notice:before, .ss-notice.right:after {
  content: ''; }

.ss-grid:before, .ss-grid.right:after {
  content: ''; }

.ss-thumbnails:before, .ss-thumbnails.right:after {
  content: ''; }

.ss-filter:before, .ss-filter.right:after {
  content: ''; }

.ss-desktop:before, .ss-desktop.right:after {
  content: '💻'; }

.ss-laptop:before, .ss-laptop.right:after {
  content: ''; }

.ss-tablet:before, .ss-tablet.right:after {
  content: ''; }

.ss-cell:before, .ss-cell.right:after {
  content: '📱'; }

.ss-cellbars:before, .ss-cellbars.right:after {
  content: '📶'; }

.ss-battery:before, .ss-battery.right:after {
  content: '🔋'; }

.ss-mediumbattery:before, .ss-mediumbattery.right:after {
  content: ''; }

.ss-emptybattery:before, .ss-emptybattery.right:after {
  content: ''; }

.ss-chargingbattery:before, .ss-chargingbattery.right:after {
  content: ''; }

.ss-screwdrivermobile:before, .ss-screwdrivermobile.right:after {
  content: ''; }

.ss-brushmobile:before, .ss-brushmobile.right:after {
  content: ''; }

.ss-pencilmobile:before, .ss-pencilmobile.right:after {
  content: ''; }

.ss-door:before, .ss-door.right:after {
  content: '🚪'; }

.ss-washer:before, .ss-washer.right:after {
  content: ''; }

.ss-dryer:before, .ss-dryer.right:after {
  content: ''; }

.ss-fireplace:before, .ss-fireplace.right:after {
  content: ''; }

.ss-toilet:before, .ss-toilet.right:after {
  content: '🚽'; }

.ss-toiletpaper:before, .ss-toiletpaper.right:after {
  content: ''; }

.ss-lightbulb:before, .ss-lightbulb.right:after {
  content: '💡'; }

.ss-cfl:before, .ss-cfl.right:after {
  content: ''; }

.ss-flashlight:before, .ss-flashlight.right:after {
  content: '🔦'; }

.ss-candle:before, .ss-candle.right:after {
  content: ''; }

.ss-campfire:before, .ss-campfire.right:after {
  content: '🔥'; }

.ss-picnictable:before, .ss-picnictable.right:after {
  content: ''; }

.ss-frame:before, .ss-frame.right:after {
  content: ''; }

.ss-heartframe:before, .ss-heartframe.right:after {
  content: '💟'; }

.ss-starframe:before, .ss-starframe.right:after {
  content: ''; }

.ss-treeframe:before, .ss-treeframe.right:after {
  content: ''; }

.ss-flowerframe:before, .ss-flowerframe.right:after {
  content: ''; }

.ss-questionframe:before, .ss-questionframe.right:after {
  content: ''; }

.ss-utensilsframe:before, .ss-utensilsframe.right:after {
  content: ''; }

.ss-atom:before, .ss-atom.right:after {
  content: '⚛'; }

.ss-fluxcapacitor:before, .ss-fluxcapacitor.right:after {
  content: ''; }

.ss-rings:before, .ss-rings.right:after {
  content: '💍'; }

.ss-balloons:before, .ss-balloons.right:after {
  content: '🎈'; }

.ss-easteregg:before, .ss-easteregg.right:after {
  content: ''; }

.ss-jackolantern:before, .ss-jackolantern.right:after {
  content: '🎃'; }

.ss-menorah:before, .ss-menorah.right:after {
  content: ''; }

.ss-christmastree:before, .ss-christmastree.right:after {
  content: '🎄'; }

.ss-teddy:before, .ss-teddy.right:after {
  content: ''; }

.ss-blocks:before, .ss-blocks.right:after {
  content: ''; }

.ss-rattle:before, .ss-rattle.right:after {
  content: ''; }

.ss-diaper:before, .ss-diaper.right:after {
  content: ''; }

.ss-pailshovel:before, .ss-pailshovel.right:after {
  content: ''; }

.ss-sweep:before, .ss-sweep.right:after {
  content: ''; }

.ss-headstone:before, .ss-headstone.right:after {
  content: '⛼'; }

.ss-onedie:before, .ss-onedie.right:after {
  content: '⚀'; }

.ss-twodie:before, .ss-twodie.right:after {
  content: '⚁'; }

.ss-threedie:before, .ss-threedie.right:after {
  content: '⚂'; }

.ss-fourdie:before, .ss-fourdie.right:after {
  content: '⚃'; }

.ss-fivedie:before, .ss-fivedie.right:after {
  content: '⚄'; }

.ss-sixdie:before, .ss-sixdie.right:after {
  content: '⚅'; }

.ss-fuzzydice:before, .ss-fuzzydice.right:after {
  content: ''; }

.ss-download:before, .ss-download.right:after {
  content: ''; }

.ss-downloadbox:before, .ss-downloadbox.right:after {
  content: ''; }

.ss-downloadcrate:before, .ss-downloadcrate.right:after {
  content: ''; }

.ss-upload:before, .ss-upload.right:after {
  content: ''; }

.ss-uploadbox:before, .ss-uploadbox.right:after {
  content: ''; }

.ss-uploadcrate:before, .ss-uploadcrate.right:after {
  content: ''; }

.ss-transfer:before, .ss-transfer.right:after {
  content: '⇆'; }

.ss-refresh:before, .ss-refresh.right:after {
  content: '↻'; }

.ss-sync:before, .ss-sync.right:after {
  content: ''; }

.ss-wifi:before, .ss-wifi.right:after {
  content: ''; }

.ss-connection:before, .ss-connection.right:after {
  content: ''; }

.ss-usb:before, .ss-usb.right:after {
  content: ''; }

.ss-files:before, .ss-files.right:after {
  content: ''; }

.ss-addfile:before, .ss-addfile.right:after {
  content: ''; }

.ss-removefile:before, .ss-removefile.right:after {
  content: ''; }

.ss-deletefile:before, .ss-deletefile.right:after {
  content: ''; }

.ss-searchfile:before, .ss-searchfile.right:after {
  content: ''; }

.ss-folder:before, .ss-folder.right:after {
  content: '📁'; }

.ss-addfolder:before, .ss-addfolder.right:after {
  content: ''; }

.ss-removefolder:before, .ss-removefolder.right:after {
  content: ''; }

.ss-deletefolder:before, .ss-deletefolder.right:after {
  content: ''; }

.ss-downloadfolder:before, .ss-downloadfolder.right:after {
  content: ''; }

.ss-uploadfolder:before, .ss-uploadfolder.right:after {
  content: ''; }

.ss-undo:before, .ss-undo.right:after {
  content: '↩'; }

.ss-redo:before, .ss-redo.right:after {
  content: '↪'; }

.ss-quote:before, .ss-quote.right:after {
  content: '“'; }

.ss-font:before, .ss-font.right:after {
  content: ''; }

.ss-anchor:before, .ss-anchor.right:after {
  content: ''; }

.ss-print:before, .ss-print.right:after {
  content: '⎙'; }

.ss-fax:before, .ss-fax.right:after {
  content: '📠'; }

.ss-shredder:before, .ss-shredder.right:after {
  content: ''; }

.ss-typewriter:before, .ss-typewriter.right:after {
  content: ''; }

.ss-list:before, .ss-list.right:after {
  content: ''; }

.ss-action:before, .ss-action.right:after {
  content: ''; }

.ss-redirect:before, .ss-redirect.right:after {
  content: '↗'; }

.ss-expand:before, .ss-expand.right:after {
  content: '⤢'; }

.ss-contract:before, .ss-contract.right:after {
  content: ''; }

.ss-scaleup:before, .ss-scaleup.right:after {
  content: ''; }

.ss-scaledown:before, .ss-scaledown.right:after {
  content: ''; }

.ss-power:before, .ss-power.right:after {
  content: ''; }

.ss-lifepreserver:before, .ss-lifepreserver.right:after {
  content: ''; }

.ss-help:before, .ss-help.right:after {
  content: '❓'; }

.ss-info:before, .ss-info.right:after {
  content: 'ℹ'; }

.ss-alert:before, .ss-alert.right:after {
  content: '⚠'; }

.ss-caution:before, .ss-caution.right:after {
  content: '⛔'; }

.ss-plus:before, .ss-plus.right:after {
  content: '+'; }

.ss-hyphen:before, .ss-hyphen.right:after {
  content: '-'; }

.ss-check:before, .ss-check.right:after {
  content: '✓'; }

.ss-delete:before, .ss-delete.right:after {
  content: '␡'; }

.ss-dogface:before, .ss-dogface.right:after {
  content: '🐶'; }

.ss-catface:before, .ss-catface.right:after {
  content: '🐱'; }

.ss-bearface:before, .ss-bearface.right:after {
  content: '🐻'; }

.ss-bird:before, .ss-bird.right:after {
  content: '🐦'; }

.ss-dog:before, .ss-dog.right:after {
  content: '🐕'; }

.ss-sheep:before, .ss-sheep.right:after {
  content: '🐑'; }

.ss-pig:before, .ss-pig.right:after {
  content: '🐖'; }

.ss-bone:before, .ss-bone.right:after {
  content: ''; }

.ss-tooth:before, .ss-tooth.right:after {
  content: ''; }

.ss-palmtree:before, .ss-palmtree.right:after {
  content: '🌴'; }

.ss-tree:before, .ss-tree.right:after {
  content: '🌲'; }

.ss-leaf:before, .ss-leaf.right:after {
  content: '🍂'; }

.ss-flower:before, .ss-flower.right:after {
  content: '⚘'; }

.ss-settings:before, .ss-settings.right:after {
  content: '⚙'; }

.ss-dashboard:before, .ss-dashboard.right:after {
  content: ''; }

.ss-notifications:before, .ss-notifications.right:after {
  content: '🔔'; }

.ss-toggles:before, .ss-toggles.right:after {
  content: ''; }

.ss-switch:before, .ss-switch.right:after {
  content: ''; }

.ss-switchoff:before, .ss-switchoff.right:after {
  content: ''; }

.ss-brightness:before, .ss-brightness.right:after {
  content: '🔆'; }

.ss-flashoff:before, .ss-flashoff.right:after {
  content: ''; }

.ss-toolbox:before, .ss-toolbox.right:after {
  content: ''; }

.ss-tools:before, .ss-tools.right:after {
  content: ''; }

.ss-wrench:before, .ss-wrench.right:after {
  content: '🔧'; }

.ss-wrenches:before, .ss-wrenches.right:after {
  content: ''; }

.ss-wrenchpencil:before, .ss-wrenchpencil.right:after {
  content: ''; }

.ss-screwdriverpencil:before, .ss-screwdriverpencil.right:after {
  content: ''; }

.ss-hammerscrewdriver:before, .ss-hammerscrewdriver.right:after {
  content: ''; }

.ss-tapemeasure:before, .ss-tapemeasure.right:after {
  content: ''; }

.ss-hourglass:before, .ss-hourglass.right:after {
  content: '⏳'; }

.ss-clock:before, .ss-clock.right:after {
  content: '⏲'; }

.ss-stopwatch:before, .ss-stopwatch.right:after {
  content: '⏱'; }

.ss-alarmclock:before, .ss-alarmclock.right:after {
  content: '⏰'; }

.ss-calendar:before, .ss-calendar.right:after {
  content: '📅'; }

.ss-keyboardup:before, .ss-keyboardup.right:after {
  content: ''; }

.ss-keyboarddown:before, .ss-keyboarddown.right:after {
  content: ''; }

.ss-heavyasterisk:before, .ss-heavyasterisk.right:after {
  content: '✱'; }

.ss-egg:before, .ss-egg.right:after {
  content: ''; }

.ss-cheese:before, .ss-cheese.right:after {
  content: ''; }

.ss-hotdog:before, .ss-hotdog.right:after {
  content: ''; }

.ss-burger:before, .ss-burger.right:after {
  content: '🍔'; }

.ss-birthdaycake:before, .ss-birthdaycake.right:after {
  content: '🎂'; }

.ss-pancakes:before, .ss-pancakes.right:after {
  content: ''; }

.ss-pizza:before, .ss-pizza.right:after {
  content: '🍕'; }

.ss-frenchfries:before, .ss-frenchfries.right:after {
  content: '🍟'; }

.ss-apple:before, .ss-apple.right:after {
  content: '🍏'; }

.ss-mug:before, .ss-mug.right:after {
  content: '☕'; }

.ss-coffee:before, .ss-coffee.right:after {
  content: ''; }

.ss-growler:before, .ss-growler.right:after {
  content: ''; }

.ss-beer:before, .ss-beer.right:after {
  content: '🍺'; }

.ss-bottle:before, .ss-bottle.right:after {
  content: ''; }

.ss-wine:before, .ss-wine.right:after {
  content: ''; }

.ss-wineglass:before, .ss-wineglass.right:after {
  content: '🍷'; }

.ss-cocktail:before, .ss-cocktail.right:after {
  content: '🍸'; }

.ss-soda:before, .ss-soda.right:after {
  content: ''; }

.ss-cup:before, .ss-cup.right:after {
  content: ''; }

.ss-babybottle:before, .ss-babybottle.right:after {
  content: '🍼'; }

.ss-jug:before, .ss-jug.right:after {
  content: ''; }

.ss-oven:before, .ss-oven.right:after {
  content: ''; }

.ss-takeout:before, .ss-takeout.right:after {
  content: ''; }

.ss-paperbag:before, .ss-paperbag.right:after {
  content: ''; }

.ss-utensils:before, .ss-utensils.right:after {
  content: '🍴'; }

.ss-tshirt:before, .ss-tshirt.right:after {
  content: '👕'; }

.ss-graduationcap:before, .ss-graduationcap.right:after {
  content: '🎓'; }

.ss-fabric:before, .ss-fabric.right:after {
  content: ''; }

.ss-swatch:before, .ss-swatch.right:after {
  content: ''; }

.ss-weave:before, .ss-weave.right:after {
  content: ''; }

.ss-thread:before, .ss-thread.right:after {
  content: ''; }

.ss-yarn:before, .ss-yarn.right:after {
  content: ''; }

.ss-crochet:before, .ss-crochet.right:after {
  content: ''; }

.ss-needles:before, .ss-needles.right:after {
  content: ''; }

.ss-scissorsneedles:before, .ss-scissorsneedles.right:after {
  content: ''; }

.ss-button:before, .ss-button.right:after {
  content: ''; }

.ss-zipper:before, .ss-zipper.right:after {
  content: ''; }

.ss-sun:before, .ss-sun.right:after {
  content: '☀'; }

.ss-partlycloudy:before, .ss-partlycloudy.right:after {
  content: '⛅'; }

.ss-rainbow:before, .ss-rainbow.right:after {
  content: '🌈'; }

.ss-umbrella:before, .ss-umbrella.right:after {
  content: '☂'; }

.ss-crescentmoon:before, .ss-crescentmoon.right:after {
  content: '🌙'; }

.ss-newmoon:before, .ss-newmoon.right:after {
  content: '🌑'; }

.ss-waxingcrescentmoon:before, .ss-waxingcrescentmoon.right:after {
  content: '🌒'; }

.ss-firstquartermoon:before, .ss-firstquartermoon.right:after {
  content: '🌓'; }

.ss-waxinggibbousmoon:before, .ss-waxinggibbousmoon.right:after {
  content: '🌔'; }

.ss-fullmoon:before, .ss-fullmoon.right:after {
  content: '🌕'; }

.ss-waninggibbousmoon:before, .ss-waninggibbousmoon.right:after {
  content: '🌖'; }

.ss-lastquartermoon:before, .ss-lastquartermoon.right:after {
  content: '🌗'; }

.ss-waningcrescentmoon:before, .ss-waningcrescentmoon.right:after {
  content: '🌘'; }

.ss-car:before, .ss-car.right:after {
  content: '🚘'; }

.ss-carrepair:before, .ss-carrepair.right:after {
  content: ''; }

.ss-taxi:before, .ss-taxi.right:after {
  content: '🚖'; }

.ss-train:before, .ss-train.right:after {
  content: '🚆'; }

.ss-bus:before, .ss-bus.right:after {
  content: '🚍'; }

.ss-truck:before, .ss-truck.right:after {
  content: '🚚'; }

.ss-trailer:before, .ss-trailer.right:after {
  content: ''; }

.ss-trailerdump:before, .ss-trailerdump.right:after {
  content: ''; }

.ss-plane:before, .ss-plane.right:after {
  content: '✈'; }

.ss-bike:before, .ss-bike.right:after {
  content: '🚲'; }

.ss-motorcycle:before, .ss-motorcycle.right:after {
  content: ''; }

.ss-boat:before, .ss-boat.right:after {
  content: '🚢'; }

.ss-rocket:before, .ss-rocket.right:after {
  content: '🚀'; }

.ss-ufo:before, .ss-ufo.right:after {
  content: ''; }

.ss-squarekey:before, .ss-squarekey.right:after {
  content: ''; }

.ss-tire:before, .ss-tire.right:after {
  content: ''; }

.ss-fuel:before, .ss-fuel.right:after {
  content: '⛽'; }

.ss-parking:before, .ss-parking.right:after {
  content: ''; }

.ss-wheelchair:before, .ss-wheelchair.right:after {
  content: '♿'; }

.ss-restroom:before, .ss-restroom.right:after {
  content: '🚻'; }

.ss-elevator:before, .ss-elevator.right:after {
  content: ''; }

.ss-briefcase:before, .ss-briefcase.right:after {
  content: '💼'; }

.ss-theatre:before, .ss-theatre.right:after {
  content: '🎭'; }

.ss-ticket:before, .ss-ticket.right:after {
  content: '🎫'; }

.ss-golf:before, .ss-golf.right:after {
  content: ''; }

.ss-billiards:before, .ss-billiards.right:after {
  content: '🎱'; }

.ss-baseball:before, .ss-baseball.right:after {
  content: '⚾'; }

.ss-tennis:before, .ss-tennis.right:after {
  content: '🎾'; }

.ss-basketball:before, .ss-basketball.right:after {
  content: '🏀'; }

.ss-football:before, .ss-football.right:after {
  content: '🏈'; }

.ss-soccer:before, .ss-soccer.right:after {
  content: '⚽'; }

.ss-flaginhole:before, .ss-flaginhole.right:after {
  content: '⛳'; }

.ss-paddles:before, .ss-paddles.right:after {
  content: ''; }

.ss-skiboot:before, .ss-skiboot.right:after {
  content: ''; }

.ss-skis:before, .ss-skis.right:after {
  content: '🎿'; }

.ss-hiker:before, .ss-hiker.right:after {
  content: ''; }

.ss-runner:before, .ss-runner.right:after {
  content: '🏃'; }

.ss-hottub:before, .ss-hottub.right:after {
  content: ''; }

.ss-exercise:before, .ss-exercise.right:after {
  content: ''; }

.ss-hospital:before, .ss-hospital.right:after {
  content: '⛨'; }

.ss-medicalcross:before, .ss-medicalcross.right:after {
  content: ''; }

.ss-medicalbag:before, .ss-medicalbag.right:after {
  content: ''; }

.ss-bandage:before, .ss-bandage.right:after {
  content: ''; }

.ss-flask:before, .ss-flask.right:after {
  content: ''; }

.ss-testtube:before, .ss-testtube.right:after {
  content: ''; }

.ss-up:before, .ss-up.right:after {
  content: '⬆'; }

.ss-right:before, .ss-right.right:after {
  content: '➡'; }

.ss-down:before, .ss-down.right:after {
  content: '⬇'; }

.ss-left:before, .ss-left.right:after {
  content: '⬅'; }

.ss-navigateup:before, .ss-navigateup.right:after {
  content: ''; }

.ss-navigateright:before, .ss-navigateright.right:after {
  content: '▻'; }

.ss-navigatedown:before, .ss-navigatedown.right:after {
  content: ''; }

.ss-navigateleft:before, .ss-navigateleft.right:after {
  content: '◅'; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

.ss-facebook:before, .ss-facebook.right:after,
.ss-twitter:before, .ss-twitter.right:after,
.ss-googleplus:before, .ss-googleplus.right:after,
.ss-mail:before, .ss-mail.right:after {
  font-family: "SSSocialRegular"; }

.ss-facebook:before, .ss-facebook.right:after {
  content: ''; }

.ss-twitter:before, .ss-twitter.right:after {
  content: ''; }

.ss-linkedin:before, .ss-linkedin.right:after {
  content: ''; }

.ss-googleplus:before, .ss-googleplus.right:after {
  content: ''; }

.ss-appdotnet:before, .ss-appdotnet.right:after {
  content: ''; }

.ss-zerply:before, .ss-zerply.right:after {
  content: ''; }

.ss-reddit:before, .ss-reddit.right:after {
  content: ''; }

.ss-tumblr:before, .ss-tumblr.right:after {
  content: ''; }

.ss-wordpress:before, .ss-wordpress.right:after {
  content: ''; }

.ss-blogger:before, .ss-blogger.right:after {
  content: ''; }

.ss-posterous:before, .ss-posterous.right:after {
  content: ''; }

.ss-youtube:before, .ss-youtube.right:after {
  content: ''; }

.ss-vimeo:before, .ss-vimeo.right:after {
  content: ''; }

.ss-flickr:before, .ss-flickr.right:after {
  content: ''; }

.ss-instagram:before, .ss-instagram.right:after {
  content: ''; }

.ss-fivehundredpx:before, .ss-fivehundredpx.right:after {
  content: ''; }

.ss-pinterest:before, .ss-pinterest.right:after {
  content: ''; }

.ss-svpply:before, .ss-svpply.right:after {
  content: ''; }

.ss-readmill:before, .ss-readmill.right:after {
  content: ''; }

.ss-dropbox:before, .ss-dropbox.right:after {
  content: ''; }

.ss-pinboard:before, .ss-pinboard.right:after {
  content: ''; }

.ss-dribbble:before, .ss-dribbble.right:after {
  content: ''; }

.ss-behance:before, .ss-behance.right:after {
  content: ''; }

.ss-github:before, .ss-github.right:after {
  content: ''; }

.ss-octocat:before, .ss-octocat.right:after {
  content: ''; }

.ss-stackoverflow:before, .ss-stackoverflow.right:after {
  content: ''; }

.ss-paypal:before, .ss-paypal.right:after {
  content: ''; }

.ss-kickstarter:before, .ss-kickstarter.right:after {
  content: ''; }

.ss-foursquare:before, .ss-foursquare.right:after {
  content: ''; }

.ss-yelp:before, .ss-yelp.right:after {
  content: ''; }

.ss-skype:before, .ss-skype.right:after {
  content: ''; }

.ss-rdio:before, .ss-rdio.right:after {
  content: ''; }

.ss-spotify:before, .ss-spotify.right:after {
  content: ''; }

.ss-lastfm:before, .ss-lastfm.right:after {
  content: ''; }

.ss-soundcloud:before, .ss-soundcloud.right:after {
  content: ''; }

.ss-mail:before, .ss-mail.right:after {
  content: '✉'; }

.ss-like:before, .ss-like.right:after {
  content: ''; }

.ss-rss:before, .ss-rss.right:after {
  content: ''; }

.ss-share:before, .ss-share.right:after {
  content: ''; }

.ss-apple:before, .ss-apple.right:after {
  content: ''; }

.ss-microsoft:before, .ss-microsoft.right:after {
  content: ''; }

.ss-windows:before, .ss-windows.right:after {
  content: ''; }

.ss-android:before, .ss-android.right:after {
  content: ''; }

.ss-blackberry:before, .ss-blackberry.right:after {
  content: ''; }

@font-face {
  font-family: 'hp-custom-icons';
  src: url("../fonts/hp-custom-icons.eot?-nk9dsd");
  src: url("../fonts/hp-custom-icons.eot?#iefix-nk9dsd") format("embedded-opentype"), url("../fonts/hp-custom-icons.woff?-nk9dsd") format("woff"), url("../fonts/hp-custom-icons.ttf?-nk9dsd") format("truetype"), url("../fonts/hp-custom-icons.svg?-nk9dsd#hp-custom-icons") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'hp-custom-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-contract:before {
  content: "\e606"; }

.icon-fullscreen:before {
  content: "\e605"; }

.icon-arrow-down:before {
  content: "\e601"; }

.icon-arrow-left:before {
  content: "\e602"; }

.icon-arrow-right:before {
  content: "\e603"; }

.icon-arrow-up:before {
  content: "\e604"; }

@font-face {
  font-family: 'historypin-7-ico-font';
  src: url("../fonts/historypin-7-ico-font.eot?ma8szp");
  src: url("../fonts/historypin-7-ico-font.eot?ma8szp#iefix") format("embedded-opentype"), url("../fonts/historypin-7-ico-font.ttf?ma8szp") format("truetype"), url("../fonts/historypin-7-ico-font.woff?ma8szp") format("woff"), url("../fonts/historypin-7-ico-font.svg?ma8szp#historypin-7-ico-font") format("svg");
  font-weight: normal;
  font-style: normal; }

.hp-icon:before {
  font-family: 'historypin-7-ico-font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-close-x:before {
  content: "\e800"; }

.icon-repin:before {
  content: "\e61f"; }

.icon-cookies:before {
  content: "\e61d"; }

.icon-profile:before {
  content: "\e61e"; }

.icon-project:before {
  content: "\e605"; }

.icon-drag-n-drop:before {
  content: "\e618"; }

.icon-light-bulb:before {
  content: "\e61a"; }

.icon-rotate-left:before {
  content: "\e61b"; }

.icon-rotate-right:before {
  content: "\e61c"; }

.icon-tick:before {
  content: "\e619"; }

.icon-play:before {
  content: "\e617"; }

.icon-add-collection:before {
  content: "\e60c"; }

.icon-add-pin:before {
  content: "\e60d"; }

.icon-add-tour:before {
  content: "\e60e"; }

.icon-rss:before {
  content: "\e612"; }

.icon-award:before {
  content: "\e60f"; }

.icon-close:before {
  content: "\e610"; }

.icon-world-globe:before {
  content: "\e611"; }

.icon-edit:before {
  content: "\e60b"; }

.icon-share:before {
  content: "\e613"; }

.icon-discussion:before {
  content: "\e614"; }

.icon-search:before {
  content: "\e615"; }

.icon-info:before {
  content: "\e616"; }

.icon-pen:before {
  content: "\e609"; }

.icon-trash:before {
  content: "\e60a"; }

.icon-comment:before {
  content: "\e600"; }

.icon-eye:before {
  content: "\e601"; }

.icon-folder:before {
  content: "\e602"; }

.icon-heart:before {
  content: "\e603"; }

.icon-pin:before {
  content: "\e604"; }

.icon-scroll:before {
  content: "\e606"; }

.icon-star:before {
  content: "\e607"; }

.icon-tour:before {
  content: "\e608"; }

@-moz-keyframes fade-in-down {
  0% {
    -moz-transform: translateY(-50px);
    opacity: 0; }
  100% {
    -moz-transform: translateY(10px);
    opacity: 1; } }

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-50px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(10px);
    opacity: 1; } }

@keyframes fade-in-down {
  0% {
    transform: translateY(-50px);
    opacity: 0; }
  100% {
    transform: translateY(10px);
    opacity: 1; } }

@-moz-keyframes levitate {
  0% {
    -moz-transform: translateY(-10px); }
  50% {
    -moz-transform: translateY(0px); }
  100% {
    -moz-transform: translateY(-10px); } }

@-webkit-keyframes levitate {
  0% {
    -webkit-transform: translateY(-10px); }
  50% {
    -webkit-transform: translateY(0px); }
  100% {
    -webkit-transform: translateY(-10px); } }

@keyframes levitate {
  0% {
    transform: translateY(-10px); }
  50% {
    transform: translateY(0px); }
  100% {
    transform: translateY(-10px); } }

@-moz-keyframes shadow {
  0% {
    width: 80%;
    left: 10%;
    box-shadow: rgba(50, 50, 50, 0.2) 0 5em 25px; }
  50% {
    width: 77%;
    left: 11%;
    box-shadow: rgba(50, 50, 50, 0.1) 0 5em 16px; }
  100% {
    width: 80%;
    left: 10%;
    box-shadow: rgba(50, 50, 50, 0.2) 0 5em 25px; } }

#banner {
  position: relative;
  z-index: 1500;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 3px; }

.full-banner-wrapper {
  position: relative;
  margin-top: -5.2em;
  overflow: hidden;
  background: url(/resources/explore/images/empty-project-bg.png) left top repeat;
  height: 100vh; }
  .full-banner-wrapper .users {
    overflow: hidden; }
    @media (min-width: 980px) {
      .full-banner-wrapper .users {
        right: 3em;
        bottom: 2.5em; } }
    @media (max-width: 980px) {
      .full-banner-wrapper .users {
        right: 0;
        bottom: 1em;
        left: 0; } }
    .full-banner-wrapper .users .user-img {
      display: block;
      float: left;
      margin-left: 1em; }
      @media (max-width: 980px) {
        .full-banner-wrapper .users .user-img {
          display: none; }
          .full-banner-wrapper .users .user-img:nth-of-type(1),
          .full-banner-wrapper .users .user-img:nth-of-type(2),
          .full-banner-wrapper .users .user-img:nth-of-type(3) {
            display: inline-block; } }
  .full-banner-wrapper .usr-search-wrapper {
    display: inline; }
    .full-banner-wrapper .usr-search-wrapper label {
      display: block;
      text-align: left; }
  .full-banner-wrapper .logos {
    position: absolute;
    left: 0;
    bottom: 3em;
    width: 100%;
    text-align: center; }
    .full-banner-wrapper .logos a {
      display: inline-block;
      margin-right: 2em; }
      .full-banner-wrapper .logos a:last-of-type {
        margin-right: 0; }
    .full-banner-wrapper .logos p {
      font-size: 0.75em;
      line-height: 5;
      color: #fff;
      font-weight: 700; }
  .full-banner-wrapper .error {
    display: none;
    position: absolute;
    top: 3em;
    left: 50%;
    width: 50%;
    padding: 0.5em;
    margin-left: -25%;
    font-size: 1.4em;
    border-radius: 0.5em;
    background: #FFF;
    color: #C00;
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
    pointer-events: none; }
  .full-banner-wrapper .project_funded img,
  .full-banner-wrapper .project_funded a {
    display: inline-block;
    margin-right: 2em; }
    .full-banner-wrapper .project_funded img:first-of-type,
    .full-banner-wrapper .project_funded a:first-of-type {
      margin-left: 0; }

.banner-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%; }

.banner-cnt {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff; }
  .banner-cnt .wrapper {
    display: table-cell;
    position: relative;
    vertical-align: middle; }
  .banner-cnt h2 {
    max-width: 17em;
    margin-bottom: 0.1em;
    line-height: 1.2;
    font-style: normal;
    text-transform: uppercase;
    font-family: 'TradeGothicW01-BoldCn20 675334'; }
    @media (min-width: 980px) {
      .banner-cnt h2 {
        font-size: 2.57em; } }
    @media (max-width: 980px) {
      .banner-cnt h2 {
        font-size: 1.6em; } }
  .banner-cnt h3 {
    max-width: 13.2em;
    line-height: 1.3;
    font-weight: normal; }
    @media (min-width: 980px) {
      .banner-cnt h3 {
        font-size: 4.28em; } }
    @media (max-width: 980px) {
      .banner-cnt h3 {
        font-size: 2.2em; } }
  .banner-cnt h2, .banner-cnt h3 {
    margin: 0 auto; }
  .banner-cnt .project-title,
  .banner-cnt .short-desc,
  .banner-cnt h3, .banner-cnt .short-desc-wrap {
    font-style: italic; }
  .banner-cnt .project-title,
  .banner-cnt .short-desc,
  .banner-cnt h2, .banner-cnt h3, .banner-cnt .short-desc-wrap {
    text-shadow: rgba(0, 0, 0, 0.8) 0 0 5px, rgba(0, 0, 0, 0.5) 0 0 20px, rgba(0, 0, 0, 0.5) 0 0 50px;
    /*@include text-shadow(rgba(0, 0, 0, 0.7) 0 0 5px);*/ }
  .banner-cnt .short-desc-wrap {
    margin: 1em auto 0;
    max-width: 26em; }
    @media (min-width: 980px) {
      .banner-cnt .short-desc-wrap {
        min-height: 5.35em;
        font-size: 1.28em; } }
    @media (max-width: 980px) {
      .banner-cnt .short-desc-wrap {
        min-height: auto;
        font-size: 1em; } }
  .banner-cnt h3, .banner-cnt .short-desc-wrap {
    border: 1px solid transparent; }
  .banner-cnt ::-webkit-input-placeholder {
    color: #fff; }
  .banner-cnt :-moz-placeholder {
    /* Firefox 18- */
    color: #fff; }
  .banner-cnt ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff; }
  .banner-cnt :-ms-input-placeholder {
    color: #fff; }

.banner-video {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%; }

.cnt-anchor {
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  /*border: 3px solid #fff;*/
  font-size: 3.5em;
  line-height: 1.7;
  color: #fff;
  text-shadow: 0 0 1em #999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  -moz-animation: fadeInDown 2s 1, levitate 1s infinite;
  -webkit-animation: fadeInDown 2s 1, levitate 1s infinite;
  animation: fadeInDown 2s 1, levitate 1s infinite;
  transition: color 0.3s ease; }
  .cnt-anchor:hover {
    animation-play-state: paused; }
  @media (min-width: 980px) {
    .cnt-anchor {
      margin-top: 5%; } }
  @media (max-width: 980px) {
    .cnt-anchor {
      margin-top: 0.5em; } }

.project-view .simple-banner {
  padding: 2em; }

.simple-banner-wrapper {
  position: relative;
  z-index: 1000; }

.simple-banner {
  position: relative;
  padding: 3.5em 2em;
  background: #fff; }
  .simple-banner h2 .hp-icon {
    display: inline-block;
    margin-right: 1em;
    color: #EC008C; }
    .simple-banner h2 .hp-icon:before {
      position: relative;
      top: 0.2em;
      font-size: 2em; }
  .simple-banner .simple-banner-copy {
    position: relative;
    padding-left: 6.5em;
    float: left; }
    @media (min-width: 980px) {
      .simple-banner .simple-banner-copy {
        max-width: 50%; } }
    @media (max-width: 980px) {
      .simple-banner .simple-banner-copy {
        padding-bottom: 2em;
        margin-bottom: 2em;
        border-bottom: 1px solid #F0F0F0; } }
  .simple-banner .tour-icon,
  .simple-banner .collection-icon {
    position: absolute;
    top: 0;
    left: 0; }
  .simple-banner .tour-icon {
    width: 4.5em;
    height: 4.5em;
    background: url(/resources/explore/images/tour-card-icon.svg) center center no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%; }
  .simple-banner .collection-icon {
    width: 3.64em;
    height: 4.35em;
    background: url(/resources/explore/images/collection-card-icon.svg) center center no-repeat;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    background-size: 100%; }
  .simple-banner .users {
    position: relative;
    padding-left: 2em;
    max-width: 30em;
    float: right;
    text-align: right; }
    .simple-banner .users .user-name {
      position: relative;
      top: -1em;
      cursor: pointer; }
      @media (max-width: 980px) {
        .simple-banner .users .user-name {
          display: none; } }
    .simple-banner .users .user-img {
      cursor: pointer; }
  .simple-banner .user {
    display: inline-block;
    text-align: right; }
    @media (min-width: 980px) {
      .simple-banner .user {
        margin-left: 2em;
        text-align: right; } }
    .simple-banner .user:nth-of-type(n+5) {
      display: none; }
    .simple-banner .user:nth-of-type(3n) {
      clear: left; }
  @media (min-width: 980px) {
    .simple-banner .simple-banner-actions {
      padding: 0 4.2em;
      float: right;
      border-right: 1px solid #F0F0F0; } }
  @media (max-width: 980px) {
    .simple-banner .simple-banner-actions {
      padding: 0 4.2em 0 0;
      float: left; } }
  .simple-banner .simple-banner-actions .icon-tour {
    display: block;
    width: 4.2em;
    height: 4.2em;
    margin: 0 auto 1.42em auto;
    color: #fff;
    text-align: center;
    background: #EC008C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .simple-banner .simple-banner-actions .icon-tour:before {
      padding-left: 0.15em;
      font-size: 2.5em;
      line-height: 1.7; }

#main-header {
  position: absolute;
  top: 0;
  width: 100%;
  height: 5.35em;
  z-index: 2000;
  background: #fff;
  /*overflow: hidden;*/ }
  #main-header .main-header-cnt {
    height: 3.35em;
    z-index: 100; }
  #main-header .main-header-breadcrumbs-wrapper {
    position: relative;
    height: 2em;
    line-height: 2em; }
  #main-header .hp-sticky {
    z-index: 2000; }
  #main-header
.breadcrumbs-logo-wrapper {
    display: none; }
  #main-header .hp-sticky.main-header-breadcrumbs-wrapper {
    padding-left: 3em;
    -webkit-backface-visibility: hidden; }
  #main-header .hp-sticky
.breadcrumbs-logo-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0.9em; }
    #main-header .hp-sticky
.breadcrumbs-logo-wrapper a {
      background: url("/resources/explore/images/breadcrumbs-logo.svg") center center no-repeat;
      -webkit-background-size: auto 80%;
      -moz-background-size: auto 80%;
      background-size: auto 80%; }
    #main-header .hp-sticky
.breadcrumbs-logo-wrapper, #main-header .hp-sticky
.breadcrumbs-logo-wrapper a {
      display: block;
      width: 20px;
      height: 100%; }
  #main-header .http-loader__wrapper {
    bottom: 0; }
  #main-header a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    #main-header a:hover {
      color: #EC008C; }
  #main-header ul {
    padding: 0; }
  #main-header ul li {
    list-style: none; }
  #main-header .main-header-cnt {
    position: relative;
    padding: 0 1.28em; }
  #main-header .main-header-add-pin a {
    color: #ec008c; }
  #main-header .entrance-type li,
  #main-header #main-header-logo,
  #main-header .nav-trigger {
    float: left; }
  #main-header .entrance-type {
    position: relative;
    margin-top: 0.65em;
    float: right; }
    #main-header .entrance-type a {
      display: inline-block; }
    #main-header .entrance-type li {
      margin-left: 1.28em; }
  #main-header #main-header-logo {
    font-size: 1em;
    margin-top: 0.8em;
    background: url("/resources/explore/images/logo.png") left center no-repeat; }
    @media (max-width: 980px) {
      #main-header #main-header-logo {
        margin-right: 2em; } }
    @media (min-width: 980px) {
      #main-header #main-header-logo {
        margin-right: 3.6em; } }
    #main-header #main-header-logo a {
      display: block;
      text-indent: -9999px; }
    #main-header #main-header-logo, #main-header #main-header-logo a {
      width: 9.4em;
      height: 1.9em; }
      @media (max-width: 599px) {
        #main-header #main-header-logo, #main-header #main-header-logo a {
          width: 10.4em;
          height: 2em; } }
  #main-header .nav-trigger {
    display: none;
    position: relative;
    top: 0.8em;
    width: 20px; }
    @media (max-width: 980px) {
      #main-header .nav-trigger {
        display: block; } }
    #main-header .nav-trigger .nav-trigger-element {
      display: block;
      width: 100%;
      height: 4px;
      margin-bottom: 4px;
      background: #808080; }
      #main-header .nav-trigger .nav-trigger-element:last-of-type {
        margin-bottom: 0; }
  #main-header #main-header-nav {
    padding-top: 0.2em;
    line-height: 3.15em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    @media (max-width: 980px) {
      #main-header #main-header-nav {
        position: absolute;
        top: 3.2em;
        left: -100%;
        min-width: 15em;
        z-index: 1;
        background: #fff; } }
    @media (max-width: 980px) {
      #main-header #main-header-nav li {
        width: 100%;
        padding: 1em;
        border-bottom: 1px solid #d9d9d9; } }
    @media (min-width: 980px) {
      #main-header #main-header-nav li {
        margin-right: 3.6em; } }
    @media (max-width: 980px) {
      #main-header #main-header-nav, #main-header #main-header-nav li {
        float: none; } }
    @media (min-width: 980px) {
      #main-header #main-header-nav, #main-header #main-header-nav li {
        float: left; } }
    #main-header #main-header-nav.triggered-nav {
      left: 0; }
  #main-header .btn-join {
    padding: 0.3em 1.5em;
    background: #d1d2d3;
    border-radius: 4px; }
  #main-header .btn-sign-in {
    margin-top: 0.2em; }
  #main-header .main-header-breadcrumbs-wrapper {
    width: 100%;
    background: #fff;
    padding: 0 1.2em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  #main-header .main-header-breadcrumbs {
    width: 100%; }
    #main-header .main-header-breadcrumbs .breadcrumbs-item {
      display: inline-block;
      position: relative;
      margin-right: 1.6em; }
      #main-header .main-header-breadcrumbs .breadcrumbs-item:last-of-type {
        margin-right: 0;
        font-weight: bold; }
        #main-header .main-header-breadcrumbs .breadcrumbs-item:last-of-type:after,
        #main-header .main-header-breadcrumbs .breadcrumbs-item:last-of-type:before {
          display: none; }
      #main-header .main-header-breadcrumbs .breadcrumbs-item:after,
      #main-header .main-header-breadcrumbs .breadcrumbs-item:before {
        display: block;
        position: absolute;
        right: -15px;
        height: 1px;
        width: 8px;
        content: '';
        background: #808080; }
      #main-header .main-header-breadcrumbs .breadcrumbs-item:after {
        top: 50%;
        margin-top: -4px;
        -webkit-transform: rotate(65deg);
        -moz-transform: rotate(65deg);
        -ms-transform: rotate(65deg);
        -o-transform: rotate(65deg);
        transform: rotate(65deg); }
      #main-header .main-header-breadcrumbs .breadcrumbs-item:before {
        bottom: 50%;
        margin-bottom: -4px;
        -webkit-transform: rotate(-65deg);
        -moz-transform: rotate(-65deg);
        -ms-transform: rotate(-65deg);
        -o-transform: rotate(-65deg);
        transform: rotate(-65deg); }
    #main-header .main-header-breadcrumbs a {
      color: #808080; }
      #main-header .main-header-breadcrumbs a:hover {
        color: #EC008C; }
    #main-header .main-header-breadcrumbs .breadcrumbs-cnt-wrapepr {
      position: relative;
      height: 1.7em;
      -webkit-backface-visibility: hidden; }
  #main-header .breadcrumbs-cnt {
    padding-bottom: 0;
    white-space: nowrap; }
    #main-header .breadcrumbs-cnt.breadcrumbs-overflow {
      float: right; }
      #main-header .breadcrumbs-cnt.breadcrumbs-overflow .breadcrumbs-dots-wrapper {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none; }
      #main-header .breadcrumbs-cnt.breadcrumbs-overflow .breadcrumbs-dots-wrapper:after {
        display: block;
        position: absolute;
        top: 0;
        height: 2.28em;
        width: 20em;
        content: '';
        /* fallback/image non-cover color */
        background-color: white;
        /* Firefox 3.6+ */
        background-image: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
        /* Safari 4+, Chrome 1+ */
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, white), color-stop(100%, rgba(255, 255, 255, 0)));
        /* Safari 5.1+, Chrome 10+ */
        background-image: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
        /* Opera 11.10+ */
        background-image: -o-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
        /* IE10+ */
        background: -ms-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
        /* Standard */
        background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
        /* IE6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
        pointer-events: none; }
  #main-header .breadcrumbs-inner-container {
    display: inline-block; }
  #main-header .breadcrumbs-dots-wrapper {
    display: none;
    position: relative;
    top: -0.2em;
    z-index: 1; }
    #main-header .breadcrumbs-dots-wrapper .breadcrumbs-dot-element {
      position: relative;
      display: inline-block;
      width: 4px;
      height: 4px;
      background: #808080;
      border-radius: 50%;
      z-index: 10; }
  #main-header .main-header-user-actions {
    position: absolute;
    right: -120%;
    width: 100%;
    padding: 0 1em;
    margin-top: 0.1em;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 4px -2px inset, rgba(0, 0, 0, 0.1) 2px 2px 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 4px -2px inset, rgba(0, 0, 0, 0.1) 2px 2px 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 4px -2px inset, rgba(0, 0, 0, 0.1) 2px 2px 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    #main-header .main-header-user-actions li {
      padding: 0.5em 0;
      border-bottom: 1px solid #d9d9d9; }
      #main-header .main-header-user-actions li:last-of-type {
        border-bottom: none; }
  #main-header .main-header-user-actions-wrapper {
    position: relative;
    top: -0.2em;
    float: right;
    z-index: 1; }
    #main-header .main-header-user-actions-wrapper, #main-header .main-header-user-actions-wrapper a {
      color: #808080; }
    #main-header .main-header-user-actions-wrapper:hover .main-header-user-actions {
      right: 0; }
    #main-header .main-header-user-actions-wrapper a:hover {
      color: #EC008C; }
  #main-header .main-header-user {
    position: relative;
    padding-right: 16px;
    overflow: hidden;
    background: #fff; }
    #main-header .main-header-user:after,
    #main-header .main-header-user:before {
      display: block;
      position: absolute;
      right: 0;
      width: 7px;
      height: 2px;
      content: '';
      background: #b0b0b0;
      border-radius: 1px; }
    #main-header .main-header-user:before {
      top: 50%;
      margin-top: -3px;
      -webkit-transform: rotate(60deg);
      -moz-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      -o-transform: rotate(60deg);
      transform: rotate(60deg); }
    #main-header .main-header-user:after {
      bottom: 50%;
      margin-bottom: -3px;
      -webkit-transform: rotate(-60deg);
      -moz-transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      -o-transform: rotate(-60deg);
      transform: rotate(-60deg); }
  #main-header .main-header-username,
  #main-header .main-header-user-avatar {
    display: block;
    float: left; }
  #main-header .main-header-username {
    line-height: 3.15em;
    margin-top: 0.3em; }
  #main-header .main-header-user-avatar {
    width: 32px;
    height: 32px;
    margin-top: 0.8em;
    margin-left: 1.35em;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #808080; }
    #main-header .main-header-user-avatar img {
      display: block;
      width: 100%;
      height: auto; }

#main-header-logo {
  position: relative; }
  #main-header-logo:after {
    display: block;
    position: absolute;
    right: 0.3em;
    bottom: -1.1em;
    padding: 0em 0.4em;
    content: 'Beta';
    color: #EC008C;
    font-weight: bold;
    font-size: 0.8em;
    background: #FFF; }

.site-footer {
  padding: 1.2em 0 2em;
  position: relative;
  z-index: 1040;
  padding-bottom: 0;
  background: #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 2px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 -2px 2px; }
  @media (max-width: 980px) {
    .site-footer {
      text-align: center; }
      .site-footer br {
        display: none; } }
  .site-footer, .site-footer a {
    color: #333; }
  .site-footer a {
    display: inline-block; }
  .site-footer h5 {
    margin-bottom: 0.2em;
    font-size: 1.28em;
    font-weight: bold; }
  .project-view .site-footer {
    font-size: 0.9em;
    display: none; }
    .project-view .site-footer .footer-col:nth-of-type(2) br {
      display: none; }
    .project-view .site-footer p {
      padding-bottom: 1em; }
    .project-view .site-footer .container {
      max-width: inherit; }
  .explore-panel-active .site-footer {
    visibility: hidden; }
  .site-footer .footer-col:first-of-type a {
    margin: 0 0.6em 0.8em; }
  .site-footer .footer-col:nth-of-type(2) a {
    text-decoration: underline; }
  @media (max-width: 980px) {
    .site-footer .footer-col:first-of-type {
      margin-bottom: 1em; } }
  @media (min-width: 980px) {
    .site-footer .footer-col {
      float: left; }
      .site-footer .footer-col:first-of-type {
        width: 66%;
        margin-right: 1.5%; }
      .site-footer .footer-col:nth-of-type(2) {
        width: 32.5%;
        text-align: right; } }

#timeline {
  height: 40%;
  width: 28px;
  position: absolute;
  left: 10px;
  bottom: 140px;
  border-radius: 3px;
  padding: 0.95em;
  z-index: 1;
  background: white; }
  #timeline, #timeline .start, #timeline .end {
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; }
  #timeline .timeline-title {
    display: none; }
  #timeline .start, #timeline .end {
    display: none;
    position: absolute;
    height: 22px;
    bottom: -19px;
    left: 0;
    padding: 0.05em 0.5em;
    font-family: "Noto Sans", sans-serif;
    font-size: 0.8em;
    font-weight: 400;
    color: #000;
    border-radius: 3px;
    background: #FFF; }
    @media (max-width: 980px) {
      #timeline .start, #timeline .end {
        display: none; } }
  #timeline .end {
    bottom: inherit;
    top: -19px; }
  #timeline .ui-slider {
    height: auto;
    left: 14px;
    top: 1em;
    bottom: 1em; }
  #timeline .ui-slider-handle {
    width: 60px;
    height: 60px;
    padding-top: 0.5em;
    background: url(/resources/explore/images/timeline-slider-button.svg) center center no-repeat; }

.ui-slider-handle-left,
.ui-slider-handle-right {
  position: absolute;
  top: -0.5em; }

.ui-slider {
  position: absolute;
  width: 100%;
  /* For IE8 - See #6727 */ }
  .ui-slider:before {
    top: -0.3em; }
  .ui-slider:after {
    bottom: -0.3em; }
  .ui-slider:before,
  .ui-slider:after {
    display: block;
    position: absolute;
    left: -0.31em;
    width: 0.7em;
    height: 0.7em;
    z-index: 1;
    content: '';
    background: #808080;
    border-radius: 2px; }
  .ui-slider .ui-slider-pin-range,
  .ui-slider .ui-slider-handle {
    position: absolute;
    left: -29px;
    z-index: 2;
    text-align: center;
    cursor: default;
    color: #000; }
  .ui-slider .ui-slider-pin-range {
    background: #fff; }
  .ui-slider .ui-slider-handle {
    width: 48px;
    height: 26px;
    z-index: 100;
    background: url(/resources/explore/images/slider-button.svg) center center no-repeat; }
  .ui-slider .ui-slider-pin-range {
    top: -5px;
    width: 10px;
    z-index: 100;
    background: #EC008C;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .ui-slider .ui-slider-range {
    display: block;
    position: absolute;
    left: -1px;
    width: 4px;
    z-index: 1;
    font-size: 0.7em;
    border: 0;
    background: #FFA04B; }
  .ui-slider > .ui-slider-handle:first-of-type {
    margin-bottom: -12px; }
  .ui-slider > .ui-slider-handle:nth-of-type(2) {
    margin-bottom: -12px; }
  .ui-slider.ui-state-disabled .ui-slider-handle,
  .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit; }
  .ui-slider.ui-slider-vertical {
    width: 1px;
    background: #808080; }

.ui-widget-content .ui-state-default {
  outline: none; }

.ui-slider.ui-slider-horizontal {
  /*position: absolute;*/
  /*right: 25px;*/
  /*bottom: 36px;*/
  /*border-radius: 3px;*/
  /*box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;*/
  /*width: 80%;*/
  /*min-height: 5.45em;*/
  /*padding: 0.95em;*/
  /*z-index: 1;*/
  /*background: rgba(255,255,255,1);*/
  position: absolute;
  width: 100%;
  height: 1px;
  background: #808080;
  /* For IE8 - See #6727 */ }
  .ui-slider.ui-slider-horizontal .timeline-title {
    display: none;
    padding-top: 0.6em;
    margin-bottom: 0;
    font-size: 1em;
    text-align: center; }
  .ui-slider.ui-slider-horizontal .start,
  .ui-slider.ui-slider-horizontal .end {
    position: absolute;
    top: 3.15em;
    padding: 0.05em 1.2em;
    font-family: "Noto Sans", sans-serif;
    font-weight: 400;
    color: #000;
    border-radius: 4px;
    border: 1px solid #B9B9B9; }
    @media (max-width: 980px) {
      .ui-slider.ui-slider-horizontal .start,
      .ui-slider.ui-slider-horizontal .end {
        display: none; } }
  .ui-slider.ui-slider-horizontal .start {
    left: 0.95em; }
  .ui-slider.ui-slider-horizontal .end {
    right: 0.95em; }
  .ui-slider.ui-slider-horizontal .tooltip {
    top: 120px;
    left: 100px; }
  .ui-slider.ui-slider-horizontal .ui-slider {
    width: auto;
    top: 4em;
    left: 5.7em;
    right: 5.7em; }
  .ui-slider.ui-slider-horizontal .ui-slider-handle {
    width: 60px;
    height: 60px;
    padding-top: 0.5em;
    background: url(/resources/explore/images/timeline-slider-button.svg) center center no-repeat; }
  .ui-slider.ui-slider-horizontal .ui-slider-pin-range {
    top: -4px; }
  .ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -47px; }
  .ui-slider.ui-slider-horizontal .ui-slider-handle-left,
  .ui-slider.ui-slider-horizontal .ui-slider-handle-right {
    position: absolute;
    top: -0.5em; }
  .ui-slider.ui-slider-horizontal:before {
    left: -0.3em; }
  .ui-slider.ui-slider-horizontal:after {
    left: 100%; }
  .ui-slider.ui-slider-horizontal:before,
  .ui-slider.ui-slider-horizontal:after {
    display: block;
    position: absolute;
    top: -0.31em;
    width: 0.7em;
    height: 0.7em;
    z-index: 1;
    content: '';
    background: #808080;
    border-radius: 50%; }
  .ui-slider.ui-slider-horizontal .ui-slider-pin-range,
  .ui-slider.ui-slider-horizontal .ui-slider-handle {
    position: absolute;
    top: -13px;
    z-index: 2;
    text-align: center;
    cursor: default;
    color: #000; }
  .ui-slider.ui-slider-horizontal .ui-slider-pin-range {
    background: #fff; }
  .ui-slider.ui-slider-horizontal .ui-slider-handle {
    width: 48px;
    height: 26px;
    z-index: 100;
    background: url(/resources/explore/images/slider-button.svg) center center no-repeat; }
  .ui-slider.ui-slider-horizontal .ui-slider-pin-range {
    top: -5px;
    height: 10px;
    z-index: 100;
    background: #EC008C;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px; }
  .ui-slider.ui-slider-horizontal .ui-slider-range {
    display: block;
    position: absolute;
    top: -2px;
    height: 4px;
    z-index: 1;
    font-size: 0.7em;
    border: 0;
    background: #FFA04B; }
  .ui-slider.ui-slider-horizontal > .ui-slider-handle:first-of-type {
    margin-left: -30px; }
  .ui-slider.ui-slider-horizontal > .ui-slider-handle:nth-of-type(2) {
    margin-left: -32px; }
  .ui-slider.ui-slider-horizontal.ui-state-disabled .ui-slider-handle,
  .ui-slider.ui-slider-horizontal.ui-state-disabled .ui-slider-range {
    filter: inherit; }

.ui-widget-content .ui-state-default {
  outline: none; }

.loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: -40px 0 0 -40px;
  text-align: center;
  background: #FFF url(/resources/explore/images/ajax-loader.gif) center center no-repeat;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 12px;
  pointer-events: none;
  z-index: 2000; }
  .loading .loader {
    display: block; }

.social {
  top: 0;
  right: 0;
  z-index: 1;
  color: #fff;
  text-align: center; }
  .social:hover .social-triger {
    background: #414042; }
  .social:hover .social-container {
    width: 270px;
    overflow: visible; }
  .social a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 1.5em;
    line-height: 2.4;
    color: #fff; }
  .social li {
    float: right;
    list-style: none; }
  .social .social-container {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 54px;
    height: 50px;
    padding: 0;
    overflow: hidden;
    list-style: none; }
  .social .share-position {
    top: 205px; }
  .social .social-triger {
    height: 50px;
    font-size: 1.25em;
    line-height: 3;
    font-family: "SSSymbolicons"; }
  .social .ss-facebook {
    background: #3b5998; }
  .social .ss-twitter {
    background: #00bbf5; }
  .social .ss-googleplus {
    background: #dd4b39; }
  .social .ss-mail {
    background: #939598; }
  .social .ss-facebook,
  .social .ss-twitter,
  .social .ss-googleplus,
  .social .ss-mail {
    font-family: "SSSocialRegular"; }
  .social .at16nc.at16t_compact {
    position: absolute;
    z-index: -1; }
  .social .at16nc.at16t_facebook,
  .social .at16nc.at16t_twitter,
  .social .at16nc.at16t_google_plusone_share,
  .social .at4-icon,
  .social .at16t_email {
    display: none !important; }

.share-container {
  display: inline-block;
  padding: 0; }
  .share-container a {
    display: block;
    width: 1.42em;
    height: 1.42em;
    font-size: 1.6em;
    color: #fff; }
    .share-container a span.at4-icon {
      display: none; }
  .share-container li {
    margin-right: 1em;
    float: left;
    text-align: center;
    list-style: none; }
    .share-container li:last-of-type {
      margin-right: 0; }
  .share-container .ss-facebook {
    background-color: #38599a; }
  .share-container .ss-twitter {
    background-color: #00aeef; }
  .share-container .ss-googleplus {
    background-color: #df4938; }
  .share-container .ss-mail {
    background-color: #878787; }

.ui-dialog {
  padding: 2em;
  z-index: 3000;
  outline: none;
  background: #fff;
  border: 1px solid #B9B9B9; }
  .ui-dialog .ui-dialog-title,
  .ui-dialog .ui-dialog-title + button {
    display: none; }

.dialog-width {
  width: 600px; }

.user-dialog-wrapper {
  position: fixed;
  background: #fff; }

.join-dialog, .login-dialog {
  display: none; }
  .join-dialog .ui-dialog-titlebar, .login-dialog .ui-dialog-titlebar {
    display: none; }
  .join-dialog .login-choice, .login-dialog .login-choice {
    padding-right: 2em;
    float: left;
    width: 70%;
    border-right: 1px solid #F0F0F0; }
    .join-dialog .login-choice a, .login-dialog .login-choice a {
      display: block;
      position: relative;
      padding: 0.75em 1em;
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .join-dialog .login-choice a#login-facebook, .login-dialog .login-choice a#login-facebook {
        background-color: #38599a; }
        .join-dialog .login-choice a#login-facebook:hover, .login-dialog .login-choice a#login-facebook:hover {
          background-color: #2a4375; }
      .join-dialog .login-choice a#login-twitter, .login-dialog .login-choice a#login-twitter {
        background-color: #00aeef; }
        .join-dialog .login-choice a#login-twitter:hover, .login-dialog .login-choice a#login-twitter:hover {
          background-color: #0089bc; }
      .join-dialog .login-choice a#login-google, .login-dialog .login-choice a#login-google {
        background-color: #df4938; }
        .join-dialog .login-choice a#login-google:hover, .login-dialog .login-choice a#login-google:hover {
          background-color: #c43020; }
      .join-dialog .login-choice a#login-mail,
      .join-dialog .login-choice a#sign-mail, .login-dialog .login-choice a#login-mail,
      .login-dialog .login-choice a#sign-mail {
        background-color: #878787; }
        .join-dialog .login-choice a#login-mail:hover,
        .join-dialog .login-choice a#sign-mail:hover, .login-dialog .login-choice a#login-mail:hover,
        .login-dialog .login-choice a#sign-mail:hover {
          background-color: #6e6e6e; }
      .join-dialog .login-choice a .icon, .login-dialog .login-choice a .icon {
        display: inline-block;
        float: right;
        text-align: center; }
        .join-dialog .login-choice a .icon,
        .join-dialog .login-choice a .icon[class*=" ss-"]:before, .login-dialog .login-choice a .icon,
        .login-dialog .login-choice a .icon[class*=" ss-"]:before {
          font-size: 1.5em;
          font-family: "SSSocialRegular" !important; }
        .join-dialog .login-choice a .icon.ss-send, .login-dialog .login-choice a .icon.ss-send {
          margin-top: -4px; }
    .join-dialog .login-choice .or-line, .login-dialog .login-choice .or-line {
      margin-top: 2em; }
    .join-dialog .login-choice .or-mail, .login-dialog .login-choice .or-mail {
      width: 3em;
      margin: -1.9em auto 1.2em;
      background: #fff; }
  .join-dialog .buttons-animation.social-buttons li:nth-child(-n+2), .login-dialog .buttons-animation.social-buttons li:nth-child(-n+2) {
    margin-right: 2%; }
  .join-dialog .buttons-animation.social-buttons li:nth-child(-n+3), .login-dialog .buttons-animation.social-buttons li:nth-child(-n+3) {
    width: 32%;
    float: left;
    font-size: 70%; }
    .join-dialog .buttons-animation.social-buttons li:nth-child(-n+3) a, .login-dialog .buttons-animation.social-buttons li:nth-child(-n+3) a {
      padding: 0.75em 0;
      text-align: center; }
    .join-dialog .buttons-animation.social-buttons li:nth-child(-n+3) .icon, .login-dialog .buttons-animation.social-buttons li:nth-child(-n+3) .icon {
      display: block;
      float: none; }
  .join-dialog .buttons-animation.social-buttons li:nth-child(4), .login-dialog .buttons-animation.social-buttons li:nth-child(4) {
    float: none;
    clear: both; }
  .join-dialog .social-buttons, .login-dialog .social-buttons {
    padding: 0; }
    .join-dialog .social-buttons li, .login-dialog .social-buttons li {
      width: 100%;
      margin-bottom: 1em;
      list-style: none;
      -webkit-transition: width 0.3s ease-in-out;
      -moz-transition: width 0.3s ease-in-out;
      transition: width 0.3s ease-in-out; }
      .join-dialog .social-buttons li:last-of-type, .login-dialog .social-buttons li:last-of-type {
        margin-bottom: 0; }
  .join-dialog input[type=submit], .login-dialog input[type=submit] {
    display: none; }
  .join-dialog .login-submit, .login-dialog .login-submit {
    float: left; }
  .join-dialog a.forgotten-pass, .login-dialog a.forgotten-pass {
    display: block;
    padding: 0;
    padding-top: 4px;
    float: right;
    color: #000; }
    .join-dialog a.forgotten-pass:hover,
    .join-dialog a.forgotten-pass:focus, .login-dialog a.forgotten-pass:hover,
    .login-dialog a.forgotten-pass:focus {
      text-decoration: underline; }
  .join-dialog .field-wrapp, .login-dialog .field-wrapp {
    margin: 0.5em 0;
    overflow: hidden; }
    .join-dialog .field-wrapp label, .login-dialog .field-wrapp label {
      width: 100%;
      font-size: 1em; }
      .join-dialog .field-wrapp label a, .login-dialog .field-wrapp label a {
        display: inline;
        padding: 0;
        color: #000; }
  .join-dialog .new-to-hp, .login-dialog .new-to-hp {
    width: 30%;
    padding: 0 1em;
    float: left;
    text-align: center; }
  .join-dialog .errors,
  .join-dialog .error, .login-dialog .errors,
  .login-dialog .error {
    margin: 0;
    text-align: center; }
    .join-dialog .errors,
    .join-dialog .errors p,
    .join-dialog .error, .join-dialog .error p, .login-dialog .errors,
    .login-dialog .errors p,
    .login-dialog .error, .login-dialog .error p {
      color: #C00 !important; }
  .join-dialog .errors, .login-dialog .errors {
    display: none;
    margin-top: 4em; }
  .join-dialog .email-login-wrapp,
  .join-dialog .sign-login-wrapp, .login-dialog .email-login-wrapp,
  .login-dialog .sign-login-wrapp {
    display: none;
    margin-top: 2em; }
  .join-dialog .required, .login-dialog .required {
    color: #c00; }

.register-dialog {
  padding: 1.75em 1.75em 0 1.75em;
  border-top: 1px solid #ccc;
  text-align: center; }
  .register-dialog p {
    margin-bottom: 1em; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1020; }

#site-content .login-choice .or-mail {
  margin-top: -2.25em; }

.dialog-window {
  color: #000; }
  .dialog-window input {
    float: left; }
  .dialog-window .share-container {
    padding-bottom: 2em; }
  .dialog-window .input-wrapper {
    position: relative; }
    .dialog-window .input-wrapper input {
      width: 85%; }
    .dialog-window .input-wrapper .rounded-corners-btn {
      float: right; }

.dialog-note {
  padding: 0; }

.video-commenting .step-wrapper {
  padding: 0;
  position: absolute;
  top: 1.8em;
  right: 15em; }
  .video-commenting .step-wrapper li {
    display: inline-block;
    width: 2em;
    height: 2em;
    background: #CCC;
    border-radius: 50%;
    margin-right: 0.5em; }
    .video-commenting .step-wrapper li.selected {
      background: #FFA04B; }
    .video-commenting .step-wrapper li.past {
      background: #EC008C; }

.video-commenting .helper {
  margin-top: 2em;
  padding-top: 1em;
  text-align: center;
  border: 1px solid #CCC;
  border-radius: 0.3em;
  position: relative;
  margin-left: 3em;
  margin-right: 3em; }
  .video-commenting .helper p {
    padding-bottom: 1em; }
  .video-commenting .helper:before {
    top: -14px;
    bottom: auto;
    left: auto;
    right: calc(50% - 14px);
    border-width: 0 14px 14px;
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #CCC transparent;
    display: block;
    width: 0; }
  .video-commenting .helper:after {
    top: -13px;
    bottom: auto;
    left: auto;
    right: calc(50% - 13px);
    border-width: 0 13px 13px;
    content: "";
    position: absolute;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0; }
  .video-commenting .helper.left, .video-commenting .helper.center, .video-commenting .helper.right {
    float: left;
    width: 28%;
    margin: 2em 0; }
  .video-commenting .helper.center {
    margin: 2em 8%; }

#yt-uploader + div > div:after {
  display: block;
  content: '';
  height: 1px;
  clear: both; }

.circle-wrap {
  width: 10em;
  height: 10em;
  margin: 4em auto; }

.circle-loader {
  width: 100%;
  height: 100%;
  margin: 0px;
  transition: all 0.7s ease-in-out;
  border: 10px solid #ebebeb;
  border-bottom-color: #EC008C;
  border-radius: 50%;
  -webkit-font-smoothing: antialiased !important;
  animation: spin 3s linear infinite;
  -webkit-animation: spin 3s linear infinite; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.tooltip {
  display: none;
  position: absolute;
  padding: 5px 10px;
  max-width: 14em;
  z-index: 100;
  font-size: 0.75em;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px;
  border: 1px solid #F0F0F0; }
  .tooltip .toolitp-copy {
    display: block;
    background: #fff; }
  .tooltip .icon-light-bulb:before {
    position: absolute;
    top: 0.4em;
    left: 6px;
    font-size: 1.5em; }
  .tooltip .icon-light-bulb + .toolitp-copy {
    padding-left: 1.5em; }

.arrow-up:after,
.arrow-down:after,
.arrow-up-right:after,
.arrow-up-left:after,
.arrow-down-left:after,
.arrow-down-right:after,
.arrow-left:after,
.arrow-right:after {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: -2;
  background: #fff;
  content: '';
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 8px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border: 1px solid #F0F0F0; }

.arrow-up:after,
.arrow-down:after {
  left: 50%;
  margin-left: -6px; }

.arrow-up-right:after {
  top: -6px;
  right: 14px; }

.arrow-up-left:after {
  top: -6px;
  left: 14px; }

.arrow-down-left:after {
  bottom: -6px;
  left: 14px; }

.arrow-down-right:after {
  bottom: -6px;
  right: 14px; }

.arrow-left:after {
  top: 50%;
  left: -6px;
  margin-top: -6px; }

.arrow-right:after {
  top: 50%;
  right: -6px;
  margin-top: -6px; }

.arrow-up-right:before,
.arrow-up-left:before,
.arrow-down:before,
.arrow-up:before,
.arrow-down-left:before,
.arrow-down-right:before,
.arrow-left:before,
.arrow-right:before {
  position: absolute;
  width: 30px;
  height: 8px;
  z-index: 2;
  background: #fff;
  content: ''; }

.arrow-up-right:before {
  top: 0;
  right: 10px; }

.arrow-up-left:before {
  top: 0;
  left: 10px; }

.arrow-down:before,
.arrow-up:before {
  left: 50%;
  margin-left: -13px; }

.arrow-down-left:before {
  bottom: 0;
  left: 14px; }

.arrow-down-right:before {
  bottom: 0;
  right: 10px; }

.arrow-down:after {
  bottom: -6px; }

.arrow-up:after {
  top: -6px; }

.arrow-down:before {
  bottom: 0; }

.arrow-up:before {
  top: 0; }

.arrow-left:before,
.arrow-right:before {
  top: 50%;
  width: 8px;
  height: 30px;
  margin-top: -15px;
  background: #fff; }

.arrow-left:before {
  left: 0; }

.arrow-right:before {
  right: 0; }

#map .tooltip {
  font-size: 1.1em; }

.users {
  position: absolute; }
  .users .user-img {
    display: inline-block;
    position: relative;
    width: 4.1em;
    height: 4.1em;
    z-index: 1;
    border: 4px solid #fff;
    overflow: visible;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .users .user-img img {
      display: block;
      width: 100%;
      height: 100%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .users .user-img-wrapper {
    float: right; }
    .users .user-img-wrapper .user-img {
      margin-left: 1em; }
    .users .user-img-wrapper:first-of-type .user-img {
      width: 5em;
      height: 5em;
      position: relative;
      bottom: 0.4em; }
      .users .user-img-wrapper:first-of-type .user-img .user-remove {
        display: none !important; }
    .users .user-img-wrapper:last-of-type .user-img {
      margin-left: 0; }
    .users .user-img-wrapper .user-remove {
      display: none;
      position: absolute;
      top: -1em;
      right: -1em;
      width: 2em;
      height: 2em;
      background: #ec008c;
      color: #FFF;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      cursor: pointer; }
      .users .user-img-wrapper .user-remove span {
        font-size: 1.6em;
        color: #FFF; }
  .users .user-name {
    display: inline-block;
    padding: 0.2em 1.2em 0.2em 0.5em;
    margin: 1.2em -0.5em 0 0;
    max-width: 10em;
    overflow: hidden;
    font-weight: bold;
    color: #fff;
    background: #282828;
    text-overflow: ellipsis;
    white-space: nowrap; }

.project-edit .users .user-remove {
  display: block; }

.pagination {
  width: 100%;
  text-align: center;
  clear: both; }
  @media (max-width: 980px) {
    .pagination {
      font-size: 1.3em; } }
  .pagination .pagination-list {
    padding-left: 0; }
  .pagination .total-pins {
    font-size: 0.75em; }
  .pagination li {
    display: inline-block;
    margin: 0 0.2em;
    list-style: none outside; }
    .pagination li a {
      display: block;
      height: 2.14em;
      padding: 0 0.4em;
      min-width: 2.14em;
      line-height: 2;
      color: #3b342e;
      border: 1px solid #ececec;
      text-align: center;
      background: #fff;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      -webkit-box-shadow: 0 1px 1px #ececec;
      -moz-box-shadow: 0 1px 1px #ececec;
      box-shadow: 0 1px 1px #ececec; }
      .pagination li a:hover {
        color: #ec008c; }
      .pagination li a:active {
        color: #fff;
        background: #808080; }
    .pagination li.ellipsis a, .pagination li.ellipsis a:hover {
      color: #584d44;
      background-color: transparent;
      border-color: transparent;
      cursor: default;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none; }
    .pagination li.active a {
      color: #fff;
      background: #808080; }
  .pagination .icon-arrow-left,
  .pagination .icon-arrow-right {
    padding: 0; }
    .pagination .icon-arrow-left:before,
    .pagination .icon-arrow-right:before {
      position: relative;
      top: 0.1em; }

.tags a {
  position: relative;
  display: inline-block;
  padding: 0.3em 0.55em;
  margin: 0 0.4em 0.4em 0;
  color: #000;
  font-size: 0.85em;
  background: #fff;
  border: 1px solid #F0F0F0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.tags a:hover {
  color: #fff;
  background: #6987C3; }

.tags .selected {
  color: #fff;
  background: #EC008C; }

.tags.big-tags a {
  font-size: 1em; }

.tags .tag-delete {
  cursor: pointer;
  width: 16px;
  height: 15px;
  position: absolute;
  left: -5px;
  top: -5px;
  font-size: 1px;
  outline: none;
  border: 1px solid #CCC;
  border-radius: 50%;
  background: #FFF url("/resources/explore/scripts/app/lib/select2/select2.png") right top no-repeat; }
  .tags .tag-delete:hover {
    background-position: right -11px; }

.tags-section .tags {
  display: inline-block;
  width: 100%;
  margin-top: 1em; }
  .tags-section .tags .ss-icon {
    position: relative;
    top: 0.2em;
    margin-right: 0.2em;
    color: #B9B9B9; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 4px 25px;
  font-size: 0.75em;
  background: #fff;
  color: #808080; }
  .select2-container-multi .select2-choices .select2-search-choice .ss-icon {
    line-height: 0 !important; }

.select2-search-choice-close {
  top: 3px;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #B9B9B9; }
  .select2-search-choice-close:hover {
    border-color: #000; }

.http-loader__wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  background: #f2b5d9;
  width: 100%;
  height: 3px;
  overflow: hidden; }
  .http-loader__wrapper:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ec008c;
    content: '';
    -moz-transform: translate(-100%);
    -webkit-transform: translate(-100%);
    transform: translate(-100%);
    -moz-animation: 1.5s ease-in-out 0s alternate none infinite pusher;
    -webkit-animation: 1.5s ease-in-out 0s alternate none infinite pusher;
    animation: 1.5s ease-in-out 0s alternate none infinite pusher; }

@-moz-keyframes pusher {
  0% {
    -moz-transform: translate(-95%); }
  100% {
    -moz-transform: translate(95%); } }

@-webkit-keyframes pusher {
  0% {
    -webkit-transform: translate(-95%); }
  100% {
    -webkit-transform: translate(95%); } }

@keyframes pusher {
  0% {
    transform: translate(-95%); }
  100% {
    transform: translate(95%); } }

.site-toolbar {
  display: none;
  position: relative;
  width: 6.5em;
  height: 100vh;
  padding: 1em;
  z-index: 1050;
  float: right;
  text-align: center;
  background: #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) -2px -2px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) -2px -2px 4px;
  box-shadow: rgba(0, 0, 0, 0.1) -2px -2px 4px; }
  @media (min-width: 980px) {
    .site-toolbar {
      display: block; } }
  .site-toolbar a, .site-toolbar {
    color: #fff; }
  .site-toolbar ul {
    padding: 0; }
    @media (max-width: 1280px) and (min-width: 981px), (max-height: 800px) {
      .site-toolbar ul {
        font-size: 80%; } }
    .site-toolbar ul li {
      position: relative;
      padding-bottom: 0.5em;
      margin-bottom: 0.5em;
      list-style: none;
      border-bottom: 1px solid #F0F0F0; }
      .site-toolbar ul li:last-of-type {
        margin-bottom: 0;
        border: none; }
      .site-toolbar ul li a {
        outline: none; }
  .site-toolbar .hp-icon {
    display: inline-block;
    position: relative;
    width: 3.5em;
    height: 3.5em;
    margin-bottom: 0.5em;
    z-index: 1003;
    background: #EC008C;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .site-toolbar .hp-icon:before {
      font-size: 2em;
      line-height: 1.8; }
  .site-toolbar .toolbar-action-copy {
    position: relative;
    z-index: 1003;
    color: #000; }
  .site-toolbar ul li:hover .toolbar-action-copy {
    color: #EC008C; }
  .site-toolbar ul li:hover .hp-icon {
    background: #ff3aaf; }
  .site-toolbar.static {
    position: absolute;
    right: 0;
    top: 5.3em;
    height: calc( 100vh - 5.3em); }
  .site-toolbar.hp-sticky {
    top: 28px;
    right: 0;
    margin-top: 0; }
  .site-toolbar.hp-sticky + .project-cnt {
    margin-right: 6.5em; }
  @media (max-width: 980px) {
    .site-toolbar.hp-sticky + .project-cnt {
      margin-right: 0; } }
  .explore .site-toolbar ul li:first-child {
    display: none; }

.active .toolbar-action-copy, .selected .toolbar-action-copy {
  color: #FFA04B; }

.active .hp-icon, .selected .hp-icon {
  background: #FFA04B; }

.toolbar-pane-active {
  position: absolute;
  top: -0.6em;
  bottom: 0em;
  background: #fff;
  content: '';
  border-radius: 0.5em; }
  @media (max-width: 1280px) and (min-width: 981px), (max-height: 800px) {
    .toolbar-pane-active {
      left: -0.7em !important;
      width: 7em !important; } }
  @media (min-width: 980px) {
    .toolbar-pane-active {
      left: -0.7em;
      width: 5.8em; } }

.hp-toolbar-icon {
  display: inline-block;
  position: relative;
  width: 3.5em;
  height: 3.5em;
  margin-bottom: 0.5em;
  z-index: 1;
  background: #EC008C;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: bottom; }
  .hp-toolbar-icon:before {
    width: 100%;
    height: 100%;
    display: block;
    color: #FFF;
    font-size: 3.4em;
    text-align: center; }

.activity {
  padding: 1.5em 1em 3.5em 1em;
  background: #fff;
  border: 1px solid #B9B9B9; }
  .activity li {
    padding: 0.7em 0;
    list-style: none;
    border-bottom: 1px solid #F0F0F0; }
    .activity li:first-of-type {
      padding-top: 0; }
    .activity li:last-of-type {
      border: none;
      padding-bottom: 0; }
  .activity a:hover {
    text-decoration: underline; }
  .activity a:first-of-type {
    font-weight: bold;
    color: #000;
    pointer-events: none; }
  .activity .type-of-activity {
    max-width: 70%;
    padding-right: 2em;
    float: left; }
  .activity .time {
    float: right;
    color: #808080; }

.activity-wrapper .button-center-wrapp .button {
  position: relative;
  top: -1.2em; }

.comments .user-img-wrapepr {
  position: absolute;
  top: -20px;
  left: 0;
  width: 60px;
  height: 60px;
  border: 5px solid #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden; }
  @media (min-width: 980px) {
    .comments .user-img-wrapepr {
      display: block; } }
  @media (max-width: 980px) {
    .comments .user-img-wrapepr {
      display: none; } }
  .comments .user-img-wrapepr img {
    display: block;
    width: 100%;
    height: auto; }

.comments .comment-copy {
  margin-bottom: 1em; }

.comment {
  position: relative;
  width: 100%;
  margin: 2em 0 1.5em;
  min-height: 90px;
  border-bottom: 1px solid #F0F0F0; }
  @media (min-width: 980px) {
    .comment {
      padding-left: 4.2em; } }
  .comment .metadata {
    right: 0;
    width: 100%;
    padding-bottom: 0.5em; }
    .comment .metadata .username {
      display: inline-block;
      padding: 0.1em 0.65em 0.1em 1em;
      margin-bottom: 0.3em;
      color: #fff;
      background: #000;
      font-weight: bold; }
    .comment .metadata .date {
      color: #808080; }
  .comment .user-img-wrapepr {
    z-index: 1; }
  .comment .video-prev-wrapper {
    position: relative; }
    .comment .video-prev-wrapper, .comment .video-prev-wrapper img {
      display: block;
      width: 100%; }
    .comment .video-prev-wrapper .ss-play {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1em;
      height: 1em;
      margin-left: -0.5em;
      margin-top: -0.5em;
      font-size: 4em;
      color: #fff;
      color: rgba(255, 255, 255, 0.7);
      line-height: 1.3; }
  .comment .oembedall-container {
    padding: 1em;
    margin: 1em 0;
    border: 1px solid #ccc;
    background: #fff; }
    .comment .oembedall-container img {
      margin-right: 1em;
      max-width: 100%;
      float: left; }
  .comment .embed-content-title {
    font-family: "Noto Sans", sans-serif;
    text-transform: uppercase; }
    .comment .embed-content-title a {
      color: #616161; }

.add-comment {
  position: relative;
  margin-bottom: 2em; }
  .add-comment .pin-sections-title {
    margin-bottom: 0; }
  .add-comment .input-comment-wrapper a.user-img-wrapepr {
    margin-top: 10px; }
  .add-comment .input-comment-wrapper form {
    margin-left: 80px; }

.select-comment-type a {
  text-decoration: underline;
  font-weight: bold;
  color: #2884b9; }

.comments-note a,
.login-or-join a {
  color: #2884b9; }

.button.comment-button {
  float: left;
  margin-right: 1em; }

.layout-triger {
  width: 9em;
  height: 6em;
  position: absolute;
  left: -4.5em;
  bottom: 4em;
  overflow: hidden;
  border-radius: 0.5em;
  display: flex;
  display: -webkit-flex;
  box-shadow: rgba(0, 0, 0, 0.298039) 0px 2px 4px -1px; }
  .hp-sticky .layout-triger {
    bottom: 2em; }
  .layout-triger a {
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
    color: #FFF;
    font-size: 0.8em;
    line-height: 1.2;
    text-align: center;
    padding: 0.6em 0 0 0; }
    .layout-triger a:after {
      content: '';
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      width: 0;
      height: 0;
      margin-top: -9.0909090909px;
      transition: all 0.2s ease;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent; }
    .layout-triger a:first-of-type {
      margin-right: 1px;
      border-radius: 0.5em 0 0 0.5em;
      background-color: #6987C3;
      background-image: url("/resources/explore/images/expand-gallery-icon.svg");
      background-repeat: no-repeat;
      background-position: 50% 47%; }
      .layout-triger a:first-of-type path {
        background-color: #FFF; }
      .layout-triger a:first-of-type:after {
        border-right: 8.3333333333px solid #fff;
        left: inherit;
        right: 0; }
    .layout-triger a:last-of-type {
      background: #829bcd;
      border-radius: 0 0.5em 0.5em 0;
      background-image: url("/resources/explore/images/expand-map-icon.svg");
      background-repeat: no-repeat;
      background-position: 50% 70%; }
      .layout-triger a:last-of-type:after {
        border-left: 8.3333333333px solid #fff; }
    .layout-triger a:hover {
      background-color: #FFA04B; }
      .layout-triger a:hover:first-of-type:after {
        right: 0.4em; }
      .layout-triger a:hover:last-of-type:after {
        left: 0.4em; }

.layout-triger-wrapper {
  position: absolute;
  z-index: 100;
  width: 1px; }

.fullscreen-map .layout-triger-wrapper {
  left: 100%; }
  @media (min-width: 980px) {
    .fullscreen-map .layout-triger-wrapper {
      left: calc(100% - 6.5em); } }

@media (min-width: 980px) {
  .fullscreen-hybrid .layout-triger-wrapper {
    left: 32%; } }

@media (max-width: 980px) {
  .fullscreen-hybrid .layout-triger-wrapper {
    left: 0; } }

@media (max-width: 599px) {
  .fullscreen-hybrid .layout-triger-wrapper {
    left: 0; } }

.fullscreen-gallery .layout-triger-wrapper {
  left: -1px; }

.inactive-container {
  position: relative;
  padding-top: 2em;
  overflow: hidden; }
  .inactive-container:before,
  .inactive-container:after {
    display: block;
    position: absolute;
    content: ''; }
  .inactive-container:before {
    top: -1em;
    width: 100%;
    height: 1em;
    background: #fff;
    z-index: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 4px 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 5px; }
  .inactive-container:after {
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    opacity: 0.7; }
  .inactive-container .radio-btn-styling .radio-btn-triger + .radio-btn-circle,
  .inactive-container .button {
    background: #F0F0F0; }

#map {
  height: calc(100% - 7em);
  position: relative;
  top: 5em; }
  body.type-tour #map {
    top: 0;
    height: calc(100% - 2em); }
  #map ::-webkit-input-placeholder {
    color: #666; }
  #map :-moz-placeholder {
    color: #666; }
  #map ::-moz-placeholder {
    color: #666; }
  #map :-ms-input-placeholder {
    color: #666; }
  #map .cluster {
    position: absolute;
    cursor: pointer;
    text-align: center; }
  #map .m0 {
    width: 53px;
    height: 53px;
    line-height: 53px;
    background-image: url("/resources/explore/images/clusters/m1.png"); }
  #map .m1 {
    width: 56px;
    height: 56px;
    line-height: 56px;
    background-image: url("/resources/explore/images/clusters/m2.png"); }
  #map .m2 {
    width: 66px;
    height: 66px;
    line-height: 66px;
    background-image: url("/resources/explore/images/clusters/m3.png"); }
  #map .m3 {
    width: 78px;
    height: 78px;
    line-height: 78px;
    background-image: url("/resources/explore/images/clusters/m4.png"); }
  #map .m4 {
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-image: url("/resources/explore/images/clusters/m5.png"); }

.project-meta {
  position: absolute;
  top: 4.5em;
  left: -200%;
  width: calc(100% - 20px);
  background: rgba(255, 255, 255, 0.9);
  padding: 0.8em 1em;
  transition: all 0.3s ease-in;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px; }
  @media (max-width: 1280px) {
    .project-meta {
      display: none; } }
  .hp-sticky .project-meta {
    left: 10px; }
  .project-meta .meta-parent-project-title {
    color: #ec008c;
    text-transform: uppercase;
    font-size: 1em; }
  .project-meta .meta-project-title {
    margin-bottom: 0.2em;
    line-height: 1.2;
    color: #3b342e; }
  .project-meta p {
    padding-bottom: 1em;
    font-size: 0.85em;
    color: #616161; }

.map-wrapper.hp-sticky,
.timemap-trigger-wrapper.hp-sticky {
  top: 2em; }

.gallery-content-wrapper {
  margin-top: 6.5em; }
  body.type-tour .gallery-content-wrapper {
    margin-top: 1.5em; }

.gallery-listing {
  margin: 0 0 0.5em 1.5em;
  padding-top: 0;
  background: #fff; }

.load-more-wrapper {
  margin: 5em 0;
  text-align: center; }

.timemap-trigger-wrapper {
  position: relative;
  width: 0; }
  @media (min-width: 980px) {
    .timemap-trigger-wrapper {
      display: none; } }
  @media (max-width: 980px) {
    .timemap-trigger-wrapper {
      display: block; } }

.timemap-trigger {
  position: absolute;
  bottom: 1em;
  padding: 0.5em 0.75em;
  text-align: center;
  background: #fff;
  z-index: 100;
  white-space: nowrap;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  -webkit-box-shadow: rgba(100, 100, 100, 0.3) 0 0 5px;
  -moz-box-shadow: rgba(100, 100, 100, 0.3) 0 0 5px;
  box-shadow: rgba(100, 100, 100, 0.3) 0 0 5px; }
  .timemap-trigger .ss-icon {
    font-size: 2.5em;
    color: #ec008c;
    opacity: 0.6;
    line-height: 1.5; }
  .timemap-trigger .open-map-copy {
    text-transform: uppercase;
    font-weight: bold; }

.project-edit .card {
  cursor: move; }

.project-edit .card-footer {
  display: none; }

.project-edit .card-index {
  display: block; }

.project-cnt .gallery-listing.static-card-height {
  margin-right: 1.5em; }

.project-cnt > .zero-state-message {
  margin: 0 1.5em; }

.card {
  display: block;
  position: relative;
  margin-right: 2%;
  margin-bottom: 2%;
  overflow: hidden;
  background: #fff;
  cursor: pointer;
  float: left;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out; }
  @media (max-width: 599px) {
    .card {
      width: 96%;
      margin-bottom: 4%;
      overflow: hidden;
      position: relative !important;
      top: inherit !important;
      left: inherit !important; } }
  @media (min-width: 600px) and (max-width: 980px) {
    .card {
      width: 48%; } }
  @media (min-width: 980px) {
    .card {
      width: 48%; } }
  @media (min-width: 1680px) {
    .card {
      width: 31.33%; } }
  .card:hover, .card.selected {
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 7px; }
  .card .card-title {
    max-height: 2.4em;
    overflow: hidden;
    color: #000;
    font-weight: normal; }
    @media (min-width: 980px) {
      .card .card-title {
        font-size: 1.42em; } }
    @media (max-width: 980px) {
      .card .card-title {
        font-size: 1.4em; } }
    .card .card-title a {
      color: #3b342e; }
  .card .card-suptitile {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1em;
    text-transform: uppercase;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold; }
  .card .card-desc {
    padding-bottom: 0;
    max-height: 4.5em;
    overflow: hidden;
    color: #000; }
  .card .img-wrapper {
    position: relative;
    width: 100%;
    min-height: 10em;
    background: #F8F8F8;
    overflow: hidden;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0; }
  .card .desc-wrapper {
    position: relative;
    padding: 3em 2em 2em 2em; }
  .card .favorite {
    padding: 0.45em 0.45em 0.45em 0;
    color: #d2d4d5;
    font-size: 0.85em; }
    .card .favorite.checked,
    .card .favorite:hover {
      color: #ec008c; }
    .card .favorite .ss-icon {
      position: relative;
      top: 0.25em;
      padding-right: 0.5em;
      font-size: 1.5em; }
    .card .favorite.checked,
    .card .favorite .ss-deleteheart {
      color: #ff86ce; }
  .card .card-footer {
    padding: 1em 0;
    border-top: 2px solid #F0F0F0;
    text-align: center; }
    .card .card-footer, .card .card-footer a {
      color: #808080; }
    .card .card-footer .card-footer-col {
      display: inline-block;
      width: 49%;
      padding: 0 0.5em;
      text-align: center;
      border-right: 2px solid #F0F0F0; }
      .card .card-footer .card-footer-col:last-of-type {
        border: none; }
      @media (min-width: 980px) {
        .card .card-footer .card-footer-col .hp-icon {
          padding-right: 0.5em; } }
    .card .card-footer .card-edit-actions .card-footer-col {
      width: 49%; }
      .card .card-footer .card-edit-actions .card-footer-col .hp-icon {
        height: auto; }
      .card .card-footer .card-edit-actions .card-footer-col .hp-icon:before {
        position: relative;
        top: 0.2em;
        right: 0.5em;
        font-size: 1.5em;
        line-height: 0.4; }
    .card .card-footer .icon-eye:before {
      position: relative;
      top: 0.3em;
      font-size: 2.5em;
      line-height: 0; }
    .card .card-footer .icon-comment:before,
    .card .card-footer .icon-heart:before {
      position: relative;
      top: 0.3em;
      line-height: 0; }
    .card .card-footer .icon-pin:before,
    .card .card-footer .icon-folder:before,
    .card .card-footer .icon-comment:before,
    .card .card-footer .icon-heart:before,
    .card .card-footer .icon-tour:before {
      font-size: 1.6em; }
    .card .card-footer .hp-icon,
    .card .card-footer .count-result {
      display: inline-block; }
      @media (max-width: 980px) {
        .card .card-footer .hp-icon,
        .card .card-footer .count-result {
          width: 100%;
          text-align: center; } }
  .card .pin {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-right: 70px solid #ec008c;
    border-bottom: 0 solid transparent;
    z-index: 0; }
    .card .pin a {
      position: absolute;
      top: -1.4em;
      right: -1.7em;
      font-size: 2.6em;
      font-weight: bold;
      color: #fff; }
  .card .users {
    top: -2em;
    right: 1em; }
    .card .users .user-img {
      float: right; }
    .card .users .user-img-wrapper:nth-of-type(n+4) {
      display: none; }
  .card .project-top-img {
    position: absolute;
    overflow: hidden; }

.overflow-cnt {
  overflow: hidden;
  border-radius: 8px 8px 0 0; }

.card-index {
  position: absolute;
  top: 0;
  right: 0.75em;
  padding: 0.25em 1em;
  font-size: 1.71em;
  color: #000;
  text-align: center;
  background: #fff; }

.pin-counter {
  position: absolute;
  width: 71px;
  height: 82px;
  z-index: 1;
  font-size: 1.85em;
  color: #fff;
  background: url(/resources/explore/images/pin-counter.png) center center no-repeat; }
  .pin-counter .pin-counter-text {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 2.4;
    text-align: center; }

.classic-collection-card {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1em;
  color: #000;
  z-index: 1;
  font-weight: bold;
  background: #FFD269; }

.create-tour-card {
  height: 35.3em; }
  .create-tour-card .icon-wrapper {
    padding-top: 3em; }

.create-collection-card {
  height: 37.5em; }

.create-collection-card .icon-wrapper,
.pin-someting-card .icon-wrapper {
  padding-top: 3.5em; }

.pin-someting-card {
  height: 30.4em; }

.add-first-pin .vertical-align {
  padding-top: 2.3em; }

.add-first-pin .add-icon {
  display: inline-block;
  width: 110px;
  height: 126px;
  background: url(/resources/explore/images/add-first-pin.png) center center no-repeat; }

.add-project .add-icon {
  display: inline-block;
  width: 110px;
  height: 126px;
  background: url(/resources/explore/images/add-prject.png) center center no-repeat; }

.add-first-pin,
.add-project {
  text-align: center; }
  @media (max-width: 599px) {
    .add-first-pin,
    .add-project {
      display: none; } }
  .add-first-pin p,
  .add-project p {
    padding: 0; }
  .add-first-pin .hp-icon,
  .add-project .hp-icon {
    position: relative;
    font-size: 9.5em;
    z-index: 3; }
    .add-first-pin .hp-icon:after,
    .add-project .hp-icon:after {
      display: block;
      position: absolute;
      bottom: 0.2em;
      left: 50%;
      width: 0.300em;
      height: 0.075em;
      z-index: -1;
      background: #000;
      content: '';
      opacity: 0.3;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%; }
  .add-first-pin .icon-add-pin:after,
  .add-project .icon-add-pin:after {
    margin-left: -0.15em; }
  .add-first-pin .icon-add-collection:after,
  .add-project .icon-add-collection:after {
    margin-left: -0.26em; }
  .add-first-pin .icon-add-tour,
  .add-project .icon-add-tour {
    margin: 0.27em 0 2em; }
    .add-first-pin .icon-add-tour:after,
    .add-project .icon-add-tour:after {
      margin-left: -0.21em; }
  .add-first-pin .copy-wrapper,
  .add-project .copy-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2em;
    color: #000;
    border-top: 1px solid #F0F0F0; }
  .add-first-pin.small,
  .add-project.small {
    padding: 1em 2em; }
    .add-first-pin.small .copy-wrapper,
    .add-project.small .copy-wrapper {
      position: static;
      width: auto;
      padding: 0;
      border: none; }
    .add-first-pin.small .hp-icon,
    .add-project.small .hp-icon {
      font-size: 5em; }
    .add-first-pin.small .pin-type-copy,
    .add-project.small .pin-type-copy {
      margin: 0; }

.card .img-wrapper .icon-play {
  color: #fff;
  text-shadow: 0 0 10px #000; }
  .card .img-wrapper .icon-play:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.5em 0 0 -0.5em; }

.card .img-wrapper .icon-play img {
  display: block;
  min-width: 100%; }
  .card .img-wrapper .icon-play img[href*="audioboo"],
  .card .img-wrapper .icon-play img[href*="audioboom"],
  .card .img-wrapper .icon-play img[href*="soundcloud"] {
    min-height: 16em;
    background: url("/resources/explore/images/WaveForm.png");
    background-size: contain; }

.card .img-wrapper .media {
  position: relative;
  min-height: 10em;
  overflow: hidden;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0; }

.card .has-streetview:after {
  display: block;
  position: absolute;
  bottom: 1em;
  left: 2.1em;
  width: 1.2em;
  height: 2.8em;
  content: '';
  background: url(/resources/explore/images/icon-streetview.svg) center center no-repeat;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto; }

.card .pin-card-icon {
  position: absolute;
  top: 2em;
  right: 1em;
  z-index: 1;
  width: 4.5em;
  height: 4.5em;
  background: url(/resources/explore/images/pin-card-icon.svg) center center no-repeat;
  -webkit-background-size: auto 100%;
  -moz-background-size: auto 100%;
  background-size: auto 100%; }

.card.text-pin .img-wrapper {
  height: 20em;
  background: #F0F0F0; }
  .card.text-pin .img-wrapper img {
    display: none; }

.card.text-pin .text-excerpt {
  position: absolute;
  top: 5.1em;
  left: 4em;
  right: 4em;
  height: 17.4em;
  padding: 1.7em 2em;
  font-family: serif;
  color: #000;
  white-space: normal;
  background: #fff;
  overflow: hidden; }

.pin-item .img-wrapper img {
  width: 100%; }

.pin-item .img-wrapper .icon-play:before {
  font-size: 7em; }

.static-card-height .pin-item .img-wrapper img {
  display: block;
  min-width: 100%;
  min-height: 100%;
  background: #EEE; }

.static-card-height .pin-item .img-wrapper-inner {
  height: 100%; }

.card.user-item .img-wrapper {
  padding: 2.14em;
  overflow: visible; }
  .card.user-item .img-wrapper h4 {
    color: #a1a09c;
    text-transform: uppercase;
    font-weight: normal; }
  .card.user-item .img-wrapper .ss-heart {
    position: absolute;
    top: 1.2em;
    right: 1.2em;
    font-size: 1.7em; }

.card.user-item .desc-wrapper {
  padding-top: 0;
  text-align: center; }

.card.user-item .card-footer {
  position: relative;
  bottom: 4.5em; }

.card.user-item .card-desc {
  padding-bottom: 1.5em; }

.card.user-item .last-images {
  position: relative;
  width: 75%;
  margin: 0 auto;
  z-index: 1; }
  @media (max-width: 980px) {
    .card.user-item .last-images {
      display: none; } }
  .card.user-item .last-images img {
    display: inline-block;
    width: 100%; }
  .card.user-item .last-images .ss-icon {
    position: relative;
    display: block;
    height: 6.7em;
    width: 32%;
    float: left;
    margin-right: 0.25em; }
    .card.user-item .last-images .ss-icon:last-of-type {
      margin-right: 0; }
  .card.user-item .last-images .ss-pen img {
    display: none; }
  .card.user-item .last-images .ss-pen:before,
  .card.user-item .last-images .ss-headphones:before,
  .card.user-item .last-images .ss-video:before {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #eee;
    font-size: 4em;
    line-height: 1.9;
    text-align: center; }
  .card.user-item .last-images .ss-icon:before {
    color: #ec008c; }

.card.user-item .pin-counter {
  right: 20%;
  bottom: 25%; }

.top-pinner-img-wrapper {
  display: block;
  position: relative; }
  .top-pinner-img-wrapper .top-pinner-img {
    display: block;
    position: relative;
    margin: 0 auto;
    z-index: 1;
    border: 10px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden; }
    @media (min-width: 980px) {
      .top-pinner-img-wrapper .top-pinner-img {
        width: 18em;
        height: 18em; } }
    @media (max-width: 980px) {
      .top-pinner-img-wrapper .top-pinner-img {
        width: 13em;
        height: 13em; } }
    .top-pinner-img-wrapper .top-pinner-img img {
      display: block;
      width: 100%; }
  .top-pinner-img-wrapper .card-ribbon {
    top: 5em; }

.card-ribbon {
  position: absolute;
  left: 50%;
  width: 80%;
  height: 60px;
  margin-left: -40%;
  background: #FFD269; }
  .card-ribbon:after {
    position: absolute;
    right: -30px;
    width: 30px;
    height: 65px;
    z-index: 1;
    content: '';
    background: #fff; }
  .card-ribbon .card-ribbon-triangle {
    display: block;
    position: absolute;
    width: 40px;
    height: 30px;
    content: '';
    background: #fff;
    z-index: 1;
    -webkit-transform: rotate(45deg) skew(20deg, 20deg);
    -moz-transform: rotate(45deg) skew(20deg, 20deg);
    -ms-transform: rotate(45deg) skew(20deg, 20deg);
    -o-transform: rotate(45deg) skew(20deg, 20deg);
    transform: rotate(45deg) skew(20deg, 20deg); }
  .card-ribbon .left {
    top: 10px;
    left: -23px; }
  .card-ribbon .right {
    top: 19px;
    right: -23px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px inset;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px inset;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 4px inset; }
  .card-ribbon .card-ribbon-inner-line {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 84%;
    height: 2px;
    margin: -1px 0 0 -42%;
    background: #fff; }

.card.project-item .img-wrapper {
  position: relative;
  min-height: 20em; }
  .card.project-item .img-wrapper:after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    z-index: 1;
    background: #fff;
    content: ''; }

.card.project-item .images-wrapper {
  top: 1em;
  left: 1em;
  width: 100%;
  background: #B9B9B9; }
  .card.project-item .images-wrapper .ss-icon:before {
    color: #ec008c; }
  .card.project-item .images-wrapper .project-top-img {
    position: relative;
    overflow: hidden; }
    .card.project-item .images-wrapper .project-top-img:before {
      display: block;
      width: 100%;
      padding-top: 80.3571428571%;
      content: ""; }
    .card.project-item .images-wrapper .project-top-img > .inner {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .card.project-item .images-wrapper .project-top-img img {
      display: block;
      width: 100%; }
    .card.project-item .images-wrapper .project-top-img .icon-scroll {
      color: #fff; }
      .card.project-item .images-wrapper .project-top-img .icon-scroll:before {
        position: absolute;
        top: 50%;
        left: 50%; }
      .card.project-item .images-wrapper .project-top-img .icon-scroll img {
        display: none; }
    .card.project-item .images-wrapper .project-top-img:first-of-type {
      width: 100%;
      min-height: 20em;
      border-bottom: 2px solid #fff; }
      .card.project-item .images-wrapper .project-top-img:first-of-type:before {
        padding-top: 0; }
      .card.project-item .images-wrapper .project-top-img:first-of-type .inner {
        position: relative; }
      .card.project-item .images-wrapper .project-top-img:first-of-type .icon-scroll {
        height: 16em; }
        .card.project-item .images-wrapper .project-top-img:first-of-type .icon-scroll:before {
          font-size: 10em;
          margin: -0.25em 0 0 -0.5em; }
      .card.project-item .images-wrapper .project-top-img:first-of-type .icon-play:before {
        font-size: 7em; }
    .card.project-item .images-wrapper .project-top-img:nth-of-type(n+2) {
      width: 33.33%;
      float: left;
      z-index: 1;
      border-right: 2px solid #fff; }
      .card.project-item .images-wrapper .project-top-img:nth-of-type(n+2) .icon-scroll {
        margin: -3.5em 0 0 -3.5em; }
      .card.project-item .images-wrapper .project-top-img:nth-of-type(n+2) .hp-icon:not(.icon-project):before {
        font-size: 3.5em; }
    .card.project-item .images-wrapper .project-top-img:last-of-type {
      border: none;
      background: #808080; }
      .card.project-item .images-wrapper .project-top-img:last-of-type .inner.hp-icon:before {
        display: none; }
      .card.project-item .images-wrapper .project-top-img:last-of-type .project-pin-counter {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 3.85em;
        height: 4.28em;
        margin: -1.925em 0 0 -2.14em; }
        .card.project-item .images-wrapper .project-top-img:last-of-type .project-pin-counter:before {
          color: #fff;
          font-size: 4.5em; }
        .card.project-item .images-wrapper .project-top-img:last-of-type .project-pin-counter .pin-counter-text {
          display: block;
          position: absolute;
          top: 0.8em;
          left: 1.2em;
          width: 3em;
          height: 1.42em;
          color: #000;
          text-align: center; }

.card.project-item .user-img:nth-of-type(n+6) {
  display: none; }

.card.project-item .users {
  display: block;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  .card.project-item .users .user-img-wrapper {
    width: 100%;
    float: none; }
  .card.project-item .users .user-name {
    display: block;
    padding-left: 6em;
    margin-top: 2em;
    min-width: 100%; }
  .card.project-item .users .user-img {
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    width: 4.5em;
    height: 4.5em;
    float: none; }

.card.project-item .desc-wrapper {
  padding-top: 4em; }

.card.tour-item .img-wrapper {
  height: 20em; }

.card.tour-item .images-wrapper {
  position: absolute;
  left: 0;
  bottom: 2em;
  width: 120%;
  height: 45%;
  margin-left: -10%;
  overflow: hidden;
  text-align: center; }

.card.tour-item .project-top-img-wrapp {
  position: relative;
  width: 30%;
  height: 100%;
  margin-right: 3%;
  float: left; }
  .card.tour-item .project-top-img-wrapp:first-of-type {
    z-index: 3; }
  .card.tour-item .project-top-img-wrapp:nth-of-type(2) {
    z-index: 2; }
  .card.tour-item .project-top-img-wrapp:last-of-type {
    margin-right: 0; }
  .card.tour-item .project-top-img-wrapp .hp-icon:before {
    font-size: 3em;
    line-height: 2.5; }
  .card.tour-item .project-top-img-wrapp .icon-play {
    background: #000; }

.card.tour-item .icon-scroll img {
  display: none; }

.card.tour-item .project-top-img {
  display: block;
  position: relative;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  background: #B9B9B9;
  border: 8px solid #fff; }

.card.tour-item .tour-arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: -43px;
  width: 44px;
  height: 62px;
  margin-top: -31px;
  background: url(/resources/explore/images/tour-arrow.svg) center center no-repeat; }

.card.tour-item .take-tour-label {
  position: relative;
  margin-top: 2em;
  text-align: center; }
  .card.tour-item .take-tour-label:after {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    content: '';
    background: #B9B9B9; }

.card.tour-item .take-tour-copy {
  position: relative;
  padding: 0.5em 1em;
  z-index: 1;
  color: #fff;
  background: #AFD25F; }

.card.tour-item .tour-label {
  position: absolute;
  top: 2em;
  right: 2em;
  z-index: 1;
  width: 4.5em;
  height: 4.5em;
  background: url(/resources/explore/images/tour-card-icon.svg) center center no-repeat;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  background-size: 100%; }
  .card.tour-item .tour-label .tour-label-copy {
    display: block;
    padding: 0.5em 1em 0.5em 0.4em;
    color: #fff;
    text-align: center;
    font-weight: bold;
    z-index: 2; }
  .card.tour-item .tour-label .tour-label-stick {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-top: 25px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .card.tour-item .tour-label .tour-label-shadow {
    width: 70%;
    height: 0.5em;
    margin: -0.4em 0 0 1em;
    background: #000;
    opacity: 0.3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }

.card.tour-item
.map-preview {
  position: absolute;
  top: -517px;
  right: -537px; }

.card.sponsored {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  border-color: #333;
  min-height: 527.75px; }
  .card.sponsored .users,
  .card.sponsored .img-wrapper,
  .card.sponsored .card-footer {
    display: none; }
  .card.sponsored .card-title {
    margin-bottom: 0; }
  .card.sponsored .desc-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2em !important;
    background: rgba(0, 0, 0, 0.3); }
    .card.sponsored .desc-wrapper, .card.sponsored .desc-wrapper a, .card.sponsored .desc-wrapper h3, .card.sponsored .desc-wrapper h4, .card.sponsored .desc-wrapper p {
      color: inherit; }

.card-about,
.rss-item {
  padding: 2em;
  color: #000; }
  .card-about h6,
  .rss-item h6 {
    margin-bottom: 1.42em;
    text-transform: uppercase;
    font-weight: bold; }
  .card-about .short-desc,
  .rss-item .short-desc {
    position: relative;
    padding: 0;
    margin-bottom: 1em;
    max-height: 18em;
    overflow: hidden; }
  .card-about .read-more,
  .rss-item .read-more {
    font-weight: bold; }
  .card-about .hp-icon,
  .rss-item .hp-icon {
    width: 1.42em;
    height: 1.42em;
    float: right;
    color: #fff;
    font-size: 2em;
    text-align: center;
    background: #EC008C; }
  .card-about .icon-info,
  .rss-item .icon-info {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
    .card-about .icon-info:before,
    .rss-item .icon-info:before {
      position: relative;
      top: 0.2em; }
  .card-about .icon-rss:before,
  .rss-item .icon-rss:before {
    position: relative;
    top: 0.19em; }

.rss-item {
  position: relative; }
  .rss-item .date {
    display: block;
    margin-bottom: 3.5em;
    color: #3b342e;
    text-transform: uppercase;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; }
  .rss-item .inner {
    height: 100%;
    padding-bottom: 5em; }
  .rss-item .card-title {
    margin-bottom: 0.9em; }
  .rss-item .short-desc {
    max-height: 15em; }
  .rss-item .rss-link {
    padding: 0;
    font-weight: bold; }
  .rss-item .read-more {
    padding-bottom: 1em; }

.card-about .reed-more {
  padding-bottom: 0; }

.places-card.card.project-item .desc-wrapper {
  padding-top: 1.5em; }

.places-card.card.project-item .img-wrapper {
  height: auto; }

.places-card.card.project-item .img-wrapper > img {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; }

.places-cards .card.project-item .desc-wrapper {
  padding-top: 1.5em; }

.places-cards .card.project-item .img-wrapper {
  height: 17em;
  min-height: 17em; }

.places-cards .card.project-item .img-wrapper > img {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; }

.pane {
  position: absolute;
  min-height: 15em;
  overflow: hidden;
  z-index: 101;
  background: #fff; }
  @media (min-width: 980px) {
    .pane {
      width: calc(68% - 6.5em);
      right: 6.5em; } }
  @media (max-width: 980px) {
    .pane {
      width: 100%; } }
  .pane .section-top-line {
    border-top: 1px solid #F0F0F0; }
  .pane .section-bottom-line {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #F0F0F0; }
  .pane.fullscreen {
    width: calc(100% - 6.5em); }

.pane-inner {
  padding: 1.21em 1.85em; }

.pane-title {
  padding-bottom: 0.84em;
  font-size: 1.42em;
  text-transform: uppercase;
  border-bottom: 1px solid #F0F0F0; }
  .pane-title .hp-icon {
    float: right;
    outline: none; }

.pane-section-title {
  margin-bottom: 0.8em;
  font-size: 1.42em;
  text-transform: uppercase; }

.pane-sub-title {
  font-size: 1.2em;
  color: #000; }

.pane-small {
  display: none;
  position: absolute;
  right: 6.5em;
  max-width: 39em;
  z-index: 102;
  background: #fff; }
  .pane-small .section-title,
  .pane-small .field-note {
    display: none; }
  .pane-small .field-wrapper {
    width: 100%;
    padding-right: 0; }

.pane#pin {
  display: none;
  padding: 0; }

.pin-sidebar .section {
  padding: 0 1em 1em 1em;
  overflow: hidden;
  background: #fcfcfc; }
  .pin-sidebar .section .title {
    padding-top: 0.9em;
    font-size: 1.1em;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    border-top: solid 1px #ededed; }
    .pin-sidebar .section .title, .pin-sidebar .section .title a {
      color: #b4b4b4; }
  .pin-sidebar .section .date-taken {
    font-size: 1.14em; }

@media (min-width: 980px) {
  .pin-sidebar .section:first-child {
    padding-top: 2.5em; } }

@media (max-width: 980px) {
  .pin-sidebar .section:first-child {
    padding-top: 10em; } }

.pin-sidebar .tags a {
  cursor: pointer; }

@media (min-width: 980px) {
  .pin-sidebar .show-user {
    position: relative;
    width: 75%; } }

@media (max-width: 980px) {
  .pin-sidebar .show-user {
    position: absolute;
    top: 2em;
    width: 100%; } }

.pin-sidebar .show-user .user-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  z-index: 10;
  overflow: hidden;
  border-radius: 50%;
  border: 6px solid #FFF;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px 1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px 1px; }
  .pin-sidebar .show-user .user-img img {
    display: block;
    width: 100%; }

.pin-sidebar .show-user span {
  display: block; }
  .pin-sidebar .show-user span.text,
  .pin-sidebar .show-user span.user-name {
    margin-left: 85px; }
  .pin-sidebar .show-user span.text {
    margin: 8px 0 0 88px;
    font-size: 0.9em;
    font-style: italic;
    color: #999; }
  .pin-sidebar .show-user span.user-name {
    position: relative;
    padding: 0.2em 0.8em;
    float: left;
    z-index: 1;
    color: #FFF;
    background: #000; }

#pin .order-index-wraper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
  pointer-events: none; }
  #pin .order-index-wraper .order-index-copy {
    display: inline-block;
    padding: 0.25em 0.75em;
    font-size: 1.71em;
    color: #fff;
    background: rgba(0, 0, 0, 0.3); }

#pin .pin-layout-container {
  overflow: hidden;
  padding-left: 1em; }
  @media (min-width: 980px) {
    #pin .pin-layout-container .pin-column {
      float: left; }
    #pin .pin-layout-container .pin-content {
      width: 64%; }
    #pin .pin-layout-container .pin-sidebar {
      width: 36%; } }
  #pin .pin-layout-container .pin-content {
    padding: 2.5em 1.42em;
    position: relative; }
    #pin .pin-layout-container .pin-content .title {
      font-size: 1.85em;
      font-family: "Noto Sans", sans-serif;
      color: #3b342e;
      font-style: italic; }
    #pin .pin-layout-container .pin-content .description {
      color: #4b433c; }
  #pin .pin-layout-container .pin-sidebar {
    padding-bottom: 2.5em; }
    #pin .pin-layout-container .pin-sidebar .report-this-pin {
      display: block;
      padding-top: 1em;
      color: #3b342e; }
      #pin .pin-layout-container .pin-sidebar .report-this-pin span {
        text-decoration: underline; }
    #pin .pin-layout-container .pin-sidebar .icon-eye {
      position: relative;
      top: 0.15em;
      font-size: 1.3em; }

#pin .close-anchor {
  display: block;
  position: absolute;
  z-index: 1; }

#pin .meta {
  display: none; }

#pin .oembedall-container {
  width: 100%;
  height: 100%;
  overflow: hidden; }
  #pin .oembedall-container > p {
    float: none;
    background: #fff;
    text-align: left; }
    #pin .oembedall-container > p embed {
      width: 100%; }

#pin .processing-video {
  position: relative;
  padding: 1.5em 1.5em 1.5em 70px;
  margin: 2em 0;
  min-height: 6em;
  border: 1px solid #ededed;
  background: #fcfde3; }
  #pin .processing-video .processing-video-loader {
    position: absolute;
    top: 1.9em;
    left: 1.5em;
    display: block;
    width: 31px;
    height: 31px;
    background: url(/resources/explore/images/ajax-loader.gif) center center no-repeat; }

@media (max-width: 980px) {
  #pin .login-or-join {
    display: none; } }

#pin .pin-sections-title {
  font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
  text-transform: uppercase; }

#pin .prev-pin,
#pin .next-pin {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  padding: 1.2em 0.75em;
  width: 3em;
  height: 4.2em;
  margin-top: -1.2em;
  text-align: center;
  color: rgba(255, 255, 255, 0);
  background: rgba(255, 255, 255, 0.8);
  /*border: 1px solid $light-gray;*/ }
  #pin .prev-pin,
  #pin .prev-pin:before,
  #pin .next-pin, #pin .next-pin:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  #pin .prev-pin:before,
  #pin .next-pin:before {
    display: block;
    font-size: 2em;
    color: rgba(0, 0, 0, 0.5); }
  #pin .prev-pin:hover,
  #pin .next-pin:hover {
    background: rgba(255, 255, 255, 0.9); }
  #pin .prev-pin:hover:before,
  #pin .next-pin:hover:before {
    color: #EC008C; }

#pin .prev-pin {
  left: 0; }
  #pin .prev-pin:before {
    position: relative;
    left: -0.2em; }
  #pin .prev-pin:hover:before {
    -ms-transform: translate(-5px, 0);
    -webkit-transform: translate(-5px, 0);
    transform: translate(-5px, 0); }

#pin .next-pin {
  right: 0; }
  #pin .next-pin:hover:before {
    -ms-transform: translate(5px, 0);
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0); }

#pin .comments {
  margin-top: 2.5em;
  border-top: 1px solid #ededed;
  padding-top: 1em; }

#pin .comment-copy {
  width: 100%;
  word-wrap: break-word; }

#pin #pinnable-projects {
  position: relative;
  padding: 1.21em 1.85em;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  background: #fcfcfc; }
  #pin #pinnable-projects a:active {
    color: #ec008c; }
  #pin #pinnable-projects .pin-to-collections {
    font-size: 1.28em;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif;
    text-transform: uppercase;
    text-align: center; }
    #pin #pinnable-projects .pin-to-collections .collections-count {
      color: #ec008c;
      text-decoration: underline; }
  #pin #pinnable-projects .btn-wrapper {
    position: absolute;
    top: -2.3em;
    width: 100%;
    text-align: center; }
  #pin #pinnable-projects .pinned-to-card .title {
    font-size: 1.2em;
    text-transform: uppercase;
    font-family: "TradeGothicW01-BoldCn20 675334", sans-serif; }
  #pin #pinnable-projects .pinned-to-card .suptitile {
    color: #000;
    font-style: italic; }
  #pin #pinnable-projects .pinned-to-card .pin-counter {
    right: 1.5em;
    bottom: 3em; }
  #pin #pinnable-projects .cards-container .card:nth-of-type(3n) {
    margin-right: 0; }

#pin .pin-holder {
  display: table;
  width: 100%;
  background: #414042;
  position: relative; }
  #pin .pin-holder .wrapper {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center; }
    @media (min-width: 980px) {
      #pin .pin-holder .wrapper {
        height: calc(90vh - 2.5em); }
        #pin .pin-holder .wrapper img {
          vertical-align: bottom; } }
    @media (max-width: 980px) {
      #pin .pin-holder .wrapper {
        height: auto;
        min-height: 10em; }
        #pin .pin-holder .wrapper img {
          width: auto;
          max-width: 100%; } }
    #pin .pin-holder .wrapper h6 {
      width: 60%;
      position: absolute;
      left: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.35);
      color: #FFF;
      min-height: 5em;
      padding: 1em 1em 1em 6.5em;
      font-style: italic;
      margin: 0;
      text-align: left; }
  #pin .pin-holder .text-pin {
    padding: 1.8em;
    margin: 4em auto 6em;
    max-width: 45em;
    font-family: serif;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 4px;
    -moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 4px;
    box-shadow: rgba(0, 0, 0, 0.7) 0 0 4px; }
    #pin .pin-holder .text-pin p:last-child {
      padding-bottom: 0; }
  #pin .pin-holder .close-anchor {
    top: 0;
    left: 0; }
  #pin .pin-holder .controls {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.9em; }
    #pin .pin-holder .controls a {
      display: inline-block;
      padding: 0.3em 0.5em 0 0.5em;
      float: left;
      background: rgba(0, 0, 0, 0.8);
      color: #FFF; }
      #pin .pin-holder .controls a:hover:not(.icon-streetview) {
        background: #ec008c;
        cursor: pointer; }
    #pin .pin-holder .controls .ss-picture {
      padding-top: 0.5em; }
    #pin .pin-holder .controls .ss-picture,
    #pin .pin-holder .controls .icon-streetview {
      width: 2.15em;
      height: 2.3em; }
    #pin .pin-holder .controls .icon-streetview {
      background: rgba(0, 0, 0, 0.8) url(/resources/explore/images/icon-streetview.svg) center center no-repeat;
      -webkit-background-size: auto 70%;
      -moz-background-size: auto 70%;
      background-size: auto 70%; }
      #pin .pin-holder .controls .icon-streetview:hover {
        background-color: #ec008c; }
    #pin .pin-holder .controls .icon-contract,
    #pin .pin-holder .controls .icon-fullscreen {
      padding: 0.4em 0.5em 0.4em 0.5em; }
    @media (max-width: 980px) {
      #pin .pin-holder .controls .icon-fullscreen {
        display: none; } }
  #pin .pin-holder .node-display {
    position: relative;
    z-index: 0; }
    #pin .pin-holder .node-display.photo.landscape .image-pin {
      width: 100%;
      height: auto; }
    #pin .pin-holder .node-display.photo.portrait {
      height: 100%; }
      #pin .pin-holder .node-display.photo.portrait .image-pin {
        width: auto;
        height: 100%; }
    #pin .pin-holder .node-display.video,
    #pin .pin-holder .node-display.audio {
      height: 100%; }
    #pin .pin-holder .node-display.text {
      overflow: auto; }
    #pin .pin-holder .node-display .oembedall-container > p {
      padding: 1em;
      margin: 0.5em 4.5em 0 0.5em; }
  #pin .pin-holder .streetview-wrapper {
    height: calc(90vh - 2.5em) !important; }
  #pin .pin-holder .streetview-img-wrapper {
    position: absolute;
    overflow: hidden;
    z-index: 10;
    opacity: .7;
    border: 10px solid white;
    margin: -10px 0 0 -10px;
    box-sizing: content-box; }

.pin-actions {
  position: absolute;
  top: 4em;
  right: 0;
  font-size: 1.9em; }
  .pin-actions > a,
  .pin-actions .pinned-items-triger,
  .pin-actions .social-triger {
    background: rgba(0, 0, 0, 0.35); }
  .pin-actions > .social li, .pin-actions > .social a {
    width: 54px;
    font-size: 1em;
    line-height: 2; }
  .pin-actions .ss-plus:hover,
  .pin-actions > .social > ul > li:hover,
  .pin-actions > a:hover {
    color: #ec008c;
    cursor: pointer;
    background: #FFF; }
  .pin-actions > a,
  .pin-actions .ss-plus {
    display: block;
    padding: 0.3em 0.5em 0 0.5em;
    color: #FFF; }
    @media (max-width: 980px) {
      .pin-actions > a,
      .pin-actions .ss-plus {
        font-size: 1.1em; } }
    @media (max-width: 599px) {
      .pin-actions > a,
      .pin-actions .ss-plus {
        font-size: 1.18em; } }
    .pin-actions > a.active,
    .pin-actions .ss-plus.active {
      color: #ec008c; }
  .pin-actions .selected {
    color: #ec008c; }
  .pin-actions .pinned-items-triger {
    position: relative; }
    .pin-actions .pinned-items-triger:hover .pinned-items-container {
      display: block; }
  .pin-actions .pinned-items-container {
    display: none;
    position: absolute;
    top: 0;
    left: -220px;
    width: 220px;
    padding: 0.5em;
    max-height: 18em;
    overflow-y: auto;
    text-align: left;
    color: #555;
    background: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px;
    box-shadow: rgba(0, 0, 0, 0.5) 0 0 8px; }
    .pin-actions .pinned-items-container p {
      font-size: 0.52em;
      line-height: 1.2;
      font-weight: bold;
      padding-bottom: 0.9em;
      white-space: normal;
      cursor: pointer; }
      .pin-actions .pinned-items-container p:last-of-type {
        padding-bottom: 0.5em; }
    .pin-actions .pinned-items-container .pin-sections-title {
      margin-bottom: 0.2em;
      padding-bottom: 0.2em;
      font-size: 0.8em;
      color: #b4b4b4; }
      .pin-actions .pinned-items-container .pin-sections-title:nth-of-type(2) {
        padding-top: 0.4em;
        border-top: 1px solid #ccc; }

.has-oembed {
  padding: 3.5em 0em 5.1em; }

#pin #description {
  position: relative;
  padding-bottom: 7.5em; }
  #pin #description .close-anchor {
    bottom: 1em;
    left: 0; }

#pin .bookmarks {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%; }
  #pin .bookmarks a {
    float: left;
    font-size: 1.9em;
    line-height: 1em;
    min-width: 1em;
    padding: 0.6em;
    margin-left: 0.6em;
    text-align: center;
    background: #fff;
    color: #000;
    border-top-left-radius: 1.2em;
    border-top-right-radius: 1.2em; }
    #pin .bookmarks a:hover,
    #pin .bookmarks a.selected {
      color: #ec008c; }
  #pin .bookmarks .ss-navigateup {
    position: absolute;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    margin: 0 auto;
    float: none;
    color: #fff;
    background-color: transparent; }

#owner {
  position: relative; }
  #owner .bgrd {
    padding: 0.5em 0.5em 0.3em 0.8em;
    margin-bottom: 0.2em;
    font-size: 1.14em;
    color: #3b342e;
    background: #ebebeb;
    border-radius: 2px; }
    @media (max-width: 980px) {
      #owner .bgrd {
        display: inline-block;
        width: auto;
        text-align: center; } }
    #owner .bgrd .ss-icon {
      margin-right: 0.1em; }
  #owner .col, #owner .show-user {
    float: left; }
  #owner .col {
    padding-right: 1em;
    padding-top: 0.5em; }
    @media (min-width: 980px) {
      #owner .col {
        width: 25%; } }
    @media (max-width: 980px) {
      #owner .col {
        width: 100%; } }

.toolbar-pane.about {
  display: none; }
  .toolbar-pane.about .pane-title {
    padding-top: 0.75em;
    margin-bottom: 0; }
  .toolbar-pane.about .project-description-wrapper,
  .toolbar-pane.about .about-sidebar {
    padding-top: 1.35em;
    float: left; }
  .toolbar-pane.about .contact,
  .toolbar-pane.about .contribution-sec,
  .toolbar-pane.about .project-stats,
  .toolbar-pane.about .project-description {
    padding-right: 1.5em; }
  .toolbar-pane.about .project-description-wrapper {
    width: 70%;
    border-right: 1px solid #F0F0F0; }
  .toolbar-pane.about .about-sidebar {
    width: 30%;
    padding-left: 1em;
    margin-left: -1px;
    border-left: 1px solid #F0F0F0; }
  .toolbar-pane.about .users {
    display: block;
    position: relative;
    margin-bottom: 1em; }
    .toolbar-pane.about .users .user-name {
      position: absolute;
      top: 50%;
      margin-left: -0.2em;
      margin-top: -1.1em; }
  .toolbar-pane.about .project-desc-sup-title {
    font-size: 1em;
    color: #EC008C;
    text-transform: uppercase;
    font-weight: bold; }
  .toolbar-pane.about .project-desc-title {
    font-size: 1.85em; }
  .toolbar-pane.about .sponsored-by {
    padding: 1.5em 1.5em 1.5em 0; }
    .toolbar-pane.about .sponsored-by img {
      max-width: 100%;
      max-height: 8em; }
    .toolbar-pane.about .sponsored-by .sponsored-by-logos,
    .toolbar-pane.about .sponsored-by .pane-section-title {
      display: inline-block; }
    .toolbar-pane.about .sponsored-by .pane-section-title {
      margin-bottom: 0; }
    .toolbar-pane.about .sponsored-by a {
      display: inline-block;
      margin-right: 2em; }
    .toolbar-pane.about .sponsored-by .pane-section-title {
      margin-right: 4em; }
  .toolbar-pane.about .related-cards .card {
    width: 32%; }
    .toolbar-pane.about .related-cards .card:nth-of-type(3n) {
      margin-right: 0; }
  .toolbar-pane.about .related-cards .users,
  .toolbar-pane.about .related-cards .card-footer {
    display: none; }
  .toolbar-pane.about .activity-wrapper,
  .toolbar-pane.about .comments {
    width: 50%;
    float: left; }
  .toolbar-pane.about .activity-wrapper {
    padding-right: 0.85em;
    border-right: 1px solid #F0F0F0; }
  .toolbar-pane.about .comments {
    padding-left: 0.85em; }
    .toolbar-pane.about .comments .comment-copy {
      height: 4.5em;
      overflow: hidden; }
    .toolbar-pane.about .comments .button-center-wrapp .button {
      position: relative;
      top: -2.8em; }

.pane#rss {
  display: none;
  right: 6.5em;
  padding-bottom: 3.5em; }
  @media (min-width: 980px) {
    .pane#rss {
      width: calc(68% - 6.5em); } }
  @media (max-width: 980px) {
    .pane#rss {
      width: 100%;
      padding: 0 1em; } }
  .pane#rss img {
    max-width: 100%;
    height: auto; }
  .pane#rss .parent-logos {
    margin-top: 2em; }
  .pane#rss .contact {
    margin-top: 1em; }
  .pane#rss .embedly-card {
    margin-left: 0 !important; }

.project-edit .pane {
  display: block;
  right: auto;
  width: 100%; }

.project-edit .toolbar-pane.about .pane-title {
  margin-bottom: 1em; }

.project-edit .toolbar-pane.about .button-center-wrapp {
  margin-top: 4em; }
  .project-edit .toolbar-pane.about .button-center-wrapp .button {
    position: static;
    min-width: 10em; }

.project-edit .base-info {
  width: 70%;
  padding-right: 2em;
  float: left;
  border-right: 1px solid #F0F0F0; }

.project-edit .about-sidebar {
  width: 30%; }

.project-edit textarea {
  width: 100%; }

.project-edit .project-title {
  padding: 0.2em 0.44em; }

.project-edit .short-desc {
  min-height: 6.4em; }

.project-edit .rteditor {
  padding: 0.4em 1em;
  min-height: 12.4em;
  font-size: 1em;
  color: #000;
  border: 1px solid #B9B9B9;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .project-edit .rteditor img {
    max-width: 100%; }

.project-edit .user-remove {
  position: absolute;
  top: -0.5em;
  left: -0.5em; }
  .project-edit .user-remove .ss-delete {
    color: #EC008C; }

.project-edit .ui-autocomplete-input {
  width: 100%; }
  .project-edit .ui-autocomplete-input.ui-autocomplete-loading {
    background: rgba(255, 255, 255, 0.7) url("/resources/images/ajax-loader2.gif") right 5% center no-repeat; }

.project-edit .ui-helper-hidden-accessible {
  position: relative;
  right: 1em;
  bottom: 1.3em; }

.project-edit .ui-autocomplete {
  position: absolute !important;
  padding: 0;
  overflow: hidden;
  z-index: 1;
  list-style: none;
  border: 1px solid #F0F0F0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }
  .project-edit .ui-autocomplete li {
    padding: 0.5em 1em;
    list-style: none;
    background: #fff;
    text-align: left; }
    .project-edit .ui-autocomplete li:nth-child(odd) {
      background: #F0F0F0; }
    .project-edit .ui-autocomplete li.ui-state-focus {
      background: #EC008C;
      color: #FFF;
      cursor: pointer; }
    .project-edit .ui-autocomplete li a {
      color: #000; }
  .project-edit .ui-autocomplete img {
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
  .project-edit .ui-autocomplete .acomp-username {
    position: relative;
    top: -0.75em;
    width: 11em;
    padding: 0.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 1em; }
  .project-edit .ui-autocomplete .ui-corner-all {
    display: block;
    overflow: hidden; }
    .project-edit .ui-autocomplete .ui-corner-all img,
    .project-edit .ui-autocomplete .ui-corner-all .acomp-username {
      float: left; }

.project-edit .get-in-touch {
  padding-top: 1.4em;
  margin-top: 2em; }

.project-edit .location-section {
  padding-bottom: 1em; }

.project-edit .location-map-wrapper {
  margin: 0 0 2em 0; }

.project-edit .location-map {
  width: 100%;
  border: 1px solid #B9B9B9; }

.project-edit .view-choice .choose-btn-wrapper {
  margin-right: 20%; }
  .project-edit .view-choice .choose-btn-wrapper:last-of-type {
    margin-right: 0; }

.project-edit .landing-screen-type .button {
  width: 32%;
  margin-right: 2%;
  float: left; }
  .project-edit .landing-screen-type .button:last-child {
    margin-right: 0; }

.project-edit .landing-media-preview {
  display: table;
  height: 27em;
  width: calc(70% - 2em);
  margin-bottom: 2em;
  float: left;
  border: 1px solid #B9B9B9;
  text-align: center; }
  .project-edit .landing-media-preview img {
    width: 100%;
    vertical-align: middle;
    /* remove the space below image*/ }
  .project-edit .landing-media-preview p {
    display: table-cell;
    vertical-align: middle;
    color: #B9B9B9; }

.project-edit .sponsored-by .input-file-wrapp {
  margin-right: 2em; }

.project-edit .sponsored-by .input-file-wrapp,
.project-edit .sponsored-by .image-preview-wrapp {
  float: left; }

.project-edit .sponsored-by .image-preview-wrapp {
  margin-right: 2em; }
  .project-edit .sponsored-by .image-preview-wrapp:last-of-type {
    margin-right: 0; }
  .project-edit .sponsored-by .image-preview-wrapp .button {
    width: 100%;
    margin-top: 1em; }

.project-edit .sponsored-by .image-preview {
  display: table;
  width: 9.5em;
  height: 9.5em;
  color: #B9B9B9;
  text-align: center;
  border: 1px solid #F0F0F0; }
  .project-edit .sponsored-by .image-preview .image-preview-copy {
    display: table-cell;
    vertical-align: middle; }

.project-edit .map-overlay-section {
  padding-bottom: 2em; }

.project-edit .map-overlay-col {
  width: 50%;
  float: left; }

.project-edit .map-overlay-preview {
  position: relative;
  width: 100%;
  height: 20em;
  background: url(/resources/explore/images/map-opacity-bg.png);
  border: 1px solid #B9B9B9; }

.project-edit .map-overlay-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14em;
  height: 6em;
  padding: 2em;
  margin-top: -3em;
  margin-left: -7em;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase; }

.project-edit .upgrade-premium {
  padding: 2em 0; }
  .project-edit .upgrade-premium .section-title {
    float: left; }
  .project-edit .upgrade-premium .button {
    min-width: 15em;
    float: right; }

.project-edit .static-card-height .gallery-listing-order .card {
  margin-right: 2%; }
  .project-edit .static-card-height .gallery-listing-order .card, .project-edit .static-card-height .gallery-listing-order .card.ui-state-highlight {
    width: 23%;
    padding-top: 22%; }
  @media (min-width: 1024px) {
    .project-edit .static-card-height .gallery-listing-order .card, .project-edit .static-card-height .gallery-listing-order .card.ui-state-highlight {
      width: 18%;
      padding-top: 17%; } }
  @media (min-width: 1300px) {
    .project-edit .static-card-height .gallery-listing-order .card, .project-edit .static-card-height .gallery-listing-order .card.ui-state-highlight {
      width: 14.6%;
      padding-top: 14%; } }
  .project-edit .static-card-height .gallery-listing-order .card .users {
    display: none; }
  .project-edit .static-card-height .gallery-listing-order .card .img-wrapper,
  .project-edit .static-card-height .gallery-listing-order .card .desc-wrapper {
    position: absolute; }
  .project-edit .static-card-height .gallery-listing-order .card .img-wrapper {
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden; }
    .project-edit .static-card-height .gallery-listing-order .card .img-wrapper img {
      width: 100%;
      height: auto; }
    .project-edit .static-card-height .gallery-listing-order .card .img-wrapper .has-streetview:after {
      top: 0.5em;
      right: 0.5em;
      bottom: inherit;
      left: inherit; }
  .project-edit .static-card-height .gallery-listing-order .card .desc-wrapper {
    padding: 1em;
    font-size: 0.7em;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.7); }
    .project-edit .static-card-height .gallery-listing-order .card .desc-wrapper h3 {
      margin-bottom: 0; }
      .project-edit .static-card-height .gallery-listing-order .card .desc-wrapper h3 span {
        position: absolute;
        top: -1.6em;
        left: 0;
        color: #FFF;
        padding: 0.2em 1em;
        width: 100%;
        font-weight: bold;
        background: rgba(0, 0, 0, 0.6); }
  .project-edit .static-card-height .gallery-listing-order .card .card-index {
    font-size: 1.2em;
    right: auto;
    left: 0.5rem;
    width: 3em;
    padding-left: 0;
    padding-right: 0; }

.project-edit .checkbox-styling-cnt {
  min-width: 8em; }

#pinner .sv-controls-wrapper {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 0.9em 1em;
  background: #fff;
  border-radius: 4px;
  display: flex;
  display: -webkit-flex; }
  #pinner .sv-controls-wrapper .ctrl-item {
    flex: 1 1 auto;
    position: relative;
    border-right: solid 1px #CCC;
    text-align: center; }
    #pinner .sv-controls-wrapper .ctrl-item a.selected {
      color: #000;
      text-decoration: underline; }
    #pinner .sv-controls-wrapper .ctrl-item:last-child {
      width: 40%;
      padding-left: 1.5em;
      text-align: left;
      border-right: none; }

#pinner .sv-fade-slider {
  display: block;
  position: absolute;
  top: 0.8em;
  right: 1em;
  width: 70%;
  height: 1em; }

#pinner .pin-type .choose-btn-wrapper {
  margin-right: 15%; }
  #pinner .pin-type .choose-btn-wrapper:last-of-type {
    margin-right: 0; }

#pinner .add-img-pin-area {
  padding: 2em 0;
  margin-bottom: 1.7em;
  text-align: center;
  border: 1px solid #B9B9B9; }
  #pinner .add-img-pin-area .add-pin-area-copy {
    display: inline-block;
    margin-bottom: 0.5em;
    color: #939393; }
  #pinner .add-img-pin-area .icon-drag-n-drop {
    font-size: 2.4em;
    color: #808080; }

#pinner .button-wrapper {
  position: absolute;
  top: 2em;
  width: 100%;
  text-align: center; }

#pinner .uploaded-img {
  position: relative;
  margin-bottom: 2em;
  text-align: center; }
  #pinner .uploaded-img .img-wrapper {
    margin-bottom: 2em;
    height: 25em;
    overflow: hidden;
    border: 1px solid #B9B9B9; }
    #pinner .uploaded-img .img-wrapper img {
      display: block;
      height: 100%;
      width: auto;
      margin: 0 auto; }
  #pinner .uploaded-img .hp-icon {
    padding: 0.2em;
    margin: 0 0.25em;
    font-size: 1.5em;
    border: 1px solid #B9B9B9;
    background: #fff; }
    #pinner .uploaded-img .hp-icon a {
      display: inline-block; }
  #pinner .uploaded-img .rotate-nav-copy {
    position: relative;
    top: -0.25em; }

#pinner .video-or-sound-pin {
  padding: 5em 4em;
  margin-bottom: 2em;
  text-align: center;
  border: 1px solid #B9B9B9; }
  #pinner .video-or-sound-pin .input-wrapper {
    position: relative; }
    #pinner .video-or-sound-pin .input-wrapper .add-button {
      position: absolute;
      top: 0;
      right: 0; }

#pinner .uploaded-video-or-sound-pin {
  position: relative;
  margin-bottom: 2em;
  border: 1px solid #B9B9B9; }
  #pinner .uploaded-video-or-sound-pin .icon-play {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1em;
    height: 1em;
    margin: -0.5em 0 0 -0.5em;
    font-size: 6em;
    color: rgba(0, 0, 0, 0.8); }
  #pinner .uploaded-video-or-sound-pin img {
    display: block;
    max-width: 100%; }

#pinner .pin-title input[type=text] {
  padding: 0.4em 0.65em; }

#pinner textarea {
  width: 100%;
  margin-bottom: 2em; }

#pinner .date-range .date-range-col {
  width: 33.33%;
  float: left; }
  #pinner .date-range .date-range-col:nth-of-type(2) {
    padding: 0 2em; }

#pinner .date-range .radio-btn-styling {
  bottom: auto; }

#pinner .date-range .choose-btn-copy {
  position: relative;
  top: -0.6em; }

#pinner .location-search {
  margin-bottom: 1em; }

#pinner .search-options, #pinner .search-options .choose-btn-wrapper {
  display: block; }

#pinner .pin-location-map-section,
#pinner .pin-location-map {
  margin-bottom: 1.5em; }

#pinner .streetview-map,
#pinner .pin-location-map {
  position: relative;
  width: 100%;
  height: 35em;
  background: #F0F0F0;
  border: 1px solid #B9B9B9; }

#pinner .streetview-map {
  height: 40em;
  overflow: hidden;
  padding-bottom: 50px; }

#pinner .add-pin-to {
  margin-bottom: 1.5em; }
  #pinner .add-pin-to .choose-btn-wrapper:first-of-type {
    margin-right: 3em; }

#pinner .select2-container {
  width: 100% !important; }
  #pinner .select2-container .select2-choices {
    border-radius: 0.3em; }

#pinner .field-wrapper.hide-note + .field-note {
  opacity: 0;
  transition: opacity 0.3s ease; }

#pinner .field-wrapper.hide-note:hover + .field-note,
#pinner .field-wrapper.hide-note.field-focus + .field-note {
  opacity: 1; }

#pinner .sv-wrapper {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.3s ease; }

#pinner .activated .sv-wrapper {
  opacity: 1;
  pointer-events: inherit; }

#pinner .col {
  float: left;
  overflow: hidden; }
  .special .col {
    border: solid 1px #DDD;
    min-height: 15em; }
    .special .col:first-of-type {
      border-right: none; }
    .special .col:first-of-type .inner {
      padding-right: 2em; }
    .special .col.first-of-type + .col.w2 .inner {
      padding-left: 2em; }
    .special .col .inner {
      padding: 1em 1em 1em 2em; }
  #pinner .col.choice .inner {
    position: relative; }
    #pinner .col.choice .inner:before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 1.6em;
      bottom: 0;
      z-index: -1;
      border-right: solid 2px #EEE;
      transform: translateX(0); }
    #pinner .col.choice .inner:after {
      font-size: 1.2em;
      display: block;
      content: 'OR';
      position: absolute;
      top: 50%;
      right: 0.8em;
      margin-top: -0.5em;
      height: auto;
      width: auto;
      background: #fff;
      padding: 0 0.1em; }
  #pinner .col.w2 {
    width: 50%; }
  #pinner .col:first-of-type .inner {
    padding-right: 4em; }
  #pinner .col.first-of-type + .col.w2 .inner {
    padding-left: 4em; }
  #pinner .col + hr {
    border-top: 2em solid #FFF;
    height: calc(2em + 1px); }

#pinner hr {
  clear: both; }

.characters-limit {
  float: right; }
  .characters-limit .characters-left {
    color: #B9B9B9; }

.hp-editor-sv-img-cnt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  .hp-editor-sv-img-cnt img {
    display: block;
    position: absolute;
    top: 0;
    left: 0; }

.hp-editor-sv-img {
  opacity: 0.3; }

.streetview-image-area {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2; }

.img-resize-cnt {
  position: absolute;
  z-index: 2; }

/*
 imgAreaSelect default style
*/
.imgareaselect-selection {
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: move; }

.imgareaselect-border1,
.imgareaselect-border2,
.imgareaselect-border3,
.imgareaselect-border4 {
  position: absolute;
  font-size: 0px;
  opacity: 0.5;
  filter: alpha(opacity=50); }

.imgareaselect-border1 {
  left: 0px;
  top: 0px;
  width: 1px;
  height: 100%; }

.imgareaselect-border2 {
  left: 0px;
  top: 0px;
  width: 100%;
  height: 1px; }

.imgareaselect-border3 {
  right: 0px;
  top: 0px;
  width: 1px;
  height: 100%; }

.imgareaselect-border4 {
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px; }

.imgareaselect-handle {
  position: absolute;
  font-size: 0px;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border: solid 1px #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 2;
  box-sizing: content-box; }

.imgareaselect-handle-t {
  top: 0;
  left: 50%;
  margin-left: -2.5px;
  cursor: n-resize; }

.imgareaselect-handle-b {
  bottom: 0;
  left: 50%;
  margin-left: -2.5px;
  cursor: s-resize; }

.imgareaselect-handle-l {
  top: 50%;
  left: 0;
  margin-top: -2.5px;
  cursor: w-resize; }

.imgareaselect-handle-r {
  top: 50%;
  right: 0;
  margin-top: -2.5px;
  cursor: e-resize; }

.imgareaselect-handle-tl {
  top: 0;
  left: 0;
  cursor: nw-resize; }

.imgareaselect-handle-tr {
  top: 0;
  right: 0;
  cursor: ne-resize; }

.imgareaselect-handle-bl {
  bottom: 0;
  left: 0;
  cursor: sw-resize; }

.imgareaselect-handle-br {
  bottom: 0;
  right: 0;
  cursor: se-resize; }

.imgareaselect-outer {
  background-color: #000;
  opacity: 0.1;
  filter: alpha(opacity=10); }

.imgareaselect-border1,
.imgareaselect-border3 {
  background: url(/resources/explore/images/imgarea/border-v.gif) repeat-y; }

.imgareaselect-border1 {
  background-position: left top; }

.imgareaselect-border3 {
  background-position: right top; }

.imgareaselect-border2,
.imgareaselect-border4 {
  background: url(/resources/explore/images/imgarea/border-h.gif) repeat-x; }

.imgareaselect-border2 {
  background-position: left top; }

.imgareaselect-border4 {
  background-position: left bottom; }

.ath-viewport * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none; }

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0, 0, 0, 0.6); }

.ath-mandatory {
  background: #000; }

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;
  background: #eee;
  background-size: 100% auto;
  box-shadow: 0 0.2em 0 #d1d1d1;
  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center; }

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em; }

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em; }

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em; }

.ath-android {
  right: 1.5em;
  top: 1.8em; }

/* close icon */
.ath-container:before {
  content: '';
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
  background-color: rgba(255, 255, 255, 0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642; }

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none; }

.ath-mandatory .ath-container:before {
  display: none; }

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em; }

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none; }

/* applied only if the application icon is shown */
.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden; }

.ath-android .ath-action-icon {
  width: 1.2em;
  height: 1.8em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAADcBAMAAAAig/QJAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAFtDAABbQwH5xg68AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAB5QTFRFAAAA////cXFxaWlp////ZmZmnJycoaGhpqam////1D9b6wAAAAV0Uk5TAAgJERExZxYzAAAAYklEQVRYw+3WoQ2AUBAE0SsBOiBUQEIDCArA4FFoHBaJxNItFYz/x5+xz282VmwJTdM0rRzbsS1e7Pm9zdgUVn491rkFmqZpSezEjqo/Sos1HoAEjdjgFmiapiWxG7tq/igfnYteFlnOWZEAAAAASUVORK5CYII=);
  background-size: auto 100%; }

.ath-ios7 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAACtCAYAAAB7l7tOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAABa5AAAWuQBuyxkRwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAZoSURBVHja7d1ZbFRlGIfxzxVwl809goLgghrRoEaNSzQagrsRt8QYgzEG443SOQNSA0QTXHALcY2KMe7EuCB6YbxwiUtwA0VwQRSxqMimUNt5vOg5OEPL9Ew705m2zz95L5rOvOfr+8s3nZ6TOQ2hNyXiyhDxQpjADr3q5+4VyTIhRORCBCHijTCRPg6lZ+3c5hg3qZfdyT0D9/IQ0bQFblIvhnq2d0jdF3d8Edyknhe5O6aOs0PExnZwk3ooBLZxaN0lWcaFiE0pcVsqy+Ohnm0dXq0nYmzJuP8jPypyLSfDySFifYdwk8ow00HWYiZzeojY0Cnc/2uWA60t3FPLiJvU3Q62FpLl2BCxusy4SU1xwNVMhjEhYk2FcJOqd9DVSB3HhYi/KozrTq4S7ui0L8v9ppYJOUPk4LsiUxgVIlalQRl5D4x+oPhjrniuJOQ6ASqZiCNCREMajIPuhOV/wfGziz/uuz9gwtySdvPNQlQiGQ4LGX5LgzB0JixbDdA+8Pd/QnMOrnw+NXAuRNwgSDkzmUNDxMo0AENmwo8xLsCY2Zsv8m8VGKCpGS5/rgTkDNcLUx7cg0PE8jSD3/cOWPI7+fnj6PuLnwBZ1MCnyYObmmH8syUhXydQ53CHhoif0uIuXlWA+ydwzJH3sa7Y825/l7OAd5InNTbBeXNSIzeHDFcJ1ZHUMSRELEsz6L1vh28KcdcCJ4QQQnvAk+ZzCrAz8G7y5E1NMO6p1MhNIcsVgpWSLPuFiCVpBjxwOnyxshXuiUmrNMAhhADsBnyYjzz2yZKQLxMuTW5h3xDxbZrBDpgOn60owF0HnJTfLi1wjLw78FHS7O9GOOOxkpAvFbBYIvYJEYvTDLT/NFhQiLseOHnLlqUAx8h7AB8nTTc0wmmPpkZuDBnOFbKt3MzeIeLrNIPccxp8+ksB7j/AmW21LRU4D/mTfORTH0mNvClkGSdofjIMCBGfpxngrrfB+8ta4Z61tdYdAY6RBwFfbn552ASnPFwCcsRYYUMIoZ7+IWJBmsHtUg/vFeJuBM4u1r6jwDHyYOCr5GBrNsKY2amR/w6TOV3giKlpBtbnVnjz2wLcRuD89tp3BjgPeWFy0FUbYNS9qZEXhkvYrrfv4G1Dlsfbu+T39tJWuBemad9Z4Bh5L2BRcvDV/8DoB9vFXRKyHOAODiEsX06/8c+2fcaq760wv3Dn/gtcnLZ3OYBj5P2BpWl28oh7aHpmQdtv+npdgL7A/FwOJr7a+mV53uJWuJeU0r9cwPFaDwC+SxbTsB4On1XY7/BZsHJdy7eBIwSGqcnAcjm46bWWQe0wBeYuLMDNARNK7V9O4Hi9w4HNf6T9th4Oi5FH3dvydV4WQS//HQz0A97KR574Kjz9WcGgmoGrO9K/3MDxmg8EfkgWt2w1nPMErFhbsOZVwNG9fgfHA+sDvELbaQau6WjvSgDHax6Wv5O3yK/AocoWDmxHYO4Wg8oB13amb6WA4zUf0gbyL8BIRbeO/FIe7o2d7VlJ4HjNI4DkrPjPwAgliw9sO+Bp4KZy9Ks0cLzmkfEFiuEKphtY2T7C2RXA5V6zqUFgI7AR2AhsBBZYYIGNwEZgI3DFk+X1blX1DK4acD2Du928uugmJuWrOoZUDbjlA3Hda14CCyywwF1XF8zhqGoBXzCHowSucE2aV/jx0K4EnjSPkwQWWGCBawS4/7SW2yPUUi1tYFi1gJc2MKzW5tF/WieAB82gFlO1d9HAkFobxqAZAgsscC8FHjiDHHBRjdVOVQTeqdbmMXBG8Vs1FgUeMJ3m0M3T068mDZje6n8yCiywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAAgsssMACCyywwAILLLDAHc+KtXz88xrYWjWsKe3+0wLXWIAP2rlh61CBBRZYYIGrBXwMcFqR6iuwEdgIbAQ2AhuBBRZYYIEFNgIbgY3ARmCBBRZYYIGNwEZgI7AR2AgssMACG4GNwEZgI7ARWGCBBRZYYCOwEdgIbAQWWGCBBRbYCGwENgIbgY3AAgsssMACG4GNwEZgI7DAHQGup69Vu9UpYKsHlEMQ2BLYEtgS2BLYKrWG3wVWz62A6dERWGAjsKnZ/Af2wMWISv7RmgAAAABJRU5ErkJggg==);
  margin-top: -0.3em;
  background-size: auto 100%; }

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJAAAAB0CAQAAADAmnOnAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAWwEAAFsBAXkZiFwAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAGaklEQVR42u3cfUxVZRwH8O8FRERRfNfKt4zM2UzNMszZFPMPW5KWzizJ0JJWitOU3mYs54ZuNRk6zblSaebUnKllSpopaRorJiqmtjRNK4sNEBR5+fbH45ELwrnn5Tnn3gPP7/cv9/7O/eyc5zyvAF6PrlgAFTrRHcQmtFIQekDEYXRRFA3GzP4gCOI39FcaDcQ7g24BEUUYrTz0gIhKvKZE9IAIIhNhSkUPiNiGaOWiB0Tko4eS0QMi/sQQZaMHRJRivNLRAyKqkKZ89IAIYg1aKCDq5l60U0D6WYDeCkg/r2KEAtLPG5iqgPSzBukKKFB+ikgFpJ+56KyA9PMcHjBXYYwjGRmyQMR/GGWmAqVnNV4N4TuIICowPXhA1ZgR0o+Y6Yk1uTyVeD7E26Da3GpsYk0iTwQ3kSS5nbLboAj0wnBMwGwsRhaysRO5yEMe8iJP2bjig+joIlALbhE86xguCWUgXkYmduMMbjrQVhLEWfRzCagldwmelfTZhOmM8ViGXJQ7hFI3iwK906SUieLXgifTFs9DeA/HUOMKjP87LdlhoFb8RvB8ZJHHhxHIxEWXYfzzY0Q4BtSG3wueDyzhxCAFvwSRJuA7zeYXx/CQ4LEy/3sPlqMkBHBEHkN36UBt+YPgWWgapzfWoiJkcERewECpQB2YR5I1nG/6PbUcN0IMR2QJxhkEWsi0gPkjSVYzxRROS6SjLCRxGplYa+QPq2goqjnTFM8wFIQwjpZZCJcDVMmppu6dTNf7OFbzEDoFAKrcx5yA+ZIJnh444hEckcfRUxcoXe5wMwH/eIqHIK7gUbeAklHlOR4xCElyA2iWR3mIGixyHijDoziMqRw8xflH7H2v8vTjKfIyhzoLNNurPM+xVHRksp0EesabbU84M1hDklVMo885oMdcmhGUnO25W9w7xUx0sh8Ui/Ne5InjCcFTwL4BetI2gbZ5kedZreXZwjYBx2K2gKZ7DydMa3mqRcvjJFAcrnmNJ5ZfiXunlBMNzgfZAPrSazx9eVzwnOB9hmcULQM96TWeCSwRPFv9Wx6ngMKQ3zRaHqeAXvQSTzttNfgaJ5leOLQE5EOhd3j6MF/wnGSchZVVS0Bj5f6ELhzKiZzLdC7nOm7nAebzPIvqZKHF7x7DfwXPNsZYWpu3BLTD/iptPFO4mnt5muWGVg0uW6ozj5UBWh4ngPpYHZxG8nGmcTPPsJpmwzxQK34mPlrGKTY2UFkAWmJ+y8wopnM/y/QEilnAQ9zJbGZxMedzBif559EF5mr24s/ie3/nIFtb8CwAnTV+md04hzm83hBIFQu5mUv5Op/mQMbK3YKXyGJR5Vt2NPqzZAH1N3aJrTmNu1lRn6WUOVzGJA5hlHN7FFNFy0N+yAjbu1xNA70duFOWwPXaeFmLIu7gmxxm5oKtAUVxvahYzhfMVZAFdES/GU7m6bo0Z7mMw2n7jLsxoB78SVQ9T9OHfeUARfluNv5QzeNFf5pCvssBbm4DHsm/ReXvaOGkhhyg+MbeU3N4pZamhGs53O190m/wprZ/0tKDLAdo7p3f4GMSL9Ti/MpZbO32RvIofiKqX2eS1QpSgMI+r//5+7mvFucgE+nQf9TQA7qbR0X9PzjUegUpQG1O1F04eau2j3OAw4JzFGGE9nDvYQc7FaQARRf7rwwc1nDOcbLtbeUWgVK0vtYK2jw5LwMo2nf7c8navVPORWY7fbKAorlRXMMNJtuvIAMoTusKLhXzc2QO74UrcSfQXdodfEnOwy0D6GGxY3qPNj+XBNeiPlCCNs+TY3y05ThQ7EiwK4+JCztjdJTsBFCaNtpaJe9AlgSgsVN6aQOJzWwLBAcokqu1lucVmRUkAC2eeElsKE+F66EBdWOuyXkeF4EYT7LCzZanPtBoXtXmeTrJriAD6AmW8SkgWEC3W541bCm/ggygRxiPIMWSB1cInAqTRyJcnw8KUrD7rXmewY5VaAJA++W3PE0JKMPUPE8MEpoXkLnBcBL+wqpmBWQiemIXCCqghiIcadoxvvYbFFD9GIDDtb9s3EkF5B9RyKj7jy0UkH+MvnNBXAFp0QEbGjoCqoC0mNPwL1NACshYhKUqIN2YvFEB6ca0LxSQAlJACkgBKSAFpICsADXdVEAKSAEpIAWkgBSQAlJACkgBKaDgA41hc8vUXHM3UPOLVQpIAbkH9D87oz0rvnJrOgAAAABJRU5ErkJggg==);
  margin-bottom: 0.4em;
  background-size: 100% auto; }

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em; }

.ath-ios.ath-phone:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  box-shadow: 0.2em 0.2em 0 #d1d1d1; }

.ath-ios.ath-tablet:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641; }

.ath-android:after {
  content: '';
  background: #eee;
  background: -webkit-linear-gradient(-45deg, rgba(238, 238, 238, 0) 0%, rgba(238, 238, 238, 0) 50%, #eeeeee 50%, #eeeeee 100%);
  position: absolute;
  width: 2em;
  height: 2em;
  top: -1.5em;
  right: 0; }

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642; }

/* OS specific classes */
.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3), inset 0 0.07em 0 rgba(255, 255, 255, 0.5);
  margin: 0 auto 0.4em auto; }

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em; }
  .ath-ios.ath-phone {
    margin-left: -12em; }
  .ath-ios6:after {
    left: 39%; } }

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000',endColorstr='#e6000000',GradientType=1);
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  position: absolute !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important; }

.introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th {
  z-index: 9999999 !important; }

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute; }

.introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th {
  position: relative; }

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: #FFF;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-tooltipReferenceLayer {
  position: absolute;
  z-index: 10000000;
  background-color: transparent;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.introjs-helperLayer *, .introjs-helperLayer *:before, .introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box; }

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial,verdana,tahoma;
  font-size: 13px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  background: -webkit-linear-gradient(top, #ff3019 0, #cf0404 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
  background: -moz-linear-gradient(top, #ff3019 0, #cf0404 100%);
  background: -ms-linear-gradient(top, #ff3019 0, #cf0404 100%);
  background: -o-linear-gradient(top, #ff3019 0, #cf0404 100%);
  background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
  width: 20px;
  height: 20px;
  line-height: 10px;
  border: 3px solid white;
  border-radius: 50%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019',endColorstr='#cf0404',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=2,color=ff0000);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute; }

.introjs-arrow.top {
  top: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: white;
  border-left-color: transparent; }

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: white; }

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: white;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-top-color: transparent;
  border-right-color: white;
  border-bottom-color: transparent;
  border-left-color: transparent; }

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap; }

.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #ececec;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
  background-image: -moz-linear-gradient(#f4f4f4, #ececec);
  background-image: -o-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  -webkit-border-radius: .2em;
  -moz-border-radius: .2em;
  border-radius: .2em;
  zoom: 1;
  *display: inline;
  margin-top: 10px; }

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0 1px 1px #e3e3e3; }

.introjs-button:focus, .introjs-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4));
  background-image: -moz-linear-gradient(#ececec, #f4f4f4);
  background-image: -o-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4); }

.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a; }

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: 0; }

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0; }

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none; }

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

.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block; }

.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px; }

.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none; }

.introjs-bullets ul li a:hover {
  background: #999; }

.introjs-bullets ul li a.active {
  background: #999; }

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1; }

.introjs-progressbar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c; }

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%; }

.cluster {
  position: absolute;
  padding: 5px;
  font-size: 12px;
  text-align: center;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer; }

.cluster .cluster-count {
  width: 100%;
  height: 100%;
  border-radius: 100px;
  box-sizing: border-box; }

.cluster.cluster-size-1 {
  background-color: rgba(110, 200, 50, 0.5);
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px; }

.cluster.cluster-size-1 .cluster-count {
  background-color: rgba(110, 200, 50, 0.8);
  line-height: 20px; }

.cluster.cluster-size-2 {
  background-color: rgba(240, 190, 10, 0.5);
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px; }

.cluster.cluster-size-2 .cluster-count {
  background-color: rgba(240, 190, 10, 0.8);
  line-height: 24px; }

.cluster.cluster-size-3 {
  background-color: rgba(250, 130, 70, 0.5);
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px; }

.cluster.cluster-size-3 .cluster-count {
  background-color: rgba(250, 130, 70, 0.8);
  line-height: 30px; }

.cluster.cluster-size-4 {
  background-color: rgba(250, 60, 60, 0.5);
  width: 46px;
  height: 46px;
  margin: -23px 0 0 -23px; }

.cluster.cluster-size-4 .cluster-count {
  background-color: rgba(250, 60, 60, 0.8);
  line-height: 36px; }

.cluster.cluster-size-5 {
  background-color: rgba(250, 60, 60, 0.5);
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px; }

.cluster.cluster-size-5 .cluster-count {
  background-color: rgba(250, 60, 60, 0.8);
  line-height: 40px; }

.cluster.cluster-size-6 {
  background-color: rgba(250, 60, 60, 0.5);
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  font-size: 11px;
  letter-spacing: -1px; }

.cluster.cluster-size-6 .cluster-count {
  background-color: rgba(250, 60, 60, 0.8);
  line-height: 40px; }

.cluster.cluster-size-7 {
  background-color: rgba(250, 60, 60, 0.5);
  font-size: 9px; }

.cluster.cluster-size-7 .cluster-count {
  background-color: rgba(250, 60, 60, 0.8);
  line-height: 40px; }

#g-progress {
  display: none;
  position: absolute;
  z-index: 1000;
  right: 400px;
  top: 300px;
  width: 200px;
  height: 20px;
  margin-top: -20px;
  margin-right: -100px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  padding: 2px; }

#g-progress-bar {
  width: 0;
  height: 100%;
  background-color: #76A6FC;
  border-radius: 4px; }

.mce-object {
  border: 1px dotted #3A3A3A;
  background: #d5d5d5 url(img/object.gif) no-repeat center; }

.mce-pagebreak {
  cursor: default;
  display: block;
  border: 0;
  width: 100%;
  height: 5px;
  border: 1px dashed #666;
  margin-top: 15px;
  page-break-before: always; }

@media print {
  .mce-pagebreak {
    border: 0; } }

.mce-item-anchor {
  cursor: default;
  display: inline-block;
  -webkit-user-select: all;
  -webkit-user-modify: read-only;
  -moz-user-select: all;
  -moz-user-modify: read-only;
  user-select: all;
  user-modify: read-only;
  width: 9px !important;
  height: 9px !important;
  border: 1px dotted #3A3A3A;
  background: #d5d5d5 url(img/anchor.gif) no-repeat center; }

.mce-nbsp, .mce-shy {
  background: #AAA; }

.mce-shy::after {
  content: '-'; }

hr {
  cursor: default; }

.mce-match-marker {
  background: #AAA;
  color: #fff; }

.mce-match-marker-selected {
  background: #39f;
  color: #fff; }

.mce-spellchecker-word {
  border-bottom: 2px solid red;
  cursor: default; }

.mce-spellchecker-grammar {
  border-bottom: 2px solid green;
  cursor: default; }

.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {
  border: 1px dashed #BBB; }

td.mce-item-selected, th.mce-item-selected {
  background-color: #39f !important; }

.mce-edit-focus {
  outline: 1px dotted #333; }

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: 0 0;
  text-decoration: none;
  color: #333;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  -webkit-tap-highlight-color: transparent;
  line-height: normal;
  font-weight: 400;
  text-align: left;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none; }

.mce-widget button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mce-container [unselectable] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none; }

.mce-fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.mce-fade.mce-in {
  opacity: 1; }

.mce-tinymce {
  visibility: inherit !important;
  position: relative; }

.mce-fullscreen {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  height: 100%;
  z-index: 100; }

div.mce-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto; }

.mce-tinymce {
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.mce-wordcount {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px; }

div.mce-edit-area {
  background: #FFF;
  filter: none; }

.mce-statusbar {
  position: relative; }

.mce-statusbar .mce-container-body {
  position: relative; }

.mce-fullscreen .mce-resizehandle {
  display: none; }

.mce-charmap {
  border-collapse: collapse; }

.mce-charmap td {
  cursor: default;
  border: 1px solid #9e9e9e;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  padding: 2px; }

.mce-charmap td div {
  text-align: center; }

.mce-charmap td:hover {
  background: #d9d9d9; }

.mce-grid td.mce-grid-cell div {
  border: 1px solid #d6d6d6;
  width: 15px;
  height: 15px;
  margin: 0;
  cursor: pointer; }

.mce-grid td.mce-grid-cell div:focus {
  border-color: #a1a1a1; }

.mce-grid td.mce-grid-cell div[disabled] {
  cursor: not-allowed; }

.mce-grid {
  border-spacing: 2px;
  border-collapse: separate; }

.mce-grid a {
  display: block;
  border: 1px solid transparent; }

.mce-grid a:hover, .mce-grid a:focus {
  border-color: #a1a1a1; }

.mce-grid-border {
  margin: 0 4px 0 4px; }

.mce-grid-border a {
  border-color: #d6d6d6;
  width: 13px;
  height: 13px; }

.mce-grid-border a:hover, .mce-grid-border a.mce-active {
  border-color: #a1a1a1;
  background: #c8def4; }

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

div.mce-tinymce-inline {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.mce-colorbtn-trans div {
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
  font-size: 20px;
  line-height: 16px;
  color: #707070; }

.mce-toolbar-grp {
  padding-bottom: 2px; }

.mce-toolbar-grp .mce-flow-layout-item {
  margin-bottom: 0; }

.mce-rtl .mce-wordcount {
  left: 0;
  right: auto; }

.mce-container, .mce-container-body {
  display: block; }

.mce-autoscroll {
  overflow: hidden; }

.mce-scrollbar {
  position: absolute;
  width: 7px;
  height: 100%;
  top: 2px;
  right: 2px;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1; }

.mce-scrollbar-h {
  top: auto;
  right: auto;
  left: 2px;
  bottom: 2px;
  width: 100%;
  height: 7px; }

.mce-scrollbar-thumb {
  position: absolute;
  background-color: #000;
  border: 1px solid #888;
  border-color: rgba(85, 85, 85, 0.6);
  width: 5px;
  height: 100%;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mce-scrollbar-h .mce-scrollbar-thumb {
  width: 100%;
  height: 5px; }

.mce-scrollbar:hover, .mce-scrollbar.mce-active {
  background-color: #AAA;
  opacity: .6;
  filter: alpha(opacity=60);
  zoom: 1;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

.mce-scroll {
  position: relative; }

.mce-panel {
  border: 0 solid #9e9e9e;
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #fdfdfd, #ddd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fdfdfd, #ddd);
  background-image: -o-linear-gradient(top, #fdfdfd, #ddd);
  background-image: linear-gradient(to bottom, #fdfdfd, #ddd);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffdfdfd', endColorstr='#ffdddddd', GradientType=0);
  zoom: 1; }

.mce-floatpanel {
  position: absolute;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.mce-floatpanel.mce-fixed {
  position: fixed; }

.mce-floatpanel .mce-arrow, .mce-floatpanel .mce-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.mce-floatpanel .mce-arrow {
  border-width: 11px; }

.mce-floatpanel .mce-arrow:after {
  border-width: 10px;
  content: ""; }

.mce-floatpanel.mce-popover {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: 0 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #9e9e9e;
  border: 1px solid rgba(0, 0, 0, 0.25); }

.mce-floatpanel.mce-popover.mce-bottom {
  margin-top: 10px; }

.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #9e9e9e;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }

.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff; }

.mce-floatpanel.mce-popover.mce-bottom.mce-start {
  margin-left: -22px; }

.mce-floatpanel.mce-popover.mce-bottom.mce-start > .mce-arrow {
  left: 20px; }

.mce-floatpanel.mce-popover.mce-bottom.mce-end {
  margin-left: 22px; }

.mce-floatpanel.mce-popover.mce-bottom.mce-end > .mce-arrow {
  right: 10px;
  left: auto; }

.mce-fullscreen {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background: #fff;
  height: 100%; }

div.mce-fullscreen {
  position: fixed;
  top: 0;
  left: 0; }

#mce-modal-block {
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000; }

#mce-modal-block.mce-in {
  opacity: .3;
  filter: alpha(opacity=30);
  zoom: 1; }

.mce-window-move {
  cursor: move; }

.mce-window {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: 0 0;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 150ms ease-in;
  transition: opacity 150ms ease-in; }

.mce-window.mce-in {
  opacity: 1; }

.mce-window-head {
  padding: 9px 15px;
  border-bottom: 1px solid #c5c5c5;
  position: relative; }

.mce-window-head .mce-close {
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: #858585;
  cursor: pointer;
  height: 20px;
  overflow: hidden; }

.mce-close:hover {
  color: #adadad; }

.mce-window-head .mce-title {
  line-height: 20px;
  font-size: 20px;
  font-weight: 700;
  text-rendering: optimizelegibility;
  padding-right: 10px; }

.mce-window .mce-container-body {
  display: block; }

.mce-foot {
  display: block;
  background-color: #fff;
  border-top: 1px solid #c5c5c5;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px; }

.mce-window-head .mce-dragh {
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  width: 90%;
  height: 100%; }

.mce-window iframe {
  width: 100%;
  height: 100%; }

.mce-window.mce-fullscreen, .mce-window.mce-fullscreen .mce-foot {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mce-rtl .mce-window-head .mce-close {
  position: absolute;
  right: auto;
  left: 15px; }

.mce-rtl .mce-window-head .mce-dragh {
  left: auto;
  right: 0; }

.mce-rtl .mce-window-head .mce-title {
  direction: rtl;
  text-align: right; }

.mce-abs-layout {
  position: relative; }

body .mce-abs-layout-item, .mce-abs-end {
  position: absolute; }

.mce-abs-end {
  width: 1px;
  height: 1px; }

.mce-container-body.mce-abs-layout {
  overflow: hidden; }

.mce-tooltip {
  position: absolute;
  padding: 5px;
  opacity: .8;
  filter: alpha(opacity=80);
  zoom: 1; }

.mce-tooltip-inner {
  font-size: 11px;
  background-color: #000;
  color: #fff;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
  white-space: normal; }

.mce-tooltip-inner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.mce-tooltip-inner {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000; }

.mce-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000; }

.mce-tooltip-arrow-n {
  border-bottom-color: #000; }

.mce-tooltip-arrow-s {
  border-top-color: #000; }

.mce-tooltip-arrow-e {
  border-left-color: #000; }

.mce-tooltip-arrow-w {
  border-right-color: #000; }

.mce-tooltip-nw, .mce-tooltip-sw {
  margin-left: -14px; }

.mce-tooltip-n .mce-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.mce-tooltip-nw .mce-tooltip-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.mce-tooltip-ne .mce-tooltip-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.mce-tooltip-s .mce-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.mce-tooltip-sw .mce-tooltip-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.mce-tooltip-se .mce-tooltip-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.mce-tooltip-e .mce-tooltip-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.mce-tooltip-w .mce-tooltip-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

.mce-btn {
  border: 1px solid #b1b1b1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
  position: relative;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #fff, #d9d9d9);
  background-image: -o-linear-gradient(top, #fff, #d9d9d9);
  background-image: linear-gradient(to bottom, #fff, #d9d9d9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0);
  zoom: 1; }

.mce-btn:hover, .mce-btn:focus {
  color: #333;
  background-color: #e3e3e3;
  background-image: -moz-linear-gradient(top, #f2f2f2, #ccc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#ccc));
  background-image: -webkit-linear-gradient(top, #f2f2f2, #ccc);
  background-image: -o-linear-gradient(top, #f2f2f2, #ccc);
  background-image: linear-gradient(to bottom, #f2f2f2, #ccc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffcccccc', GradientType=0);
  zoom: 1; }

.mce-btn.mce-disabled button, .mce-btn.mce-disabled:hover button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1; }

.mce-btn.mce-active, .mce-btn.mce-active:hover {
  background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #e6e6e6, silver);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(silver));
  background-image: -webkit-linear-gradient(top, #e6e6e6, silver);
  background-image: -o-linear-gradient(top, #e6e6e6, silver);
  background-image: linear-gradient(to bottom, #e6e6e6, silver);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffc0c0c0', GradientType=0);
  zoom: 1;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.mce-btn:active {
  background-color: #d6d6d6;
  background-image: -moz-linear-gradient(top, #e6e6e6, silver);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(silver));
  background-image: -webkit-linear-gradient(top, #e6e6e6, silver);
  background-image: -o-linear-gradient(top, #e6e6e6, silver);
  background-image: linear-gradient(to bottom, #e6e6e6, silver);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffc0c0c0', GradientType=0);
  zoom: 1;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.mce-btn button {
  padding: 4px 10px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  color: #333;
  text-align: center;
  overflow: visible;
  -webkit-appearance: none; }

.mce-btn button::-moz-focus-inner {
  border: 0;
  padding: 0; }

.mce-btn i {
  text-shadow: 1px 1px #fff; }

.mce-primary {
  min-width: 50px;
  color: #fff;
  border: 1px solid #b1b1b1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: -o-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  zoom: 1; }

.mce-primary:hover, .mce-primary:focus {
  background-color: #005fb3;
  background-image: -moz-linear-gradient(top, #0077b3, #003cb3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0077b3), to(#003cb3));
  background-image: -webkit-linear-gradient(top, #0077b3, #003cb3);
  background-image: -o-linear-gradient(top, #0077b3, #003cb3);
  background-image: linear-gradient(to bottom, #0077b3, #003cb3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0077b3', endColorstr='#ff003cb3', GradientType=0);
  zoom: 1; }

.mce-primary.mce-disabled button, .mce-primary.mce-disabled:hover button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1; }

.mce-primary.mce-active, .mce-primary.mce-active:hover, .mce-primary:not(.mce-disabled):active {
  background-color: #005299;
  background-image: -moz-linear-gradient(top, #069, #039);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#069), to(#039));
  background-image: -webkit-linear-gradient(top, #069, #039);
  background-image: -o-linear-gradient(top, #069, #039);
  background-image: linear-gradient(to bottom, #069, #039);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006699', endColorstr='#ff003399', GradientType=0);
  zoom: 1;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.mce-primary button, .mce-primary button i {
  color: #fff;
  text-shadow: 1px 1px #333; }

.mce-btn-large button {
  padding: 9px 14px;
  font-size: 16px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.mce-btn-large i {
  margin-top: 2px; }

.mce-btn-small button {
  padding: 1px 5px;
  font-size: 12px; }

.mce-btn-small i {
  line-height: 20px;
  vertical-align: top; }

.mce-btn .mce-caret {
  margin-top: 8px;
  margin-left: 0; }

.mce-btn-small .mce-caret {
  margin-top: 8px;
  margin-left: 0; }

.mce-caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #333;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.mce-disabled .mce-caret {
  border-top-color: #aaa; }

.mce-caret.mce-up {
  border-bottom: 4px solid #333;
  border-top: 0; }

.mce-btn-flat {
  border: 0;
  background: 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none; }

.mce-btn-flat:hover, .mce-btn-flat.mce-active, .mce-btn-flat:focus, .mce-btn-flat:active {
  border: 0;
  background: #e6e6e6;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.mce-rtl .mce-btn button {
  direction: rtl; }

.mce-btn-group .mce-btn {
  border-width: 1px 0 1px 0;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.mce-btn-group .mce-first {
  border-left: 1px solid #b1b1b1;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.mce-btn-group .mce-last {
  border-right: 1px solid #b1b1b1;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.mce-btn-group .mce-first.mce-last {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.mce-btn-group .mce-btn.mce-flow-layout-item {
  margin: 0; }

.mce-checkbox {
  cursor: pointer; }

i.mce-i-checkbox {
  margin: 0 3px 0 0;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #fff, #d9d9d9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #fff, #d9d9d9);
  background-image: -o-linear-gradient(top, #fff, #d9d9d9);
  background-image: linear-gradient(to bottom, #fff, #d9d9d9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffd9d9d9', GradientType=0);
  zoom: 1;
  text-indent: -10em;
  overflow: hidden; }

.mce-checked i.mce-i-checkbox {
  color: #333;
  font-size: 16px;
  line-height: 16px;
  text-indent: 0; }

.mce-checkbox:focus i.mce-i-checkbox, .mce-checkbox.mce-focus i.mce-i-checkbox {
  border: 1px solid rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); }

.mce-checkbox.mce-disabled .mce-label, .mce-checkbox.mce-disabled i.mce-i-checkbox {
  color: #acacac; }

.mce-rtl .mce-checkbox {
  direction: rtl;
  text-align: right; }

.mce-rtl i.mce-i-checkbox {
  margin: 0 0 0 3px; }

.mce-combobox {
  display: inline-block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.mce-combobox input {
  border: 1px solid #c5c5c5;
  border-right-color: #c5c5c5;
  height: 28px; }

.mce-combobox.mce-disabled input {
  color: #adadad; }

.mce-combobox.mce-has-open input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.mce-combobox .mce-btn {
  border-left: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.mce-combobox button {
  padding-right: 8px;
  padding-left: 8px; }

.mce-combobox.mce-disabled .mce-btn button {
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: .4;
  filter: alpha(opacity=40);
  zoom: 1; }

.mce-colorbox i {
  border: 1px solid #c5c5c5;
  width: 14px;
  height: 14px; }

.mce-colorbutton .mce-ico {
  position: relative; }

.mce-colorbutton-grid {
  margin: 4px; }

.mce-colorbutton button {
  padding-right: 4px; }

.mce-colorbutton .mce-preview {
  padding-right: 3px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -14px;
  margin-top: 7px;
  background: gray;
  width: 13px;
  height: 2px;
  overflow: hidden; }

.mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: -16px;
  padding-right: 0;
  width: 16px; }

.mce-colorbutton .mce-open {
  padding-left: 4px;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent; }

.mce-colorbutton:hover .mce-open {
  border-left-color: #bdbdbd;
  border-right-color: #bdbdbd; }

.mce-colorbutton.mce-btn-small .mce-open {
  padding: 0 3px 0 3px; }

.mce-rtl .mce-colorbutton {
  direction: rtl; }

.mce-rtl .mce-colorbutton .mce-preview {
  margin-left: 0;
  padding-right: 0;
  padding-left: 4px;
  margin-right: -14px; }

.mce-rtl .mce-colorbutton.mce-btn-small .mce-preview {
  margin-left: 0;
  padding-right: 0;
  margin-right: -17px;
  padding-left: 0; }

.mce-rtl .mce-colorbutton button {
  padding-right: 10px;
  padding-left: 10px; }

.mce-rtl .mce-colorbutton .mce-open {
  padding-left: 4px;
  padding-right: 4px; }

.mce-colorpicker {
  position: relative;
  width: 250px;
  height: 220px; }

.mce-colorpicker-sv {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 100%;
  border: 1px solid #c5c5c5;
  cursor: crosshair;
  overflow: hidden; }

.mce-colorpicker-h-chunk {
  width: 100%; }

.mce-colorpicker-overlay1, .mce-colorpicker-overlay2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.mce-colorpicker-overlay1 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); }

.mce-colorpicker-overlay2 {
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#00000000', endColorstr='#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
  background: linear-gradient(to bottom, transparent, #000); }

.mce-colorpicker-selector1 {
  background: 0 0;
  position: absolute;
  width: 12px;
  height: 12px;
  margin: -8px 0 0 -8px;
  border: 1px solid #000;
  border-radius: 50%; }

.mce-colorpicker-selector2 {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-radius: 50%; }

.mce-colorpicker-h {
  position: absolute;
  top: 0;
  right: 0;
  width: 6.5%;
  height: 100%;
  border: 1px solid #c5c5c5;
  cursor: crosshair; }

.mce-colorpicker-h-marker {
  margin-top: -4px;
  position: absolute;
  top: 0;
  left: -1px;
  width: 100%;
  border: 1px solid #333;
  background: #fff;
  height: 4px;
  z-index: 100; }

.mce-path {
  display: inline-block;
  padding: 8px;
  white-space: normal; }

.mce-path .mce-txt {
  display: inline-block;
  padding-right: 3px; }

.mce-path .mce-path-body {
  display: inline-block; }

.mce-path-item {
  display: inline-block;
  cursor: pointer;
  color: #333; }

.mce-path-item:hover {
  text-decoration: underline; }

.mce-path-item:focus {
  background: #666;
  color: #fff; }

.mce-path .mce-divider {
  display: inline; }

.mce-disabled .mce-path-item {
  color: #aaa; }

.mce-rtl .mce-path {
  direction: rtl; }

.mce-fieldset {
  border: 0 solid #9E9E9E;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.mce-fieldset > .mce-container-body {
  margin-top: -15px; }

.mce-fieldset-title {
  margin-left: 5px;
  padding: 0 5px 0 5px; }

.mce-fit-layout {
  display: inline-block; }

.mce-fit-layout-item {
  position: absolute; }

.mce-flow-layout-item {
  display: inline-block; }

.mce-flow-layout-item {
  margin: 2px 0 2px 2px; }

.mce-flow-layout-item.mce-last {
  margin-right: 2px; }

.mce-flow-layout {
  white-space: normal; }

.mce-tinymce-inline .mce-flow-layout {
  white-space: nowrap; }

.mce-rtl .mce-flow-layout {
  text-align: right;
  direction: rtl; }

.mce-rtl .mce-flow-layout-item {
  margin: 2px 2px 2px 0; }

.mce-rtl .mce-flow-layout-item.mce-last {
  margin-left: 2px; }

.mce-iframe {
  border: 0 solid #9e9e9e;
  width: 100%;
  height: 100%; }

.mce-label {
  display: inline-block;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  overflow: hidden; }

.mce-label.mce-autoscroll {
  overflow: auto; }

.mce-label.mce-disabled {
  color: #aaa; }

.mce-label.mce-multiline {
  white-space: pre-wrap; }

.mce-label.mce-error {
  color: #a00; }

.mce-rtl .mce-label {
  text-align: right;
  direction: rtl; }

.mce-menubar .mce-menubtn {
  border-color: transparent;
  background: 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  filter: none; }

.mce-menubar {
  border: 1px solid #c4c4c4; }

.mce-menubar .mce-menubtn button span {
  color: #333; }

.mce-menubar .mce-caret {
  border-top-color: #333; }

.mce-menubar .mce-menubtn:hover, .mce-menubar .mce-menubtn.mce-active, .mce-menubar .mce-menubtn:focus {
  border-color: transparent;
  background: #e6e6e6;
  filter: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.mce-menubtn span {
  color: #333;
  margin-right: 2px;
  line-height: 20px; }

.mce-menubtn.mce-btn-small span {
  font-size: 12px; }

.mce-menubtn.mce-fixed-width span {
  display: inline-block;
  overflow-x: hidden;
  text-overflow: ellipsis;
  width: 90px; }

.mce-menubtn.mce-fixed-width.mce-btn-small span {
  width: 70px; }

.mce-rtl .mce-menubtn button {
  direction: rtl;
  text-align: right; }

.mce-listbox button {
  text-align: left;
  padding-right: 20px;
  position: relative; }

.mce-listbox .mce-caret {
  position: absolute;
  margin-top: -2px;
  right: 8px;
  top: 50%; }

.mce-rtl .mce-listbox .mce-caret {
  right: auto;
  left: 8px; }

.mce-rtl .mce-listbox button {
  padding-right: 10px;
  padding-left: 20px; }

.mce-menu-item {
  display: block;
  padding: 6px 15px 6px 12px;
  clear: both;
  font-weight: 400;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  line-height: normal;
  border-left: 4px solid transparent;
  margin-bottom: 1px; }

.mce-menu-item .mce-ico, .mce-menu-item .mce-text {
  color: #333; }

.mce-menu-item.mce-disabled .mce-text, .mce-menu-item.mce-disabled .mce-ico {
  color: #adadad; }

.mce-menu-item:hover .mce-text, .mce-menu-item.mce-selected .mce-text, .mce-menu-item:focus .mce-text {
  color: #fff; }

.mce-menu-item:hover .mce-ico, .mce-menu-item.mce-selected .mce-ico, .mce-menu-item:focus .mce-ico {
  color: #fff; }

.mce-menu-item.mce-disabled:hover {
  background: #ccc; }

.mce-menu-shortcut {
  display: inline-block;
  color: #adadad; }

.mce-menu-shortcut {
  display: inline-block;
  padding: 0 15px 0 20px; }

.mce-menu-item:hover .mce-menu-shortcut, .mce-menu-item.mce-selected .mce-menu-shortcut, .mce-menu-item:focus .mce-menu-shortcut {
  color: #fff; }

.mce-menu-item .mce-caret {
  margin-top: 4px;
  margin-right: 6px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333; }

.mce-menu-item.mce-selected .mce-caret, .mce-menu-item:focus .mce-caret, .mce-menu-item:hover .mce-caret {
  border-left-color: #fff; }

.mce-menu-align .mce-menu-shortcut, .mce-menu-align .mce-caret {
  position: absolute;
  right: 0; }

.mce-menu-item.mce-active i {
  visibility: visible; }

.mce-menu-item-normal.mce-active {
  background-color: #c8def4; }

.mce-menu-item-preview.mce-active {
  border-left: 5px solid #aaa; }

.mce-menu-item-normal.mce-active .mce-text {
  color: #333; }

.mce-menu-item-normal.mce-active:hover .mce-text, .mce-menu-item-normal.mce-active:hover .mce-ico {
  color: #fff; }

.mce-menu-item-normal.mce-active:focus .mce-text, .mce-menu-item-normal.mce-active:focus .mce-ico {
  color: #fff; }

.mce-menu-item:hover, .mce-menu-item.mce-selected, .mce-menu-item:focus {
  text-decoration: none;
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #08c, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #08c, #0077b3);
  background-image: -o-linear-gradient(top, #08c, #0077b3);
  background-image: linear-gradient(to bottom, #08c, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  zoom: 1; }

div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover {
  border: 0;
  padding: 0;
  height: 1px;
  margin: 9px 1px;
  overflow: hidden;
  background: #cbcbcb;
  border-bottom: 1px solid #fff;
  cursor: default;
  filter: none; }

.mce-menu.mce-rtl {
  direction: rtl; }

.mce-rtl .mce-menu-item {
  text-align: right;
  direction: rtl;
  padding: 6px 12px 6px 15px; }

.mce-menu-align.mce-rtl .mce-menu-shortcut, .mce-menu-align.mce-rtl .mce-caret {
  right: auto;
  left: 0; }

.mce-rtl .mce-menu-item .mce-caret {
  margin-left: 6px;
  margin-right: 0;
  border-right: 4px solid #333;
  border-left: 0; }

.mce-rtl .mce-menu-item.mce-selected .mce-caret, .mce-rtl .mce-menu-item:focus .mce-caret, .mce-rtl .mce-menu-item:hover .mce-caret {
  border-left-color: transparent;
  border-right-color: #fff; }

.mce-menu {
  position: absolute;
  left: 0;
  top: 0;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  background: 0 0;
  z-index: 1000;
  padding: 5px 0 5px 0;
  margin: 2px 0 0;
  min-width: 160px;
  background: #fff;
  border: 1px solid #989898;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index: 1002;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden; }

.mce-menu i {
  display: none; }

.mce-menu-has-icons i {
  display: inline-block; }

.mce-menu-sub-tr-tl {
  margin: -6px 0 0 -1px; }

.mce-menu-sub-br-bl {
  margin: 6px 0 0 -1px; }

.mce-menu-sub-tl-tr {
  margin: -6px 0 0 1px; }

.mce-menu-sub-bl-br {
  margin: 6px 0 0 1px; }

.mce-container-body .mce-resizehandle {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  visibility: visible;
  cursor: s-resize;
  margin: 0; }

.mce-container-body .mce-resizehandle-both {
  cursor: se-resize; }

i.mce-i-resize {
  color: #333; }

.mce-spacer {
  visibility: hidden; }

.mce-splitbtn .mce-open {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent; }

.mce-splitbtn:hover .mce-open {
  border-left-color: #bdbdbd;
  border-right-color: #bdbdbd; }

.mce-splitbtn button {
  padding-right: 4px; }

.mce-splitbtn .mce-open {
  padding-left: 4px; }

.mce-splitbtn .mce-open.mce-active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.mce-splitbtn.mce-btn-small .mce-open {
  padding: 0 3px 0 3px; }

.mce-rtl .mce-splitbtn {
  direction: rtl;
  text-align: right; }

.mce-rtl .mce-splitbtn button {
  padding-right: 10px;
  padding-left: 10px; }

.mce-rtl .mce-splitbtn .mce-open {
  padding-left: 4px;
  padding-right: 4px; }

.mce-stack-layout-item {
  display: block; }

.mce-tabs {
  display: block;
  border-bottom: 1px solid #c5c5c5; }

.mce-tab {
  display: inline-block;
  border: 1px solid #c5c5c5;
  border-width: 0 1px 0 0;
  background: #e3e3e3;
  padding: 8px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  height: 13px;
  cursor: pointer; }

.mce-tab:hover {
  background: #fdfdfd; }

.mce-tab.mce-active {
  background: #fdfdfd;
  border-bottom-color: transparent;
  margin-bottom: -1px;
  height: 14px; }

.mce-rtl .mce-tabs {
  text-align: right;
  direction: rtl; }

.mce-rtl .mce-tab {
  border-width: 0 0 0 1px; }

.mce-textbox {
  background: #fff;
  border: 1px solid #c5c5c5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  height: 28px;
  resize: none;
  padding: 0 4px 0 4px;
  white-space: pre-wrap;
  color: #333; }

.mce-textbox:focus, .mce-textbox.mce-focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.65); }

.mce-placeholder .mce-textbox {
  color: #aaa; }

.mce-textbox.mce-multiline {
  padding: 4px; }

.mce-textbox.mce-disabled {
  color: #adadad; }

.mce-rtl .mce-textbox {
  text-align: right;
  direction: rtl; }

.mce-throbber {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  filter: alpha(opacity=60);
  zoom: 1;
  background: #fff url(img/loader.gif) no-repeat center center; }

.mce-throbber-inline {
  position: static;
  height: 50px; }

@font-face {
  font-family: tinymce;
  src: url(fonts/tinymce.eot);
  src: url(fonts/tinymce.eot?#iefix) format("embedded-opentype"), url(fonts/tinymce.woff) format("woff"), url(fonts/tinymce.ttf) format("truetype"), url(fonts/tinymce.svg#tinymce) format("svg");
  font-weight: 400;
  font-style: normal; }

.mce-ico {
  font-family: tinymce,Arial;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size: 16px;
  line-height: 16px;
  speak: none;
  vertical-align: text-top;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  background: transparent center center;
  background-size: cover;
  width: 16px;
  height: 16px;
  color: #333; }

.mce-btn-small .mce-ico {
  font-family: tinymce-small,Arial; }

.mce-i-save:before {
  content: "\e000"; }

.mce-i-newdocument:before {
  content: "\e001"; }

.mce-i-fullpage:before {
  content: "\e002"; }

.mce-i-alignleft:before {
  content: "\e003"; }

.mce-i-aligncenter:before {
  content: "\e004"; }

.mce-i-alignright:before {
  content: "\e005"; }

.mce-i-alignjustify:before {
  content: "\e006"; }

.mce-i-cut:before {
  content: "\e007"; }

.mce-i-paste:before {
  content: "\e008"; }

.mce-i-searchreplace:before {
  content: "\e009"; }

.mce-i-bullist:before {
  content: "\e00a"; }

.mce-i-numlist:before {
  content: "\e00b"; }

.mce-i-indent:before {
  content: "\e00c"; }

.mce-i-outdent:before {
  content: "\e00d"; }

.mce-i-blockquote:before {
  content: "\e00e"; }

.mce-i-undo:before {
  content: "\e00f"; }

.mce-i-redo:before {
  content: "\e010"; }

.mce-i-link:before {
  content: "\e011"; }

.mce-i-unlink:before {
  content: "\e012"; }

.mce-i-anchor:before {
  content: "\e013"; }

.mce-i-image:before {
  content: "\e014"; }

.mce-i-media:before {
  content: "\e015"; }

.mce-i-help:before {
  content: "\e016"; }

.mce-i-code:before {
  content: "\e017"; }

.mce-i-insertdatetime:before {
  content: "\e018"; }

.mce-i-preview:before {
  content: "\e019"; }

.mce-i-forecolor:before {
  content: "\e01a"; }

.mce-i-backcolor:before {
  content: "\e01a"; }

.mce-i-table:before {
  content: "\e01b"; }

.mce-i-hr:before {
  content: "\e01c"; }

.mce-i-removeformat:before {
  content: "\e01d"; }

.mce-i-subscript:before {
  content: "\e01e"; }

.mce-i-superscript:before {
  content: "\e01f"; }

.mce-i-charmap:before {
  content: "\e020"; }

.mce-i-emoticons:before {
  content: "\e021"; }

.mce-i-print:before {
  content: "\e022"; }

.mce-i-fullscreen:before {
  content: "\e023"; }

.mce-i-spellchecker:before {
  content: "\e024"; }

.mce-i-nonbreaking:before {
  content: "\e025"; }

.mce-i-template:before {
  content: "\e026"; }

.mce-i-pagebreak:before {
  content: "\e027"; }

.mce-i-restoredraft:before {
  content: "\e028"; }

.mce-i-untitled:before {
  content: "\e029"; }

.mce-i-bold:before {
  content: "\e02a"; }

.mce-i-italic:before {
  content: "\e02b"; }

.mce-i-underline:before {
  content: "\e02c"; }

.mce-i-strikethrough:before {
  content: "\e02d"; }

.mce-i-visualchars:before {
  content: "\e02e"; }

.mce-i-visualblocks:before {
  content: "\e02e"; }

.mce-i-ltr:before {
  content: "\e02f"; }

.mce-i-rtl:before {
  content: "\e030"; }

.mce-i-copy:before {
  content: "\e031"; }

.mce-i-resize:before {
  content: "\e032"; }

.mce-i-browse:before {
  content: "\e034"; }

.mce-i-pastetext:before {
  content: "\e035"; }

.mce-i-checkbox:before, .mce-i-selected:before {
  content: "\e033"; }

.mce-i-selected {
  visibility: hidden; }

i.mce-i-backcolor {
  text-shadow: none;
  background: #bbb; }

/*@import "pages/home";*/

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